/* Dossier, seconda forma: un fascicolo d'archivio disegnato come la scheda di un prodotto.
   Grafite per l'apertura, carta per i documenti, arancio solo per ciò che è attivo. */
.d2wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;min-width:0;margin-top:14px;--d2-g:#232322;--d2-g2:#2E2E2C;--d2-line:#3B3B38;--d2-paper:#FBFBF9;--d2-slip:#F3F3F1;--ease:cubic-bezier(.2,.8,.2,1)}
.d2wrap .mono{font-family:var(--mono)}

/* ---------- apertura: il reperto e la scheda tecnica */
.d2open{padding:6px;border-radius:24px;background:linear-gradient(180deg,#4A4A48,#1C1C1B);box-shadow:0 0 0 1px #111,inset 0 1px 0 rgba(255,255,255,.16),0 30px 40px -26px rgba(0,0,0,.55)}
.d2o-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0;border-radius:19px;overflow:hidden;background:var(--d2-g);color:#EDEDE8;box-shadow:inset 0 0 0 1px #000}.d2o-in.norep{grid-template-columns:1fr}
.d2rep{margin:0;display:grid;align-content:center;justify-items:center;gap:14px;padding:34px 30px 24px;background:radial-gradient(120% 90% at 50% 40%,#3A3A37 0,#232322 70%);border-right:1px solid var(--d2-line)}
.d2rep a{display:block;max-width:330px;width:100%;transform:rotate(-1.2deg);transition:transform .5s var(--ease)}
.d2rep a:hover{transform:rotate(0) translateY(-4px)}
.d2rep img{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 0 0 6px #F3F3F1,0 0 0 7px #CBCBC6,0 30px 40px -18px rgba(0,0,0,.85)}
.d2rep figcaption{max-width:360px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#9A9A94;text-align:center;line-height:1.5}
.d2rep figcaption b{color:#FF6A2A;font-weight:500;margin-right:6px}
.d2id{display:grid;align-content:start;gap:16px;padding:30px 32px 28px}
.d2id .d2code{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#B9B9B2}
.d2name{margin:0;font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(54px,7.6vw,112px);line-height:.84;letter-spacing:-.05em;color:#F4F4F2;text-wrap:balance}
.d2name .tc{color:#FF4500}
.d2name.lungo{font-size:clamp(40px,5.2vw,82px)}
.d2desc{margin:0;max-width:44ch;font-size:18px;line-height:1.4;color:#D6D6D0}
.d2spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0 0;border-top:1px solid var(--d2-line);border-left:1px solid var(--d2-line)}
.d2spec div{display:grid;gap:4px;padding:10px 12px;border-right:1px solid var(--d2-line);border-bottom:1px solid var(--d2-line)}
.d2spec dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8E8E89}
.d2spec dd{margin:0;font-family:var(--title);font-weight:700;font-size:20px;letter-spacing:-.01em;color:#F4F4F2;font-variant-numeric:tabular-nums}
.d2idx{display:grid;gap:0;margin-top:4px}
.d2idx .d2lb{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#8E8E89;padding-bottom:6px}
.d2idx a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 6px;border-top:1px solid var(--d2-line);color:#EDEDE8;transition:background-color .18s var(--ease),padding .18s var(--ease)}
.d2idx a:last-child{border-bottom:1px solid var(--d2-line)}
.d2idx a b{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--d2-g2);box-shadow:0 2px 0 #111;font-size:11px;font-weight:500;color:#FF6A2A}
.d2idx a span{font-family:var(--title);font-weight:700;font-size:15px}
.d2idx a em{font-style:normal;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#8E8E89}
.d2idx a:hover{background:#2B2B29;padding-left:10px}
.d2idx a:hover b{background:#FF4500;color:#1A1A19}

/* ---------- sezioni: ognuna con la sua lettera */
.d2{position:relative;padding:18px 18px 20px;border-radius:22px;background:var(--device);box-shadow:0 0 0 1px #CFCFCA,inset 0 1px 0 #fff,0 22px 30px -24px rgba(0,0,0,.34);scroll-margin-top:90px}
.d2h{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:12px;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.d2h>b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--ink);color:#FF6A2A;font-size:13px;font-weight:500;box-shadow:0 3px 0 #000;align-self:center}
.d2h h2{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;line-height:1}
.d2h>span{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.d2 .allbtn{margin-top:14px}
.d2 .by{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}

/* A · in primo piano: un servizio d'apertura */
.d2lead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hair);color:inherit}
.d2lead .cv{display:block;aspect-ratio:40/27;overflow:hidden;background:#1d1d1d}
.d2lead .cv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}
.d2lead:hover .cv img{transform:scale(1.03)}
.d2lead .d2t{display:grid;align-content:center;gap:12px;padding:26px 28px}
.d2lead .d2k{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.d2lead b{font-family:var(--display);font-weight:800;font-size:clamp(28px,3vw,42px);line-height:1;letter-spacing:-.035em;text-wrap:balance}
.d2lead .d2x{font-size:16px;line-height:1.45;color:var(--ink-2);text-wrap:pretty}
.d2lead .d2go{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:6px;height:34px;padding:0 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 3px 0 #000;transition:background-color .18s}
.d2lead:hover .d2go{background:#FF4500}

/* B · approfondimenti: documenti di misure diverse */
.d2docs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;grid-auto-flow:row dense}
.d2doc{display:grid;align-content:start;gap:7px;padding:12px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--hair);color:inherit;transition:transform .14s var(--ease),box-shadow .14s var(--ease)}
.d2doc:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--rule),0 12px 18px -14px rgba(0,0,0,.4)}
.d2doc .cv{display:block;aspect-ratio:40/27;overflow:hidden;border-radius:6px;background:#e4e4e0}
.d2doc .cv img{width:100%;height:100%;object-fit:cover;display:block}
.d2doc .d2no{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#FF4500}
.d2doc b{font-family:var(--title);font-weight:700;font-size:17px;line-height:1.18;letter-spacing:-.01em}
.d2doc .d2x{font-size:13.5px;line-height:1.42;color:var(--ink-2)}
.d2doc.big{grid-column:span 7;grid-row:span 2}.d2doc.big b{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.03em;line-height:1.02}
.d2doc.mid{grid-column:span 5}
.d2doc.doc{grid-column:span 4;padding:14px 14px 12px;background:linear-gradient(#FAFAF9,#F3F3F0);box-shadow:0 0 0 1px var(--hair),inset 0 3px 0 var(--ink)}

/* C · recensioni scelte: un nastro di copertine con il loro cartellino */
.d2c{padding-bottom:16px}
.d2rail{display:flex;justify-content:flex-end;gap:6px;margin:-4px 0 8px}
.d2recs{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 2px 8px;align-items:flex-start}
.d2recs::-webkit-scrollbar{display:none}
.d2rec{flex:none;width:250px;display:grid;gap:6px;scroll-snap-align:start;color:inherit}
.d2rec .cv{display:block;height:200px;border-radius:6px;overflow:hidden;background:#1d1d1d;box-shadow:0 14px 18px -14px rgba(0,0,0,.6);transition:transform .16s var(--ease)}
.d2rec .cv img{width:100%;height:100%;object-fit:cover;display:block}
.d2rec.albo{width:150px}.d2rec.albo .cv{height:220px;background:#e4e4e0}
.d2rec:hover .cv{transform:translateY(-4px)}
.d2rec .d2ph{display:grid;place-items:center;height:100%;color:#9A9A94;font-size:9px}
.d2rec .d2k{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#FF4500;margin-top:4px}
.d2rec .d2v{font-family:var(--display);font-weight:900;font-size:30px;line-height:.9;letter-spacing:-.03em}
.d2rec b{font-family:var(--title);font-weight:700;font-size:14.5px;line-height:1.2}

/* D · rubriche e punti di vista: cartelline e ritagli */
.d2clips{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:36px 14px;padding-top:20px}
.d2clip{position:relative;display:grid;align-content:start;padding:18px 14px 8px;border-radius:0 10px 10px 10px;background:var(--d2-slip);box-shadow:0 0 0 1px #DEDEDA,0 10px 16px -14px rgba(0,0,0,.35)}
.d2clip .d2tab{position:absolute;left:0;top:-20px;height:21px;padding:4px 10px 0;border-radius:8px 8px 0 0;background:var(--d2-slip);box-shadow:0 0 0 1px #DEDEDA;clip-path:inset(-2px -2px 0 -2px);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.d2clip a{display:grid;gap:2px;padding:9px 0;border-top:1px dashed #D0D0CB;color:inherit}
.d2clip a:first-of-type{border-top:0}
.d2clip a .mono{font-size:9px;letter-spacing:.08em;color:var(--ink-3)}
.d2clip a b{font-family:var(--title);font-weight:700;font-size:14.5px;line-height:1.22}
.d2clip a:hover b{color:#FF4500}
.d2notes{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}
.d2notes .d2lb{display:block;margin-bottom:10px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.d2notes>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.d2note{display:grid;gap:3px;padding:9px 11px 10px;background:#fff;border-radius:4px;box-shadow:0 0 0 1px var(--hair);border-top:2px dotted #C9C9C4;color:inherit}
.d2note .mono{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.d2note b{font-family:var(--title);font-weight:500;font-size:13.5px;line-height:1.25}
.d2note:hover{box-shadow:0 0 0 1px var(--ink)}

/* E · cronologia e dati */
.d2p{margin:0 0 12px;max-width:70ch;font-size:14px;color:var(--ink-2)}
.d2tl{overflow-x:auto;scrollbar-width:thin;padding-bottom:4px}
.d2cols{position:relative;display:flex;align-items:stretch;gap:2px;height:220px;padding-bottom:18px}
.d2tl .d2y{position:relative;flex:1 1 0;min-width:6px;display:grid;grid-template-rows:62% 38%;padding:0;border:0;background:none;font:inherit;color:inherit;border-radius:2px}
.d2tl button.d2y{cursor:pointer}
.d2cols.solo{height:180px}.d2cols.solo .d2y{grid-template-rows:100% 0}
.d2tl button.d2y:hover,.d2tl .d2y.sel{background:rgba(30,30,30,.06)}
.d2tl button.d2y:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.d2tl .d2s{grid-row:1;display:flex;flex-direction:column-reverse;justify-content:flex-start;border-bottom:1px solid var(--ink)}
.d2tl .d2s i{display:block;width:100%;min-height:2px}
.d2tl .d2al{grid-row:2;align-self:start;display:block;width:100%;max-height:100%;background:repeating-linear-gradient(0deg,#C9C9C4 0 2px,transparent 2px 4px)}
.d2tl .d2yy{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-size:8.5px;color:var(--ink-3);white-space:nowrap}
.d2tl .d2y.sel .d2yy{color:var(--ink);font-weight:700}
.d2tl .d2y.sel::after{content:attr(data-y);position:absolute;bottom:-17px;left:50%;transform:translateX(-50%);font:700 9px/1 var(--mono);color:#fff;background:var(--ink);padding:3px 4px;border-radius:3px;z-index:2}
.d2tl .d2y:hover .d2s i{filter:brightness(.85)}
.g-recensione{background:#222}.g-short{background:#FF4500}.g-approfondimento{background:#7E7E79}.g-articolo{background:#B4B4AE}.g-rubrica{background:#57C7F2}.g-news{background:#DADAD4}
.d2leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:4px}
.d2leg .mono{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.d2leg i{width:10px;height:10px;border-radius:2px;display:inline-block}.d2leg i.d2al{background:repeating-linear-gradient(0deg,#C9C9C4 0 2px,transparent 2px 4px);box-shadow:0 0 0 1px #C9C9C4}
.d2chart{margin-top:16px;padding:14px 16px;border-radius:14px;background:#242423;color:#EDEDE8;box-shadow:inset 0 2px 8px rgba(0,0,0,.5)}
.d2chart .d2lb{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#9A9A94}

/* F · archivio completo: un cassetto */
.d2f{padding:0}
.d2f summary{list-style:none;cursor:pointer;display:block;padding:18px 18px 14px;border-radius:22px}
.d2f summary::-webkit-details-marker{display:none}
.d2f summary .d2h{margin:0;border-bottom:0;padding-bottom:0}
.d2f summary .d2op{display:inline-flex;align-items:center;gap:8px;margin:12px 0 0 42px;height:32px;padding:0 14px;border-radius:999px;background:linear-gradient(#FFF,#ECECE8);box-shadow:0 0 0 1px #D2D2CD,0 3px 0 #C9C9C4;font-size:10px;letter-spacing:.08em;text-transform:uppercase;transition:transform .12s}
.d2f summary:active .d2op{transform:translateY(2px)}
.d2f details[open] summary .d2op::after{content:' · chiudi'}
.d2f details[open] summary .d2op{background:var(--ink);color:#fff;box-shadow:0 3px 0 #000}
.d2grid{border-top:1px solid var(--rule)}

@media(prefers-reduced-motion:reduce){.d2wrap *{transition:none!important}}
@media(max-width:900px){
  .d2o-in{grid-template-columns:1fr}.d2rep{border-right:0;border-bottom:1px solid var(--d2-line);padding:22px 20px 16px}.d2rep a{max-width:230px}
  .d2id{padding:20px 16px}.d2spec{grid-template-columns:repeat(2,minmax(0,1fr))}
  .d2lead{grid-template-columns:1fr}.d2lead .d2t{padding:16px}
  .d2doc.big,.d2doc.mid{grid-column:1/-1}.d2doc.doc{grid-column:span 6}
  .d2notes>div{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .d2{padding:14px 12px 16px;border-radius:16px}
  .d2doc.doc{grid-column:1/-1}.d2notes>div{grid-template-columns:1fr}
  .d2rail{display:none}.d2rec{width:200px}.d2rec .cv{height:150px}.d2rec.albo{width:120px}.d2rec.albo .cv{height:176px}
  .d2h{grid-template-columns:auto 1fr}.d2h>span{grid-column:2}
  .d2f summary .d2op{margin-left:0}
}
@media(max-width:560px){.d2idx a{grid-template-columns:28px minmax(0,1fr);row-gap:2px}.d2idx a em{grid-column:2}}
.d2links{display:flex;flex-wrap:wrap;gap:8px}
.d2links .allbtn{background:#EDEDE8;color:#1A1A19;box-shadow:0 3px 0 #9A9A94}
.d2links .allbtn.d2ghost{background:transparent;color:#EDEDE8;box-shadow:inset 0 0 0 1px #55554F}
.d2wrap>.avviso{margin:0}

/* E · il pannello dell'anno */
.d2yrbox:empty{display:none}
.yr{position:relative;margin-top:14px;background:#fff;border-radius:6px;box-shadow:0 0 0 1px var(--ink),inset 0 4px 0 var(--c2);padding:20px 20px 16px}
.yrhd{display:flex;align-items:baseline;gap:18px}
.yrcv{display:none;margin:0}
.yry{font-family:var(--title);font-size:46px;line-height:.9;font-weight:600;letter-spacing:-.02em;color:var(--c2)}
.yrsum{flex:1;font-size:15px;line-height:1.35}.yrsum b{font-weight:600}
.yrsum .mono{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:3px}
.yrx{border:0;background:none;font-size:22px;line-height:1;color:var(--ink-3);cursor:pointer;padding:2px 6px;align-self:flex-start}.yrx:hover{color:var(--ink)}
.yrrib{display:flex;gap:2px;margin:16px 0 4px;height:30px}
.yrrib i{display:block;border-radius:3px;background:var(--c1);position:relative;min-width:6px;color:var(--t1)}
.yrrib i:nth-child(even){background:var(--c2);color:var(--t2)}
.yrrib i.vu{background:repeating-linear-gradient(135deg,#E3E3DE 0 3px,#fff 3px 6px);box-shadow:inset 0 0 0 1px var(--hair)}
.yrrib i:not(.vu)::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor}
.yrrib i.p::after{background:currentColor}.yrrib i.h::after{background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
.yrrib i span{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:11px;font-style:italic;white-space:nowrap;overflow:hidden;max-width:calc(100% - 22px);text-overflow:ellipsis}
.yrmesi{display:grid;grid-template-columns:repeat(12,1fr);font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.yrp{display:inline-block;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1.6px var(--ink);margin-right:6px;vertical-align:-1px;flex:none}
.yrp.p{background:var(--ink)}.yrp.h{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}.yrp.z{box-shadow:inset 0 0 0 1.6px var(--ink-3)}
.yrlg{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:10px;font-size:12px;color:var(--ink-2)}.yrlg>span{display:inline-flex;align-items:center}
.yrlg .mono{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.yrst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px;margin-top:16px}
.yrv{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:8px;align-content:start;color:inherit;text-decoration:none}
a.yrv:hover b{text-decoration:underline;text-underline-offset:3px}
.yrv .n{grid-row:1 / span 3;font-family:var(--title);font-size:17px;line-height:1.15;color:var(--c2);font-weight:600}
.yrv b{display:block;font-family:var(--title);font-weight:500;font-size:15px;line-height:1.2}
.yrv .m{font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-top:2px}
.yrv .cv,.yrg .cv{font-size:13px;color:var(--ink-2)}
.yrv .cv em,.yrg .cv em,.yrg li em{font-style:normal;font-weight:600;color:var(--ink)}
.yrfs{margin-top:18px;padding-top:12px;border-top:1px dotted #C9C9C4;display:grid;gap:6px}
.yrfs .lb{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.yrg summary,.yrg>div,.yrg>.yrgl,div.yrg{list-style:none}
.yrg summary::-webkit-details-marker{display:none}
.yrg summary,div.yrg,.yrgl{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:12px;align-items:baseline;color:inherit;text-decoration:none}
div.yrg>.yrgl{display:contents}
details.yrg summary{cursor:pointer}
.yrg b{font-family:var(--title);font-weight:500;font-size:14px;padding-left:10px;border-left:4px solid var(--c1)}
.yrg b.out{border-left-color:#C9C9C4;color:var(--ink-2)}
.yrg .t{font-size:13.5px}
details.yrg summary .t::after{content:" ▾";color:var(--ink-3);font-size:11px}details.yrg[open] summary .t::after{content:" ▴"}
.yrg ul{list-style:none;margin:6px 0 6px 14px;padding:0 0 0 200px;display:grid;gap:3px;font-size:13px}
.yrg li a{color:inherit}.yrg li small{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.yrcov{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:12px;border-top:1px dotted #C9C9C4;font-size:13px;color:var(--ink-2)}
.yrcov .bar{flex:0 0 120px;height:6px;border-radius:3px;background:#eee;overflow:hidden;display:flex}.yrcov .bar i{display:block;height:100%;background:var(--ink)}
.yrcov .bar i.h{background:repeating-linear-gradient(135deg,var(--ink) 0 2px,#fff 2px 4px)}
.yrcov b{color:var(--ink)}
@media (max-width:700px){
  .yr{padding:16px 14px 14px}.yrhd{flex-wrap:wrap;gap:8px 14px}.yry{font-size:36px}.yrx{position:absolute;right:8px;top:10px}
  .yrrib i span{display:none}.yrcov{flex-wrap:wrap}
  .yrst{grid-template-columns:1fr;gap:0}
  .yrv{grid-template-columns:38px minmax(0,1fr) auto;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--hair)}
  .yrv .n{grid-row:auto;font-size:15px}.yrv b{font-size:14.5px}
  .yrv .cv{grid-column:3;grid-row:1;white-space:nowrap;font-size:12.5px}
  .yrv .cv .yrq{display:none}.yrv .m{display:none;grid-column:2 / span 2}
  .yrv.open .m{display:block}.yrv.open .cv{grid-column:2 / span 2;grid-row:auto;white-space:normal;margin-top:2px}.yrv.open .cv .yrq{display:inline}.yrv.open{background:linear-gradient(90deg,transparent,rgba(0,0,0,.03))}
  .yrg summary,div.yrg,.yrgl{grid-template-columns:1fr;gap:2px}.yrg ul{padding-left:0}
}

/* E · il tastierino degli anni (alla K.O. II: corpo grigio chiaro, display nero, tasti neri, enter arancio, dial).
   Su desktop sta nel pannello dell'anno, a destra; su telefono sopra il pannello, a tutta larghezza */
.d2padhome{margin-top:12px}.d2padhome:empty{display:none}
.d2pad{width:100%;max-width:300px;padding:8px 9px 9px;border-radius:10px;background:linear-gradient(180deg,#E4E4DF,#D3D3CD);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #BDBDB6,0 10px 16px -12px rgba(0,0,0,.45);box-sizing:border-box}
.d2pad .pdh{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px}
.d2pad .pdh span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#FF4500}
.d2pad .pdh b{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#6B6B66;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d2pad .ptop{display:flex;gap:8px;align-items:center}
.d2pad .plcd{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;padding:5px 9px;border-radius:5px;background:#111;box-shadow:inset 0 2px 5px rgba(0,0,0,.8),0 0 0 1.5px #2A2A28}
.d2pad .plcd b{flex:none;font:700 22px/1 var(--mono);letter-spacing:.05em;color:#F2F2EF;text-shadow:0 0 6px rgba(255,255,255,.25)}
.d2pad .plcd b.no{color:#FF4500}
.d2pad .pl2{font-size:8px;line-height:1.25;letter-spacing:.06em;text-transform:uppercase;color:#9A9A94;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.d2pad .pl2.no{color:#FF6A2A}
.d2pad .pkeys{display:grid;grid-template-columns:repeat(5,1fr) 1.3fr;gap:5px;margin-top:7px}
.d2pad .pk{min-width:0;height:26px;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:linear-gradient(180deg,#2E2E2C,#1A1A19);color:#F2F2EF;font:600 13px/1 var(--mono);cursor:pointer;box-shadow:0 2px 0 #000,inset 0 1px 0 rgba(255,255,255,.12);transition:transform .06s,box-shadow .06s}
.d2pad .pk:active,.d2pad .pk.hit{transform:translateY(2px);box-shadow:0 0 0 #000,inset 0 1px 0 rgba(255,255,255,.12)}
.d2pad .pk.fn{background:linear-gradient(180deg,#F4F4F1,#DADAD5);color:#1E1E1E;box-shadow:0 2px 0 #9E9E98,inset 0 1px 0 #fff}
.d2pad .pk.ok{background:linear-gradient(180deg,#FF6A2A,#E63E00);color:#fff;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 2px 0 #9E2B00,inset 0 1px 0 rgba(255,255,255,.3)}
.d2pad .pk:focus-visible,.d2pad .pdial:focus-visible{outline:2px solid #FF4500;outline-offset:2px}
.d2pad .pdial{--a:0deg;flex:none;position:relative;width:40px;height:40px;border-radius:50%;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 38%,#FF7A3D,#E63E00 62%,#B83200);box-shadow:0 3px 0 #8A2600,0 6px 10px -4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.35)}
.d2pad .pdial i{position:absolute;left:50%;top:4px;width:3px;height:11px;margin-left:-1.5px;border-radius:2px;background:#fff;transform-origin:50% 16px;transform:rotate(var(--a))}
.d2pad .pdial:active{cursor:grabbing}
/* nel pannello (desktop): in alto a destra, accanto alla ×  */
.yrhd .d2pad{flex:none;width:300px;margin-left:auto;align-self:flex-start}
@media (max-width:899px){.d2pad{max-width:none}.d2pad .pk{height:30px;font-size:14px}.d2pad .pkeys{gap:6px}}

/* pannello dell'anno su desktop: copertina, anno e sintesi più grandi, tastierino a destra; niente vuoti in mezzo */
@media (min-width:900px){
  .yrhd{align-items:center;gap:22px}
  .yry{font-size:68px}
  .yrsum{font-size:18px;line-height:1.4}.yrsum .mono{font-size:10px;margin-top:6px}
  .yrcv{display:grid;gap:5px;flex:none;width:104px}
  .yrcv img,.yrcv a{display:block;width:104px;aspect-ratio:3/4;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px var(--hair),0 8px 14px -8px rgba(0,0,0,.45)}
  .yrcv figcaption{font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .yrhd .yrx{align-self:flex-start}
}

/* anni fitti (Diabolik: due albi al mese): niente numeri dentro la fascia, punti più piccoli */
.yrrib.fitto{gap:1px}.yrrib.fitto i{min-width:3px;border-radius:2px}.yrrib.fitto i span{display:none}
.yrrib.fitto i:not(.vu)::after{right:50%;margin-right:-3px;width:6px;height:6px;margin-top:-3px;box-shadow:inset 0 0 0 1.2px currentColor}
/* pochi anni (Kalya: 2023-2025): colonne strette e centrate invece di tre blocchi giganti; ogni anno con la sua etichetta */
.d2cols.solo{justify-content:center}.d2cols.solo .d2y{flex:0 1 56px}
.d2cols.solo .d2y .d2yy{visibility:visible}
/* copertine delle uscite dell'anno, piccole e in fila sotto la riga della testata */
.yrg-th{border-top:0;padding-top:0}
.yrths{display:flex;flex-wrap:wrap;gap:8px 6px;padding:4px 0 10px;min-width:0;max-width:100%}   /* vanno a capo: mai fuori dal pannello */
.yrfs,.yrg,.yr{min-width:0}
.yrcollab{white-space:nowrap}.yrcollab a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}.yrcollab a:hover{color:var(--ink)}
.yrth{flex:none;position:relative;width:54px;color:inherit;text-decoration:none}
.yrth img{display:block;width:54px;height:76px;object-fit:cover;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.25);background:#ddd}
.yrth .mono{display:block;font-size:9.5px;text-align:center;margin-top:3px;color:var(--ink-2)}
.yrth .yrp{position:absolute;top:3px;right:3px;transform:scale(.85)}
a.yrth:hover img{outline:2px solid var(--accent);outline-offset:1px}
div.yrg.yrg-th{display:block}
.yrth .yrp{margin:0;box-shadow:inset 0 0 0 1.6px var(--ink),0 0 0 2px #fff}.yrth .yrp.z{background:#fff}.yrth .yrp.h{background:linear-gradient(90deg,var(--ink) 50%,#fff 50%)}

/* il pannello dell'anno resta sempre aperto: niente tasto per chiuderlo */
[data-d2yr] [data-yrx]{display:none!important}