.article-detail-layout{--article-detail-gutter:clamp(1.25rem, 4vw, 4rem);padding-bottom:clamp(4rem,8vw,8rem)}.article-detail-layout__header,.article-detail-layout__cover,.article-detail-layout__reading-column{width:min(100% - (var(--article-detail-gutter) * 2), 56rem);margin-inline:auto}.article-detail-layout__header{background:var(--background);color:var(--foreground);padding-top:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(2rem,4vw,3rem)}.article-detail-layout__topline{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:clamp(1.75rem,4vw,2.5rem);display:flex}.article-detail-layout__topline .article-detail-layout__badge{margin:0}.article-detail-layout__back-link{min-height:2.75rem;color:var(--muted-foreground);letter-spacing:-.01em;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:600;transition:color .16s;display:inline-flex}.article-detail-layout__back-link:hover{color:var(--foreground)}.article-detail-layout__back-link:focus-visible{outline:2px solid var(--ring);outline-offset:.35rem;border-radius:.25rem}.article-detail-layout__title{max-width:22ch;color:var(--foreground);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,5.2vw,4rem);font-weight:650;line-height:1.04}.article-detail-layout__summary{max-width:44rem;color:var(--muted-foreground);margin:1.25rem 0 0;font-size:clamp(1.0625rem,1.8vw,1.25rem);line-height:1.55}.article-detail-layout__meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.25rem 0;margin-top:1.5rem;font-size:.875rem;font-weight:500;display:flex}.article-detail-layout__meta>*+:before{content:"·";padding-inline:.5rem}@media (width<=639px){.article-detail-layout__meta{flex-direction:column}.article-detail-layout__meta>*+:before{content:none}}.article-detail-layout__cover{margin-block:0}.article-detail-layout__cover-image{border:1px solid var(--border);background:var(--muted);border-radius:1rem;width:auto;max-width:100%;height:auto;max-height:min(78vh,44rem);margin-inline:auto;display:block}.article-detail-layout__reading-column{padding-top:clamp(2.5rem,6vw,4rem)}.article-detail-layout__related{border-top:1px solid var(--border);margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem)}.article-detail-layout__related-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.article-detail-layout__eyebrow{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}.article-detail-layout__related-heading h2{color:var(--foreground);letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:650;line-height:1}.article-detail-layout__related-all{color:var(--foreground);align-items:center;gap:.45rem;font-size:.875rem;font-weight:650;transition:color .16s;display:inline-flex}.article-detail-layout__related-all:hover{color:var(--primary)}.article-detail-layout__related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.article-detail-layout__related-card{border:1px solid var(--border);background:var(--background);border-radius:1rem;flex-direction:column;min-width:0;transition:border-color .16s;display:flex;overflow:hidden}.article-detail-layout__related-card:hover{border-color:color-mix(in oklch, var(--primary) 35%, var(--border))}.article-detail-layout__related-image-wrap{aspect-ratio:16/9;overflow:hidden}.article-detail-layout__related-image{object-fit:cover;width:100%;height:100%}.article-detail-layout__related-card-body{flex-direction:column;flex:1;gap:.75rem;padding:1.1rem;display:flex}.article-detail-layout__related-card-body time{color:var(--muted-foreground);font-size:.75rem;font-weight:600}.article-detail-layout__related-card-body h3{color:var(--foreground);letter-spacing:-.02em;margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}@media (width<=767px){.article-detail-layout__related-heading{flex-direction:column;align-items:flex-start}.article-detail-layout__related-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.article-detail-layout__back-link,.article-detail-layout__related-all,.article-detail-layout__related-card{transition:none}}
