.tl4{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;max-width:1300px;margin:0 auto;padding:0 24px}
  .toc2{position:sticky;top:96px;align-self:start;display:grid;gap:2px;padding-top:8px}
  .toc2 a{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;font-size:14px;color:var(--ink3);text-decoration:none;transition:all .25s}
  .toc2 a i{width:6px;height:6px;border-radius:50%;background:var(--ink4);transition:all .25s}
  .toc2 a.on{color:#fff;background:rgba(129,148,221,.08)}
  .toc2 a.on i{background:#9fb0ff;box-shadow:0 0 8px #9fb0ff}
  .tsec{padding:56px 0 24px;border-top:1px solid var(--line)}
  .tsec:first-child{border-top:0;padding-top:24px}
  .tsec h2{font:500 32px/1.2 "Plus Jakarta Sans";letter-spacing:-.02em}
  .tsec h2 em{font-style:italic;font-weight:300}
  .tsec>p.ld{margin-top:10px;font-size:16px;line-height:1.6;color:var(--ink2);max-width:760px}
  .blk2{margin-top:24px}
  /* status */
  .cert{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .ce{border:1.5px dashed var(--line2);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:6px}
  .ce b{font-size:17px;font-weight:600}
  .ce span{font-size:14px;color:var(--ink2)}
  .ce em{font-style:normal;font-size:13px;font-weight:650;color:#e9bd73;margin-top:6px}
  .ctrl{margin-top:14px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .ctrl a{border:1px solid var(--line);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink2);font-size:14px;line-height:1.4;transition:all .25s;display:flex;flex-direction:column;gap:8px}
  .ctrl a:hover{border-color:rgba(127,216,168,.5);color:#fff}
  .ctrl a svg{width:22px;height:22px;color:#7fd8a8}
  /* data flow */
  .pl4{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}
.pl4 .nd3{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#111318;transition:border-color .3s,background .3s,box-shadow .3s}
.pl4 .nd3 b{display:block;font-size:16px;font-weight:600;color:var(--ink2);transition:color .3s}
.pl4 .nd3 small{display:block;margin-top:3px;font-size:12.5px;color:var(--ink3)}
.pl4 .nd3 ul{list-style:none;margin-top:12px;display:grid;gap:6px}
.pl4 .nd3 li{font-size:13px;color:var(--ink3);padding-left:14px;position:relative}
.pl4 .nd3 li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--ink4)}
.pl4 .nd3.on{border-color:rgba(159,176,255,.7);background:#151a2e;box-shadow:0 0 0 4px rgba(129,148,221,.08)}
.pl4 .nd3.on b{color:#fff}.pl4 .nd3.on li{color:var(--ink2)}.pl4 .nd3.on li::before{background:#9fb0ff}
.df3{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px}
  .df3-v{border:1px solid var(--line);border-radius:20px;background:#0e0f12;padding:10px}
  .df3-v{display:flex}
  .df3-l{display:flex;flex-direction:column;gap:6px}
  .df3-l button{all:unset;cursor:pointer;display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);transition:all .25s}
  .df3-l button i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;border:1px solid var(--line2);color:var(--ink3)}
  .df3-l button b{font-size:13.5px;font-weight:600;color:var(--ink2);line-height:1.35}
  .df3-l button small{display:none;margin-top:4px;font-size:12.5px;color:var(--ink2);line-height:1.5}
  .df3-l button.on{border-color:rgba(129,148,221,.55);background:rgba(129,148,221,.08)}
  .df3-l button.on i{background:#8194dd;border-color:#8194dd;color:#0a0b0d}
  .df3-l button.on b{color:#fff}.df3-l button.on small{display:block}
  .hsw{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;margin-bottom:12px}
  .hsw button{all:unset;cursor:pointer;padding:9px 14px;font-size:13px;color:var(--ink2)}
  .hsw button.on{background:#fff;color:#0a0b0d;font-weight:600}
  .nd3 rect{transition:stroke .3s,fill .3s}.nd3.on rect.f{stroke:#9fb0ff;fill:#151a2e}
  /* permissions */
  .pm2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
  .ptab{background:#fff;border-radius:16px;overflow:hidden;color:#0f172a}
  .ptab .tb{display:flex;gap:6px;padding:12px;border-bottom:1px solid #eef1f5}
  .ptab .tb button{all:unset;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;border-radius:9px;color:#475569}
  .ptab .tb button.on{background:#0f172a;color:#fff}
  .ptab .row{display:grid;grid-template-columns:1fr 130px;gap:10px;padding:9px 16px;border-top:1px solid #f4f5f7;font-size:13px;transition:opacity .35s}
  .ptab .row span:last-child{font-weight:650;color:#596779}
  .ptab .row.w span:last-child{color:#b45309}
  .ptab .row.dim{opacity:.22}
  .cant2{display:grid;gap:10px}
  .cant2 div{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;font-size:14px;color:var(--ink2)}
  .cant2 svg{width:20px;height:20px;color:#f08a8a;flex:none}
  .cant2 .ok3{border-color:rgba(127,216,168,.4);color:#bdf0d3}
  .cant2 .ok3 svg{color:#7fd8a8}
  /* isolation */
  .iso{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
  .host2{border:1px solid var(--line);border-radius:18px;padding:18px;background:#0f1013}
  .cg2{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
  .cb2{all:unset;cursor:pointer;border:1px solid var(--line2);border-radius:14px;padding:12px;min-height:110px;display:flex;flex-direction:column;gap:6px;transition:all .3s}
  .cb2.on{border-color:#9fb0ff;background:rgba(159,176,255,.07)}
  .cb2.dead{opacity:.3}
  .cb2.new{animation:uPop .6s cubic-bezier(.2,.9,.3,1.25)}
  .cb2 b{font-size:13px}.cb2 small{font-size:12px;color:var(--ink3)}
  .insp2{background:#fff;border-radius:16px;padding:16px;color:#0f172a;font-size:13px}
  .insp2 h5{font-size:14.5px}
  .insp2 .r{display:flex;gap:8px;padding:6px 0;border-top:1px solid #f4f5f7}
  .insp2 .y{color:#0b7648;font-weight:800}.insp2 .n{color:#b91c1c;font-weight:800}
  .insp2 button{all:unset;cursor:pointer;margin-top:10px;font:650 12.5px/1 "Plus Jakarta Sans";padding:10px 12px;border-radius:8px;background:#0f172a;color:#fff}
  /* two planes */
  .pl2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .plc{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(180deg,#131419,#0f1013)}
  .plc h4{font-size:16px;font-weight:600}
  .plc p{margin-top:6px;font-size:14px;color:var(--ink2);line-height:1.5}
  .lg3{grid-column:1/-1;background:#fff;border-radius:16px;color:#0f172a;overflow:hidden}
  .lg3 .rows{padding:6px 0;min-height:150px}
  .lg3 .r{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:8px 16px;font:500 12px/1.5 ui-monospace,monospace;animation:uIn .35s var(--ease)}
  .lg3 .r time{color:#94a3b8}.lg3 .x{color:#b91c1c;font-weight:700}.lg3 .v{color:#0b7648;font-weight:700}
  .lg3 .r.hl{background:#fff5f5}
  .lg3 .ft{padding:10px 16px;border-top:1px solid #eef1f5;display:flex;gap:10px;align-items:center;font-size:12.5px;color:#596779}
  .lg3 .ft button{all:unset;cursor:pointer;font:650 12.5px/1 "Plus Jakarta Sans";padding:10px 12px;border-radius:8px;background:#0f172a;color:#fff}
  .note3{grid-column:1/-1;font-size:14px;color:var(--ink2);padding:14px 16px;border-radius:14px;border:1px solid var(--line2)}
  .note3 b{color:#fff}
  /* tenants */
  .tn{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}
  .tn-l{display:grid;gap:8px;align-content:start}
  .tn-l button{all:unset;cursor:pointer;padding:14px;border-radius:14px;border:1px solid var(--line);font-size:14.5px;font-weight:600;color:var(--ink2);transition:all .25s}
  .tn-l button small{display:block;font-size:12.5px;font-weight:400;color:var(--ink3);margin-top:3px}
  .tn-l button.on{border-color:rgba(129,148,221,.55);background:rgba(129,148,221,.08);color:#fff}
  .tn-r{background:#fff;border-radius:16px;padding:16px;color:#0f172a}
  .tn-r .q{display:flex;gap:10px;align-items:center;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:14px}
  .tn-r .q svg{width:16px;height:16px;color:#596779}
  .tn-r .res6{margin-top:12px;display:grid;gap:6px}
  .tn-r .res6 div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:9px 12px;border-radius:9px;border:1px solid #eef1f5;font-size:13px;animation:uIn .3s var(--ease) both}
  .tn-r .res6 div span:first-child{font-weight:700;font-size:12px}
  .tn-r .res6 .blocked{background:#f8fafc;color:#94a3b8;border-style:dashed}
  /* audit log */
  .au2 .ui-tr{grid-template-columns:56px 150px 1fr;transition:opacity .3s}
  .au2 .ui-tr.dim{opacity:.18}
  .au2 .w2{font-size:12px;font-weight:650}
  .flt3{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
  .flt3 button{all:unset;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink2);padding:8px 12px;border-radius:10px;border:1px solid var(--line2)}
  .flt3 button.on{background:#fff;color:#0a0b0d;border-color:#fff}
  /* export */
  .exp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
  .stor{display:grid;gap:8px}
  .stor div{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--ink2)}
  .stor div em{font-style:normal;font-size:12.5px;color:#e9bd73}
  .man{background:#0c0d10;border:1px solid var(--line2);border-radius:16px;padding:16px;font:500 12px/1.75 ui-monospace,monospace;color:#c8ccd4;min-height:230px}
  .man .g{color:#7fd8a8}.man .m{color:#6b7078}.man .b{color:#9fb0ff}
  .exp .bt2{margin-top:12px;display:flex;gap:10px}
  /* documents */
  .docs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  .doc{border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,#131419,#0f1013)}
  .doc svg{width:30px;height:30px;color:var(--acc2)}
  .doc b{font-size:16px;font-weight:600}
  .doc span{font-size:14px;color:var(--ink2);line-height:1.5}
  .doc a{margin-top:auto;font-size:14px;font-weight:600;color:var(--acc2);text-decoration:none}
  /* minmax(0,1fr): a bare 1fr track is widened by its widest unbreakable child — the etalon overflows by 1px at 375 (same fix as /platform/cli, slice 3) */
  @media(max-width:1060px){.tl4{grid-template-columns:minmax(0,1fr)}.toc2{display:none}.cert,.ctrl,.df3,.pm2,.iso,.pl2,.tn,.exp,.docs{grid-template-columns:minmax(0,1fr)}}