.krate{--ground:#F1F2F6; --surface:#FFFFFF; --surface-2:#F6F7FA; --ink:#1A1A2E; --ink-2:#454960; --muted:#666A82;
  --rule:#DFE1E9; --rule-2:#C9CCD8; --grid:#E7E9EF; --axis:#666A82;
  --mast:#1A1A2E; --on-mast:#FFFFFF; --on-mast-2:#C7C9D8; --gold:#C9A84C; --gold-ink:#83640C;
  --s1:#2a78d6; --s2:#9c7c14; --s3:#4a3aa7; --s4:#17a572; --crit:#c63439; --good:#11845b;
  --era:rgba(26,26,46,.04); --band1:rgba(42,120,214,.12); --band2:rgba(42,120,214,.22);
  --eq-fill:rgba(23,165,114,.20); --uw-fill:rgba(198,52,57,.22);
  --focus:#2a78d6; --shadow:0 1px 2px rgba(26,26,46,.06),0 8px 24px rgba(26,26,46,.06);
  --seg-on:#1A1A2E; --seg-on-ink:#FFFFFF;
  --font-d:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-b:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}
.krate{color-scheme:dark;
    --ground:#0F0F1D; --surface:#1A1A2E; --surface-2:#212139; --ink:#EDEEF5; --ink-2:#BEC1D3; --muted:#9094AB;
    --rule:#2C2E4A; --rule-2:#3D4062; --grid:#272943; --axis:#9094AB;
    --mast:#1A1A2E; --on-mast:#FFFFFF; --on-mast-2:#C7C9D8; --gold:#D4B45E; --gold-ink:#D9BA62;
    --s1:#3f8ce6; --s2:#a8860f; --s3:#7a72e0; --s4:#19ac76; --crit:#e2625f; --good:#34c08a;
    --era:rgba(255,255,255,.035); --band1:rgba(63,140,230,.16); --band2:rgba(63,140,230,.28);
    --eq-fill:rgba(25,172,118,.24); --uw-fill:rgba(226,98,95,.26);
    --focus:#6aa8f0; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
    --seg-on:#D4B45E; --seg-on-ink:#1A1A2E;}
.krate{color-scheme:dark;
  --ground:#0F0F1D; --surface:#1A1A2E; --surface-2:#212139; --ink:#EDEEF5; --ink-2:#BEC1D3; --muted:#9094AB;
  --rule:#2C2E4A; --rule-2:#3D4062; --grid:#272943; --axis:#9094AB;
  --mast:#1A1A2E; --on-mast:#FFFFFF; --on-mast-2:#C7C9D8; --gold:#D4B45E; --gold-ink:#D9BA62;
  --s1:#3f8ce6; --s2:#a8860f; --s3:#7a72e0; --s4:#19ac76; --crit:#e2625f; --good:#34c08a;
  --era:rgba(255,255,255,.035); --band1:rgba(63,140,230,.16); --band2:rgba(63,140,230,.28);
  --eq-fill:rgba(25,172,118,.24); --uw-fill:rgba(226,98,95,.26);
  --focus:#6aa8f0; --shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25);
  --seg-on:#D4B45E; --seg-on-ink:#1A1A2E;}
.krate *{box-sizing:border-box}
.krate{background:var(--ground);color:var(--ink);font-family:var(--font-b);font-size:15.5px;line-height:1.6;margin:0}
.krate a{color:var(--s1)}
.krate :focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}
.krate h1,.krate h2,.krate h3,.krate h4{font-family:var(--font-d);text-wrap:balance;margin:0;color:var(--ink)}
.krate h2{font-size:clamp(24px,3.2vw,32px);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.krate h3{font-size:18px;font-weight:700;line-height:1.3}
.krate h4{font-size:15px;font-weight:700}
.krate p{margin:0}
.krate .num,.krate td,.krate .kpi b,.krate .tip{font-variant-numeric:tabular-nums}
.krate .wrap{max-width:1120px;margin:0 auto;padding-inline:20px}
@media (max-width:520px){.krate .wrap{padding-inline:16px}}
.krate .mast{background:var(--mast);color:var(--on-mast);border-bottom:3px solid var(--gold)}
.krate .mast .wrap{padding-block:34px 30px;display:grid;gap:22px}
.krate .brandline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-mast-2)}
.krate .brandline strong{color:var(--gold);font-family:var(--font-d);font-weight:700;letter-spacing:.12em}
.krate .mast h1{color:var(--on-mast);font-size:clamp(34px,6vw,60px);font-weight:800;letter-spacing:-.02em;line-height:1}
.krate .mast .dek{color:var(--on-mast-2);font-size:17px;max-width:62ch}
.krate .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden}
.krate .kpi{background:var(--mast);padding:16px 18px;display:grid;gap:4px;align-content:start}
.krate .kpi span{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--on-mast-2)}
.krate .kpi b{font-family:var(--font-d);font-size:clamp(24px,3vw,32px);font-weight:800;color:var(--on-mast);line-height:1.1}
.krate .kpi small{font-size:13px;color:var(--on-mast-2)}
.krate .kpi small em{font-style:normal;color:var(--gold)}
@media (max-width:860px){.krate .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.krate .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}
.krate .nav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:8px}
.krate .nav .wrap::-webkit-scrollbar{display:none}
.krate .nav a{flex:none;text-decoration:none;color:var(--ink-2);font-size:13.5px;font-weight:600;padding:6px 11px;border-radius:999px}
.krate .nav a:hover{background:var(--surface-2);color:var(--ink)}
.krate section{padding-block:56px 8px}
.krate .sec-head{display:grid;gap:10px;margin-bottom:22px;max-width:72ch}
.krate .eyebrow{font-family:var(--font-d);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink)}
.krate .lede{color:var(--ink-2);font-size:16.5px}
.krate .prose{max-width:70ch;display:grid;gap:12px;color:var(--ink-2)}
.krate .prose strong{color:var(--ink)}
.krate .panel{background:var(--surface);border:1px solid var(--rule);border-radius:14px;padding:22px;box-shadow:var(--shadow)}
@media (max-width:520px){.krate .panel{padding:16px}}
.krate .panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.krate .panel-head p{color:var(--muted);font-size:13.5px}
.krate .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.krate .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:860px){.krate .grid2,.krate .grid3{grid-template-columns:1fr}}
.krate .stack{display:grid;gap:18px}
.krate .note{font-size:13px;color:var(--muted)}
.krate .callout{border-left:3px solid var(--gold);background:var(--surface-2);padding:14px 16px;border-radius:0 10px 10px 0;color:var(--ink-2)}
.krate .callout strong{color:var(--ink)}
.krate .controls{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.krate .seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;padding:3px;gap:2px;flex-wrap:wrap}
.krate .seg button{border:0;background:transparent;color:var(--ink-2);font:600 13px var(--font-b);padding:6px 12px;border-radius:999px;cursor:pointer}
.krate .seg button[aria-pressed="true"]{background:var(--seg-on);color:var(--seg-on-ink)}
.krate .ctl-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.krate .legend{display:flex;flex-wrap:wrap;gap:6px 8px}
.krate .lg{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font:600 13px var(--font-b);padding:5px 11px;border-radius:999px;cursor:pointer}
.krate .lg i{width:14px;height:3px;border-radius:2px;display:inline-block}
.krate .lg[aria-pressed="false"]{opacity:.5}
.krate .lg.static{cursor:default}
.krate .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.krate .field{display:grid;gap:5px}
.krate .field label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600}
.krate .field input,.krate .field select{font:600 15px var(--font-b);color:var(--ink);background:var(--surface-2);border:1px solid var(--rule-2);border-radius:8px;padding:8px 10px;width:100%;min-width:0}
.krate .chart{position:relative;width:100%;touch-action:pan-y}
.krate .chart svg{display:block;width:100%;overflow:visible}
.krate .chart text{fill:var(--axis);font:12px var(--font-b)}
.krate .tip{position:absolute;pointer-events:none;background:var(--surface);color:var(--ink);border:1px solid var(--rule-2);border-radius:10px;box-shadow:var(--shadow);padding:10px 12px;font-size:13px;min-width:180px;max-width:280px;z-index:5;line-height:1.45}
.krate .tip .tt{font-weight:700;margin-bottom:4px}
.krate .tip .row{display:flex;align-items:center;gap:8px;justify-content:space-between}
.krate .tip .row span{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2)}
.krate .tip .row i{width:10px;height:3px;border-radius:2px;display:inline-block}
.krate .tip .row b{font-weight:700}
.krate .tip .sub{color:var(--muted);font-size:12px;margin-top:4px}
.krate .tip .ev{margin-top:6px;padding-top:6px;border-top:1px solid var(--rule);font-size:12.5px;color:var(--ink)}
.krate .ev-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin-top:6px}
@media (max-width:760px){.krate .ev-list{grid-template-columns:1fr}}
.krate .ev-item{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px 0;border-top:1px solid var(--rule);text-align:left;background:none;border-left:0;border-right:0;border-bottom:0;color:inherit;font:inherit;cursor:pointer}
.krate .ev-item:hover h4{color:var(--s1)}
.krate .ev-n{width:24px;height:24px;border-radius:50%;border:2px solid var(--gold);color:var(--ink);font:700 11.5px var(--font-d);display:grid;place-items:center;margin-top:1px}
.krate .ev-n.minor{border:1px solid var(--rule-2);color:transparent;width:10px;height:10px;margin:7px 7px 0}
.krate .ev-meta{font-size:12px;color:var(--muted);letter-spacing:.03em;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.krate .tag{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid var(--rule-2);color:var(--ink-2)}
.krate .tag.ca{border-color:var(--gold);color:var(--gold-ink)}
.krate .tag.up{color:var(--crit);border-color:currentColor}
.krate .tag.down{color:var(--good);border-color:currentColor}
.krate .ev-item p{grid-column:2;color:var(--ink-2);font-size:14px}
.krate .formula{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;margin:4px 0 6px}
.krate .fbox{background:var(--surface-2);border:1px solid var(--rule);border-radius:12px;padding:12px 16px;display:grid;gap:2px;min-width:150px;flex:1}
.krate .fbox span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.krate .fbox b{font:800 26px var(--font-d)}
.krate .fop{display:grid;place-items:center;font:800 24px var(--font-d);color:var(--muted);padding-inline:2px}
.krate .drivers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.krate .driver{border-top:3px solid var(--rule-2);padding-top:10px;display:grid;gap:6px;align-content:start}
.krate .driver.t{border-color:var(--s2)}
.krate .driver.s{border-color:var(--s1)}
.krate .driver p{font-size:14px;color:var(--ink-2)}
.krate .driver .ex{font-size:12.5px;color:var(--muted)}
.krate .eras{display:grid;gap:0}
.krate .era{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:18px;padding:18px 0;border-top:1px solid var(--rule)}
.krate .era:first-child{border-top:0}
.krate .era-when{display:grid;gap:4px;align-content:start}
.krate .era-when b{font:800 15px var(--font-d)}
.krate .era-when .rng{font-size:13px;color:var(--muted)}
.krate .era-when .spark{margin-top:4px}
.krate .era h3{margin-bottom:6px}
.krate .era p{font-size:14.5px;color:var(--ink-2)}
.krate .era .ca-l{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:4px;display:block}
@media (max-width:860px){.krate .era{grid-template-columns:1fr;gap:8px}}
.krate .tbl-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:10px;background:var(--surface)}
.krate table{border-collapse:collapse;width:100%;font-size:13.5px}
.krate th,.krate td{padding:8px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--rule)}
.krate th{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:700;background:var(--surface-2);position:sticky;top:0}
.krate th:first-child,.krate td:first-child{text-align:left}
.krate tbody tr:last-child td{border-bottom:0}
.krate tbody tr.sel td{background:color-mix(in srgb,var(--s1) 10%,transparent)}
.krate tbody tr{cursor:default}
.krate td.neg{color:var(--crit)}
.krate td.pos{color:var(--good)}
.krate .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.krate .card{background:var(--surface);border:1px solid var(--rule);border-radius:12px;padding:18px;display:grid;gap:10px;align-content:start}
.krate .card p{font-size:14.5px;color:var(--ink-2)}
.krate .cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:520px){.krate .cards.two{grid-template-columns:1fr}}
.krate .card .big{font:800 28px var(--font-d);color:var(--ink)}
.krate .pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13.5px}
.krate .pc ul{margin:4px 0 0;padding-left:18px;color:var(--ink-2);display:grid;gap:3px}
.krate .pc .h{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.krate .pc .pro .h{color:var(--good)}
.krate .pc .con .h{color:var(--crit)}
@media (max-width:520px){.krate .pc{grid-template-columns:1fr}}
.krate .bestfor{font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:8px;padding:8px 10px}
.krate .bestfor b{color:var(--ink)}
.krate .results{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden;margin-block:14px}
.krate .res{background:var(--surface);padding:14px 16px;display:grid;gap:2px;flex:1 1 170px;align-content:start}
.krate .res span{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}
.krate .res b{font:800 22px var(--font-d)}
.krate .res small{font-size:12.5px;color:var(--muted)}
.krate .res.hl b{color:var(--good)}
.krate .res.bad b{color:var(--crit)}
.krate .verdict{border-radius:12px;padding:14px 16px;background:var(--surface-2);border:1px solid var(--rule);font-size:15px;color:var(--ink-2)}
.krate .verdict strong{color:var(--ink)}
.krate .steps{list-style:none;padding:0;margin:0;display:grid;gap:0;counter-reset:s}
.krate .steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--rule);counter-increment:s}
.krate .steps li:first-child{border-top:0}
.krate .steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--mast);color:#fff;font:700 13px var(--font-d);display:grid;place-items:center}
.krate .steps .when{font-size:12px;color:var(--gold-ink);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.krate .steps p{font-size:14.5px;color:var(--ink-2)}
.krate .checks{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.krate .checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:14.5px;color:var(--ink-2)}
.krate .checks li::before{content:"";width:16px;height:16px;border-radius:4px;border:2px solid var(--good);margin-top:3px}
.krate .checks.x li::before{border-color:var(--crit);border-radius:50%}
.krate .checks strong{color:var(--ink)}
.krate footer{margin-top:64px;background:var(--mast);color:var(--on-mast-2);border-top:3px solid var(--gold)}
.krate footer .wrap{padding-block:30px 40px;display:grid;gap:10px;font-size:13.5px}
.krate footer b{color:#fff;font-family:var(--font-d)}
.krate footer a{color:var(--gold)}
.krate .src{display:grid;gap:6px;font-size:13.5px;color:var(--ink-2);padding-left:18px;margin:0}
@media (prefers-reduced-motion:no-preference){.krate .nav a,.krate .seg button,.krate .lg{transition:background .15s,color .15s,opacity .15s}}

.krate{background:var(--ground);color:var(--ink);margin-top:0!important;margin-bottom:0!important}
.krate .nav{position:relative;top:auto}
.krate .mast h1{margin:0}
.krate .kt-faq,.krate .kt-lead{max-width:1120px;margin-left:auto;margin-right:auto}
.kmkt-bar{margin-bottom:0!important}
@media print{.kinspire-header,.kinspire-footer,header.wp-block-template-part,footer.wp-block-template-part,.kinspire-callbar,.kt-lead,.kmkt-bar{display:none!important}}
