/* incentivi.marcobottega.com
   Ottone e inchiostro: il colore dei documenti timbrati. Caratteri di sistema,
   nessuna richiesta esterna, nessun cookie. */
:root {
  --ground:#FBFAF7; --surface:#FFFFFF; --sunk:#F3F1EB;
  --ink:#1A1D21; --muted:#6B6F76; --rule:#E1DDD3;
  --brass:#8F6516; --brass-soft:#F0E6D0; --verde:#2F6B57;
  --serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;
  --misura:38rem;
}
@media (prefers-color-scheme:dark){
  :root{
    --ground:#14161A; --surface:#1B1E23; --sunk:#22262C;
    --ink:#E9E6E0; --muted:#9BA1A9; --rule:#2E333A;
    --brass:#D9A441; --brass-soft:#33291A; --verde:#63AE8E;
  }
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);
  font:18px/1.66 var(--serif);-webkit-font-smoothing:antialiased}
.contenuto{max-width:var(--misura);margin:0 auto;padding:0 1.3rem 5rem}

/* Testata: il nome del sito e cosa promette. */
.testata{border-bottom:1px solid var(--rule);background:var(--surface)}
.testata-in{max-width:var(--misura);margin:0 auto;padding:1.1rem 1.3rem;
  display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap}
.marchio{font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:-.01em;
  color:var(--ink);text-decoration:none}
.marchio span{color:var(--brass)}
.promessa{font-family:var(--sans);font-size:.8rem;color:var(--muted);flex:1;min-width:12rem}

.occhiello{font-family:var(--sans);font-size:.7rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--brass);margin:0 0 .8rem}
h1{font-size:clamp(1.75rem,5.2vw,2.4rem);line-height:1.16;font-weight:600;margin:0;
  letter-spacing:-.014em;text-wrap:balance}
.firma{font-family:var(--sans);font-size:.84rem;color:var(--muted);margin:1rem 0 0}
article{margin-top:2.6rem}
article h2{font-family:var(--sans);font-size:.78rem;font-weight:600;letter-spacing:.12em;
  text-transform:uppercase;color:var(--brass);margin:2.5rem 0 .7rem;
  padding-bottom:.4rem;border-bottom:1px solid var(--brass-soft)}
article h3{font-size:1.15rem;margin:1.8rem 0 .5rem}
article p{margin:0 0 1.05rem}
a{color:var(--brass);text-underline-offset:2px;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid var(--brass);outline-offset:2px;border-radius:2px}
.avviso{font-family:var(--sans);font-size:.85rem;line-height:1.6;color:var(--muted);
  background:var(--sunk);border-left:2px solid var(--brass);padding:.9rem 1.1rem;margin:2.4rem 0 0}
.fonti{margin-top:2.6rem;border-top:1px solid var(--rule);padding-top:1.3rem;
  font-family:var(--sans);font-size:.85rem}
.fonti strong{display:block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:.7rem}
.fonti ol{margin:0;padding-left:1.2rem;line-height:1.75}
.fonti li{margin-bottom:.35rem;word-break:break-word}

/* Archivio */
.filtri{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 2rem;padding:0;list-style:none}
.filtri button{font:500 .8rem/1 var(--sans);padding:.45rem .8rem;border-radius:99px;
  border:1px solid var(--rule);background:var(--surface);color:var(--muted);cursor:pointer}
.filtri button[aria-pressed="true"]{border-color:var(--brass);color:var(--brass);
  background:var(--brass-soft)}
.filtri button:focus-visible{outline:2px solid var(--brass);outline-offset:2px}
.elenco{list-style:none;margin:0;padding:0}
.elenco li{border-top:1px solid var(--rule);padding:1.1rem 0}
.elenco li[hidden]{display:none}
.elenco a{font-family:var(--sans);font-weight:600;font-size:1.02rem;text-decoration:none;
  color:var(--ink);display:block;line-height:1.35}
.elenco a:hover{color:var(--brass)}
.riga{font-family:var(--sans);font-size:.78rem;color:var(--muted);margin-top:.4rem;
  display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.tag{color:var(--brass);border:1px solid var(--brass-soft);border-radius:2px;
  padding:.08rem .4rem;font-size:.72rem}
.vuoto{font-family:var(--sans);font-size:.9rem;color:var(--muted);padding:1.4rem 0}
.anno{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.13em;
  text-transform:uppercase;color:var(--muted);margin:2.2rem 0 .3rem}
.anno:first-of-type{margin-top:0}

footer{max-width:var(--misura);margin:0 auto;padding:1.3rem;border-top:1px solid var(--rule);
  font-family:var(--sans);font-size:.8rem;color:var(--muted);line-height:1.6}
@media (max-width:520px){body{font-size:17px}}