/* Taccuino della Montagna: layout degli articoli (classi tc-*) */
.tc-hero{position:relative;min-height:min(66vh,580px);display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.tc-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,18,20,.35) 0%,rgba(15,18,20,.15) 35%,rgba(15,18,20,.72) 100%)}
.tc-hero .contenitore{position:relative;z-index:2;padding-top:140px;padding-bottom:clamp(36px,6vw,72px);width:100%}
.tc-hero .occhiello{color:#fff;opacity:.9}.tc-hero .occhiello a{color:#fff}
.tc-hero h1{max-width:17em;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35);margin-bottom:.4em}
.tc-hero .lead{color:#f6efdc;max-width:38em;margin:0}
.tc-sez{padding:clamp(18px,2.6vw,30px) 0}
.tc-col{max-width:46rem;margin:0 auto;padding:0 20px}
.tc-col h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin:1.4em 0 .5em}
.tc-col>h2:first-child{margin-top:0}
.tc-col p,.tc-col li{font-size:1.04rem}
.tc-col ul{padding-left:1.2em}
.tc-wide{max-width:70rem;margin:0 auto;padding:0 20px}
.tc-fig{margin:0}
.tc-fig img{width:100%;height:auto;border-radius:4px;box-shadow:0 10px 30px rgba(66,47,34,.14)}
.tc-fig figcaption,.tc-cap{font-size:.8rem;line-height:1.45;color:var(--tenue);margin-top:10px;padding-left:12px;border-left:2px solid var(--oro)}
.tc-fig figcaption em,.tc-cap em{font-family:inherit;font-style:normal;font-weight:500}
/* risposta */
.tc-risposta{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;background:var(--carta-2);border:1px solid var(--linea);border-top:4px solid var(--caldo);border-radius:4px;padding:clamp(24px,4vw,48px)}
.tc-risposta h2{margin:0 0 .5em;font-size:clamp(1.7rem,3.2vw,2.4rem)}
.tc-risposta p{font-size:1.08rem}
.tc-risposta .tc-fig img{aspect-ratio:4/3;object-fit:cover}
/* cronologia */
.tc-cron{list-style:none;margin:28px 0;padding:0 0 0 28px;border-left:2px solid var(--linea)}
.tc-cron li{position:relative;padding:0 0 22px 10px;margin:0}
.tc-cron li::before{content:"";position:absolute;left:-37px;top:.35em;width:14px;height:14px;border-radius:50%;background:var(--carta);border:3px solid var(--oro)}
.tc-cron li.tc-chiave::before{background:var(--caldo);border-color:var(--caldo);box-shadow:0 0 0 5px rgba(196,70,43,.18)}
.tc-cron b{display:block;font:600 .8rem/1.2 var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--cotto);margin-bottom:3px}
.tc-cron li.tc-chiave b{color:var(--caldo)}
/* lato */
.tc-lato{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:start}
.tc-lato ul{padding-left:0;list-style:none;margin:14px 0 0}
.tc-lato li{position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--linea);counter-increment:regola}
.tc-lato ul{counter-reset:regola}
.tc-lato li::before{content:counter(regola);position:absolute;left:0;top:10px;width:30px;height:30px;border-radius:50%;background:var(--bosco);color:#fff;font:600 .85rem/30px var(--sans);text-align:center}
.tc-lato li:last-child{border-bottom:1px solid var(--linea)}
.tc-lato .tc-fig img{width:100%;max-width:420px}
/* largo */
.tc-largo .tc-fig img{aspect-ratio:21/9;object-fit:cover;width:100%}
/* numeri */
.tc-numeri{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:8px 0}
.tc-numeri div{background:var(--bosco);color:#fff;border-radius:4px;padding:26px 20px;text-align:center}
.tc-numeri b{display:block;font:400 clamp(2.2rem,5vw,3.2rem)/1 var(--serif);color:var(--oro)}
.tc-numeri span{display:block;margin-top:8px;font-size:.88rem;letter-spacing:.04em;color:#f2ebd9}
/* schede lettere */
.tc-schede{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:8px 0}
.tc-scheda{position:relative;background:#fff;border:1px solid var(--linea);border-radius:4px;padding:18px 18px 20px;display:flex;flex-direction:column}
.tc-scheda .tc-lett{font:400 4.6rem/.9 var(--serif);color:var(--caldo);margin-bottom:6px}
.tc-scheda h3{font:600 .8rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--titoli);margin:0 0 8px}
.tc-scheda p{font-size:.88rem;line-height:1.5;margin:0;color:var(--inchiostro)}
.tc-scheda.tc-qui{background:var(--carta-2);border:2px solid var(--oro);box-shadow:0 12px 28px rgba(220,165,74,.28)}
.tc-scheda .tc-badge{position:absolute;top:-11px;right:14px;background:var(--caldo);color:#fff;font:600 .68rem/1 var(--sans);letter-spacing:.07em;text-transform:uppercase;padding:6px 10px;border-radius:2px}
/* galleria */
.tc-galleria{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}
.tc-galleria .tc-fig img{height:auto}
/* banda */
.tc-banda{background:var(--fascia);color:#fff}
.tc-banda h2{color:#fff}
.tc-banda a{color:var(--oro)}
.tc-banda .tc-bandagrid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,4vw,56px);align-items:center}
.tc-banda ul{padding-left:1.1em}
.tc-banda li{margin-bottom:.7em;color:#f2ebd9}
.tc-banda .tc-fig img{aspect-ratio:3/2;object-fit:cover}
.tc-banda .tc-fig figcaption{color:#e4dac3}
.tc-fonti{font-size:.88rem}
.tc-fonti li{margin-bottom:.4em;word-break:break-word}
@media(max-width:900px){.tc-schede{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.tc-risposta,.tc-lato,.tc-galleria,.tc-banda .tc-bandagrid{grid-template-columns:1fr}.tc-numeri{grid-template-columns:1fr}.tc-schede{grid-template-columns:1fr}.tc-hero{min-height:56vh}}
.tc-hero .contenitore{padding-top:80px!important}
.tc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.tc-card{display:block;background:#fff;border:1px solid var(--linea);border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(66,47,34,.08)}
.tc-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.tc-card div{padding:18px 20px 22px}
.tc-card h2{font-size:1.4rem;margin:0 0 .4em}
.tc-card p{font-size:.92rem;color:var(--tenue);margin:0}
.tc-scheda .tc-gloss{font-size:.8rem;color:var(--tenue);margin:-4px 0 8px;font-style:italic}
