.article-hero{background:var(--navy);color:#fff;padding:70px 0 58px}
.article-shell{max-width:820px}
.breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:30px;color:#a9c1cc;font-size:.86rem}
.breadcrumb a:hover{color:var(--sun)}
.article-hero h1{font:700 clamp(2.8rem,6vw,5rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:16px 0 22px}
.article-deck{font-size:1.2rem;color:#d6e4ea;max-width:760px}
.article-date{font-size:.85rem;color:#a9c1cc;margin-top:24px}
.article-body{padding-top:64px;padding-bottom:84px}
.article-body h2{font:700 2.2rem/1.1 Georgia,serif;margin:52px 0 18px}
.article-body h3{font:750 1.24rem/1.3 Georgia,serif;margin:30px 0 9px}
.article-body p,.article-body li{color:#415560}
.article-body a{color:var(--blue);font-weight:750;text-decoration:underline;text-underline-offset:3px}
.quick-answer{background:#fff;border:1px solid var(--line);border-top:5px solid var(--coral);border-radius:14px;padding:24px 26px;margin-bottom:34px;box-shadow:var(--shadow)}
.quick-answer>strong{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--coral);font-size:.76rem}
.quick-answer p{font-size:1.05rem;margin-bottom:0}
.table-wrap{overflow-x:auto;margin:24px 0 34px;border:1px solid var(--line);border-radius:14px}
.article-body table{width:100%;border-collapse:collapse;background:#fff;min-width:620px}
.article-body th,.article-body td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}
.article-body th{background:#e8f7f6;color:var(--ink)}
.decision-table table{min-width:0;table-layout:fixed}
.decision-table th:first-child,.decision-table td:first-child{width:31%}
.decision-table td{vertical-align:top}
.formula{background:var(--navy);color:#fff;border-radius:12px;padding:20px;text-align:center;font-weight:850;margin:28px 0}
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:20px}
.choice-grid section{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 25px 20px}
.choice-grid h2{font-size:1.65rem;margin-top:28px}
.sources{margin-top:58px;padding-top:8px;border-top:1px solid var(--line)}
.sources li{margin-bottom:8px}
.article-next{display:flex;gap:12px;flex-wrap:wrap;margin-top:44px}
.article-next a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none}
@media(max-width:800px){.article-hero{padding:48px 0 40px}.article-body{padding-top:42px;padding-bottom:60px}.article-body h2{font-size:1.85rem;margin-top:42px}.choice-grid{grid-template-columns:1fr}.quick-answer{padding:20px}.article-next{flex-direction:column}.article-next a{text-align:center}.decision-table{overflow:visible}.decision-table table,.decision-table thead,.decision-table tbody,.decision-table tr,.decision-table th,.decision-table td{display:block;width:100%}.decision-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.decision-table tr{padding:15px 17px;border-bottom:1px solid var(--line)}.decision-table tr:last-child{border-bottom:0}.decision-table td{padding:3px 0;border:0}.decision-table td:first-child{width:100%;font-weight:850;color:var(--ink);margin-bottom:5px}.decision-table td:nth-child(2)::before{content:"Best fit: ";font-weight:750;color:var(--ink)}}
