/* A-traktorkollen — retro-EPA: asfaltmörk bakgrund, kromlister, LGF-triangel. Systemtypsnitt, inga externa resurser. */
:root{
  --bg:#15171a;--bg2:#1b1e22;--card:#21252a;--card2:#2a2f35;--line:#363c44;--line2:#4a515a;
  --text:#ecebe6;--muted:#a9ada8;--dim:#9ca19d;
  --amber:#f2a516;--amber2:#ffc44d;--red:#e2401c;--red2:#ff6a3d;--green:#6fcf7a;
  --chrome:linear-gradient(180deg,#f7f7f5 0%,#c9ccd0 38%,#8b9097 50%,#d9dbde 62%,#f2f2f0 100%);
  --radius:10px;--max:1180px;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --cond:"Avenir Next Condensed","Helvetica Neue Condensed","Arial Narrow","Roboto Condensed",system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);
  background-image:radial-gradient(ellipse at top,#232730 0,transparent 55%),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,.012) 48px 49px)}
a{color:var(--amber2);text-decoration:none}a:hover{text-decoration:underline}
img,svg{max-width:100%}
h1,h2,h3{font-family:var(--cond);font-stretch:condensed;letter-spacing:.01em;line-height:1.12;margin:0 0 .5rem}
h1{font-size:clamp(2rem,5vw,3.4rem);text-transform:uppercase;letter-spacing:.02em}
h2{font-size:clamp(1.45rem,3vw,2.05rem);margin-top:2.4rem;padding-top:1rem;position:relative}
h2::before{content:"";position:absolute;top:0;left:0;width:72px;height:3px;background:var(--chrome);border-radius:2px}
h3{font-size:1.2rem;margin-top:1.6rem}
p{margin:.6rem 0 1rem}
.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
/* chrome strips */
.strip{height:6px;background:var(--chrome);box-shadow:0 1px 0 #000,0 2px 6px rgba(0,0,0,.5)}
/* header */
.hdr{background:linear-gradient(180deg,#1d2025,#15171a);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:1.2rem;min-height:72px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:.7rem;color:var(--text);font-family:var(--cond);font-size:1.5rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.logo:hover{text-decoration:none}
.logo svg{width:40px;height:36px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
.logo small{display:block;font:500 .65rem/1 var(--sans);letter-spacing:.18em;color:var(--muted);margin-top:.2rem}
nav.main{margin-left:auto;display:flex;gap:.2rem;flex-wrap:wrap}
nav.main a{color:var(--text);padding:.45rem .7rem;border-radius:6px;font-size:.93rem;font-weight:500;border:1px solid transparent}
nav.main a:hover{background:var(--card);border-color:var(--line);text-decoration:none}
nav.main a.cta{background:var(--amber);color:#1a1200;font-weight:700}
nav.main a.cta:hover{background:var(--amber2)}
/* hero */
.hero{padding:2.6rem 0 1.6rem;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(242,165,22,.06),transparent 70%)}
.hero .kicker{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;color:var(--amber);font-size:.85rem;margin-bottom:.4rem}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:60ch;margin:.3rem 0 0}
.hero .meta{color:var(--dim);font-size:.85rem;margin-top:.8rem}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:2rem;align-items:center}.hero-badge{width:200px;height:200px;justify-self:end;filter:drop-shadow(0 12px 24px rgba(0,0,0,.55))}.hero-badge svg{width:100%;height:100%}@media (max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-badge{display:none}}
.crumbs{font-size:.85rem;color:var(--dim);margin:1rem 0 0}
.crumbs a{color:var(--muted)}.crumbs span{margin:0 .4rem}
/* layout */
.grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:2.2rem;padding:1.6rem 0 3rem}
@media (max-width:900px){.grid{grid-template-columns:minmax(0,1fr)}}
aside .box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin-bottom:1.2rem}
aside h3{margin:0 0 .6rem;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;color:var(--amber)}
aside ul{list-style:none;margin:0;padding:0}aside li{padding:.3rem 0;border-bottom:1px dashed var(--line)}aside li:last-child{border:0}
aside li a{color:var(--text)}
.toc a{color:var(--muted);font-size:.93rem}
/* korthet */
.korthet{background:linear-gradient(135deg,var(--card),var(--card2));border:1px solid var(--line2);border-left:6px solid var(--amber);border-radius:var(--radius);padding:1.1rem 1.3rem;margin:1.4rem 0}
.korthet h2{margin:0 0 .5rem;padding:0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber)}
.korthet h2::before{display:none}
.korthet ul{margin:0;padding-left:1.1rem}.korthet li{margin:.35rem 0}
.korthet b{color:#fff}
/* calculator */
.calc{background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:1.3rem;margin:1.6rem 0;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.calc::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--chrome);border-radius:14px 14px 0 0}
.calc h2{margin:0 0 .3rem;padding:0;font-size:1.5rem}.calc h2::before{display:none}
.calc .sub{color:var(--muted);margin:0 0 1rem;font-size:.95rem}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem 1rem}
.fields.two{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.f{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--muted)}
.f span.l{font-weight:600;color:var(--text)}
.f small{color:var(--dim);font-size:.75rem}
input,select{font:inherit;color:var(--text);background:#141618;border:1px solid var(--line2);border-radius:8px;padding:.55rem .7rem;width:100%;min-height:42px}
input:focus,select:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:var(--amber)}
input[type=range]{padding:0;min-height:28px;accent-color:var(--amber)}
.seg{display:flex;flex-wrap:wrap;gap:.4rem}
.seg label{border:1px solid var(--line2);border-radius:999px;padding:.35rem .8rem;cursor:pointer;font-size:.88rem;color:var(--muted)}
.seg input{display:none}.seg input:checked+span{color:#1a1200}
.seg label:has(input:checked){background:var(--amber);border-color:var(--amber);color:#1a1200;font-weight:600}
.out{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}
.gauge{background:#121416;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;position:relative;overflow:hidden}
.gauge::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;border:10px solid rgba(242,165,22,.08)}
.gauge .k{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--dim)}
.gauge .v{font-family:var(--cond);font-size:2rem;color:var(--amber2);line-height:1.1;margin:.2rem 0;font-variant-numeric:tabular-nums}
.gauge .v.red{color:var(--red2)}.gauge .v.green{color:var(--green)}.gauge .v.small{font-size:1.3rem}
.gauge .n{font-size:.82rem;color:var(--muted)}
.calc .note{font-size:.85rem;color:var(--muted);margin:.9rem 0 0;border-top:1px dashed var(--line);padding-top:.7rem}
.calc table{margin-top:1rem}
.bar{height:10px;background:#101214;border-radius:6px;overflow:hidden;border:1px solid var(--line)}
.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--amber),var(--red))}
.verdict{margin-top:1rem;padding:.8rem 1rem;border-radius:10px;background:rgba(242,165,22,.1);border:1px solid rgba(242,165,22,.35)}
.verdict.bad{background:rgba(226,64,28,.12);border-color:rgba(226,64,28,.45)}
.verdict.ok{background:rgba(111,207,122,.1);border-color:rgba(111,207,122,.4)}
/* tables */
.tbl{overflow-x:auto;margin:1rem 0;border:1px solid var(--line);border-radius:10px}
table{width:100%;border-collapse:collapse;font-size:.93rem;min-width:420px}
th,td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
th{background:#1a1d21;font-family:var(--cond);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--muted)}
tbody tr:nth-child(even){background:rgba(255,255,255,.02)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.hl td{background:rgba(242,165,22,.12);color:#fff}
.tbl.compact table{min-width:0}
/* findings */
.findings{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.4rem 0}
.find{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem}
.find .big{font-family:var(--cond);font-size:2.2rem;color:var(--amber2);line-height:1}
.find p{margin:.4rem 0 0;font-size:.92rem;color:var(--muted)}
/* steps */
ol.steps{counter-reset:s;list-style:none;padding:0;margin:1rem 0}
ol.steps li{counter-increment:s;position:relative;padding:.6rem 0 .6rem 3rem;border-bottom:1px dashed var(--line)}
ol.steps li::before{content:counter(s);position:absolute;left:0;top:.55rem;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--chrome);color:#111;font:700 1rem/2.1rem var(--cond);text-align:center}
/* faq */
.faq details{border:1px solid var(--line);border-radius:10px;margin:.5rem 0;background:var(--card)}
.faq summary{cursor:pointer;padding:.8rem 1rem;font-weight:600;list-style:none;position:relative}
.faq summary::after{content:"+";position:absolute;right:1rem;top:.6rem;font-size:1.3rem;color:var(--amber)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 1rem .9rem;margin:0;color:var(--muted)}
/* metod */
.metod{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;background:var(--bg2);font-size:.93rem;color:var(--muted)}
.metod h2{font-size:1.1rem;margin:0 0 .5rem;padding:0;text-transform:uppercase;letter-spacing:.12em;color:var(--text)}
.metod h2::before{display:none}
/* cards / guides */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:1.2rem 0}
.cardl{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;color:var(--text);transition:border-color .15s,transform .15s}
.cardl:hover{border-color:var(--amber);text-decoration:none;transform:translateY(-2px)}
.cardl .t{font-family:var(--cond);font-size:1.25rem;display:block;margin-bottom:.3rem}
.cardl .d{color:var(--muted);font-size:.9rem}
.cardl .tag{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber);margin-bottom:.4rem}
/* lgf triangle decorative */
.lgf{display:inline-block;width:1em;height:1em;vertical-align:-.1em;margin-right:.3em}
.warn{border-left:4px solid var(--red);background:rgba(226,64,28,.08);padding:.7rem 1rem;border-radius:0 8px 8px 0;margin:1rem 0}
.tip{border-left:4px solid var(--green);background:rgba(111,207,122,.07);padding:.7rem 1rem;border-radius:0 8px 8px 0;margin:1rem 0}
.src{font-size:.8rem;color:var(--dim)}
/* footer */
footer{margin-top:3rem;background:#101214;border-top:1px solid var(--line)}
footer .wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem 16px}
footer h4{margin:0 0 .5rem;font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:.85rem;color:var(--amber)}
footer ul{list-style:none;margin:0;padding:0}footer li{padding:.2rem 0;font-size:.9rem}
footer a{color:var(--muted)}footer p{color:var(--dim);font-size:.85rem;margin:.3rem 0}
.copy{border-top:1px solid var(--line);padding:1rem 16px;text-align:center;color:var(--dim);font-size:.8rem}
.sr{position:absolute;left:-9999px}
@media (max-width:640px){.hdr .wrap{min-height:64px}nav.main{margin-left:0;width:100%;padding-bottom:.6rem}nav.main a{padding:.4rem .55rem;font-size:.86rem}.logo{font-size:1.25rem}table{font-size:.86rem}}
@media print{.hdr,footer,aside,.calc{display:none}body{background:#fff;color:#000}}