/* Final typography layer for the blog index and every article. */
body{font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.nav-links a{font-weight:600}

.hero h1,.article-hero h1,article h2,.section-heading h2,.featured-title,.article-title,.finder-callout h2,.related h2,.toc-box h2,.key-takeaways h2{letter-spacing:-.022em}
.hero h1{line-height:1.08}
.article-hero{max-width:820px}
.article-hero h1{font-size:clamp(2rem,4.5vw,2.75rem);line-height:1.2;letter-spacing:-.018em;text-wrap:balance}
article{max-width:760px;padding-inline:clamp(1.25rem,4vw,2rem)}
article h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.5rem,3vw,1.78rem);line-height:1.34;letter-spacing:-.012em;margin-top:3.25rem;margin-bottom:1.15rem;text-wrap:balance}

article p,article li{font-size:1.0625rem;line-height:1.85;letter-spacing:.003em}
article p{margin-bottom:1.35rem}
article li+li{margin-top:.42rem}
article h3{font-family:'Mulish',system-ui,sans-serif;font-size:1.13rem;line-height:1.48;font-weight:700;letter-spacing:-.006em;margin-top:2rem;margin-bottom:.62rem;text-wrap:balance}
.byline{font-size:.87rem;line-height:1.6}
.breadcrumb{font-size:.84rem}
.disclosure{font-size:.92rem;line-height:1.7;padding:1rem 1.15rem}
.gift-item{padding-block:1.45rem}
.gift-item h3{font-size:1.1rem;line-height:1.48}
.gift-item p{font-size:1rem;line-height:1.78;margin-bottom:.85rem}
.gift-item .price{font-size:.92rem}
.shop-link{font-size:.86rem}
.cta-box p{font-size:1rem;line-height:1.75}
.related a{font-size:.95rem;line-height:1.6}
.toc-box,.key-takeaways{padding:1.4rem 1.6rem;margin-block:2rem}
.toc-box li,.key-takeaways li{font-size:1rem;line-height:1.7}

.hero p{font-size:1.04rem;line-height:1.7}
.section-heading p{font-size:.9rem;line-height:1.6}
.article-desc{font-size:.95rem;line-height:1.7}
.article-card .article-desc{font-size:.9rem;line-height:1.68}
.article-title{font-size:1.1rem;line-height:1.42;letter-spacing:-.012em;text-wrap:balance}
.article-meta{font-size:.8rem}
.read-link{font-weight:700}
.finder-callout p{font-size:.9rem;line-height:1.6}
.finder-callout a{font-weight:700}
footer{font-size:.84rem;line-height:1.65}

@media(max-width:600px){
  .article-hero h1{font-size:clamp(1.85rem,9vw,2.35rem)}
  article{padding-inline:1.15rem}
  article p,article li{font-size:1rem;line-height:1.78}
  article h2{margin-top:2.7rem}
  .toc-box,.key-takeaways{padding:1.15rem 1.2rem}
}