:root{--ink:#181817;--paper:#f3f0e8;--orange:#b85c46}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif}a{color:inherit}button,select{font:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{background:var(--ink);color:var(--paper);padding:22px 5%;display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;font-size:12px}.brand{font:900 28px Arial;letter-spacing:-1.7px}.brand span{color:var(--orange)}main{max-width:820px;padding:65px 28px;margin:auto}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#854431}h1{font:500 clamp(37px,6vw,60px)/1.12 Fraunces,Georgia,serif;letter-spacing:-1.5px}.intro{color:#625d54}form{display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:14px;border-block:1px solid #18181730;padding:25px 0;margin:35px 0}label{display:grid;gap:5px;font-size:12px}select,button{min-height:46px;border:1px solid #18181755;border-radius:6px;padding:10px 12px;background:transparent;color:var(--ink);min-width:0}form button{background:var(--ink);color:var(--paper)}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}article{scroll-margin-top:28px;outline:none}h2{font:500 37px Fraunces,Georgia,serif}#verses{font:21px/1.9 Georgia,serif}#verses .p,#verses .m,#verses .q1,#verses .q2{margin-bottom:14px}#verses .q1{padding-left:20px}#verses .q2{padding-left:40px}#verses .verse{font:11px Manrope,Arial,sans-serif;color:#854431;vertical-align:super;margin-right:5px}#verses .d{font-style:italic}#status{font-size:13px}nav{display:flex;justify-content:space-between;margin-top:45px;padding-top:25px;border-top:1px solid #18181730}nav button{display:flex;align-items:center;gap:12px}.back svg{transform:rotate(180deg)}svg{display:block}footer{text-align:center;padding:35px 20px;background:#e7e1d6;font-size:12px}.skip{position:absolute;left:20px;top:-100px;background:white;padding:10px}.skip:focus{top:10px}@media(max-width:550px){main{padding:40px 20px}form{grid-template-columns:2fr 1fr}form button{grid-column:1/-1}#verses{font-size:20px}h2{font-size:31px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
