/* DIET-005 / internal candidate: one clear editorial subject in the magazine hero. */
.magazine-hero-visual{position:relative;align-self:center;width:100%;height:min(39vw,470px);min-height:330px;margin:0;overflow:hidden;background:#e7e0d2}
.magazine-hero-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.magazine-hero-visual:after{position:absolute;inset:48% 0 0;content:"";background:linear-gradient(transparent,rgba(31,34,27,.72));pointer-events:none}
.magazine-hero-visual figcaption{position:absolute;z-index:1;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:7px;padding:26px 28px;color:#fff}
.magazine-hero-visual figcaption span{font:600 10px/1.3 var(--sans);letter-spacing:.2em}
.magazine-hero-visual figcaption strong{font:500 clamp(17px,1.7vw,23px)/1.65 var(--serif);letter-spacing:.03em}
.topic-link{color:inherit;text-decoration:none}.topic-count{margin:0 22px 18px;color:var(--olive-dark);font-size:11px;font-weight:600;letter-spacing:.03em}
.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topic-link .topic-arrow{top:auto;bottom:20px}.planned-topic-list{max-width:var(--page);margin:28px auto 0;padding:20px 24px;border-top:1px solid var(--line);display:flex;align-items:center;flex-wrap:wrap;gap:10px}.planned-topic-list p{width:100%;margin:0 0 2px;color:var(--muted);font-size:11px}.planned-topic-list span{padding:6px 11px;border:1px solid var(--line);background:#f7f5f0;font-size:12px;color:var(--muted)}.planned-topic-list small{margin-left:auto;color:var(--muted);font-size:10px}
.topic-shortcut-pill{gap:9px!important;justify-content:flex-start!important}.topic-shortcut-pill img{width:44px;height:44px;flex:none;object-fit:cover}
.article-list{border-top:0;gap:18px}.article-list .article-card[hidden]{display:none!important}
.filter-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px;padding:14px 16px;background:#f4f1ea;border:1px solid var(--line)}
.filter-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.article-topic-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.article-topic-filter{min-height:38px;padding:7px 13px;border:1px solid var(--line);background:var(--white);color:var(--ink);font-size:11px;cursor:pointer}
.article-topic-filter:hover,.article-topic-filter[aria-pressed="true"]{border-color:var(--olive);background:var(--olive-dark);color:#fff}
.filter-actions .button{min-height:38px;padding:7px 12px}
@media(max-width:620px){.filter-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:12px}.filter-actions{justify-content:flex-start;width:100%}.article-topic-filters{gap:6px}.article-topic-filter{min-height:36px;padding:6px 10px}.article-list{gap:12px}}
.shortcut-links{grid-template-columns:repeat(4,minmax(0,1fr))}.shortcut-links .topic-image-shortcut{display:flex;min-height:0;padding:0;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:hidden;gap:0}.topic-image-shortcut img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.topic-image-shortcut span{padding:10px 13px 2px;font-family:var(--serif);font-size:15px;font-weight:500}.topic-image-shortcut small{padding:0 13px 12px;color:var(--olive-dark);font-size:10px}
@media(max-width:700px){.magazine-hero-visual{height:clamp(230px,67vw,340px);min-height:0}.magazine-hero-visual figcaption{padding:19px 18px}.magazine-hero-visual figcaption strong{font-size:17px;line-height:1.55}}
@media(max-width:900px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:30px;min-height:0;padding:52px 24px 46px}.hero-copy{width:100%;max-width:680px}.hero-lede{max-width:680px}.magazine-hero-visual{width:100%;height:clamp(290px,58vw,430px);min-height:0}}
@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcut-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero{gap:24px;padding:34px 20px 40px}.hero-copy{max-width:none}.hero h1{font-size:34px;line-height:1.5}.magazine-hero-visual{height:clamp(230px,67vw,340px)}}
@media(max-width:900px){.hero-lede{overflow-wrap:anywhere;word-break:normal}}
@media(max-width:620px){.topic-grid{grid-template-columns:1fr}.topic-count{margin-left:14px;margin-right:14px;margin-bottom:12px}.topic-shortcut-pill img{width:38px;height:38px}.shortcut-links{grid-template-columns:1fr}.shortcut-links .topic-image-shortcut{min-height:0}.planned-topic-list{margin:20px 0 0;padding:16px 0}.planned-topic-list small{width:100%;margin:0}}