.doc{display:grid;grid-template-columns:240px minmax(0,760px);gap:56px;padding:34px 0 0}
          .side{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px}
          .side b{padding:0 12px 10px;font:600 12.5px/1 var(--font);color:var(--faint)}
          .side a{padding:9px 12px;border-radius:var(--r2);color:var(--dim);font-size:14px;transition:background-color .15s,color .15s}
          .side a:hover{color:var(--text);background:var(--surface)}
          .side a.on{color:var(--text);background:var(--surface);box-shadow:inset 2px 0 0 var(--acc)}
          .doc h1{margin:14px 0 0;font:700 40px/1.1 var(--font);letter-spacing:-.025em}
          .doc .meta{margin-top:12px;font-size:13px;color:var(--faint)}
          .doc .lead{margin:22px 0 0;font-size:17.5px;line-height:1.7;color:var(--dim)}
          .doc h2{margin:40px 0 0;font:650 22px/1.3 var(--font);letter-spacing:-.01em}
          .doc p{margin:14px 0 0;font-size:15.5px;line-height:1.75;color:var(--dim)}
          .doc p b{color:var(--text);font-weight:600}
          .srcs{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);overflow:hidden}
          .sr{display:grid;grid-template-columns:150px minmax(0,1fr) 150px;gap:16px;align-items:start;padding:14px 18px;border-top:1px solid var(--line);font-size:14px}
          .sr:first-child{border-top:0}
          .sr.h{padding-top:11px;padding-bottom:11px;background:var(--bg2);font:500 12px/1 var(--font);color:var(--faint)}
          .sr .gm{display:flex;align-items:center;gap:8px;font-weight:600}
          .sr .gm .gl{width:18px;height:18px}
          .sr .lic{font-size:12.5px;color:var(--faint)}
          .rules{display:flex;flex-direction:column;gap:10px;margin-top:18px}
          .rule{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2)}
          .rule i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:color-mix(in oklch,var(--win) 15%,transparent);color:var(--win);font:700 13px/1 var(--font);font-style:normal}
          .rule b{display:block;font:600 14.5px/1.3 var(--font)}
          .rule span{display:block;margin-top:4px;font-size:13.5px;line-height:1.55;color:var(--faint)}
          @media (max-width:1100px){.doc{grid-template-columns:minmax(0,1fr);gap:22px}.side{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px}.side::-webkit-scrollbar{display:none}.side b{display:none}.side a{flex-shrink:0;white-space:nowrap}}