/* Tecniche di Alta Cucina — pagine di servizio (condizioni, privacy, cookie) */

:root{
  --verde:#19392F;
  --verde-notte:#0F2820;
  --crema:#F4EEE5;
  --carta:#FBF8F3;
  --rame:#B56B36;
  --rame-chiaro:#C98A5B;
  --scuro:#0E0C0B;
  --grigio:#65635F;
  --bordo:#D8CFC0;

  --titolo:'Playfair Display',Georgia,serif;
  --testo:'Source Serif 4',Georgia,serif;
  --sans:'Source Sans 3',system-ui,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--crema);color:var(--scuro);
  font-family:var(--testo);font-size:17px;line-height:1.72;
  -webkit-font-smoothing:antialiased;
}

/* ─── barra ─────────────────────────────────────────────── */
.barra{
  background:var(--verde);color:var(--crema);
  border-bottom:.8px solid var(--verde-notte);
}
.barra .dentro{
  display:flex;align-items:center;justify-content:space-between;
  gap:20px;padding:14px 0;
}
.barra a{color:var(--crema);text-decoration:none}
.barra .marchio{
  font-family:var(--sans);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:600;
}
.barra .indietro{
  font-family:var(--sans);font-size:12px;letter-spacing:.05em;
  border-bottom:.8px solid rgba(244,238,229,.45);padding-bottom:2px;
}
.barra .indietro:hover{border-bottom-color:var(--rame-chiaro);color:var(--rame-chiaro)}

.dentro{width:min(760px,calc(100% - 44px));margin:0 auto}

/* ─── testata ───────────────────────────────────────────── */
.testata{padding:clamp(40px,7vw,70px) 0 clamp(22px,3vw,32px)}
.occhiello{
  font-family:var(--sans);font-size:11px;letter-spacing:.17em;
  text-transform:uppercase;color:var(--rame);font-weight:600;margin-bottom:14px;
}
h1{
  font-family:var(--titolo);font-weight:500;
  font-size:clamp(30px,5.2vw,44px);line-height:1.12;
  margin:0 0 18px;color:var(--verde);letter-spacing:-.01em;
}
.sommario{color:var(--grigio);font-size:16.5px;margin:0}
.aggiornata{
  font-family:var(--sans);font-size:12px;letter-spacing:.06em;
  color:var(--grigio);margin-top:20px;
  padding-top:16px;border-top:.8px solid var(--bordo);
}

/* ─── corpo ─────────────────────────────────────────────── */
main{padding-bottom:clamp(48px,7vw,80px)}
h2{
  font-family:var(--titolo);font-weight:500;
  font-size:clamp(20px,3vw,25px);line-height:1.25;
  color:var(--verde);margin:clamp(34px,4.4vw,48px) 0 12px;
}
h2 .n{
  font-family:var(--sans);font-size:12px;font-weight:600;
  letter-spacing:.12em;color:var(--rame);
  display:block;margin-bottom:7px;
}
h3{
  font-family:var(--sans);font-size:13px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--verde);
  margin:26px 0 8px;
}
p{margin:0 0 15px}
a{color:var(--verde);text-decoration:none;border-bottom:.8px solid var(--rame-chiaro)}
a:hover{color:var(--rame)}
ul{margin:0 0 15px;padding:0;list-style:none}
ul li{position:relative;padding-left:20px;margin-bottom:9px}
ul li::before{
  content:'—';position:absolute;left:0;color:var(--rame);
}
strong{font-weight:600}

/* ─── riquadro di nota ──────────────────────────────────── */
.nota{
  background:var(--carta);border:.8px solid var(--bordo);
  border-left:2.5px solid var(--rame);
  padding:18px 22px;margin:22px 0;
  font-size:15.5px;color:var(--grigio);
}
.nota p:last-child{margin-bottom:0}
.nota b{color:var(--verde);font-family:var(--sans);font-size:12px;
  letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:7px}

/* ─── segnaposto da compilare ───────────────────────────── */
.vuoto{
  background:#F6E3CE;color:#8A4A18;
  font-family:var(--sans);font-size:.86em;font-weight:600;
  letter-spacing:.03em;padding:1px 4px;border-radius:2px;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
}

/* ─── avviso di bozza (da togliere prima di pubblicare) ─── */
.avviso-bozza{
  background:#8A4A18;color:#FBF3E8;
  font-family:var(--sans);font-size:13.5px;line-height:1.6;
}
.avviso-bozza .dentro{padding:16px 0}
.avviso-bozza b{letter-spacing:.1em;text-transform:uppercase;font-size:11.5px}

/* ─── piede ─────────────────────────────────────────────── */
footer{
  background:var(--verde);color:rgba(244,238,229,.78);
  font-family:var(--sans);font-size:13px;
  padding:34px 0 40px;
}
footer .righe{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:18px}
footer a{color:var(--crema);border-bottom:.8px solid rgba(244,238,229,.35)}
footer a:hover{color:var(--rame-chiaro);border-bottom-color:var(--rame-chiaro)}
footer a[aria-current]{color:var(--rame-chiaro);border-bottom-color:transparent}
footer p{margin:0 0 6px;font-size:12.5px;color:rgba(244,238,229,.62)}

@media print{
  .barra,footer{background:#fff;color:#000}
  .barra a,footer a{color:#000}
  body{background:#fff}
  h2{break-after:avoid}
  .nota,ul li{break-inside:avoid}
}