/* Specimen layout only. Colours, fonts and component styling belong to the active theme. */
.siteframe-base-design-system { padding-block: var(--wp--preset--spacing--50); }
.siteframe-base-specimen-section { margin-block: clamp(3rem, 6vw, 6rem); padding-block-start: 2rem; border: 0; }
.siteframe-base-specimen-label { font-size: .75rem; letter-spacing: .08em; opacity: .7; }
.siteframe-base-specimen-intro h1 { white-space: pre-line; }
.siteframe-base-type-sample { padding-block: 1rem; border: 0; }
.siteframe-base-type-sample > :is(h1,h2,h3,h4,h5,h6) { margin-block-start: .5rem; }
.wp-block-group.siteframe-base-swatch { display: grid; place-items: center; min-height: 120px; padding: 1rem; border: 0; box-shadow: var(--wp--custom--siteframe--shadow--soft); border-radius: var(--wp--custom--siteframe--radius--small, 8px); }
.siteframe-base-swatch p { margin: 0; font-size: 2rem; }
.wp-block-group.siteframe-base-specimen-card { padding: var(--wp--preset--spacing--30); border-radius: var(--wp--custom--siteframe--radius--control, 12px); }
.siteframe-base-design-system .wp-block-columns { align-items: stretch; }
.siteframe-base-design-system .wp-block-column { min-width: 0; }
.siteframe-base-design-system .wp-block-post-template { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; }
.siteframe-base-design-system .wp-block-post-template > li { margin: 0; }
@media (max-width: 781px) {
 .siteframe-base-design-system .wp-block-post-template { grid-template-columns: minmax(0,1fr); }
}

/* Specimens consume the same design values as the production components. */
.wp-block-group.siteframe-base-specimen-card { border-radius: var(--wp--custom--siteframe--radius--card); box-shadow: var(--wp--custom--siteframe--shadow--soft); }
.siteframe-base-specimen-news { border-radius: var(--wp--custom--siteframe--radius--card); background: var(--wp--preset--color--base); box-shadow: var(--wp--custom--siteframe--shadow--card); padding: 0 0 24px; transition: transform var(--wp--custom--siteframe--motion--duration) var(--wp--custom--siteframe--motion--easing),box-shadow var(--wp--custom--siteframe--motion--duration); }
.siteframe-base-specimen-news > .wp-block-post-featured-image { margin: 0; width: 100%; max-width: none; border-radius: var(--wp--custom--siteframe--radius--card) var(--wp--custom--siteframe--radius--card) 0 0; overflow: hidden; }
.siteframe-base-specimen-news > :is(.wp-block-post-title,.wp-block-post-date) { margin-inline: 14px !important; }
.siteframe-base-specimen-news .wp-block-post-title { font-size: var(--wp--preset--font-size--card-title); }
.siteframe-base-specimen-news:is(:hover,:focus-within) { background: var(--wp--custom--siteframe--surface--hover); box-shadow: var(--wp--custom--siteframe--shadow--hover); transform: translateY(var(--wp--custom--siteframe--motion--lift)); }
@media (prefers-reduced-motion: reduce) { .siteframe-base-specimen-news { transition: none; } .siteframe-base-specimen-news:is(:hover,:focus-within) { transform: none; } }

.siteframe-base-specimen-news { position: relative; min-height: 380px; padding-bottom: 64px; }
.siteframe-base-specimen-news::after { content: "→"; position: absolute; right: 24px; bottom: 24px; font-weight: 800; pointer-events: none; transition: transform var(--wp--custom--siteframe--motion--duration); }
.siteframe-base-specimen-news > .wp-block-post-date { font-size: var(--wp--preset--font-size--small); }
.siteframe-base-specimen-news img { transition: filter var(--wp--custom--siteframe--motion--duration); }
.siteframe-base-specimen-news:is(:hover,:focus-within) img { filter: brightness(.78); }
.siteframe-base-specimen-news:is(:hover,:focus-within)::after { transform: translateX(3px); }
@media (prefers-reduced-motion: reduce) { .siteframe-base-specimen-news img,.siteframe-base-specimen-news::after { transition: none; } .siteframe-base-specimen-news:is(:hover,:focus-within)::after { transform: none; } }