/* ==================================================================
   Eurosima — Pagine statiche (page.php del child). Token: style.css.
   Self-contained (come offerte.css): breadcrumb replicato qui.

   Layout: titolo serif + corpo prosa in card bianca su sfondo surface-alt,
   a tutta larghezza del container.
   ================================================================== */

body.page { background: var(--color-surface-alt); }

.eu-page { font-family: var(--font-sans); color: var(--color-ink); padding-bottom: var(--space-12); }
.eu-page * { box-sizing: border-box; }
.eu-page__inner { padding-top: var(--space-4); }

/* ===================== Breadcrumb (replicato da category.css) ===================== */
.eu-breadcrumb { font-family: var(--font-sans); }
.eu-breadcrumb__inner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding-block: 14px; font-size: var(--fs-xs); color: var(--color-muted); }
.eu-breadcrumb__item { color: var(--color-muted); text-decoration: none; }
a.eu-breadcrumb__item:hover { color: var(--color-ink); }
.eu-breadcrumb__item.is-current { color: var(--color-ink); font-weight: var(--fw-semibold); }
.eu-breadcrumb__sep { display: flex; align-items: center; opacity: 0.4; color: var(--color-muted); }

/* ===================== Testata ===================== */
.eu-page__head { margin-bottom: var(--space-5); }
.eu-page__title {
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: var(--fs-4xl);
  letter-spacing: -1px;
  line-height: 1.1;
  margin: 0;
  color: var(--color-ink);
}

/* ===================== Corpo ===================== */
.eu-page__body {
  background: var(--color-surface);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-lg-d);
  padding: var(--space-8);
}

/* ===================== Prosa ===================== */
.eu-prose { font-size: var(--fs-md); line-height: 1.7; color: var(--color-ink-2); }
.eu-prose > :first-child { margin-top: 0; }
.eu-prose > :last-child { margin-bottom: 0; }

.eu-prose h2 {
  font-family: var(--font-serif);
  font-weight: var(--fw-medium);
  font-size: var(--fs-2xl);
  letter-spacing: -0.5px;
  line-height: 1.2;
  color: var(--color-navy);
  margin: var(--space-8) 0 var(--space-3);
}
.eu-prose h3,
.eu-prose h4 {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--fs-lg);
  line-height: 1.3;
  color: var(--color-ink);
  margin: var(--space-6) 0 var(--space-2);
}
.eu-prose h5,
.eu-prose h6 {
  font-family: var(--font-sans);
  font-weight: var(--fw-bold);
  font-size: var(--fs-md);
  color: var(--color-ink);
  margin: var(--space-5) 0 var(--space-2);
}

.eu-prose p { margin: 0 0 var(--space-4); }
.eu-prose a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 2px; }
.eu-prose a:hover { color: var(--color-navy); }
.eu-prose strong { color: var(--color-ink); font-weight: var(--fw-bold); }

.eu-prose ul,
.eu-prose ol { margin: 0 0 var(--space-4); padding-left: 22px; }
.eu-prose li { margin-bottom: var(--space-2); }
.eu-prose li::marker { color: var(--color-primary); }

.eu-prose blockquote {
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  background: var(--color-accent-soft);
  border-left: 3px solid var(--color-accent);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  color: var(--color-navy);
}
.eu-prose blockquote p:last-child { margin-bottom: 0; }

.eu-prose img { max-width: 100%; height: auto; border-radius: var(--radius-md); }
.eu-prose hr { border: 0; border-top: 1px solid var(--color-line); margin: var(--space-6) 0; }

.eu-prose table { width: 100%; border-collapse: collapse; margin: var(--space-5) 0; font-size: var(--fs-sm); }
.eu-prose th,
.eu-prose td { padding: 10px 14px; border: 1px solid var(--color-line); text-align: left; }
.eu-prose th { background: var(--color-surface-alt); color: var(--color-ink); font-weight: var(--fw-semibold); }

/* ===================== Responsive ===================== */
@media (max-width: 768px) {
  .eu-page__title { font-size: var(--fs-3xl); }
  .eu-page__body { padding: var(--space-5) var(--space-4); }
}