:root{color-scheme:light;--surface-1:#fcfcfb;--page:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--muted:#6f6d68;--grid:#e1e0d9;--baseline:#c3c2b7;--border:rgba(11,11,11,.10);--series-1:#2a78d6;--series-2:#eb6834;--status-crit:#d03b3b;--good-text:#006300;--brand:#1F4DA0;--brand-2:#2E7FE0}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--surface-1:#1a1a19;--page:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--muted:#a3a19b;--grid:#2c2c2a;--baseline:#383835;--border:rgba(255,255,255,.10);--series-1:#3987e5;--series-2:#d95926;--good-text:#0ca30c;--brand:#9cc1ff;--brand-2:#2E7FE0}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--page);color:var(--text-primary);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--series-1)}a:hover{text-decoration-thickness:2px}
.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
header.top{background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:10px 14px;min-height:62px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--text-primary);font-weight:800;font-style:italic;font-size:22px;letter-spacing:-.4px}
.brand b{color:var(--brand-2)}.brand small{font-size:13px;font-style:normal;font-weight:600;letter-spacing:0}
nav.main{display:flex;gap:4px 14px;flex-wrap:wrap;margin-left:auto;font-size:14.5px}
nav.main a{color:var(--text-secondary);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current]{color:var(--text-primary);border-bottom-color:var(--brand-2)}
.langs{display:flex;gap:6px}.langs a{font-size:13px;border:1px solid var(--border);border-radius:999px;padding:3px 10px;text-decoration:none;color:var(--text-secondary);background:var(--surface-1)}
.crumb{font-size:13px;color:var(--muted);margin:16px 0 0}.crumb a{color:var(--muted)}.crumb ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}.crumb li+li::before{content:"›";margin-right:6px}
.hero{padding:22px 0 10px}
h1{font-size:clamp(27px,4.2vw,40px);line-height:1.15;margin:8px 0 14px;letter-spacing:-.5px}
.lead{font-size:18.5px;color:var(--text-secondary);max-width:820px;margin:0 0 20px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 8px}
.btn{display:inline-block;padding:12px 22px;border-radius:11px;font-weight:700;text-decoration:none;border:2px solid var(--series-1);color:var(--series-1);background:var(--surface-1)}
.btn.primary{background:var(--series-1);color:#fff}.btn small{display:block;font-weight:500;font-size:12.5px;opacity:.85}
.heroimg{margin:22px 0 6px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-1)}
.heroimg img{display:block;width:100%;height:auto}
figcaption{font-size:13px;color:var(--muted);padding:8px 12px}
section{margin:34px 0}
h2{font-size:clamp(21px,2.8vw,27px);margin:0 0 14px;letter-spacing:-.3px}
h3{font-size:17px;margin:0 0 6px}
p{margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.grid.g3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.card{background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.card p{margin:0;color:var(--text-secondary);font-size:15px}
.card a.t{font-weight:700;text-decoration:none;color:var(--text-primary);font-size:17px}.card a.t:hover{color:var(--series-1)}
.card ul{margin:6px 0 0;padding-left:18px}.card li{margin:2px 0}
ol.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
ol.steps li{counter-increment:s;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:16px 18px 14px 18px}
ol.steps li::before{content:counter(s);display:inline-flex;width:30px;height:30px;border-radius:50%;background:var(--series-1);color:#fff;font-weight:800;align-items:center;justify-content:center;margin-bottom:8px}
ol.steps li b{display:block;margin-bottom:4px}ol.steps li span{color:var(--text-secondary);font-size:15px}
.ex{background:var(--surface-1);border:1px solid var(--border);border-left:4px solid var(--series-1);border-radius:14px;padding:18px 20px}
.ex h3{margin-top:0}.ex .cols{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center}
@media (max-width:720px){.ex .cols{grid-template-columns:1fr}header.top{position:static}}
.env{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}
.bars{display:grid;gap:10px;margin-top:8px}.bar{font-size:14px}.bar .lab{display:flex;justify-content:space-between;color:var(--text-secondary);margin-bottom:3px}
.bar .tr{position:relative;height:18px;background:var(--grid);border-radius:5px}
.bar .gr,.bar .f50{position:absolute;left:0;top:0;height:100%;border-radius:5px}.bar .f50{background:color-mix(in srgb,var(--series-1) 45%,transparent)}.bar .gr{background:var(--series-1)}
.bar .rw{position:absolute;top:-4px;width:3px;height:26px;background:var(--status-crit);border-radius:2px}.bar .rw.ok{background:var(--good-text)}
.bar .leg{font-size:12.5px;color:var(--muted);margin-top:3px}
.warn{color:var(--status-crit);font-weight:700}.ok{color:var(--good-text);font-weight:700}
.notam{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width:720px){.notam{grid-template-columns:1fr}}
.notam pre,.metar pre{margin:0;white-space:pre-wrap;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--page);border:1px solid var(--border);border-radius:10px;padding:12px}
.notam .dec,.metar .dec{color:var(--series-1);font-size:14.5px}.notam b.h{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}
.metar{margin-top:16px}
details{border:1px solid var(--border);border-radius:12px;background:var(--surface-1);padding:0 16px;margin:0 0 10px}
summary{cursor:pointer;font-weight:700;padding:13px 0;list-style:none;display:flex;justify-content:space-between;gap:10px}
summary::after{content:"+";color:var(--series-1);font-weight:800;font-size:20px;line-height:1}details[open] summary::after{content:"–"}
details p{color:var(--text-secondary);margin:0 0 14px}
.chips ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li a{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:7px 14px;background:var(--surface-1);text-decoration:none;color:var(--text-primary);font-size:14.5px}
.chips li a:hover{border-color:var(--series-1);color:var(--series-1)}
.cta-band{background:linear-gradient(135deg,color-mix(in srgb,var(--series-1) 12%,var(--surface-1)),var(--surface-1) 70%);border:1px solid var(--border);border-radius:16px;padding:24px;text-align:center}
.cta-band h2{margin-bottom:8px}.cta-band p{color:var(--text-secondary)}.cta-band .ctas{justify-content:center}
.tbl{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface-1)}
table{border-collapse:collapse;width:100%;font-size:14.5px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:top}
th{font-size:13px;color:var(--muted);font-weight:600;background:color-mix(in srgb,var(--grid) 35%,transparent)}
tr:last-child td{border-bottom:0}td.n{white-space:nowrap}
.note{font-size:13px;color:var(--muted)}
.typehead{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.typehead.nofig{grid-template-columns:1fr}.typehead.nofig .facts{max-width:760px}
@media (max-width:820px){.typehead{grid-template-columns:1fr}}
.typehead figure{margin:6px 0 0;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface-1)}
.typehead img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 18px}
.facts div{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.facts b{display:block;font-size:19px}.facts span{font-size:12.5px;color:var(--muted)}
footer.site{border-top:1px solid var(--border);margin-top:44px;padding:22px 0 30px;font-size:13.5px;color:var(--text-secondary)}
footer.site nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px}footer.site nav a{color:var(--text-secondary)}
footer.site .disc{font-size:12.5px;color:var(--muted);max-width:900px}
.tool{background:var(--surface-1);border:1px solid var(--border);border-radius:16px;padding:18px;margin:6px 0 10px}
.tool .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 14px}
.tool label{display:flex;flex-direction:column;gap:5px;font-size:13.5px;font-weight:600;color:var(--text-secondary)}
.tool .iu{display:flex;gap:6px}
.tool input,.tool select,.tool textarea{font:inherit;font-size:16px;color:var(--text-primary);background:var(--page);border:1px solid var(--baseline);border-radius:9px;padding:9px 10px;min-width:0}
.tool .iu input{flex:1 1 auto;width:100%}.tool .iu select{flex:0 0 auto}
.tool input:focus,.tool select:focus,.tool textarea:focus{outline:2px solid var(--series-1);outline-offset:1px}
.tool textarea{width:100%;min-height:128px;font:14px/1.5 ui-monospace,Menlo,Consolas,monospace;resize:vertical}
.tool .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 0}.tool .row label{flex:0 1 160px}
.tool button{font:inherit;font-weight:700;font-size:15px;cursor:pointer;border-radius:10px;padding:10px 16px;border:2px solid var(--series-1);background:var(--series-1);color:#fff}
.tool button.sec{background:var(--surface-1);color:var(--series-1)}
.tool .hint{font-size:12.5px;color:var(--muted);margin:8px 0 0}
#wx-msg{font-size:14px;color:var(--text-secondary);margin:8px 0 0;min-height:1.4em}
.out{margin-top:16px}
.resgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.res{background:var(--page);border:1px solid var(--border);border-radius:12px;padding:10px 12px}
.res .l{display:block;font-size:12.5px;color:var(--muted)}
.res b{display:block;font-size:20px;line-height:1.25;margin-top:2px}
.res small{display:block;font-size:12.5px;color:var(--text-secondary);margin-top:2px}
.res.main{grid-column:1/-1}.res.main b{font-size:clamp(24px,4vw,32px)}
.res.good{border-left:4px solid var(--good-text)}.res.mid{border-left:4px solid #c98a00}.res.bad{border-left:4px solid var(--status-crit)}
.res.mvfr{border-left:4px solid var(--series-1)}.res.lifr{border-left:4px solid #a33ea3}
.xwwrap{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}@media (max-width:720px){.xwwrap{grid-template-columns:1fr}}
.windfig{margin:0;text-align:center}.windsvg{width:100%;max-width:230px;height:auto;display:block;margin:0 auto}
.xwcards{display:grid;gap:12px}.xwcard{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--page)}
.xwcard.best{box-shadow:inset 0 0 0 2px var(--series-1)}.xwcard h3{margin:0 0 8px;font-size:16px}
.xwcard .resgrid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.xwcard p{margin:8px 0 0;font-size:14px}
.wxsec{margin:22px 0 0}.wxsec h2{font-size:20px;margin-bottom:10px}
.wxrep pre.raw{white-space:pre-wrap;word-break:break-word;font:13.5px/1.5 ui-monospace,Menlo,Consolas,monospace;background:var(--page);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:0 0 12px}
.wxrep h3{margin:18px 0 8px}.wxrep .note{margin:8px 0 0}
table.dec td.code{white-space:nowrap}table.dec code,td code{font:13px ui-monospace,Menlo,Consolas,monospace}
table.dec tr.unk td{color:var(--status-crit)}
.xlinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font-weight:600}
.ucgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:14px}
.ucgrid fieldset{border:1px solid var(--border);border-radius:12px;padding:8px 14px 14px;margin:0;background:var(--page)}
.ucgrid legend{font-weight:700;padding:0 6px}.ucgrid .fields{grid-template-columns:repeat(auto-fit,minmax(105px,1fr))}
.ucgrid fieldset.fuel{grid-column:1/-1}
.priv{font-size:13px;color:var(--muted);margin:10px 0 0}
@media (min-width:720px){.tool .wide{grid-column:span 2}}
.wbcalc h2{margin-bottom:10px}.wbcalc .fields{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.typehead .facts{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.wbcalc fieldset{border:1px solid var(--border);border-radius:12px;padding:6px 14px 14px;margin:12px 0 0;background:var(--page)}
.wbcalc legend{font-weight:700;padding:0 6px}.wbcalc .wbtop{margin:0 0 4px}
.wbcalc .fields label{justify-content:space-between}.wbcalc label small{font-weight:500;color:var(--muted)}.wbcalc .u{font-weight:500;color:var(--muted)}
.wbcalc details.wbew{margin:12px 0 0;background:var(--page)}.wbcalc details.wbew .fields{margin:0 0 6px}
.wbcalc .row .btn{padding:9px 14px;font-size:14.5px}
.wbban{border-radius:12px;padding:11px 14px;font-weight:800;font-size:18px;margin:0 0 10px;border:1px solid var(--border);border-left-width:6px;background:var(--page)}
.wbban.ok{border-left-color:var(--good-text);color:var(--good-text)}.wbban.warn{border-left-color:#c98a00}.wbban.crit{border-left-color:var(--status-crit);color:var(--status-crit)}
ul.wbchk{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:6px}
ul.wbchk li{font-size:14.5px;padding:7px 10px;border-radius:9px;background:var(--page);border:1px solid var(--border);border-left-width:4px}
ul.wbchk li.ok{border-left-color:var(--good-text)}ul.wbchk li.warn{border-left-color:#c98a00}ul.wbchk li.crit{border-left-color:var(--status-crit)}
ul.wbchk li::before{content:"✓ ";color:var(--good-text);font-weight:800}ul.wbchk li.warn::before{content:"! ";color:#c98a00}ul.wbchk li.crit::before{content:"✕ ";color:var(--status-crit)}
.wbcalc .busy{opacity:.55;transition:opacity .2s}
.bymodel h3{font-size:15px;margin:14px 0 6px;color:var(--text-secondary)}.bymodel ul{gap:6px}.bymodel li a{font-size:13.5px;padding:5px 11px}