.articles-page{display:grid;gap:var(--spacing-xl)}.articles-page__grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.articles-page__card{overflow:hidden;padding:0}.articles-page__card-image-wrap{aspect-ratio:1200 / 630;display:block;overflow:hidden;background:var(--color-surface-soft)}.articles-page__card-image,.article-detail__image{display:block;height:100%;object-fit:cover;width:100%}.articles-page__card-copy{display:grid;gap:var(--spacing-md);padding:1.4rem}.articles-page__meta{color:var(--color-text-subtle);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.articles-page__card-title,.article-detail__title,.article-detail__excerpt,.articles-page__card-excerpt{margin:0}.articles-page__card-title,.article-detail__title{font-family:var(--theme-font-display);line-height:var(--line-height-tight)}.articles-page__card-title{font-size:clamp(1.5rem,2vw,1.9rem)}.articles-page__card-title a{color:inherit;text-decoration:none}.articles-page__card-title a:hover{text-decoration:underline}.articles-page__card-excerpt,.article-detail__excerpt{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.articles-page--detail{gap:var(--spacing-lg)}.article-detail{display:grid;gap:clamp(1.5rem,4vw,3rem);margin-inline:auto;max-width:58rem;padding:clamp(1.4rem,4vw,3rem);width:100%}.article-detail__header{display:grid;gap:var(--spacing-md)}.article-detail__title{font-size:clamp(2rem,5vw,4rem)}.article-detail__excerpt{font-size:clamp(1.05rem,2vw,1.25rem)}.article-detail__image{aspect-ratio:1200 / 630;border-radius:var(--radius-lg);margin-top:var(--spacing-sm)}.article-detail__related{border-top:1px solid var(--color-border);display:grid;gap:var(--spacing-md);padding-top:var(--spacing-lg)}.article-detail__related h2{font-family:var(--theme-font-display);margin:0}.article-detail__related-grid{display:grid;gap:var(--spacing-sm)}.article-detail__related-grid a{background:var(--color-surface-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;display:grid;gap:.35rem;padding:1rem;text-decoration:none}.article-detail__related-grid a:hover strong{text-decoration:underline}.article-detail__related-grid span{color:var(--color-text-muted)}