.hero .display .accent { color: var(--accent-on-dark); }
.split > *, .intro-row > * { min-width: 0; }
code { font-family: var(--font); font-weight: 700; font-size: .92em; overflow-wrap: anywhere; }
.band-ink code { color: inherit; }
.architecture { margin: 68px 0 62px; padding: 28px 34px 30px; border-radius: var(--radius); background: var(--surface); }
.architecture-svg { display: block; width: 100%; height: auto; font-family: var(--font); }
.graph-kicker { font-size: 14px; font-weight: 800; letter-spacing: .08em; fill: var(--ink); }
.graph-title { font-size: 38px; font-weight: 700; letter-spacing: -.055em; fill: var(--ink); }
.graph-copy { font-size: 17px; font-weight: 600; fill: var(--ink); }
.graph-bottom { font-size: 30px; font-weight: 700; letter-spacing: -.045em; fill: var(--ink); }
.graph-plus { font-size: 35px; font-weight: 700; fill: var(--accent-deep); }
.architecture figcaption { max-width: 860px; margin: 0 0 8px; font-size: var(--fs-small); color: var(--muted); }
.architecture-mobile { display: none; }
.contrast > div { border-top: 1px solid var(--line); padding: 24px 0; }
.contrast > div p { font-size: var(--fs-body); margin-top: 14px; max-width: 670px; }
.contrast > .muted { font-size: var(--fs-small); }
.protocol-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 55px; }
.code { min-width: 0; overflow: hidden; border-radius: var(--radius); background: var(--ink-field); color: var(--on-ink); }
.code-head { display:flex; align-items:center; justify-content:space-between; gap: 12px; padding: 16px 22px; color: var(--on-ink-muted); font-size: var(--fs-micro); font-weight:800; letter-spacing:var(--tr-eyebrow); text-transform:uppercase; }
.code-head > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.code pre { overflow-x:auto; padding: 14px 22px 27px; margin:0; font: 500 14px/1.8 var(--font); font-variant-numeric: tabular-nums; tab-size:2; }
.sample-note { margin-top:18px; font-size:var(--fs-small); color:var(--muted); }
.protocol-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:50px; margin-top:42px; }
.protocol-details > div { border-top:1px solid var(--line); padding-top:20px; }
.protocol-details p { margin-top:14px; }
.setup-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:58px; gap:38px 70px; }
.setup-grid > div { border-top:1px solid var(--on-ink-muted); padding-top:23px; }
.setup-grid .h3 { margin-top:16px; }
.setup-grid p { margin-top:16px; color:var(--on-ink-muted); }
.rule-list-single { display:grid; grid-template-columns:1fr; margin-top:30px; }
.rule-list-single > article { padding-top:20px; }
.brief-actions { display:grid; align-content:center; gap:12px; }
.brief-actions .muted { font-size:var(--fs-small); margin-top:10px; }
@media (max-width:760px) {
  .architecture { margin:34px 0 44px; padding:24px 22px; }
  .architecture-svg { display:none; }
  .architecture-mobile { display:grid; gap:0; margin-bottom:24px; }
  .architecture-mobile > div { display:grid; grid-template-columns:34px 1fr; gap:2px 12px; padding:17px 0; border-bottom:1px solid var(--line); }
  .architecture-mobile b { grid-row:span 2; color:var(--accent-deep); }
  .architecture-mobile strong { font-size:20px; }
  .architecture-mobile span { font-size:var(--fs-small); color:var(--muted); }
  .protocol-grid,.protocol-details,.setup-grid { grid-template-columns:1fr; }
  .protocol-grid { margin-top:30px; gap:14px; }
  .protocol-details { gap:25px; margin-top:28px; }
  .code pre { font-size:12px; padding:10px 16px 20px; }
  .code-head { padding:14px 16px; }
  .setup-grid { margin-top:36px; gap:28px; }
}
.architecture-svg .graph-kicker, .architecture-svg .graph-title, .architecture-svg .graph-copy { fill: var(--accent-ink); }
.architecture-svg text[y="367"], .architecture-svg text[y="454"] { fill: var(--ink); }
#memory .setup-grid > div { border-color: var(--line); }
#memory .setup-grid p { color: var(--muted); }