@import url('/content-pages.css');
.article-hero{padding:92px 0 54px;background:var(--paper)}
.article-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.78fr);gap:64px;align-items:end}
.article-hero h1{font-size:clamp(3.1rem,6.2vw,6.7rem);line-height:.94;margin:14px 0 22px;max-width:1000px}
.article-dek{font-size:1.08rem;line-height:1.85;color:var(--muted);max-width:760px}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em;color:#66717a}
.article-hero figure{margin:0;border-radius:28px;overflow:hidden;background:#ddd;min-height:420px}
.article-hero figure img{height:100%;min-height:420px;object-fit:cover}
.article-main{background:#fff;padding:70px 0 105px}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:80px;align-items:start;justify-content:center}
.article-copy{font-size:1.02rem;line-height:1.88}
.article-copy p{color:#3f4b54;margin:0 0 23px}
.article-copy h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.05;margin:58px 0 18px;letter-spacing:-.04em;scroll-margin-top:105px}
.article-copy h3{font-size:1.28rem;line-height:1.25;margin:30px 0 10px;letter-spacing:-.02em;scroll-margin-top:105px}
.article-copy h2:first-child{margin-top:0}
.article-copy ul,.article-copy ol{color:#3f4b54;margin:0 0 27px;padding-left:1.35rem}
.article-copy li{margin:0 0 10px;padding-left:.25rem}
.article-copy a{font-weight:750;text-decoration:underline;text-decoration-color:rgba(179,139,88,.65);text-underline-offset:3px}
.answer-box{background:var(--paper2);border-left:4px solid var(--gold);padding:25px 28px;margin-bottom:34px;border-radius:0 18px 18px 0}
.answer-box span{display:block;color:var(--gold);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:8px}
.answer-box p{font-size:1.06rem;color:var(--ink);margin:0;line-height:1.72}
.article-toc{margin:0 0 48px;padding:25px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.article-toc>span{display:block;color:var(--gold);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;margin-bottom:12px}
.article-toc ol{columns:2;column-gap:34px;margin:0;padding-left:1.25rem}
.article-toc li{break-inside:avoid;margin:0 0 8px;font-size:.83rem;line-height:1.45}
.article-toc a{text-decoration:none;font-weight:700}
.article-side{position:sticky;top:110px;border-top:1px solid var(--line);padding-top:18px}
.article-side h2{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;margin:0 0 14px;color:var(--gold)}
.article-side a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:.83rem;font-weight:700;line-height:1.45}
.article-side .side-cta{margin-top:22px;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.article-side .side-cta strong{display:block;font-size:.88rem;margin-bottom:5px}
.article-side .side-cta p{font-size:.76rem;color:var(--muted);margin:0 0 10px}
.article-side .side-cta a{border:0;padding:0;text-decoration:underline;text-underline-offset:3px}
.article-photo{margin:38px 0 45px;border-radius:20px;overflow:hidden;background:var(--paper)}
.article-photo img{display:block;width:100%;max-height:620px;object-fit:cover}
.article-photo figcaption{padding:12px 15px;font-size:.72rem;line-height:1.5;color:#67717a;background:var(--paper)}
.photo-needed{margin:36px 0 44px;padding:24px 26px;border:2px dashed #bf9a65;border-radius:18px;background:#F7F5F0;color:var(--ink)}
.photo-needed[data-priority="high"]{border-color:#a87438;background:#F7F5F0}
.photo-needed[data-priority="medium"]{border-color:#b79a72;background:#F7F5F0}
.photo-needed[data-priority="optional"]{border-color:#b8bdc1;background:#f7f8f8}
.photo-needed-label{display:inline-block;margin-bottom:9px;font-size:.64rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;font-weight:850;color:#91662f}
.photo-needed h3{margin:0 0 9px;font-size:1.15rem;line-height:1.25}
.photo-needed p{margin:0 0 10px!important;font-size:.84rem!important;line-height:1.6!important;color:#535d64!important}
.photo-needed ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 22px;margin:10px 0 0!important;padding-left:1.15rem!important;font-size:.78rem;line-height:1.5}
.guide-callout{margin:40px 0;padding:27px 28px;border-radius:18px;background:var(--navy);color:#fff}
.guide-callout span{display:block;color:#d4b27e;text-transform:uppercase;letter-spacing:.14em;font-size:.64rem;font-weight:800;margin-bottom:8px}
.guide-callout h3{color:#fff;margin:0 0 10px;font-size:1.4rem}
.guide-callout p{color:rgba(255,255,255,.76)!important;margin:0!important}
.responsibility-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 40px}
.responsibility-grid>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.responsibility-grid h3{margin:0 0 12px;font-size:1.15rem}
.responsibility-grid ul{margin:0!important;font-size:.88rem}
.compare-table{width:100%;border-collapse:collapse;margin:26px 0 40px;font-size:.84rem;line-height:1.5}
.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:12px 13px;border-bottom:1px solid var(--line)}
.compare-table th{background:var(--paper);font-size:.69rem;text-transform:uppercase;letter-spacing:.08em}
.related-section{padding:88px 0;background:var(--paper2)}
.related-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
.related-head h2{font-size:clamp(2.3rem,4vw,4rem);margin:10px 0 0}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.related-card{background:#fff;padding:24px;border-radius:20px;border:1px solid var(--line)}
.related-card span{display:block;font-size:.65rem;color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.related-card h3{font-size:1.35rem;line-height:1.08;margin:10px 0 16px}
.related-card b{font-size:.77rem}
.article-note{font-size:.78rem;color:#6e777e;border-top:1px solid var(--line);margin-top:58px;padding-top:18px}
.advice-hub-hero{padding:96px 0 58px}
.advice-hub-hero h1{font-size:clamp(3.6rem,7vw,7rem);line-height:.92;margin:14px 0 22px;max-width:1000px}
.advice-hub-hero p{max-width:800px;color:var(--muted);font-size:1.08rem;line-height:1.8}
.topic-nav{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.topic-nav a{font-size:.72rem;font-weight:800;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff}
.advice-topic{padding:72px 0;border-top:1px solid var(--line)}
.advice-topic:nth-child(even){background:#fff}
.advice-topic-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;margin-bottom:30px}.advice-topic-head h2{font-size:clamp(2.3rem,4vw,4.2rem);margin:8px 0 0}.advice-topic-head p{color:var(--muted);align-self:end;max-width:680px}
.advice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.advice-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.advice-topic:nth-child(even) .advice-card{background:var(--paper)}.advice-card img{aspect-ratio:16/9;object-fit:cover}.advice-card-copy{padding:21px}.advice-card span{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);font-weight:800}.advice-card h3{font-size:1.48rem;line-height:1.08;margin:8px 0 12px}.advice-card p{font-size:.86rem;color:var(--muted);line-height:1.65}.advice-card b{font-size:.76rem}
@media(max-width:980px){.article-hero-grid,.article-layout,.advice-topic-head{grid-template-columns:1fr}.article-side{position:static}.article-hero figure{min-height:340px}.article-hero figure img{min-height:340px}.advice-grid,.related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.article-hero{padding:72px 0 44px}.article-hero h1{font-size:clamp(2.75rem,13vw,4.4rem)}.article-layout{gap:42px}.article-main{padding:55px 0 78px}.article-copy{font-size:.97rem}.article-copy h2{margin-top:46px}.answer-box{padding:21px 20px}.article-toc{padding:20px}.article-toc ol{columns:1}.photo-needed{padding:20px}.photo-needed ul,.responsibility-grid{grid-template-columns:1fr}.compare-table{font-size:.76rem}.compare-table th,.compare-table td{padding:9px}.advice-grid,.related-grid{grid-template-columns:1fr}.advice-topic{padding:58px 0}.related-section{padding:65px 0}}