:root{
      --nav:#4da3ff;--action:#2edc8a;--insight:#d66bff;--guard:#ff5d73;
      --system:#35e0e0;--warning:#ffb020;
      --bg:#0b1220;--panel:#101a2e;--panel2:#14213a;--text:#e8eefc;--muted:#9fb0cc;
      --line:#1e2c49;--radius:10px;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Thai","Noto Sans SC",sans-serif}
    a{color:var(--nav);text-decoration:none}
    a:hover{text-decoration:underline}
    .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
    header.site{background:linear-gradient(180deg,#0d1526,#0b1220);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
    .topbar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:14px 0}
    .topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}
    .topbar-system,.topbar-grid{display:none}
    .brand{font-weight:800;letter-spacing:.5px;color:var(--text);font-size:18px}
    .brand b{color:var(--nav)}
    nav.topnav{display:flex;gap:14px;flex-wrap:wrap;font-size:14px}
    .langs{margin-left:auto;display:flex;gap:6px;font-size:13px}
    .langs a{padding:3px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
    .langs a.active{color:var(--system);border-color:var(--system)}
    nav.breadcrumb{font-size:13px;color:var(--muted);padding:12px 0;border-bottom:1px solid var(--line)}
    nav.breadcrumb a{color:var(--muted)}
    nav.breadcrumb .sep{margin:0 6px;color:#41506f}
    main{padding:36px 0 60px}
    .page-head{margin-bottom:28px}
    .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--system);text-transform:uppercase;margin:0 0 8px}
    h1{font-size:34px;line-height:1.2;margin:0 0 12px}
    .lede{font-size:18px;color:var(--muted);max-width:72ch;margin:0 0 14px}
    .meta-row{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);font-family:var(--mono)}
    .meta-row b{color:var(--text);font-weight:600}
    h2{font-size:20px;margin:34px 0 10px;padding-top:18px;border-top:1px solid var(--line)}
    h3{font-size:16px;margin:20px 0 6px}
    p{margin:10px 0}
    ul,ol{margin:8px 0;padding-left:22px}
    li{margin:4px 0}
    .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:14px 0}
    .panel.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
    .cell h3{margin-top:0;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:var(--warning)}
    .cell ul{margin:0}
    .tag{display:inline-block;font-family:var(--mono);font-size:12px;padding:2px 8px;border:1px solid var(--line);border-radius:999px;margin:2px 4px 2px 0;color:var(--muted)}
    .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:16px 0}
    .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
    .card h3{margin:0 0 6px;font-size:17px}
    .card h3 a{color:var(--text)}
    .card p{margin:0 0 10px;font-size:14px;color:var(--muted)}
    .card .meta{font-family:var(--mono);font-size:12px;color:var(--insight)}
    .flow{list-style:none;padding:0;margin:12px 0}
    .flow li{padding:8px 12px;border:1px solid var(--line);border-radius:8px;margin:6px 0;background:var(--panel2);font-size:14px}
    .flow li .from{color:var(--system);font-family:var(--mono)}
    .flow li .arrow{color:var(--muted);margin:0 6px}
    .flow li .to{color:var(--action);font-family:var(--mono)}
    .flow li .note{display:block;color:var(--muted);font-size:13px;margin-top:2px}
    .qa{margin:10px 0}
    .qa summary{font-weight:600;cursor:pointer;color:var(--text)}
    .qa p{margin:6px 0 0;color:var(--muted)}
    .noindex-note{background:rgba(255,176,32,.08);border:1px solid var(--warning);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--warning)}
    footer.site{border-top:1px solid var(--line);padding:26px 0 40px;font-size:13px;color:var(--muted)}
    footer.site .grid{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
    footer.site a{color:var(--muted)}
    @media (max-width:760px){ h1{font-size:27px} .topbar{gap:10px} }

    /* DGRID home adapter: the localized entrance is a workstation surface,
       so its dense public system index stays inside one stable viewport. */
    body[data-page="home"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:72px minmax(0,1fr) 34px;
      background:var(--bg);
    }
    body[data-page="home"] > header.site{grid-row:1;min-height:0;position:relative;overflow:hidden;border-bottom-color:rgba(77,163,255,.35);background:linear-gradient(180deg,#101a2e,#0b1220);}
    body[data-page="home"] > header.site::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(77,163,255,.08),rgba(46,220,138,.08),rgba(214,107,255,.08));opacity:.72;pointer-events:none;}
    body[data-page="home"] > header.site::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--nav),var(--action),var(--insight),transparent);animation:home-topbar-scan 4.8s linear 2;pointer-events:none;}
    @keyframes home-topbar-scan{0%{transform:translateX(-28%);opacity:.42}50%{opacity:1}100%{transform:translateX(28%);opacity:.42}}
    body[data-page="home"] .topbar{position:relative;z-index:1;width:100%;height:100%;max-width:none;margin:0;padding:0 18px;display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,2.35fr) minmax(292px,.82fr);gap:12px;align-items:center;flex-wrap:nowrap;}
    body[data-page="home"] .topbar-left{height:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center;border-right:1px solid rgba(77,163,255,.24);padding-right:12px;}
    body[data-page="home"] .brand{font-size:20px;letter-spacing:0;white-space:nowrap;}
    body[data-page="home"] .topbar-system{display:block;min-width:0;font-family:var(--mono);font-size:12px;line-height:1.2;color:var(--system);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="home"] nav.topnav{height:100%;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);gap:6px;align-items:center;font-size:12px;line-height:1.05;overflow:hidden;}
    body[data-page="home"] nav.topnav a{position:relative;height:42px;min-width:0;padding:9px 5px 8px;border:1px solid rgba(30,44,73,.9);border-radius:4px;background:rgba(16,26,46,.58);color:var(--muted);text-align:center;overflow:hidden;white-space:normal;display:flex;align-items:center;justify-content:center;}
    body[data-page="home"] nav.topnav a:hover{color:var(--text);border-color:rgba(77,163,255,.68);text-decoration:none;background:rgba(77,163,255,.12);}
    body[data-page="home"] nav.topnav a::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,var(--nav),transparent);transform:scaleX(.25);opacity:.35;transition:transform .18s ease,opacity .18s ease;}
    body[data-page="home"] nav.topnav a:hover::after{transform:scaleX(1);opacity:.9;}
    body[data-page="home"] .topbar-right{height:100%;min-width:0;display:grid;grid-template-columns:minmax(130px,1fr) auto;gap:10px;align-items:center;border-left:1px solid rgba(77,163,255,.24);padding-left:12px;}
    body[data-page="home"] .topbar-grid{display:block;min-width:0;padding:7px 9px;border:1px solid rgba(46,220,138,.35);border-radius:4px;background:rgba(46,220,138,.08);font-family:var(--mono);font-size:12px;line-height:1;color:var(--action);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
    body[data-page="home"] .langs{margin:0;display:grid;grid-auto-flow:column;gap:5px;font-size:12px;}
    body[data-page="home"] .langs a{min-width:35px;padding:6px 8px;border-radius:4px;text-align:center;background:rgba(16,26,46,.55);}
    body[data-page="home"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="home"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="home"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,0.9fr) minmax(0,1.1fr);gap:8px;overflow:hidden;}
    body[data-page="home"] main > .page-head{grid-column:1 / 4;grid-row:1 / -1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="home"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="home"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="home"] main > .panel.grid{grid-column:4 / 13;grid-row:1;min-height:0;margin:0;padding:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:hidden;}
    body[data-page="home"] .panel.grid .cell{min-width:0;overflow:hidden;padding:8px;border:1px solid var(--line);background:var(--panel2);}
    body[data-page="home"] .panel.grid .cell h3{margin:0 0 4px;font-size:12px;}
    body[data-page="home"] .panel.grid .cell p{margin:3px 0;font-size:12px;line-height:1.25;overflow:hidden;}
    body[data-page="home"] main > .home-visual-system{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;margin:0;padding:10px;border:1px solid rgba(77,163,255,.42);border-radius:4px;background:linear-gradient(135deg,rgba(16,26,46,.94),rgba(7,12,24,.96));box-shadow:inset 0 0 0 1px rgba(46,220,138,.08);display:grid;grid-template-rows:48px minmax(0,1fr) 34px;gap:8px;overflow:hidden;}
    body[data-page="home"] .home-visual-head{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(255px,.55fr);gap:10px;align-items:center;overflow:hidden;}
    body[data-page="home"] .home-visual-head .eyebrow{margin:0 0 4px;font-size:12px;color:var(--system);}
    body[data-page="home"] .home-visual-head p{margin:0;font-size:12px;line-height:1.25;color:var(--muted);overflow:hidden;}
    body[data-page="home"] .home-visual-metrics{height:100%;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}
    body[data-page="home"] .home-visual-metrics span{min-width:0;border:1px solid rgba(30,44,73,.95);border-radius:4px;background:rgba(4,8,16,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
    body[data-page="home"] .home-visual-metrics b{font-family:var(--mono);font-size:17px;line-height:1;color:var(--action);}
    body[data-page="home"] .home-visual-metrics small{margin-top:3px;font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted);text-transform:uppercase;white-space:nowrap;}
    body[data-page="home"] .home-visual-canvas{position:relative;min-width:0;min-height:0;border:1px solid rgba(30,44,73,.95);border-radius:4px;overflow:hidden;background:linear-gradient(90deg,rgba(77,163,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(77,163,255,.07) 1px,transparent 1px),radial-gradient(circle at 82% 46%,rgba(46,220,138,.16),transparent 32%),linear-gradient(120deg,rgba(7,12,24,.98),rgba(16,26,46,.72));background-size:34px 34px,34px 34px,100% 100%,100% 100%;}
    body[data-page="home"] .visual-zone{position:absolute;top:9px;padding:4px 7px;border:1px solid rgba(77,163,255,.25);border-radius:3px;background:rgba(7,12,24,.72);font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted);}
    body[data-page="home"] .visual-zone-core{left:3%;}
    body[data-page="home"] .visual-zone-gateway{left:42%;color:var(--system);}
    body[data-page="home"] .visual-zone-display{right:3%;color:var(--action);}
    body[data-page="home"] .visual-node{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid var(--nav);background:#07101f;box-shadow:0 0 0 5px rgba(77,163,255,.12),0 0 22px rgba(77,163,255,.48);}
    body[data-page="home"] .visual-node-core{left:9%;top:52%;}
    body[data-page="home"] .visual-node-contract{left:31%;top:52%;border-color:var(--warning);box-shadow:0 0 0 5px rgba(255,176,32,.12),0 0 22px rgba(255,176,32,.34);}
    body[data-page="home"] .visual-node-gateway{left:52%;top:52%;border-color:var(--system);box-shadow:0 0 0 5px rgba(77,163,255,.12),0 0 22px rgba(77,163,255,.48);}
    body[data-page="home"] .visual-node-display{right:12%;top:52%;border-color:var(--action);box-shadow:0 0 0 5px rgba(46,220,138,.12),0 0 22px rgba(46,220,138,.48);}
    body[data-page="home"] .visual-rail{position:absolute;top:calc(52% + 10px);height:2px;background:linear-gradient(90deg,transparent,var(--warning),var(--system),var(--action));box-shadow:0 0 12px rgba(77,163,255,.55);}
    body[data-page="home"] .visual-rail::after{content:"";position:absolute;right:-6px;top:-4px;border-left:8px solid var(--action);border-top:5px solid transparent;border-bottom:5px solid transparent;}
    body[data-page="home"] .visual-rail-a{left:12%;width:18%;}
    body[data-page="home"] .visual-rail-b{left:34%;width:17%;}
    body[data-page="home"] .visual-rail-c{left:55%;width:28%;}
    body[data-page="home"] .visual-pulse{position:absolute;top:calc(52% + 6px);width:9px;height:9px;border-radius:50%;background:var(--action);box-shadow:0 0 14px var(--action);animation:home-visual-flow 4.6s linear 2;}
    body[data-page="home"] .visual-pulse-one{left:14%;}
    body[data-page="home"] .visual-pulse-two{left:44%;animation-delay:.75s;}
    @keyframes home-visual-flow{0%{transform:translateX(0);opacity:.15}28%{opacity:1}100%{transform:translateX(440px);opacity:.15}}
    body[data-page="home"] .visual-grid-card{position:absolute;right:4%;width:10%;height:20%;border:1px solid rgba(46,220,138,.38);border-radius:3px;background:linear-gradient(180deg,rgba(46,220,138,.16),rgba(77,163,255,.08));}
    body[data-page="home"] .visual-grid-card-one{top:32%;}
    body[data-page="home"] .visual-grid-card-two{top:32%;right:16%;}
    body[data-page="home"] .visual-grid-card-three{top:58%;}
    body[data-page="home"] .visual-grid-card-four{top:58%;right:16%;}
    body[data-page="home"] .home-visual-actions{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;}
    body[data-page="home"] .home-visual-actions a{min-width:0;border:1px solid rgba(77,163,255,.32);border-radius:4px;background:rgba(77,163,255,.08);display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="home"] .home-visual-actions a:hover{text-decoration:none;border-color:rgba(46,220,138,.7);color:var(--action);background:rgba(46,220,138,.09);}
    body[data-page="home"] main > section:not(.page-head):not(.panel):not(.home-visual-system){min-width:0;min-height:0;margin:0;padding:10px;border:1px solid var(--line);overflow:hidden;}
    body[data-page="home"] main > section:nth-of-type(3){grid-column:4 / 8;grid-row:2;}
    body[data-page="home"] main > section:nth-of-type(4){grid-column:8 / 13;grid-row:2;}
    body[data-page="home"] main > section h2{margin:0 0 6px;padding:0;border:0;font-size:14px;}
    body[data-page="home"] main > section > p{margin:0;font-size:12px;line-height:1.35;overflow:hidden;}
    body[data-page="home"] .cards{height:calc(100% - 24px);min-height:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:5px;overflow:hidden;}
    body[data-page="home"] .card{min-width:0;min-height:0;padding:6px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:3px;}
    body[data-page="home"] .card h3{min-width:0;margin:0;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="home"] .card p{display:none;}
    body[data-page="home"] .card .meta{margin-top:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
    body[data-page="home"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="home"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="home"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="home"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID glossary adapter: identity remains stable at left while all
       terms become a bounded, scannable matrix in the primary workspace. */
    body[data-page="glossary"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="glossary"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="glossary"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="glossary"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="glossary"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="glossary"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="glossary"] .page-head h1{font-size:30px;line-height:1.2;}
    body[data-page="glossary"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="glossary"] .glossary-grid{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="glossary"] .glossary-term{min-width:0;min-height:0;margin:0;padding:8px 9px 12px;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;}
    body[data-page="glossary"] .glossary-term h2{min-width:0;margin:0 0 5px;padding:0;border:0;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="glossary"] .glossary-definition{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.35;}
    body[data-page="glossary"] .glossary-related{margin:auto 0 0;padding-top:5px;color:var(--muted);font-size:12px;line-height:1.25;overflow:hidden;}
    body[data-page="glossary"] .glossary-related span{color:var(--warning);}
    body[data-page="glossary"] .glossary-related a{display:inline-block;margin-right:5px;overflow:hidden;max-width:100%;vertical-align:bottom;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="glossary"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="glossary"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="glossary"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="glossary"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID architecture adapter: the architecture map is a fixed desktop
       workspace with bounded block cards and a compact systems index. */
    body[data-page="architecture"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="architecture"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="architecture"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="architecture"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="architecture"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="architecture"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="architecture"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="architecture"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="architecture"] .architecture-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(190px,.54fr) minmax(176px,.4fr) minmax(104px,.24fr);gap:8px;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-map{min-width:0;min-height:0;margin:0;padding:10px;border:1px solid rgba(77,163,255,.42);border-radius:4px;background:linear-gradient(135deg,rgba(16,26,46,.92),rgba(7,12,24,.96));display:grid;grid-template-rows:46px minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(246px,.5fr);gap:10px;align-items:center;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-head .eyebrow{margin:0 0 4px;color:var(--system);font-size:12px;}
    body[data-page="architecture"] .architecture-visual-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.25;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-metrics{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-metrics span{min-width:0;border:1px solid rgba(30,44,73,.95);border-radius:4px;background:rgba(4,8,16,.58);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;}
    body[data-page="architecture"] .architecture-visual-metrics b{font-family:var(--mono);font-size:17px;line-height:1;color:var(--action);}
    body[data-page="architecture"] .architecture-visual-metrics small{margin-top:3px;font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted);text-transform:uppercase;}
    body[data-page="architecture"] .architecture-visual-canvas{position:relative;min-width:0;min-height:0;border:1px solid rgba(30,44,73,.95);border-radius:4px;overflow:hidden;background:linear-gradient(90deg,rgba(77,163,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(77,163,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(46,220,138,.05),rgba(255,176,32,.04) 62%,rgba(255,92,122,.08));background-size:36px 36px,36px 36px,100% 100%;}
    body[data-page="architecture"] .arch-map-zone{position:absolute;top:8px;padding:4px 7px;border:1px solid rgba(77,163,255,.28);border-radius:3px;background:rgba(7,12,24,.72);font-family:var(--mono);font-size:10px;line-height:1;color:var(--muted);}
    body[data-page="architecture"] .arch-map-zone-public{left:4%;color:var(--system);}
    body[data-page="architecture"] .arch-map-zone-contract{left:56%;color:var(--warning);}
    body[data-page="architecture"] .arch-map-zone-private{right:3%;color:var(--guard);}
    body[data-page="architecture"] .arch-map-node{position:absolute;top:42%;width:118px;height:48px;margin-top:-24px;border:1px solid rgba(77,163,255,.45);border-radius:4px;background:rgba(7,12,24,.86);box-shadow:0 0 22px rgba(77,163,255,.14);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
    body[data-page="architecture"] .arch-map-node b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;line-height:1.1;}
    body[data-page="architecture"] .arch-map-node small{max-width:100%;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:var(--mono);font-size:10px;line-height:1;}
    body[data-page="architecture"] .arch-map-internet{left:3%;}
    body[data-page="architecture"] .arch-map-edge{left:22%;}
    body[data-page="architecture"] .arch-map-api{left:41%;}
    body[data-page="architecture"] .arch-map-data{left:60%;border-color:rgba(46,220,138,.48);box-shadow:0 0 22px rgba(46,220,138,.12);}
    body[data-page="architecture"] .arch-map-core{right:3%;border-color:rgba(255,92,122,.6);box-shadow:0 0 24px rgba(255,92,122,.12);}
    body[data-page="architecture"] .arch-map-wall{position:absolute;top:20%;bottom:12%;right:17%;width:2px;background:linear-gradient(180deg,transparent,var(--guard),transparent);box-shadow:0 0 18px rgba(255,92,122,.42);}
    body[data-page="architecture"] .arch-map-rail{position:absolute;top:42%;height:2px;background:linear-gradient(90deg,var(--nav),var(--system),var(--action));box-shadow:0 0 12px rgba(77,163,255,.5);}
    body[data-page="architecture"] .arch-map-rail::after{content:"";position:absolute;right:-6px;top:-4px;border-left:8px solid var(--action);border-top:5px solid transparent;border-bottom:5px solid transparent;}
    body[data-page="architecture"] .arch-map-rail-a{left:13%;width:9%;}
    body[data-page="architecture"] .arch-map-rail-b{left:32%;width:9%;}
    body[data-page="architecture"] .arch-map-rail-c{left:51%;width:9%;}
    body[data-page="architecture"] .arch-map-rail-blocked{left:71%;width:10%;background:repeating-linear-gradient(90deg,var(--guard) 0 8px,transparent 8px 15px);box-shadow:0 0 12px rgba(255,92,122,.42);}
    body[data-page="architecture"] .arch-map-rail-blocked::after{border-left-color:var(--guard);}
    body[data-page="architecture"] .arch-map-packet{position:absolute;top:calc(42% - 4px);width:9px;height:9px;border-radius:50%;background:var(--action);box-shadow:0 0 14px var(--action);animation:architecture-flow-packet 4.8s linear 2;}
    body[data-page="architecture"] .arch-map-packet-a{left:14%;}
    body[data-page="architecture"] .arch-map-packet-b{left:44%;animation-delay:.85s;}
    @keyframes architecture-flow-packet{0%{transform:translateX(0);opacity:.16}35%{opacity:1}100%{transform:translateX(360px);opacity:.16}}
    body[data-page="architecture"] .arch-map-contract{position:absolute;bottom:10px;width:15%;height:28px;border:1px solid rgba(46,220,138,.34);border-radius:3px;background:linear-gradient(180deg,rgba(46,220,138,.14),rgba(77,163,255,.06));}
    body[data-page="architecture"] .arch-map-contract-a{left:42%;}
    body[data-page="architecture"] .arch-map-contract-b{left:59%;}
    body[data-page="architecture"] .arch-map-contract-c{left:76%;border-color:rgba(255,92,122,.34);background:linear-gradient(180deg,rgba(255,92,122,.12),rgba(7,12,24,.35));}
    body[data-page="architecture"] .architecture-block-grid{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="architecture"] .architecture-block{min-width:0;min-height:0;margin:0;padding:7px;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;}
    body[data-page="architecture"] .architecture-block h2{min-width:0;margin:0 0 5px;padding:0;border:0;font-size:13px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="architecture"] .architecture-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0 0 5px;color:var(--muted);font-size:12px;line-height:1.25;min-height:15px;}
    body[data-page="architecture"] .architecture-block .flow{min-height:0;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:3px;margin:0;padding:0;overflow:hidden;}
    body[data-page="architecture"] .architecture-block .flow li{min-height:0;margin:0;padding:4px 5px;border-radius:3px;overflow:hidden;font-size:12px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis;}
    body[data-page="architecture"] .architecture-block .flow li:nth-child(n+3){display:none;}
    body[data-page="architecture"] .architecture-block .flow li .from,
    body[data-page="architecture"] .architecture-block .flow li .to{overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;}
    body[data-page="architecture"] .architecture-block .flow li .arrow{margin:0 3px;}
    body[data-page="architecture"] .architecture-block .flow li .note{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;line-height:1.15;}
    body[data-page="architecture"] .architecture-boundary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.2;}
    body[data-page="architecture"] .architecture-boundary:last-child{display:none;}
    body[data-page="architecture"] .architecture-boundary strong{color:var(--warning);}
    body[data-page="architecture"] .architecture-related{min-width:0;min-height:0;margin:0;padding:7px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="architecture"] .architecture-related h2{margin:0 0 6px;padding:0;border:0;font-size:13px;line-height:1.2;}
    body[data-page="architecture"] .architecture-related .cards{height:calc(100% - 22px);min-height:0;margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px;overflow:hidden;}
    body[data-page="architecture"] .architecture-related .card{min-width:0;min-height:0;padding:5px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
    body[data-page="architecture"] .architecture-related .card h3{min-width:0;margin:0;font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="architecture"] .architecture-related .card p{display:none;}
    body[data-page="architecture"] .architecture-related .card .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1;}
    body[data-page="architecture"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="architecture"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="architecture"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="architecture"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID systems adapter: each architecture layer is a bounded panel in
       one desktop matrix, keeping the public system map scannable at once. */
    body[data-page="systems"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="systems"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="systems"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="systems"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="systems"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="systems"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="systems"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="systems"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="systems"] .systems-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="systems"] .systems-layer{min-width:0;min-height:0;margin:0;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;}
    body[data-page="systems"] .systems-layer-heading{min-width:0;min-height:0;margin-bottom:6px;overflow:hidden;}
    body[data-page="systems"] .systems-layer h2{min-width:0;margin:0;padding:0;border:0;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="systems"] .systems-layer-heading p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:3px 0 0;color:var(--muted);font-size:12px;line-height:1.25;}
    body[data-page="systems"] .systems-layer .cards{min-width:0;min-height:0;flex:1;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:4px;overflow:hidden;}
    body[data-page="systems"] .systems-layer .card{min-width:0;min-height:0;padding:6px;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
    body[data-page="systems"] .systems-layer .card h3{min-width:0;margin:0;font-size:12px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="systems"] .systems-layer .card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:3px 0;font-size:12px;line-height:1.2;color:var(--muted);}
    body[data-page="systems"] .systems-layer .card .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.1;}
    body[data-page="systems"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="systems"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="systems"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="systems"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID system-detail adapter: identity stays fixed at left while facts
       and the complete detail index occupy a controlled reading workspace. */
    body[data-page="system"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="system"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="system"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="system"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="system"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="system"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="system"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="system"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="system"] .page-head .meta-row{display:block;margin-top:10px;font-size:12px;line-height:1.6;overflow:hidden;}
    body[data-page="system"] .page-head .meta-row span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="system"] .system-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:auto;scrollbar-color:var(--line) var(--bg);}
    body[data-page="system"] .system-facts{flex:0 0 auto;min-width:0;margin:0;padding:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:rgba(16,26,46,.72);}
    body[data-page="system"] .system-facts .cell{min-width:0;min-height:82px;padding:7px;border:1px solid var(--line);background:var(--panel);overflow:hidden;}
    body[data-page="system"] .system-facts .cell h3{min-width:0;margin:0 0 4px;color:var(--warning);font-size:12px;line-height:1.2;letter-spacing:.5px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="system"] .system-facts .cell p,
    body[data-page="system"] .system-facts .cell ul{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0;padding-left:14px;color:var(--muted);font-size:12px;line-height:1.3;}
    body[data-page="system"] .system-facts .cell p{padding-left:0;}
    body[data-page="system"] .system-facts .cell li{margin:2px 0;}
    body[data-page="system"] .system-detail-grid{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
    body[data-page="system"] .system-detail-section{min-width:0;margin:0;padding:10px;border:1px solid var(--line);border-radius:4px;background:var(--panel);overflow:hidden;}
    body[data-page="system"] .system-detail-section h2{margin:0 0 6px;padding:0;border:0;font-size:14px;line-height:1.2;}
    body[data-page="system"] .system-detail-section p,
    body[data-page="system"] .system-detail-section ul{margin:5px 0;color:var(--muted);font-size:12px;line-height:1.4;}
    body[data-page="system"] .system-detail-section ul{padding-left:17px;}
    body[data-page="system"] .system-detail-section li{margin:3px 0;}
    body[data-page="system"] .system-detail-section .tag{font-size:12px;margin:2px 3px 2px 0;}
    body[data-page="system"] .system-related{grid-column:1 / -1;}
    body[data-page="system"] .system-related ul{columns:2;column-gap:22px;}
    body[data-page="system"] .system-related li{break-inside:avoid;}
    body[data-page="system"] .noindex-note{flex:0 0 auto;margin:0;padding:7px 10px;font-size:12px;}
    body[data-page="system"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="system"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="system"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="system"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID research adapter: the reading index stays beside its identity
       panel, with article cards bounded to the same desktop canvas. */
    body[data-page="research"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="research"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="research"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="research"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="research"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="research"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="research"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="research"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="research"] .research-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(72px,.24fr) minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="research"] .research-index-head{min-width:0;min-height:0;padding:10px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="research"] .research-index-head .eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="research"] .research-index-head p:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.3;}
    body[data-page="research"] .research-workspace > .cards{min-width:0;min-height:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:6px;overflow:hidden;}
    body[data-page="research"] .research-workspace .card{min-width:0;min-height:0;padding:12px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
    body[data-page="research"] .research-workspace .card h3{min-width:0;margin:0;font-size:15px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="research"] .research-workspace .card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;margin:8px 0;font-size:12px;line-height:1.45;color:var(--muted);}
    body[data-page="research"] .research-workspace .card .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;}
    body[data-page="research"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="research"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="research"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="research"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID development adapter: release history is a bounded index rather
       than a long document, with the same identity-to-workspace geometry. */
    body[data-page="development"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="development"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="development"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="development"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="development"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="development"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="development"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="development"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="development"] .development-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(72px,.24fr) minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="development"] .development-index-head{min-width:0;min-height:0;padding:10px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="development"] .development-index-head .eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="development"] .development-index-head p:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.3;}
    body[data-page="development"] .development-workspace > .cards{min-width:0;min-height:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="development"] .development-workspace .card{min-width:0;min-height:0;padding:10px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
    body[data-page="development"] .development-workspace .card h3{min-width:0;margin:0;font-size:13px;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    body[data-page="development"] .development-workspace .card p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;margin:7px 0;font-size:12px;line-height:1.4;color:var(--muted);}
    body[data-page="development"] .development-workspace .card .meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;}
    body[data-page="development"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="development"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="development"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="development"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* Development entry uses the same full-page reading contract as research
       articles, while retaining its own page type and route semantics. */
    body[data-page="development-entry"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="development-entry"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="development-entry"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="development-entry"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="development-entry"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="development-entry"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="development-entry"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="development-entry"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="development-entry"] .article-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,.8fr);gap:8px;overflow:hidden;}
    body[data-page="development-entry"] .article-content{min-width:0;min-height:0;margin:0;padding:16px 18px;border:1px solid var(--line);background:var(--panel);overflow:hidden;}
    body[data-page="development-entry"] .article-body{min-width:0;min-height:0;color:var(--text);font-size:12px;line-height:1.45;overflow:hidden;}
    body[data-page="development-entry"] .article-body h2{margin:16px 0 6px;padding:0;border:0;font-size:16px;line-height:1.25;color:var(--text);}
    body[data-page="development-entry"] .article-body h2:first-child{margin-top:0;}
    body[data-page="development-entry"] .article-body p{margin:6px 0;color:var(--muted);}
    body[data-page="development-entry"] .article-body ul{margin:6px 0;padding-left:18px;color:var(--muted);}
    body[data-page="development-entry"] .article-body li{margin:3px 0;}
    body[data-page="development-entry"] .article-body code{font-family:var(--mono);color:var(--system);}
    body[data-page="development-entry"] .article-context{min-width:0;min-height:0;margin:0;padding:16px 14px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="development-entry"] .article-context .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="development-entry"] .article-context-kind{margin:0;color:var(--text);font-size:14px;font-weight:700;}
    body[data-page="development-entry"] .article-context-date{margin:4px 0;color:var(--insight);font:10px var(--mono);}
    body[data-page="development-entry"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="development-entry"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="development-entry"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="development-entry"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID API adapter: endpoints are a bounded command surface with the
       security boundary kept visible in the same desktop workspace. */
    body[data-page="api"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="api"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="api"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="api"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="api"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="api"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="api"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="api"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="api"] .api-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(72px,.24fr) minmax(0,1fr) minmax(92px,.3fr);gap:8px;overflow:hidden;}
    body[data-page="api"] .api-index-head{min-width:0;min-height:0;padding:10px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="api"] .api-index-head .eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="api"] .api-index-head p:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.3;}
    body[data-page="api"] .api-endpoints{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="api"] .api-endpoint{min-width:0;min-height:0;margin:0;padding:10px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;}
    body[data-page="api"] .api-endpoint h3{min-width:0;margin:0;font-size:13px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="api"] .api-endpoint .tag{font-size:12px;padding:2px 5px;margin-right:4px;vertical-align:1px;}
    body[data-page="api"] .api-endpoint p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.4;}
    body[data-page="api"] .api-boundary{min-width:0;min-height:0;margin:0;padding:10px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="api"] .api-boundary h2{margin:0 0 5px;padding:0;border:0;font-size:14px;line-height:1.2;}
    body[data-page="api"] .api-boundary p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.35;}
    body[data-page="api"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="api"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="api"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="api"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* Shared DGRID topbar: every search-rendered page uses one workstation
       header contract. Page content may vary, but identity, navigation and
       runtime context stay in the same three fixed zones. */
    body[data-page] > header.site{
      min-height:0;
      overflow:hidden;
      border-bottom-color:rgba(77,163,255,.35);
      background:linear-gradient(180deg,#101a2e,#0b1220);
    }
    body[data-page] > header.site::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg,rgba(77,163,255,.08),rgba(46,220,138,.08),rgba(214,107,255,.08));
      opacity:.72;
      pointer-events:none;
    }
    body[data-page] > header.site::after{
      content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      height:1px;
      background:linear-gradient(90deg,transparent,var(--nav),var(--action),var(--insight),transparent);
      animation:shared-topbar-scan 4.8s linear 2;
      pointer-events:none;
    }
    @keyframes shared-topbar-scan{0%{transform:translateX(-28%);opacity:.42}50%{opacity:1}100%{transform:translateX(28%);opacity:.42}}
    body[data-page] .topbar{
      position:relative;
      z-index:1;
      width:100%;
      height:100%;
      max-width:none;
      margin:0;
      padding:0 18px;
      display:grid;
      grid-template-columns:minmax(230px,.7fr) minmax(0,2.35fr) minmax(292px,.82fr);
      gap:12px;
      align-items:center;
      flex-wrap:nowrap;
    }
    body[data-page] .topbar-left{
      height:100%;
      min-width:0;
      display:grid;
      grid-template-columns:auto minmax(0,1fr);
      gap:8px;
      align-items:center;
      border-right:1px solid rgba(77,163,255,.24);
      padding-right:12px;
    }
    body[data-page] .brand{font-size:20px;letter-spacing:0;white-space:nowrap;}
    body[data-page] .topbar-system{
      display:block;
      min-width:0;
      font-family:var(--mono);
      font-size:12px;
      line-height:1.2;
      color:var(--system);
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    body[data-page] nav.topnav{
      height:100%;
      min-width:0;
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:minmax(78px,1fr);
      gap:6px;
      align-items:center;
      font-size:12px;
      line-height:1.05;
      overflow:hidden;
    }
    body[data-page] nav.topnav a{
      position:relative;
      height:42px;
      min-width:0;
      padding:9px 5px 8px;
      border:1px solid rgba(30,44,73,.9);
      border-radius:4px;
      background:rgba(16,26,46,.58);
      color:var(--muted);
      text-align:center;
      overflow:hidden;
      white-space:normal;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    body[data-page] nav.topnav a:hover{color:var(--text);border-color:rgba(77,163,255,.68);text-decoration:none;background:rgba(77,163,255,.12);}
    body[data-page] nav.topnav a::after{content:"";position:absolute;left:8px;right:8px;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,var(--nav),transparent);transform:scaleX(.25);opacity:.35;transition:transform .18s ease,opacity .18s ease;}
    body[data-page] nav.topnav a:hover::after{transform:scaleX(1);opacity:.9;}
    body[data-page] .topbar-right{
      height:100%;
      min-width:0;
      display:grid;
      grid-template-columns:minmax(130px,1fr) auto;
      gap:10px;
      align-items:center;
      border-left:1px solid rgba(77,163,255,.24);
      padding-left:12px;
    }
    body[data-page] .topbar-grid{
      display:block;
      min-width:0;
      padding:7px 9px;
      border:1px solid rgba(46,220,138,.35);
      border-radius:4px;
      background:rgba(46,220,138,.08);
      font-family:var(--mono);
      font-size:12px;
      line-height:1;
      color:var(--action);
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      text-align:center;
    }
    body[data-page] .langs{margin:0;display:grid;grid-auto-flow:column;gap:5px;font-size:12px;}
    body[data-page] .langs a{min-width:35px;padding:6px 8px;border-radius:4px;text-align:center;background:rgba(16,26,46,.55);}
    body[data-page="api"],
    body[data-page="architecture"],
    body[data-page="development"],
    body[data-page="development-entry"],
    body[data-page="early-access"],
    body[data-page="glossary"],
    body[data-page="home"],
    body[data-page="research"],
    body[data-page="research-article"],
    body[data-page="system"],
    body[data-page="systems"]{
      grid-template-rows:72px minmax(0,1fr) 34px;
    }
    body[data-page="quality-report"]{
      min-width:min(1280px,100vw);
      height:100vh;
      overflow:hidden;
      display:grid;
      grid-template-rows:72px minmax(0,1fr) 34px;
      background:var(--bg);
    }
    body[data-page="quality-report"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="quality-report"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="quality-report"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="quality-report"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="quality-report"] .quality-identity{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="quality-report"] .quality-identity h1{font-size:25px;line-height:1.2;margin:0 0 12px;}
    body[data-page="quality-report"] .quality-identity .lede{font-size:12px;line-height:1.4;}
    body[data-page="quality-report"] .quality-identity-meta{display:grid;gap:6px;margin-top:14px;color:var(--muted);font:9px/1.3 var(--mono);}
    body[data-page="quality-report"] .quality-identity-meta b{color:var(--text);}
    body[data-page="quality-report"] .quality-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-rows:30px 72px 34px minmax(145px,1fr) 140px 116px 28px;gap:6px;overflow:hidden;}
    body[data-page="quality-report"] .quality-tabs{min-width:0;display:flex;gap:5px;align-items:stretch;overflow:hidden;}
    body[data-page="quality-report"] .quality-tabs a{display:flex;align-items:center;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:rgba(16,26,46,.72);color:var(--muted);font:10px/1 var(--mono);white-space:nowrap;}
    body[data-page="quality-report"] .quality-tabs a:hover{color:var(--text);border-color:var(--nav);text-decoration:none;}
    body[data-page="quality-report"] .quality-summary-grid{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="quality-report"] .quality-metric{min-width:0;min-height:0;padding:8px 9px;border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 5px;gap:3px 7px;overflow:hidden;}
    body[data-page="quality-report"] .quality-metric.is-pass{border-top-color:var(--action);}
    body[data-page="quality-report"] .quality-metric.is-review{border-top-color:var(--guard);}
    body[data-page="quality-report"] .quality-metric-label{grid-column:1 / -1;color:var(--muted);font:9px/1.1 var(--mono);letter-spacing:.7px;}
    body[data-page="quality-report"] .quality-metric strong{font-size:25px;line-height:1;color:var(--text);}
    body[data-page="quality-report"] .quality-metric-note{align-self:end;min-width:0;color:var(--muted);font-size:12px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;}
    body[data-page="quality-report"] .quality-meter{display:block;min-width:0;height:5px;background:rgba(159,176,204,.16);overflow:hidden;}
    body[data-page="quality-report"] .quality-meter i{display:block;height:100%;background:var(--action);}
    body[data-page="quality-report"] .quality-metric.is-review .quality-meter i{background:var(--guard);}
    body[data-page="quality-report"] .quality-finding-strip{min-width:0;display:flex;align-items:center;gap:14px;padding:0 10px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;color:var(--muted);font:10px/1 var(--mono);white-space:nowrap;}
    body[data-page="quality-report"] .quality-finding-strip b{color:var(--text);}
    body[data-page="quality-report"] .quality-finding-total{margin-left:auto;color:var(--warning);}
    body[data-page="quality-report"] .quality-breakdown{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="quality-report"] .quality-breakdown-panel{min-width:0;min-height:0;margin:0;padding:8px;border:1px solid var(--line);background:var(--panel);overflow:hidden;}
    body[data-page="quality-report"] .quality-breakdown-panel h2{margin:0 0 8px;padding:0;border:0;font-size:13px;line-height:1.1;}
    body[data-page="quality-report"] .quality-bar-list{display:grid;gap:5px;overflow:hidden;}
    body[data-page="quality-report"] .quality-bar-row{min-width:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(40px,1fr) 24px;gap:6px;align-items:center;color:var(--muted);font-size:12px;line-height:1.1;}
    body[data-page="quality-report"] .quality-bar-row > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="quality-report"] .quality-bar-row b{color:var(--text);font:10px var(--mono);text-align:right;}
    body[data-page="quality-report"] .quality-bar-row .quality-meter{height:4px;}
    body[data-page="quality-report"] .quality-bar-row .quality-meter i{background:var(--nav);}
    body[data-page="quality-report"] .quality-section-heading{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px;}
    body[data-page="quality-report"] .quality-section-heading .eyebrow{margin:0 0 3px;font-size:12px;letter-spacing:1.3px;}
    body[data-page="quality-report"] .quality-section-heading h2{margin:0;padding:0;border:0;font-size:13px;line-height:1.1;}
    body[data-page="quality-report"] .quality-section-heading > span{color:var(--muted);font:9px var(--mono);white-space:nowrap;}
    body[data-page="quality-report"] .quality-audits,
    body[data-page="quality-report"] .quality-connections{min-width:0;min-height:0;margin:0;padding:8px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="quality-report"] .quality-route-list{min-width:0;min-height:0;height:calc(100% - 31px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px;overflow:hidden;}
    body[data-page="quality-report"] .quality-route{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:2px 6px;padding:6px;border:1px solid var(--line);background:var(--panel);overflow:hidden;}
    body[data-page="quality-report"] .quality-route:hover{border-color:var(--nav);text-decoration:none;}
    body[data-page="quality-report"] .quality-route-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font:10px var(--mono);}
    body[data-page="quality-report"] .quality-route-scores,.quality-route-issues{color:var(--muted);font-size:12px;line-height:1.1;}
    body[data-page="quality-report"] .quality-route-issues{grid-column:2;color:var(--warning);text-align:right;}
    body[data-page="quality-report"] .quality-connection-grid{height:calc(100% - 31px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:hidden;}
    body[data-page="quality-report"] .quality-connection-grid a{min-width:0;min-height:0;padding:7px;border:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;}
    body[data-page="quality-report"] .quality-connection-grid a:hover{border-color:var(--action);text-decoration:none;}
    body[data-page="quality-report"] .quality-connection-grid b{color:var(--text);font-size:12px;}
    body[data-page="quality-report"] .quality-connection-grid span{color:var(--muted);font-size:12px;line-height:1.25;}
    body[data-page="quality-report"] .quality-runtime{min-width:0;display:flex;align-items:center;gap:16px;padding:0 8px;border-top:1px solid var(--line);color:var(--muted);font:9px var(--mono);overflow:hidden;white-space:nowrap;}
    body[data-page="quality-report"] .quality-runtime b{color:var(--text);}
    body[data-page="quality-report"] .quality-runtime .is-pass{color:var(--action);}
    body[data-page="quality-report"] .quality-runtime .is-review{color:var(--guard);}
    body[data-page="quality-report"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="quality-report"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="quality-report"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="quality-report"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID early-access adapter: icon-led request flow, bounded form and
       public-safe boundary panels share one workstation surface. */
    body[data-page="early-access"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="early-access"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="early-access"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="early-access"] .route-context{flex:0 0 30px;min-height:0;flex-wrap:nowrap;gap:10px;padding:4px 0;overflow:hidden;}
    body[data-page="early-access"] nav.breadcrumb{flex:0 0 auto;height:30px;min-height:0;max-width:190px;padding:7px 6px;font-size:12px;overflow:hidden;white-space:nowrap;}
    body[data-page="early-access"] nav.breadcrumb a,
    body[data-page="early-access"] nav.breadcrumb .sep{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;}
    body[data-page="early-access"] .route-context-meta{min-width:0;flex:1 1 auto;justify-content:flex-end;overflow:hidden;white-space:nowrap;}
    body[data-page="early-access"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="early-access"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="early-access"] .page-head h1{font-size:28px;line-height:1.2;}
    body[data-page="early-access"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="early-access"] .earlyaccess-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1.32fr) minmax(320px,.86fr);grid-template-rows:minmax(0,1fr) minmax(126px,.27fr);gap:8px;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-visual{grid-column:1;grid-row:1;min-width:0;min-height:0;margin:0;padding:10px;border:1px solid rgba(77,163,255,.42);border-radius:4px;background:linear-gradient(135deg,rgba(16,26,46,.94),rgba(7,12,24,.98));display:grid;grid-template-rows:54px minmax(0,1fr) 42px;gap:8px;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-visual-head{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-visual-head .eyebrow{margin:0 0 5px;color:var(--system);font-size:12px;}
    body[data-page="early-access"] .earlyaccess-visual-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.25;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-live{display:block;padding:8px 10px;border:1px solid rgba(46,220,138,.38);border-radius:4px;background:rgba(46,220,138,.08);color:var(--action);font:10px/1 var(--mono);white-space:nowrap;}
    body[data-page="early-access"] .earlyaccess-icon-rail{position:relative;min-width:0;min-height:0;border:1px solid rgba(30,44,73,.95);border-radius:4px;overflow:hidden;background:linear-gradient(90deg,rgba(77,163,255,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(77,163,255,.07) 1px,transparent 1px),radial-gradient(circle at 50% 44%,rgba(46,220,138,.12),transparent 38%),linear-gradient(90deg,rgba(7,12,24,.98),rgba(16,26,46,.74));background-size:34px 34px,34px 34px,100% 100%,100% 100%;}
    body[data-page="early-access"] .ea-flow-step{position:absolute;top:50%;width:74px;height:104px;margin-top:-52px;display:grid;grid-template-rows:48px auto auto;justify-items:center;align-items:center;text-align:center;overflow:hidden;}
    body[data-page="early-access"] .ea-flow-step i{position:relative;width:46px;height:46px;border:1px solid rgba(77,163,255,.58);border-radius:11px;background:rgba(7,12,24,.82);box-shadow:0 0 22px rgba(77,163,255,.22);transform:rotate(45deg);}
    body[data-page="early-access"] .ea-flow-step i::before,.ea-flow-step i::after{content:"";position:absolute;inset:15px;border:2px solid currentColor;transform:rotate(-45deg);}
    body[data-page="early-access"] .ea-flow-step b{max-width:100%;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:12px;line-height:1.1;}
    body[data-page="early-access"] .ea-flow-step small{max-width:100%;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font:10px/1 var(--mono);}
    body[data-page="early-access"] .ea-step-request{left:4%;color:var(--nav);}
    body[data-page="early-access"] .ea-step-locale{left:20%;color:var(--insight);}
    body[data-page="early-access"] .ea-step-interest{left:36%;color:var(--system);}
    body[data-page="early-access"] .ea-step-consent{left:52%;color:var(--action);}
    body[data-page="early-access"] .ea-step-security{left:68%;color:var(--nav);}
    body[data-page="early-access"] .ea-step-ticket{right:2%;color:var(--insight);}
    body[data-page="early-access"] .ea-step-request i::before{height:15px;border-top:0;border-left:0;}
    body[data-page="early-access"] .ea-step-locale i::before{inset:12px;border-radius:2px;}
    body[data-page="early-access"] .ea-step-locale i::after{inset:19px 11px;border-left:0;border-right:0;}
    body[data-page="early-access"] .ea-step-interest i::before{inset:12px;border-radius:50%;}
    body[data-page="early-access"] .ea-step-interest i::after{inset:26px 13px 13px;border-top:0;border-left:0;border-right:0;}
    body[data-page="early-access"] .ea-step-consent i::before{inset:11px 15px 13px;border-radius:0 0 16px 16px;border-top:0;}
    body[data-page="early-access"] .ea-step-consent i::after{inset:17px 19px 21px;border-top:0;border-left:0;}
    body[data-page="early-access"] .ea-step-security i::before{inset:12px;border-radius:50%;border-left-color:transparent;}
    body[data-page="early-access"] .ea-step-security i::after{inset:18px;border:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;}
    body[data-page="early-access"] .ea-step-ticket i::before{inset:15px 10px;border-radius:3px;}
    body[data-page="early-access"] .ea-step-ticket i::after{inset:22px 19px;border-radius:50%;}
    body[data-page="early-access"] .ea-flow-line{position:absolute;top:50%;height:2px;background:linear-gradient(90deg,var(--nav),var(--system),var(--action),var(--insight));box-shadow:0 0 12px rgba(77,163,255,.5);}
    body[data-page="early-access"] .ea-flow-line::after{content:"";position:absolute;right:-6px;top:-4px;border-left:8px solid var(--action);border-top:5px solid transparent;border-bottom:5px solid transparent;}
    body[data-page="early-access"] .ea-flow-line-a{left:14%;width:6%;}
    body[data-page="early-access"] .ea-flow-line-b{left:30%;width:6%;}
    body[data-page="early-access"] .ea-flow-line-c{left:46%;width:6%;}
    body[data-page="early-access"] .ea-flow-line-d{left:62%;width:6%;}
    body[data-page="early-access"] .ea-flow-line-e{left:78%;width:7%;}
    body[data-page="early-access"] .ea-flow-packet{position:absolute;top:calc(50% - 4px);width:9px;height:9px;border-radius:50%;background:var(--action);box-shadow:0 0 15px var(--action);animation:earlyaccess-packet 4.8s linear 2;}
    body[data-page="early-access"] .ea-flow-packet-a{left:14%;}
    body[data-page="early-access"] .ea-flow-packet-b{left:43%;animation-delay:.9s;}
    @keyframes earlyaccess-packet{0%{transform:translateX(0);opacity:.15}32%{opacity:1}100%{transform:translateX(430px);opacity:.15}}
    body[data-page="early-access"] .earlyaccess-status-strip{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-status-strip span{min-width:0;padding:8px;border:1px solid rgba(30,44,73,.95);border-radius:4px;background:rgba(4,8,16,.5);color:var(--muted);font:10px/1.15 var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="early-access"] .earlyaccess-status-strip b{color:var(--action);margin-right:5px;}
    body[data-page="early-access"] .earlyaccess-side{grid-column:1;grid-row:2;min-width:0;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:hidden;}
    body[data-page="early-access"] .earlyaccess-panel{min-width:0;min-height:0;margin:0;padding:12px;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;}
    body[data-page="early-access"] .earlyaccess-panel .eyebrow{margin:0 0 10px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="early-access"] .earlyaccess-panel p:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;margin:0;color:var(--muted);font-size:12px;line-height:1.35;}
    body[data-page="early-access"] .earlyaccess-privacy{background:rgba(16,26,46,.72);}
    body[data-page="early-access"] .registration-mount{grid-column:2;grid-row:1 / -1;min-width:0;min-height:0;max-width:none;margin:0;padding:10px;border:1px solid rgba(77,163,255,.34);border-radius:4px;background:rgba(16,26,46,.76);overflow:hidden;}
    body[data-page="early-access"] .registration-mount .reg-block{min-width:0;margin:0 0 8px;overflow:hidden;}
    body[data-page="early-access"] .registration-mount .reg-entry{display:grid;gap:4px;}
    body[data-page="early-access"] .registration-mount .reg-entry .eyebrow{margin:0;color:var(--system);font-size:12px;}
    body[data-page="early-access"] .registration-mount .reg-entry h2{margin:0;font-size:18px;line-height:1.15;}
    body[data-page="early-access"] .registration-mount .reg-entry p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0;font-size:12px;line-height:1.25;}
    body[data-page="early-access"] .early-access-form{min-width:0;max-width:none;display:block;padding:0;background:transparent;border:0;}
    body[data-page="early-access"] .early-access-form .reg-block{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;}
    body[data-page="early-access"] .early-access-form .ea-field{min-width:0;display:grid;gap:3px;margin:0;}
    body[data-page="early-access"] .early-access-form .ea-label{font-size:10px;line-height:1.1;letter-spacing:.7px;}
    body[data-page="early-access"] .early-access-form input[type="email"],
    body[data-page="early-access"] .early-access-form select,
    body[data-page="early-access"] .early-access-form textarea{min-width:0;width:100%;padding:6px 7px;border-radius:4px;font-size:12px;line-height:1.1;}
    body[data-page="early-access"] .early-access-form textarea{height:34px;resize:none;overflow:hidden;}
    body[data-page="early-access"] .early-access-form fieldset.ea-field{grid-column:1 / -1;min-width:0;padding:0;border:0;}
    body[data-page="early-access"] .ea-interests{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;overflow:hidden;}
    body[data-page="early-access"] .ea-interest{min-width:0;padding:3px 5px;border-radius:4px;font-size:11px;line-height:1.05;overflow:hidden;white-space:nowrap;}
    body[data-page="early-access"] .ea-interest span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
    body[data-page="early-access"] .early-access-form .ea-consent{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:start;font-size:11px;line-height:1.2;}
    body[data-page="early-access"] .early-access-form .ea-consent span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
    body[data-page="early-access"] .early-access-form .btn{grid-column:1 / -1;margin:0;padding:8px 10px;border-radius:4px;font-size:12px;line-height:1.1;}
    body[data-page="early-access"] .early-access-form .reg-security{grid-column:1 / -1;margin:0;font-size:10px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    body[data-page="early-access"] .registration-mount .reg-status{margin-top:7px;font-size:12px;line-height:1.25;}
    body[data-page="early-access"] .registration-mount .reg-status[hidden]{display:none;}
    body[data-page="early-access"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="early-access"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="early-access"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="early-access"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* DGRID article adapter: reading content and context share the full
       desktop canvas while the article body remains bounded and legible. */
    body[data-page="research-article"]{
      min-width:min(1280px,100vw);height:100vh;overflow:hidden;display:grid;
      grid-template-rows:56px minmax(0,1fr) 34px;background:var(--bg);
    }
    body[data-page="research-article"] > header.site{grid-row:1;min-height:0;position:relative;}
    body[data-page="research-article"] > .wrap{grid-row:2;min-height:0;max-width:none;padding:0 18px;display:flex;flex-direction:column;}
    body[data-page="research-article"] nav.breadcrumb{flex:0 0 30px;min-height:0;padding:7px 6px;font-size:12px;overflow:hidden;}
    body[data-page="research-article"] main{min-height:0;flex:1;padding:8px 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:8px;overflow:hidden;}
    body[data-page="research-article"] main > .page-head{grid-column:1 / 4;grid-row:1;min-width:0;min-height:0;margin:0;padding:18px 12px;border:1px solid var(--line);background:rgba(16,26,46,.82);display:flex;flex-direction:column;justify-content:center;overflow:hidden;}
    body[data-page="research-article"] .page-head h1{font-size:27px;line-height:1.2;}
    body[data-page="research-article"] .page-head .lede{font-size:12px;line-height:1.4;}
    body[data-page="research-article"] .article-workspace{grid-column:4 / 13;grid-row:1;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,.8fr);gap:8px;overflow:hidden;}
    body[data-page="research-article"] .article-content{min-width:0;min-height:0;margin:0;padding:16px 18px;border:1px solid var(--line);background:var(--panel);overflow:hidden;}
    body[data-page="research-article"] .article-body{min-width:0;min-height:0;color:var(--text);font-size:12px;line-height:1.45;overflow:hidden;}
    body[data-page="research-article"] .article-body h2{margin:16px 0 6px;padding:0;border:0;font-size:16px;line-height:1.25;color:var(--text);}
    body[data-page="research-article"] .article-body h2:first-child{margin-top:0;}
    body[data-page="research-article"] .article-body p{margin:6px 0;color:var(--muted);}
    body[data-page="research-article"] .article-body ul{margin:6px 0;padding-left:18px;color:var(--muted);}
    body[data-page="research-article"] .article-body li{margin:3px 0;}
    body[data-page="research-article"] .article-body code{font-family:var(--mono);color:var(--system);}
    body[data-page="research-article"] .article-body pre{margin:10px 0;padding:9px;border:1px solid var(--line);border-radius:4px;background:var(--panel2);font:9px/1.35 var(--mono);white-space:pre-wrap;overflow:hidden;}
    body[data-page="research-article"] .noindex-note{margin:0 0 10px;padding:7px 9px;font-size:12px;}
    body[data-page="research-article"] .article-context{min-width:0;min-height:0;margin:0;padding:16px 14px;border:1px solid var(--line);background:rgba(16,26,46,.72);overflow:hidden;}
    body[data-page="research-article"] .article-context .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:1.5px;}
    body[data-page="research-article"] .article-context-kind{margin:0;color:var(--text);font-size:14px;font-weight:700;}
    body[data-page="research-article"] .article-context-date{margin:4px 0 18px;color:var(--insight);font:10px var(--mono);}
    body[data-page="research-article"] .article-related{border-top:1px solid var(--line);padding-top:12px;}
    body[data-page="research-article"] .article-related h2{margin:0 0 7px;padding:0;border:0;font-size:13px;}
    body[data-page="research-article"] .article-related ul{margin:0;padding-left:17px;color:var(--muted);font-size:12px;line-height:1.35;}
    body[data-page="research-article"] .article-related li{margin:5px 0;}
    body[data-page="research-article"] > footer.site{grid-row:3;min-height:0;height:34px;padding:0 18px;overflow:hidden;display:flex;align-items:center;}
    body[data-page="research-article"] > footer.site .wrap{width:100%;max-width:none;padding:0;min-width:0;}
    body[data-page="research-article"] > footer.site .grid{width:100%;display:flex;flex-wrap:nowrap;gap:12px;align-items:center;justify-content:space-between;white-space:nowrap;font-size:12px;overflow:hidden;}
    body[data-page="research-article"] > footer.site .grid > div{min-width:0;overflow:hidden;text-overflow:ellipsis;}

    /* Language icons: the flag carries the visual signal while the localized
       name remains available through the native tooltip and ARIA label. */
    body[data-page] .langs .lang-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
    body[data-page] .langs .lang-flag{display:inline-block;width:22px;height:16px;line-height:16px;font-size:16px;vertical-align:middle;}
    body[data-page] .langs a[data-lang="en"] .lang-flag::before{content:"\1F1EC \1F1E7";}
    body[data-page] .langs a[data-lang="th"] .lang-flag::before{content:"\1F1F9 \1F1ED";}
    body[data-page] .langs a[data-lang="zh-CN"] .lang-flag::before{content:"\1F1E8 \1F1F3";}

    /* Keep the shared header height authoritative after page adapters. */
    body[data-page="api"],
    body[data-page="architecture"],
    body[data-page="development"],
    body[data-page="development-entry"],
    body[data-page="early-access"],
    body[data-page="glossary"],
    body[data-page="home"],
    body[data-page="research"],
    body[data-page="research-article"],
    body[data-page="system"],
    body[data-page="systems"]{
      grid-template-rows:72px minmax(0,1fr) 34px;
    }

/* =====================================================================
   v0.9 — MOBILE OVERRIDE (DSG011/DSG015)
   The workstation adapters above force a 1280px grid. Below 900px the
   layout MUST wrap: the unified shell (v09.css) takes over and the
   fixed-viewport grid is neutralized so content scrolls normally.
   ===================================================================== */
@media (max-width: 900px){
  body[data-page],
  body[data-page="home"], body[data-page="systems"], body[data-page="glossary"],
  body[data-page="architecture"], body[data-page="system"],
  body[data-page="development"], body[data-page="development-entry"],
  body[data-page="research"], body[data-page="research-article"],
  body[data-page="api"], body[data-page="early-access"], body[data-page="quality-report"]{
    min-width:0;height:auto;overflow:visible;display:block;
    grid-template-rows:none;
  }
  body[data-page] > header.site, body[data-page] > footer.site{
    grid-row:auto;position:static;height:auto;min-height:0;
  }
  body[data-page] .topbar{
    display:flex;flex-wrap:wrap;padding:12px 16px;height:auto;gap:10px;
  }
  body[data-page] nav.topnav{
    display:flex;flex-wrap:wrap;gap:8px;height:auto;font-size:14px;
  }
  body[data-page] nav.topnav a{height:auto;padding:6px 10px;}
  body[data-page] .topbar-left, body[data-page] .topbar-right{
    display:flex;flex-wrap:wrap;align-items:center;gap:8px;height:auto;
    border-right:0;padding-right:0;
  }
  body[data-page] .langs{margin-left:0;display:flex;flex-wrap:wrap;}
  body[data-page] nav.breadcrumb{flex:auto;font-size:13px;padding:10px 16px;}
  body[data-page] > footer.site .grid{flex-wrap:wrap;white-space:normal;font-size:13px;padding:0 16px;}
  body[data-page] .topbar-system, body[data-page] .topbar-grid{display:none;}
}

/* v0.9 — visible keyboard focus (A11Y006). */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible{
  outline:2px solid var(--nav);outline-offset:2px;border-radius:4px;
}

/* v0.9 — reduced motion fallback (DSG014, requirement #72). */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001s !important;
    animation-iteration-count:1 !important;
    transition-duration:.001s !important;
  }
  [data-reveal]{opacity:1;transform:none;}
}