.resource-intro{max-width:760px;font-family:var(--serif);font-size:23px;line-height:1.65;margin-bottom:35px}.resource-content{max-width:1152px;margin:0 auto;padding:42px 0 75px}.resource-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:28px}.resource-controls label,.translation-label{font-size:12px;color:var(--muted)}.resource-controls>p{font-size:12px;margin:0;color:var(--muted);max-width:410px}.translation-choice{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.translation-select{appearance:auto;background:var(--paper);color:var(--ink);border:1px solid #a6a58c;border-radius:2px;font:inherit;font-size:14px;min-height:42px;min-width:110px;padding:8px 12px}.translation-select:focus-visible{outline:3px solid #89835a;outline-offset:3px}.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.topic-button{background:#eeece2;border:1px solid var(--line);border-radius:2px;padding:25px 18px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;min-height:150px;transition:background .2s,border-color .2s}.topic-button:hover{background:#e5e6d7;border-color:#a6a58c}.topic-name{font-family:var(--serif);font-size:27px;line-height:1.25}.topic-reference{font-size:12px;color:var(--muted)}.topic-arrow{font-size:17px;color:var(--olive);margin-top:auto;align-self:flex-end}.resource-counter{border-top:1px solid var(--line);padding-top:24px;margin-top:35px;color:var(--muted);font-size:12px}.resource-counter p{margin-bottom:8px}.resource-counter strong{color:var(--olive);font-weight:650}.counter-hint{font-size:11px}.resource-return{margin-top:35px}.scripture-dialog{position:fixed;width:min(680px,calc(100% - 32px));max-height:86dvh;overflow:auto;border:1px solid var(--line);border-radius:3px;background:var(--paper);color:var(--ink);padding:47px;box-shadow:0 24px 90px #24261730}.scripture-dialog::backdrop{background:#262a22a6;backdrop-filter:blur(5px)}.verse-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:30px;width:42px;height:42px;line-height:1}.verse-close:hover{background:var(--paper-dark)}.verse-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:7px 0 25px}.verse-header h2{font-size:35px;margin:0}.translation-pill{font-size:10px;letter-spacing:.1em;padding:5px 10px;border:1px solid var(--line);color:var(--olive)}.verse-body{font-family:var(--serif);font-size:26px;line-height:1.65;margin:0 0 20px;white-space:pre-line}.verse-reference{font-size:13px;color:var(--muted);margin-bottom:30px}.verse-controls{border-top:1px solid var(--line);padding-top:22px;display:flex;align-items:center;gap:20px;justify-content:space-between}.verse-controls label{font-size:12px;color:var(--muted)}body.verse-open{overflow:hidden}
@media(max-width:900px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-controls{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:600px){.resource-content{padding:30px 0 55px}.resource-intro{font-size:21px}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.topic-button{padding:19px 15px;min-height:140px}.topic-name{font-size:23px}.topic-reference{font-size:11px}.scripture-dialog{padding:45px 25px 28px}.verse-header h2{font-size:30px}.verse-body{font-size:23px}.verse-controls{align-items:flex-start;flex-direction:column;gap:12px}.verse-controls .translation-select{width:100%}.resource-controls>p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.topic-button{transition:none}}