/* Tool pages (ADR calculator, UN lookup). Same brand tokens as /site.css. */
:root{--navy:#071120;--navy-2:#0d1b31;--ink:#0b1627;--ink-2:#566577;--paper:#f5f7fa;--white:#fff;--line:#e1e7ee;--mint:#67e8b5;--green:#0c9565;--green-soft:#e3f8ef;--red:#c7374a;--red-soft:#fdecef;--font:"Geist","Inter","Segoe UI",Roboto,Arial,sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,Consolas,monospace;--ease:cubic-bezier(.2,.8,.2,1);--shadow:0 1px 2px rgba(11,22,39,.04),0 12px 32px -12px rgba(11,22,39,.14)}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--ink);background:var(--paper);font:400 1.0625rem/1.6 var(--font);-webkit-font-smoothing:antialiased}
a{color:var(--green);text-underline-offset:.2em}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:4px}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px max(20px,calc(50% - 480px));background:var(--navy);color:#fff}
.top a{color:#c9d5e3;text-decoration:none}
.top a:hover{color:var(--mint)}
.brand,.top a.brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font:700 1.4rem/1 var(--font);letter-spacing:-.05em;text-decoration:none}
.logo{width:21px;height:21px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;position:relative;flex:none}
.logo i{width:8px;height:8px;border-radius:50%;background:var(--mint);position:absolute;right:-4px;top:-3px;animation:ping 3.2s var(--ease) infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(103,232,181,.55)}60%,100%{box-shadow:0 0 0 9px rgba(103,232,181,0)}}
.lang{font-size:.92rem;font-weight:500;color:#8195ab}
main{width:min(100% - 40px,960px);margin:0 auto;padding:40px 0 80px}
main>*{animation:rise .7s var(--ease) both}
main>*:nth-child(2){animation-delay:.06s}main>*:nth-child(3){animation-delay:.12s}main>*:nth-child(4){animation-delay:.18s}main>*:nth-child(n+5){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}
h1,h2{font-weight:600;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2rem,4.6vw,3.2rem);margin:.2em 0 .4em;overflow-wrap:anywhere}
h2{font-size:1.5rem;margin:0 0 .6em;letter-spacing:-.025em}
.lede{color:var(--ink-2);max-width:42em;font-size:1.12rem}
.card{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,28px);margin:24px 0;box-shadow:var(--shadow)}
.calc-row{display:grid;grid-template-columns:2.2fr 1fr 1fr 110px 36px;gap:12px;align-items:end;padding:12px 0;border-bottom:1px solid var(--line);animation:rise .4s var(--ease)}
.calc-row label{display:grid;gap:5px;font-size:.82rem;font-weight:500;color:var(--ink-2);min-width:0}
select,input{font:400 1rem/1.4 var(--font);color:var(--ink);border:1px solid #cfd8e2;border-radius:12px;padding:10px 12px;background:var(--white);width:100%;min-height:46px;transition:border-color .2s,box-shadow .2s}
select:focus,input:focus{outline:0;border-color:var(--green);box-shadow:0 0 0 4px rgba(103,232,181,.25)}
.row-points{font-weight:600;padding-bottom:11px;font-variant-numeric:tabular-nums}
.row-remove{border:0;background:none;font-size:1.4rem;color:var(--ink-2);cursor:pointer;padding-bottom:6px;transition:color .2s,transform .2s}
.row-remove:hover{color:var(--red);transform:scale(1.15)}
.button{display:inline-flex;align-items:center;min-height:48px;border:1px solid transparent;border-radius:999px;padding:10px 22px;font:600 1rem/1.2 var(--font);cursor:pointer;text-decoration:none;background:var(--mint);color:#05281b;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s}
.button:hover{transform:translateY(-2px);box-shadow:0 0 0 5px rgba(103,232,181,.18),0 14px 32px -8px rgba(103,232,181,.6)}
.button.secondary{background:var(--white);color:var(--ink);border-color:var(--line);margin-top:14px}
.button.secondary:hover{box-shadow:var(--shadow);border-color:#cfe9de}
.calc-result{margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--paper);font-weight:600;transition:background .35s,color .35s}
.calc-result.good{background:var(--green-soft);color:#075c3f}
.calc-result.bad{background:var(--red-soft);color:#8f2233}
table{border-collapse:collapse;width:100%;font-size:.98rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:11px 12px 11px 0;border-bottom:1px solid var(--line)}
th{font:500 .76rem/1.4 var(--mono);color:var(--ink-2);vertical-align:bottom}
tbody tr{transition:background .2s}
tbody tr:hover{background:#f8fafc}
.cta{position:relative;overflow:hidden;background:var(--navy);color:#fff;border:0;box-shadow:0 32px 64px -24px rgba(11,22,39,.4)}
.cta::before{content:"";position:absolute;width:380px;height:380px;right:-120px;top:-180px;border-radius:50%;background:rgba(103,232,181,.28);filter:blur(80px);animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-40px,40px,0) scale(1.15)}}
.cta>*{position:relative}
.cta p{color:#9fb0c4}
.cta p:last-child{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;margin-bottom:0}
.cta a.cta-link{color:var(--mint);font-weight:600}
.fine{font-size:.88rem;color:var(--ink-2)}
main>.fine:first-child{display:inline-block;font:500 .78rem/1 var(--mono);color:var(--green);background:var(--green-soft);padding:7px 11px;border-radius:999px}
@media (max-width:720px){.calc-row{grid-template-columns:1fr 1fr}.calc-row label:first-child{grid-column:1/-1}.row-points{padding:0}.row-remove{justify-self:end}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}