
:root{--paper:#EDEBE4;--panel:#FFFFFF;--ink:#16130E;--soft:#514B40;--faint:#8A8070;
--rule:#1A160F;--hair:#C7C2B4;--green:#0C7A66;--greenD:#0A5F50;--red:#B23A2E}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"IBM Plex Sans",
-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,sans-serif;font-size:15.5px;line-height:1.55;
-webkit-font-smoothing:antialiased}
.wrap{max-width:820px;margin:0 auto;padding:22px 22px 70px}
a{color:var(--green)}
::selection{background:var(--green);color:var(--paper)}
nav.topp{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;letter-spacing:.1em;
text-transform:uppercase;color:var(--faint);padding-bottom:12px;border-bottom:2px solid var(--rule);margin-bottom:24px}
nav.topp a{color:var(--soft);text-decoration:none}
nav.topp a:hover{color:var(--green)}
h1{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:40px;line-height:1.02;
letter-spacing:-.02em;margin:0 0 8px;color:var(--ink);text-wrap:balance}
.lead{color:var(--soft);font-size:16px;margin:0 0 24px;max-width:62ch}
h2{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:22px;margin:36px 0 16px;
color:var(--ink);border-bottom:2px solid var(--rule);padding-bottom:7px;letter-spacing:-.01em}
.rader{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--rule)}
.rad{display:grid;grid-template-columns:150px 1fr 58px 74px;gap:14px;align-items:center;
padding:10px 0;border-bottom:1px solid var(--hair)}
.rad.total{border-bottom:2px solid var(--rule)}
.rad .n{font-weight:500;font-size:14.5px;color:var(--ink)}
.rad.total .n{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:18px}
.rad .n a{text-decoration:none;color:var(--ink)}
.rad .n small{display:block;font-weight:400;font-size:11px;color:var(--faint)}
.bar{position:relative;height:20px;background:#E2DFD4;border:1px solid var(--hair)}
.rad.total .bar{background:#fff}
.bar i{position:absolute;left:0;top:0;bottom:0}
.bar .m{position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--soft);opacity:.4}
.tal{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;
font-size:15px;font-weight:500;text-align:right;color:var(--ink)}
.rad.total .tal{color:var(--green);font-weight:600}
.pl{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;
font-size:12px;color:var(--faint);text-align:right}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;text-transform:uppercase;
letter-spacing:.1em;color:var(--faint);font-weight:600;padding:8px 10px 8px 0;border-bottom:2px solid var(--rule)}
td{padding:7px 10px 7px 0;border-bottom:1px solid var(--hair)}
td.num{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;text-align:right}
td a{color:var(--ink);text-decoration:none;font-weight:500}
td a:hover{color:var(--green)}
.faktaruta{background:var(--panel);border:1px solid var(--hair);padding:15px 18px;margin:18px 0}
.faktaruta b{color:var(--ink)}
.lankmoln{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.lankmoln a{background:var(--panel);border:1px solid var(--hair);padding:5px 12px;
font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;text-decoration:none;color:var(--soft)}
.lankmoln a:hover{border-color:var(--green);color:var(--green)}
footer{margin-top:52px;padding-top:18px;border-top:3px solid var(--rule);
font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:var(--faint);letter-spacing:.03em}
footer a{color:var(--green)}
.pro-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;
background:var(--panel);border:1px solid var(--hair);border-left:3px solid var(--green);padding:16px 20px;margin:36px 0 8px}
.pro-cta .pt b{color:var(--ink);font-size:16px;display:block;font-family:"Fraunces",Georgia,serif;font-weight:600}
.pro-cta .pt span{color:var(--soft);font-size:13.5px;display:block;margin-top:2px}
.pro-knapp{display:inline-block;background:var(--green);color:#fff;text-decoration:none;font-weight:600;
font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
padding:11px 18px;white-space:nowrap}
.pro-knapp:hover{background:var(--greenD)}
.scope-block{margin:22px 0 10px}
.scope{width:340px;max-width:88vw;aspect-ratio:1/1;margin:0 auto;background:radial-gradient(circle at 50% 45%,#0A1B15,#040D0A 78%);border:1px solid #2C4A40;border-radius:50%;overflow:hidden}
.scope canvas{width:100%;height:100%;display:block}
.scope-cap{text-align:center;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:10px}
@media(max-width:560px){h1{font-size:32px}.rad{grid-template-columns:110px 1fr 48px 60px;gap:9px}}
/* husradarn:start */
.husradarn{background:#FFFFFF;border:1px solid #C7C2B4;border-left:3px solid #0C7A66;padding:16px 20px;margin:36px 0 8px}
.husradarn b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:16px;color:#16130E}
.husradarn ul{list-style:none;margin:10px 0 8px;padding:0}
.husradarn li{padding:6px 0;border-bottom:1px solid #C7C2B4;font-size:14.5px}
.husradarn li:last-child{border-bottom:none}
.husradarn li a{color:#0C7A66}
.husradarn small{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.03em;color:#8A8070}
/* husradarn:end */
