.top{border-top:7px solid #326247}.home-link{display:inline-block;margin:0 0 1.2rem;font-size:1rem}.prayer-help{max-width:42rem;margin:1.1rem auto;text-align:left;border:1px solid var(--rule);padding:.7rem 1rem;border-radius:8px}.prayer-help summary{cursor:pointer}.prayer-help p{font-size:1.05rem;line-height:1.65}.tabs a{min-height:44px;display:inline-flex;align-items:center}.brand{font-size:clamp(1.8rem,5vw,2.6rem)}
.reading-choice{max-width:42rem;margin:1rem auto;text-align:left}.reading-choice label{display:block;font-size:1rem;margin-bottom:.3rem}.reading-choice select{width:100%;min-height:44px;font:inherit;font-size:1.05rem;background:var(--bg);color:var(--ink);border:1px solid var(--rule);padding:.5rem;border-radius:5px}.reading-choice select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.reading-choice p{font-size:.95rem;margin:.4rem 0;line-height:1.4}.reading-version{font-size:.95rem;text-align:center;font-style:italic;color:var(--muted);margin:.5rem 0 1rem}

/* Footer privacy line: classes instead of inline styles so the content security policy can forbid inline CSS. */
.privacy-line{margin:.55rem auto 0;max-width:44rem;font-size:.7rem;line-height:1.6;text-align:center;font-style:normal}
.privacy-line a{color:inherit;text-decoration:underline}

/* Prototype controls: visible boundaries, keyboard focus, and touch targets. */
.ctl,.reading-choice select{border-color:var(--accent);min-height:44px}
.ctl{min-width:44px}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.prayer-help summary{min-height:44px;display:list-item;align-content:center}
.reading-version{color:var(--ink-2)}
@media(prefers-reduced-motion:reduce){html,body{transition:none;scroll-behavior:auto}}