:root{--navy:#0B1B3A;--navy2:#13284F;--deep:#071229;--yellow:#FFD23F;--yellow2:#FFE27A;--red:#D7263D;--white:#fff;--ink:#0E1726;--muted:#44516A;--line:#D9DEE8;--bg:#F4F6FA;--r:14px;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{font-size:20px;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6}
a{color:#0B4DA2}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
img{max-width:100%;height:auto}
.skip{position:absolute;left:-999px;top:0;background:var(--yellow);color:var(--navy);padding:.5rem 1rem;z-index:9}.skip:focus{left:0}
.preview-bar{background:var(--red);color:#fff;text-align:center;font-size:.8rem;padding:.35rem .75rem;font-weight:600}
header.site{background:var(--navy);color:#fff;border-bottom:4px solid var(--yellow)}
.wrap{max-width:1080px;margin:0 auto;padding:0 1.1rem}
.hdr{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding:.8rem 0}
.brand{display:flex;align-items:center;gap:.55rem;color:#fff;text-decoration:none;font-weight:900;font-size:1.25rem;letter-spacing:.04em}
.brand .logo{width:42px;height:42px}
.brand span b{color:var(--yellow)}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}
nav.main a{display:block;color:#fff;text-decoration:none;font-weight:650;font-size:.9rem;padding:.45rem .7rem;border-radius:8px}
nav.main a:hover{background:var(--navy2)}
nav.main a[aria-current=page]{background:var(--yellow);color:var(--navy)}
.btn{display:inline-block;font-weight:800;text-decoration:none;border-radius:10px;padding:.8rem 1.25rem;font-size:1rem;border:0;cursor:pointer;line-height:1.2}
.btn-yellow{background:var(--yellow);color:var(--navy)}.btn-yellow:hover{background:var(--yellow2)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#b81e31}
.btn-ghost{background:transparent;color:#fff;border:2px solid #fff}
.hero{background:linear-gradient(160deg,var(--deep),var(--navy) 60%,var(--navy2));color:#fff;padding:2.6rem 0 3.2rem}
.hero h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.12;margin:0 0 .7rem;font-weight:900;letter-spacing:-.01em}
.hero h1 em{font-style:normal;color:var(--yellow)}
.hero p.lead{font-size:1.15rem;max-width:44rem;margin:0 0 1.3rem;color:#E4E9F3}
.hero .cta{display:flex;flex-wrap:wrap;gap:.75rem}
.page-head{background:var(--navy);color:#fff;padding:2rem 0 2.2rem}
.page-head h1{margin:0 0 .4rem;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.15}
.page-head p{margin:0;color:#DCE3F0;max-width:46rem}
main{display:block}
section.block{padding:2.2rem 0}
h2{font-size:1.55rem;line-height:1.25;margin:0 0 1rem;color:var(--navy)}
h2 .bar{display:inline-block;width:.45rem;height:1.2rem;background:var(--red);border-radius:2px;margin-right:.5rem;vertical-align:-.1rem}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;box-shadow:0 4px 18px rgba(11,27,58,.06)}
.grid{display:grid;gap:1.1rem}
@media(min-width:720px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}}
.facts{display:grid;gap:.8rem}
@media(min-width:720px){.facts{grid-template-columns:repeat(2,1fr)}}
.fact{background:#fff;border-left:6px solid var(--yellow);border-radius:10px;padding:1rem 1.1rem;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.fact .num{font-size:1.9rem;font-weight:900;color:var(--navy);line-height:1.1}
.fact .lbl{font-weight:650;margin:.2rem 0 .35rem}
.fact.proj{border-left-color:var(--red)}
.tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;border-radius:5px;background:var(--red);color:#fff;vertical-align:middle}
.tag.ok{background:#1D7A46}
a.src{display:inline-block;font-size:.8rem;color:#0B4DA2;margin-top:.2rem}
.vids{display:grid;gap:1rem}
@media(min-width:640px){.vids{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.vids{grid-template-columns:repeat(3,1fr)}}
.vid{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)}
.vid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--navy)}
.vid .t{padding:.75rem .9rem 1rem;font-weight:700;font-size:.95rem;line-height:1.35}
.vid .d{display:block;font-weight:500;color:var(--muted);font-size:.8rem;margin-top:.3rem}
table.data{width:100%;border-collapse:collapse;background:#fff;font-variant-numeric:tabular-nums;font-size:.95rem}
table.data caption{text-align:left;font-weight:700;padding:.4rem 0 .6rem;color:var(--navy)}
table.data th,table.data td{border-bottom:1px solid var(--line);padding:.6rem .55rem;text-align:left}
table.data thead th{background:var(--navy);color:#fff}
table.data tbody tr:nth-child(even){background:#F7F9FC}
.scroll{overflow-x:auto}
ul.res{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
@media(min-width:720px){ul.res{grid-template-columns:1fr 1fr}}
ul.res li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem}
ul.res a.big{font-weight:800;font-size:1.05rem}
.note{background:#FFF7D6;border:2px solid var(--yellow);border-radius:12px;padding:1rem 1.15rem}
.note.red{background:#FDECEE;border-color:var(--red)}
.bill{border-left:6px solid var(--red)}
.status{font-weight:800}
.prose{max-width:46rem}
.prose p,.prose li{font-size:1.05rem}
.prose h2,.prose h3,.prose h4{color:var(--navy);margin-top:1.6rem}
.prose img{display:block;margin:1.2rem auto;border-radius:10px}
.prose blockquote{border-left:5px solid var(--yellow);margin:1rem 0;padding:.3rem 1rem;background:#fff}
.art-cards{display:grid;gap:1rem}
@media(min-width:720px){.art-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.art-cards{grid-template-columns:repeat(3,1fr)}}
.ac{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink)}
.ac .ph{aspect-ratio:16/9;background:linear-gradient(135deg,var(--navy),var(--navy2));display:flex;align-items:center;justify-content:center;color:var(--yellow);font-weight:900;font-size:1.05rem;text-align:center;padding:1rem;overflow:hidden}
.ac .ph img{width:100%;height:100%;object-fit:cover}
.ac .b{padding:.8rem 1rem 1.1rem}.ac h3{margin:0 0 .35rem;font-size:1.05rem;line-height:1.3;color:var(--navy)}.ac p{margin:0;color:var(--muted);font-size:.88rem}
.meta{color:var(--muted);font-size:.85rem}
footer.site{background:var(--deep);color:#C9D2E3;padding:2rem 0 2.4rem;margin-top:2rem;font-size:.88rem}
footer.site a{color:var(--yellow)}
footer.site .cols{display:grid;gap:1.2rem}@media(min-width:720px){footer.site .cols{grid-template-columns:2fr 1fr 1fr}}
footer.site h3{color:#fff;font-size:1rem;margin:0 0 .5rem}
footer.site ul{list-style:none;margin:0;padding:0}footer.site li{margin:.25rem 0}
.small{font-size:.85rem}
/* calculator */
.calc label{display:block;font-weight:700;color:var(--navy);margin-bottom:.3rem}
.calc .field{margin-bottom:1.05rem}
.calc .hint{display:block;font-size:.82rem;color:var(--muted);margin-top:.25rem;line-height:1.4}
.calc .hint.estimate{color:#7A1020;background:#FDECEE;border:1px solid var(--red);border-radius:8px;padding:.45rem .65rem}
.calc .iw{position:relative;display:flex;align-items:center}
.calc .pre,.calc .suf{position:absolute;color:var(--muted);font-weight:700;pointer-events:none}.calc .pre{left:.85rem}.calc .suf{right:.85rem}
.calc input[type=number]{width:100%;padding:.85rem 1rem;font-size:1.2rem;font-family:inherit;border:2px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);-moz-appearance:textfield}
.calc input.hp{padding-left:2rem}.calc input.hs{padding-right:2.4rem}
.calc input:focus{border-color:var(--navy);outline:3px solid var(--yellow)}
.calc input::-webkit-outer-spin-button,.calc input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc .tog{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;background:#F7F9FC;border:2px solid var(--line);border-radius:10px;cursor:pointer;font-weight:500;color:var(--ink)}
.calc .tog input{width:1.4rem;height:1.4rem;margin-top:.15rem;accent-color:var(--navy);flex-shrink:0}
.calc .rows{display:grid;gap:.6rem}
.calc .row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 1rem;background:#F7F9FC;border-radius:10px;border-left:5px solid var(--navy)}
.calc .row .v{font-size:1.25rem;font-weight:800;color:var(--navy);white-space:nowrap;font-variant-numeric:tabular-nums}
.calc .row.hl{background:var(--navy);color:#fff;border-left-color:var(--yellow)}.calc .row.hl .v{color:var(--yellow);font-size:1.45rem}
.calc .row.pos{background:#EAF7EF;border-left-color:#1D7A46}
.calc .row.warn{background:#FDECEE;border-left-color:var(--red)}.calc .row.warn .v{color:#9B1426}
.calc .dep{margin-top:.8rem;padding:1rem;border:2px dashed var(--navy);border-radius:10px;background:#fff}
.calc .dep .k{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--red)}
.calc .dep .t{font-size:1.1rem;font-weight:800;color:var(--navy)}
.calc .alert{display:none;margin-top:.75rem;padding:.8rem 1rem;border-radius:10px;font-weight:600}.calc .alert.visible{display:block}
.calc .alert.warning{background:#FFF7D6;border:2px solid var(--yellow)}.calc .alert.negative{background:#FDECEE;border:2px solid var(--red);color:#7A1020}
.calc .cg{display:grid;gap:1.1rem}@media(min-width:860px){.calc .cg{grid-template-columns:1fr 1fr}}
.calc h3{margin:0 0 .9rem;color:var(--navy);font-size:1.2rem}
#share-status{font-weight:700;color:#1D7A46;margin-left:.6rem}