body { background: var(--blog-black); color: var(--dim-white); }
.scripture-shell { max-width: 1160px; margin: 0 auto; padding: 150px 32px 100px; font-family: 'Didact Gothic', Arial, sans-serif; }
.scripture-hero { max-width: 930px; padding: 28px 0 76px; }
.scripture-kicker, .section-heading > span { color: var(--blog-yellow); letter-spacing: .2em; font-size: 13px; text-transform: uppercase; }
.scripture-hero h1 { margin: 14px 0 22px; font-family: 'Roboto Serif', Georgia, serif; font-weight: 400; font-size: clamp(48px, 8vw, 88px); line-height: .98; letter-spacing: -.045em; }
.scripture-hero p { max-width: 760px; font-size: 23px; line-height: 1.55; color: rgba(255,255,255,.72); }
.scripture-stats { display:flex; flex-wrap:wrap; gap: 28px; margin-top: 30px; font-size: 15px; color: rgba(255,255,255,.5); }
.scripture-stats strong { color: var(--blog-yellow); font-size: 22px; margin-right: 5px; }
.section-heading { margin-bottom: 28px; }
.section-heading h2 { margin: 8px 0 0; font-family: 'Roboto Serif', Georgia, serif; font-size: clamp(32px,5vw,54px); font-weight: 400; }
.scripture-featured { padding: 28px 0 86px; border-top: 1px solid rgba(255,255,255,.12); }
.featured-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); }
.featured-passage { position:relative; display:grid; grid-template-columns: 1fr auto; gap:8px 22px; min-height:150px; padding:28px 58px 28px 0; border-top:1px solid rgba(255,255,255,.12); text-decoration:none; color:var(--dim-white); }
.featured-passage:nth-child(odd) { margin-right:30px; }
.featured-passage:nth-child(even) { margin-left:30px; }
.featured-passage:hover { color:var(--dim-white); border-color:var(--blog-yellow); }
.featured-label { align-self:end; font-family:'Roboto Serif', Georgia, serif; font-size:30px; }
.featured-count { color:rgba(255,255,255,.56); }
.featured-arrow { position:absolute; right:4px; top:50%; transform:translateY(-50%); font-size:32px; color:var(--blog-yellow); transition:transform .18s ease; }
.featured-passage:hover .featured-arrow { transform:translate(7px,-50%); }
.scripture-books { padding-top: 18px; }
.testament-block { margin-top:70px; }
.testament-block > h3 { font-family:'Roboto Serif', Georgia, serif; font-size:38px; font-weight:400; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.22); }
.book-section { display:grid; grid-template-columns: 210px 1fr; gap:40px; padding:34px 0 24px; }
.book-section-title { color:var(--blog-yellow); letter-spacing:.12em; text-transform:uppercase; font-size:13px; padding-top:16px; }
.book-list { min-width:0; }
.book-disclosure { border-top:1px solid rgba(255,255,255,.12); }
.book-disclosure:last-child { border-bottom:1px solid rgba(255,255,255,.12); }
.book-disclosure summary { list-style:none; cursor:pointer; display:grid; grid-template-columns:1fr auto 34px; align-items:center; gap:20px; padding:19px 4px; font-size:27px; }
.book-disclosure summary::-webkit-details-marker { display:none; }
.book-disclosure summary small { color:rgba(255,255,255,.45); font-size:14px; }
.summary-arrow { color:var(--blog-yellow); transition: transform .2s ease; }
.book-disclosure[open] .summary-arrow { transform:rotate(90deg); }
.chapter-strip { display:flex; flex-wrap:wrap; gap:9px; padding: 0 4px 24px; }
.chapter-strip a { min-width:54px; height:54px; display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--dim-white); text-decoration:none; border:1px solid rgba(255,255,255,.13); }
.chapter-strip a:hover { border-color:var(--blog-yellow); color:var(--blog-yellow); }
.chapter-strip a small { font-size:10px; opacity:.45; }
.chapter-strip .view-book { width:auto; padding:0 18px; flex-direction:row; color:var(--blog-yellow); }
.scripture-empty { padding:28px; border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.65); }
.scripture-detail-shell { max-width:1000px; }
.scripture-hero.compact { padding-bottom:48px; }
.scripture-hero.compact h1 { font-size:clamp(54px,8vw,82px); }
.back-link { display:inline-block; margin-bottom:32px; color:rgba(255,255,255,.52); text-decoration:none; }
.back-link:hover { color:var(--blog-yellow); }
.chapter-directory { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:rgba(255,255,255,.1); }
.chapter-card { position:relative; min-height:190px; padding:24px; background:var(--blog-black); color:var(--dim-white); text-decoration:none; display:flex; flex-direction:column; }
.chapter-card span { color:var(--blog-yellow); letter-spacing:.15em; font-size:11px; }
.chapter-card strong { font-family:'Roboto Serif', Georgia, serif; font-size:58px; font-weight:400; line-height:1; margin:14px 0 auto; }
.chapter-card small { opacity:.52; }
.chapter-card b { position:absolute; right:22px; bottom:20px; color:var(--blog-yellow); font-size:26px; }
.chapter-card:hover { color:var(--dim-white); outline:1px solid var(--blog-yellow); z-index:2; }
.scripture-reflections { border-top:1px solid rgba(255,255,255,.15); }
.scripture-reflection-row { display:grid; grid-template-columns:170px 1fr 40px; gap:28px; align-items:center; padding:34px 4px; border-bottom:1px solid rgba(255,255,255,.12); color:var(--dim-white); text-decoration:none; }
.scripture-reflection-row:hover { color:var(--dim-white); border-color:var(--blog-yellow); }
.reflection-meta { display:flex; flex-direction:column; gap:8px; font-size:11px; letter-spacing:.08em; color:rgba(255,255,255,.4); }
.reflection-meta .primary-mark { color:var(--blog-yellow); }
.reflection-copy small { color:var(--blog-yellow); }
.reflection-copy h2 { margin:5px 0 10px; font-family:'Roboto Serif', Georgia, serif; font-size:30px; font-weight:400; }
.citation-list { display:flex; flex-wrap:wrap; gap:8px; }
.citation-list span { font-size:13px; padding:5px 9px; border:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.58); }
.reflection-arrow { color:var(--blog-yellow); font-size:29px; transition:transform .18s ease; }
.scripture-reflection-row:hover .reflection-arrow { transform:translateX(6px); }
@media(max-width:760px){
 .scripture-shell{padding:118px 20px 70px}.scripture-hero{padding-bottom:54px}.scripture-hero p{font-size:19px}
 .featured-grid{grid-template-columns:1fr}.featured-passage:nth-child(n){margin:0}.book-section{grid-template-columns:1fr;gap:8px}.book-section-title{padding-top:0}
 .book-disclosure summary{grid-template-columns:1fr 25px;font-size:23px}.book-disclosure summary small{display:none}.chapter-directory{grid-template-columns:repeat(2,1fr)}
 .scripture-reflection-row{grid-template-columns:1fr 26px;gap:14px}.reflection-meta{grid-column:1/-1;flex-direction:row}.reflection-copy h2{font-size:25px}
}