@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&display=swap');
/* Vaquero shared UI styles: light theme (subpages) + sidebar rail + hamburger + injected buttons */
/* ★ brand identity: wordmark = Cormorant Garamond (company name everywhere) · logo mark = vhorn image ★ */
.brand{font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:600!important;letter-spacing:.10em;text-transform:uppercase}
img.vmark{width:30px!important;height:30px!important;object-fit:contain;filter:drop-shadow(0 0 7px rgba(232,199,102,.28))}
/* unify header: push nav + right-side controls to the right on every page (match home) */
header nav{margin-left:auto}
/* ★ unified nav dropdown (고급지표 → 크립토/미국주식) ★ */
header nav a.on,.navdrop-t.on,.navdrop-menu a.on{color:var(--gold2,#E8C766)!important}
.navdrop{position:relative;display:inline-flex;align-items:center;gap:4px;cursor:default}
.navdrop-t{font-size:14px;color:var(--t2,#A6ADBB);transition:.14s}
.navdrop-caret{font-size:9px;color:var(--t3,#7C8493);transition:transform .16s}
.navdrop:hover .navdrop-t{color:var(--t1,#F4F6FA)} .navdrop:hover .navdrop-caret{transform:rotate(180deg)}
.navdrop::after{content:"";position:absolute;top:100%;left:-10px;right:-10px;height:12px}
.navdrop-menu{position:absolute;top:100%;left:0;margin-top:9px;min-width:158px;background:var(--s1,#121419);border:1px solid var(--line2,#2A2F3A);border-radius:11px;padding:6px;display:none;flex-direction:column;gap:2px;box-shadow:0 20px 48px -22px rgba(0,0,0,.85);z-index:60}
.navdrop:hover .navdrop-menu{display:flex}
.navdrop-menu a{padding:9px 13px;border-radius:8px;font-size:13.5px;color:var(--t2,#A6ADBB);white-space:nowrap}
.navdrop-menu a:hover{background:var(--s3,#20242D);color:var(--gold2,#E8C766)}
/* mobile hamburger menu: show dropdown items as a flat indented list */
.vqmenu .navdrop{display:block}
.vqmenu .navdrop-caret{display:none}
.vqmenu .navdrop-t{display:block;padding:12px 14px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--t3,#7C8493)}
.vqmenu .navdrop-menu{display:flex!important;position:static;margin:0;border:0;box-shadow:none;background:transparent;padding:0 0 6px 10px}
.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}

/* auth modal (signup / login / magic link) */
.vqauth-ov{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(6,7,10,.66);backdrop-filter:blur(4px)}
.vqauth-ov.open{display:flex}
.vqauth{width:100%;max-width:382px;background:var(--s1,#121419);border:1px solid var(--line2,#2A2F3A);border-radius:18px;padding:26px 24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);position:relative}
.vqauth-x{position:absolute;top:14px;right:14px;width:30px;height:30px;border:0;background:transparent;color:var(--t3,#7C8493);font-size:20px;cursor:pointer;line-height:1}
.vqauth-x:hover{color:var(--t1,#F4F6FA)}
.vqauth-ttl{font-size:19px;font-weight:700;color:var(--t1,#F4F6FA);font-family:'Space Grotesk',sans-serif}
.vqauth-sub{font-size:12.5px;color:var(--t3,#7C8493);margin:7px 0 18px;line-height:1.6}
.vqauth label{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--t3,#7C8493);margin:12px 0 5px}
.vqauth input{width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid var(--line2,#2A2F3A);border-radius:10px;background:var(--s3,#20242D);color:var(--t1,#F4F6FA);font-size:14.5px}
.vqauth input:focus{outline:0;border-color:var(--gold2,#E8C766)}
.vqauth-btn{width:100%;margin-top:18px;padding:12px;border:0;border-radius:10px;background:linear-gradient(180deg,#E8C766,#D4AF37);color:#1a1407;font-size:15px;font-weight:700;cursor:pointer}
.vqauth-btn:disabled{opacity:.6;cursor:default}
.vqauth-toggle{margin-top:15px;font-size:12.5px;color:var(--t3,#7C8493);text-align:center}
.vqauth-toggle a{color:var(--gold2,#E8C766);cursor:pointer}
.vqauth-msg{font-size:12.5px;line-height:1.6;margin-top:13px;padding:10px 12px;border-radius:9px;display:none}
.vqauth-msg.err{display:block;background:rgba(255,89,101,.1);border:1px solid rgba(255,89,101,.35);color:#ff9aa2}
.vqauth-msg.ok{display:block;background:rgba(64,200,128,.1);border:1px solid rgba(64,200,128,.3);color:#7ee0a6}

/* 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}
}