/* One scale for page titles, section headings and linked feature cards. */
:root{
 --muted:#526159;
 --heading-page:clamp(2.4rem,4.4vw,3.75rem);
 --heading-section:clamp(1.75rem,2.65vw,2.25rem);
 --label-on-color:#ffe6ab;
}
@media(min-width:901px){
 .page-hero h1,.theme-hero h1{font-size:var(--heading-page);line-height:1.12}
 .section h2,.section-head h2,.deal-rules h2{font-size:var(--heading-section);line-height:1.2}
 .october-heading h2,.weekly-tip h2,.discovery-heading h2{font-size:var(--heading-section);line-height:1.2}
 .hemlangtan-page .inspiration-copy h2{font-size:var(--heading-section);line-height:1.2}
 .article h2{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.22}
}
.overview-images .theme-feature h3{
 margin:.65rem 0 .5rem;
 font:800 clamp(1.3rem,2vw,1.75rem)/1.2 "Iowan Old Style","Palatino Linotype",Baskerville,Georgia,serif;
 letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:none;
}
main .utility-results-title{margin:1.25rem 0 .5rem;font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.22}
.discovery-empty h3{margin:0 0 .75rem;font:800 1.35rem/1.25 "Iowan Old Style","Palatino Linotype",Baskerville,Georgia,serif}

/* Readable labels on every approved colored article opening. */
.feature-hero-copy .kicker{color:var(--label-on-color)}
.story.featured .tag{color:var(--white)}
.theme-hero .breadcrumbs{color:#dce6e2}
.theme-hero .breadcrumbs [aria-current="page"]{color:var(--white)}
.theme-hero .breadcrumbs li+li:before{color:#dce6e2}
.page-hero.rust .breadcrumbs{color:var(--white)}
.page-hero.rust .breadcrumbs [aria-current="page"]{color:var(--white)}
.site-nav a.nav-emphasis:hover,.site-nav a.nav-emphasis:focus-visible{color:var(--ink)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}

/* The small AI mark keeps sufficient contrast even over a white photo area. */
.hero-media .ai-badge,.feature-hero-photo .ai-badge,.article-figure .ai-badge,.inspiration-feature .ai-badge,.story-photo .ai-badge,.rug-style-image .ai-badge{
 background:rgba(18,43,38,.72);color:#fff;text-shadow:none;
}

/* Information pages follow the guide reading scale on small screens. */
@media(max-width:620px){
 .article h2{font-size:clamp(1.5rem,5.8vw,1.8rem);line-height:1.22}
}

/* Cards keep their color; card shape, arrow, yellow effect and focus ring identify links. */
@media(hover:hover) and (pointer:fine){
 :is(a.card,a.story,a.theme-feature,a.guide-tile):hover :is(h2,h3){text-decoration:none}
}
:is(a.card,a.story,a.theme-feature,a.guide-tile,a.issue-feature):focus-visible :is(h2,h3){text-decoration:none}

/* Approved softer finish: spacing separates headings; cards keep one quiet frame. */
.section-head{border-bottom:0;padding-bottom:0;margin-bottom:24px}
.home-magazine .editorial-issue .october-heading{margin-bottom:24px}
@media(max-width:620px){
 .section-head,.discovery-heading,.home-magazine .editorial-issue .october-heading{margin-bottom:20px}
}
a.story,a.guide-tile{border-top-width:1px;border-top-color:var(--line)}

/* Functional pages put search and saved content ahead of presentation. */
.utility-page .page-hero{padding-block:24px}
.utility-page .page-hero .breadcrumbs{padding-bottom:.75rem}
.utility-page .page-hero .kicker{margin-bottom:.5rem}
.utility-page .page-hero h1{font-size:clamp(1.9rem,3.2vw,2.5rem);line-height:1.15;margin-bottom:.6rem}
.utility-page .page-hero p:not(.kicker){font-size:1rem}
.utility-page .section{padding-block:24px 48px}
/* Keep fragment targets below the closed, sticky site masthead. */
main[id],main [id]{scroll-margin-top:calc(var(--site-header-height,81px) + 16px)}