.article-hero{padding:clamp(7rem,12vw,10rem) 0 clamp(3.5rem,7vw,6rem);background:linear-gradient(135deg,#f7f9fb 0 68%,#edf2f5 68%)}
.article-hero-inner{max-width:980px}.article-hero h1{max-width:900px;font-size:clamp(2.7rem,6vw,5.7rem);line-height:.98;margin:.8rem 0 1.5rem;color:var(--navy)}.article-hero .hero-lead{max-width:780px}.article-meta{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem;color:#66788a;font-weight:600}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(2.5rem,6vw,6rem);padding:clamp(4rem,8vw,7rem) 0}.article-body{max-width:800px}.article-body>p,.article-body li{font-size:1.08rem;line-height:1.8;color:#415568}.article-body h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:3.5rem 0 1rem}.article-body h3{font-size:1.45rem;margin:2.4rem 0 .7rem}.article-body ul,.article-body ol{padding-left:1.35rem;margin:1rem 0 2rem}.article-body li{margin:.55rem 0}.article-image{margin:2.5rem 0;border-radius:28px;overflow:hidden}.article-image img{width:100%;height:auto;display:block}.article-note{padding:1.5rem 1.7rem;border-left:5px solid var(--orange);background:#f5f7f9;border-radius:0 18px 18px 0;margin:2rem 0}.article-sidebar{align-self:start;position:sticky;top:110px;padding:1.6rem;background:var(--navy);color:white;border-radius:24px}.article-sidebar h2{font-size:1.45rem;color:white}.article-sidebar p{color:#d9e1e7;line-height:1.65}.article-sidebar .button{width:100%;text-align:center;margin-top:.7rem}.guides-section{padding:clamp(4rem,8vw,7rem) 0;background:#f5f7f9}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:2rem}.guide-card{display:block;padding:clamp(1.8rem,4vw,3rem);background:white;border-radius:28px;color:var(--navy);transition:transform .25s ease,box-shadow .25s ease}.guide-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(7,31,49,.12)}.guide-card span{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.guide-card h3{font-size:clamp(1.6rem,3vw,2.25rem);margin:.7rem 0}.guide-card p{color:#536779;line-height:1.65;margin:0}
@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.guide-grid{grid-template-columns:1fr}}