/* Uses the main site's tokens, fonts, background and header. */
:root{color-scheme:dark}
a{color:var(--accent-cyan)}
button,input,select{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffbe39;outline-offset:3px}
[hidden]{display:none!important}
.av-header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.av-header label{font-size:12px;color:var(--text-muted)}
.av-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:1px;color:var(--accent-gold-light);text-transform:uppercase}
.av-brand small{display:block;font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:1.4px;color:var(--text-muted);margin-top:3px}
.av-brand img{animation:none}
#account-evaluator{max-width:1120px;margin:32px auto 64px;padding:0 24px}
.av-eyebrow{display:inline-block;font-size:11px;letter-spacing:1.2px;color:#ffbd37;font-weight:700}
#account-evaluator h1{font-family:var(--font-heading);font-size:clamp(28px,4vw,36px);line-height:1.2;margin:8px 0 12px}
#account-evaluator h2{font-family:var(--font-heading);font-size:22px;margin:0 0 8px}
#account-evaluator h3{font-family:var(--font-heading);font-size:17px;margin:22px 0 12px}
#account-evaluator p{line-height:1.65;color:#9eabc0;font-size:13px;margin:8px 0}
.av-intro{max-width:730px}
.av-modes{display:flex;gap:8px;border-bottom:1px solid #293243;padding-bottom:12px;margin:26px 0 22px}
.av-modes button{padding:12px 18px;text-align:left;border:1px solid #39465c;border-radius:8px;background:#1c2636;color:#c2cfe1;font-weight:600;cursor:pointer;font-size:13px;transition:background .2s,border-color .2s}
.av-modes button:hover{background:#27354a;border-color:#65728b}
.av-modes button[aria-pressed=true]{border-color:#ffb520;color:#17120a;background:#ffb520}
.av-panel,.av-result{border:1px solid #293243;border-radius:16px;background:#111722;padding:24px;margin-bottom:24px;box-shadow:0 12px 32px #0003}
.av-panel>h2::before,.av-result>h2::before{content:'';display:inline-block;width:4px;height:18px;margin-right:10px;border-radius:2px;background:var(--accent-gold);vertical-align:-1px}
.av-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.av-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;color:#b3bed0}
.av-field input,.av-field select,.av-header select{width:100%;background:#090f18;color:#eef2fa;border:1px solid #354056;border-radius:7px;padding:10px;min-height:42px;min-width:0}
.av-field input{font-variant-numeric:tabular-nums}
.av-field input:hover,.av-field select:hover{border-color:#596680}
input::placeholder{color:#74859f}
.av-header select{width:auto;min-height:36px;padding:7px;margin-left:8px}
#account-evaluator fieldset{border:1px solid #293548;border-radius:12px;background:#0d1420;padding:18px;margin:24px 0;min-width:0}
#account-evaluator legend{font-family:var(--font-heading);font-size:16px;font-weight:600;padding:0 8px;color:#ffd079}
#account-evaluator small{font-size:12px;color:#9eafc5;line-height:1.6}
.av-submit{background:#ffb520;color:#17120a;border:1px solid #ffb520;border-radius:8px;font-weight:700;padding:12px 22px;cursor:pointer;margin-top:18px;font-size:13px;transition:background .2s,box-shadow .2s}
.av-submit:hover{background:#ffcb60;box-shadow:var(--accent-gold-glow)}
.av-submit:disabled{opacity:.5;cursor:wait}
.av-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;color:#bdcbe0;margin-top:16px}
.av-check input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#ffb520}
#account-evaluator .av-status{padding:14px;background:#2b2417;border:1px solid #685122;border-radius:8px;color:#ffdc83}
.av-status:empty{display:none}
.av-result{background:linear-gradient(140deg,#1d2534,#0b111c);border-color:#685122;border-top:3px solid #ffb520}
.av-price{font-family:var(--font-mono);font-size:clamp(28px,5vw,40px);font-weight:800;color:#ffd079;margin:16px 0 5px;font-variant-numeric:tabular-nums}
.av-badge{display:inline-block;border:1px solid #685122;border-radius:6px;background:#2b2417;padding:5px 10px;font-size:11px;color:#ffdc83;margin-top:12px}
.av-breakdown{display:grid;grid-template-columns:1fr auto;gap:14px;border-top:1px solid #293548;border-bottom:1px solid #293548;padding:20px 0;margin:20px 0;font-size:13px}
.av-breakdown dt{color:#9eaec5}.av-breakdown dd{margin:0;font-family:var(--font-mono);font-weight:600}
.av-comparables{display:flex;gap:8px;flex-wrap:wrap}
.av-comparables a{background:#172132;border:1px solid #354056;padding:9px 12px;border-radius:7px;text-decoration:none;font-size:12px;color:#66d1ff}
.av-comparables a:hover{border-color:var(--accent-cyan);background:#1c2c43}
#account-evaluator .av-footer{font-size:12px;margin-top:28px;border-top:1px solid #293243;padding-top:20px}
.av-footer a{text-decoration:none}.av-footer a:hover{text-decoration:underline}
.av-link-field{margin:22px 0 0}.av-result:focus{outline:none}
@media(max-width:650px){.av-header{padding:0 16px;gap:12px}.av-brand{font-size:17px;letter-spacing:.5px}.av-brand small{font-size:8px;letter-spacing:.7px}.av-brand img{width:36px;height:36px}.av-header label>span{display:none}#account-evaluator{margin-top:24px;padding:0 16px}.av-panel,.av-result{padding:18px}.av-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.av-modes{gap:8px}.av-modes button{flex:1;padding:12px;font-size:12px}.av-submit{width:100%}#account-evaluator fieldset{padding:14px 12px}.av-breakdown{font-size:12px;gap:12px}}
@media(max-width:380px){.av-fields{grid-template-columns:1fr}.av-brand{font-size:15px}}
