/* Existing Hallmark forest storefront, extended with article index and reading layouts. */
.article-teaser,.article-related{margin:var(--space-2xl) 0}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}.article-card{border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-sm);padding:var(--space-lg);background:var(--color-white);display:flex;align-items:flex-start;flex-direction:column}.article-category{display:block;color:var(--color-forest);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.article-card h3{font-family:var(--font-display);font-size:22px;line-height:1.55}.article-card h3 a{display:block;min-height:44px}.article-card p{color:var(--color-muted);font-size:14px;margin:var(--space-md) 0}.article-read{margin-top:auto;min-height:44px;display:inline-flex;align-items:center;font-size:14px}.article-callout{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg);padding:var(--space-lg);margin-bottom:var(--space-xl);background:var(--color-soft);border-radius:var(--radius-sm);font-size:14px}.article-callout a{min-height:44px;display:flex;align-items:center;white-space:nowrap}.article-head{max-width:900px}.article-head h1{font-size:36px;line-height:1.45}.article-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md);font-size:12px;color:var(--color-muted);margin-top:var(--space-lg)}.article-body>.inline-image{margin-top:0;margin-bottom:var(--space-xl)}.article-body .guide-section h2{font-size:25px;line-height:1.5}.article-body .guide-section p{margin-top:var(--space-md)}.article-body .guide-section{margin-bottom:var(--space-xl)}.article-next{padding:var(--space-lg);background:var(--color-soft);margin-top:var(--space-xl)}.article-next a{display:inline-flex;min-height:44px;align-items:center;margin-right:var(--space-lg);font-size:14px;white-space:nowrap}.article-categories{display:flex;align-items:center;gap:var(--space-sm) var(--space-xl);flex-wrap:wrap;margin:var(--space-xl) 0 var(--space-2xl);padding-bottom:var(--space-md);border-bottom:var(--rule-width) solid var(--color-rule)}.article-categories a{min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;font-size:14px;color:var(--color-forest)}.article-group{margin:var(--space-2xl) 0;scroll-margin-top:84px}.article-group h2{font-size:27px}.article-card a:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.article-card a:active{opacity:.8}
@media(hover:hover){.article-card h3 a:hover,.article-categories a:hover{text-decoration:underline;text-underline-offset:4px}}
@media(max-width:760px){.navlinks{gap:8px}.navlinks a{font-size:12px}.article-head h1{font-size:29px}.article-grid{gap:var(--space-md)}.article-card{padding:var(--space-md)}.article-card h3{font-size:20px}.article-card p{font-size:13px}.article-callout{gap:var(--space-sm) var(--space-md)}.article-body .guide-section h2{font-size:24px}.article-categories{gap:var(--space-sm) var(--space-lg)}.article-head{margin-bottom:var(--space-lg)}}
@media(max-width:540px){.article-grid{grid-template-columns:minmax(0,1fr)}.article-head h1{font-size:27px}.article-body .guide-section h2{font-size:23px}.article-teaser .section-title{align-items:flex-start;flex-direction:column}.article-card h3{font-size:21px}.article-callout{display:block}.article-callout span{display:block;margin-top:var(--space-sm)}.article-meta{gap:var(--space-sm) var(--space-md)}}

.mobile-article-toc{display:none}@media(max-width:760px){.mobile-article-toc{display:block;background:var(--color-soft);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-sm)}.mobile-article-toc nav a{display:block;min-height:44px;padding:var(--space-sm) 0;font-size:14px}.content-grid:has(.article-body)>aside{display:none}}