/* Guides and article pages. Same palette and type as the tool. */
.article{max-width:760px;margin:0 auto;padding:30px 36px 70px}.article.wide{max-width:1120px}
.article .eyebrow{display:block;font-size:.66rem;letter-spacing:.15em;margin-bottom:14px}
.article h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.06;letter-spacing:-.05em;margin:0 0 18px}
.article .lead{font-size:1.06rem;line-height:1.65;color:var(--muted);margin:0 0 26px;max-width:720px}
.article h2{font-size:1.4rem;letter-spacing:-.02em;margin:42px 0 12px}.article h3{font-size:1.08rem;margin:26px 0 6px}
.article p,.article li{font-size:1rem;line-height:1.75}.article li{margin-bottom:8px}.article ul,.article ol{padding-left:22px}
.article a{color:var(--ink);text-underline-offset:3px}
.article figure{margin:26px 0}.article figure img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:6px;background:#ddd}
.article figcaption{font-size:.74rem;color:var(--muted);line-height:1.5;margin-top:9px}
.article .meta,.crumbs{font-size:.74rem;color:var(--muted)}.article .meta{border-top:1px solid var(--line);padding-top:12px}
.crumbs{margin:0 0 14px}.crumbs a{color:var(--muted)}
.read-next{border-top:2px solid var(--ink);margin-top:48px;padding-top:16px}.read-next h2{margin-top:0}
.read-next ul{list-style:none;padding:0}.read-next li{padding:10px 0;border-bottom:1px solid var(--line);margin:0}.read-next span{color:var(--muted);font-size:.85rem}
.sources{margin-top:38px}.sources p,.sources li{font-size:.82rem;color:var(--muted)}
.cta{display:inline-block;background:var(--ink);color:#fff!important;text-decoration:none;border-radius:4px;padding:12px 16px;font-weight:650;font-size:.85rem}
.guide-grid-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:30px 0 40px}
.guide-card{display:block;text-decoration:none;color:var(--ink);border-top:2px solid var(--ink);padding-top:14px}
.guide-card img{display:block;width:100%;height:180px;object-fit:cover;border-radius:5px;margin-bottom:14px;background:#ddd}
.guide-card h2{font-size:1.12rem;line-height:1.3;margin:4px 0 8px}.guide-card p{font-size:.86rem;line-height:1.55;color:var(--muted);margin:0}
.guide-card:hover h2{text-decoration:underline}
.credits li{font-size:.8rem;color:var(--muted)}
.guides-teaser{max-width:1220px;margin:58px auto 0;padding:0 36px}.guides-teaser h2{font-size:2rem;margin:6px 0 14px}
.guides-teaser ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.guides-teaser li{border-bottom:1px solid var(--line);padding:11px 0}.guides-teaser a{color:var(--ink);text-underline-offset:3px}
.foot-links a{margin-left:14px}
@media(max-width:860px){.guide-grid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.article{padding:20px 20px 50px}.article h2{font-size:1.24rem}.guide-grid-list{grid-template-columns:1fr}
.guides-teaser{padding:0 20px}.guides-teaser ul{grid-template-columns:1fr}.foot-links a{margin:0 14px 0 0}}
