.topbar nav{flex-wrap:wrap;row-gap:7px}.topbar{height:auto;min-height:100px}.free-action-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:24px!important;color:var(--gold)!important}.free-action-label small{color:var(--muted);font-size:12px;font-weight:400}.input-wrap{display:block!important;border:1px solid var(--border)!important;border-radius:6px!important;background:linear-gradient(130deg,#b398660c,transparent)!important;box-shadow:inset 0 1px 10px #0000000b}.input-wrap:focus-within{border-color:var(--gold)!important;outline:2px solid #b3986622;outline-offset:3px}#free-action{display:block;width:100%;min-height:142px;padding:17px 18px!important;line-height:1.85;box-sizing:border-box;resize:vertical;border:0;background:transparent;font-size:15px}#free-confirm{margin-top:18px}.input-hint{flex-wrap:wrap;gap:5px}
.daily-options{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:14px 0;margin:16px 0}.daily-options[hidden]{display:none}.daily-options>summary{color:var(--gold);cursor:pointer;font-size:14px;line-height:1.8}.daily-options .choice{width:100%;margin-top:10px;text-align:left}
.calendar-intro p{font-size:14px;line-height:1.9}.calendar-month{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.calendar-month button{border:1px solid var(--border);background:var(--panel);color:var(--gold);width:42px;height:38px;font-size:24px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-grid>*{display:grid;place-items:center;min-height:42px;font-size:14px;border:1px solid transparent}.calendar-grid b{color:var(--muted);font-size:12px}.calendar-grid .weekend{background:#b3986618;color:var(--gold)}.calendar-grid .today{border:2px solid var(--gold);border-radius:4px;font-weight:bold}.daily-calendar-actions{display:flex;flex-wrap:wrap;gap:10px}.church-guide article{display:flex;gap:18px;border:1px solid var(--border);padding:20px;margin:16px 0;background:#b3986608}.church-guide h3{margin:0;color:var(--gold)}.church-guide p{font-size:14px;line-height:1.85}.church-guide small{color:var(--muted);line-height:1.8}.church-sigil{flex:0 0 38px;width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:24px}.check-formula{padding:18px;border:1px solid var(--gold);background:#b3986610;line-height:1.8;color:var(--gold)}.check-guide>div{padding:10px 0;border-bottom:1px solid var(--border)}.check-guide dd{margin:8px 0;color:var(--muted)}.check-table{width:100%;border-collapse:collapse;text-align:left;margin:18px 0}.check-table td,.check-table th{padding:10px;border-bottom:1px solid var(--border)}
#error-dialog{width:min(470px,calc(100vw - 32px));box-sizing:border-box;background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:8px;padding:28px;max-height:88svh;overflow-y:auto;box-shadow:0 20px 70px #0006}#error-dialog::backdrop{background:#0c111ac9}#error-dialog h2{text-align:left;font-size:21px;margin:15px 0}#error-dialog p{font-size:14px;line-height:1.9}.error-emblem{width:38px;height:38px;display:grid;place-items:center;border:1px solid #b77762;border-radius:50%;font:24px Georgia;color:#b77762}.error-remedy{border-left:2px solid var(--gold);padding:10px 14px;margin:20px 0;background:#b3986610}.error-remedy p{margin-bottom:0}#error-dialog button{width:100%;min-height:44px}
/* Details are attached to the watch itself, never to the page background. */
.clock-panel .watch-face{border:6px double #bba272;background:radial-gradient(ellipse at 30% 18%,#ffffff17,transparent 48%),repeating-radial-gradient(circle at center,#b3986605 0 1px,transparent 1px 3px),radial-gradient(circle,#273039,#121b23 75%);box-shadow:0 0 0 2px #5a4530,0 0 0 4px #ac8b5c,inset 0 0 0 2px #d6ba8544,inset 0 5px 12px #0008,0 9px 16px #0004}.clock-panel .watch-face:after{content:'';position:absolute;inset:4px;border-radius:50%;background:repeating-conic-gradient(from -1deg,#bba477 0deg 1deg,transparent 1deg 6deg);mask-image:radial-gradient(circle,transparent 62%,#000 64% 70%,transparent 72%);pointer-events:none}.watch-loop{border-color:#c9af7e;background:linear-gradient(90deg,#5e4931,#cdb382,#6d5438);box-shadow:inset 0 0 0 2px #201b16}.watch-loop:after{content:'';position:absolute;width:16px;height:10px;left:1px;bottom:-8px;border-radius:2px;background:repeating-linear-gradient(90deg,#b99d6b 0 2px,#654c32 2px 3px);border:1px solid #c9ae7e}.watch-face .watch-number{z-index:2;text-shadow:0 1px 1px #0008}.watch-face .twelve{left:50%;transform:translateX(-50%)}.watch-face .six{left:50%;transform:translateX(-50%)}.watch-face .three,.watch-face .nine{top:50%;transform:translateY(-50%)}.watch-engraving{position:absolute;top:28%;left:10%;width:80%;text-align:center;font:5px Georgia;letter-spacing:1px;color:#b9a580}.watch-moon{position:absolute;bottom:19%;left:38%;width:24%;height:24%;border-radius:50%;border:1px solid #8c72513d;background:radial-gradient(circle at top,#703e47,#1b2434);color:#d5b186;font-size:18px;display:grid;place-items:center}.watch-date{position:absolute;right:17%;top:45%;font:7px Georgia;color:#d8c59c;border:1px solid #b598634c;padding:1px 2px;background:#101721}.watch-face .watch-hand{z-index:3;box-shadow:1px 0 2px #0007}.watch-face .watch-hand.hour{clip-path:polygon(50% 0,100% 40%,72% 100%,28% 100%,0 40%);width:5px;left:calc(50% - 2.5px)}.watch-face .watch-pin{z-index:4;box-shadow:0 0 0 2px #806449,0 1px 3px #0008}.clock-panel:focus-visible{outline:1px solid var(--gold);outline-offset:5px;border-radius:6px}
body[data-palette=light] .clock-panel .watch-face{background:radial-gradient(ellipse at 30% 20%,#ffffffbd,transparent 55%),repeating-radial-gradient(circle,#876c3f08 0 1px,transparent 1px 3px),radial-gradient(circle,#f3ead3,#cbb78f);box-shadow:0 0 0 2px #685035,0 0 0 4px #b99a63,inset 0 0 0 2px #fff8,inset 0 3px 10px #7b5e4933,0 8px 16px #30221926}body[data-palette=light] .watch-engraving{color:#856d45}body[data-palette=light] .watch-face .watch-number{color:#715a36;text-shadow:none}
@media(max-width:1180px){#compact-clock-slot .watch-engraving,#compact-clock-slot .watch-date{display:none}#compact-clock-slot .watch-moon{font-size:8px;border:0;background:none;bottom:15%;height:20%}#compact-clock-slot .watch-face .watch-hand.hour{width:3px;left:calc(50% - 1.5px)}#compact-clock-slot .watch-face:after{inset:1px}#compact-clock-slot .watch-face{box-shadow:0 0 0 1px #61472e,0 0 0 2px #b79a61,inset 0 1px 5px #0005}}
@media(max-width:540px){.free-action-label{display:block}.free-action-label small{display:block;margin-top:6px}#free-action{min-height:150px;font-size:16px}.church-guide article{gap:12px;padding:16px}.calendar-grid{gap:3px}.calendar-grid>*{min-height:36px}#error-dialog{padding:22px}.topbar nav{column-gap:16px;row-gap:5px}}
.timepiece{display:flex;flex-direction:column;align-items:center;width:100%;gap:2px}.calendar-trigger{border:1px solid var(--border);border-radius:3px;color:var(--gold);background:transparent;font-size:12px;letter-spacing:.5px;padding:6px 14px;min-height:32px;margin:0 0 10px}.calendar-trigger:hover{border-color:var(--gold);background:#b3986610}.watch-face .watch-date{background:linear-gradient(#f4ead2,#ddc8a0);color:#59452e;border-color:#b39866;box-shadow:inset 0 1px 2px #98774922}.music-program{border-top:1px solid var(--border);margin-top:16px;padding-top:14px;font-size:13px}.music-program summary{color:var(--gold);cursor:pointer}.music-program strong{color:var(--gold)}
@media(max-width:1180px){#compact-clock-slot .timepiece{gap:5px}#compact-clock-slot .calendar-trigger{font-size:11px;padding:3px 7px;min-height:28px;margin:0;width:100%;white-space:nowrap}}
@media(max-width:760px){#compact-clock-slot{width:78px;flex:0 0 78px}#compact-clock-slot .timepiece .clock-panel{width:48px;height:48px;padding:2px}#compact-clock-slot .calendar-trigger{font-size:10px;letter-spacing:0;min-height:28px;padding:3px}.scenery-toolbar{align-items:center}}

button.check-summary{display:block;width:100%;text-align:left;cursor:pointer;border:1px solid var(--border);font:inherit}button.check-summary[hidden]{display:none}button.check-summary:hover{border-color:var(--gold)}
