/*
 * Otoni Design System 2.0 — RF2
 * Canonical runtime contract. Warm architectural surfaces, editorial hierarchy,
 * functional green accents. Modules should consume these tokens instead of
 * inventing private palettes.
 */
:root{
  --otn-canvas:#f4f0e8;
  --otn-canvas-deep:#ece5da;
  --otn-surface:#fffdfa;
  --otn-surface-soft:#f7f2ea;
  --otn-surface-sage:#edf2ed;
  --otn-ink:#28241f;
  --otn-ink-soft:#4f4942;
  --otn-muted:#776f67;
  --otn-line:rgba(55,45,37,.14);
  --otn-line-strong:rgba(55,45,37,.24);
  --otn-green:#244b3b;
  --otn-green-strong:#18382c;
  --otn-green-soft:#e2ece5;
  --otn-clay:#ad7058;
  --otn-clay-soft:#f3e2d9;
  --otn-sand:#d9cbb9;
  --otn-success:#2f6a50;
  --otn-warning:#996332;
  --otn-danger:#9b4f45;
  --otn-shadow-1:0 8px 28px rgba(58,43,31,.055);
  --otn-shadow-2:0 18px 54px rgba(58,43,31,.09);
  --otn-radius-xs:8px;
  --otn-radius-sm:12px;
  --otn-radius-md:18px;
  --otn-radius-lg:26px;
  --otn-space-1:4px;
  --otn-space-2:8px;
  --otn-space-3:12px;
  --otn-space-4:16px;
  --otn-space-5:20px;
  --otn-space-6:24px;
  --otn-space-8:32px;
  --otn-space-10:40px;
  --otn-space-12:48px;
  --otn-font-editorial:Georgia,'Times New Roman',serif;
  --otn-font-ui:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --otn-text-base:17px;
  --otn-text-mobile:16px;
  --otn-motion-fast:160ms;
  --otn-motion-base:200ms;
  --otn-ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:180ms;animation-timing-function:var(--otn-ease)}
:focus-visible{outline:2px solid var(--otn-green);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@view-transition{navigation:none}}

/* Public service cards: no meaningless SVG placeholder when real media is absent. */
.ottoni-public-service316__visual.is-typographic{display:grid;place-items:center;align-content:center;gap:.35rem;background:linear-gradient(145deg,var(--otn-surface-sage),var(--otn-clay-soft));color:var(--otn-ink);min-height:220px;overflow:hidden;position:relative}
.ottoni-public-service316__visual.is-typographic::after{content:"";position:absolute;width:60%;aspect-ratio:1;border:1px solid rgba(36,75,59,.16);border-radius:50%;transform:translate(30%,-20%)}
.ottoni-public-service316__visual.is-typographic b{font:400 clamp(2.6rem,7vw,5.8rem)/1 var(--otn-font-editorial);letter-spacing:-.05em;position:relative;z-index:1}
.ottoni-public-service316__visual.is-typographic em{font:700 .7rem/1 var(--otn-font-ui);letter-spacing:.22em;font-style:normal;position:relative;z-index:1}