/* Websign Design Runtime V0.1 — maps closed VNext tokens to presentation. */
:root {
  --websign-color-surface: #ffffff;
  --websign-color-muted: #f2f4f7;
  --websign-color-inverse: #14213d;
  --websign-color-text: #182230;
  --websign-color-inverse-text: #ffffff;
  --websign-color-accent: #e45b3f;
  --websign-space-compact: 2rem;
  --websign-space-normal: 4rem;
  --websign-space-spacious: 7rem;
  --websign-gap-compact: 1.5rem;
  --websign-gap-normal: 3rem;
  --websign-gap-spacious: 5rem;
  --websign-gutter: 2.5rem;
}

.websign-section-spacing-none { padding-block: 0; }
.websign-section-spacing-compact { padding-block: var(--websign-space-compact); }
.websign-section-spacing-normal { padding-block: var(--websign-space-normal); }
.websign-section-spacing-spacious { padding-block: var(--websign-space-spacious); }

.websign-section-background-surface { background: var(--websign-color-surface); color: var(--websign-color-text); }
.websign-section-background-muted { background: var(--websign-color-muted); color: var(--websign-color-text); }
.websign-section-background-inverse { background: var(--websign-color-inverse); color: var(--websign-color-inverse-text); }

.websign-container-width-narrow,
.websign-container-width-content,
.websign-container-width-wide { margin-inline: auto; }
.websign-container-alignment-center { text-align: center; }

.wp-block-columns.websign-columns-gap-compact { gap: var(--websign-gap-compact); }
.wp-block-columns.websign-columns-gap-normal { gap: var(--websign-gap-normal); }
.wp-block-columns.websign-columns-gap-spacious { gap: var(--websign-gap-spacious); }

.websign-heading-role-display { font-size: clamp(2.75rem, 6vw, 5.5rem); line-height: 0.98; letter-spacing: -0.05em; margin-block: 0; }
.websign-heading-role-section { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.05; letter-spacing: -0.035em; }
.websign-heading-role-subsection { font-size: 1.5rem; line-height: 1.2; }
.websign-paragraph-role-lead { font-size: 1.2rem; line-height: 1.65; max-inline-size: 38rem; }
.websign-paragraph-role-muted { color: color-mix(in srgb, currentColor 68%, transparent); }

.websign-button-style-primary .wp-block-button__link { background: var(--websign-color-accent); border-radius: 999px; color: #fff; padding: 0.85rem 1.35rem; text-decoration: none; }
.websign-button-style-secondary .wp-block-button__link { background: var(--websign-color-inverse); border-radius: 999px; color: #fff; padding: 0.85rem 1.35rem; text-decoration: none; }
.websign-button-style-outline .wp-block-button__link { background: transparent; border: 1px solid currentColor; border-radius: 999px; color: currentColor; padding: 0.85rem 1.35rem; text-decoration: none; }

.websign-section-background-inverse .wp-block-image { margin: 0; }
.websign-section-background-inverse .wp-block-image img { border-radius: 1rem; display: block; }

/* Case 009 responsive hardening: runtime-only, never stored in SiteDocument. */
.wp-block-group,
.wp-block-columns,
.wp-block-column { min-inline-size: 0; }
.wp-block-group.websign-container-width-narrow,
.wp-block-group.websign-container-width-content,
.wp-block-group.websign-container-width-wide { box-sizing: border-box; inline-size: min(100%, calc(var(--websign-runtime-width) + var(--websign-gutter) + var(--websign-gutter))); max-inline-size: calc(var(--websign-runtime-width) + var(--websign-gutter) + var(--websign-gutter)); padding-inline: var(--websign-gutter); }
.websign-container-width-narrow { --websign-runtime-width: 42rem; }
.websign-container-width-content { --websign-runtime-width: 72rem; }
.websign-container-width-wide { --websign-runtime-width: 84rem; }
.wp-block-image img { block-size: auto; max-inline-size: 100%; }
.wp-block-heading,
.wp-block-paragraph { hyphens: auto; overflow-wrap: break-word; word-break: normal; }

@media (max-width: 1440px) {
  :root { --websign-space-spacious: 6rem; }
}
@media (max-width: 1200px) {
  :root { --websign-space-spacious: 5rem; --websign-gap-spacious: 4rem; }
}
@media (max-width: 1024px) {
  :root { --websign-space-normal: 3.5rem; --websign-gap-spacious: 3rem; --websign-gutter: 2rem; }
}
@media (max-width: 768px) {
  :root { --websign-space-spacious: 4rem; --websign-space-normal: 3rem; --websign-gap-normal: 2rem; --websign-gutter: 1.5rem; }
  .wp-block-columns.websign-columns-gap-compact,
  .wp-block-columns.websign-columns-gap-normal,
  .wp-block-columns.websign-columns-gap-spacious { flex-direction: column; }
  .wp-block-columns > .wp-block-column { flex-basis: auto !important; }
}
@media (max-width: 480px) {
  :root { --websign-space-compact: 1.5rem; --websign-space-normal: 2.25rem; --websign-space-spacious: 3rem; --websign-gutter: 1rem; }
}
@media (max-width: 375px) {
  .websign-heading-role-display { font-size: clamp(2.35rem, 12vw, 3.25rem); }
  .websign-paragraph-role-lead { font-size: 1.05rem; }
}
@media (max-width: 300px) {
  :root { --websign-gutter: 0.875rem; }
}