:root{--vr-surface:#fff;--vr-alt:#f4f7fa;--vr-border:#dfe6ed;--vr-fg:#253749;--vr-muted:#677d90;--vr-accent:#286b83;--vr-alert:#fff8e8;--vr-alert-border:#d8b670}
html[data-theme="dark"]{--vr-surface:#182a3c;--vr-alt:#20364c;--vr-border:#385268;--vr-fg:#e9f4fb;--vr-muted:#b5c9d7;--vr-accent:#9fdfec;--vr-alert:#393324;--vr-alert-border:#786342}
.vr-intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin:0 0 21px}.vr-intro h1{font-size:30px;letter-spacing:-.04em;margin:0;color:var(--vr-fg)}.vr-intro p:not(.eyebrow){max-width:750px;color:var(--vr-muted);line-height:1.75;font-size:12px;margin:8px 0 0}.vr-intro>span{padding:10px;font-size:10px;white-space:nowrap;color:var(--vr-accent);border:1px solid var(--vr-border);background:var(--vr-alt);border-radius:7px;font-weight:800}
.vr-warning{padding:14px 18px;margin-bottom:20px;border-left:4px solid var(--vr-alert-border);background:var(--vr-alert);font-size:11px;line-height:1.7;color:var(--vr-fg)}
.vr-main{display:grid;grid-template-columns:255px minmax(0,1fr);gap:17px;align-items:start}.vr-panel{background:var(--vr-surface);border:1px solid var(--vr-border);border-radius:10px;color:var(--vr-fg);min-width:0;overflow:hidden}
.vr-nav{position:sticky;top:15px;padding:18px 0 0}.vr-nav-head{display:flex;justify-content:space-between;align-items:center;padding:0 18px}.vr-nav-head h2{margin:0;font-size:17px}.vr-nav-head small{font-size:10px;color:var(--vr-muted)}.vr-nav label{display:block;font-size:10px;color:var(--vr-muted);margin:15px 18px 6px;font-weight:730}
.vr-nav input,.vr-nav select{display:block;width:calc(100% - 36px);margin:0 18px;background:var(--vr-alt);color:var(--vr-fg);border:1px solid var(--vr-border);border-radius:7px;padding:10px;font-size:11px}
.vr-list{max-height:550px;overflow:auto;margin-top:16px;padding:7px;border-top:1px solid var(--vr-border);scrollbar-width:thin}.vr-state{display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--vr-fg);padding:10px 11px;border-radius:6px}.vr-state:hover{background:var(--vr-alt)}.vr-state.active{background:var(--vr-alt);border-color:var(--vr-border)}.vr-state strong{color:var(--vr-accent);font-size:11px}.vr-state span{font-size:11px}.vr-state small{color:var(--vr-muted);font-size:9px;font-weight:750}
.vr-title{padding:28px 28px 21px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--vr-border)}.vr-title small{color:var(--vr-accent);font-size:10px;font-weight:830;letter-spacing:.08em}.vr-title h2{margin:8px 0;font-size:28px;letter-spacing:-.04em}.vr-title p{font-size:11px;color:var(--vr-muted);line-height:1.6;margin:0}.vr-title>span{font-size:25px;font-weight:800;color:var(--vr-accent);background:var(--vr-alt);border:1px solid var(--vr-border);border-radius:9px;padding:16px}
.vr-facts{padding:19px 26px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px;border-bottom:1px solid var(--vr-border)}.vr-facts>div{background:var(--vr-alt);border:1px solid var(--vr-border);border-radius:7px;display:flex;flex-direction:column;gap:11px;padding:14px;min-width:0}.vr-facts small{font-size:9px;color:var(--vr-muted);font-weight:790;line-height:1.5}.vr-facts strong{font-family:ui-monospace,Consolas,monospace;font-size:15px;word-break:break-word}.vr-facts button{align-self:start;border:0;border-bottom:1px solid var(--vr-accent);background:transparent;color:var(--vr-accent);font-size:10px;padding:0 0 3px;font-weight:770}.vr-facts span{font-size:10px;color:var(--vr-muted)}
.vr-section{padding:21px 27px;border-bottom:1px solid var(--vr-border)}.vr-section h3{margin:0 0 13px;font-size:13px}.vr-section p,.vr-section li{line-height:1.8;font-size:11px;color:var(--vr-muted)}.vr-section>p{margin:0}.vr-section ul{padding-left:18px;margin:0}.vr-section li{margin-bottom:7px}.vr-privileges p{border-left:2px solid var(--vr-accent);background:var(--vr-alt);padding:10px 12px;color:var(--vr-fg);margin:0 0 7px}
.vr-links{display:flex;flex-wrap:wrap;gap:10px}.vr-links a{color:var(--vr-accent);font-size:11px;font-weight:770;padding:10px 11px;border:1px solid var(--vr-border);border-radius:6px;text-decoration:none}.vr-links a:hover{background:var(--vr-alt)}
.vr-dateline{padding:19px 27px;color:var(--vr-muted);font-size:10px;line-height:1.7}.vr-section-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vr-section-top small{font-weight:800;color:#ceab75;font-size:9px;letter-spacing:.06em}
.vr-code-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.vr-code-grid>div{display:flex;gap:12px;background:var(--vr-alt);border:1px solid var(--vr-border);border-radius:5px;padding:10px}.vr-code-grid b{color:var(--vr-accent);font-family:ui-monospace,Consolas,monospace}.vr-code-grid span{color:var(--vr-fg);font-size:10px;line-height:1.6}
.vr-help{padding:23px 27px;margin-top:18px}.vr-help h2{font-size:16px;margin:0 0 15px}.vr-help ol{padding-left:22px;color:var(--vr-muted);font-size:11px;line-height:1.8}.vr-help ol li{margin-bottom:8px}.vr-help .vr-links{border-top:1px solid var(--vr-border);padding-top:16px}
@media(max-width:1200px){.vr-main{grid-template-columns:215px minmax(0,1fr)}.vr-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.vr-facts>div:first-child{grid-column:1/-1}}
@media(max-width:850px){.vr-main{grid-template-columns:1fr}.vr-nav{position:static}.vr-list{max-height:220px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vr-intro{display:block}.vr-intro>span{display:inline-block;margin-top:12px}}
@media(max-width:550px){.vr-facts{grid-template-columns:1fr;padding:17px}.vr-facts>div:first-child{grid-column:auto}.vr-title{padding:20px}.vr-title h2{font-size:23px}.vr-section,.vr-help{padding:20px}.vr-list{grid-template-columns:1fr}.vr-code-grid{grid-template-columns:1fr}}
