.resource-card .resource-card__visual--playful{display:block;min-height:0;padding:0;background:var(--paper)}
.article-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
/* Shared article masthead: artwork and title, then details and a separate summary. */
article.narrow.resource-editorial{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--space-xl) var(--space-xl);width:100%;max-width:960px}
.resource-editorial .page-head.article-header{display:contents;padding:0;margin:0;max-width:none;background:none;border:0;border-radius:0;box-shadow:none}
.article-header>.article-illustration--header{grid-column:1;grid-row:1;width:100%;border-radius:0;align-self:start}
.article-header__title{grid-column:2;grid-row:1;min-width:0;padding-block:var(--space-xs)}
.resource-editorial .article-header h1{max-width:24ch;font-size:clamp(2.4rem,4.3vw,3.8rem);line-height:1.08;text-wrap:balance}
.article-header__title>.hint,.article-header__title>.state-badge{margin-top:var(--space-md)}
.article-header__overview{display:contents}
.article-header__overview::before{content:"";grid-column:1/-1;grid-row:2;border-top:1px solid var(--line)}
.article-header .article-meta{grid-column:1;grid-row:3/5;align-self:start;display:block;padding:var(--space-lg);margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--panel-radius);color:var(--ink)}
.article-meta dl{display:grid;gap:var(--space-md);margin:0}
.article-meta dl>div{display:grid;gap:var(--space-xs)}
.article-meta dt{font-size:var(--text-sm);color:var(--muted)}
.article-meta dd{margin:0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:anywhere}
.article-header__summary{grid-column:2;grid-row:3;min-width:0;padding-top:var(--space-xs)}
.resource-editorial .article-header__summary .lead{margin:0;max-width:58ch;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.55;color:var(--ink)}
.resource-editorial>.article-body{grid-column:2;grid-row:4;min-width:0;max-width:none;margin:0}
@media(max-width:900px){
 article.narrow.resource-editorial{grid-template-columns:180px minmax(0,1fr);column-gap:var(--space-lg)}
}
@media(max-width:640px){
 article.narrow.resource-editorial{display:block}
 .resource-editorial .page-head.article-header{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
 .article-header>.article-illustration--header{width:180px;grid-column:1;grid-row:auto}
 .article-header__title{grid-column:1;grid-row:auto;padding:0}
 .resource-editorial .article-header h1{font-size:clamp(2.15rem,8.5vw,3rem);max-width:none}
 .article-header__overview{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--line)}
 .article-header__overview::before{display:none}
 .article-header .article-meta,.article-header__summary{grid-column:1;grid-row:auto}
 .article-meta dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
 .article-header__summary{padding:0}
 .resource-editorial>.article-body{margin-top:var(--space-xl)}
}
@media print{
 article.narrow.resource-editorial{display:block}
 .article-header>.article-illustration--header{display:none}
 .resource-editorial .page-head.article-header,.article-header__overview{display:block}
 .article-header .article-meta{margin-block:var(--space-lg);break-inside:avoid}
}