.article-preview-note{display:inline-block;color:var(--color-primary-700);background:var(--color-primary-050);border-left:4px solid var(--color-primary-500);padding:.75rem 1rem;margin:0 0 2rem}.article-header__eyebrow,.article-aside__eyebrow{color:var(--color-primary-500);font-size:.82rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.article-related h2{color:var(--color-primary-700);font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.5rem);margin:.5rem 0 1rem}.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.advice-card{min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-card-sm);overflow:hidden;background:#fff;box-shadow:var(--shadow-xs)}.advice-card__link{display:block;height:100%;color:inherit;text-decoration:none}.advice-card__link:focus-visible{outline:3px solid var(--color-primary-500);outline-offset:3px}.advice-card__link img{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.advice-card__body{padding:1.5rem}.advice-card__date,.article-header__date{color:var(--color-text-muted);font-size:.9rem}.advice-card h2,.advice-card h3{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.28rem;line-height:1.35;margin:.5rem 0 1rem}.advice-card__body>p:not(.advice-card__date){color:var(--color-text-muted);line-height:1.6}.advice-card__action{display:inline-block;color:var(--color-primary-500);font-weight:700;margin-top:1.25rem}.advice-card__link:hover .advice-card__action{text-decoration:underline}.article-header{background:var(--color-primary-050);padding:calc(var(--header-height) + 2rem) 0 clamp(4rem,9vw,7rem)}.article-header__inner{max-width:calc(var(--content-feature) + 2 * var(--gutter))}.article-breadcrumb{display:flex;gap:.75rem;align-items:baseline;color:var(--color-text-muted);font-size:.88rem;margin-bottom:3rem}.article-breadcrumb span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-breadcrumb a{color:var(--color-primary-600)}.article-header h1{color:var(--color-primary-800);font-family:var(--font-heading);font-size:clamp(2.3rem,5vw,4.4rem);line-height:var(--leading-heading-display);margin:.75rem 0 1.5rem}.article-header__date{margin:0}.article-media-wrap{max-width:calc(var(--content-feature) + 2 * var(--gutter));margin-top:-3rem;position:relative}.article-media{display:block;width:100%;height:clamp(18rem,45vw,34rem);object-fit:cover;object-position:center 40%;border-radius:var(--radius-card-sm)}.article-content-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);align-items:start;gap:4rem;max-width:calc(var(--content-feature) + 2 * var(--gutter));padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(4rem,8vw,7rem)}.article-content{color:var(--color-text);font-size:1.125rem;line-height:1.8}.article-content p,.article-content ul{margin:0 0 1.5rem}.article-content ul{padding-left:1.4rem}.article-content li{margin-bottom:.6rem}.article-content h2{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.5rem;line-height:1.35;margin:2.8rem 0 1.1rem}.article-content a{color:var(--color-primary-600);text-underline-offset:.2em}.article-aside{border-top:4px solid var(--color-primary-500);background:var(--color-primary-050);border-radius:0 0 var(--radius-card-sm) var(--radius-card-sm);padding:1.75rem}.article-aside h2{color:var(--color-primary-700);font-family:var(--font-heading);font-size:1.45rem;line-height:1.35;margin:.6rem 0 1rem}.article-aside p:not(.article-aside__eyebrow){color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem}.article-aside .button{font-size:1.125rem;text-align:center}.article-related{border-top:1px solid var(--color-border)}.article-related>.container{max-width:calc(var(--content-feature) + 2 * var(--gutter))}.article-related__heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2rem}.article-related__heading a{color:var(--color-primary-600);font-weight:700}@media(max-width:900px){.advice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-content-wrap{grid-template-columns:1fr;gap:2rem}.article-aside{max-width:42rem}}@media(max-width:620px){.advice-grid{grid-template-columns:1fr}.article-breadcrumb{margin-bottom:2rem}.article-media-wrap{margin-top:-2rem}.article-media{border-radius:.75rem}.article-related__heading{align-items:start;flex-direction:column}}
