.page-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);padding:120px 20px 60px;text-align:center}
.page-hero h1{font-family:var(--font-heading);font-size:clamp(1.8rem,3.5vw,2.7rem);font-weight:900;color:var(--white);margin:0 auto 12px;max-width:980px;line-height:1.2}
.page-hero h1 span{color:var(--accent)}
.page-hero>p{color:rgba(255,255,255,.72);font-size:1rem;line-height:1.65;max-width:720px;margin:0 auto}
.breadcrumb-bar{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:18px;font-size:.85rem;color:rgba(255,255,255,.55);flex-wrap:wrap}
.breadcrumb-bar a{color:var(--accent)}
.breadcrumb-bar .sep{color:rgba(255,255,255,.3)}
.article{background:var(--white);padding:64px 0}
.article .container{max-width:860px}
.article .article-meta{font-size:.88rem;color:var(--text-light);padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--border)}
.article .lead{font-size:1.12rem;color:var(--text);line-height:1.75;margin-bottom:22px;font-weight:500}
.article p{font-size:1rem;color:var(--text-light);line-height:1.85;margin-bottom:16px}
.article h2{font-family:var(--font-heading);font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:800;color:var(--text);margin:38px 0 14px;line-height:1.3}
.article h2 span{color:var(--accent)}
.article h3{font-size:1.12rem;font-weight:700;color:var(--text);margin:24px 0 9px;line-height:1.4}
.article ul,.article ol{margin:0 0 20px;padding-left:24px}
.article li{padding-left:4px;margin-bottom:10px;color:var(--text-light);line-height:1.7}
.article ul li::marker,.article ol li::marker{color:var(--accent);font-weight:700}
.article a{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article a:hover{color:var(--primary)}
.answer-box{background:var(--accent-glow);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:20px 22px;margin:0 0 28px}
.answer-box p{margin:0;color:var(--text);font-size:1.03rem;line-height:1.75}
.tip{background:var(--off-white);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);padding:17px 20px;margin:24px 0;color:var(--text);line-height:1.7}
.toc{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);padding:22px 24px;margin:28px 0}
.toc strong{display:block;font-family:var(--font-heading);font-size:1.05rem;margin-bottom:10px;color:var(--text)}
.toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.toc li{break-inside:avoid;margin-bottom:7px}
.toc a{font-size:.94rem;text-decoration:none}
.article-table-wrap{overflow-x:auto;margin:22px 0 28px;border:1px solid var(--border);border-radius:var(--radius-sm)}
.article table{width:100%;border-collapse:collapse;min-width:590px;background:var(--white)}
.article th,.article td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top;line-height:1.55;color:var(--text-light)}
.article th{background:var(--primary);color:var(--white);font-size:.9rem}
.article tr:last-child td{border-bottom:0}
.checklist{background:var(--off-white);border-radius:var(--radius);padding:24px 26px;margin:24px 0}
.checklist h3{margin-top:0}
.sources{background:#f7f9fb;border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;margin:28px 0}
.sources p{margin:0;font-size:.9rem;line-height:1.65}
.related-box{background:var(--primary);border-radius:var(--radius);padding:26px 28px;margin-top:38px;color:var(--white)}
.related-box h2{color:var(--white);margin:0 0 12px;font-size:1.35rem}
.related-box p{color:rgba(255,255,255,.78);margin-bottom:12px}
.related-box ul{margin-bottom:0}
.related-box li{color:rgba(255,255,255,.84)}
.related-box a{color:var(--accent)}
@media(max-width:700px){.article{padding:46px 0}.page-hero{padding:106px 18px 48px}.toc ol{columns:1}.article-table-wrap{margin-left:-8px;margin-right:-8px}.related-box{padding:22px}.article h2{scroll-margin-top:95px}}