.article-hero{padding:74px 0 62px;background:linear-gradient(120deg,#03182a,#06435f 72%,#08798b);color:#fff}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;color:#9ec4d3;font-size:.78rem}.article-breadcrumb a{color:#87e5ef}.article-hero h1{max-width:940px;margin:13px 0 18px;font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.05em}.article-hero p{max-width:780px;margin:0;color:#c9dce5;font-size:1.05rem;line-height:1.7}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.article-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#c9e0e8;font-size:.72rem}.article-body{padding:72px 0;background:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 300px;gap:64px;align-items:start}.article-content{font-size:1rem;color:#344f5e;line-height:1.82}.article-content h2{margin:48px 0 14px;color:var(--brand);font-size:clamp(1.8rem,3vw,2.55rem);line-height:1.1;letter-spacing:-.035em}.article-content h2:first-child{margin-top:0}.article-content h3{margin:30px 0 10px;color:#0a4d6a;font-size:1.25rem}.article-content ul,.article-content ol{padding-left:22px}.article-content li{margin:9px 0}.article-note{margin:28px 0;padding:22px 24px;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;background:#edf8fa}.article-note strong{display:block;margin-bottom:5px;color:var(--brand)}.article-side{position:sticky;top:125px;display:grid;gap:14px}.article-side-card{padding:23px;border:1px solid #dbe6ea;border-radius:14px;background:#f5f9fa}.article-side-card small{color:var(--accent);font-weight:850;letter-spacing:.1em}.article-side-card strong{display:block;margin:9px 0;color:var(--brand);font-size:1.08rem}.article-side-card p{margin:0 0 15px;color:#637985;font-size:.84rem;line-height:1.55}.article-side-card a{color:#075d7c;font-weight:850;font-size:.86rem}.article-related{padding:64px 0;background:#f3f7f9}.article-related h2{margin:0 0 24px;color:var(--brand);font-size:2rem}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.article-related-grid a{padding:22px;border:1px solid #dbe6ea;border-radius:13px;background:#fff;color:var(--brand);font-weight:800}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:38px}.article-side{position:static;grid-template-columns:1fr 1fr}.article-related-grid{grid-template-columns:1fr}}
@media(max-width:600px){.article-hero{padding:60px 0 48px}.article-hero h1{font-size:2.75rem}.article-body{padding:52px 0}.article-side{grid-template-columns:1fr}}