.close-draft-selector { background:#101c30; border-bottom:1px solid var(--border); font-size:13px; }
.close-draft-selector summary { cursor:pointer; padding:12px 0; }
.close-draft-selector nav { display:flex; flex-wrap:wrap; gap:8px; padding:0 0 14px; }
.close-draft-selector a { padding:7px 10px; border:1px solid #94a3b826; border-radius:6px; color:#adbed6; }
.close-draft-selector a[aria-current] { background:#1b3150; color:#b1d2ff; }
.close-demo-block { margin-top:24px; padding-top:22px; border-top:1px solid var(--border); }
.close-demo-block h2 { font-size:23px; margin-bottom:16px; }
.close-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.draft-11 .dc-field-duration { grid-column:auto; }
.close-compact .d11-preview { padding:16px; }
.close-compact .discord-mock { padding:0; }
.close-timing { margin:14px 0 0; }
.close-disclosure { border:1px solid #94a3b826; border-radius:10px; padding:0 18px; }
.close-disclosure summary { padding:16px 0; cursor:pointer; font-size:15px; font-weight:600; color:#b1d2ff; }
.close-disclosure[open] { padding-bottom:18px; }
.close-rail { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.close-rail article { border-left:2px solid #375d88; padding:4px 0 4px 14px; }
.close-rail span,.close-rail p { font-size:13px; color:#a5afbf; }
.close-rail h3 { font-size:16px; margin:8px 0; }
.close-single { max-width:600px; margin:auto; }
.close-story-heading { display:flex; gap:12px; align-items:center; margin:18px 0 12px; }
.close-story-heading span { color:#80b8ff; font-size:13px; }
.close-story-heading h2,.close-story-heading h3 { font-size:20px; margin:0; }
.close-story > p { font-size:14px; }
.close-story-bottom { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }
.close-record { padding:18px; border:1px solid #94a3b826; border-radius:12px; background:#111f32; }
.close-record dl { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:12px 0; }
.close-record dt { color:#a5afbf; font-size:12px; }
.close-record dd { margin:4px 0 0; font-size:14px; overflow-wrap:anywhere; }
.close-record .draft-fine { margin-bottom:0; }
.close-matrix { display:grid; grid-template-columns:70px minmax(0,1fr) minmax(0,1fr); gap:12px; align-items:center; }
.close-matrix h3 { font-size:15px; }
.close-matrix p { font-size:13px; margin:0 0 6px; }
.close-chip { font-size:12px; color:#a8cfff; }
.close-switch { display:flex; gap:4px; padding:4px; width:max-content; background:#142139; border:1px solid #94a3b826; border-radius:8px; margin-bottom:16px; }
.close-switch[hidden],.close-state[hidden] { display:none; }
.close-switch button { font:inherit; font-size:14px; padding:9px 20px; border:0; border-radius:5px; color:#adbed6; background:transparent; cursor:pointer; }
.close-switch button[aria-pressed="true"] { color:#b1d2ff; background:#24497840; }
.close-switch button:focus-visible,.close-disclosure summary:focus-visible,.close-draft-selector summary:focus-visible { outline:2px solid #80b8ff; outline-offset:3px; }
.close-state + .close-state:not([hidden]) { margin-top:20px; }
.close-intro { font-size:14px; margin:20px 0 14px; }
@media(min-width:761px) { .close-state .d11-preview { min-height:420px; } }
@media(max-width:760px) {
 .close-pair,.close-story-bottom,.close-rail { grid-template-columns:minmax(0,1fr); }
 .close-matrix { grid-template-columns:minmax(0,1fr); gap:8px; }
 .close-matrix h3 { margin:8px 0 0; }
 .draft-11 .close-matrix article { padding:8px 12px; }
 .close-matrix .close-chip { display:none; }
 .close-matrix p { margin-bottom:3px; line-height:1.4; }
 .close-record dl { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .close-state .d11-preview { min-height:430px; }
 .close-disclosure { padding-left:12px; padding-right:12px; }
}