/* Vaquero shared UI styles: light theme (subpages) + sidebar rail + hamburger + injected buttons */
.vqbtn{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line2,#2A2F3A);border-radius:9px;background:var(--s1,#121419);color:var(--t2,#A6ADBB);cursor:pointer;font-size:14px;font-family:'JetBrains Mono',monospace;margin-left:auto}
.vqbtn+.vqbtn,.vqbtn+a{margin-left:10px}
header .row>.vqbtn:first-of-type{margin-left:auto}
.vqbtn:hover{color:var(--gold2,#E8C766);border-color:var(--bstrong,#3A4150)}
.vqburger{display:none;place-items:center;width:38px;height:38px;border:1px solid var(--line2,#2A2F3A);border-radius:9px;background:var(--s1,#121419);color:var(--t1,#F4F6FA);cursor:pointer;font-size:17px}
.vqmenu{position:fixed;top:64px;left:12px;right:12px;z-index:70;background:var(--s1,#121419);border:1px solid var(--line2,#2A2F3A);border-radius:14px;padding:8px;display:none;box-shadow:0 24px 60px -20px rgba(0,0,0,.7)}
.vqmenu.open{display:block}
.vqmenu a{display:block;padding:12px 14px;border-radius:9px;font-size:15px;color:var(--t1,#F4F6FA)}
.vqmenu a:hover{background:var(--s3,#20242D)}
@media(max-width:760px){.vqburger{display:grid}}

/* sidebar rail */
.vqrail{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:60}
.vqrail-tab{position:relative;display:grid;place-items:center;width:40px;height:52px;border:1px solid var(--line2,#2A2F3A);border-left:0;border-radius:0 12px 12px 0;background:var(--s1,#121419);color:var(--t1,#F4F6FA);cursor:pointer;font-size:17px;box-shadow:6px 0 24px -12px rgba(0,0,0,.6)}
.vqdot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;background:#FF5965;box-shadow:0 0 8px #FF5965}
.vqrail-panel{position:absolute;left:0;top:50%;transform:translateY(-50%) translateX(-110%);width:300px;background:var(--s1,#121419);border:1px solid var(--line2,#2A2F3A);border-radius:0 16px 16px 0;padding:14px;transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:20px 0 60px -30px rgba(0,0,0,.8)}
.vqrail.open .vqrail-panel{transform:translateY(-50%) translateX(40px)}
.vqrail-h{display:flex;justify-content:space-between;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--t3,#7C8493);margin-bottom:10px}
.vqrail-h a{color:var(--gold2,#E8C766);font-size:11px}
.vqrail-it{display:block;padding:9px 10px;border-radius:10px;border:1px solid transparent}
.vqrail-it:hover{background:var(--s3,#20242D);border-color:var(--line2,#2A2F3A)}
.vqnew{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;color:#0b0c10;background:linear-gradient(92deg,#D4AF37,#E8C766);padding:1px 6px;border-radius:4px;margin-right:6px;vertical-align:1px}
.vqrail-t{display:block;font-size:13px;font-weight:600;color:var(--t1,#F4F6FA);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vqrail-d{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--t3,#7C8493);margin-top:3px}
@media(max-width:760px){.vqrail-panel{width:min(300px,82vw)}}

/* light theme for subpages (index has its own richer set; these are var overrides) */
:root[data-theme="light"]{--base:#E6E9EF;--bg:#F4F6FA;--s1:#FFFFFF;--s2:#FFFFFF;--s3:#EDF0F5;--line:#E4E8EF;--line2:#D6DBE3;--bstrong:#AEB6C2;--t1:#10141A;--t2:#49505E;--t3:#6A7280}
[data-theme="light"] body{background:radial-gradient(1100px 540px at 80% -120px,rgba(124,92,252,.05),transparent 60%),var(--bg)}
[data-theme="light"] header{background:rgba(255,255,255,.86)!important}
[data-theme="light"] .card,[data-theme="light"] .gc,[data-theme="light"] .pcard{background:linear-gradient(180deg,#fff,#f6f8fc)!important}
[data-theme="light"] .frow,[data-theme="light"] .wrow{background:#fff!important}
[data-theme="light"] .vqmenu,[data-theme="light"] .vqrail-tab,[data-theme="light"] .vqrail-panel{background:#fff}
[data-theme="light"] .srcbox,[data-theme="light"] .disc,[data-theme="light"] .stat .s{background:#fff!important}

/* mobile: prevent horizontal jitter + widen content */
html,body{overflow-x:clip}
@media(max-width:560px){
  .wrap{padding-left:13px!important;padding-right:13px!important}
  .card{padding:13px 12px!important}
  body{font-size:14.5px}
}