:root {
  --noemat-color-background: #f7f1e7; --noemat-color-ink: #172234; --noemat-color-accent: #a6543d;
  --noemat-color-border: #d9cdbc; --noemat-color-surface: #ffffff;
  --noemat-font-body: Arial, sans-serif; --noemat-font-heading: Georgia, serif;
  --noemat-container: 70rem; --noemat-reading-width: 44rem;
  --noemat-section-space: clamp(3rem, 8vw, 7rem); --noemat-radius: 0.35rem;
}
.noemat-public-shell { color: var(--noemat-color-ink); font-family: var(--noemat-font-body); line-height: 1.5; }
.noemat-container { margin-inline: auto; width: min(100% - 2rem, var(--noemat-container)); }
.noemat-section { padding-block: var(--noemat-section-space); }
.noemat-reading { max-width: var(--noemat-reading-width); }
.noemat-heading { font-family: var(--noemat-font-heading); line-height: 1.08; }
.noemat-button { background: var(--noemat-color-ink); border: 1px solid var(--noemat-color-ink); border-radius: var(--noemat-radius); color: #fff; display: inline-flex; padding: 0.8rem 1rem; text-decoration: none; }
.noemat-button--secondary { background: transparent; color: var(--noemat-color-ink); }
.noemat-card { background: var(--noemat-color-surface); border: 1px solid var(--noemat-color-border); border-radius: var(--noemat-radius); padding: clamp(1rem, 3vw, 2rem); }
.noemat-field { background: var(--noemat-color-surface); border: 1px solid var(--noemat-color-border); border-radius: var(--noemat-radius); color: var(--noemat-color-ink); min-height: 2.75rem; padding: 0.65rem 0.75rem; width: 100%; }
.noemat-header, .noemat-footer { border-color: var(--noemat-color-border); }
@media (max-width: 48rem) { .noemat-header__inner { align-items: flex-start; display: flex; flex-direction: column; gap: 1rem; } }
@media (min-width: 75rem) { .noemat-container { width: min(100% - 4rem, var(--noemat-container)); } }