.blog-hero{background:var(--navy);color:#fff;padding:76px 0 82px;position:relative;overflow:hidden}.blog-hero:after{content:"";position:absolute;width:520px;height:520px;border:90px solid #168fd11c;border-radius:50%;right:-180px;top:-260px}.blog-hero .wrap{position:relative;z-index:1}.blog-hero h1,.article-hero h1{max-width:920px}.blog-hero p,.article-hero p{max-width:760px;color:#c7d8e0;font-size:1.12rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.blog-card{display:flex;flex-direction:column;min-height:300px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;transition:.2s}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.blog-card.featured{grid-column:span 2;background:var(--navy);color:#fff}.blog-card .tag{font-size:.76rem;letter-spacing:.1em;font-weight:900;text-transform:uppercase;color:var(--blue2)}.blog-card.featured .tag{color:#8dd8ff}.blog-card h2{font-size:1.55rem;line-height:1.12;letter-spacing:-.035em;margin:38px 0 12px}.blog-card.featured h2{font-size:2.25rem}.blog-card p{color:var(--muted);margin:0}.blog-card.featured p{color:#c7d8e0}.blog-card a{margin-top:auto;padding-top:24px;color:var(--blue2);font-weight:850}.blog-card.featured a{color:#fff}.blog-card.pending{background:#eef3f5}.blog-card.pending .status{margin-top:auto;color:#73848d;font-size:.82rem;font-weight:800}.article-hero{background:var(--navy);color:#fff;padding:58px 0 68px}.article-hero h1{font-size:clamp(2.7rem,5.5vw,5.2rem)}.article-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#94b0bd;font-size:.86rem;font-weight:750}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:70px;align-items:start}.article-body{font-size:1.08rem}.article-body h2{font-size:clamp(1.8rem,3.3vw,2.65rem);margin:58px 0 16px;letter-spacing:-.04em;line-height:1.08}.article-body h3{font-size:1.28rem;margin:32px 0 10px}.article-body p{color:#3e505a}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:10px 0;color:#3e505a}.article-lead{font-size:1.28rem!important;color:var(--ink)!important;border-left:4px solid var(--blue);padding-left:20px}.answer-box,.warning-box,.check-box{margin:28px 0;padding:24px;border-radius:12px}.answer-box{background:var(--sky)}.warning-box{background:#fff3de;border:1px solid #f0d59e}.check-box{background:#fff;border:1px solid var(--line)}.answer-box strong,.warning-box strong,.check-box strong{display:block;margin-bottom:8px}.article-aside{position:sticky;top:110px;display:grid;gap:14px}.aside-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.aside-card.dark{background:var(--navy);color:#fff}.aside-card h2{font-size:1.25rem;line-height:1.15;margin:0 0 10px}.aside-card p{font-size:.9rem;color:var(--muted)}.aside-card.dark p{color:#c7d8e0}.aside-links{display:grid;gap:10px}.aside-links a{color:var(--blue2);font-weight:800;font-size:.9rem}.article-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:10px 0}.article-faq summary{cursor:pointer;font-weight:850}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px}.related-card h3{margin:20px 0 8px}.related-card p{color:var(--muted);font-size:.9rem}.related-card a{display:inline-flex;margin-top:12px;color:var(--blue2);font-weight:850}@media(max-width:900px){.blog-grid,.article-layout,.related-grid{grid-template-columns:1fr}.blog-card.featured{grid-column:auto}.article-aside{position:static}.blog-card{min-height:250px}}@media(max-width:620px){.blog-hero,.article-hero{padding:50px 0}.blog-hero h1,.article-hero h1{font-size:2.8rem}.blog-card.featured h2{font-size:1.75rem}.article-body{font-size:1rem}.article-lead{font-size:1.12rem!important}}
