:root{
 --midnight:#0b1d33;--navy:#153a5b;--ice:#eaf6fb;--ice2:#cfeaf5;
 --spruce:#1f5b4d;--spruce2:#dceee8;--orange:#df6b2f;--orange2:#fff1e8;
 --ink:#243342;--muted:#5d6c79;--line:#d4e1e8;--white:#fff;--snow:#f8fcfe;
 --shadow:0 18px 48px rgba(11,29,51,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.72}
a{color:#17658d;text-decoration-thickness:.08em;text-underline-offset:.16em}img{max-width:100%;height:auto}
.wrap{width:min(1500px,calc(100% - 40px));margin:auto}.narrow{max-width:940px}
.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:18px;top:10px;background:#fff;color:#000;padding:10px 14px;z-index:1000}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:12px;color:var(--midnight);text-decoration:none}.brand span{display:flex;flex-direction:column;line-height:1.08}
.brand strong{font-size:1.04rem}.brand small{font-size:.73rem;color:var(--muted);letter-spacing:.075em;text-transform:uppercase}
.site-nav{display:flex;align-items:center;gap:5px}.site-nav a{color:var(--midnight);text-decoration:none;font-weight:800;padding:10px 12px;border-radius:10px}
.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--ice);color:#0f567b}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px;font-weight:850;color:var(--midnight)}
.hero{background:linear-gradient(135deg,#081728,#10304e 54%,#1f5b4d);color:#fff;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.10),transparent 30%),linear-gradient(180deg,transparent 65%,rgba(234,246,251,.08))}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:center;gap:38px;padding:70px 0}
.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,5vw,5.4rem);line-height:1.01;margin:.18em 0 .28em}
.hero p{font-size:1.18rem;max-width:730px;color:#e4f0f5}.hero-art{filter:drop-shadow(0 25px 38px rgba(0,0,0,.28))}
.eyebrow{display:inline-block;font-weight:900;letter-spacing:.1em;text-transform:uppercase;font-size:.77rem;color:#8dd8ee}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:900;padding:13px 19px;border-radius:12px;border:2px solid var(--orange)}
.button.secondary{background:transparent;border-color:#fff}.button.dark{background:var(--midnight);border-color:var(--midnight)}
.section{padding:68px 0}.section.alt{background:var(--snow)}.section.ice{background:var(--ice)}
.section-head{max-width:900px;margin-bottom:28px}.section-head h2{font-family:Georgia,serif;color:var(--midnight);font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.12;margin:.15em 0}
.section-head p{font-size:1.08rem;color:var(--muted)}
.impact-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.impact-strip div{padding:20px;border-left:4px solid var(--orange);background:#fff;border-radius:0 12px 12px 0}
.impact-strip strong,.impact-strip span{display:block}.impact-strip span{color:var(--muted);font-size:.94rem}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(11,29,51,.055)}
.card h3{color:var(--midnight);font-size:1.24rem;line-height:1.25;margin:.48em 0}.card p{color:var(--muted)}.card a{font-weight:850}
.icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--ice);color:#145b7c;font-size:1.35rem;font-weight:900}
.tag{display:inline-block;background:var(--spruce2);color:#184f43;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:850}
.page-hero{padding:58px 0;background:linear-gradient(135deg,#eaf6fb,#f8fcfe 55%,#e5f1ec)}
.page-hero h1{font-size:clamp(2.35rem,4.5vw,4.35rem);color:var(--midnight)}.page-hero p{font-size:1.16rem;color:var(--muted);max-width:900px}
.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:10px}.breadcrumb a{color:#17658d}
.article-layout{display:grid;grid-template-columns:minmax(0,850px) minmax(250px,330px);gap:50px;padding:56px 0}.article{font-size:1.045rem}
.article .lede{font-size:1.24rem;color:var(--midnight);font-weight:650}.article h2{font-family:Georgia,serif;color:var(--midnight);font-size:2.02rem;line-height:1.2;margin:1.7em 0 .55em}.article h3{color:var(--midnight)}
.article li{margin:.48em 0}.article table{width:100%;border-collapse:collapse;margin:24px 0}.article th,.article td{text-align:left;vertical-align:top;border:1px solid var(--line);padding:12px}.article th{background:var(--ice);color:var(--midnight)}
.sidebar{position:relative}.side-card{position:sticky;top:98px;border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff;margin-bottom:18px}
.side-card h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em;color:var(--midnight)}.side-card a{display:block;padding:7px 0;border-bottom:1px solid #edf2f5;text-decoration:none;font-weight:750}
.side-card.accent{position:static;background:var(--midnight);color:#fff;border:0}.side-card.accent a{color:#fff}
.step-list{display:grid;gap:13px;margin:22px 0}.step-list>div{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;padding:16px;background:#f4fafc;border-radius:14px}
.step-list span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--spruce);color:#fff;font-weight:900}.step-list p{margin:0}
.check-list{list-style:none;padding:0}.check-list li{position:relative;padding:10px 10px 10px 38px;background:#f6fbfa;border-radius:10px;margin:10px 0}.check-list li:before{content:'✓';position:absolute;left:13px;color:var(--spruce);font-weight:900}
.warning-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.warning-grid>div{border-left:4px solid var(--orange);background:var(--orange2);padding:16px;border-radius:0 12px 12px 0}.warning-grid p{margin:.4em 0 0}
.safety-box{margin:28px 0;padding:20px;background:#fff5ef;border:1px solid #f3c5aa;border-left:5px solid var(--orange);border-radius:0 14px 14px 0}
.source-note{margin:34px 0;padding:20px;background:#edf7fb;border-left:4px solid #277da4;border-radius:0 12px 12px 0}
.quick-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.quick-compare div{background:var(--ice);padding:16px;border-radius:13px}.quick-compare strong{display:block;color:var(--midnight)}
.tool-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.42fr);gap:28px}.tool-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px}
.field{margin:16px 0}.field label{display:block;font-weight:800;color:var(--midnight);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1px solid #b9c8d1;border-radius:10px;font:inherit}
.field input[type=checkbox]{width:auto;margin-right:8px}.result{background:var(--ice);border-radius:14px;padding:20px;margin-top:20px}.result strong.big{display:block;font-size:2rem;color:var(--midnight)}
.check-tool label{display:flex;gap:10px;align-items:flex-start;padding:10px;border-bottom:1px solid var(--line)}.check-tool input{margin-top:6px}
.site-footer{background:var(--midnight);color:#d8e5ec;padding:58px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px}.site-footer h2{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:#fff}
.site-footer a{display:block;color:#d8e5ec;text-decoration:none;padding:4px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:34px;padding-top:16px;font-size:.9rem}
@media(max-width:1000px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:78px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--shadow)}
.site-nav.open{display:flex}.hero-grid,.article-layout,.tool-shell{grid-template-columns:1fr}.hero-art{max-height:440px}.sidebar{display:none}.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.quick-compare{grid-template-columns:1fr}}
@media(max-width:650px){.wrap{width:min(100% - 26px,1500px)}.card-grid,.impact-strip,.warning-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;padding:54px 0}.hero-art{max-height:310px}.section{padding:49px 0}.header-inner{min-height:68px}.site-nav{top:68px}.brand img{width:44px;height:44px}.page-hero{padding:42px 0}.article-layout{padding:36px 0}.button-row .button{width:100%;text-align:center}}
@media print{.site-header,.site-footer,.sidebar,.button-row,.menu-toggle{display:none!important}.article-layout{display:block}.tool-shell{display:block}.tool-panel{border:0;padding:0}.section{padding:20px 0}body{color:#000}}