/* Site additions around the owner's design: app bar, recent days, notices, install help. */
.appbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 4px 0}
.appname{color:#eef3fb;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.02em;min-height:44px;display:inline-flex;align-items:center}
.share{min-height:44px;padding:0 16px;border:1px solid #6c99c9;border-radius:12px;background:#263e58;color:#eaf5ff;font:700 15px/1 system-ui,-apple-system,sans-serif;cursor:pointer}
.share:hover,.share:focus-visible{background:#2f4b69}
.share:focus-visible,.day:focus-visible,.appname:focus-visible,.help-card summary:focus-visible{outline:2px solid #a9d3ff;outline-offset:3px}
.share-status{margin:6px 4px 0;text-align:right;font-size:14px;color:#a7b5c9}

.days{display:grid;grid-template-columns:repeat(var(--count,7),minmax(0,1fr));gap:6px;margin:14px 0 0}
.day{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;border:1px solid #29374c;border-radius:12px;background:#141e2e;color:#a7b5c9;text-decoration:none;font-size:12px;line-height:1.25}
.day b{font-size:18px;color:#eef3fb}
.day:hover{border-color:#51739b}
.day[aria-current="page"]{background:#294663;border-color:#8cadce;color:#fff}

.notice{margin:17px 0 0;padding:14px 18px;border:1px solid #29374c;border-left:4px solid #e2a765;border-radius:14px;background:#141e2e;color:#d6e2f1;font-size:15px}
.verse-missing{display:block;font-size:17px;font-weight:500;line-height:1.5;color:#c9ddf7}

.help-card{margin:0 0 18px;border:1px solid #29374c;border-radius:14px;background:#141e2e;color:#d6e2f1}
.help-card summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;font-size:15px;font-weight:700;color:#eef3fb}
.help-card summary::-webkit-details-marker{display:none}
.help-card .word-caret{display:inline-block;font-size:22px;line-height:.7;transition:transform .16s ease}
.help-card[open] .word-caret{transform:rotate(180deg)}
.help-body{padding:0 16px 14px;font-size:15px;line-height:1.6}
.help-body p{margin:8px 0 0}
.esv-attribution a{color:#a9d3ff}
.word-gr{font-family:inherit}

@media(max-width:420px){.days{gap:4px}.day{min-height:52px}.day b{font-size:16px}}
@media(prefers-reduced-motion:reduce){.help-card .word-caret{transition:none}}