.eyebrow{font:500 10px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-bottom:15px}.hero-grid{display:none}.reference-hero,.library-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:36px;align-items:start;padding:44px 0 32px;border-bottom:1px solid var(--line);margin-bottom:12px;background:none}.hero-copy h1,.library-hero h1{font-size:clamp(2.2rem,4vw,3.7rem);font-weight:600;line-height:1.03;letter-spacing:-.045em;margin:0 0 22px}.hero-title{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:500;line-height:1.3;letter-spacing:-.015em;margin-bottom:16px}.hero-summary,.library-hero-copy>p:last-child{font-size:16px;line-height:1.7;max-width:72ch;color:var(--muted);margin-bottom:0}.mission-value,.library-note{border:1px solid var(--line);border-top:3px solid var(--gold);padding:20px;background:var(--white);font-size:12px;line-height:1.65}.mission-value>span,.library-note>strong{display:block;font:600 10px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--gold);margin-bottom:12px}.mission-value p,.library-note p{margin:0;color:var(--muted)}
.reference-section,.diagram-section,.entry-section,.atlas-section,.related-section,.reference-index,.library-contact,.code-section,.technical-section{padding:32px 0;margin:0;border-bottom:1px solid var(--line);width:100%;max-width:none}.section-intro,.diagram-heading,.entry-heading,.atlas-heading,.index-heading,.code-intro{max-width:760px;margin-bottom:24px}.section-intro>p:last-child,.diagram-heading>p:last-child,.entry-heading>p:last-child,.atlas-heading>p:last-child,.index-heading>p:last-child,.code-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:0}.section-intro h2,.diagram-heading h2,.entry-heading h2,.atlas-heading h2,.index-heading h2,.code-intro h2{margin-bottom:12px}
.index-grid,.entry-grid,.element-grid,.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:none;border:0}.index-grid.featured{grid-template-columns:1fr}.index-card,.entry-card,.element-card,.related-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:24px;background:var(--white);border:1px solid var(--line);border-radius:6px;text-decoration:none;transition:border-color .15s,transform .15s}.index-card:hover,.related-card:hover{border-color:var(--gold);transform:translateY(-2px)}.index-card>span,.related-card>span{font:500 9px/1.7 var(--mono);letter-spacing:.06em;color:var(--gold);text-transform:uppercase;min-height:30px}.index-card h3{font-size:21px;line-height:1.25;margin:12px 0 15px}.index-card p,.entry-card>p,.element-card>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:24px}.index-card>small{font:500 10px var(--mono);margin-top:auto;width:100%;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid var(--line)}.platform-entry .index-card{border-top:3px solid var(--gold)}.platform-entry .index-card h3{font-size:27px}.platform-entry .index-card:first-child{background:var(--paper-deep)}.entry-card ol{padding-left:17px;margin:0;font-size:12px;color:var(--muted)}.entry-card li+li{margin-top:7px}.element-card .card-signal{width:22px;height:3px;background:var(--teal);margin:0 0 20px}.example{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);width:100%}.example span{font:500 9px var(--mono);color:var(--gold);text-transform:uppercase}.example p{font-size:12px;color:var(--muted);margin:9px 0 0}.related-card{gap:12px}.related-card strong{font-size:18px}.related-card small{color:var(--muted);font-size:12px}.back-link{display:inline-block;margin-top:25px;font-size:12px;color:var(--gold)}
.system-diagram{padding:28px;background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:auto;color:var(--ink)}.system-node{background:var(--paper-deep);border:1px solid var(--line);color:var(--ink)}.system-node strong{font-size:14px}.system-node span{font-size:11px;color:var(--muted)}.fabric-core,.constellation-core{border-color:var(--gold)!important}.fabric-core strong,.constellation-core strong{color:var(--gold)}.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;background:none;border:0}.atlas-grid--plates{grid-template-columns:1fr}.atlas-card{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:6px;overflow:hidden}.atlas-card>header{display:grid;grid-template-columns:90px minmax(0,1fr);padding:23px 26px;border-bottom:1px solid var(--line);gap:8px 16px}.atlas-card>header>span{font:500 9px var(--mono);text-transform:uppercase;color:var(--gold);padding-top:5px}.atlas-card>header h3{margin:0;font-size:18px}.atlas-card>header p{grid-column:2;margin:0;color:var(--muted);font-size:12px}.atlas-card .system-diagram{border:0;border-radius:0}.plate-visual{margin:0;padding:26px;background:var(--white);overflow:auto}.plate-visual .d{display:block;min-width:600px;width:100%;max-height:none}.plate-visual .d text{fill:var(--ink)}.plate-visual .d .s{fill:var(--muted)}.plate-visual .d .b{fill:var(--paper-deep);stroke:var(--line)}.plate-visual .d .b.acc{fill:var(--paper-deep);stroke:var(--gold)}.plate-visual .d .b.ok{fill:var(--paper-deep);stroke:var(--teal)}.plate-visual .d .b.no{fill:var(--paper-deep);stroke:#b05b51}.plate-visual .d .ln{stroke:var(--muted)}.plate-visual .d .ln.a{stroke:var(--gold)}.plate-visual .d .ln.g{stroke:var(--teal)}.plate-marker-defs{position:absolute;width:0;height:0;overflow:hidden}
.code-grid{display:grid;grid-template-columns:1fr;gap:18px}.code-card{display:grid;grid-template-columns:1fr 1.6fr;border:1px solid var(--line);border-radius:6px;background:var(--white);overflow:hidden;min-width:0}.code-card>div{padding:22px}.code-card h3{font-size:17px}.code-card p{font-size:12px;color:var(--muted);margin:0}.code-card pre{background:#101e2a;color:#dae8e5;font:11px/1.8 var(--mono);margin:0;padding:22px;overflow:auto;min-width:0}.use-case-band{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line)}.use-case-band ul{display:grid;gap:12px;padding-left:20px;margin:0;font-size:14px;color:var(--muted)}.decision-list{display:grid;gap:0}.decision-list p{padding:14px 0;margin:0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.contact-link{display:inline-block;margin-top:20px;font-size:12px;color:var(--gold)}.library-contact{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.library-contact p{font-size:14px;color:var(--muted)}.library-contact>a{font-size:12px;color:var(--gold)}
.technical-section>p{max-width:80ch;color:var(--muted)}.reference-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.reference-flow li{padding:18px;border:1px solid var(--line);border-top:2px solid var(--gold);background:var(--white);font-size:13px;font-weight:500}.reference-flow li:not(:last-child)::after{content:' →';color:var(--gold)}.reference-next{display:flex;flex-wrap:wrap;gap:16px 28px}.reference-next h2{flex-basis:100%;margin-bottom:3px}.reference-next a{color:var(--gold);font-size:13px}.support-scope{padding:14px 18px;margin:20px 0 0;border-left:3px solid var(--gold);background:var(--paper-deep);font-size:12px;color:var(--muted)}
@media(max-width:1180px){.reference-hero,.library-hero{grid-template-columns:1fr;gap:22px}.mission-value,.library-note{padding:15px 18px;border-top:1px solid var(--line);border-left:3px solid var(--gold)}.index-grid,.entry-grid,.element-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-entry .index-grid{grid-template-columns:1fr}.platform-entry .index-card{display:grid;grid-template-columns:150px 1fr;gap:0 22px}.platform-entry .index-card>span{grid-column:1/-1;min-height:0}.platform-entry .index-card h3{margin:12px 0}.platform-entry .index-card p{grid-column:2;grid-row:2;margin:12px 0}.platform-entry .index-card small{grid-column:1/-1;margin-top:12px}.atlas-grid{grid-template-columns:1fr}}
@media(max-width:900px){.reference-hero,.library-hero{padding-top:32px}.hero-copy h1,.library-hero h1{font-size:43px}}
@media(max-width:600px){.reference-hero,.library-hero{padding:28px 0 24px;gap:18px}.hero-copy h1,.library-hero h1{font-size:36px}.hero-title{font-size:20px}.hero-summary,.library-hero-copy>p:last-child{font-size:14px}.index-grid,.entry-grid,.element-grid,.related-grid{grid-template-columns:1fr}.index-card,.entry-card,.element-card,.related-card{padding:22px}.platform-entry .index-card{display:flex;gap:0}.platform-entry .index-card h3{font-size:28px;margin:12px 0}.platform-entry .index-card p{margin:0 0 20px}.platform-entry .index-card small{margin-top:0}.atlas-card>header{display:block;padding:21px}.atlas-card>header h3{margin-top:12px;font-size:19px}.atlas-card>header p{margin-top:10px}.plate-visual{padding:18px}.system-diagram{padding:18px}.code-card{grid-template-columns:1fr}.code-card pre{font-size:10px;padding:18px}.use-case-band,.library-contact{grid-template-columns:1fr;gap:12px}.reference-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-section,.diagram-section,.entry-section,.atlas-section,.related-section,.reference-index,.code-section,.technical-section{padding:28px 0}}
.document-workspace{--reference-ink:var(--ink);--reference-paper:var(--paper);--reference-white:var(--white);--reference-line:var(--line);--reference-muted:var(--muted);--reference-gold:var(--gold)}
.document-contents .grp-label{grid-column:1/-1;margin-top:12px;font:500 10px var(--mono);color:var(--gold);text-transform:uppercase}
.atlas-card>header>span{grid-column:1;grid-row:1/3}.atlas-card>header h3{grid-column:2;max-width:none}.atlas-card>header p{font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none}
.plate-visual{--plate-surf:var(--paper-deep);--plate-surf2:var(--white);--plate-ink:var(--ink);--plate-muted:var(--muted);--plate-rule:var(--line);--plate-brass:var(--gold);--plate-pass:var(--teal)}

/* Diagram geometry uses a shared dark surface in both page themes. Its local
   color tokens keep labels legible inside nested nodes, lanes, and matrices. */
.system-diagram{
  --white:#e7efef;
  --paper-deep:#192d3c;
  --ink:#e7efef;
  --muted:#afc1c9;
  --line:#3a505d;
  --gold:#edba5f;
  --teal:#70c9bf;
  background:#101e2a;
  color:var(--ink);
  min-width:0;
  max-width:100%;
  overflow:auto;
}
.system-diagram .system-node{background:var(--paper-deep);border-color:var(--line);color:var(--ink)}
.system-diagram .system-node strong{color:var(--ink)}
.system-diagram .system-node span{color:var(--muted)}
.system-diagram .fabric-center .system-node,.system-diagram .constellation-center .system-node{border-color:var(--gold)}
.atlas-card>header{grid-template-columns:minmax(0,1fr);gap:8px}
.atlas-card>header h3,.atlas-card>header p{grid-column:1;grid-row:auto}
.atlas-card>header>span{display:none}
.technical-section pre{max-width:100%;overflow:auto}

@media(max-width:420px){
  .reference-hero,.library-hero{padding-top:24px}
  .hero-copy h1,.library-hero h1{font-size:32px;overflow-wrap:anywhere}
  .document-workspace{padding:0 16px}
  .index-card,.entry-card,.element-card,.related-card{padding:20px}
  .system-diagram{padding:14px}
}