/* Authored reference content: scoped to .ds-reference; existing Planner styles stay independent. */
.ds-reference { max-width: 1160px; padding-bottom: 36px; }
.ds-reference p { max-width: 76ch; }
.ds-reference header { margin-bottom: 30px; }
.ds-reference img { display:block; width:100%; height:auto; }
.ds-reference figure { margin:0; }
.ds-reference figcaption,.ds-reference .ds-small { font-size:16px; color:var(--ds-muted); margin:12px 0 20px; }
.ds-reference .ds-content-action { display:inline-flex; align-items:center; min-height:48px; padding:12px 18px; border:2px solid var(--ds-olive); font-weight:650; text-decoration:none; }
.ds-reference .ds-content-action:hover { background:var(--ds-soft); }
.ds-reference a { overflow-wrap:anywhere; }
.ds-reference .ds-family-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 38px; margin:36px 0; }
.ds-reference .ds-family-grid section { border-top:1px solid var(--ds-rule); padding-top:20px; }
.ds-reference .ds-family-grid h2 { font-size:28px; margin:20px 0 12px; }
.ds-reference .ds-family-grid section>a { display:inline-flex; align-items:center; min-height:44px; }
.ds-reference .ds-text-family { display:flex; flex-direction:column; justify-content:center; padding:28px 0; }
.ds-reference .ds-reference-section { border-top:1px solid var(--ds-rule); padding-top:30px; margin-top:36px; }
.ds-reference .ds-reference-section h2,.ds-reference .ds-note h2 { font-size:clamp(27px,2.7vw,38px); margin-bottom:20px; }
.ds-reference .ds-recognition-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:32px; }
.ds-reference .ds-recognition-pair h2 { font-size:30px; }
.ds-reference .ds-wide-diagram { max-width:700px; }
.ds-reference .ds-reference-list { margin:24px 0; }
.ds-reference .ds-reference-list>div { display:grid; grid-template-columns:190px minmax(0,1fr); gap:24px; border-bottom:1px solid var(--ds-rule); padding:18px 0; }
.ds-reference dt { font-weight:700; }
.ds-reference dd { margin:0; }
.ds-reference .ds-reference-steps { padding-left:25px; max-width:80ch; }
.ds-reference li { margin-bottom:18px; padding-left:7px; }
.ds-reference .ds-source-note { border-top:1px solid var(--ds-rule); margin-top:38px; padding-top:22px; font-size:15px; color:var(--ds-muted); }
.ds-reference .ds-source-note h2 { font-size:20px; }
@media(max-width:1050px) { .ds-reference .ds-recognition-pair { grid-template-columns:1fr; } .ds-reference .ds-recognition-pair figure { max-width:660px; } }
@media(max-width:760px) {
.ds-reference .ds-family-grid { grid-template-columns:1fr; gap:28px; }
.ds-reference .ds-family-grid h2 { font-size:26px; }
.ds-reference .ds-reference-list>div { grid-template-columns:1fr; gap:8px; }
.ds-reference .ds-reference-section { margin-top:28px; }
.ds-reference .ds-content-action { width:100%; }
.ds-reference .ds-source-note { font-size:16px; }
}