.reference-guide { padding-bottom:48px }
.reference-guide .research-hero { grid-template-columns:1fr; max-width:none; margin-bottom:28px }
.reference-guide .research-hero .page-art { width:100%; margin-top:4px }
.reference-guide .research-hero .page-art img { width:100%; height:auto; aspect-ratio:3/1; max-height:none; object-fit:cover }
.reference-guide .research-hero .lede { max-width:65ch; font-size:18px; text-wrap:pretty }
.reference-guide h2 { text-wrap:balance }
.reference-guide h3 { font:400 26px/1.25 var(--serif); margin-bottom:12px }
.reference-guide p + p { margin-top:16px }
.ref-address { margin:0 0 32px; padding:36px; border:1px solid var(--line-2); border-radius:6px; background:var(--card) }
.ref-parts { display:grid; grid-template-columns:1.4fr 1fr .55fr 1fr; align-items:start; gap:16px; max-width:750px; margin:auto }
.ref-part { text-align:center }
.ref-part strong { display:block; font:400 clamp(40px,6vw,76px)/1.25 var(--serif); border-bottom:3px solid currentColor; margin-bottom:14px; border-radius:5px 5px 0 0; padding:8px }
.ref-book { color:#684522 }.ref-book strong { background:#f5eadb }
.ref-chapter { color:#365d6b }.ref-chapter strong { background:#eaf1f3 }
.ref-verse { color:#3d6249 }.ref-verse strong { background:#ecf2ec }
.ref-part span { display:block; font-size:12px; font-weight:750; letter-spacing:.12em }
.ref-part small { display:block; font-size:14px; margin-top:5px; color:var(--ink-2) }
.ref-colon { text-align:center; color:var(--ink-2) }
.ref-colon strong { display:block; font:400 clamp(40px,6vw,76px)/1.25 var(--serif); padding:8px 0 }
.ref-colon span { font-size:12px; line-height:1.4; display:block; margin-top:16px }
.ref-address figcaption { text-align:center; margin-top:30px; font-size:18px }
.ref-basics,.ref-practice { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:24px 0 }
.ref-basics article { padding-left:18px; border-left:2px solid var(--line-2) }
.ref-step { display:block; margin-bottom:12px; color:var(--accent); font-size:13px; font-weight:700 }
.reference-guide .ref-note { margin-top:24px; padding:18px 22px; border-left:3px solid var(--line-2); background:var(--card-2) }
.ref-compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:24px }
.ref-example,.ref-practice article { padding:24px; background:var(--card); border:1px solid var(--line); border-radius:6px }
.ref-example h3 { font-size:32px }
.ref-strip { display:flex; gap:8px; margin:24px 0 18px }
.ref-strip > * { display:grid; place-items:center; flex:1; min-width:0; padding:12px 0; background:var(--card-2); border:1px solid var(--line-2); border-radius:4px; font-size:22px; color:var(--ink-2) }
.ref-strip b { background:#3d6249; color:#fff; border-color:#3d6249 }
.ref-example figcaption { font-size:14px; color:var(--ink-2) }
.ref-patterns { display:grid; grid-template-columns:1fr 1fr; gap:24px }
.reference-guide .ref-patterns p { margin:0 }
.ref-find { padding-left:24px; margin:20px 0 28px }.ref-find li { padding:0 0 16px 8px }
.ref-link { font-weight:650; text-underline-offset:4px }
.ref-practice article { padding:20px }.ref-practice .research-disclosure { margin-bottom:0 }
.reference-guide .ref-takeaway { text-align:center; padding:26px; font-size:20px; border-block:1px solid var(--line-2); margin-top:32px }
.reference-guide #sources ul { padding-left:22px; margin-top:16px }.reference-guide #sources li + li { margin-top:12px }
@media(max-width:760px) {
 .ref-basics,.ref-practice,.ref-compare,.ref-patterns { grid-template-columns:1fr }
 .ref-address { padding:24px 14px }.ref-parts { gap:8px; grid-template-columns:1.3fr 1fr .5fr 1fr }
 .ref-part small { font-size:12px }.ref-part span { font-size:10px; letter-spacing:.05em }
 .ref-colon span { font-size:10px }.ref-address figcaption { font-size:16px }
 .ref-example { padding:20px }.ref-strip { gap:6px }
}