/* ===================================================================
   SANDRA · SISTEMA AUREO
   Tutte le misure derivano dal rapporto aureo phi = 1,618…
   - testi: base 14,4 px, ogni livello x phi (mezzi livelli x radice di phi)
   - spaziature e angoli: numeri di Fibonacci (5, 8, 13, 21, 34, 55, 89 px)
   - colonne affiancate: 61,8% / 38,2%
   - interlinea: phi per i testi, 2/phi per i titoli
   Per tornare alla grafica di prima basta togliere questo file dalla pagina.
   =================================================================== */
:root {
  --phi: 1.618034;
  --t-base: 0.9rem;                                   /* 14,4 px */
  --t-etichetta: calc(var(--t-base) / 1.272020);      /* 11,3 px  = base / radice di phi */
  --t-testo: var(--t-base);                           /* 14,4 px */
  --t-lettura: calc(var(--t-base) * 1.127838);        /* 16,2 px  = base x phi^(1/4) */
  --t-titoletto: calc(var(--t-base) * 1.272020);      /* 18,3 px  = base x radice di phi */
  --t-titolo: calc(var(--t-base) * 1.618034);         /* 23,3 px  = base x phi */
  --t-sezione: calc(var(--t-base) * 2.058171);        /* 29,6 px  = base x phi^1,5 */
  --t-grande: calc(var(--t-base) * 2.618034);         /* 37,7 px  = base x phi^2 */
  --t-eroe: calc(var(--t-base) * 3.330190);           /* 48 px    = base x phi^2,5 */
  --int-testo: 1.618;                                 /* interlinea = phi */
  --int-titolo: 1.236;                                /* interlinea = 2 / phi */
  --f-5: 5px; --f-8: 8px; --f-13: 13px; --f-21: 21px; --f-34: 34px; --f-55: 55px; --f-89: 89px;
}

/* ---------- TESTI ---------- */
.casa8-title { font-size: clamp(var(--t-grande), 6vw, var(--t-eroe)); line-height: var(--int-titolo); }
.c8-section-title, .c8-cinematic-title { font-size: clamp(var(--t-titolo), 4vw, var(--t-sezione)); line-height: var(--int-titolo); }
.sandra-modal-title, .tds-title, .sandra-hero-title, .oracle-main-title, .obh-title { font-size: var(--t-titolo); line-height: var(--int-titolo); }
.c8-card-title, .c8-guide-heading, .c8-pillar-title, .c8-fan-title, .concierge-card-title, .c8-sim-phase-title,
.astromantica-step-title, .cgc-title, .oracle-bento-title, .pdf-style-name { font-size: var(--t-titoletto); line-height: var(--int-titolo); }
.c8-card-desc, .c8-guide-p, .c8-pillar-text, .sandra-modal-subtitle, .concierge-card-text, .casa8-sublead,
.tds-desc, .astromantica-step-desc, .c8-altar-desc, .pdf-style-desc, .c8-cinematic-sub { font-size: var(--t-testo); line-height: var(--int-testo); }
.casa8-lead { font-size: var(--t-lettura); line-height: var(--int-testo); }
.oracle-bento-body, .oracle-bento-body p, .fac-body, .fac-body p { font-size: var(--t-lettura); line-height: var(--int-testo); }
.c8-card-badge, .sandra-modal-badge, .c8-section-label, .casa8-hero-badge, .tds-badge, .c8-fan-badge, .cgc-badge,
.c8-sim-hud-badge, .form-label, .tac-label, .tac-label-hint, .recipe-sec-label, .sandra-hero-subtitle, .oracle-bento-subtitle,
.c8-badge-star { font-size: var(--t-etichetta); }
.tsb-title { font-size: var(--t-testo); }

/* ---------- ANGOLI (Fibonacci: 8 piccoli, 13 schede, 21 grandi riquadri) ---------- */
.c8-fan-mini-card, .sign-card-v3, .geo-chip, .recipe-ing-item, .sandra-form-error, .sandra-form-success, .c8-sim-slot-pos,
.tea-card-fan { border-radius: var(--f-8); }
.c8-card-bg, .concierge-card, .faq-item, .pdf-style-card, .c8-fan-box, .c8-guide-box, .c8-pillar-card, .tds-card-layer,
.astromantica-step-box, .const-guide-card, .c8-sim-card-inner, .c8-sim-card-back, .c8-sim-card-front, .oracle-followup-box,
.oracle-bento-card { border-radius: var(--f-13); }
.c8-bento-card, .superpower-card, .tarot-altar-card, .oracle-box, .sandra-modal-card, .astral-form, .casa8-hero,
.sandra-hero { border-radius: var(--f-21); }

/* ---------- SPAZIATURE (Fibonacci) ---------- */
.c8-bento-card, .superpower-card, .tarot-altar-card, .astral-form, .c8-fan-box, .c8-guide-box, .c8-pillar-card,
.const-guide-card, .oracle-followup-box, .oracle-bento-card { padding: var(--f-21); }
.astromantica-step-box, .concierge-card { padding: var(--f-13) var(--f-21); }
.oracle-box { padding: var(--f-34) var(--f-21); }
.sandra-modal-card { padding: var(--f-34) var(--f-21); }
.casa8-hero { padding: var(--f-55) var(--f-34) var(--f-34); }
.geo-chip, .recipe-ing-item { padding: var(--f-5) var(--f-13); }
.casa8-superpowers-grid { gap: var(--f-21); }
.tarot-spread-grid, .form-grid { gap: var(--f-13); }
.oracle-bento-grid { gap: var(--f-21); }

/* ---------- COLONNE AUREE: 61,8% / 38,2% ---------- */
@media (min-width: 900px) {
  .oracle-bento-grid { grid-template-columns: 1.618fr 1fr; }
}