.ka-archive301{--ar-bg:#f6f2e8;--ar-card:#fffdf8;--ar-ink:#101d35;--ar-muted:#68758a;--ar-line:#eadfc8;--ar-gold:#b8790d;--ar-good:#087a59;--ar-bad:#b83a45;background:var(--ar-bg);color:var(--ar-ink);min-height:70vh}
.ka-archive301-hero{padding:44px 0 34px;background:radial-gradient(circle at 12% 0,rgba(245,189,61,.25),transparent 32%),linear-gradient(135deg,#071426,#10213a 62%,#2f2714);color:#fff}
.ka-archive301-hero nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:#b9c7d8;font-size:.88rem;font-weight:750}.ka-archive301-hero nav a{color:#dce7f4}.ka-archive301-hero .kicker,.ka-archive301 .eyebrow{display:inline-flex;margin-top:22px;padding:7px 11px;border:1px solid rgba(245,189,61,.42);border-radius:999px;background:rgba(245,189,61,.11);color:#ffd66b;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ka-archive301-hero h1{margin:12px 0 12px;font-size:clamp(2.5rem,6vw,5.2rem);line-height:.95;letter-spacing:-.06em;color:#fff}.ka-archive301-hero>div>p{max-width:850px;margin:0;color:#c8d4e2;font-size:1.08rem;line-height:1.75}
.ka-archive301-answer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:14px;margin-top:28px}.ka-archive301-answer>div,.ka-archive301-answer>aside{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(5,14,27,.76);box-shadow:0 22px 55px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.ka-archive301-answer span{display:block;color:#aebed1;font-weight:800}.ka-archive301-answer strong{display:block;margin:8px 0 3px;color:#ffd66b;font-size:clamp(2.1rem,4vw,3.6rem);letter-spacing:-.045em}.ka-archive301-answer small{color:#acbbcd}.ka-archive301-answer h2{margin:7px 0;color:#fff;font-size:2rem}.ka-archive301-answer p{margin:0;color:#b9c7d8;line-height:1.6}
.ka-archive301-section{padding:28px 0}.ka-archive301-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ka-archive301-stats>div,.ka-archive301-panel{border:1px solid var(--ar-line);border-radius:22px;background:var(--ar-card);box-shadow:0 14px 36px rgba(11,24,44,.06)}.ka-archive301-stats>div{padding:18px}.ka-archive301-stats span{display:block;color:var(--ar-muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.045em}.ka-archive301-stats strong{display:block;margin-top:7px;color:var(--ar-ink);font-size:1.25rem}
.ka-archive301-panel{padding:24px}.ka-archive301-head h2,.ka-archive301-panel h2{margin:5px 0 8px;color:var(--ar-ink);font-size:clamp(1.6rem,3vw,2.35rem);letter-spacing:-.04em}.ka-archive301-head span{color:var(--ar-gold);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.ka-archive301-head p,.ka-archive301-panel p{color:var(--ar-muted);line-height:1.75}
.ka-archive301-tablewrap{overflow-x:auto;margin-top:18px;border:1px solid var(--ar-line);border-radius:18px}.ka-archive301 table{width:100%;min-width:800px;border-collapse:collapse}.ka-archive301 th,.ka-archive301 td{padding:14px 15px;border-bottom:1px solid var(--ar-line);text-align:left;white-space:nowrap}.ka-archive301 th{background:#f5efe2;color:#68758a;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.ka-archive301 td{color:#344156}.ka-archive301 td strong{color:var(--ar-ink)}.ka-archive301 td .up{color:var(--ar-good);font-weight:900}.ka-archive301 td .down{color:var(--ar-bad);font-weight:900}
.ka-archive301-two{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:16px}.ka-archive301-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.ka-archive301-links a{padding:9px 12px;border:1px solid #ddc88f;border-radius:999px;background:#fff8e3;color:#7a5205;font-weight:850;text-decoration:none}.ka-archive301-faq details{border-top:1px solid var(--ar-line);padding:13px 0}.ka-archive301-faq summary{cursor:pointer;color:var(--ar-ink);font-weight:850}.ka-archive301-faq details p{margin:9px 0 0}
html[data-ka-theme="dark"] .ka-archive301{--ar-bg:#07111f;--ar-card:#0d1a2b;--ar-ink:#f6f8fb;--ar-muted:#adbed1;--ar-line:#263a54;--ar-gold:#ffd66b;background:var(--ar-bg)!important;color:var(--ar-ink)!important}
html[data-ka-theme="dark"] .ka-archive301-stats>div,html[data-ka-theme="dark"] .ka-archive301-panel{background:linear-gradient(180deg,#0e1b2d,#091625)!important;border-color:var(--ar-line)!important;box-shadow:0 22px 58px rgba(0,0,0,.25)!important}
html[data-ka-theme="dark"] .ka-archive301 :where(.ka-archive301-head h2,.ka-archive301-panel h2,.ka-archive301-stats strong,.ka-archive301-faq summary,.ka-archive301 td strong){color:#f8fafc!important}
html[data-ka-theme="dark"] .ka-archive301 :where(.ka-archive301-head p,.ka-archive301-panel p,.ka-archive301-stats span,.ka-archive301 td){color:#b3c1d4!important}
html[data-ka-theme="dark"] .ka-archive301 th{background:#111f31!important;color:#9fb1c8!important}html[data-ka-theme="dark"] .ka-archive301 :where(th,td){border-color:#263a54!important}
html[data-ka-theme="dark"] .ka-archive301-links a{background:#2b220d!important;border-color:#65501c!important;color:#ffd66b!important}
@media(max-width:900px){.ka-archive301-answer,.ka-archive301-two{grid-template-columns:1fr}.ka-archive301-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ka-archive301-hero{padding-top:30px}.ka-archive301-stats{grid-template-columns:1fr 1fr}.ka-archive301-panel{padding:18px}.ka-archive301-answer>div,.ka-archive301-answer>aside{padding:18px}}
