.v22-page{--v22-blue:#8db8ff;--v22-purple:#c7a7ff;--v22-red:#ff9f9f}.v22-hero{min-height:auto;padding:3.5rem 0 2rem}.v22-hero h1{max-width:15ch;font-size:clamp(3rem,6vw,5.8rem)}.v22-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.v22-hero-stats div{padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035)}.v22-hero-stats strong,.v22-hero-stats span{display:block}.v22-hero-stats strong{font-size:1.35rem;color:var(--gold-soft)}.v22-hero-stats span{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.v22-method-banner{margin:1rem 0;padding:1rem 1.1rem;border:1px solid rgba(141,184,255,.24);border-left:4px solid var(--v22-blue);border-radius:14px;background:rgba(75,115,180,.08);color:#d9e3ef}.v22-tabs{position:sticky;top:64px;z-index:20;display:flex;gap:.45rem;margin:1rem 0;padding:.55rem;border:1px solid var(--line);border-radius:15px;background:rgba(10,15,22,.96);overflow:auto}.v22-tabs button{white-space:nowrap;border:1px solid transparent;border-radius:10px;padding:.65rem .85rem;background:transparent;color:var(--muted)}.v22-tabs button.active{border-color:rgba(230,188,100,.35);background:rgba(230,188,100,.1);color:var(--gold-soft)}.v22-view{margin:1rem 0 4rem}.v22-toolbar{display:grid;grid-template-columns:minmax(250px,2fr) minmax(160px,1fr) minmax(160px,1fr);gap:.7rem;margin:1rem 0}.v22-toolbar label{display:grid;gap:.28rem;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.v22-toolbar input,.v22-toolbar select{min-width:0;width:100%;border:1px solid var(--line);border-radius:11px;padding:.72rem .78rem;background:#0c1119;color:var(--text)}.v22-split{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:1rem;align-items:start}.v22-list{position:sticky;top:132px;max-height:calc(100vh - 150px);overflow:auto;border:1px solid var(--line);border-radius:17px;background:rgba(13,18,26,.96)}.v22-list button{display:block;width:100%;padding:.9rem 1rem;border:0;border-bottom:1px solid rgba(255,255,255,.06);text-align:left;background:transparent;color:var(--text)}.v22-list button:hover,.v22-list button.active{background:rgba(141,184,255,.08)}.v22-list button.active{box-shadow:inset 4px 0 var(--v22-blue)}.v22-list strong,.v22-list span,.v22-list small{display:block}.v22-list span{color:var(--v22-blue);font-size:.69rem;text-transform:uppercase;letter-spacing:.05em}.v22-list small{color:var(--muted);margin-top:.28rem}.v22-detail{min-height:630px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,rgba(18,24,35,.97),rgba(11,15,22,.98));overflow:hidden;box-shadow:var(--shadow)}.v22-detail-empty{padding:2rem}.v22-detail header{padding:clamp(1.3rem,4vw,2.3rem);border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 0,rgba(141,184,255,.12),transparent 26rem)}.v22-detail h2{font-size:clamp(2.1rem,5vw,4.2rem);margin:.55rem 0}.v22-kickers{display:flex;flex-wrap:wrap;gap:.4rem}.v22-pill{display:inline-flex;padding:.3rem .55rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.v22-pill.accent{color:var(--v22-blue);border-color:rgba(141,184,255,.28)}.v22-body{display:grid;gap:1rem;padding:1rem}.v22-panel{padding:1rem;border:1px solid rgba(255,255,255,.085);border-radius:14px;background:rgba(255,255,255,.025)}.v22-panel h3{margin:0 0 .8rem}.v22-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.v22-reading{padding:.9rem;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#101720}.v22-reading h4{margin:0 0 .4rem;color:var(--gold-soft)}.v22-witness-chips,.v22-domain-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.v22-witness-chips span,.v22-domain-chips span{display:inline-flex;padding:.3rem .48rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;font-size:.7rem;color:#d2dbe5}.v22-judgment{border-left:4px solid var(--gold);background:rgba(230,188,100,.07)}.v22-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.v22-impact-grid div{padding:.75rem;border-radius:11px;background:#0e141d}.v22-impact-grid strong,.v22-impact-grid span{display:block}.v22-impact-grid strong{color:var(--v22-blue)}.v22-impact-grid span{color:var(--muted);font-size:.75rem}.v22-source-list{display:grid;gap:.45rem}.v22-source-list a{display:block;padding:.65rem .75rem;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:#101720}.v22-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.v22-card-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.v22-card{padding:1rem;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(19,25,36,.98),rgba(12,17,25,.98))}.v22-card h3{margin:.45rem 0}.v22-card .siglum{color:var(--v22-purple);font:700 .78rem ui-monospace,SFMono-Regular,Consolas,monospace}.v22-card dl{display:grid;grid-template-columns:auto 1fr;gap:.35rem .65rem;margin:.7rem 0}.v22-card dt{color:var(--muted);font-size:.72rem}.v22-card dd{margin:0;font-size:.82rem}.v22-card .boundary{padding:.65rem;border-radius:10px;background:rgba(255,159,159,.06);color:#d9cfd1;font-size:.78rem}.v22-link-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}.v22-link-row a{padding:.38rem .55rem;border:1px solid var(--line);border-radius:9px;text-decoration:none;font-size:.74rem}.v22-alert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1rem 0}.v22-alert{padding:.9rem;border:1px solid rgba(255,159,159,.22);border-radius:13px;background:rgba(255,159,159,.06)}.v22-alert.controlled{border-color:rgba(117,214,198,.23);background:rgba(117,214,198,.06)}.v22-name-table{width:100%;border-collapse:collapse}.v22-name-table th,.v22-name-table td{padding:.72rem;border-bottom:1px solid rgba(255,255,255,.075);vertical-align:top;text-align:left}.v22-name-table th{position:sticky;top:125px;background:#0d131c;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.v22-name-table .original{font-size:1.05rem;white-space:nowrap}.v22-name-table code{font-size:.72rem;color:var(--v22-blue)}.v22-name-table a{text-decoration:none}.v22-context-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.v22-context-counts div{padding:.7rem;border-radius:10px;background:#0e141d}.v22-context-counts strong,.v22-context-counts span{display:block}.v22-context-counts strong{font-size:1.25rem;color:var(--gold-soft)}.v22-context-counts span{font-size:.69rem;color:var(--muted)}.v22-type-bars{display:grid;gap:.45rem}.v22-type-bar{display:grid;grid-template-columns:minmax(120px,1fr) 3fr auto;gap:.55rem;align-items:center}.v22-type-bar i{display:block;height:7px;border-radius:999px;background:rgba(141,184,255,.22);overflow:hidden}.v22-type-bar i::after{content:"";display:block;width:var(--bar);height:100%;background:var(--v22-blue)}.v22-variant-links{display:grid;gap:.5rem}.v22-variant-links button{padding:.72rem;border:1px solid var(--line);border-radius:10px;text-align:left;background:#101720;color:var(--text)}.v22-rule-list{display:grid;gap:.65rem}.v22-rule-list li{padding:.75rem;border-radius:10px;background:#101720}.v22-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.v22-link-grid a{padding:.85rem;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#101720}.v22-empty{padding:1.2rem;color:var(--muted)}
@media(max-width:1050px){.v22-split{grid-template-columns:1fr}.v22-list{position:relative;top:auto;max-height:460px}.v22-card-grid,.v22-card-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-name-table th{top:0}}
@media(max-width:720px){.v22-toolbar{grid-template-columns:1fr}.v22-reading-grid,.v22-card-grid,.v22-card-grid.compact,.v22-alert-grid,.v22-link-grid{grid-template-columns:1fr}.v22-impact-grid,.v22-context-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-tabs{top:55px}.v22-hero-stats{grid-template-columns:1fr 1fr}.v22-name-table{min-width:850px}.v22-type-bar{grid-template-columns:1fr auto}.v22-type-bar i{grid-column:1/-1}}
