/* Cultura in Impresa: grafica "Schedario". Tessere colorate per categoria, immagini in duotono. */
@font-face{font-family:"Schibsted Grotesk";src:url("/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader-latin-wght-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/assets/fonts/newsreader-latin-wght-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
:root{
  color-scheme:light;
  --nero:#0d0e12;--bianco:#ffffff;--grigio:#5f636d;--linea:#dfe1e6;--k:#0d0e12;
  --schib:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif;
  --news:"Newsreader",Georgia,"Times New Roman",serif;
}
.k-ai{--k:#1b1d24}.k-amb{--k:#1c7566}.k-app{--k:#1d7f9e}.k-form{--k:#1f5fbf}
.k-mar{--k:#bd1a5a}.k-mot{--k:#d2511f}.k-psi{--k:#6a3fa3}.k-ven{--k:#8a6700}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bianco);color:var(--nero);font-family:var(--news);font-size:18px;line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e23a1c;outline-offset:2px}
h1,h2,h3,h4,p{margin:0}h1,h2,h3{text-wrap:balance}
img,svg{display:block;max-width:100%}
.salta{position:absolute;left:-9999px;top:0;background:var(--nero);color:var(--bianco);padding:8px 14px;font:600 15px var(--schib);z-index:10}
.salta:focus{left:8px;top:8px}
.pb{max-width:1200px;margin:0 auto;padding-inline:20px}
.testa{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;padding-block:28px 22px}
.nome{font-family:var(--schib);font-weight:800;font-size:26px;line-height:1.2;letter-spacing:-.03em;margin-right:auto}
.nome a{display:inline-flex;gap:3px;align-items:stretch}
.nome span{display:flex;align-items:center;color:var(--bianco);padding:5px 11px 6px;border-radius:3px}
.nome .m1{background:#6a3fa3}
.nome .m2{background:#d2511f;font-family:var(--news);font-style:italic;font-weight:500;letter-spacing:0;font-size:27px;padding-inline:10px 12px}
.nome .m3{background:#1f5fbf}
.nome a:hover span{filter:brightness(1.12)}
.nav{display:flex;flex-wrap:wrap;gap:4px 24px;font-family:var(--schib);font-size:15px;font-weight:600}
.nav a{padding-block:6px}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.nav .lingua{border:1px solid var(--linea);border-radius:3px;padding:5px 10px}

.chiave{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:22px}
.chiave a{font:600 14px var(--schib);padding:7px 12px 7px 10px;border-radius:3px;border:1px solid var(--linea);display:flex;gap:8px;align-items:center}
.chiave a i{width:12px;height:12px;border-radius:2px;background:var(--k);display:block}
.chiave a:hover{border-color:var(--k)}
.chiave a[aria-current]{background:var(--k);border-color:var(--k);color:var(--bianco)}
.chiave a[aria-current] i{background:var(--bianco)}

.meta{font-family:var(--schib);font-size:14px;font-weight:600;display:flex;flex-wrap:wrap;gap:2px 16px}
.meta span+span,.meta a+span{font-weight:400;opacity:.9}
.meta a{text-decoration:underline;text-underline-offset:3px}

.mosaico{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(240px,auto);grid-auto-flow:dense;gap:10px}
.tessera{background:var(--k);color:var(--bianco);border-radius:3px;min-width:0;overflow:hidden;position:relative;display:flex;flex-direction:column}
.tessera h2,.tessera h3{font-family:var(--schib);font-weight:700;font-size:21px;line-height:1.15;letter-spacing:-.02em}
.tessera.grande h2{font-size:clamp(28px,3.6vw,46px);line-height:1.02;letter-spacing:-.035em;font-weight:800}
.tessera h2 a::after,.tessera h3 a::after{content:"";position:absolute;inset:0}
.tessera:hover h2 a,.tessera:hover h3 a{text-decoration:underline;text-underline-offset:4px}
.tessera .sotto{font-size:15px;line-height:1.38;max-width:34em;margin-top:8px;opacity:.95}
.tessera.grande .sotto{font-size:18px;line-height:1.45;max-width:30em;margin-top:12px;opacity:1}
.testo{padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;justify-content:space-between;flex:1;position:relative;z-index:1}
.s42{grid-column:span 4;grid-row:span 2}.s22{grid-column:span 2;grid-row:span 2}
.s21{grid-column:span 2}.s31{grid-column:span 3}

/* Duotono: la foto riempie la tessera, in bianco e nero, tinta del colore di categoria */
.foto{position:absolute;inset:0;background:var(--k)}
.foto img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen;opacity:.55}
.foto::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--k) 18%,transparent 78%),linear-gradient(to bottom,var(--k),transparent 34%);opacity:.92}
.foto.figura svg{position:absolute;inset:0;width:100%;height:100%;opacity:.34}
.foto.figura::after{background:linear-gradient(to top,var(--k) 12%,transparent 70%);opacity:.8}
.s42 .foto.figura svg,.s22 .foto.figura svg{height:62%;opacity:.92}
.s42 .foto.figura::after,.s22 .foto.figura::after{background:none}

.pagine{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;font:700 15px var(--schib);margin-top:26px}
.pagine a{border-bottom:2px solid var(--nero);padding-block:6px 2px}
.pagine span{color:var(--grigio);font-weight:400}
.piede{font-family:var(--schib);font-size:14px;color:var(--grigio);display:flex;flex-wrap:wrap;gap:6px 22px;padding-block:22px 56px;margin-top:40px;border-top:1px solid var(--linea)}
.piede a{text-decoration:underline;text-underline-offset:3px;padding-block:4px}

.cat-testa{padding-block:6px 26px;max-width:46em}
.cat-testa h1{font-family:var(--schib);font-weight:800;font-size:clamp(32px,5vw,54px);line-height:1.02;letter-spacing:-.04em}
.cat-testa h1::before{content:"";display:block;width:56px;height:10px;background:var(--k);border-radius:2px;margin-bottom:16px}
.cat-testa p{font-size:21px;line-height:1.45;margin-top:14px}

.art-testa{background:var(--k);color:var(--bianco);border-radius:3px;overflow:hidden;position:relative;display:grid;min-height:440px}
.art-testa .foto::after{background:linear-gradient(to top,var(--k) 30%,transparent 95%)}
.art-testa .foto.figura svg{left:auto;right:0;width:44%;opacity:.92}
.art-testa .foto.figura::after{background:none}
.art-testa .foto.figura+.testo{max-width:60%}
.art-testa .testo{padding:clamp(22px,4vw,48px);gap:16px;justify-content:flex-end}
.art-testa h1{font-family:var(--schib);font-weight:800;font-size:clamp(32px,5.4vw,62px);line-height:1.0;letter-spacing:-.04em;max-width:14em}
.art-testa .sotto{font-size:21px;line-height:1.45;max-width:30em}
.art-corpo{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;padding-top:26px;align-items:start}
.firma{font-family:var(--schib);font-size:14px;color:var(--grigio)}
.prosa{font-size:20px;line-height:1.7;max-width:34em;overflow-wrap:break-word}
.prosa p,.prosa ul,.prosa ol,.prosa blockquote,.prosa figure,.prosa table,.prosa pre{margin:1.05em 0}
.prosa h2{font-family:var(--schib);font-size:28px;line-height:1.2;letter-spacing:-.02em;margin-top:1.7em;font-weight:800}
.prosa h3{font-size:24px;line-height:1.25;margin-top:1.6em;font-weight:700}
.prosa h4{font-size:20px;margin-top:1.4em;font-weight:700}
.prosa a{text-decoration:underline;text-decoration-color:var(--k);text-decoration-thickness:2px;text-underline-offset:3px}
.prosa a:hover{color:var(--k)}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li{margin:.35em 0}
.prosa blockquote{border-left:6px solid var(--k);padding-left:18px;margin-inline:0;font-style:italic}
.prosa img{height:auto;border-radius:3px}
.prosa figure{margin-inline:0}
.prosa figcaption{font:400 14px var(--schib);color:var(--grigio);margin-top:6px}
.prosa table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%;font:400 16px/1.4 var(--schib)}
.prosa th,.prosa td{border:1px solid var(--linea);padding:8px 10px;text-align:left;vertical-align:top}
.prosa hr{border:0;border-top:1px solid var(--linea);margin:2em 0}
.prosa sup{line-height:0}
.tag{font:400 14px/1.5 var(--schib);color:var(--grigio);max-width:46em;margin-top:28px}
.accanto{font-family:var(--schib);font-size:15px;display:grid;gap:12px;position:sticky;top:20px}
.accanto h2{font-size:14px;font-weight:800}
.accanto a{display:block;border-left:6px solid var(--k);padding:4px 0 4px 12px;font-weight:600;line-height:1.25}
.accanto a span{display:block;font-size:12px;font-weight:400;color:var(--grigio);margin-bottom:2px}
.accanto a:hover{text-decoration:underline}
.fissa h1{font-family:var(--schib);font-weight:800;font-size:clamp(32px,5vw,54px);line-height:1.02;letter-spacing:-.04em;padding-block:6px 10px}

.cerca{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-family:var(--schib)}
.cerca label{position:absolute;left:-9999px}
.cerca input{font:400 18px var(--schib);padding:10px 12px;border:1px solid var(--grigio);border-radius:3px;flex:1 1 220px;min-width:0}
.cerca button{font:700 16px var(--schib);padding:10px 18px;border:0;border-radius:3px;background:var(--nero);color:var(--bianco);cursor:pointer}
.esito{font:400 16px var(--schib);margin-bottom:18px}
.modulo{font-family:var(--schib);max-width:34em;margin-top:22px;display:grid;gap:6px}
.modulo label{font-weight:700;font-size:15px;margin-top:10px}
.modulo input,.modulo textarea{font:400 18px/1.4 var(--schib);padding:10px 12px;border:1px solid var(--grigio);border-radius:3px;width:100%;background:var(--bianco);color:var(--nero)}
.modulo textarea{resize:vertical}
.modulo button{justify-self:start;font:700 16px var(--schib);padding:11px 20px;border:0;border-radius:3px;background:var(--nero);color:var(--bianco);cursor:pointer;margin-top:10px}
.modulo .nota{font-size:14px;color:var(--grigio);margin-top:8px}
.modulo .nota a{text-decoration:underline;text-underline-offset:3px}
.trappola{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.esito-modulo{font:600 17px/1.45 var(--schib);border-left:6px solid #1c7566;padding:10px 14px;margin-top:20px;max-width:34em}
.esito-modulo.errore{border-color:#b3261e}
.esito-modulo ul{margin:0;padding-left:20px}

@media (max-width:860px){
  .mosaico{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(220px,auto)}
  .s42,.s22,.s21,.s31{grid-column:span 2;grid-row:auto}
  .tessera.grande{min-height:380px}
  .art-corpo{grid-template-columns:minmax(0,1fr);gap:32px}
  .accanto{position:static}
  .art-testa{min-height:360px}
  .art-testa .foto.figura{position:relative;height:190px}
  .art-testa .foto.figura svg{width:100%}
  .art-testa .foto.figura+.testo{max-width:none;padding-top:0}
  .prosa{font-size:19px}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.nome span{background:none;color:#000;padding:0}.testa .nav,.chiave,.accanto,.piede,.pagine{display:none}.art-testa{background:none;color:#000;min-height:0}.foto{display:none}}