/* Reference editorial pages: shared typography and responsive geometry. */
.reference-page #main-content .role,.reference-page #main-content .related-links .ml{color:var(--ink)}
.reference-page .keys b{display:block}
.reference-page .keys{box-shadow:0 30px 60px -24px rgba(0,0,0,.45)}
.reference-page .checks li{align-items:start}
.reference-page .feat4{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-page .feat4.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.reference-page .related-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 32px}
.reference-page .related-links .ml{align-items:start;padding-block:10px}
.reference-page .related-links .mt b{display:block;font-size:16px;line-height:1.35}
.reference-page .related-links .link-description{margin-top:2px}
.reference-page .close .wrap{grid-template-columns:minmax(0,1fr) auto}
.reference-page .close .btns{flex-direction:column}
.reference-page .sec-cont{padding-top:0}
.reference-page .sec-cont .seq{margin-top:0}
.reference-page .shot figcaption{font-size:15px}
.reference-page .shot2 figcaption{margin-top:16px;font-size:14px;line-height:1.5;color:var(--muted)}
.reference-page .shot2 figcaption b{display:block;margin-bottom:4px;color:var(--ink);font-weight:600}
.reference-page .shot .frame{aspect-ratio:21/9;border-radius:0;box-shadow:none;background:var(--stone)}
@media(max-width:980px){.reference-page .feat4,.reference-page .feat4.c3,.reference-page .related-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
.reference-page .sec{padding-block:52px}
.reference-page .close .wrap{grid-template-columns:minmax(0,1fr)}
.reference-page .sec-cont{padding-top:0}
.reference-page .phero{padding-block:36px 44px}
.reference-page .shot .frame{aspect-ratio:4/3}
.reference-page .shot img{width:auto;height:100%;max-width:none}
.reference-page .keys{padding:2px 20px}
.reference-page .keys li{padding:12px 0;grid-template-columns:36px minmax(0,1fr);gap:12px}
.reference-page .keys .ki{width:36px;height:36px}
.reference-page .feat4,.reference-page .feat4.c3,.reference-page .related-links{grid-template-columns:minmax(0,1fr)}
.reference-page .feat4{gap:28px}
.reference-page .related-links .ml{padding-block:14px}
}

/* Shared narrative tables and paired lists used by illustrated use cases. */
.reference-page #main-content .narrative-table .prose-p{font-size:18px;line-height:1.75;max-width:760px;margin:20px 0 0}
.reference-page #main-content .narrative-table .table-note{font-size:15px;margin-top:0}
.reference-page .check-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
@media(max-width:980px){.reference-page .check-columns{grid-template-columns:minmax(0,1fr)}}