:root{--petrol:#134b5f;--dark:#082d3b;--gold:#d4a017;--gold-light:#efc74c;--white:#fff;--light:#f5f8f8;--text:#30434b;--muted:#64777f;--border:#dce6e8}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Geist',sans-serif;color:var(--text);line-height:1.72;background:#fff}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
h1,h2,h3{font-family:'Syne',sans-serif;line-height:1.18}.container{width:min(1120px,calc(100% - 40px));margin:auto}
.article-hero{padding:150px 0 75px;background:linear-gradient(135deg,#061f2a,var(--dark) 58%,#145d72);color:#fff}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px;color:rgba(255,255,255,.62);font-size:.78rem}.breadcrumbs a:hover{color:var(--gold-light)}
.category{display:inline-flex;padding:7px 11px;margin-bottom:16px;border-radius:999px;background:var(--gold);color:var(--dark);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
h1{max-width:920px;margin-bottom:19px;font-size:clamp(2.35rem,5vw,4rem)}.lead{max-width:790px;margin-bottom:22px;color:rgba(255,255,255,.8);font-size:1.1rem}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:rgba(255,255,255,.62);font-size:.8rem}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:54px;padding:68px 0 90px;align-items:start}.body{min-width:0}.body>p{margin-bottom:21px;font-size:1.01rem}
.article-cover{overflow:hidden;margin:0 0 30px;border-radius:18px;background:var(--dark);box-shadow:0 18px 42px rgba(8,45,59,.13)}.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}.article-cover figcaption{padding:10px 14px;background:#f5f8f8;color:var(--muted);font-size:.75rem}
.body h2{margin:46px 0 16px;color:var(--dark);font-size:clamp(1.65rem,3vw,2.25rem);scroll-margin-top:20px}.body h3{margin:27px 0 10px;color:var(--dark);font-size:1.2rem}.body ul,.body ol{display:grid;gap:9px;margin:0 0 24px 22px}.body strong{color:var(--dark)}.body a:not(.btn){color:var(--petrol);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.notice{margin:0 0 28px;padding:20px 22px;border-left:4px solid var(--gold);border-radius:0 13px 13px 0;background:#fff8e8;color:#5c4a20}.notice strong{display:block;margin-bottom:4px}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:23px 0 29px}.card{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--light)}.card strong{display:block;margin-bottom:5px}.card p,.card span{color:var(--muted);font-size:.88rem}
.steps{display:grid;gap:13px;margin:23px 0 29px;counter-reset:item}.step{position:relative;padding:19px 19px 19px 64px;border:1px solid var(--border);border-radius:14px;counter-increment:item}.step:before{content:counter(item);position:absolute;top:17px;left:17px;width:33px;height:33px;border-radius:50%;background:var(--gold);color:#fff;font-weight:850;line-height:33px;text-align:center}.step strong{display:block;margin-bottom:3px}.step p{color:var(--muted);font-size:.9rem}
.comparison{width:100%;margin:23px 0 30px;border-collapse:collapse;font-size:.88rem}.comparison th,.comparison td{padding:13px;border:1px solid var(--border);text-align:left;vertical-align:top}.comparison th{background:var(--dark);color:#fff}.comparison tr:nth-child(even) td{background:var(--light)}
.callout{margin:25px 0;padding:23px;border:1px solid #cfe0e4;border-radius:15px;background:#edf6f7}.callout h3{margin:0 0 9px;color:var(--petrol)}
.cta-box{margin:40px 0;padding:29px;border-radius:18px;background:linear-gradient(145deg,var(--dark),var(--petrol));color:#fff}.cta-box h2{margin:0 0 11px;color:#fff;font-size:1.6rem}.cta-box p{margin-bottom:19px;color:rgba(255,255,255,.74)}.btn{display:inline-flex;min-height:48px;padding:12px 20px;align-items:center;justify-content:center;border-radius:9px;background:linear-gradient(135deg,var(--gold),#aa7603);color:#fff!important;font-weight:800;text-decoration:none!important}
.related{padding:28px 0;border-top:1px solid var(--border)}.related h2{margin-top:0;font-size:1.4rem}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related a{padding:15px;border:1px solid var(--border);border-radius:11px;color:var(--dark)!important;text-decoration:none!important}.related a:hover{border-color:var(--gold)}
.sources{padding-top:24px;border-top:1px solid var(--border)}.sources h2{margin-top:0;font-size:1.4rem}.sources li{font-size:.86rem}
.sidebar{position:sticky;top:24px;display:grid;gap:17px}.toc,.help{padding:21px;border:1px solid var(--border);border-radius:15px;background:#fff;box-shadow:0 10px 28px rgba(8,45,59,.06)}.toc strong,.help strong{display:block;margin-bottom:11px;color:var(--dark);font-family:'Syne',sans-serif}.toc ol{display:grid;gap:7px;margin-left:19px;color:var(--muted);font-size:.83rem}.help{border:0;background:linear-gradient(145deg,var(--dark),var(--petrol));color:#fff}.help strong{color:var(--gold-light)}.help p{margin-bottom:13px;color:rgba(255,255,255,.72);font-size:.86rem}.help a{color:#fff;font-size:.86rem;font-weight:800}
.footer{padding:28px 0;background:#052530;color:rgba(255,255,255,.65);font-size:.85rem;text-align:center}:focus-visible{outline:3px solid var(--gold-light);outline-offset:4px}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:static;grid-row:auto}.toc{display:none}}
@media(max-width:620px){.container{width:min(100% - 28px,1120px)}.article-hero{padding:128px 0 60px}h1{font-size:2.2rem}.layout{padding:50px 0 68px}.cards,.related-grid{grid-template-columns:1fr}.comparison{display:block;overflow-x:auto}.cta-box{padding:23px 19px}.btn{width:100%}}