@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-tight-latin-300-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/inter-tight-latin-ext-300-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-tight-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-tight-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-tight-latin-800-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-tight-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/inter-tight-latin-900-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:900;font-display:swap;src:url(fonts/inter-tight-latin-ext-900-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/space-grotesk-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-700-normal.woff2) format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibm-plex-mono-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-700-normal.woff2) format('woff2');}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/plus-jakarta-sans-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/caveat-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Caveat';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/caveat-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/caveat-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/caveat-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* Telaio di carta; un unico strumento a doppia scocca riempito fino al bordo; le immagini sfumano dentro il pannello; l'arancio è solo ciò che è attivo. */
:root{
  --paper:#F2F2EF; --device:#F7F7F5; --well:#FBFBFA; --ink:#1E1E1E; --ink-2:#5F5F5B; --ink-3:#9A9A95;
  --rule:#D3D3CE; --hair:#E3E3DE; --accent:#FF4500; --accent-soft:#FFE2D6; --cyan:#57C7F2;
  --display:'Inter Tight',system-ui,sans-serif; --title:'Space Grotesk',system-ui,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace; --body:'Plus Jakarta Sans',system-ui,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}[hidden]{display:none!important}
html,body{background:var(--paper)}
body{margin:0;color:var(--ink);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:96px}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.frame{max-width:1180px;margin:0 auto;padding-inline:16px}
@media(min-width:1000px){.frame{border-inline:1px solid var(--rule);padding-inline:26px}}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.45}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--accent);flex:none}
.or{color:var(--accent)}.ink2{color:var(--ink-2)}
svg.i{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}
.arw{width:22px;height:12px;stroke:currentColor;fill:none;stroke-width:1.6;flex:none}

/* v3: niente testata esterna né apertura con circuito, la pagina parte dal pannello */
.mast,.hero{display:none!important}
/* testata */
.mast{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:22px;padding-block:16px;border-bottom:1px solid var(--ink)}
.logo{font-family:var(--display);font-size:42px;line-height:1;letter-spacing:-.065em;display:flex;align-items:baseline}
.logo b{font-weight:900}.logo span{font-weight:300;letter-spacing:-.05em}
.logo.sm{font-size:30px}
.mast .tag{color:var(--ink)}
.mast .claim{display:flex;gap:12px;align-items:center;padding-left:24px;border-left:1px solid var(--rule)}
.mast .count{padding-left:24px;border-left:1px solid var(--rule);font-family:var(--mono);font-size:15px;align-self:stretch;display:flex;align-items:center}
@media(max-width:820px){.mast{grid-template-columns:auto 1fr auto}.mast .claim{display:none}}
@media(max-width:480px){.mast .tag{display:none}.mast{grid-template-columns:1fr auto}.logo{font-size:36px}}

/* apertura */
.hero{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) 270px 132px;gap:22px;padding-top:26px;min-height:300px}
.hero .kick{margin-bottom:6px}
.giant{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(50px,8.4vw,108px);line-height:.84;letter-spacing:-.055em}
.giant .l2{color:var(--accent);display:block}
.hero .sub{margin-top:14px;font-size:clamp(18px,2vw,23px);line-height:1.25;letter-spacing:-.01em}
.hero .obj{position:relative}
.hero .obj svg{position:absolute;top:24px;left:-30px;width:340px;height:auto;pointer-events:none;filter:drop-shadow(0 30px 24px rgba(0,0,0,.22))}
.side{display:grid;gap:26px;align-content:start}
.side .col{border-left:1px solid var(--rule);padding-left:12px;color:var(--ink)}
.side .col b{font-weight:400;color:var(--accent)}
.side{padding-top:6px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) 220px}.hero .side{display:none}.hero .obj svg{width:270px;left:-10px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;min-height:0}.hero .obj{height:120px}.hero .obj svg{width:230px;left:auto;right:-26px;top:-10px}}

/* lo strumento: doppia scocca */
.device{position:relative;z-index:1;margin-top:14px;padding:9px;border-radius:32px;background:linear-gradient(180deg,#FBFBFB,#E9E9E5);box-shadow:0 0 0 1px #D6D6D1,inset 0 1px 0 #fff,0 44px 60px -36px rgba(0,0,0,.32),0 12px 24px -16px rgba(0,0,0,.16)}
.panel{border-radius:24px;background:var(--device);box-shadow:inset 0 0 0 1px #DEDED9,inset 0 3px 8px rgba(0,0,0,.05);overflow:hidden}
.dbar{display:grid;grid-template-columns:auto auto 1fr auto auto auto;align-items:stretch;border-bottom:1px solid var(--rule);min-height:66px}
.dbar>*{display:flex;align-items:center;padding:0 22px}
.dbar .name{border-left:1px solid var(--hair)}
.dbar nav{justify-content:flex-end;gap:28px;border-left:1px solid var(--hair);overflow-x:auto;scrollbar-width:none}
.dbar nav::-webkit-scrollbar{display:none}
.dbar nav a{display:flex;align-items:center;gap:8px;white-space:nowrap}
.dbar nav a:not(.on){color:var(--ink-2)}
.dbar .ic{border-left:1px solid var(--hair)}
@media(max-width:960px){.dbar{grid-template-columns:auto 1fr auto;min-height:56px}.dbar>*{padding:0 16px}.dbar .name,.dbar .ic.s{display:none}.dbar nav{grid-row:2;grid-column:1/-1;justify-content:flex-start;border-left:0;border-top:1px solid var(--hair);padding:12px 16px;gap:22px}}

/* moduli della console */
.mods{display:grid;grid-template-columns:repeat(10,minmax(108px,1fr));border-bottom:1px solid var(--hair);overflow-x:auto;scrollbar-width:none}
.mods::-webkit-scrollbar{display:none}
.mk{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:10px 12px;border-right:1px solid var(--hair);min-width:118px;color:var(--ink-3)}
.mk:last-child{border-right:0}
.mk i{width:7px;height:7px;border-radius:50%;background:#CFCFCA;grid-row:span 2}
.mk small{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.mk.live{color:var(--ink)}.mk.live i{background:#BDBDB8}
.mk.on{background:var(--well);box-shadow:inset 0 -2px 0 var(--accent)}.mk.on i{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.mk:disabled{cursor:default}

/* fascia di apertura nel pannello */
.feat{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 150px;min-height:250px;border-bottom:1px solid var(--hair)}
.feat .img{position:absolute;top:0;bottom:0;right:150px;width:54%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(0deg,transparent 0,#000 30%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 42%),linear-gradient(0deg,transparent 0,#000 30%);mask-composite:intersect}
.feat .img img{width:100%;height:100%;object-fit:cover;display:block}
.feat .txt{position:relative;z-index:2;padding:26px 0 28px 30px;max-width:50%;display:grid;align-content:center;gap:10px}
.feat .k{display:flex;gap:12px}.feat .k::before{content:':';color:var(--accent);font-weight:700}
.feat .ttl{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:clamp(38px,5.2vw,66px);line-height:.88;letter-spacing:-.05em}
.feat .ttl::after{content:'';display:inline-block;width:.17em;height:.17em;border-radius:50%;background:var(--accent);margin-left:.08em}
.feat .lede{font-size:clamp(17px,1.7vw,20px);line-height:1.28;max-width:30ch}
.feat .lede b{font-weight:700}
.feat .lede a:hover{color:var(--accent)}
.feat .tagcol{position:relative;z-index:2;border-left:1px solid var(--hair);padding:24px 16px;background:var(--device)}
.feat .tagcol button{display:block;text-align:left;width:100%}
.feat .tagcol button:hover{color:var(--accent)}
.feat .tagcol .on{color:var(--accent)}
.fan{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:24px}
.fan span{flex:none;width:150px;aspect-ratio:3/4;border-radius:4px;margin-left:-62px;box-shadow:-10px 14px 24px -12px rgba(0,0,0,.5);background-repeat:no-repeat}
.fan span:nth-child(odd){transform:rotate(-4deg) translateY(6px)}.fan span:nth-child(even){transform:rotate(3deg) translateY(-6px)}
.fan span.on{width:180px;z-index:2;transform:rotate(0) translateY(0);box-shadow:-14px 20px 30px -12px rgba(0,0,0,.6),0 0 0 3px var(--device)}
@media(max-width:760px){
  .feat{grid-template-columns:1fr;min-height:0}
  .feat .img{position:relative;right:auto;width:100%;height:210px;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 45%);mask-image:linear-gradient(0deg,transparent 0,#000 45%)}
  .feat .txt{max-width:none;padding:0 18px 20px;margin-top:-56px}
  .feat .tagcol{border-left:0;border-top:1px solid var(--hair);padding:12px 18px;display:flex;flex-wrap:wrap;gap:4px 14px}
  .feat .tagcol button{width:auto}
  .fan{position:relative;height:220px;justify-content:center;padding:0}.fan span{width:110px;margin-left:-48px}.fan span:first-child,.fan span:last-child{display:none}.fan span.on{width:132px}
}

.feat.solo{grid-template-columns:1fr}.feat.solo .img{right:0;width:62%}
/* fila di cinque schede a filo */
.row5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--hair)}
.c5{position:relative;display:grid;grid-template-rows:auto auto 1fr;gap:12px;padding:16px 16px 16px;border-right:1px solid var(--hair);min-width:0;background:var(--device);transition:background .1s}
.c5:last-child{border-right:0}
.c5:hover{background:var(--well)}
.c5 .hd{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start}
.c5 .hd .dot{margin-top:3px}
.c5 .cv{display:block;aspect-ratio:6/7;border-radius:3px;overflow:hidden;background:#E4E4E0;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:transform .07s,box-shadow .07s}
.c5 .cv img{width:100%;height:100%;object-fit:cover;display:block}
.c5 .cv.sp{background-repeat:no-repeat}
.c5:hover .cv{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}
.c5.on .cv{box-shadow:0 0 0 2px var(--accent)}
.c5 .tx{display:grid;gap:4px;align-content:start}
.c5 .t1{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:start}
.c5 h3{font-family:var(--title);font-weight:700;font-size:16px;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}
.c5 .au{font-family:var(--mono);font-size:11.5px;line-height:1.35;color:var(--ink)}
.c5 .ds{font-size:13px;line-height:1.38;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px}
.c5 .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.chip{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border:1px solid var(--rule);border-radius:999px;background:var(--well);font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;color:var(--ink);max-width:100%;overflow:hidden;text-overflow:ellipsis}
.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}
.c5 .chips{gap:4px;margin-top:4px}.c5 .chip{height:19px;padding:0 7px;font-size:8.5px;border-color:var(--hair);color:var(--ink-2)}
.bm{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:1.6;flex:none;cursor:pointer}
.bm.on{fill:var(--ink)}
.stat{display:grid;align-content:space-between;gap:14px}
.stat .big{font-family:var(--display);font-weight:900;font-size:54px;line-height:.85;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.bars{display:flex;align-items:flex-end;gap:4px;height:110px;border-bottom:1px solid var(--rule)}
.bars button{flex:1;background:#CFCFCA;border-radius:2px 2px 0 0;min-height:3px;transition:background .1s}
.bars button:hover{background:var(--ink)}.bars button.on{background:var(--accent)}
.bars-l{display:flex;justify-content:space-between}
.empty{grid-column:span 4;display:grid;align-content:center;gap:14px;padding:30px;border-right:1px solid var(--hair)}
.empty .big{font-family:var(--display);font-weight:900;font-size:clamp(34px,4vw,52px);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}
@media(max-width:1000px){.row5{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(220px,38%);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.row5::-webkit-scrollbar{display:none}.c5{scroll-snap-align:start}.empty{grid-column:auto}}
@media(max-width:560px){.row5{grid-auto-columns:74%}.empty{min-width:86vw}}

/* barra comandi */
.ctrl{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:16px 22px}
.go{display:flex;align-items:center;gap:16px}
.play{width:58px;height:58px;border-radius:50%;background:var(--ink);display:grid;place-items:center;box-shadow:0 8px 14px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15);flex:none;transition:transform .06s}
.play:active{transform:translateY(1px)}
.play svg{width:20px;height:20px;fill:#fff;margin-left:3px}
.steps{position:relative;display:flex;justify-content:space-between;gap:6px;padding-top:4px;overflow-x:auto;scrollbar-width:none}
.steps::-webkit-scrollbar{display:none}
.steps::before{content:'';position:absolute;left:8px;right:8px;top:14px;height:1px;background:var(--ink-3)}
.st{position:relative;display:grid;justify-items:center;gap:10px;min-width:70px;text-align:center;color:var(--ink)}
.st i{position:relative;width:12px;height:12px;border-radius:50%;background:#9C9C97;margin-top:4px;transition:transform .1s}
.st.on i{width:22px;height:22px;margin-top:-1px;background:var(--accent);box-shadow:0 0 0 4px var(--device),0 0 0 6px var(--accent),0 4px 10px rgba(255,69,0,.5)}
.st:hover i{transform:scale(1.2)}
.st span{font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;line-height:1.3}
.st.on span{color:var(--ink)}
.pill{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 20px;border:1px solid var(--ink);border-radius:999px;background:var(--well);white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.06);transition:transform .06s}
.pill:active{transform:translateY(1px)}
.pill.on{background:var(--ink);color:#fff}.pill.on .bm{stroke:#fff;fill:#fff}
.knob{--rot:0deg;position:relative;width:var(--s,62px);height:var(--s,62px);border-radius:50%;flex:none;cursor:grab;touch-action:none;
  background:radial-gradient(circle at 36% 30%,#fff 0,#F2F2EF 38%,#DCDCD7 72%,#C4C4BE 100%);
  box-shadow:0 12px 16px -8px rgba(0,0,0,.35),0 2px 3px rgba(0,0,0,.18),inset 0 -4px 8px rgba(0,0,0,.08),inset 0 2px 2px #fff}
.knob::before{content:'';position:absolute;inset:9%;border-radius:50%;background:repeating-conic-gradient(rgba(0,0,0,.06) 0 2deg,transparent 2deg 9deg);-webkit-mask:radial-gradient(circle,transparent 62%,#000 63%);mask:radial-gradient(circle,transparent 62%,#000 63%)}
.knob i{position:absolute;inset:0;transform:rotate(var(--rot));transition:transform .12s}
.knob i::after{content:'';position:absolute;left:calc(50% - 2px);top:9%;width:4px;height:27%;border-radius:2px;background:var(--accent)}
.knob.black{background:radial-gradient(circle at 36% 30%,#5a5a5a 0,#2d2d2d 45%,#141414 100%);box-shadow:0 12px 16px -8px rgba(0,0,0,.45),inset 0 2px 2px rgba(255,255,255,.18)}
.knob:active{cursor:grabbing}
.rnd{width:36px;height:36px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;flex:none;background:var(--well)}
.rnd svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
@media(max-width:820px){.ctrl{grid-template-columns:1fr auto;gap:16px;padding:14px 16px}.ctrl .steps{grid-row:2;grid-column:1/-1;justify-content:flex-start;gap:0}.st{min-width:84px}.pill{height:46px;padding:0 16px}.pill .lbl{display:none}}

/* short review */
.sband{display:grid;grid-template-columns:250px minmax(0,1fr);border-top:1px solid var(--hair)}
.sband .intro{padding:22px 22px 22px 30px;border-right:1px solid var(--hair);display:grid;align-content:start;gap:12px}
.sband h2,.duo h2{font-family:var(--display);font-weight:900;font-size:clamp(38px,4.4vw,56px);line-height:.88;letter-spacing:-.05em}
.sband h2::after,.duo h2::after{content:'.';color:var(--accent)}
.legend{display:grid;gap:6px;margin-top:6px}
.legend div{display:flex;align-items:center;gap:10px}
.albi{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.albo{display:grid;gap:10px;align-content:start;padding:16px 12px;border-right:1px solid var(--hair);min-width:0}
.albo:last-child{border-right:0}
.albo .cv{aspect-ratio:2/3;border-radius:3px;overflow:hidden;background:#ddd;box-shadow:0 10px 16px -10px rgba(0,0,0,.45);transition:transform .07s,box-shadow .07s}
.albo .cv img{width:100%;height:100%;object-fit:cover;display:block}
.albo:hover .cv{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}
.albo h3{font-family:var(--title);font-weight:700;font-size:13.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lvl{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px}
.lvl .b{display:flex;gap:2px}.lvl .b i{width:4px;height:13px;border-radius:1px;background:#D9D9D4}
.lvl .b i.f{background:var(--ink)}.lvl.hi .b i.f{background:var(--accent)}
.lvl.na{color:var(--ink-3);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1000px){.sband{grid-template-columns:1fr}.sband .intro{border-right:0;border-bottom:1px solid var(--hair);padding:18px}.albi{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(130px,22%);overflow-x:auto;scrollbar-width:none}.albi::-webkit-scrollbar{display:none}}
@media(max-width:560px){.albi{grid-auto-columns:42%}}

/* mondi */
.worlds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--hair)}
.wd{padding:16px;border-right:1px solid var(--hair);display:grid;gap:12px;align-content:start;min-width:0}
.wd:last-child{border-right:0}
.wd .hd{display:flex;justify-content:space-between;align-items:center}
.wd .lead{display:grid;gap:8px}
.wd .lead .cv{aspect-ratio:16/10;border-radius:3px;overflow:hidden;background:#ddd;transition:transform .07s,box-shadow .07s}
.wd .lead:hover .cv{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}
.wd .lead .cv img{width:100%;height:100%;object-fit:cover;display:block}
.wd h3{font-family:var(--title);font-weight:700;font-size:16px;line-height:1.18}
.wd .more a{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-top:1px solid var(--hair);font-size:13.5px;line-height:1.3;font-weight:500}
.wd .more a:hover{color:var(--accent)}
@media(max-width:1000px){.worlds{grid-template-columns:1fr 1fr}.wd:nth-child(2){border-right:0}.wd:nth-child(-n+2){border-bottom:1px solid var(--hair)}}
@media(max-width:560px){.worlds{grid-template-columns:1fr}.wd{border-right:0;border-bottom:1px solid var(--hair)}}

/* doppio blocco finale */
.duo{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border-top:1px solid var(--ink)}
.duo>div{display:grid;grid-template-columns:minmax(0,1fr) 46%;gap:20px;padding:18px 0 22px}
.duo>div:first-child{border-right:1px solid var(--rule);padding-right:22px}
.duo>div:last-child{padding-left:22px}
.duo .num{display:block;margin-bottom:12px}
.duo .arrow{display:block;color:var(--accent);font-size:20px;line-height:1;margin-bottom:6px}
.duo p{margin-top:12px;font-size:16px;line-height:1.4}
.chans{margin-top:16px;border-top:1px solid var(--hair)}
.chans a{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--hair)}
.chans b{font-family:var(--title);font-size:14px}
.chans small{grid-column:1;font-size:12.5px;color:var(--ink-2);line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.chans .dot{grid-row:span 2;align-self:center;width:8px;height:8px}
.chans a:not(.new) .dot{background:transparent}
.photo{border-radius:6px;overflow:hidden;background:#ddd;min-height:260px;position:relative}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.photo .lb{position:absolute;left:10px;bottom:10px;background:var(--device);padding:6px 10px;border-radius:3px}
.wall{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;align-content:start}
.wall a{position:relative;aspect-ratio:1;border-radius:3px;overflow:hidden;background:#fff}
.wall img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}
.wall a:hover img{transform:scale(1.05)}
.wall span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(255,255,255,.95) 40%);padding:12px 6px 4px;font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:1000px){.duo{grid-template-columns:1fr}.duo>div:first-child{border-right:0;border-bottom:1px solid var(--rule);padding-right:0}.duo>div:last-child{padding-left:0}}
@media(max-width:560px){.duo>div{grid-template-columns:1fr}.photo{min-height:200px}}

.pfoot{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:26px;padding-block:16px;border-top:1px solid var(--ink)}
.pfoot .cl{padding-left:20px;border-left:1px solid var(--rule)}
@media(max-width:640px){.pfoot{grid-template-columns:1fr}.pfoot .cl{border-left:0;padding-left:0}}

/* interruttore LAB */
.lab{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:40;display:flex;align-items:stretch;background:var(--device);border-radius:16px;box-shadow:0 1px 0 #fff inset,0 0 0 1px #D2D2CD,0 20px 40px -18px rgba(0,0,0,.4);padding:6px;gap:6px;max-width:calc(100vw - 24px)}
.lab .id{display:flex;align-items:center;gap:10px;padding:0 14px 0 10px;border-right:1px solid var(--hair);white-space:nowrap}
.lab .seg{display:flex;align-items:center;padding:10px 16px;border-radius:10px;white-space:nowrap;color:var(--ink-2)}
.lab .seg.on{background:var(--accent);color:#fff}
.lab .lever{width:44px;border-left:1px solid var(--hair);display:grid;place-items:center}
.lab .lever span{position:relative;width:14px;height:28px;border-radius:7px;background:#E6E6E2;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}
.lab .lever span::after{content:'';position:absolute;left:1px;width:12px;height:14px;border-radius:6px;background:var(--ink);top:1px;transition:top .12s}
.lab[data-mode="console"] .lever span::after{top:13px;background:var(--accent)}
@media(max-width:560px){.lab .id span.mono{display:none}.lab .seg{padding:10px 12px}.lab .lever{display:none}}

/* v3: la pagina è lo strumento; barra unica in alto, sempre visibile */
.panel{overflow:clip}
.dbar{position:sticky;top:0;z-index:20;background:var(--device)}
.dbar .name{line-height:1.3}
.sh{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid var(--rule);border-bottom:1px solid var(--hair);background:var(--well)}
.sh b{font-weight:500;color:var(--accent)}
.sh .lk{display:flex;align-items:center;gap:8px;white-space:nowrap}.sh .lk:hover{color:var(--accent)}
.row5.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c5.wide .cv{aspect-ratio:16/10}
.c5.wide h3{font-size:19px}
.rubs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.rb{display:grid;gap:10px;align-content:start;padding:14px;border-right:1px solid var(--hair);min-width:0;background:var(--device)}
.rb:last-child{border-right:0}
.rb .hd{display:flex;gap:8px;align-items:flex-start;min-height:30px}
.rb .hd .dot{margin-top:3px}.rb .dot.off{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.rb .cv{aspect-ratio:1;border-radius:50% 50% 4px 4px/36% 36% 4px 4px;overflow:hidden;background:#ddd;transition:transform .07s,box-shadow .07s}
.rb .cv img{width:100%;height:100%;object-fit:cover;display:block}
.rb:hover .cv{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}
.rb h3{font-family:var(--title);font-weight:700;font-size:14.5px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mfg{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--hair)}
.mfg a{display:grid;gap:8px;padding:12px;background:#fff;align-content:start}
.mfg .cv{aspect-ratio:1;overflow:hidden}.mfg img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s}
.mfg a:hover img{transform:scale(1.06)}
.mfg .mono{font-size:9.5px}
@media(max-width:1000px){.rubs{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(170px,30%);overflow-x:auto;scrollbar-width:none}.rubs::-webkit-scrollbar{display:none}.mfg{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){
  body{padding-bottom:84px}
  .frame{padding-inline:0}
  .device{margin:0;padding:0;border-radius:0;background:none;box-shadow:none}
  .panel{border-radius:0;box-shadow:none}
  .dbar{min-height:0}.dbar>*{padding:0 14px}.dbar .logo.sm{font-size:24px;padding-block:10px}
  .dbar nav{padding:9px 14px;gap:18px}
  .sh{grid-template-columns:auto 1fr auto;padding:10px 14px}.sh .d{display:none}
  .row5.n3{grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;overflow:visible}
  .c5.wide{grid-template-columns:118px 1fr;grid-template-rows:auto;column-gap:12px;row-gap:4px;padding:12px 14px;border-right:0;border-top:1px solid var(--hair)}
  .c5.wide .hd{grid-column:2;grid-row:1}.c5.wide .hd .arw,.c5.wide .hd .dot{display:none}
  .c5.wide .cv{grid-column:1;grid-row:1/3;aspect-ratio:1}
  .c5.wide .tx{grid-column:2;grid-row:2}.c5.wide h3{font-size:16px}.c5.wide .ds{display:none}
  .rubs{grid-auto-columns:44%}.rb{padding:12px}
  .mfg{grid-template-columns:repeat(3,1fr)}
  .feat .txt{padding:0 14px 16px}
  .pfoot{padding-inline:14px}
}

/* v3b: tutto a griglia; immagine e titolo comandano, il resto è piccolo */
.grid{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:1px;background:var(--hair)}
.g4{--c:4}.g6{--c:6}
.tl{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:7px;padding:14px;background:var(--device);min-width:0;transition:background .1s}
.tl:hover{background:var(--well)}
.tl .cv{aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:#ddd;transition:transform .07s,box-shadow .07s}
.tl .cv img{width:100%;height:100%;object-fit:cover;display:block}
.tl:hover .cv{transform:translate(-3px,-3px);box-shadow:3px 3px 0 var(--accent)}
.tl .kd{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl .kd i{font-style:normal;overflow:hidden;text-overflow:ellipsis}
.tl .kd .dot{width:6px;height:6px}
.tl h3{font-family:var(--title);font-weight:700;font-size:18px;line-height:1.16;letter-spacing:-.012em;overflow-wrap:anywhere}
.tl .ft{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tl .au{min-width:0;font-size:9.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tl .bm{width:15px;height:15px}
.tl.rb .cv{aspect-ratio:1}
.tl.rb h3{font-size:15px}
.tl.rb .dot.off{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.albi.g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.wsel{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.wsel::-webkit-scrollbar{display:none}
.wsel .chip{height:24px;font-size:9px;padding:0 10px}
@media(max-width:1000px){.g6{--c:3}.albi.g6{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;overflow:visible}}
@media(max-width:760px){
  .g4,.g6{--c:2}
  .tl{padding:10px;gap:6px}.tl h3{font-size:15px}.tl.rb h3{font-size:14px}
  .albi.g6{grid-template-columns:repeat(3,minmax(0,1fr))}.albo{padding:10px 8px}.albo h3{font-size:12px}
  .feat.solo .img{width:100%}
  #shW{grid-template-columns:auto 1fr auto;row-gap:10px}#shW>.dot{grid-area:1/1}#shW>.mono:not(.lk){grid-area:1/2}#shW .lk{grid-area:1/3}#shW .wsel{grid-column:1/-1;grid-row:2}
}

/* v4: scrivania + dispositivi */
html,body{background:#E9E9E5}
body{background-image:radial-gradient(rgba(0,0,0,.07) 1px,transparent 1.2px);background-size:18px 18px}
.topdev{position:sticky;top:8px;z-index:30;margin:10px 0 16px;border-radius:18px;background:var(--device);box-shadow:0 0 0 1px #D2D2CD,inset 0 1px 0 #fff,0 14px 24px -16px rgba(0,0,0,.35);overflow:clip}
.topdev .dbar{position:static;min-height:54px;border-bottom:0}
.topdev .logo.sm{font-size:26px}
.desk{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}
.d-og{grid-column:span 7}.d-rb{grid-column:span 5}.d-sr{grid-column:1/-1}.d-mf{grid-column:span 5}.d-wd{grid-column:span 7}
.dv{position:relative;padding:6px;border-radius:22px;background:linear-gradient(180deg,#FCFCFC,#DEDED9);box-shadow:0 0 0 1px #CFCFCA,inset 0 1px 0 #fff,0 28px 36px -26px rgba(0,0,0,.4),0 6px 10px -6px rgba(0,0,0,.2)}
.dv>.in{border-radius:17px;background:var(--device);box-shadow:inset 0 0 0 1px #DADAD5,inset 0 2px 6px rgba(0,0,0,.06);overflow:clip}
.dv.dk{background:linear-gradient(180deg,#4A4A48,#1C1C1B);box-shadow:0 0 0 1px #111,inset 0 1px 0 rgba(255,255,255,.18),0 28px 36px -24px rgba(0,0,0,.55),0 6px 10px -6px rgba(0,0,0,.3)}
.dv.dk>.in{background:#242423;color:#EDEDE8;box-shadow:inset 0 0 0 1px #000,inset 0 2px 8px rgba(0,0,0,.5)}
.dv.wm{background:linear-gradient(180deg,#FBFDFF,#D8E2EA)}.dv.wm>.in{background:#EEF4F9;box-shadow:inset 0 0 0 1px #D3DEE7,inset 0 2px 6px rgba(0,0,0,.05)}
.dv.wh>.in{background:#fff}
.dh{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--hair);min-height:38px}
.dk .dh{border-color:#3A3A38}
.dh .mono{font-size:9.5px}.dh b{color:var(--accent)}
.dh .mid{color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dh .ctl{display:flex;align-items:center;gap:7px}
.dh .rnd{width:26px;height:26px}.dh .rnd svg{width:11px;height:11px}
.led{display:inline-block;width:7px;height:7px;border-radius:50%;background:#C9C9C4;box-shadow:inset 0 1px 1px rgba(0,0,0,.25);flex:none}
.led.on,.on>.led{background:var(--accent);box-shadow:0 0 6px 1px rgba(255,69,0,.6)}
/* tessere compatte */
.grid{display:grid;grid-template-columns:repeat(var(--c),minmax(0,1fr));gap:1px;background:var(--hair)}
.g3{--c:3}.g4{--c:4}
.tl{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:5px;padding:10px;background:var(--device);min-width:0}
.tl .cv{aspect-ratio:4/3;border-radius:3px;overflow:hidden;background:#ddd;transition:transform .07s,box-shadow .07s}
.tl .cv img{width:100%;height:100%;object-fit:cover;display:block}
.tl:hover .cv{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent)}
.tl .kd{font-size:8.5px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl h3{font-family:var(--title);font-weight:700;font-size:14px;line-height:1.15;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tl .ft{display:flex;align-items:center;justify-content:space-between;gap:6px}
.tl .au{min-width:0;font-size:8.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl .bm{width:13px;height:13px}
/* oggi */
.ogbig{position:relative;min-height:330px;display:flex;align-items:flex-end}
.ogbig .img{position:absolute;inset:0;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 48%);mask-image:linear-gradient(0deg,transparent 0,#000 48%)}
.ogbig .img img{width:100%;height:100%;object-fit:cover;display:block}
.ogbig .cap{position:relative;padding:0 16px 12px;display:grid;gap:4px;max-width:92%}
.ogbig .kd{font-size:9px;color:var(--ink-2)}
.ogbig h2{font-family:var(--title);font-weight:700;font-size:24px;line-height:1.08;letter-spacing:-.02em}
.ogbig h2 a:hover{color:var(--accent)}
.ogbig p{font-size:13.5px;line-height:1.3;color:var(--ink-2)}
.ogbig .au{font-size:9px}
.keys{display:flex;align-items:center;gap:12px;padding:8px 14px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:linear-gradient(#F3F3F0,#ECECE8)}
.keys .play{width:38px;height:38px}.keys .play svg{width:14px;height:14px}
.keys .kl{font-size:8.5px;color:var(--ink-2)}
.kk{display:flex;gap:6px;margin-left:auto}
.key{display:grid;justify-items:center;gap:4px;width:42px;padding:6px 0 5px;border-radius:7px;background:linear-gradient(#FFF,#E7E7E3);box-shadow:0 0 0 1px #CFCFCA,0 3px 0 #C3C3BE,0 5px 8px -4px rgba(0,0,0,.3);transition:transform .06s,box-shadow .06s}
.key .mono{font-size:9px}
.key:active,.key.on{transform:translateY(2px);box-shadow:0 0 0 1px #CFCFCA,0 1px 0 #C3C3BE,0 2px 4px -2px rgba(0,0,0,.3)}
.fader{position:relative;width:70px;height:6px;border-radius:3px;background:#D8D8D3;box-shadow:inset 0 1px 2px rgba(0,0,0,.25)}
.fader i{position:absolute;left:62%;top:-7px;width:12px;height:20px;border-radius:3px;background:linear-gradient(#fff,#d9d9d4);box-shadow:0 0 0 1px #BDBDB8,0 3px 4px -1px rgba(0,0,0,.3)}
.fader i::after{content:'';position:absolute;left:2px;right:2px;top:9px;height:2px;background:var(--accent)}
/* rubriche: sintonizzatore */
.tuner{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:12px 14px}
.scale{position:relative;height:64px;border-radius:8px;background:linear-gradient(#141413,#1E1E1C);box-shadow:inset 0 2px 6px rgba(0,0,0,.8),0 1px 0 rgba(255,255,255,.08);overflow:hidden;
  background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 8px),linear-gradient(#141413,#1E1E1C);background-size:100% 10px,100% 100%;background-position:0 100%,0 0;background-repeat:no-repeat}
.scale button{position:absolute;top:7px;transform:translateX(-50%);max-width:64px;text-align:center;color:#8E8E88}
.scale button .mono{font-size:8px;line-height:1.15;display:block}
.scale button i{display:block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin:3px auto 0}
.scale button:nth-child(even){top:31px}.scale button.on{color:#F2F2EF}
.needle{position:absolute;top:4px;bottom:4px;width:2px;margin-left:-1px;background:var(--accent);box-shadow:0 0 8px rgba(255,69,0,.8);transition:left .2s}
.rbg{background:#3A3A38}
.dk .tl{background:#242423}.dk .tl .kd{color:#9A9A94}.dk .tl .au{color:#9A9A94}.dk .tl .bm{stroke:#EDEDE8}.dk .tl .bm.on{fill:#EDEDE8}
.dk .tl.rb .cv{aspect-ratio:1}
.dk .tl.on .cv{box-shadow:0 0 0 2px var(--accent)}
.dk .tl.on h3{color:#fff}
/* short review: nastro */
.tape{display:flex;gap:14px;overflow-x:auto;padding:14px 14px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.tape::-webkit-scrollbar{display:none}
.sv{flex:none;width:118px;display:grid;gap:7px;scroll-snap-align:start}
.sv .cv{aspect-ratio:2/3;border-radius:3px;overflow:hidden;background:#ddd;box-shadow:0 10px 14px -10px rgba(0,0,0,.55);transition:transform .07s,box-shadow .07s}
.sv .cv img{width:100%;height:100%;object-fit:cover;display:block}
.sv:hover .cv{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent)}
.sv .lvl{font-size:10.5px;gap:6px}.sv .lvl .b i{width:3.5px;height:11px}
.track{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:8px 14px 12px;border-top:1px solid #D6E1EA}
.track .mono{font-size:9px;color:var(--ink-2)}
.track input{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#D3DDE5;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);margin:0}
.track input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:18px;border-radius:4px;background:linear-gradient(#fff,#dcdcd7);box-shadow:0 0 0 1px #BDBDB8,0 3px 5px -1px rgba(0,0,0,.35),inset 0 -3px 0 var(--accent);cursor:grab}
.track input::-moz-range-thumb{width:26px;height:18px;border-radius:4px;border:0;background:linear-gradient(#fff,#dcdcd7);box-shadow:0 0 0 1px #BDBDB8,0 3px 5px -1px rgba(0,0,0,.35),inset 0 -3px 0 var(--accent)}
/* mondo fumetto: schedario */
.az{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--hair);background:#F7F7F5}
.az button{min-width:24px;height:22px;padding:0 6px;border-radius:4px;font-family:var(--mono);font-size:9.5px;text-transform:uppercase;background:#fff;box-shadow:0 0 0 1px #D6D6D1,0 2px 0 #CFCFCA}
.az button.on{background:var(--ink);color:#fff;box-shadow:0 0 0 1px var(--ink),0 1px 0 #000;transform:translateY(1px)}
.mfg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--hair)}
.mfg a{display:grid;gap:6px;padding:10px;background:#fff;align-content:start}
.mfg .cv{aspect-ratio:1;overflow:hidden}.mfg img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .2s}
.mfg a:hover img{transform:scale(1.06)}
.mfg .mono{font-size:8.5px}
/* mondi: tasti */
.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 12px;border-bottom:1px solid var(--hair);background:linear-gradient(#F1F1EE,#E9E9E5)}
.kc{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border-radius:8px;background:linear-gradient(#fff,#E5E5E1);box-shadow:0 0 0 1px #C9C9C4,0 4px 0 #BEBEB9,0 6px 8px -4px rgba(0,0,0,.35);transition:transform .06s,box-shadow .06s}
.kc.blk{background:linear-gradient(#3B3B3A,#1D1D1C);color:#EDEDE8;box-shadow:0 0 0 1px #000,0 4px 0 #000,0 6px 8px -4px rgba(0,0,0,.5)}
.kc .mono{font-size:9.5px;white-space:nowrap}
.kc.on{transform:translateY(3px);box-shadow:0 0 0 1px #C9C9C4,0 1px 0 #BEBEB9,0 2px 3px -2px rgba(0,0,0,.35)}
.kc.blk.on{box-shadow:0 0 0 1px #000,0 1px 0 #000}
@media(max-width:1000px){.d-og,.d-rb,.d-mf,.d-wd{grid-column:1/-1}}
@media(max-width:760px){
  .frame{padding-inline:10px}
  .topdev{top:0;margin:0 -10px 12px;border-radius:0 0 14px 14px}
  .topdev .dbar>*{padding:0 12px}.topdev .logo.sm{font-size:22px;padding-block:8px}
  .desk{gap:12px}
  .dv{padding:4px;border-radius:16px}.dv>.in{border-radius:13px}
  .ogbig{min-height:250px}.ogbig h2{font-size:19px}.ogbig p{display:none}
  .keys .kl,.fader{display:none}.kk{margin-left:auto}
  .grid.g3{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:42%;overflow-x:auto;scrollbar-width:none}.grid.g3::-webkit-scrollbar{display:none}
  .g4{--c:2}
  .rbg.g3{grid-auto-columns:38%}
  .sv{width:96px}
  .caps{grid-template-columns:repeat(2,1fr)}
  .dh .mid{display:none}.dh .ctl{grid-column:3}
}

/* v5 */
@keyframes prog{from{width:0}to{width:100%}}
.ogstage{position:relative;aspect-ratio:16/8.4;overflow:hidden;background:#1d1d1d}
.ogstage .sl{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.ogstage .sl.on{opacity:1;z-index:1}
.ogstage img{width:100%;height:100%;object-fit:cover;display:block}
.ogn{position:absolute;right:10px;top:10px;z-index:2;font-size:9px;padding:4px 7px;border-radius:4px;background:rgba(247,247,245,.92)}
.ogcap{position:relative;z-index:3;display:grid;gap:7px;padding:0 16px 14px;justify-items:start}
.ogcat{display:inline-flex;align-items:center;gap:8px;margin-top:-13px;height:26px;padding:0 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:9.5px;box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.ogcat .dot{width:7px;height:7px;box-shadow:0 0 6px rgba(255,69,0,.9)}
.ogcap h2{font-family:var(--display);font-weight:800;font-size:clamp(24px,2.6vw,32px);line-height:1;letter-spacing:-.035em;margin-top:4px}
.ogcap h2 a:hover{color:var(--accent)}
.ogcap p{font-size:14px;line-height:1.3;color:var(--ink-2)}
.ogcap .au{font-size:9px;color:var(--ink-2)}
.keys{position:relative}
.keys .play{background:var(--ink)}
.prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:transparent}
.prog i{display:block;height:100%;width:0;background:var(--accent)}
.tuner{grid-template-columns:1fr auto;grid-template-areas:"lcd knob" "scale scale";row-gap:10px}
.tuner .lcd{grid-area:lcd}
.lcd{display:grid;gap:3px;padding:9px 12px;border-radius:6px;background:#0E0F0C;box-shadow:inset 0 2px 6px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.08);min-width:0;
  background-image:radial-gradient(rgba(255,120,60,.08) 1px,transparent 1.3px);background-size:3px 3px}
.lcd span{font-family:var(--mono);font-weight:500;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:#FF6A2A;text-shadow:0 0 8px rgba(255,90,30,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcd small{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#B9622F}
.tuner .knob{grid-area:knob}
.scale{grid-area:scale;height:40px;cursor:ew-resize;touch-action:none}
.scale button{top:auto!important;bottom:8px;width:14px;height:22px;transform:translateX(-50%);max-width:none}
.scale button::after{content:'';position:absolute;left:6px;bottom:0;width:2px;height:12px;border-radius:1px;background:#6E6E68}
.scale button.nw::before{content:'';position:absolute;left:4.5px;top:0;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.scale button.on::after{background:#F2F2EF;height:16px}
.nocv{display:grid;place-items:center;width:100%;height:100%;padding:10px;text-align:center;font-size:9px;color:#9A9A94;background:repeating-linear-gradient(135deg,#2E2E2C 0 6px,#292927 6px 12px)}
.sv.all .cv{display:grid;align-content:center;justify-items:start;gap:4px;padding:12px;background:var(--ink);color:#fff;box-shadow:0 0 0 1px #000,0 10px 14px -10px rgba(0,0,0,.6)}
.sv.all b{font-family:var(--display);font-weight:900;font-size:40px;line-height:.9;letter-spacing:-.04em;color:var(--accent)}
.sv.all .mono{font-size:9px}.sv.all .arw{margin-top:6px}
.allbtn{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:9.5px;white-space:nowrap;box-shadow:0 3px 0 #000}
.allbtn:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.kc.on{background:linear-gradient(#3B3B3A,#1D1D1C);color:#fff;box-shadow:0 0 0 1px #000,0 1px 0 #000}
.track .allbtn{color:#fff}
@media(max-width:760px){
  .ogstage{aspect-ratio:4/3}
  .ogcap h2{font-size:23px}.ogcap p{display:none}
  .keys .kl{display:block}
  .kk{gap:4px}.key{width:36px}
  .rbg.g3{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .lcd span{font-size:13px}
  .track{grid-template-columns:1fr auto}.track>.mono:first-child{display:none}
}
/* v6: pagine articolo */
.art .st{text-align:left}
@media(max-width:560px){.lab .id{display:none}.lab .seg{padding:10px 11px;font-size:10px}.rbh .lcd.big span{font-size:18px;white-space:normal}}
.pick{margin-bottom:16px}.pk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 12px;background:linear-gradient(#F1F1EE,#E9E9E5)}
.topdev{position:sticky}.rprog{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent)}
.art{grid-auto-flow:row dense}
.art h1{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:1;letter-spacing:-.035em}
.art .st{font-size:16px;line-height:1.35;color:var(--ink-2);max-width:56ch}
.art .by{font-size:9px;color:var(--ink-2)}
.art .ogcat{margin-top:0}
.a-body{grid-column:span 8}.a-side{grid-column:span 4;align-self:stretch}.a-rail{grid-column:span 3;align-self:stretch}.a-body.wide{grid-column:span 9}
.sticky{position:sticky;top:84px;display:grid;gap:16px}
.dv.paper>.in{background:#FFFEFB}
.prose{padding:34px 44px 10px;font-size:17px;line-height:1.72;color:#262624;max-width:none}
.prose p{margin:0 0 1.05em}
.prose>p:first-child{font-size:19px;line-height:1.6;color:var(--ink)}
.prose a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1.5px}
.prose strong{font-weight:700;color:var(--ink)}
.prose figure{margin:26px -44px;background:#F3F3F0;text-align:center}
.prose figure.tall{margin:26px auto;width:min(100%,380px);background:none}
.prose figure img{display:block;width:100%;height:auto;margin:0 auto}
.prose figure .zoom{display:block;width:100%;cursor:zoom-in}
.prose figcaption{padding:8px 12px;font-size:9px;color:var(--ink-2);text-align:left}
.prose blockquote{margin:26px 0;padding:4px 0 4px 18px;border-left:3px solid var(--accent);font-family:var(--display);font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-.02em}
.prose hr{border:0;border-top:1px dashed var(--rule);margin:26px 0}
.tavole{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:26px -44px;padding:10px;background:#1E1E1D}
.tavole figure{margin:0;background:none}.tavole figure.tall{width:auto}.tavole figcaption{display:none}
.tags{display:flex;flex-wrap:wrap;gap:5px;padding:4px 44px 18px}
.tags .chip{height:22px;font-size:8.5px;padding:0 9px}
.auth{display:grid;gap:14px;padding:14px 44px 26px;border-top:1px solid var(--hair)}
.auth>div{display:block}
.auth{grid-template-columns:auto 1fr;align-items:start}
.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;box-shadow:0 0 0 3px var(--device),0 0 0 4px var(--rule)}
.auth b{font-family:var(--title);font-size:15px}.auth p{font-size:13px;color:var(--ink-2);margin:2px 0 6px}.auth a{display:inline-flex;gap:8px;align-items:center;font-size:9px}
.a-rail .auth,.a-side .auth{padding:12px 14px;border:0}
/* recensione */
.rh{display:grid;grid-template-columns:260px minmax(0,1fr) 230px;gap:24px;align-items:center;padding:22px}
.albi2{position:relative;height:250px}
.alb{position:absolute;width:150px;aspect-ratio:3/4;border-radius:4px;background-repeat:no-repeat;box-shadow:0 18px 26px -14px rgba(0,0,0,.55);transition:transform .25s}
.alb:first-child{left:0;top:10px;transform:rotate(-6deg)}.alb:nth-child(2){left:96px;top:30px;transform:rotate(5deg)}
.alb:hover{transform:rotate(0) translateY(-6px);z-index:2}
.rt{display:grid;gap:10px;justify-items:start}
.vbox{display:grid;gap:8px;justify-items:center;padding:14px;border-radius:14px;background:#242423;color:#EDEDE8;box-shadow:inset 0 0 0 1px #000,inset 0 2px 8px rgba(0,0,0,.5)}
.vbox .mono{font-size:9px;color:#9A9A94}
.gauge{width:100%;max-width:190px}.gauge .ndl{transform-origin:100px 100px;transform-box:view-box;transition:transform .8s cubic-bezier(.3,1.5,.5,1)}
.lcd.big span{font-size:24px}
.vbox .lcd{justify-items:center;width:100%;text-align:center}
.vbox .lvl .b i{background:#4A4A47}.vbox .lvl .b i.f{background:#EDEDE8}.vbox .lvl.hi .b i.f{background:var(--accent)}
.albrows{display:grid;gap:1px;background:#D6E1EA}
.albrows>div{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px 12px;background:#EEF4F9}
.albrows .cv{aspect-ratio:3/4;border-radius:2px;background-repeat:no-repeat;box-shadow:0 4px 6px -3px rgba(0,0,0,.4)}
.albrows b{display:block;font-size:9.5px;font-weight:500}.albrows span span{font-family:var(--title);font-weight:700;font-size:14px;line-height:1.15}
.spec{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0;border-top:1px solid #D6E1EA}
.spec dt,.spec dd{padding:8px 12px;border-bottom:1px solid #D6E1EA;margin:0}
.spec dt{font-size:8.5px;color:var(--ink-2);padding-right:6px}.spec dd{font-size:13px;line-height:1.35}
.dsl{display:grid;gap:10px;padding:12px}
.dsl .allbtn{justify-self:start;color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00}
/* short */
.slv{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:30px;padding:24px}
.slc{display:grid;gap:10px;align-content:start;position:sticky;top:84px;align-self:start}
.bigalbo{display:block;cursor:zoom-in;transform:rotate(-1.5deg);transition:transform .25s}.bigalbo:hover{transform:rotate(0)}
.bigalbo img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 30px 40px -24px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.08)}
.tv{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.tv button{aspect-ratio:4/3;border-radius:3px;overflow:hidden;cursor:zoom-in;box-shadow:0 0 0 1px #D8D8D4}
.tv img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.tv button:hover img{transform:scale(1.08)}
.slc .mono{font-size:8.5px}
.slt{display:grid;gap:12px;align-content:start;justify-items:start}
.vrow{display:flex;align-items:center;gap:16px;padding:10px 14px;border-radius:12px;background:#242423;color:#EDEDE8;box-shadow:inset 0 0 0 1px #000,inset 0 2px 8px rgba(0,0,0,.5)}
.vrow .lcd{background:none;box-shadow:none;padding:0}.vrow .lcd.big span{font-size:34px}
.vrow .lvl{font-size:0}.vrow .lvl .b i{width:6px;height:20px;background:#4A4A47}.vrow .lvl .b i.f{background:#EDEDE8}.vrow .lvl.hi .b i.f{background:var(--accent);box-shadow:0 0 6px rgba(255,69,0,.6)}
.slt .prose{padding:0;font-size:16px}.slt .prose>p:first-child{font-size:17.5px}
.names{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.names .chip{height:22px;font-size:8.5px;padding:0 9px}
/* approfondimento */
.a-hero .in{position:relative}
.hx{aspect-ratio:21/8;overflow:hidden;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 40%);mask-image:linear-gradient(0deg,transparent 0,#000 40%)}
.hx img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}
.ht{position:relative;display:grid;gap:10px;justify-items:start;padding:0 30px 24px;margin-top:-120px;max-width:820px}
.ht h1{font-size:clamp(32px,4.6vw,60px);line-height:.95}
.splist{display:grid;gap:1px;background:#3A3A38;border-radius:6px;overflow:hidden}
.splist a{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center;padding:7px;background:#2B2B2A;font-family:var(--title);font-weight:700;font-size:12.5px;line-height:1.15}
.splist .cv{aspect-ratio:1;border-radius:3px;overflow:hidden}.splist img{width:100%;height:100%;object-fit:cover;display:block}
.splist a:hover{color:#fff;background:#333331}
/* rubrica */
.rbh{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:14px}
.rbh .lcd.big span{font-size:26px}
.rbx{display:grid;grid-template-columns:minmax(0,58%) minmax(0,1fr);border-top:1px solid #3A3A38}
.rim{aspect-ratio:3/2;overflow:hidden}.rim img{width:100%;height:100%;object-fit:cover;display:block}
.rtx{display:grid;gap:12px;align-content:center;justify-items:start;padding:24px}
.rtx h1{color:#fff}.rtx .st,.rtx .by{color:#A9A9A3}
.g2{--c:2}
.lbx{position:fixed;inset:0;z-index:400;background:rgba(20,20,19,.9);display:grid;place-items:center;padding:20px;cursor:zoom-out}
.lbx[hidden]{display:none}
/* l'immagine ingrandita sta sempre tutta nello schermo, anche le verticali */
.lbx img{display:block;width:auto;height:auto;max-width:calc(100vw - 40px);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);object-fit:contain;box-shadow:0 30px 60px rgba(0,0,0,.6)}
@media(max-width:1000px){.rh{grid-template-columns:200px 1fr}.rh .vbox{grid-column:1/-1;grid-template-columns:auto 1fr auto;justify-items:start;align-items:center}.rh .vbox .gauge{max-width:120px}
  .a-body,.a-side,.a-rail,.a-body.wide{grid-column:1/-1}.sticky{position:static}.a-rail{order:2}}
@media(max-width:760px){
  .slc{position:static}
  .pk{grid-template-columns:repeat(2,1fr)}
  .rh{grid-template-columns:1fr;padding:14px;gap:16px}.albi2{height:200px;width:250px;margin:0 auto}.alb{width:120px}.alb:nth-child(2){left:110px}
  .prose{padding:22px 18px 6px;font-size:16.5px}.prose figure{margin:20px -18px}.tavole{margin:20px -18px;grid-template-columns:repeat(2,1fr)}
  .tags{padding:4px 18px 14px}.auth{padding:12px 18px 20px}
  .slv{grid-template-columns:1fr;padding:14px;gap:18px}.bigalbo{width:72%;margin:0 auto}
  .hx{aspect-ratio:4/3}.ht{margin-top:-70px;padding:0 16px 18px}
  .rbx{grid-template-columns:1fr}.rtx{padding:16px}
}
/* v7: mappa semantica */
.mpw{position:absolute;left:0;top:0;will-change:transform}
.mpv{touch-action:none;cursor:grab;user-select:none}.mpv.drag{cursor:grabbing}.mpv.drag .mpw{transition:none}
.mpv img,.mpv a{-webkit-user-drag:none}.mpv img{pointer-events:none}
.mphint{position:absolute;right:10px;top:8px;z-index:4;font-size:8px;color:var(--ink-2);background:rgba(251,251,249,.9);padding:3px 7px;border-radius:4px}
#mpView:has(.mpl),#mpView:has(.mptl){touch-action:auto;cursor:auto}
.mp{display:grid;grid-template-columns:270px minmax(0,1fr);border-top:1px solid var(--hair)}
.mpk{border-right:1px solid var(--hair);background:linear-gradient(#F6F6F3,#EFEFEB)}
.kns{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;padding:14px}
.kn{display:grid;justify-items:center;gap:8px;align-content:start}
.kn .kl{justify-self:start;font-size:9px;font-weight:500;white-space:nowrap}
.ko{display:grid;gap:1px;justify-self:stretch;padding-left:4px}
.ko button{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);text-align:left;line-height:1.5}
.ko button.on{color:var(--accent);font-weight:500}.ko button:hover{color:var(--ink)}
.kn.srch{justify-items:stretch}.kn.srch input{height:30px;border-radius:6px;border:1px solid var(--rule);background:#fff;padding:0 9px;font:12px var(--body);box-shadow:inset 0 1px 2px rgba(0,0,0,.08)}
.kn.srch .mono{font-size:8px}
.mpc{display:grid;grid-template-rows:auto 1fr;min-width:0}
.vw{gap:0!important;border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px var(--rule)}
.vt{padding:6px 12px;font-size:9px;background:#fff;border-left:1px solid var(--rule)}.vt:first-child{border-left:0}
.vt.on{background:var(--ink);color:#fff}
#mpCount b{color:var(--accent)}
.mpv{position:relative;height:600px;overflow:hidden;background:#FBFBF9;background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.2px);background-size:16px 16px}
.mpe-l{position:absolute;inset:0}
.mpe-l line{stroke:#B9B9B4;stroke-width:1}
.mpe-l line.ft{stroke:#D0D0CB;stroke-dasharray:3 4}
.mpe-l line.fc{stroke:#8E8E89;stroke-width:1.2}
.mpe-l line.ct{stroke:#CFCFCA}
.mpe-l line.dl{stroke:#E1E1DC}
.mpe-l .dd{stroke:#fff;stroke-width:1.5}
.nf,.nt,.nc{position:absolute}
@keyframes pop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.nf{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 10px 18px -8px rgba(0,0,0,.5);z-index:3}
.nf b{font-family:var(--title);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nf .mono{font-size:9px;color:#9A9A94}
.nf .dot{box-shadow:0 0 6px rgba(255,69,0,.9)}
.nt{display:flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;background:var(--c);color:#fff;box-shadow:0 4px 8px -4px rgba(0,0,0,.4);z-index:2;transition:transform .1s}
.nt:hover{transform:translateY(-2px)}
.nt .mono{font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nt i{font-style:normal;font-size:8px;opacity:.75}
.nt.im{flex-direction:column;gap:2px;border-radius:10px;padding:4px 8px;background:#fff;color:var(--ink);box-shadow:0 0 0 2px var(--c),0 6px 10px -6px rgba(0,0,0,.4)}
.nt.im .ti{height:30px}.nt.im img{height:100%;width:auto;display:block}
.nc{display:grid;grid-template-rows:1fr auto auto;gap:3px;padding:5px;border-radius:6px;background:#fff;box-shadow:0 0 0 1px #DADAD5,0 12px 18px -10px rgba(0,0,0,.45);z-index:2;transition:transform .1s,box-shadow .1s}
.nc:hover{transform:translate(-2px,-2px);box-shadow:0 0 0 1px var(--accent),3px 3px 0 var(--accent)}
.nc .cv{overflow:hidden;border-radius:3px;min-height:0}.nc img{width:100%;height:100%;object-fit:cover;display:block}
.nc .tt{font-family:var(--title);font-weight:700;font-size:11px;line-height:1.12;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nc .mono{font-size:7.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpleg{position:absolute;left:10px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px 12px;font-size:8px;color:var(--ink-2);z-index:4;background:rgba(251,251,249,.9);padding:4px 8px;border-radius:4px}
.mpleg i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.mpe{display:grid;place-content:center;gap:8px;height:100%;text-align:center}.mpe .big{font-family:var(--display);font-weight:900;font-size:38px;letter-spacing:-.04em}
.mpl{display:grid;border-top:1px solid var(--hair)}
.mpl a{display:grid;grid-template-columns:48px 1fr auto;gap:12px;padding:8px 14px;border-bottom:1px solid var(--hair);font-size:13.5px;align-items:baseline}.mpl a:hover{background:#fff}
.mpl .mono{font-size:9px}
#mpView:has(.mpl){overflow:auto}
.mptl{display:flex;align-items:flex-end;gap:10px;height:calc(100% - 40px);padding:30px 24px 0}
.yb{flex:1;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:6px;height:100%}
.yb i{align-self:end;width:100%;max-width:46px;background:var(--ink);border-radius:3px 3px 0 0;min-height:2px}.yb:hover i{background:var(--accent)}
.yb .mono{font-size:9px}.yb .n{color:var(--ink-2)}
.mpnote{padding:8px 24px;font-size:9px}
.mpb{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--hair);flex-wrap:wrap}
.mpb .lbl{display:flex;align-items:center;gap:8px;font-size:9px}
.mpt{display:flex;flex-wrap:wrap;gap:6px}
.mpt .chip{height:26px;font-size:9px}.mpt .chip .x{margin-left:4px;opacity:.7}
.mpt .chip.ghost{border-style:dashed;color:var(--ink-2)}
.mpb .sv{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:9px}.mpb .sv.on .bm{fill:var(--ink)}
@media(max-width:900px){
  .mp{grid-template-columns:minmax(0,1fr)}.mpk{border-right:0;border-bottom:1px solid var(--hair)}
  .kns{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:128px;overflow-x:auto;scrollbar-width:none}.kns::-webkit-scrollbar{display:none}
  .kn.srch{min-width:180px}
  .mpv{height:560px}
  .mpc .dh{grid-template-columns:1fr auto}.mpc .dh>span:nth-child(2){display:none}
}
/* v8: titoli console, percorsi, taccuino */
.cotitle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:22px 2px 18px}
.cotitle .kick{margin-bottom:8px;font-size:10px}
.cotitle .giant{font-size:clamp(46px,8.6vw,110px)}
.cotitle .sub{margin-top:10px;font-size:clamp(17px,1.9vw,22px)}
.cotitle .col{border-left:1px solid var(--rule);padding-left:12px;font-size:10px}.cotitle .col b{font-weight:400;color:var(--accent)}
@media(max-width:700px){.cotitle{grid-template-columns:1fr;padding:14px 4px 12px}.cotitle .col{display:none}}
.pcsel{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 12px;border-bottom:1px solid var(--hair);background:linear-gradient(#F1F1EE,#E9E9E5)}
.pcols{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));border-bottom:1px solid var(--hair)}
.pcc{display:grid;grid-template-rows:auto auto auto auto 1fr;gap:8px;padding:14px;border-right:1px solid var(--hair);background:var(--device);min-width:0}
.pcc:last-child{border-right:0}
.pcc .hd{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:start}.pcc .hd .mono{font-size:9.5px}.pcc .hd .dot{margin-top:3px}
.pcc .dot.off{background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink-3)}
.pcc .cv{aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:#ddd;transition:transform .07s,box-shadow .07s}
.pcc .cv img{width:100%;height:100%;object-fit:cover;display:block}
.pcc:hover .cv{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent)}
.pcc.on .cv{box-shadow:0 0 0 2px var(--accent)}
.pcc .t1{display:grid;grid-template-columns:1fr auto;gap:6px}.pcc h3{font-family:var(--title);font-weight:700;font-size:15px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pcc .au{font-size:8.5px;color:var(--ink-2)}.pcc .more{font-size:8.5px;color:var(--accent);align-self:end}
.pcc .lcdcv{display:grid;align-content:center;gap:12px;padding:14px;background:#242423;color:#EDEDE8}.pcc .lcdcv .mono{font-size:9px;display:flex;gap:8px;align-items:center}
.pcc .lcdcv .lcd span{white-space:normal}
.go{background:none}
.nb{display:grid;grid-template-columns:190px minmax(0,1fr);border-top:1px solid var(--hair)}
.nbm{display:grid;align-content:start;gap:2px;padding:12px 10px;border-right:1px solid var(--hair);background:linear-gradient(#F6F6F3,#EFEFEB)}
.nbm button{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:6px}.nbm .mono{font-size:9.5px}
.nbm button.on{background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule)}
.nbw{display:grid;gap:12px;padding:12px;min-width:0}
.nbk{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}
.kk5{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:10px;border-radius:12px;background:#F3F3F0;box-shadow:inset 0 0 0 1px var(--hair)}
.k5{display:grid;justify-items:center;gap:6px}.k5 .mono{font-size:8.5px}.k5 b{font-size:12px}
.nbs{display:grid;align-content:center;gap:6px;padding:10px;border-radius:12px;background:#F3F3F0;box-shadow:inset 0 0 0 1px var(--hair)}
.nbs input{height:36px;border-radius:8px;border:1px solid var(--rule);padding:0 12px;font:13px var(--body);background:#fff}
.nbs .mono{font-size:8.5px}.lk{font-family:var(--mono);font-size:inherit;text-transform:uppercase;letter-spacing:.06em;text-decoration:underline;text-decoration-color:var(--accent);display:inline-flex;gap:6px;align-items:center}
.nbg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.nbp{border-radius:12px;background:var(--device);box-shadow:0 0 0 1px var(--hair),0 8px 14px -12px rgba(0,0,0,.35);overflow:hidden;min-width:0}
.nbp.solo{grid-column:1/-1}
.nbp[data-sec="liste"],.nbp[data-sec="recuperare"]{grid-column:span 2}
.nbp .dh .mono{display:flex;gap:8px;align-items:center;white-space:nowrap}.note.new .allbtn{color:#fff}.nbp .dh .lk{text-decoration:none;font-size:8.5px}
.g1{--c:1}
.nbe{padding:16px;font-size:9px;color:var(--ink-2)}
.paper{background:#F8F8F6}
.notes{display:grid;gap:10px;padding:12px}
.note{display:grid;gap:8px;padding:12px 14px;border-radius:4px;background:#FFFEFA;box-shadow:0 0 0 1px #E2E2DE;background-image:repeating-linear-gradient(transparent 0 25px,#E3E3DF 25px 26px)}
.hw{font-family:'Caveat',cursive;font-size:21px;line-height:26px;color:#2A2A28}.hw.t{font-size:27px;border-bottom:1px solid #2A2A28;padding-bottom:2px}
.note .mono{font-size:8.5px;color:var(--ink-2)}
.note.new textarea{border:0;background:transparent;resize:vertical;min-height:54px;outline:0}
.note.new .allbtn{justify-self:start}
.yellow{background:#FFF1EA}
.quotes{display:grid;gap:10px;padding:12px}
.qt{margin:0;display:grid;gap:10px;padding:14px;border-radius:4px;background:#FFF4EE;box-shadow:0 0 0 1px #FFD4C2,0 6px 10px -8px rgba(0,0,0,.3);font-family:var(--mono);font-size:12px;line-height:1.5}
.qt>b{font-family:var(--display);font-size:42px;line-height:.5;height:18px}
.qt cite{font-style:normal;font-size:9px}.qt>.mono{font-size:8.5px;color:var(--ink-2)}
.favs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.favs a{display:grid;gap:6px;align-content:start}.favs .cv{aspect-ratio:2/3;border-radius:3px;overflow:hidden;box-shadow:0 8px 12px -8px rgba(0,0,0,.5)}.favs img{width:100%;height:100%;object-fit:cover;display:block}
.favs b{font-family:var(--title);font-size:11.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.favs .lvl{font-size:9px;gap:4px}.favs .lvl .b i{width:3px;height:9px}
.lists{display:grid}
.lists a{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--hair)}
.lists a:first-child{border-top:0}.lists a:hover{background:#fff}
.cb{width:16px;height:16px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--ink-2)}
.lists b{display:block;font-family:var(--title);font-size:14px}.lists small{font-size:8.5px;color:var(--ink-2)}
.thumbs{display:flex}.thumbs span{width:30px;height:30px;border-radius:50%;overflow:hidden;margin-left:-8px;box-shadow:0 0 0 2px var(--device)}.thumbs img{width:100%;height:100%;object-fit:cover}
.recs{display:grid}
.recs a{display:grid;grid-template-columns:96px 1fr auto;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--hair)}.recs a:first-child{border-top:0}
.recs .cv{aspect-ratio:16/10;border-radius:3px;overflow:hidden}.recs img{width:100%;height:100%;object-fit:cover;display:block}
.recs b{display:block;font-family:var(--title);font-size:14px;line-height:1.15}.recs small{font-size:8.5px;color:var(--ink-2)}
.ck{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink-2)}.ck:hover{background:var(--accent);box-shadow:none}
@media(max-width:1000px){.nbg{grid-template-columns:repeat(2,minmax(0,1fr))}.nbk{grid-template-columns:1fr}.pcols{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(200px,40%);overflow-x:auto;scrollbar-width:none}}
@media(max-width:760px){
  .pcsel{grid-template-columns:repeat(2,1fr)}.pcols{grid-auto-columns:62%}
  .nb{grid-template-columns:minmax(0,1fr)}.nbm{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--hair);scrollbar-width:none}.nbm button{flex:none}
  .kk5{gap:2px;padding:8px 4px}.k5 .knob{--s:40px!important}.k5 .mono{font-size:7.5px;text-align:center}
  .nbg{grid-template-columns:minmax(0,1fr)}.nbp[data-sec="liste"],.nbp[data-sec="recuperare"]{grid-column:auto}
}

/* v9: una fascia per dispositivo; copertine nel formato 1600x1080 */
.d-og,.d-rb,.d-mf,.d-wd,.d-sr{grid-column:1/-1}
.tl .cv,.dk .tl.rb .cv,.tl.rb .cv{aspect-ratio:40/27}
.ogtop{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);border-bottom:1px solid var(--hair)}
.ogtop .ogstage{aspect-ratio:40/27;background:var(--cc,#1d1d1d)}
.ogside{display:grid;grid-template-rows:1fr auto;border-left:1px solid var(--hair);background:linear-gradient(180deg,color-mix(in srgb,var(--cc,#fff) 14%,var(--device)),var(--device) 70%)}
.ogside .ogcap{align-content:center;padding:26px 24px}
.ogside .ogcap .ogcat{margin-top:0;background:var(--ink)}
.ogside .ogcap .ogcat .dot{background:var(--cc,var(--accent));box-shadow:0 0 8px var(--cc,var(--accent))}
.ogside .ogcap h2{font-size:clamp(26px,2.6vw,38px)}
.ogside .keys{border-bottom:0}
.g6{--c:6}
.rbar{grid-area:knob;display:flex;gap:8px}
.rnd.dk2{background:#2E2E2C;color:#EDEDE8;border-color:#55554F;width:40px;height:40px}
.rnd.dk2:hover{border-color:var(--accent);color:var(--accent)}
.sv{width:auto}.sv .cv{height:230px;aspect-ratio:auto!important}.sv .cv img{height:100%;width:auto}
.sv.all .cv{width:150px}
.mfg{grid-template-columns:repeat(8,minmax(0,1fr))}
@media(max-width:1000px){.mfg{grid-template-columns:repeat(4,1fr)}.g6{--c:3}}
@media(max-width:760px){
  .ogtop{grid-template-columns:1fr}.ogside{border-left:0}.ogside .ogcap{padding:16px 14px 12px}
  .sv .cv{height:170px}.g6{--c:2}.rbg.g6{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .mfg{grid-template-columns:repeat(3,1fr)}
}

/* v9: pagine articolo */
.ah{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);background:linear-gradient(120deg,color-mix(in srgb,var(--cc) 22%,var(--device)),var(--device) 75%)}
.ahi{display:block;aspect-ratio:40/27;overflow:hidden;cursor:zoom-in}.ahi img{width:100%;height:100%;object-fit:cover;display:block}
.aht{display:grid;gap:12px;align-content:center;justify-items:start;padding:28px 30px}
.aht h1{font-size:clamp(28px,3.2vw,46px)}
.art .ogcat .dot,.ogcat .dot{background:var(--cc,var(--accent));box-shadow:0 0 8px var(--cc,var(--accent))}
.art{--cc:#FF4500}
.prose a{text-decoration-color:var(--cc)}
.rprog{background:var(--cc,var(--accent))}
.prose figure.fr,.prose figure.fl{width:42%;margin:6px 0 16px;background:none}
.prose figure.fr{float:right;margin-left:28px;margin-right:-44px}
.prose figure.fl{float:left;margin-right:28px;margin-left:-44px}
.prose figure.fr img,.prose figure.fl img{box-shadow:0 14px 20px -14px rgba(0,0,0,.45)}
.prose figure.wide{clear:both}
.prose .tavole,.prose blockquote,.prose hr{clear:both}
.prose blockquote.cit p{margin:0}.prose blockquote.cit .vq{font-style:normal}.prose blockquote.cit i+.vq.c,.prose blockquote.cit em+.vq.c{margin-left:.12em}.prose blockquote.cit footer{margin-top:10px;font-family:var(--body);font-weight:400;font-size:14px;line-height:1.45;letter-spacing:0;color:var(--ink-2)}.prose blockquote.cit footer i,.prose blockquote.cit footer em{font-style:italic}
.prose::after{content:'';display:block;clear:both}
.a-side{grid-column:span 4;align-self:stretch}
.rail{display:grid;gap:16px;align-content:start;height:100%}
.sticky2{position:sticky;top:84px}
.rtip{font-size:13px;line-height:1.4;color:#B9B9B3}
.tmap{display:flex;flex-wrap:wrap;gap:6px;padding:12px}
.tmap .chip{height:26px;font-size:9px;gap:6px}.tmap .chip i{width:7px;height:7px;border-radius:50%;background:var(--c)}.tmap .chip b{font-weight:400;color:var(--ink-3)}
.tmap .chip:hover{border-color:var(--c)}
.lra{display:grid}
.lra a{display:grid;grid-template-columns:96px 1fr;gap:10px;align-items:center;padding:10px 12px;border-top:1px solid var(--hair)}.lra a:first-child{border-top:0}.lra a:hover{background:#fff}
.lra .cv{aspect-ratio:40/27;border-radius:3px;overflow:hidden}.lra img{width:100%;height:100%;object-fit:cover;display:block}
.lra b{display:block;font-family:var(--title);font-size:13.5px;line-height:1.15;margin-top:2px}.lra .kd{font-size:8.5px;color:var(--ink-3)}
.dk .vbox{border-radius:0;box-shadow:none;background:none}
.albrows>button{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center;padding:8px 12px;background:#EEF4F9;text-align:left}.albrows>button:hover{background:#fff}
.rim{aspect-ratio:40/27}
.slc .vrow{justify-self:start;margin-top:4px}
.a-rub .rbh{grid-template-columns:1fr}
@media(max-width:1000px){.ah{grid-template-columns:1fr}.a-side{grid-column:1/-1}.sticky2{position:static}}
@media(max-width:760px){.aht{padding:18px 16px}.prose figure.fr,.prose figure.fl{float:none;width:auto;margin:20px -18px}}

/* v9: mappa senza manopole, con zoom */
.kns{grid-template-columns:1fr}
.kn{justify-items:stretch}
.ko{display:flex;flex-wrap:wrap;gap:4px;padding:0}
.ko button{height:24px;padding:0 9px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--rule);font-size:8.5px;color:var(--ink)}
.ko button.on{background:var(--ink);color:#fff;box-shadow:none;font-weight:400}
.mpw{transform-origin:0 0}
.mphelp{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:5;display:flex;gap:14px;padding:8px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:9px;box-shadow:0 8px 16px -8px rgba(0,0,0,.5);transition:opacity .4s;pointer-events:none;white-space:nowrap}
.mpv.used .mphelp{opacity:0}
.mpz{position:absolute;right:10px;bottom:10px;z-index:5;display:grid;gap:4px;justify-items:center;padding:5px;border-radius:12px;background:var(--device);box-shadow:0 0 0 1px var(--rule),0 8px 14px -8px rgba(0,0,0,.4)}
.mpz button{width:32px;height:32px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule);font-size:18px;line-height:1}
.mpz .mono{font-size:8px}
@media(max-width:900px){.kns{grid-auto-flow:row;grid-auto-columns:auto;overflow:visible}.ko{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ko::-webkit-scrollbar{display:none}.ko button{flex:none}.mphelp{flex-direction:column;gap:2px;border-radius:12px;text-align:center}}

/* v9: dossier, archivio, taccuino */
.dsbar{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--hair);background:linear-gradient(#F3F3F0,#ECECE8)}
.dsbar .ctl{display:flex;gap:6px}.dsbar .rnd{width:30px;height:30px}.dsbar .allbtn{justify-self:end;color:#fff}
.dsgrid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:8px;padding:14px;border-bottom:1px solid var(--hair)}
.da{display:grid;gap:4px;text-align:left;min-width:0}
.da .cv{aspect-ratio:3/4;border-radius:2px;background-repeat:no-repeat;box-shadow:0 4px 6px -3px rgba(0,0,0,.4);transition:transform .07s,box-shadow .07s}
.da:hover .cv{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent)}
.da.on .cv{box-shadow:0 0 0 2px var(--accent),0 6px 10px -4px rgba(0,0,0,.5)}
.da .mono{font-size:8px;color:var(--ink-2)}.da.on .mono{color:var(--accent)}
.da small{font-size:10.5px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dsf{display:grid;gap:6px;min-width:0}
.dsf input,.fader-in{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:#DDDDD8;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);margin:8px 0}
.dsf input::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:22px;border-radius:5px;background:linear-gradient(#fff,#dcdcd7);box-shadow:0 0 0 1px #BDBDB8,0 3px 5px -1px rgba(0,0,0,.35),inset 0 -3px 0 var(--accent);cursor:grab}
.dsf input::-moz-range-thumb{width:30px;height:22px;border-radius:5px;border:0;background:linear-gradient(#fff,#dcdcd7);box-shadow:0 0 0 1px #BDBDB8,0 3px 5px -1px rgba(0,0,0,.35),inset 0 -3px 0 var(--accent)}
.dsov{position:fixed;inset:0;z-index:70;background:var(--paper);overflow:auto}
.dsoh{position:sticky;top:0;z-index:2;background:var(--device);box-shadow:0 10px 20px -14px rgba(0,0,0,.4)}
.dsoh .dbar{max-width:1180px;margin:0 auto}.dsoh .ic{font-size:10px;cursor:pointer}
.dsyears{display:flex;gap:4px;overflow-x:auto;padding:8px 16px;max-width:1180px;margin:0 auto;scrollbar-width:none}
.dsyears button{flex:none;height:26px;padding:0 10px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--rule);font-size:9px}
.dsyears button:hover{background:var(--ink);color:#fff}
.dsob{max-width:1180px;margin:0 auto;padding:10px 16px 120px}
.dsob section{padding:18px 0;border-bottom:1px solid var(--rule);scroll-margin-top:120px}
.dsob h3{font-size:10px;margin-bottom:12px}.dsob h3 b{font-family:var(--display);font-size:28px;letter-spacing:-.04em;font-weight:900;margin-right:6px}
.dsyg{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px 10px}
.nbreg{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:12px 14px;border-radius:12px;background:#242423;color:#EDEDE8}
.nbreg b{font-family:var(--title);font-size:15px}.nbreg p{font-size:13px;color:#B9B9B3;margin-top:2px}.nbreg .allbtn{color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00}.nbreg .lk{color:#EDEDE8;font-size:9px}
.k5{display:grid;justify-items:center;gap:6px;text-align:center}.k5 .lcd{padding:6px 10px}.k5 .lcd span{font-size:22px}
@media(max-width:1000px){.dsgrid{grid-template-columns:repeat(8,minmax(0,1fr))}.dsyg{grid-template-columns:repeat(6,minmax(0,1fr))}.nbreg{grid-template-columns:auto 1fr}.nbreg .allbtn{grid-column:2;justify-self:start}.nbreg .lk{grid-column:2;justify-self:start}}
@media(max-width:760px){.dsgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.dsbar{grid-template-columns:1fr auto}.dsbar .allbtn{grid-column:1/-1;justify-self:start}.dsyg{grid-template-columns:repeat(4,minmax(0,1fr))}.k5 .lcd span{font-size:16px}}

.pcc .cv,.c5 .cv{aspect-ratio:40/27}
.nc .cv{aspect-ratio:40/27;min-height:auto}
.nc{grid-template-rows:auto auto auto}
.pcwhy summary{cursor:pointer;color:var(--accent);font-size:9px}.pcwhy p{font-size:13px;line-height:1.4;color:var(--ink-2);margin-top:6px;max-width:46ch}

/* v10: filtri a tendina, zoom semantico */
.kns{display:grid;grid-template-columns:1fr;gap:6px;padding:12px}
.kd2{position:relative;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule)}
.kd2 summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px 11px;cursor:pointer}
.kd2 summary::-webkit-details-marker{display:none}
.kd2 .kl{font-size:8.5px;color:var(--ink-3)}.kd2 summary b{font-weight:500;font-size:9.5px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd2 summary i{font-style:normal;font-size:10px;color:var(--accent);transition:transform .15s}.kd2[open] summary i{transform:rotate(180deg)}
.kd2[open]{z-index:8;box-shadow:0 0 0 1px var(--ink),0 2px 0 var(--ink)}
.kd2 .ko{position:absolute;left:0;right:0;top:calc(100% + 6px);display:grid;gap:2px;padding:6px;border-radius:10px;background:var(--device);box-shadow:0 0 0 1px var(--rule),0 18px 30px -12px rgba(0,0,0,.4);max-height:300px;overflow:auto;flex-wrap:nowrap}
.kd2 .ko button{width:100%;height:32px;text-align:left;border-radius:6px;box-shadow:none;background:none;padding:0 10px}
.kd2 .ko button:hover{background:#fff}.kd2 .ko button.on{background:var(--ink);color:#fff}
.kn.srch{padding-top:6px}
.mpw{transform-origin:0 0}
.mpe-l{width:auto;height:auto}
.mpe-l line{vector-effect:non-scaling-stroke}
.nf,.nt,.nc{transform:translate(-50%,-50%)}
.nt:hover{transform:translate(-50%,calc(-50% - 2px))}
.nc:hover{transform:translate(calc(-50% - 2px),calc(-50% - 2px))}
.dt{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;z-index:1}
.dt i{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff;flex:none}
.dt em{display:none;font-style:normal;font-size:8.5px;white-space:nowrap;background:rgba(251,251,249,.94);padding:2px 6px;border-radius:4px;box-shadow:0 0 0 1px var(--hair)}
.dt:hover em{display:block}.dt:hover i{transform:scale(1.4)}
.dt.lv2,.mpe-l .lv2{display:none}
.mpv.z2 .dt.lv2{display:flex}.mpv.z2 .mpe-l .lv2{display:inline}
.mpv.z3 .dt em{display:block}
@media(max-width:900px){.kns{grid-template-columns:1fr 1fr;grid-auto-flow:row}.kd2 .ko{max-height:260px}.kn.srch{grid-column:1/-1;min-width:0}}

[data-lv="2"]{display:none}
.mpv.z2 [data-lv="2"]{display:flex}.mpv.z2 .nc[data-lv="2"]{display:grid}
.mpv:not(.z2) .mpe-l .lv2{display:none}
.mpv.z2 [data-lv="2"]{animation:pop .35s ease both}
@keyframes pop{from{opacity:0}to{opacity:1}}
.tagcol button small{font-size:inherit;color:var(--ink-3)}.tagcol button.on small{color:var(--accent)}
@media(max-width:900px){.mphelp{white-space:normal;width:86%}}

/* v11: mixer, lente, assistente, segui */
.g5{--c:5}
.mxt{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 200px;border-bottom:1px solid var(--hair);background:linear-gradient(#F6F6F3,#EFEFEB)}
.mxf{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px;align-content:center}
.mxi{display:grid;gap:8px;padding:14px 18px;border-left:1px solid var(--hair);align-content:center}
.mxbars{display:flex;align-items:flex-end;gap:5px;height:70px}
.mxbars button{flex:1;border-radius:2px 2px 0 0;background:#D2D2CD;transition:background .1s}
.mxbars button.f{background:var(--ink)}.mxbars button.f.hot{background:var(--accent)}.mxbars button:hover{background:#9A9A95}
.mxl{display:flex;justify-content:space-between;font-size:8.5px;color:var(--ink-2)}
.mxg{display:grid;gap:8px;padding:14px;border-left:1px solid var(--hair);align-content:center}
.mxgo{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:var(--ink);color:#fff;box-shadow:0 4px 0 #000,0 8px 14px -6px rgba(0,0,0,.5);text-align:left}
.mxgo svg{width:18px;height:18px;fill:#fff}.mxgo .mono{font-size:10px}.mxgo .led{position:absolute;right:10px;top:10px}
.mxgo:active{transform:translateY(3px);box-shadow:0 1px 0 #000}
.mxr{height:36px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule);font-size:9.5px}
.mxn{padding:10px 14px 14px;font-size:8.5px}
.ln{display:grid;grid-template-columns:190px minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid var(--hair)}
.lna{display:grid;gap:10px;align-content:start;padding:14px;border-right:1px solid var(--hair);background:linear-gradient(#F6F6F3,#EFEFEB)}
.lna .kl{font-size:9px}
.lno{display:grid;gap:4px}.lno img{width:100%;height:auto;aspect-ratio:40/27;object-fit:cover;border-radius:4px;display:block}.lno b{font-family:var(--title);font-size:13px;line-height:1.15}.lno .mono{font-size:8.5px;color:var(--ink-2)}
.lnm{display:grid;gap:2px;border-top:1px solid var(--hair);padding-top:8px}
.lnm button{text-align:left;padding:7px 8px;border-radius:5px;font-size:9px}.lnm button.on{background:var(--accent);color:#fff}
.lnpg{display:flex;gap:6px;align-items:center}.lnpg .rnd{width:30px;height:30px}.lnpg .lcd span{font-size:14px}
.lnc{padding:14px;display:grid;place-items:center;background:#E9E9E5;border-right:1px solid var(--hair)}
.lnt{position:relative;overflow:hidden;max-height:600px;width:100%;max-width:440px;cursor:crosshair;touch-action:none;user-select:none;box-shadow:0 18px 30px -18px rgba(0,0,0,.5)}
.lnt img{width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}
.lnr{position:absolute;border:2px solid var(--accent);box-shadow:0 0 0 999px rgba(20,20,19,.28);pointer-events:none}
.lnz{display:grid;align-content:start;gap:10px;padding:14px}
.lnbar{display:flex;gap:8px;align-items:center;justify-content:center}.lnbar .rnd{width:34px;height:34px;font-size:18px}.lnbar .lcd span{font-size:16px}
.lnv{position:relative;width:100%;max-width:440px;justify-self:center;max-height:440px;border-radius:6px;background-repeat:no-repeat;background-color:#fff;box-shadow:0 0 0 1px var(--rule),0 14px 24px -16px rgba(0,0,0,.5)}
.lnv::after{content:attr(data-z);position:absolute;right:8px;bottom:8px;padding:3px 7px;border-radius:4px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:10px}
.lnd{border-radius:10px;background:var(--device);box-shadow:0 0 0 1px var(--hair)}
.lncap{padding:8px 12px 0;font-size:8.5px;color:var(--ink-2)}
.lntab{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--hair)}.lntab button{padding:6px 10px;font-size:9px;border-bottom:2px solid transparent}.lntab button.on{border-color:var(--accent)}
.lnb{padding:10px 12px}.lnb p{font-size:13.5px;line-height:1.5}.lnb .allbtn{margin-top:10px;color:#fff}
.lnsrc{padding:0 12px 10px;font-size:8px}
.lns{display:flex;gap:8px;padding:12px 14px;overflow-x:auto;scrollbar-width:none}
.lns button{flex:none;display:grid;gap:4px;justify-items:center}.lns img{height:90px;width:auto;border-radius:3px;box-shadow:0 0 0 1px var(--rule)}.lns .mono{font-size:8.5px}
.lns button.on img{box-shadow:0 0 0 2px var(--accent)}.lns button.on .mono{color:var(--accent)}
.as{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.asl{display:grid;gap:12px;align-content:start;padding:16px;border-right:1px solid var(--hair)}
.asl .kl,.asr .kl{display:flex;gap:8px;align-items:center;font-size:9.5px}
.asf{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:6px 6px 6px 18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 3px 0 var(--rule)}
.asf input{border:0;outline:0;font:17px var(--body);background:none;min-width:0}.asf .play{width:42px;height:42px}.asf .play svg{fill:none;stroke:#fff;stroke-width:1.8;width:16px;height:16px;margin:0}
.asx{display:flex;flex-wrap:wrap;gap:6px}.asx .chip{height:26px;font-size:9px}
.asa{display:grid;gap:10px;padding:2px 0 4px 16px;border-left:3px solid var(--accent)}
.asa p{font-size:17px;line-height:1.55}.asa a{text-decoration:underline;text-decoration-color:var(--accent)}.asa sup{font-family:var(--mono);color:var(--accent);font-size:10px}
.aslink{font:inherit;text-decoration:underline dotted;text-decoration-color:var(--accent)}
.asm{display:flex;flex-wrap:wrap;gap:6px}.asm span{padding:4px 9px;border-radius:999px;background:#EEEEEA;font-size:8.5px}
.asmore{display:grid;border-top:1px solid var(--hair)}.asmore>.mono{padding:8px 0;font-size:9px;color:var(--ink-2)}
.asmore a{display:grid;grid-template-columns:44px 1fr auto;gap:10px;padding:7px 0;border-top:1px solid var(--hair);font-size:13.5px}.asmore a .mono{font-size:9px}
.asr{display:grid;gap:12px;align-content:start;padding:16px;background:linear-gradient(#F6F6F3,#EFEFEB)}
.asc{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.asc .cv{aspect-ratio:40/27;border-radius:3px;overflow:hidden}.asc img{width:100%;height:100%;object-fit:cover;display:block}
.asc>span:last-child{display:grid;gap:4px;align-content:start}.asc b{font-family:var(--title);font-size:14px;line-height:1.15}.asc .mono{font-size:8.5px}
.tags2{display:flex;flex-wrap:wrap;gap:4px}.tags2 i{font-style:normal;padding:2px 6px;border-radius:3px;background:#E6E6E1;font-size:7.5px}
.sgt{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid var(--hair);overflow-x:auto;scrollbar-width:none;background:linear-gradient(#F6F6F3,#EFEFEB)}
.sgt button{flex:none;padding:8px 12px;border-radius:8px;font-size:9.5px}.sgt button.on{background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule);color:var(--accent)}
.sgg{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:14px}
.sgc{display:grid;justify-items:center;gap:6px;padding:14px 10px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--hair),0 6px 12px -10px rgba(0,0,0,.4);text-align:center}
.av2{width:84px;height:84px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--rule);background:var(--ink)}
.av2 img{width:100%;height:100%;object-fit:cover;display:block}.av2 .ini{display:grid;place-items:center;height:100%;color:#fff;font-size:18px}
.sgc.on .av2{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--accent)}
.sgc b{font-family:var(--title);font-size:14px;line-height:1.15}.sgc .mono{font-size:8px;color:var(--ink-2)}
.sw{width:46px;height:26px;border-radius:999px;background:#D2D2CD;box-shadow:inset 0 1px 3px rgba(0,0,0,.25);position:relative;transition:background .15s}
.sw i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 3px rgba(0,0,0,.3);transition:left .15s}
.sgc.on .sw{background:var(--accent)}.sgc.on .sw i{left:23px}
.nw{color:#fff;background:var(--accent);padding:1px 5px;border-radius:3px;font-weight:500}
.sgreg{margin:14px}
@media(max-width:1000px){.mxt{grid-template-columns:1fr 1fr}.mxg{grid-column:1/-1;grid-template-columns:1fr auto;border-left:0;border-top:1px solid var(--hair)}.g5{--c:3}
  .ln{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lna{grid-column:1/-1;grid-template-columns:auto 1fr auto;border-right:0;border-bottom:1px solid var(--hair)}.lno{grid-template-columns:90px 1fr;align-items:center}.lnm{display:none}
  .as{grid-template-columns:1fr}.asl{border-right:0}}
@media(max-width:760px){.mxt{grid-template-columns:1fr}.mxi{border-left:0;border-top:1px solid var(--hair)}.g5{--c:2}
  .ln{grid-template-columns:1fr}.lna{grid-template-columns:1fr}.lnc{border-right:0}.lnt{max-width:300px}
  .asa p{font-size:15.5px}.asc{grid-template-columns:96px 1fr}.sgg{grid-template-columns:repeat(2,1fr)}}

/* v12: lente = tavola completa + dettagli; la lente è opzionale */
.ln2{border-bottom:1px solid var(--hair)}
.lnhd{display:grid;grid-template-columns:120px 1fr auto;gap:14px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--hair);background:linear-gradient(#F6F6F3,#EFEFEB)}
.lnhd img{width:100%;height:auto;aspect-ratio:40/27;object-fit:cover;border-radius:4px;display:block}
.lnhd>div{display:grid;gap:3px}.lnhd b{font-family:var(--title);font-size:17px;line-height:1.15}.lnhd .mono{font-size:8.5px;color:var(--ink-2)}.lnhd .allbtn{color:#fff}
.lnmain{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.ln2 .lnc{display:grid;gap:12px;justify-items:center;align-content:start;padding:18px;background:#E9E9E5;border-right:1px solid var(--hair)}
.ln2 .lnt{max-width:540px;max-height:none;cursor:default}
.ln2 .lnt.lensing{cursor:crosshair}
.lnb2{position:absolute;border:2px solid transparent;transition:border-color .12s,background .12s}
.lnb2 i{position:absolute;left:-2px;top:-2px;padding:2px 6px;background:var(--ink);color:#fff;font-style:normal;font-size:9px;opacity:0;transition:opacity .12s}
.lnt:not(.lensing) .lnb2:hover{border-color:rgba(255,69,0,.6)}.lnt:not(.lensing) .lnb2:hover i{opacity:1}
.lnb2.on{border-color:var(--accent);background:rgba(255,69,0,.06)}.lnb2.on i{opacity:1;background:var(--accent)}
.lnt.lensing .lnb2{pointer-events:none}
.lnbar2{display:flex;gap:8px;align-items:center}.lnbar2 .rnd{width:34px;height:34px}.lnbar2 .lcd span{font-size:15px}
.lensbtn{display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;margin-left:8px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 2px 0 var(--rule);font-size:9.5px}
.lensbtn svg{width:16px;height:16px}.lensbtn.on{background:var(--ink);color:#fff;box-shadow:0 0 0 1px var(--ink)}
.lnside{display:grid;gap:12px;align-content:start;padding:14px}
.lnside .dh{border:0;padding:0}.lnzb{display:flex;gap:6px;align-items:center}.lnzb .rnd{width:30px;height:30px}
.lnbig{display:block;width:100%;max-height:520px;border-radius:4px;background-repeat:no-repeat;background-color:#fff;box-shadow:0 0 0 1px var(--rule),0 16px 26px -18px rgba(0,0,0,.55);cursor:zoom-in}
.lndet{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px}
.lndet button{flex:none;position:relative;height:74px}
.lndet span{display:block;height:100%;background-repeat:no-repeat;border-radius:3px;box-shadow:0 0 0 1px var(--rule)}
.lndet i{position:absolute;left:4px;top:4px;font-style:normal;font-size:8px;padding:1px 4px;background:rgba(30,30,30,.85);color:#fff;border-radius:2px}
.lndet button.on span{box-shadow:0 0 0 2px var(--accent)}.lndet button.on i{background:var(--accent)}
.lnnote{display:grid;gap:6px;padding-top:10px;border-top:1px solid var(--hair)}.lnnote .kl{display:flex;gap:8px;align-items:center;font-size:9px}.lnnote p{font-size:14px;line-height:1.5}
.ln2 .lnv{max-height:none;max-width:none}
.lnnote p.lnsrc{font-size:8.5px;line-height:1.5}
@media(max-width:900px){.lnmain{grid-template-columns:1fr}.ln2 .lnc{border-right:0}.lnhd{grid-template-columns:80px 1fr}.lnhd .allbtn{grid-column:1/-1;justify-self:start}.lensbtn span{display:none}.lensbtn{padding:0 10px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== sito: aggiunte al prototipo ===== */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.prose .hav{clear:both;display:flow-root;margin:24px 0}
.prose .hav *{max-width:100%}
.prose figure.quote{background:none}.prose figure.quote figcaption{font-family:var(--body);font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink-2)}
.prose a.zoom{display:block}
.prose .tavole.g2{grid-template-columns:repeat(2,1fr)}.prose .tavole.g3{grid-template-columns:repeat(3,1fr)}
.embed{position:relative;aspect-ratio:16/9;margin:24px 0;clear:both}.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:6px}
.authors{display:grid;gap:10px;padding:14px 44px 26px;border-top:1px solid var(--hair)}
.authors .auth{padding:0;border:0}
.auth .av{overflow:hidden}.auth .av img{width:100%;height:100%;object-fit:cover;display:block}
.slt .authors{padding:14px 0 0}
.albrows>div{grid-template-columns:44px 1fr}.albrows .cv{display:block;aspect-ratio:3/4;border-radius:2px;overflow:hidden;box-shadow:0 4px 6px -3px rgba(0,0,0,.4)}.albrows .cv img{width:100%;height:100%;object-fit:cover;display:block}
.doss{display:block;color:#EDEDE8}.doss .in{position:relative;display:block;min-height:190px;overflow:hidden}
.dbg{position:absolute;inset:0;opacity:.55}.dbg img{width:100%;height:100%;object-fit:cover;display:block}
.dtx{position:relative;display:grid;gap:10px;justify-items:start;padding:16px;background:linear-gradient(transparent,rgba(20,20,19,.85) 60%)}
.dtx img{max-width:70%;max-height:70px;height:auto;width:auto}.dtx .mono{font-size:9px}.dtx b{font-family:var(--display);font-size:30px;font-weight:900}
.doss .allbtn{color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00}
.ltitle{padding:22px 4px 18px}.ltitle .giant{font-size:clamp(44px,8vw,104px)}.ltitle .sub{margin-top:10px;font-size:18px;max-width:60ch}
.ltitle .asf{margin-top:16px;max-width:680px}
.pager{display:flex;gap:8px;align-items:center}.pager .rnd{width:30px;height:30px}.pager .lcd span{font-size:13px}
.pfoot2{display:flex;justify-content:center;padding:14px}
.sgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px 14px;padding:16px}
.sgrid .sv{width:auto}.sgrid .sv .cv{height:auto;aspect-ratio:auto}.sgrid .sv .cv img{width:100%;height:auto}.sgrid h3{font-family:var(--title);font-size:13px;line-height:1.2}
.years{display:grid}.years a{display:grid;grid-template-columns:90px 1fr 90px;gap:14px;align-items:center;padding:10px 16px;border-top:1px solid var(--hair)}
.years b{font-family:var(--display);font-size:28px;font-weight:900;letter-spacing:-.04em}.years i{height:10px;border-radius:2px;background:var(--ink)}.years a:hover i{background:var(--accent)}
.rball{padding:4px 14px 14px}.rball .allbtn{color:#fff}
.a-body.full{grid-column:1/-1}.aht.pg{padding:30px}
.quiz,.poll{clear:both;margin:24px 0;padding:18px;border-radius:12px;background:#F3F3F0;box-shadow:inset 0 0 0 1px var(--hair)}
.quiz h3,.poll h3{font-family:var(--display);font-weight:800;font-size:24px;margin-bottom:10px}
.quiz fieldset{border:0;padding:10px 0;margin:0;display:grid;gap:6px}.quiz legend{font-weight:600;margin-bottom:6px}
.quiz button{text-align:left;padding:10px 12px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--rule)}
.quiz button.ok{box-shadow:0 0 0 2px #0F9D68}.quiz button.no.pick{box-shadow:0 0 0 2px var(--accent);opacity:.8}.quiz button.no:not(.pick){opacity:.5}
.clas{list-style:none;padding:0;margin:20px 0;display:grid;gap:6px;clear:both}.clas li{display:grid;grid-template-columns:1fr 40% 40px;gap:10px;align-items:center}.clas i{height:8px;background:var(--accent);border-radius:2px}

/* ===== revisione 12/10: home ===== */
/* 01 oggi: immagine intera (40/27) e scheda sovrapposta in basso */
.d-og .ogstage{aspect-ratio:40/27;border-radius:0;background:#1d1d1d}
.d-og .ogstage .sl img{object-fit:cover}
.ogcard{position:absolute;z-index:4;left:16px;right:16px;bottom:16px;border-radius:22px;background:color-mix(in srgb,var(--device) 96%,transparent);backdrop-filter:blur(6px);
  box-shadow:0 0 0 1px #D2D2CD,inset 0 1px 0 #fff,0 24px 40px -18px rgba(0,0,0,.55)}
.ogcard .ogcap{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:0;padding:0}
.ogcard .ogcap[hidden]{display:none}
.ogcard .ogt{display:grid;gap:12px;align-content:start;justify-items:start;padding:22px 26px 22px}
.ogcard .ogt h2{font-family:var(--display);font-weight:800;font-size:clamp(30px,3.7vw,54px);line-height:.98;letter-spacing:-.04em;margin:0;text-wrap:balance}
.ogcard .ogt h2 a:hover{color:var(--accent)}
.ogcard .ogt .au{font-size:10px;color:var(--ink-2)}
.ogcard .ogt .ogcat{margin:0}
.ogcard .ogx{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;align-content:start;padding:28px 22px 96px 24px;border-left:1px solid var(--rule);margin:18px 0 0}
.ogcard .ogx p{font-size:12px;line-height:1.55;color:var(--ink-2)}
.gobtn{width:62px;height:62px;border-radius:50%;background:var(--ink);display:grid;place-items:center;box-shadow:0 10px 16px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .08s}
.gobtn svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6}
.gobtn:hover{background:var(--accent)}
.ogcard .keys{position:absolute;right:0;bottom:0;width:38.4%;border:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule);background:transparent;border-radius:0 0 22px 0;padding:10px 14px}
.ogcard .keys .prog{position:absolute;left:14px;bottom:4px;width:48px;height:3px}
/* 02 rubriche: radio */
.scale{height:58px}
.scale button{top:auto!important;bottom:6px;width:auto;height:auto;padding:0;transform:translateX(-50%);max-width:none;display:grid;justify-items:center;gap:3px;cursor:pointer}
.scale button .mono{display:block;font-size:8.5px;line-height:1;letter-spacing:.04em;padding:3px 4px;border-radius:3px;border:1px solid #4A4A46;color:#9A9A94;background:#191918}
.scale button::after{content:'';position:static;display:block;width:2px;height:10px;border-radius:1px;background:#6E6E68}
.scale button::before{display:none}
.scale button.pre .mono{border-color:var(--accent);color:var(--accent)}
.scale button.on .mono{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 0 10px rgba(255,69,0,.6)}
.scale button.on::after{background:var(--accent);height:14px}
.scale button:focus-visible .mono{outline:2px solid #fff}
.dk .tl.rb .cv{aspect-ratio:40/27}
.lcd [data-lcd]{text-transform:uppercase}
/* 03 short: copertine intere */
.d-sr .sv .cv{height:210px;background:none;box-shadow:0 12px 16px -12px rgba(0,0,0,.55)}
.d-sr .sv .cv img{height:100%;width:auto;object-fit:contain}
/* rubriche: mixer a levette */
.mixer .levs{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;padding:14px}
.lev{display:grid;justify-items:center;gap:7px;padding:10px 6px 12px;border-radius:10px;background:linear-gradient(#FFF,#ECECE8);box-shadow:0 0 0 1px #D2D2CD,0 3px 0 #C9C9C4;cursor:pointer;color:var(--ink)}
.lev .led{position:static}
.lev .slot{position:relative;width:16px;height:38px;border-radius:8px;background:linear-gradient(#1A1A19,#2E2E2C);box-shadow:inset 0 2px 4px rgba(0,0,0,.7)}
.lev .knob{position:absolute;left:-3px;width:22px;height:16px;border-radius:4px;background:linear-gradient(#FFFFFF,#D6D6D1);box-shadow:0 0 0 1px #A9A9A4,0 3px 4px -1px rgba(0,0,0,.45);bottom:2px;transition:bottom .12s}
.lev .knob::after{content:'';position:absolute;left:4px;right:4px;top:7px;height:2px;background:#9A9A95}
.lev.on .knob{bottom:20px}.lev.on .knob::after{background:var(--accent)}
.lev b{font-size:12px;letter-spacing:.06em}
.lev .nm{font-size:8.5px;line-height:1.2;text-align:center;color:var(--ink-2);min-height:2.4em}
.lev:not(.on){opacity:.72}
.mxb{font-size:9.5px;padding:6px 10px;border-radius:6px;border:1px solid var(--rule);background:#fff;margin-left:6px}
.rdesc{padding:12px 16px 0;color:var(--ink-2);max-width:80ch;font-size:15px}
.rsec[hidden]{display:none}
/* regole immagini nei pezzi */
.prose .tavole{background:none;padding:0;gap:12px;align-items:start;clear:both}
.prose .tavole.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.prose .tavole.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.prose .tavole.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.prose .tavole figure{margin:0;background:none}
.prose .tavole img{box-shadow:0 0 0 1px var(--hair)}
.prose .tavole.strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
.prose .tavole.strip figure{flex:none;width:min(42%,300px);scroll-snap-align:start}
.prose figure.mid{margin:26px auto;width:min(100%,420px);background:none;clear:both}
.prose figure.fr,.prose figure.fl{clear:both}
.prose figure.wide{clear:both}
/* pagina pezzo: copertina con scheda sovrapposta, colonna sinistra */
.a-hero .in{padding:0;overflow:hidden;border-radius:inherit}
.ahero{position:relative;display:block}
.ahero .hi{display:block;width:100%;aspect-ratio:40/27;overflow:hidden;cursor:zoom-in;background:#1d1d1d}
.ahero .hi img{width:100%;height:100%;object-fit:cover;display:block}
.ahero .hi.none{aspect-ratio:auto;height:120px;cursor:default}
.hcard{position:absolute;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) minmax(0,1fr) auto;align-items:center;gap:0;
  border-radius:20px;background:color-mix(in srgb,var(--device) 96%,transparent);backdrop-filter:blur(6px);box-shadow:0 0 0 1px #D2D2CD,inset 0 1px 0 #fff,0 24px 40px -18px rgba(0,0,0,.55)}
.hcard>div{padding:20px 22px;align-self:stretch;display:grid;align-content:center;gap:10px;justify-items:start}
.hcard>div+div{border-left:1px solid var(--rule)}
.hcard h1{font-size:clamp(28px,3.1vw,46px)!important;line-height:1!important;margin:0;text-wrap:balance}
.hcard .st{font-size:15px;line-height:1.35;color:var(--ink-2);margin:0}
.meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0}
.meta dt{font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}
.meta dd{margin:2px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.hcard .chips{display:flex;flex-wrap:wrap;gap:6px}
.hcard .chip{font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid var(--rule);background:#fff}
.gobtn.red{margin:0 20px 0 6px;background:var(--accent)}
.gobtn svg{fill:none;stroke:#fff;stroke-width:1.6}
.art.lr .a-side{grid-column:1/span 4;grid-row:2}
.art.lr .a-body{grid-column:5/-1;grid-row:2}
.art.lr .a-rub+.a-side,.art.lr .a-rub~.a-body{grid-row:2}
.a-body .in{position:relative}
.tools{position:absolute;left:0;top:0;bottom:0;width:56px;border-right:1px solid var(--hair);display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:22px}
.tools .mono{font-size:10px;color:var(--ink-2)}
.tools .bmb,.tools .shr{width:30px;height:30px;display:grid;place-items:center;position:sticky;top:110px}
.tools svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.6}
.tools .shr.ok svg{stroke:var(--accent)}
.a-body .prose{margin-left:56px}
@media(max-width:1000px){.hcard{position:relative;left:auto;right:auto;bottom:auto;margin:-40px 12px 12px;grid-template-columns:1fr auto}.hcard>div+div{border-left:0;border-top:1px solid var(--rule)}.hcard .hc1{grid-column:1/-1}.art.lr .a-side,.art.lr .a-body{grid-column:1/-1;grid-row:auto}}
/* short: immagini a corredo grandi e intere */
.slv{grid-template-columns:minmax(0,44%) minmax(0,1fr)}
.slc .tv{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.slc .tv button{aspect-ratio:auto;box-shadow:0 0 0 1px var(--hair),0 12px 18px -14px rgba(0,0,0,.5);background:#fff}
.slc .tv img{height:auto;object-fit:contain}
.slc .tv button:only-child{grid-column:1/-1}
/* mondo fumetto: indice a schede */
.mfhead .in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px 30px}
.mfh{display:grid;gap:14px;justify-items:start}
.mft{font-family:var(--display);font-weight:800;font-size:clamp(44px,6vw,84px);line-height:.92;letter-spacing:-.05em;margin:0}
.mfh .sub{font-size:17px;color:var(--ink-2);max-width:60ch;margin:0}
.mfside{font-size:10px;line-height:1.5;color:var(--ink-2);border-left:1px solid var(--rule);padding-left:20px;display:grid;gap:10px}
.mfbar .in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:12px 16px}
.mfbar .lb,.mffeat .lb,.mfc .lb{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.mfbar .lb .led,.mffeat .lb .led,.mfc .lb .led{position:static}
.mfbar .az{padding:0;border:0;display:flex;flex-wrap:wrap;gap:4px}
.mfbar .ord{margin-left:auto;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:8px}
.mfbar select{font:12px var(--body);padding:7px 10px;border-radius:8px;border:1px solid var(--rule);background:#fff}
.mfbar .cnt{font-size:9.5px;color:var(--ink-2);text-transform:uppercase}
.mff{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1fr);gap:0;align-items:stretch}
.mffimg{display:block;background:#fff;border-right:1px solid var(--hair)}
.mffimg img{width:100%;height:100%;max-height:340px;object-fit:contain;display:block;padding:16px}
.mfft{display:grid;align-content:center;justify-items:start;gap:12px;padding:24px}
.mfft h2{font-family:var(--display);font-weight:800;font-size:clamp(34px,3.6vw,56px);line-height:.95;letter-spacing:-.04em;margin:0}
.mfft .n{font-size:10px;color:var(--ink-2)}
.mffl{display:grid;align-content:start;gap:4px;padding:18px 20px;border-left:1px solid var(--hair)}
.mffl a{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--hair)}
.mffl .cv{aspect-ratio:40/27;overflow:hidden;border-radius:4px}.mffl .cv img{width:100%;height:100%;object-fit:cover}
.mffl b{display:block;font-family:var(--title);font-size:14px;line-height:1.2}.mffl .mono{font-size:9px;color:var(--ink-2)}
.mffl a:hover b{color:var(--accent)}
.mfcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mfc .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:stretch;min-height:170px;position:relative;padding:0}
.mfci{order:2;display:block;background:#fff;border-left:1px solid var(--hair)}
.mfci img{width:100%;height:100%;max-height:200px;object-fit:contain;display:block;padding:10px}
.mfct{display:grid;align-content:space-between;gap:10px;padding:16px}
.mfct .n{font-size:9.5px;color:var(--ink-2);line-height:1.4}
.mfc .go{position:absolute;right:12px;bottom:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;background:#fff}
.mfc .go svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.6}
.mfc:hover .go{background:var(--ink)}.mfc:hover .go svg{stroke:#fff}
.mfc[hidden]{display:none}
@media(max-width:1000px){.mff{grid-template-columns:1fr}.mffl,.mffimg{border:0}.mfcards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mfcards{grid-template-columns:1fr}.mfhead .in{grid-template-columns:1fr}.mfside{display:none}}
/* pagine monografiche (modello Dampyr) */
.mono-p .hcard .back{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;text-transform:uppercase;letter-spacing:.06em}
.mono-p .hcard .back svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6}
.mono-p .ahero .hi{cursor:default}
.mindex{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:14px}
.mindex a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid var(--rule);background:#fff;font-size:15px}
.mindex a.grp{background:var(--device);font-family:var(--title);font-weight:700}
.mindex .th{width:44px;height:44px;border-radius:4px;overflow:hidden;display:block}.mindex .th img{width:100%;height:100%;object-fit:cover}
.mindex .n{font-size:9.5px;color:var(--ink-2)}
.mindex a:hover{border-color:var(--ink)}
.mbody .prose{margin-left:0}
.msec{padding:8px 44px 28px;scroll-margin-top:90px}
.msec h2{font-family:var(--title);font-weight:700;font-size:26px;letter-spacing:.04em;text-transform:uppercase;padding-bottom:12px;border-bottom:3px solid var(--accent);margin:24px 0 18px}
.msec.grp h2{font-size:34px;border-bottom-color:var(--ink)}
.mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.mgrid.v{grid-template-columns:repeat(6,minmax(0,1fr))}
.mcard{display:grid;gap:8px;align-content:start}
.mcard .cv{display:block;border-radius:4px;overflow:hidden;box-shadow:0 0 0 1px var(--hair),0 14px 20px -16px rgba(0,0,0,.5);background:#fff}
.mcard .cv img{width:100%;height:auto;display:block}
.mcard b{font-family:var(--title);font-size:15px;line-height:1.2}
a.mcard:hover b{color:var(--accent)}a.mcard:hover .cv{box-shadow:0 0 0 2px var(--accent)}
@media(max-width:900px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mgrid.v{grid-template-columns:repeat(3,minmax(0,1fr))}.msec{padding:8px 16px 22px}}
/* piede del sito */
.sfoot{margin-top:28px;border-radius:18px;background:var(--device);box-shadow:0 0 0 1px #D2D2CD,inset 0 1px 0 #fff,0 14px 24px -16px rgba(0,0,0,.35)}
.sf{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1.2fr;gap:0}
.sfc{display:grid;align-content:start;gap:9px;padding:22px 22px 24px;font-size:14px}
.sfc+.sfc{border-left:1px solid var(--hair)}
.sfc .h{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:4px}
.sfc a:hover{color:var(--accent)}
.sf1 .logo{font-size:30px}.sf1 .cl{font-size:9.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
.sf1 p{font-size:14px;line-height:1.45;margin:0}.sf1 p a{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.sfc .sm{font-size:12px;line-height:1.5;color:var(--ink-2);margin:8px 0 0}.sfc .sm a{text-decoration:underline;text-underline-offset:2px}
.badge{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--rule)}
.badge .led{position:static}.badge .led.g{background:#2BB673;box-shadow:0 0 6px 1px rgba(43,182,115,.55)}
.badge b{display:block;font-size:13px}.badge span span{font-size:11.5px;color:var(--ink-2)}
.badge:hover{border-color:var(--ink)}
.sfb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 22px;border-top:1px solid var(--rule);font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
@media(max-width:900px){.sf{grid-template-columns:1fr 1fr}.sfc:nth-child(3){border-left:0}.sfc:nth-child(n+3){border-top:1px solid var(--hair)}}
@media(max-width:560px){.sf{grid-template-columns:1fr}.sfc+.sfc{border-left:0;border-top:1px solid var(--hair)}}
/* scheda autore */
.acw{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;gap:28px;padding:24px;align-items:start}
.aph{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;overflow:hidden;background:var(--ink);color:#fff;box-shadow:0 18px 26px -18px rgba(0,0,0,.6)}
.aph img{width:100%;height:100%;object-fit:cover}.aph .mono{font-size:40px}
.atx{display:grid;gap:14px;align-content:start}.atx .giant{font-size:clamp(40px,5vw,72px);margin:0}
.abio{font-size:18px;line-height:1.45;color:var(--ink-2);max-width:56ch;margin:0}
.ast{display:grid;gap:14px}
.agen{display:grid;gap:6px}.agen div{display:grid;grid-template-columns:110px 1fr 36px;align-items:center;gap:8px}
.agen .mono{font-size:9.5px;text-transform:uppercase}.agen i{height:8px;border-radius:2px;background:var(--accent);min-width:3px}.agen b{font-size:11px;text-align:right}
@media(max-width:900px){.acw{grid-template-columns:120px 1fr}.ast{grid-column:1/-1}}
/* redazione */
.rdg{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:0}
.rdc{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:start;padding:16px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.rdc .aph{border-radius:10px}.rdc .aph .mono{font-size:20px}
.rdt{display:grid;gap:4px}.rdt b{font-family:var(--title);font-size:17px}.rdt .mono{font-size:9px;color:var(--ink-2);text-transform:uppercase}
.rdt .rl{font-size:14px;line-height:1.3}.rdt .d{color:var(--ink-3)}
.rdc:hover b{color:var(--accent)}
.atx .tags{padding:0}
.sfoot .sf1 .logo.sm{font-size:34px;padding:0}
/* recensioni per mondi */
.mchips{display:flex;flex-wrap:wrap;gap:8px;padding:14px}
.mchips a{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:9px;border:1px solid var(--rule);background:#fff;font-size:14px;box-shadow:0 2px 0 rgba(0,0,0,.05)}
.mchips .led{position:static}.mchips b{font-size:10px;color:var(--ink-2)}
.mchips a:hover{border-color:var(--ink)}.mchips a:hover .led{background:var(--accent);box-shadow:0 0 6px 1px rgba(255,69,0,.6)}
.shelf,#tutte{scroll-margin-top:90px}
/* newsletter */
.nlform{display:grid;gap:14px;max-width:560px;margin:26px 0;padding:22px;border-radius:16px;background:var(--device);box-shadow:0 0 0 1px #D2D2CD,inset 0 1px 0 #fff}
.nlform label{display:grid;gap:6px;font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.nlform input[type=email],.nlform input[type=text]{font:16px var(--body);padding:11px 12px;border-radius:9px;border:1px solid var(--rule);background:#fff;color:var(--ink);text-transform:none;letter-spacing:0}
.nlform .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nlform .nlck{display:flex;gap:10px;align-items:flex-start;font:14px/1.45 var(--body);text-transform:none;letter-spacing:0;color:var(--ink)}
.nlform .nlck a{text-decoration:underline}
.nlform .hp{position:absolute;left:-9999px}
.nlform button{justify-self:start;color:#fff;border:0;cursor:pointer}
.nlmsg{padding:12px 14px;border-radius:10px;font-size:15px;background:#fff;border:1px solid var(--rule)}
.nlmsg.ok{border-color:#2BB673}.nlmsg.ko{border-color:var(--accent)}
/* logo: marchio uBC a colori + uBC1996 con la u rossa */
.logo{display:inline-flex;align-items:center;gap:10px}
.logo .lgo{height:34px;width:auto;display:block}
.logo b i{font-style:normal;color:#E30613}
.sfoot .logo .lgo{height:40px}
.mfhead .in{grid-template-columns:1fr}
/* fascia sulla copertina: bassa, trasparente, altezza fissa */
.hcard{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto auto;min-height:0;background:color-mix(in srgb,var(--device) 74%,transparent);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1);border-radius:16px;bottom:14px;left:14px;right:14px}
.hcard>div{padding:12px 18px;gap:6px}
.hcard h1{font-size:clamp(20px,2vw,30px)!important;line-height:1.02!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hcard .st{font-size:13.5px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.hcard .meta{flex-direction:column;gap:6px;flex-wrap:nowrap}
.hcard .meta div{display:flex;gap:8px;align-items:baseline}.hcard .meta dd{margin:0;white-space:nowrap}
.hcard .gobtn{width:46px;height:46px;margin:0 14px 0 4px}.hcard .gobtn svg{width:18px;height:18px}
.hcard .ogcat{height:22px;font-size:9px}
/* avatar del redattore fuori dalla colonna degli strumenti */
.a-body .tags,.a-body .authors{margin-left:56px}
/* short: elenco a 5 colonne, solo la copertina */
.sgrid{grid-template-columns:repeat(5,minmax(0,1fr))}
.sgrid .sv .cv{background:none;box-shadow:none;border-radius:0;overflow:visible}
.sgrid .sv .cv img{box-shadow:0 10px 14px -10px rgba(0,0,0,.5);border-radius:3px}
@media(max-width:1000px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* short: precedenti sullo stesso fumetto */
.sprev{display:grid;gap:8px;margin-top:6px}.sprev>.mono{font-size:9px}
.spg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.spg a{display:grid;gap:4px}.spg .cv{display:block;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px var(--hair)}
.spg img{width:100%;height:auto;display:block}.spg .mono{font-size:8.5px;color:var(--ink-2)}
.spg a:hover .cv{box-shadow:0 0 0 2px var(--accent)}
.mff[hidden]{display:none}
/* social e condivisione */
.soc{display:inline-flex;align-items:center;gap:6px}
.soc a{width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.soc svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.soc a:hover{background:var(--ink)}.soc a:hover svg{stroke:#fff}
.dbar .soc.ic{border-left:1px solid var(--hair);padding:0 12px}
.soc.big a{width:38px;height:38px;border:1px solid var(--rule);background:#fff}.soc.big svg{width:19px;height:19px}
.tools .tstk{position:sticky;top:96px;display:flex;flex-direction:column;align-items:center;gap:10px}
.tools .bmb,.tools .shr{position:static}
.tools .sep{width:22px;height:1px;background:var(--rule)}
.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share>.mono{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.share a,.share button{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ink);cursor:pointer;border:0;transition:transform .08s,background .15s}
.share svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.share a:hover,.share button:hover{background:var(--accent);transform:translateY(-1px)}
.share .ok{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font-size:8.5px;background:var(--ink);color:#fff;padding:3px 6px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s;white-space:nowrap}
.share button.ok .ok,.share button.done .ok{opacity:1}
.share.v{flex-direction:column;gap:8px}.share.v>.mono{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8.5px}
.share.v a,.share.v button{width:32px;height:32px}.share.v svg{width:15px;height:15px}
.share.end{margin:28px 0 0 56px;padding:16px 18px;border-radius:14px;background:var(--device);box-shadow:0 0 0 1px var(--edge,#D2D2CD)}
.share.end>.mono{font-size:10.5px;margin-right:6px}
/* testata: il logo dice già "Magazine", via la scritta accanto */
.topdev .dbar .name{display:none}
.logo{gap:0}.logo .lgo{margin-right:12px}
/* firma: nome e link mai sulla stessa riga */
.auth b{display:block}.auth a{margin-top:6px}
/* uBC Off: la sezione sperimentale, riconoscibile ovunque */
.tl.off .cv{position:relative;box-shadow:0 0 0 2px var(--ink)}
.offb{position:absolute;left:8px;top:8px;z-index:2;background:#fff;border-radius:8px;padding:4px 6px;box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.offb img{height:22px;width:auto;display:block}
.offl img{height:34px;width:auto;display:block}.offl.big img{height:64px}
.offh{display:inline-flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:6px 10px;box-shadow:0 0 0 1px var(--rule)}
.offh .mono{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2)}
.d-off{grid-column:1/-1}
.offhead{display:flex;align-items:center;gap:18px;padding:16px;flex-wrap:wrap}
.offhead .offl{background:#fff;border-radius:12px;padding:8px 12px}
.offhead p{color:#D8D8D2;font-size:16px;max-width:60ch;margin:0}
.offt .offl{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px;box-shadow:0 0 0 1px var(--rule);margin:6px 0}
/* ===== uBC Awards ===== */
:root{--gold:#E2B13C;--gold-d:#9C7414;--night:#0F1E2B}
.laurel{width:30px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;flex:none}
.aw-hero .in{padding:0;overflow:hidden;border-radius:inherit}
.awcov img{width:100%;height:auto;display:block}
.awcard{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;padding:18px 24px;background:var(--night);color:#fff}
.awcard h1{color:#fff;font-size:clamp(28px,3.4vw,48px)!important;margin:8px 0 0}
.awcard .awst{font-size:16px;line-height:1.4;max-width:60ch;color:#C9D3DC;margin:6px 0 0}
.awcard .ogcat{background:var(--gold);color:var(--night)}.awcard .ogcat .dot{background:var(--night);box-shadow:none}
.awnav{display:grid;gap:8px;justify-items:end;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.awnav a{display:inline-flex;align-items:center;gap:8px;color:var(--gold)}.awnav a:hover{color:#fff}.awnav span{color:#9FB0BE}
.aw-body .prose,.aw-body .prose.aw{max-width:980px;margin:0 auto;padding:28px 40px}
.prose.aw figure.aw-img{margin:26px 0;width:100%;background:none}.prose.aw figure.aw-img img{width:100%;height:auto}
.awc{margin:18px 0 30px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--rule);background:#fff}
.awch{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;background:var(--night);color:#fff}
.awch .mono{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}.awch b{font-family:var(--title);font-size:18px}
.awch .closed{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#9FB0BE}.awch .closed .led{position:static}
.awc ol{list-style:none;margin:0;padding:6px 0}
.awc li{display:grid;grid-template-columns:20px 30px 1fr;gap:10px;align-items:center;padding:11px 16px;border-top:1px solid var(--hair);font-size:16px}
.awc li:first-child{border-top:0}.awc .rd{width:16px;height:16px;border-radius:50%;border:2px solid #B9B9B4}.awc .n{font-size:11px;color:var(--ink-3)}
.awp{margin:16px 0 30px;border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--rule);background:#fff}
.aww{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:linear-gradient(120deg,#F3C94B,#E2B13C);color:var(--night)}
.aww .laurel{width:44px;height:28px;color:var(--gold-d)}
.aww .mono{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.aww b{display:block;font-family:var(--display);font-weight:800;font-size:clamp(20px,2.2vw,28px);line-height:1.1;letter-spacing:-.02em}
.aww .pc{font-size:20px;color:var(--night)}.aww .cr{display:block;margin-top:4px;font-size:14px;color:#7A2E0E}
.awr{list-style:none;margin:0;padding:8px 0}
.awr li{display:grid;grid-template-columns:34px minmax(0,1.3fr) minmax(0,1fr) 64px;gap:12px;align-items:center;padding:9px 18px}
.awr .pos{font-size:12px;color:var(--ink-2)}.awr .t{font-size:15px}.awr i{height:8px;border-radius:4px;background:#BFC6CC;min-width:4px}.awr .pc{text-align:right;font-size:12px}
.awgold{display:grid;gap:26px}
.awcat{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--rule);background:#fff}
.awban img{width:100%;height:auto;display:block}
.awcat h2{display:flex;align-items:center;gap:12px;margin:0;padding:14px 18px;background:var(--night);color:#fff;font-family:var(--title);font-size:22px}
.awcat h2 .laurel{color:var(--gold)}
.awyears{display:grid}
.awy{display:grid;grid-template-columns:70px 1fr;gap:0 16px;padding:14px 18px;border-top:1px solid var(--hair);align-items:start}
.awy .yr{font-size:20px;font-weight:500;color:var(--night);padding-top:14px}
.awy .aww{border-radius:12px;grid-template-columns:1fr}
.awo{grid-column:2;list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;color:var(--ink-2)}
.awo .mono{font-size:9px;text-transform:uppercase;letter-spacing:.08em;width:100%;color:var(--ink-3)}
/* richiamo in home */
.d-aw{grid-column:1/-1}
.awband{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1.4fr) auto;gap:22px;align-items:center;padding:18px 20px;background:var(--night);color:#fff;border-radius:12px}
.awband>.laurel{width:64px;height:42px;color:var(--gold)}
.awbt .mono{font-size:9.5px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase}.awbt b{display:block;font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:-.03em}.awbt p{color:#C9D3DC;font-size:14px;margin:4px 0 0}
.awbl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.awbl a{display:grid;gap:6px}.awbl .cv{aspect-ratio:40/27;overflow:hidden;border-radius:6px;display:block}.awbl img{width:100%;height:100%;object-fit:cover}
.awbl b{font-family:var(--title);font-size:13px;color:#fff}.awbl a:hover b{color:var(--gold)}
.awband .allbtn{background:var(--gold);color:var(--night)}
@media(max-width:900px){.awband{grid-template-columns:1fr}.awcard{grid-template-columns:1fr}.awnav{justify-items:start}.aw-body .prose.aw{padding:20px 16px}.awr li{grid-template-columns:30px 1fr 50px}.awr i{display:none}}
.aww.hasimg{grid-template-columns:96px 1fr!important}.awimg{display:block;width:96px;aspect-ratio:27/40;border-radius:6px;overflow:hidden;box-shadow:0 6px 16px rgba(14,27,38,.25)}.awimg img{width:100%;height:100%;object-fit:cover;display:block}
.aww .kk{display:block;font-size:14px;color:#7A2E0E;margin-top:4px}.aww b .sep{font-style:normal;color:var(--gold-d)}
@media(max-width:620px){.aww.hasimg{grid-template-columns:72px 1fr!important}.awimg{width:72px}.awy{grid-template-columns:1fr}.awy .yr{padding:0 0 6px}.awo{grid-column:1}}
.awimg{background:#E4E4E0}

/* ===== revisione 3 (12/10 pomeriggio) ===== */
/* 01 oggi: fascia compatta e semitrasparente come nei singoli articoli, altezza fissa */
.ogcard{display:grid;grid-template-columns:minmax(0,1fr) auto;height:136px;left:14px;right:14px;bottom:14px;border-radius:16px;overflow:hidden;
  background:color-mix(in srgb,var(--device) 74%,transparent);backdrop-filter:blur(10px) saturate(1.1);-webkit-backdrop-filter:blur(10px) saturate(1.1)}
.ogcard .ogcap{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);height:136px}
.ogcard .ogt{padding:12px 18px;gap:7px;align-content:center;min-width:0}
.ogcard .ogt h2{font-size:clamp(20px,2.1vw,30px);line-height:1.02;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ogcard .ogt .ogcat{height:22px;font-size:9px}
.ogcard .ogx{margin:0;padding:12px 16px;align-content:center;gap:14px}
.ogcard .ogx p{font-size:11.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.ogcard .gobtn{width:46px;height:46px}.ogcard .gobtn svg{width:18px;height:18px}
.ogcard .keys{position:relative;grid-column:2;grid-row:1;z-index:2;width:auto;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:8px 10px;padding:10px 14px;
  border:0;border-left:1px solid var(--rule);border-radius:0;background:transparent}
.ogcard .keys .kk{grid-column:1/-1;margin:0}
.ogcard .key{cursor:pointer}
.ogcard .keys .play{width:32px;height:32px}
.ogcard .keys .prog{left:14px;bottom:5px;width:32px}
.logo,.logo b,.logo span,a.logo:hover,a.logo:visited{color:#141414!important}.logo b i{color:#E30613!important}
/* uBC Off: il logo è pensato per il fondo scuro */
.offb,.offhead .offl,.offt .offl,.hcard .offl{background:#141414!important;box-shadow:0 0 0 1px #2a2a2a}
.cv .offb{left:8px;top:8px;right:auto;bottom:auto;width:auto;height:auto;padding:4px 8px;border-radius:8px}
.cv .offb img,.offb img{width:auto!important;height:24px!important;object-fit:contain!important;aspect-ratio:auto!important}
.offband{background:#141414;grid-template-columns:auto minmax(0,1fr) minmax(0,1.6fr) auto}
.offband>.offl{background:none!important;box-shadow:none}.offband>.offl img{height:78px;width:auto}
.offband .awbt .mono{color:#FF5CA8}.offband .awbl{grid-template-columns:repeat(3,1fr)}.offband .awbl a:hover b{color:#FF5CA8}
.offband .allbtn{background:#FF5CA8;color:#141414}
@media(max-width:900px){.offband{grid-template-columns:1fr}.offband .awbl{grid-template-columns:1fr 1fr}}
/* immagini affiancate: stessa altezza, mai fuori dalla colonna del testo */
.prose .tavole:not(.strip){display:flex;align-items:flex-start;gap:12px;margin:26px 0;padding:0;background:none}
.prose .tavole:not(.strip) figure{flex:var(--ar,1) 1 0;min-width:0;width:auto;float:none;margin:0}
.prose .tavole:not(.strip) img{width:100%;height:auto;display:block}
.prose .tavole .zoom{display:block;width:100%}
/* Awards: indice delle sezioni */
.awidx{position:sticky;top:76px;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 auto 22px;max-width:900px;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--night) 92%,transparent);backdrop-filter:blur(8px);box-shadow:0 10px 24px -14px rgba(0,0,0,.6)}
.awidx span{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);padding:0 8px}
.awidx a{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:#fff;padding:7px 12px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.awidx a:hover{background:var(--gold);color:var(--night)}
.awanchor,.awmacro{scroll-margin-top:140px}
/* Palmarès: le copertine prima delle scritte, una scheda per edizione (crescono negli anni) */
.awgold{display:grid;gap:34px}
.awmacro{display:grid;gap:22px}
.awban{border-radius:14px;overflow:hidden;background:var(--night)}.awban img{display:block;width:100%;height:auto}
.awmh{margin:0;padding:14px 18px;border-radius:14px;background:var(--night);color:#fff}
.awcat{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px var(--rule);background:#FAFAF9}
.awcat h3{display:flex;align-items:center;gap:12px;margin:0;padding:12px 18px;background:var(--night);color:#fff;font-family:var(--title);font-size:20px}
.awcat h3 .laurel{width:34px;height:22px;color:var(--gold)}
.awcat h3 .mono{margin-left:auto;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:#9FB0BE}
.awcat .awyears{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;padding:18px}
.awcat .awy{display:grid;grid-template-rows:auto 1fr;grid-template-columns:none;padding:0;border:0;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--hair),0 14px 24px -18px rgba(14,27,38,.5)}
.awcv{position:relative;aspect-ratio:3/4;display:grid;place-items:center;padding:16px 16px 12px;background:linear-gradient(160deg,#F3C94B,#C9971F)}
.awcv img{max-width:100%;max-height:100%;width:auto;height:100%;object-fit:contain;border-radius:3px;box-shadow:0 14px 22px -10px rgba(14,27,38,.55)}
.awcv>.laurel{width:70%;height:auto;color:var(--gold-d)}
.awcv .yr{position:absolute;left:10px;top:10px;padding:5px 9px;border-radius:999px;background:var(--night);color:var(--gold);font-size:12px;font-weight:600;letter-spacing:.04em}
.awtx{display:grid;align-content:start;gap:4px;padding:12px 14px 14px}
.awtx .lb{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d)}
.awtx .kk2{font-size:12.5px;color:var(--ink-2)}
.awtx b{font-family:var(--display);font-weight:800;font-size:18px;line-height:1.1;letter-spacing:-.02em;color:var(--night)}
.awtx b .sep{font-style:normal;color:var(--gold-d)}
.awtx .cr{font-size:13px;color:var(--ink-2)}
.awtx .awo{margin-top:6px;display:block;grid-column:auto}
.awtx .awo summary{cursor:pointer;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.awtx .awo ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:12.5px;color:var(--ink-2)}
@media(max-width:620px){.awcat .awyears{grid-template-columns:1fr 1fr;gap:10px;padding:10px}.awtx b{font-size:15px}.awidx{border-radius:14px;top:64px}}
/* Palmarès: categorie affiancate, le edizioni scorrono in orizzontale (dalla più recente) */
.awmacro{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.awmacro>.awban,.awmacro>.awmh{grid-column:1/-1}
.awcat .awyears{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:16px;scrollbar-width:thin}
.awcat .awy{flex:0 0 196px;scroll-snap-align:start}
.awcat h3{font-size:17px;padding:11px 16px}
@media(max-width:900px){.awmacro{grid-template-columns:1fr}.awcat .awy{flex-basis:170px}}
.awcat .awy{flex:1 0 196px;max-width:250px}
.awidx{position:relative;top:auto}
/* uBC Off: fondo scuro, il logo campeggia */
.offhero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:34px;margin:6px 0 22px;padding:30px 36px;border-radius:22px;background:radial-gradient(120% 140% at 0% 0%,#2a1622 0%,#141414 55%);color:#F2F2EE;box-shadow:0 24px 40px -24px rgba(0,0,0,.7)}
.offhero .offl{background:none!important;box-shadow:none!important;padding:0}
.offhero .offl img,.offl.huge img{height:150px!important;width:auto}
.offhero p{margin:0;font-family:var(--display);font-weight:700;font-size:clamp(20px,2.2vw,30px);line-height:1.2;letter-spacing:-.02em;max-width:30ch}
.offband .om{color:#F2F2EE;font-family:var(--display);font-weight:700;font-size:20px;line-height:1.25;margin:6px 0 0;max-width:30ch}
@media(max-width:760px){.offhero{grid-template-columns:1fr;padding:22px}.offhero .offl img{height:100px!important}}
/* articolo uBC Off: fascia scura e testi chiari */
.hcard.off{background:color-mix(in srgb,#121212 82%,transparent)!important;color:#F2F2EE;box-shadow:0 0 0 1px #2c2c2c,0 24px 40px -18px rgba(0,0,0,.6)}
.hcard.off>div+div{border-color:#333}
.hcard.off h1,.hcard.off h1 a,.hcard.off dd,.hcard.off b{color:#fff}
.hcard.off .st,.hcard.off dt,.hcard.off .mono{color:#B9B9B2}
.hcard.off .offh{display:inline-flex;align-items:center;gap:12px;background:none;border:0;padding:0;box-shadow:none}
.hcard.off .offh .offl{background:none!important;box-shadow:none!important;padding:0}.hcard.off .offh .offl img{height:46px!important}
.hcard.off .offh .mono{color:#FF5CA8}
.hcard.off .ogcat{background:#FF5CA8;color:#141414}
/* archivio storico: testata dei pezzi 1996-2016 */
.sh .in{padding:0}
.shead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#232322,#2C2C2A);color:#F2F2EF;border-radius:inherit}
.shead.nocov{grid-template-columns:1fr}
.shc{display:block;padding:0;border:0;background:none;cursor:zoom-in}
.shc img{display:block;width:auto;max-width:240px;max-height:340px;height:auto;border-radius:4px;box-shadow:0 18px 30px -16px rgba(0,0,0,.8)}
.sht{display:grid;gap:10px;justify-items:start}
.sht h1{color:#fff;font-size:clamp(28px,3.4vw,48px)!important;line-height:1!important;margin:0;text-wrap:balance}
.sht .st{color:#C9C9C4;font-size:16px;line-height:1.4;margin:0}
.sbadge{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:#57C7F2}
.sht .meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:4px 0 0;font-size:10px}.sht .meta div{display:flex;gap:6px}.sht dt{color:#8E8E89}.sht dd{margin:0;color:#F2F2EF}
.sht .ogcat{background:#FF4500;color:#fff}
.svoti{display:grid;gap:8px;padding:12px 14px}
.svr{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center}.svr .mono{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:#C9C9C4}
.svr .segs{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.svr .segs i{height:10px;border-radius:2px;background:#3A3A37}.svr .segs i.on{background:#FF4500;box-shadow:0 0 8px -1px rgba(255,69,0,.8)}
.svr b{font-size:13px;color:#F2F2EF}.svr small{color:#7A7A75;font-size:10px}
.svt{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px dashed #3A3A37}.svt .mono{font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:#C9C9C4}
.salbo{display:block;color:inherit}.sab{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:12px 14px;align-items:start}
.sab img{width:96px;height:auto;border-radius:3px;box-shadow:0 10px 16px -10px rgba(0,0,0,.6)}
.sab>span{display:grid;gap:4px;justify-items:start}.sab .mono{font-size:9.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}.sab b{font-family:var(--title);font-size:16px;line-height:1.2}
@media(max-width:760px){.shead{grid-template-columns:1fr;padding:18px}.shc img{max-width:180px}}
.sh .in{display:block!important}.sh .shead{width:100%;box-sizing:border-box}
.dv.a-hero.sh{display:block}

/* ===================================================================== MOBILE (revisione 12/10) */
.mob-only,.share.mob-only{display:none}
.totop{position:fixed;right:14px;bottom:18px;z-index:60;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;
  box-shadow:0 10px 18px -8px rgba(0,0,0,.6);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s;cursor:pointer}
.totop.on{opacity:1;pointer-events:auto;transform:none}.totop svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:1.8}
.toc{margin:0 0 22px;border:1px solid var(--hair);border-radius:12px;background:#F6F6F2;font-size:14px}
.toc summary{cursor:pointer;padding:10px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.toc ol{margin:0;padding:0 14px 12px 34px;display:grid;gap:4px}.toc a{color:var(--ink);text-decoration:none}.toc a:hover{color:var(--accent)}
.prose h2[id],.prose h3[id]{scroll-margin-top:110px}
@media(max-width:760px){
  .mob-only{display:block}
  /* menu: tutte le voci visibili, anche su due righe */
  .dbar nav{flex-wrap:wrap;overflow:visible;gap:4px 14px;padding:8px 12px;font-size:10.5px;justify-content:flex-start}
  .dbar nav a{gap:5px}
  /* testi: un punto in meno, meno scroll */
  .prose{font-size:15.5px;line-height:1.62;padding:18px 16px 6px}
  .prose blockquote{font-size:17px;line-height:1.3;margin:18px 0;padding-left:12px}
  .prose blockquote.cit footer{font-size:13px;margin-top:8px}
  .prose h2{font-size:20px}.prose h3{font-size:17px}
  .a-body .prose,.a-body .tags,.a-body .authors{margin-left:0}
  /* condividi: niente colonna laterale, la barra va in fondo */
  .tools{display:none}
  .share.end.mob-only{display:flex!important;margin:6px 16px 14px}
  /* articolo: prima il testo, poi temi e "leggi anche" */
  .art.lr .a-body{order:1;grid-row:auto}.art.lr .a-side{order:2;grid-row:auto}
  .art.lr .a-hero,.art.lr .a-rub,.art.lr .aw-hero{order:0}
  /* fascia dell'articolo: sotto l'immagine, compatta */
  .hcard{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;grid-template-columns:1fr!important;border-radius:0 0 16px 16px!important;
    background:var(--device)!important;backdrop-filter:none!important}
  .hcard>div{padding:12px 16px!important;border-left:0!important}
  .hcard>div+div{border-top:1px solid var(--rule)}
  .hcard h1{font-size:24px!important;-webkit-line-clamp:4!important}
  .hcard .st{font-size:14px;-webkit-line-clamp:3}
  .hcard .meta{flex-direction:row!important;flex-wrap:wrap!important;gap:4px 14px!important;font-size:9.5px}
  .hcard .gobtn{display:none}
  .hcard.off{background:#141414!important}
  /* autori in fondo: più compatti */
  .authors{padding:12px 16px 18px;gap:8px}
  .auth{grid-template-columns:44px 1fr!important;gap:10px}.auth .av{width:44px;height:44px}
  .auth b{font-size:14px}.auth p{font-size:12px;line-height:1.4;margin:2px 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .tags{padding:4px 16px 12px}
  /* box html dei vecchi articoli: niente sbordi */
  .hav,.hav *{max-width:100%!important;box-sizing:border-box}
  .hav [style*="flex"]{flex-wrap:wrap!important}
  .hav [style*="grid-template-columns"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .hav [style*="width"]{width:auto!important}
  /* home, oggi: la scheda sotto l'immagine */
  .d-og .ogstage{aspect-ratio:auto!important;overflow:visible;display:grid}
  .d-og .ogstage .sl{position:relative;inset:auto;grid-area:1/1;aspect-ratio:40/27;display:none}
  .d-og .ogstage .sl.on{display:block}
  .ogcard{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;grid-template-columns:1fr!important;border-radius:0!important;background:var(--device)!important;backdrop-filter:none!important;box-shadow:none!important}
  .ogcard .ogcap{grid-template-columns:1fr!important;height:auto!important}
  .ogcard .ogt{padding:12px 16px 8px}.ogcard .ogt h2{font-size:22px}
  .ogcard .ogx{display:none}
  .ogcard .keys{grid-column:1!important;grid-row:2!important;border-left:0!important;border-top:1px solid var(--rule)!important;grid-template-columns:auto 1fr auto!important;padding:8px 12px!important}
  .ogcard .keys .kk{grid-column:3!important;gap:4px}.ogcard .key{width:34px}
  .ogcard .keys .kl{display:none}
  /* short in home: almeno tre per volta */
  .d-sr .sv .cv{height:86px}
  /* uBC Off: due pezzi */
  .offband .awbl{grid-template-columns:1fr 1fr!important}.offband .awbl a:nth-child(n+3){display:none}
  .offband>.offl img{height:64px}.offband .om{font-size:16px}
  /* pagina short: copertina grande, poi il testo a tutta larghezza, poi il resto */
  .slv{grid-template-columns:1fr!important;padding:14px!important;gap:14px!important}
  .slc{display:contents}
  .slc>.bigalbo{order:1;width:100%!important;margin:0}
  .slt{order:2}
  .slc>*:not(.bigalbo){order:3}
  .slc .vrow{padding:6px 10px!important}.slc .vrow .lcd.big span{font-size:30px}.slc .vrow .lcd.big{padding:6px 10px}
  .slt h1{font-size:28px!important}
  .slt .prose{font-size:15.5px}.slt .prose>p:first-child{font-size:16px}
  /* pagina del redattore: foto piccola accanto al nome, temi sotto */
  .acw{grid-template-columns:72px minmax(0,1fr)!important;gap:12px 14px;padding:16px}
  .acw .aph{width:72px;height:72px}
  .acw .atx h1,.acw h1{font-size:30px!important;line-height:1}
  .acw .chips,.acw .tags,.acw .agen{grid-column:1/-1}
  .acw .ast{grid-column:1/-1}
  /* rubriche: levette piccolissime su due righe che scorrono */
  .mixer .levs{grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-template-columns:none!important;grid-auto-columns:58px;overflow-x:auto;gap:6px;padding:10px;scrollbar-width:none}
  .lev{padding:6px 2px 6px;gap:4px;border-radius:8px}
  .lev .slot{height:22px;width:12px}.lev .knob{width:16px;height:10px;left:-2px}.lev.on .knob{bottom:10px}.lev .knob::after{top:4px}
  .lev b{font-size:10px}.lev .nm{display:none}.lev .led{width:5px;height:5px}
  /* mondo fumetto: ultimi pezzi in fila e piccoli, poi solo gli avatar, quattro per riga */
  .mffl{padding:10px 14px}.mffl a{grid-template-columns:64px 1fr;gap:10px;padding:6px 0}.mffl b{font-size:13px}
  .mfcards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px}
  .mfc .in{grid-template-columns:1fr!important;min-height:0!important}
  .mfc .in>*:not(.mfci){display:none!important}
  .mfc .mfci{aspect-ratio:1;padding:6px}
  .mfc .go{display:none}
}
.offband .awbl{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){
  .prose>p:first-of-type,.prose>p:first-child{font-size:16.5px!important;line-height:1.55!important}
  .rbh .lcd.big span{font-size:22px!important;line-height:1.1}.rbh .lcd.big{padding:10px 12px}
}
@media(max-width:760px){
  .art.lr .a-body{order:1!important;grid-row:auto!important}.art.lr .a-side{order:2!important;grid-row:auto!important;align-self:start}
}
@media(max-width:760px){
  .mfc .mfci{border-left:0;padding:4px}.mfc .mfci img{padding:0;max-height:none;width:100%;height:100%;object-fit:contain}
  .mffimg img{max-height:200px;object-fit:contain}
}
@media(max-width:760px){
  .hav .cap-uno{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
  .hav .cap-uno .logo{width:auto!important;justify-content:flex-start!important}
  .hav .cap-uno .txt{min-width:0!important}
  .hav .cap-uno .dec{font-size:15px!important}
}
/* archivio: anni a sinistra, sezioni storiche a destra */
.arch .arch-y{grid-column:span 8}.arch .arch-side{grid-column:span 4;display:grid;gap:12px;align-content:start}
.abox{display:block;color:inherit}.abox .in{display:grid;gap:4px;padding:14px 16px}
.abox .k{display:inline-flex;align-items:center;gap:6px;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.abox .k .led{position:static}
.abox b{font-family:var(--display);font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1.1}.abox .d{font-size:13.5px;color:var(--ink-2);line-height:1.35}
.abox .n{font-size:10px;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;margin-top:4px}.abox .n svg{width:18px}
.abox:hover b{color:var(--accent)}
.firme{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding:6px 16px 14px}
.frow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px 12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--hair);color:inherit}
.frow b{font-family:var(--title);font-size:15px}.frow .now{grid-column:1;grid-row:2;font-size:8.5px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.frow .y{font-size:10px;color:var(--ink-3)}.frow .c{font-size:12px;min-width:3ch;text-align:right}.frow:hover b{color:var(--accent)}
.prose table.vnav{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 20px}
.vnav th{font-family:var(--mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:6px 8px;border-bottom:2px solid var(--ink)}
.vnav td{padding:7px 8px;border-bottom:1px solid var(--hair)}.vnav .n,.vnav .v,.vnav .c{font-family:var(--mono);font-size:12px;color:var(--ink-2)}.vnav .p{font-family:var(--mono);font-weight:600;color:var(--accent)}
@media(max-width:900px){.arch .arch-y,.arch .arch-side{grid-column:1/-1}.firme{grid-template-columns:1fr}}
@media(max-width:760px){.vnav .v{display:none}.prose table.vnav{font-size:13px}}
/* ===== CONSOLE · Dossier per serie ===== */
.dos-h .dsh{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;padding:20px 22px 8px;align-items:end;color:#F2F2EF}
.dos-h h1{margin:0;font-family:var(--display);font-weight:800;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.04em;color:#fff}
.dos-h .dsub{color:#B9B9B2;margin:8px 0 12px;font-size:16px;max-width:52ch}
.dlinks{display:flex;flex-wrap:wrap;gap:8px}.allbtn.ghost{background:transparent;color:#F2F2EF;box-shadow:inset 0 0 0 1px #4A4A46}
.dsts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dst{display:grid;gap:2px;padding:10px 12px;border-radius:8px;background:#0E0F0C;box-shadow:inset 0 2px 6px rgba(0,0,0,.9)}
.dst b{font-size:24px;color:#FF6A2A;text-shadow:0 0 8px rgba(255,90,30,.6);font-weight:500}.dst span{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:#8E8E89}
.dyc{padding:6px 22px 16px}
.ybars{display:flex;align-items:flex-end;gap:2px;height:96px;padding:8px 0 16px;border-bottom:1px solid #3A3A37}
.yb{position:relative;flex:1;min-width:3px;height:100%;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:flex-end}
.yb i{display:block;width:100%;background:#4A4A46;border-radius:2px 2px 0 0}.yb:hover i,.yb.on i{background:#FF4500;box-shadow:0 0 8px rgba(255,69,0,.6)}
.yb s{position:absolute;left:0;right:0;height:2px;background:#57C7F2;text-decoration:none}
.yb span{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);font-size:8px;color:#8E8E89}
.dyc .leg{display:flex;align-items:center;gap:6px;margin-top:20px;font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;color:#8E8E89}
.dyc .leg i{width:10px;height:8px;background:#4A4A46;display:inline-block}.dyc .leg s{width:12px;height:2px;background:#57C7F2;display:inline-block;margin-left:10px}
.dctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;border-bottom:1px solid var(--hair)}
.dctl .lb{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.fk{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:7px 11px;border-radius:7px;border:0;cursor:pointer;background:linear-gradient(#FFF,#ECECE8);box-shadow:0 0 0 1px #D2D2CD,0 2px 0 #C9C9C4;color:var(--ink)}
.fk.on{background:var(--ink);color:#fff;box-shadow:0 0 0 1px #000}
.dctl .yl{min-width:70px;padding:5px 10px}.dctl .yl span{font-size:12px}
.dctl .so select{font-family:var(--mono);font-size:11px;padding:5px 8px;border-radius:6px;border:1px solid var(--rule);background:#fff;margin-left:6px}
.dctl .cnt{margin-left:auto;font-size:10px;color:var(--ink-2)}
.dsg{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px 12px;padding:16px}
.dsa{display:grid;gap:4px;align-content:start;color:inherit}
.dsa .cv{display:block;aspect-ratio:3/4;border-radius:3px;overflow:hidden;background:#E9E9E4;box-shadow:0 10px 14px -10px rgba(0,0,0,.5);transition:transform .07s}
.dsa .cv img{width:100%;height:100%;object-fit:cover;display:block}.dsa .ph{display:grid;place-items:center;height:100%;font-family:var(--mono);font-size:13px;color:var(--ink-3)}
.dsa:hover .cv{transform:translate(-2px,-2px);box-shadow:2px 2px 0 var(--accent)}
.dsa .num{font-size:9px;color:var(--ink-3)}.dsa b{font-family:var(--title);font-size:12.5px;line-height:1.2}
.dsa .fl{display:flex;align-items:center;gap:3px}.dsa .fl i{font-style:normal;font-family:var(--mono);font-size:8.5px;width:15px;height:15px;display:grid;place-items:center;border-radius:3px;background:#E9E9E4;color:var(--ink-2)}
.dsa .fl i.s{background:var(--ink);color:#fff}.dsa .fl i.r{background:#FF4500;color:#fff}.dsa .fl i.l{background:#57C7F2;color:#08303F}
.dsa .fl em{font-style:normal;margin-left:auto;font-size:10px;color:#FF4500;font-weight:600}
.dsa[hidden]{display:none}
.dos-p{grid-column:span 5}.dos-m{grid-column:span 7}
.dpp{display:grid;padding:6px 16px 14px}.dpp a{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--hair);color:inherit}.dpp b{font-family:var(--title);font-size:14px}.dpp .mono{font-size:11px;color:var(--ink-2)}.dpp a:hover b{color:var(--accent)}
.dmm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px 16px}.dmm a{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:center;color:inherit}
.dmm .cv{aspect-ratio:40/27;border-radius:4px;overflow:hidden;display:block}.dmm .cv img{width:100%;height:100%;object-fit:cover}.dmm .mono{display:block;font-size:8.5px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.dmm b{font-family:var(--title);font-size:13px;line-height:1.2}
@media(max-width:900px){.dos-h .dsh{grid-template-columns:1fr}.dos-p,.dos-m{grid-column:1/-1}}
@media(max-width:760px){.dsg{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px;padding:10px}.dsts{grid-template-columns:repeat(3,minmax(0,1fr))}.dst b{font-size:18px}.dmm{grid-template-columns:1fr}.dctl .cnt{margin-left:0}}
/* motto: una riga su desktop, due su mobile */
.sf1 .cl{white-space:nowrap;letter-spacing:.04em}.sf1 .cl .mbr{display:none}
@media(max-width:340px){.sf1 .cl{white-space:normal}.sf1 .cl .mbr{display:inline}}
/* uBC Off: solo viola e rosa, niente rosso/arancione */
.hcard.off .ogcat .dot,.offband .ogcat .dot{background:#C9A7FF!important;box-shadow:0 0 6px #C9A7FF!important}
.hcard.off .gobtn,.hcard.off .gobtn.red{background:#FF5CA8!important}
.hcard.off .gobtn svg{stroke:#141414!important}
.art.lr .hcard.off~*, .off .led.on{}
.hcard.off .led.on{background:#FF5CA8;box-shadow:0 0 6px #FF5CA8}
.offhero .led.on,.offband .led.on{background:#FF5CA8;box-shadow:0 0 6px #FF5CA8}
.tl.off .cv{box-shadow:0 0 0 2px #7A3FD0}
body.is-off{--accent:#FF5CA8}
body.is-off .ogcat .dot{background:#C9A7FF}
body.is-off .art{--cc:#FF5CA8}
body.is-off .led.on,body.is-off .on>.led{box-shadow:0 0 6px 1px rgba(255,92,168,.6)}
body.is-off .ogcat .dot{box-shadow:0 0 6px rgba(201,167,255,.9)}
body.is-off .rprog{background:#FF5CA8}
/* short su mobile: tavole nel testo, voto prima della firma */
@media(max-width:760px){
  .slc>.tv,.slc>.tv+.mono,.slc>.tvr,.slc>.tvr+.mono,.slc>.vrow{display:none!important}
  .mtv{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.mtv .zoom{display:block;padding:0;border:0;background:none}.mtv img{width:100%;height:auto;border-radius:3px;box-shadow:0 8px 14px -10px rgba(0,0,0,.5)}
  .mtv button:only-child{grid-column:1/-1}
  .mvote{display:flex!important;align-items:center;gap:12px;margin:12px 0;padding:6px 10px;justify-self:start}
  /* testo: 15px, spazi più stretti */
  .prose{font-size:15px!important;line-height:1.55!important;padding:14px 12px 4px!important}
  .prose p{margin:0 0 .8em}
  .slt .prose{font-size:15px!important;padding:0!important}
  .prose>p:first-of-type,.prose>p:first-child{font-size:16px!important}
  /* rubriche in home: il nome scorre a nastro */
  .tuner .lcd [data-lcd]{display:block;overflow:hidden;text-overflow:clip}
  .lcd .mq{display:inline-block;animation:mq 10s linear infinite;white-space:pre}
  /* pagina redattore: tag piccoli */
  .acw .chip,.acard .chip{font-size:8.5px;padding:4px 8px;letter-spacing:.04em}
  .acw .chips,.acard .chips,.acw .tags{gap:4px}
}
@keyframes mq{0%,12%{transform:translateX(0)}100%{transform:translateX(calc(-50% - 1ch))}}
@media(prefers-reduced-motion:reduce){.lcd .mq{animation:none;padding-left:0}}
/* tessere senza copertina e indici testuali dell'archivio */
.tl.nocov{display:flex;flex-direction:column;gap:8px;padding:16px 16px 12px;border-top:3px solid var(--ink);background:linear-gradient(#FAFAF9,#F2F2EF)}
.tl.nocov h3{font-family:var(--display);font-weight:800;font-size:21px;line-height:1.08;letter-spacing:-.02em;margin:0}
.tl.nocov .sx{font-size:13.5px;line-height:1.4;color:var(--ink-2)}.tl.nocov .ft{margin-top:auto}
.tlist{display:grid;padding:4px 16px 10px}
.trow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:start;padding:14px 0;border-bottom:1px solid var(--hair);color:inherit}
.trow.hc{grid-template-columns:96px minmax(0,1fr) 150px}
.trow .d{font-size:11px;color:var(--ink-3);padding-top:4px}
.trow .tx{display:grid;gap:4px}.trow b{font-family:var(--display);font-weight:800;font-size:20px;line-height:1.12;letter-spacing:-.015em}
.trow .sx{font-size:14px;color:var(--ink-2);line-height:1.4}.trow .au{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.trow .cv{display:block;aspect-ratio:40/27;border-radius:4px;overflow:hidden}.trow .cv img{width:100%;height:100%;object-fit:cover}
.trow:hover b{color:var(--accent)}
@media(max-width:760px){.trow,.trow.hc{grid-template-columns:1fr;gap:4px}.trow .cv{display:none}.trow b{font-size:17px}}
.cv:empty,.awimg:empty{display:none!important}.rl .cv:empty+*,.rcard .cv:empty{}
.prose figure:has(.zoom:empty){display:none}
.avviso .in{padding:14px 18px;background:#FFF1EA;border-radius:inherit}.avv{margin:0;font-size:14.5px;line-height:1.5;color:#2B2B29}
.avv b{display:inline-block;margin-right:8px;padding:3px 8px;border-radius:4px;background:#2B2B29;color:#FFF1EA;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase}
.avv a{text-decoration:underline;text-decoration-color:var(--accent)}
.mfc.sch .sub{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.35;margin-top:4px}.mfc.sch .cnt{display:block;margin-top:6px;font-size:9.5px;color:var(--ink-3)}
/* Console */
.cons .cmod{grid-column:span 4}.cons .cmod.big{grid-column:1/-1}
.cmb{display:grid;gap:12px;padding:14px 18px 18px}.cmb p{margin:0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.cmod.on .cmb p{color:#C9C9C4;font-size:17px;max-width:60ch}
.cmod.off{opacity:.78}.cmod.off .cmb p{font-size:14px}
.csel{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#8E8E89}
.csel select{font-family:var(--mono);font-size:13px;padding:8px 10px;border-radius:8px;border:1px solid #4A4A46;background:#0E0F0C;color:#FF6A2A;min-width:280px}
.cchips{display:flex;flex-wrap:wrap;gap:8px}
.cchips a{display:inline-flex;align-items:baseline;gap:8px;padding:8px 12px;border-radius:8px;background:#2C2C2A;box-shadow:inset 0 0 0 1px #3A3A37;color:#F2F2EF}
.cchips a b{font-family:var(--title);font-size:14px}.cchips a .mono{font-size:10px;color:#FF6A2A}.cchips a:hover{box-shadow:inset 0 0 0 1px #FF4500}
/* dossier: barra di scelta in cima a ogni dossier */
.dsbar{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:8px 10px;border-radius:12px;background:#242423;box-shadow:inset 0 0 0 1px #000}
.dsbar .dsall{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#C9C9C4;padding:6px 8px;border-radius:7px}
.dsbar .dsall:hover{color:#fff;background:#333331}.dsbar .dsall svg{width:12px;height:12px}
.dschips{flex:1;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent)}
.dschips::-webkit-scrollbar{display:none}
.dschips a{flex:none;padding:6px 10px;border-radius:7px;background:#2F2F2D;box-shadow:inset 0 0 0 1px #3A3A37;color:#EDEDE8;font-family:var(--title);font-size:13px;white-space:nowrap}
.dschips a:hover{box-shadow:inset 0 0 0 1px #FF4500}.dschips a.on{background:#FF4500;box-shadow:none;color:#fff}
.dssel select{max-width:190px;background:#2F2F2D;color:#EDEDE8;border:0;box-shadow:inset 0 0 0 1px #3A3A37;border-radius:7px;padding:6px 8px;font:inherit;font-size:11px}
@media (max-width:700px){.dsbar{flex-wrap:wrap;gap:8px}.dschips{order:3;flex-basis:100%}.dssel{margin-left:auto}.dssel select{max-width:150px}}
/* dossier: oggi in evidenza */
.dsev{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:0;border-radius:16px;overflow:hidden;background:#1C1C1B;color:#EDEDE8;box-shadow:inset 0 0 0 1px #000;margin-bottom:16px}
.dsev .dse-cv{display:block;background:#2B2B29;min-height:170px}.dsev .dse-cv img{width:100%;height:100%;object-fit:cover;display:block}
.dsev .dse-tx{display:grid;align-content:center;justify-items:start;gap:8px;padding:20px 24px;text-align:left}
.dsev .dse-k{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:#FF6A2A}
.dsev b{font-family:var(--title);font-size:30px;line-height:1;letter-spacing:-.01em}
.dsev .dse-n{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#B4B4AE}
.dsev .dse-c{font-size:14px;color:#DADAD4}
.dsev .dse-go{justify-self:start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:999px;background:#FF4500;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.dsev .dse-alt{border:0;background:none;color:#9A9A94;font:inherit;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;justify-self:start;padding:0}
.dsev .dse-alt:hover{color:#fff}
@media (max-width:700px){.dsev{grid-template-columns:110px minmax(0,1fr)}.dsev .dse-cv{min-height:150px}.dsev .dse-tx{padding:14px 16px}.dsev b{font-size:22px}}

.cmod.on .allbtn{justify-self:start}
@media(max-width:900px){.cons .cmod{grid-column:1/-1}}
@media(max-width:760px){.csel select{min-width:0;width:100%}}
@media(min-width:761px){.dbar nav{gap:18px;justify-content:center}.dbar nav a{font-size:10.5px}}
/* Dossier: grafico dei voti */
.vchart{display:block;width:100%;height:auto;max-height:220px}
.vchart .gl{stroke:#3A3A37;stroke-width:1}.vchart .gt{fill:#8E8E89;font-family:var(--mono);font-size:13px}
.vchart .ln{fill:none;stroke:#57C7F2;stroke-width:2.5;stroke-linejoin:round}
.vchart .yb{cursor:pointer}.vchart .yb circle{fill:#57C7F2}.vchart .yb .hit{fill:transparent}
.vchart .yb:hover circle:first-child,.vchart .yb.on circle:first-child{fill:#FF4500;r:7}
.dyc .leg,.dyc .leg2{display:inline-flex;align-items:center;gap:8px;margin:10px 18px 0 0;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#8E8E89;white-space:nowrap}
.dyc .leg s{width:14px;height:3px;background:#57C7F2;display:inline-block}
@media(max-width:760px){.vchart .gt{font-size:22px}.dyc .leg,.dyc .leg2{white-space:normal}}
/* interruttore magazine / console */
.cswitch{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 4px}
.csw{display:inline-flex;align-items:center;gap:10px;padding:7px 12px;border-radius:999px;background:linear-gradient(#FFF,#ECECE8);box-shadow:0 0 0 1px #D2D2CD,0 3px 0 #C9C9C4;color:var(--ink)}
.csw .mono{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.csw .cur{color:var(--ink);font-weight:600}
.csw .trk{position:relative;width:40px;height:20px;border-radius:999px;background:#1A1A19;box-shadow:inset 0 2px 4px rgba(0,0,0,.6)}
.csw .trk i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:linear-gradient(#FFF,#D6D6D1);transition:left .18s}
.csw.on .trk i{left:22px;background:#FF4500;box-shadow:0 0 8px rgba(255,69,0,.7)}
.csw:hover .trk i{box-shadow:0 0 0 2px var(--accent)}
.cswitch .csd{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
/* Console · Percorsi */
.pcards{grid-template-columns:repeat(4,minmax(0,1fr))}
.pcard{display:block;color:inherit}.pcard .in{display:grid;padding:0;overflow:hidden}.pcard .cv{display:block;aspect-ratio:40/27;overflow:hidden;background:#1d1d1d}.pcard .cv img{width:100%;height:100%;object-fit:cover}
.pcard .pt{display:grid;gap:4px;padding:12px 14px}.pcard .pt .mono{font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.pcard b{font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em}
.pcard:hover b{color:var(--accent)}
.pnav{position:sticky;top:76px;z-index:20}.pstep{display:flex;gap:4px;overflow-x:auto;padding:10px 12px;scrollbar-width:none}
.pstep a{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;color:#C9C9C4;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.pstep a i{font-style:normal;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#3A3A37;color:#fff;font-size:10px}
.pstep a.on{background:#2C2C2A;color:#fff}.pstep a.on i{background:#FF4500}
.tappa{padding:18px 16px 8px;border-top:1px solid var(--hair);scroll-margin-top:150px}.tappa:first-child{border-top:0}
.tappa header{display:grid;gap:4px;margin-bottom:12px}.tappa .tn{font-size:9.5px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}
.tappa h2{margin:0;font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em}.tappa p{margin:0;color:var(--ink-2)}
.grid.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Console · Lente */
.lwrap .ctl{display:flex;gap:8px;align-items:center}
.lbtn{font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:999px;border:0;cursor:pointer;background:#2C2C2A;color:#F2F2EF;box-shadow:inset 0 0 0 1px #4A4A46}
.lbtn.on{background:#FF4500;box-shadow:0 0 10px rgba(255,69,0,.6)}
.lt{margin:0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:0}
.lstage{position:relative;display:grid;place-items:center;padding:16px;background:#141414;min-height:420px;touch-action:pan-y}
.lens-on .lstage{cursor:none;touch-action:none}
.lstage img{max-width:100%;max-height:78vh;width:auto;height:auto;display:block;box-shadow:0 20px 40px -20px #000}
.loupe{display:none;position:absolute;width:190px;height:190px;border-radius:50%;border:3px solid #FF4500;box-shadow:0 10px 30px rgba(0,0,0,.6);background-repeat:no-repeat;pointer-events:none}
.lt figcaption{display:grid;align-content:start;gap:8px;padding:18px;color:#F2F2EF;border-left:1px solid #3A3A37}
.lt figcaption .mono{font-size:9.5px;color:#FF6A2A;letter-spacing:.08em;text-transform:uppercase}.lt figcaption b{font-family:var(--display);font-weight:800;font-size:22px;line-height:1.15}
.lt figcaption .cr{font-size:13.5px;line-height:1.45;color:#B9B9B2}
.lthumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;border-top:1px solid #3A3A37}
.lthumbs button{flex:none;width:70px;height:96px;padding:0;border:0;border-radius:4px;overflow:hidden;opacity:.55;cursor:pointer;background:#2C2C2A}
.lthumbs button img{width:100%;height:100%;object-fit:cover}.lthumbs button.on{opacity:1;box-shadow:0 0 0 2px #FF4500}
.lback{display:flex;gap:10px;flex-wrap:wrap}.allbtn.ghost2{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--rule)}
@media(max-width:900px){.lt{grid-template-columns:1fr}.lt figcaption{border-left:0;border-top:1px solid #3A3A37}.lstage{min-height:0;padding:8px}}


.tacbtn{position:absolute;z-index:60;width:180px;padding:9px 12px;border-radius:999px;border:0;background:#1F1F1E;color:#fff;font-size:10px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);cursor:pointer}
/* tasto console (modello 2): pillola arancione con freccia nel blocco nero, cella propria nella barra */
.dbar .nsw{all:unset;box-sizing:border-box;display:inline-flex;align-items:stretch;align-self:center;height:44px;margin:0 14px;border-radius:999px;overflow:hidden;background:#FF4500;color:#1A1A19;cursor:pointer;box-shadow:0 0 0 1px #E03D00,0 4px 0 #A82E00,0 10px 18px -10px rgba(168,46,0,.7);transition:transform .1s,box-shadow .1s;white-space:nowrap}
.dbar .nsw .nbody{display:flex;align-items:center;gap:10px;padding:0 16px 0 18px}
.dbar .nsw .nprompt{font-size:15px;font-weight:600;letter-spacing:-.05em;color:#1A1A19}
.dbar .nsw .ntxt{display:grid;line-height:1}.dbar .nsw b{font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.dbar .nsw small{font-size:8.5px;letter-spacing:.04em;margin-top:3px;opacity:.85}
.dbar .nsw .narr{display:grid;place-items:center;width:48px;background:#1A1A19;color:#FF4500}
.dbar .nsw .narr svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.dbar .nsw:hover .narr svg{transform:translate(2px,-2px)}.dbar .nsw:active{transform:translateY(3px);box-shadow:0 0 0 1px #E03D00,0 1px 0 #A82E00}
.dbar .nsw.on{background:#1A1A19;color:#EDEDE8;box-shadow:0 0 0 1px #000,0 4px 0 #000}.dbar .nsw.on .nprompt{color:#FF4500}.dbar .nsw.on .narr{background:#FF4500;color:#1A1A19}
@media(max-width:960px){
  .dbar .nsw{grid-row:1;grid-column:2;justify-self:end;height:36px;margin:0 8px 0 0}
  .dbar .nsw .nbody{padding:0 10px 0 12px;gap:7px}.dbar .nsw small{display:none}.dbar .nsw b{font-size:12px}.dbar .nsw .nprompt{font-size:12px}.dbar .nsw .narr{width:34px}
}
.dbar .nsw{width:max-content!important;min-width:max-content;flex:none}
@media(max-width:960px){
  .dbar .soc{display:none!important}
  .dbar .nsw{grid-column:3;grid-row:1;height:34px;margin:0 10px 0 0}
  .dbar .nsw .nbody{padding:0 9px 0 11px;gap:6px}.dbar .nsw b{font-size:11.5px;letter-spacing:.08em}.dbar .nsw .nprompt{font-size:11.5px}.dbar .nsw .narr{width:30px}.dbar .nsw .narr svg{width:15px;height:15px}
}
@media(min-width:961px){
  .dbar nav{gap:12px!important}.dbar nav a{font-size:10px!important}
  .dbar .nsw{height:40px;margin:0 10px}.dbar .nsw .nbody{padding:0 12px 0 14px;gap:8px}.dbar .nsw b{font-size:13.5px}.dbar .nsw .nprompt{font-size:13.5px}.dbar .nsw .narr{width:40px}
}
@media(min-width:961px){.dbar nav{padding:0 12px!important}.dbar .logo.sm{padding:0 16px!important}.dbar nav a{letter-spacing:.07em!important}.dbar .soc{padding:0 8px!important}}
@media(min-width:961px){.dbar nav{gap:10px!important}}
/* barra tra 821 e 1279px: tutte le sezioni visibili, social nascosti, tasto console compatto */
@media(min-width:961px) and (max-width:1279px){
  .dbar .soc{display:none!important}
  .dbar .nsw{height:38px;margin:0 10px}.dbar .nsw small{display:none}.dbar .nsw .nbody{padding:0 10px 0 12px;gap:7px}.dbar .nsw b{font-size:12px}.dbar .nsw .nprompt{font-size:12px}.dbar .nsw .narr{width:34px}
  .dbar nav{gap:8px!important;padding:0 8px!important}.dbar nav a{font-size:9.5px!important;letter-spacing:.04em!important}
}
@media(min-width:961px) and (max-width:1100px){.dbar .name{display:none}}
/* Chi siamo: chi ha fatto uBC, ex redattori */
.csqg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.csq{padding:16px 18px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.csq:last-child{border-right:0}
.csq h3{margin:0 0 8px;font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.csq p{margin:0;font-size:15px;line-height:1.6}.csq a{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}.csq a:hover{color:var(--accent)}
.exr{display:flex;flex-wrap:wrap;gap:8px;padding:16px}.exr .chip{padding:7px 12px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--rule);font:600 14px var(--title);color:var(--ink)}.exr a.chip:hover{background:var(--ink);color:#fff}
@media(max-width:860px){.csqg{grid-template-columns:1fr}.csq{border-right:0}}

/* ===== rifinitura home (13/10): proporzioni, materiali, comportamenti ===== */
:root{--ease:cubic-bezier(.2,.8,.2,1);--t1:.12s;--t2:.22s;--t3:.42s}
/* materiali: guscio più morbido, superfici incassate per i comandi, moduli non tutti uguali */
.home .dv{box-shadow:0 0 0 1px #CFCFCA,inset 0 1px 0 #fff,0 22px 30px -24px rgba(0,0,0,.34),0 4px 8px -6px rgba(0,0,0,.16)}
.home .dv.dk{box-shadow:0 0 0 1px #111,inset 0 1px 0 rgba(255,255,255,.16),0 24px 32px -22px rgba(0,0,0,.5),0 4px 8px -6px rgba(0,0,0,.3)}
.home .d-og{box-shadow:0 0 0 1px #C9C9C4,inset 0 1px 0 #fff,0 34px 44px -30px rgba(0,0,0,.42),0 8px 14px -10px rgba(0,0,0,.22)}
.home .d-mf{background:linear-gradient(180deg,#FFFFFE,#E6E6E2);box-shadow:0 0 0 1px #D6D6D1,inset 0 1px 0 #fff,0 10px 16px -14px rgba(0,0,0,.25)}
.home .d-mf>.in{box-shadow:inset 0 0 0 1px #E2E2DD}
.home .keys,.home .az,.home .caps,.home .track{background:linear-gradient(#ECECE8,#F1F1EE);box-shadow:inset 0 1px 2px rgba(0,0,0,.07),inset 0 -1px 0 #fff}
.home .d-sr .track{background:linear-gradient(#E1EAF1,#EAF1F6)}
/* intestazioni dei moduli: numero, nome e nota su tre livelli */
.home .dh{min-height:42px;padding:9px 14px}
.home .dh>.mono:first-child{font-size:10px;font-weight:500;letter-spacing:.1em;color:var(--ink)}
.home .dk .dh>.mono:first-child{color:#EDEDE8}
.home .dh .mid{font-size:9.5px;letter-spacing:.08em;color:var(--ink-3)}
/* 01 oggi: la piastra è una didascalia stampata, il box a destra un sommario */
.home .ogcard{left:16px;right:16px;bottom:16px;height:128px;border-radius:14px;background:color-mix(in srgb,#FAFAF8 93%,transparent);
  box-shadow:0 0 0 1px rgba(0,0,0,.08),inset 0 1px 0 #fff,0 18px 34px -16px rgba(0,0,0,.55)}
.home .ogcard .ogcap{height:128px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}
.home .ogcard .ogt{padding:14px 22px;gap:8px}
.home .ogcard .ogt h2{font-size:clamp(22px,2.3vw,31px);line-height:1;letter-spacing:-.035em}
.home .ogcard .ogt .au{font-size:9.5px;letter-spacing:.08em}
.home .ogcard .ogx{padding:14px 18px;gap:16px;border-left:1px solid #DCDCD7}
.home .ogcard .ogx .dek{font:400 14px/1.42 var(--body);color:var(--ink);letter-spacing:0;text-transform:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0;text-wrap:pretty}
.home .ogcard .ogx .dek::first-letter{text-transform:uppercase}
.home .ogcard .keys{border-left:1px solid #DCDCD7;background:linear-gradient(#EFEFEC,#F5F5F2);box-shadow:inset 1px 0 0 #fff}
/* comportamenti: risposta precisa, pressione, LED */
.home .gobtn,.home .allbtn,.home .rnd,.home .key,.home .kc,.home .az button,.home .play{transition:transform var(--t1) var(--ease),box-shadow var(--t1) var(--ease),background-color var(--t2) var(--ease),color var(--t2) var(--ease)}
.home .gobtn svg,.home .allbtn .arw{transition:transform var(--t2) var(--ease)}
.home .gobtn:hover svg,.home .allbtn:hover .arw{transform:translateX(3px)}
.home .gobtn:active,.home .play:active{transform:translateY(2px) scale(.97)}
.home .allbtn:hover{background:#000}
.home .rnd:hover{background:var(--ink);color:#fff}.home .rnd:active{transform:translateY(1px)}
.home .key:hover:not(.on){transform:translateY(-1px)}
.home .kc:hover:not(.on){transform:translateY(-1px);box-shadow:0 0 0 1px #C9C9C4,0 5px 0 #BEBEB9,0 7px 9px -4px rgba(0,0,0,.35)}
.home .kc:active{transform:translateY(3px)}
.home .az button:hover:not(.on){background:#F7F7F5}
.home .az button:active{transform:translateY(2px);box-shadow:0 0 0 1px #D6D6D1}
.home .led,.home .key i{transition:background-color var(--t2) var(--ease),box-shadow var(--t3) var(--ease)}
.home .tl .cv,.home .sv .cv,.home .awbl .cv,.home .mfg a{transition:transform var(--t1) var(--ease),box-shadow var(--t1) var(--ease)}
.home .tl:active .cv,.home .sv:active .cv{transform:translate(-1px,-1px);box-shadow:1px 1px 0 var(--accent)}
.home .tl:hover h3{color:var(--ink)}.home .dk .tl:hover h3{color:#fff}
.home .tl h3{transition:color var(--t2) var(--ease)}
.home .tl .kd,.home .tl .au{font-size:9.5px;letter-spacing:.08em}
/* 02 rubriche: le copertine come diapositive montate su telaio scuro */
.home .d-rb .tl.rb .cv{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 18px -10px rgba(0,0,0,.9)}
.home .d-rb .tl.rb:hover .cv{transform:translate(-3px,-3px);box-shadow:0 0 0 1px rgba(255,255,255,.08),3px 3px 0 var(--accent)}
.home .d-rb .tl.rb h3{font-size:16px;line-height:1.16}
.home .needle{transition:left .34s var(--ease)}
.home .rbg>.tl{animation:rin var(--t3) var(--ease) both}
.home .rbg>.tl:nth-child(2){animation-delay:.03s}.home .rbg>.tl:nth-child(3){animation-delay:.06s}.home .rbg>.tl:nth-child(4){animation-delay:.09s}.home .rbg>.tl:nth-child(5){animation-delay:.12s}.home .rbg>.tl:nth-child(6){animation-delay:.15s}
@keyframes rin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* 03 short: la copertina poggia sul nastro */
.home .d-sr .sv .cv{box-shadow:0 1px 0 rgba(0,0,0,.08),0 14px 18px -14px rgba(0,0,0,.6)}
.home .d-sr .sv:hover .cv{transform:translateY(-4px);box-shadow:0 1px 0 rgba(0,0,0,.08),0 20px 22px -14px rgba(0,0,0,.55)}
/* 04 mondo fumetto: indice neutro, loghi più presenti, celle numerate */
.home .mfg{counter-reset:mf;gap:0;background:#fff}
.home .mfg a{position:relative;counter-increment:mf;gap:10px;padding:14px 14px 12px;background:#fff;box-shadow:1px 0 0 #E6E6E2,0 1px 0 #E6E6E2}
.home .mfg a::before{content:counter(mf,decimal-leading-zero);position:absolute;z-index:1;right:10px;top:8px;font:500 9px var(--mono);letter-spacing:.08em;color:#B9B9B4}
.home .mfg .cv{aspect-ratio:4/3}
.home .mfg img{transform:scale(1.08)}
.home .mfg a:hover img{transform:scale(1.14)}
.home .mfg a::after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t2) var(--ease)}
.home .mfg a:hover::after,.home .mfg a:focus-visible::after{transform:scaleX(1)}
.home .mfg .mono{font-size:9.5px;color:var(--ink)}
/* 06–07 Awards e Off: stessi moduli, colori propri */
.home .d-aw>.in{background:var(--night);box-shadow:inset 0 0 0 1px #000}
.home .d-aw .dh{border-color:rgba(255,255,255,.1)}
.home .d-aw .dh>.mono:first-child{color:#fff}.home .d-aw .dh b{color:var(--gold)}.home .d-aw .dh .mid{color:#8FA0AE}
.home .d-aw .awband{border-radius:0;padding:22px 22px 24px}
.home .d-aw .awbt b{font-size:38px;line-height:1}
.home .d-aw .awbl .cv{box-shadow:0 0 0 1px rgba(255,255,255,.08),0 12px 18px -12px #000}
.home .d-aw .awbl a:hover .cv{transform:translateY(-3px)}
.home .d-aw .allbtn{box-shadow:0 3px 0 #9C7414}
.home .d-off>.in{background:#141414}
.home .d-off .dh b{color:#FF5CA8}.home .d-off .dh .mid{color:#8E8E89}
.home .d-off .awbt .om{font-family:var(--display);font-weight:700;font-size:21px;line-height:1.18;letter-spacing:-.015em;color:#F2F2EF;margin:0}
.home .d-off .allbtn{box-shadow:0 3px 0 #B03A75}
/* movimento: entrata misurata dei moduli e dissolvenza dell'apertura */
.home .ogstage .sl img{transform:scale(1.035);transition:transform 1.4s var(--ease)}
.home .ogstage .sl.on img{transform:none}
.js-rv .desk>.dv{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.js-rv .desk>.dv.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .home *,.home *::before,.home *::after{animation:none!important;transition:none!important}
  .js-rv .desk>.dv{opacity:1;transform:none}
}
@media(max-width:760px){
  .home .ogcard{height:auto}.home .ogcard .ogcap{height:auto}
  .home .ogcard .ogt{padding:12px 14px 10px}
  .home .ogcard .keys{border-left:0;box-shadow:none}
  .home .mfg .cv{aspect-ratio:1}
  .home .d-aw .awbt b{font-size:30px}
  .home .d-aw .awband{padding:16px 14px 18px}
}
/* titoli di pagina: la parte colorata */
.tc{color:var(--accent)}
/* tasto «il tuo pannello» per i redattori entrati */
.pnl{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:45;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:#1F1F1E;color:#F2F2EF;font-size:10px;box-shadow:0 0 0 1px #000,0 3px 0 #000,0 10px 20px -10px rgba(0,0,0,.6);transition:transform .12s,box-shadow .12s}
.pnl:hover{background:#000}.pnl:active{transform:translateY(2px);box-shadow:0 0 0 1px #000,0 1px 0 #000}
@media print{.pnl{display:none}}
/* archivio: riga per tornare indietro */
.aback{display:flex;align-items:center;gap:10px;margin:2px 0 6px;min-width:0}
.aback .abk{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px 0 10px;border-radius:999px;background:var(--ink);color:#fff;box-shadow:0 3px 0 #000;transition:transform .12s,box-shadow .12s;flex:none}
.aback .abk svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.aback .abk .mono{font-size:10px}
.aback .abk:hover{background:#000}.aback .abk:active{transform:translateY(2px);box-shadow:0 1px 0 #000}
.aback>a.mono{font-size:10px;color:var(--ink-2)}.aback>a.mono:hover{color:var(--accent)}
.aback .sep{font-size:10px;color:var(--ink-3)}.aback .qui{font-size:10px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* video YouTube in attesa del clic */
.ytc{display:block;aspect-ratio:16/9;width:100%;border-radius:10px;overflow:hidden;background:#1F1F1E}
.ytc button{display:grid;place-content:center;justify-items:center;gap:8px;width:100%;height:100%;border:0;background:none;color:#EDEDE8;cursor:pointer;padding:16px;text-align:center}
.ytc b{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#FF4500;color:#fff;font-size:24px;padding-left:4px;transition:transform .15s}
.ytc button:hover b{transform:scale(1.06)}.ytc span{font:600 16px var(--title)}.ytc small{font-size:12px;color:#9A9A94;max-width:40ch}
.embed iframe,.embed .ytc{width:100%}

/* ===== articoli a struttura serrata: Consigli, Short Review della settimana, Mondo di Zagor, Sulla Tavola ===== */
.voce{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:26px;align-items:start;margin:30px 0;padding-top:30px;border-top:1px solid var(--rule);clear:both}
.voce.noimg{grid-template-columns:minmax(0,1fr)}
.prose>.voce:first-child,.prose p+.voce{border-top:0;padding-top:4px}
.vc-img{display:block;margin:0}.vc-img img,.vc-img .zoom img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 1px 0 rgba(0,0,0,.06),0 10px 24px -14px rgba(0,0,0,.45)}
.vc-img .zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.vc-tx{font-size:16px;line-height:1.62}.vc-tx>*:first-child{margin-top:0}.vc-tx p{margin:0 0 .75em}
.vc-tx h3,.vc-tx .vc-t,.v-consigli .vc-tx>p:first-child{font:700 19px/1.25 var(--title);margin:0 0 .5em;letter-spacing:-.005em}
.v-consigli .vc-tx>p:first-child strong,.vc-tx .vc-t strong{font-weight:700}
.vc-tx h3 a{text-decoration:none;color:inherit;background:linear-gradient(var(--accent),var(--accent)) 0 100%/100% 2px no-repeat;padding-bottom:1px}
.vc-a{font-weight:400}.vc-tx .vc-t .vc-a{font-weight:500;font-size:15.5px;color:var(--ink-2,#555)}
.vc-d{display:grid;gap:2px;font-size:12px;letter-spacing:.02em;color:#4A4A46;border-left:2px solid var(--rule);padding-left:12px}
.vc-d b{font-weight:600;color:#262624}
.v-consigli .vc-tx>p:nth-last-child(2){font-size:14px;color:#4A4A46}
.vc-tx a.vc-l,.v-settimana .vc-tx>p:last-child a{display:inline-block;font:500 11px/1 var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--accent);padding:9px 12px;border-radius:3px;box-shadow:0 3px 0 #A82E00}
.v-settimana .vc-img img{aspect-ratio:auto}
.galbi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;margin:28px 0;clear:both}
.galbi figure{margin:0;text-align:center}.galbi .zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.galbi img{display:block;width:100%;height:auto;box-shadow:0 8px 20px -14px rgba(0,0,0,.5)}
.galbi figcaption{font:400 13.5px/1.45 var(--body,inherit);margin-top:10px;color:#262624}.galbi figcaption p{margin:0}.galbi figcaption strong{font-weight:700}
.art.lr .a-body.full{grid-column:1/-1}
.a-tav .prose{padding-right:44px}
.prose .tavg figure,.prose .galbi figure{margin:0;background:none}
.a-tav .prose>p{max-width:68ch}
.tavg{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px 30px;margin:34px 0;align-items:start}
.tavg figure{margin:0}
.tavg .tz{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in;position:relative;box-shadow:0 1px 0 rgba(0,0,0,.08),0 18px 34px -22px rgba(0,0,0,.55);transition:transform .2s}
.tavg .tz:hover{transform:translateY(-3px)}.tavg .tz img{display:block;width:100%;height:auto}
.tavg .tz::after{content:"";position:absolute;right:10px;bottom:10px;width:30px;height:30px;border-radius:50%;background:rgba(20,20,19,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Cpath d='M3 6V3h3M13 6V3h-3M3 10v3h3M13 10v3h-3'/%3E%3C/svg%3E") center/14px no-repeat;opacity:.85}
.tavg figcaption{font-size:14px;line-height:1.5;margin-top:14px;color:#3A3A37;text-align:center;max-width:46ch;margin-inline:auto}
.tavg figcaption i,.tavg figcaption em{display:block;font:italic 600 17px/1.3 var(--title);color:#1E1E1D;margin-bottom:4px}
/* sfogliatore delle tavole */
.tvw{position:fixed;inset:0;z-index:300;background:#121211;color:#EDEDE8;display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}
.tvw[hidden]{display:none}
.tvw-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font:500 11px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.tvw-h button{background:none;border:1px solid #444;color:#fff;border-radius:50%;width:38px;height:38px;font-size:20px;cursor:pointer}
.tvw-s{position:relative;overflow:auto;display:grid;place-items:center;touch-action:pan-y pinch-zoom;overscroll-behavior:contain}
.tvw-s img{position:absolute;inset:0;margin:auto;max-width:calc(100% - 24px);max-height:100%;object-fit:contain;display:block;cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.tvw.z .tvw-s{display:block}.tvw.z .tvw-s img{position:static;margin:0 auto;max-width:none;max-height:none;width:min(2000px,200%);cursor:zoom-out}
.tvw-c{padding:12px 18px 16px;text-align:center;font-size:14px;line-height:1.5;color:#C9C9C2;max-width:70ch;margin:0 auto}
.tvw-c i,.tvw-c em{display:block;font:italic 600 18px/1.3 var(--title);color:#fff;margin-bottom:3px}
.tvw-n{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;font-size:24px;cursor:pointer}
.tvw-n:hover{background:var(--accent)}.tvw-n.p{left:16px}.tvw-n.n{right:16px}.tvw-n[disabled]{opacity:.2;pointer-events:none}
.tvw-t{display:flex;gap:6px;overflow-x:auto;padding:0 14px 12px;justify-content:safe center}
.tvw-t button{flex:0 0 auto;width:44px;height:60px;padding:0;border:2px solid transparent;background:#222;opacity:.55;cursor:pointer}
.tvw-t button.on{border-color:var(--accent);opacity:1}.tvw-t img{width:100%;height:100%;object-fit:cover;display:block}
/* banner del dossier sotto il pezzo */
.doss.dbanner{margin:30px 0 8px;border-radius:14px;overflow:hidden;clear:both}
.doss.dbanner .in{min-height:200px;background:#1B1B1A}
.doss .dbg{opacity:1}
.doss .dbg img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;object-fit:contain;filter:grayscale(.15) brightness(.78);mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%);mask-image:linear-gradient(90deg,transparent,#000 35%)}
.doss .dbg{background:#9A9A96}
.doss .dtx{background:linear-gradient(90deg,rgba(20,20,19,.92) 30%,rgba(20,20,19,.25) 75%,transparent);min-height:inherit;align-content:center;padding:20px 22px}
.sched-in{margin:22px 0 6px;padding:0;border-top:1px solid var(--rule)}.sched-in>.in{padding:14px 0 0}
.sched .sto+.sto{margin-top:16px;padding-top:14px;border-top:1px dashed var(--rule)}
.sched .sinossi{padding:10px 12px 2px;font-size:13.5px;line-height:1.55}.sched .sinossi>.mono{display:block;font-size:8.5px;color:var(--ink-2);margin-bottom:4px}.sched .sinossi p{margin:0 0 8px}
@media(max-width:760px){
  .voce{grid-template-columns:minmax(0,1fr);gap:16px;margin:22px 0;padding-top:22px}
  .vc-img{max-width:230px;margin:0 auto;width:72%}.v-settimana .vc-img{max-width:none;width:100%}
  .galbi{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
  .tavg{grid-template-columns:minmax(0,1fr);gap:34px;margin-inline:-18px}.tavg figcaption{padding:0 18px}
  .tvw-n{display:none}.tvw-c{font-size:13px;padding:10px 16px 12px}
  .doss.dbanner .in{min-height:170px}.doss .dtx{background:linear-gradient(90deg,rgba(20,20,19,.94) 40%,rgba(20,20,19,.35) 85%,transparent)}
}
.slt>.sched-in,.slt>.dbanner{justify-self:stretch;width:100%}.sched-in .spec{grid-template-columns:minmax(110px,auto) 1fr}
/* quiz: domanda, immagine, risposte, spiegazione dopo la risposta, punteggio */
.quiz{padding:22px 22px 10px}
.qzh{border-bottom:1px solid var(--rule);margin-bottom:8px;padding-bottom:8px}.qzh .mono{font-size:10px;color:var(--ink-2,#666);letter-spacing:.06em;text-transform:uppercase}
.quiz fieldset{padding:18px 0;border-top:1px solid var(--hair)}.quiz fieldset:first-of-type{border-top:0}
.quiz legend{float:left;width:100%;font:600 18px/1.4 var(--title);margin-bottom:12px}.quiz legend b{font-size:12px;color:var(--accent);margin-right:4px}
.quiz fieldset.hasimg{grid-template-columns:minmax(0,180px) minmax(0,1fr);column-gap:18px;align-items:start}
.quiz fieldset.hasimg legend,.quiz fieldset.hasimg .qx{grid-column:1/-1}
.qimg .zoom{display:block;width:100%;padding:0;border:0;background:none;box-shadow:none;cursor:zoom-in}.qimg img{display:block;width:100%;height:auto;border-radius:6px}
.qa{display:grid;gap:8px;align-content:start}
.quiz .qa button{font-size:16px;line-height:1.35;cursor:pointer;transition:box-shadow .15s}.quiz .qa button:hover{box-shadow:0 0 0 2px var(--ink)}
.quiz fieldset[data-done] .qa button{cursor:default;pointer-events:none}
.qx{margin-top:12px;padding:14px 16px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--hair);animation:qxin .3s ease}
@keyframes qxin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.qv{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 6px}.qv.si{color:#0F9D68}.qv.no{color:var(--accent)}
.qxt{font-size:15.5px;line-height:1.6}.qxt p{margin:0 0 .6em}.qxi{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.qxi .zoom{padding:0;border:0;background:none;box-shadow:none;cursor:zoom-in;flex:0 1 220px}.qxi img{display:block;width:100%;height:auto;border-radius:6px}
.qres{display:grid;gap:10px;justify-items:start;padding:18px 0 12px;border-top:2px solid var(--ink)}
.qsc{display:flex;align-items:baseline;gap:10px}.qsc b{font:900 46px/1 var(--display)}.qsc .mono{font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.qst{margin:0;font-size:15.5px;max-width:60ch}
.quiz [data-qagain]{color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00;border:0;padding:10px 14px;border-radius:4px;cursor:pointer}
@media(max-width:760px){.quiz{padding:16px 14px 6px}.quiz fieldset.hasimg{grid-template-columns:minmax(0,1fr)}.qimg{max-width:240px}}
/* uBC Awards: votazione aperta */
.awc.open li{padding:0;display:block}.awc.open label{display:grid;grid-template-columns:20px 30px 1fr;gap:10px;align-items:center;padding:12px 16px;cursor:pointer}
.awc.open label:hover{background:#F7F7F5}.awc.open input{position:absolute;opacity:0;pointer-events:none}
.awc.open input:checked+.rd{border-color:var(--accent);background:radial-gradient(circle,var(--accent) 0 45%,transparent 50%)}
.awc.open input:focus-visible+.rd{outline:2px solid var(--accent);outline-offset:2px}
.awch .closed.open{color:#7EE2A8}
.awv{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid var(--hair);background:#F7F7F5}
.awv .allbtn{color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00;border:0;padding:10px 16px;border-radius:4px;cursor:pointer}.awv .allbtn:disabled{opacity:.4;cursor:default}
.awm{font-size:10.5px;letter-spacing:.05em;color:var(--ink-2)}.awc.voted .awm{color:#0F9D68}.awc.voted label{cursor:default}.awc.voted label:hover{background:none}
.awend{text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin:10px 0 20px}
/* short che sono anche puntate di una rubrica */
.srub{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:7px 12px;border-radius:8px;background:var(--night,#1E2A33);color:#EDEDE8;font-size:10px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.srub b{color:var(--gold,#E2B13C);font-weight:600}.srub:hover{background:var(--accent);color:#fff}.srub:hover b{color:#fff}
/* marchio: «uBC Fumetti» con gli anni sotto */
.logo .wm{display:grid;line-height:1;gap:3px}
.logo .wm b{font-size:.78em;letter-spacing:-.045em;white-space:nowrap}
.logo .wm .yrs [data-anno]{display:contents}.logo .wm .yrs{display:flex;justify-content:space-between;font-size:10.5px;font-weight:500;letter-spacing:0;color:var(--ink-2,#55554F)!important;padding:0 1px 0 2px}
.sfoot .logo .wm b{font-size:.8em}

/* fondo pagina: il blocco del marchio si allarga quanto il motto */
.sf1 .logo{display:inline-flex;width:max-content;max-width:100%}.sf1 .logo .wm{flex:none}.sf1 .logo .wm .yrs{font-size:.27em}
/* letture lunghe: barra in basso, riprendi da dove eri, modalità lettura */
.lrin{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 18px;padding:8px 12px;border-radius:10px;background:#F0F0ED;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.lrin button,.lrt{font:inherit;letter-spacing:.06em;text-transform:uppercase;border:0;border-radius:6px;padding:7px 10px;background:var(--ink,#1E1E1D);color:#fff;cursor:pointer}
.lrb{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:10px;padding:6px 6px 6px 14px;border-radius:999px;background:rgba(30,30,29,.92);color:#EDEDE8;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.lrb[hidden]{display:none}.lrb .lrt{background:var(--accent);border-radius:999px}
.lrr{position:fixed;left:50%;top:90px;transform:translate(-50%,-20px);opacity:0;transition:.35s;z-index:85;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:calc(100vw - 32px);padding:12px 14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--rule),0 18px 40px -16px rgba(0,0,0,.45);font-size:14px}
.lrr.on{transform:translate(-50%,0);opacity:1}.lrr button{border:0;border-radius:6px;padding:8px 11px;cursor:pointer;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.lrr [data-go]{background:var(--accent);color:#fff}.lrr .x{background:#EEE;color:var(--ink)}
/* modalità lettura */
body.lrmode{--lr-bg:#FAFAF9;--lr-ink:#1E1E1D;background:var(--lr-bg)!important}
body.lrmode[data-lrbg="seppia"]{--lr-bg:#F3F3F0;--lr-ink:#2B2B29}
body.lrmode[data-lrbg="scuro"]{--lr-bg:#16161A;--lr-ink:#E2E2DF}
body.lrmode .frame>*:not(.desk),body.lrmode .desk.art>*:not(.a-body),body.lrmode .a-body .tools,body.lrmode .sharebar,body.lrmode .tags,body.lrmode .authors,body.lrmode .toc,body.lrmode .lrin,body.lrmode .doss,body.lrmode .totop{display:none!important}
body.lrmode .frame,body.lrmode .desk.art,body.lrmode .a-body,body.lrmode .a-body>.in{background:var(--lr-bg)!important;border:0!important;box-shadow:none!important}
body.lrmode .desk.art{display:block!important;padding:0!important}
body.lrmode .a-body{max-width:none!important}
body.lrmode .prose{max-width:680px!important;margin:0 auto!important;padding:70px 20px 120px!important;font-size:var(--lr-fs,19px)!important;line-height:1.75;color:var(--lr-ink)!important;background:none!important}
body.lrmode .prose p,body.lrmode .prose li,body.lrmode .prose h2,body.lrmode .prose h3,body.lrmode .prose blockquote,body.lrmode .vc-tx{color:var(--lr-ink)!important}
body.lrmode .prose a,body.lrmode .prose a *,body.lrmode .prose h2 *,body.lrmode .prose h3 *{color:var(--lr-ink)!important}body.lrmode .prose a{text-decoration-color:var(--accent)}
body.lrmode .prose figure{margin:28px 0!important;background:none!important;float:none!important;width:auto!important}
body.lrmode .prose figure img{max-height:80vh;width:auto;max-width:100%;margin:0 auto}
body.lrmode .prose figcaption{color:var(--lr-ink);opacity:.7}
body.lrmode .prose .tavole{margin:28px 0!important}
.lrp{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:90;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:12px;background:rgba(30,30,29,.92);color:#EDEDE8;max-width:calc(100vw - 20px)}
.lrp[hidden]{display:none}.lrp .mono{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin:0 2px 0 6px}
.lrp button{border:0;border-radius:7px;padding:7px 10px;background:#3A3A38;color:#fff;cursor:pointer;font-size:12px}.lrp button.on{background:#fff;color:#1E1E1D}.lrp .esci{background:var(--accent)}
@media(max-width:760px){body.lrmode .prose{padding:64px 18px 110px!important}.lrb{bottom:10px}.lrr{top:70px}}
@media print{.lrb,.lrr,.lrp,.lrin{display:none!important}}
.lrb .lrm,.lrb .lrt{white-space:nowrap}
/* ===== uBC Long Form ===== */
:root{--lf:#5CB99A}
.d-lf{grid-column:1/-1}
.home .d-lf>.in{background:var(--lf);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.home .d-lf .dh{border-color:rgba(0,0,0,.15)}.home .d-lf .dh,.home .d-lf .dh *{color:#141414!important}.home .d-lf .dh .mid{color:rgba(0,0,0,.6)!important}
.lfband{background:var(--lf)!important}
.lfband>.lfl{display:block}.lfband>.lfl img{height:110px;width:auto;display:block}
.lfband .awbt .om{color:#141414!important}
.lfband .awbl a b{color:#141414!important}.lfband .awbl a:hover b{color:#fff!important}
.lfband .awbl>a:nth-child(n+3){display:none}
.lfband .awbl.r>a{display:none}.lfband .awbl.r>a.on{display:grid}
.lfband .allbtn,.lfp .allbtn{background:#141414!important;color:#fff!important;box-shadow:0 3px 0 rgba(0,0,0,.35)!important}
.lfc .cv{position:relative}
.lfm{position:absolute;left:8px;bottom:8px;background:#141414;color:#fff;font:700 15px/1 var(--display);padding:6px 9px;border-radius:7px;letter-spacing:-.02em}
.lfm small{font:500 9px var(--mono);letter-spacing:.08em;margin-left:4px;opacity:.8;text-transform:uppercase}
.lfst{font:500 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#fff;color:#141414;padding:3px 6px;border-radius:4px;position:absolute;right:8px;top:8px}
.tcv{display:flex!important;flex-direction:column;background:#F3F3F1;box-shadow:inset 0 0 0 1px #D8D8D4}
.tband{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:#141414;color:#CFEFE2;font:500 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;flex:none}
.tband b{font:700 14px/1 var(--display);letter-spacing:-.02em;color:var(--lf)}
.tt{flex:1;display:flex;align-items:center;padding:12px 16px;font:800 21px/1.12 var(--display);letter-spacing:-.02em;color:#141414;overflow:hidden}
.tm{height:6px;background:repeating-linear-gradient(90deg,var(--lf) 0 14px,transparent 14px 22px);margin:0 16px 12px;flex:none}
.lfp{grid-column:1/-1;border-radius:22px;overflow:hidden;background:var(--lf);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.lfp .hd{display:grid;grid-template-columns:auto minmax(0,1fr);gap:30px;align-items:center;padding:30px}
.lfp .hd img{height:150px;width:auto}.lfp .hd h1{font:900 34px/1.05 var(--display);letter-spacing:-.03em;margin:0 0 8px;color:#141414}.lfp .hd p{margin:0;font-size:16px;line-height:1.5;color:#141414;max-width:60ch}
.lfp .flt{display:flex;flex-wrap:wrap;gap:8px;padding:0 30px 22px}.lfp .flt button{border:0;border-radius:999px;padding:9px 14px;background:rgba(255,255,255,.55);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#141414;cursor:pointer}.lfp .flt button.on{background:#141414;color:#fff}
.lfg{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 20px;padding:26px 4px}
.lfg a{display:grid;gap:8px;align-content:start;color:#141414;text-decoration:none}.lfg a[hidden]{display:none}.lfg .cv{aspect-ratio:40/27;border-radius:10px;overflow:hidden}.lfg .cv img{width:100%;height:100%;object-fit:cover}
.lfg a>b{font:700 16px/1.25 var(--title)}.lfg .by{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#6B6A64}
@media(max-width:900px){.lfband{grid-template-columns:1fr}}
@media(max-width:760px){.lfband>.lfl img{height:84px}.lfp .hd{grid-template-columns:1fr;padding:20px}.lfp .hd img{height:100px}.lfp .hd h1{font-size:26px}.lfp .flt{padding:0 20px 18px}.lfg{grid-template-columns:1fr 1fr;gap:18px 12px}.tt{font-size:16px;padding:10px 12px}.tm{margin:0 12px 10px}}
/* immagini negli articoli: gruppi in righe «giustificate» — stessa altezza nella riga, immagini sempre intere, mai ritagliate */
.righe{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;clear:both}
.righe .r-pc,.righe .r-mob{display:grid;gap:10px}.righe .r-mob{display:none}
.irow{display:flex;align-items:flex-start;gap:10px}
.irow figure{flex:var(--ar,1) 1 0;min-width:0;margin:0!important;padding:0;background:none!important;width:auto!important;float:none!important}
.irow figure .zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.irow img{display:block;width:100%;height:auto;aspect-ratio:var(--ar,auto);object-fit:contain;box-shadow:0 0 0 1px var(--hair)}
.irow figcaption{display:none}
.irow.part{justify-content:center}.irow.part figure{flex:none;width:var(--w)!important}
.prose .righe.tavole{display:grid;margin:26px 0;padding:0;background:none}
.tvr{margin:0}.tvr .irow img{border-radius:3px;box-shadow:0 0 0 1px var(--hair),0 12px 18px -14px rgba(0,0,0,.5)}
@media(max-width:760px){
  .righe .r-pc{display:none}.righe .r-mob{display:grid}
  .righe .irow,.righe .r-mob{gap:8px}
  .prose .righe.tavole{margin:20px 0}
  /* un'immagine verticale da sola non occupa mai tutto lo schermo */
  .prose figure.fr,.prose figure.fl,.prose figure.mid,.prose figure.tall{width:min(78%,320px)!important;margin:20px auto!important;float:none}
  .mtv{display:block!important;margin:14px 0}.mtv .irow img{border-radius:3px;box-shadow:0 8px 14px -10px rgba(0,0,0,.5)}
  .slc>.bigalbo{width:min(78%,340px)!important;margin:0 auto!important}
}

/* modalità lettura: un'unica barra sottile e semitrasparente in basso, con minuti, carattere, sfondo ed esci */
.lrb.on{gap:4px;padding:3px 3px 3px 12px;background:rgba(30,30,29,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 6px 18px -8px rgba(0,0,0,.45)}
.lrb .lrm{font-size:9.5px;letter-spacing:.08em}
.lrc{display:flex;align-items:center;gap:2px}.lrc[hidden]{display:none}
.lrc button{min-width:30px;height:30px;border:0;border-radius:999px;background:none;color:#EDEDE8;font:600 12px var(--body);cursor:pointer;padding:0 6px}
.lrc button:hover{background:rgba(255,255,255,.12)}
.lrc .sw{min-width:0;width:18px;height:18px;padding:0;margin:0 3px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5)}
.lrc .sw[data-bg=chiaro]{background:#FAFAF9}.lrc .sw[data-bg=seppia]{background:#E4E4E0}.lrc .sw[data-bg=scuro]{background:#16161A}
.lrc .sw.on{box-shadow:0 0 0 2px var(--accent)}
.lrsep{width:1px;height:16px;background:rgba(255,255,255,.25);margin:0 4px}
.lrb.on .lrt{min-width:30px;height:30px;padding:0 10px;font-size:14px}
body.lrmode .prose{padding-top:40px!important}
@media(max-width:760px){.lrb.on{bottom:8px;max-width:calc(100vw - 16px)}.lrb.on .lrm{display:none}}
body.lrmode .prose .irow img{width:100%!important;max-height:none!important}
body.lrmode .prose figure:not(.irow figure) img{max-height:70vh}

.mcard b i{font-style:italic;font-weight:500}
@media(max-width:760px){.mcard b{font-size:13px;line-height:1.22}}
/* la ricerca sempre a portata di mano, anche sul telefono: icona accanto al tasto Console */
@media(max-width:960px){
  .dbar{grid-template-columns:auto 1fr auto auto}
  .dbar>.logo{grid-column:1;grid-row:1}.dbar>.nsw{grid-column:3;grid-row:1}
  .dbar .ic.s{display:grid!important;place-items:center;grid-column:4;grid-row:1;padding:0 14px 0 6px;border-left:0}
  .dbar .ic.s svg{width:22px;height:22px}
}
@media(max-width:760px){.mvote{display:flex!important;justify-self:stretch!important;width:100%;justify-content:space-between;padding:8px 14px!important;box-sizing:border-box}.mvote .lvl{margin-left:auto}}

/* segnalibro: conferma con collegamento al taccuino */
.bmtoast{position:fixed;left:50%;bottom:72px;transform:translate(-50%,20px);z-index:120;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(30,30,29,.94);color:#fff;font:600 14px var(--body);box-shadow:0 12px 28px -10px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.bmtoast.vis{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.bmtoast svg{width:16px;height:16px;fill:var(--accent);stroke:var(--accent);stroke-width:1.6}
.bmtoast a{color:#fff;text-decoration:none}.bmtoast a:hover{text-decoration:underline}.bmtoast.off{font-weight:500;opacity:.92}
.tools .bmb.on .bm,.bmb.on .bm{fill:var(--accent);stroke:var(--accent)}
.slt .prose figure.fr{margin-right:0!important}.slt .prose figure.fl{margin-left:0!important}.slt .prose figure.wide{margin-left:0!important;margin-right:0!important}
/* spoiler: si legge solo cliccandoci sopra */
.spoiler:not(.open){font-size:0;cursor:pointer}.spoiler:not(.open)>*{display:none}
.spoiler:not(.open)::before{content:"ATTENZIONE: Spoiler. Cliccare per leggere";display:inline-block;font:500 11.5px/1.2 var(--mono);letter-spacing:.04em;padding:5px 10px;border-radius:6px;background:#1E1E1E;color:#fff;vertical-align:1px;box-shadow:0 0 0 2px var(--accent) inset}
.spoiler:not(.open):hover::before,.spoiler:not(.open):focus-visible::before{background:var(--accent)}
.spoiler.open{background:rgba(0,0,0,.05);border-radius:3px;box-shadow:0 0 0 2px rgba(0,0,0,.05)}
/* modulo newsletter: i campi restano dentro il riquadro, il consenso si legge per intero (anche sul telefono) */
.nlform,.nlform *{box-sizing:border-box}
.nlform,.prose .hav .nlform{width:100%;max-width:560px!important}
.nlform label,.nlform .two>label{min-width:0}
.nlform input[type=email],.nlform input[type=text]{width:100%;min-width:0;max-width:100%;margin:0}
.nlform .nlck{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;width:auto;height:auto;border-radius:0;box-shadow:none;background:none}
.nlform .nlck input{width:20px;height:20px;margin:2px 0 0;padding:0;accent-color:var(--accent)}
.nlform .nlck span{min-width:0;font:14px/1.45 var(--body)}
.nlform button{margin-top:2px}
@media(max-width:560px){.nlform{padding:16px;margin:18px 0}.nlform .two{grid-template-columns:minmax(0,1fr)}}
/* banner del consenso a Google Analytics: in basso, due tasti uguali (accettare e rifiutare costano lo stesso) */
.consenso{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;max-width:760px;margin:0 auto;display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:14px;background:#1E1E1E;color:#F2F2EE;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);font:14px/1.45 var(--body)}
.consenso p{margin:0;flex:1}.consenso a{color:#fff;text-decoration:underline}
.consenso .cbtn{display:flex;gap:8px;flex:0 0 auto}
.consenso button{font:600 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border-radius:999px;border:1.5px solid #fff;background:transparent;color:#fff;cursor:pointer;min-width:96px}
.consenso button:hover{background:#fff;color:#1E1E1E}
@media(max-width:600px){.consenso{flex-direction:column;align-items:stretch;font-size:13.5px}.consenso .cbtn>button{flex:1}}
.sfc .lk{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:left;justify-self:start}.sfc .lk:hover{color:var(--accent)}
/* invito alla newsletter: piccolo, in basso, si chiude con la ×. Sul telefono una striscia sottile */
.nlinv{position:fixed;right:16px;bottom:16px;z-index:110;max-width:360px;display:grid;grid-template-columns:1fr auto auto;gap:6px 10px;align-items:center;padding:12px 10px 12px 14px;border-radius:14px;background:rgba(30,30,29,.95);color:#F2F2EE;font:13.5px/1.4 var(--body);box-shadow:0 16px 34px -14px rgba(0,0,0,.55);opacity:0;transform:translateY(14px);transition:opacity .25s,transform .25s}
.nlinv.vis{opacity:1;transform:none}
.nlinv b{color:#fff}
.nlinv .nlgo{font:600 10.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#1E1E1E;background:#fff;border-radius:999px;padding:8px 12px;white-space:nowrap;text-decoration:none}
.nlinv .nlgo:hover{background:var(--accent);color:#fff}
.nlinv .nlx{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#BDBDB8;font-size:20px;line-height:1;cursor:pointer}.nlinv .nlx:hover{color:#fff}
@media(max-width:600px){.nlinv{left:10px;right:10px;bottom:10px;max-width:none;padding:8px 6px 8px 12px;font-size:12.5px;border-radius:12px}.nlinv .nlt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nlinv .nlgo{padding:7px 10px}}
.nlinv .nlgo{border:0;cursor:pointer}
.nlinv.open{grid-template-columns:1fr auto}
.nlinv .nlf{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:2px}
.nlinv .nlf[hidden]{display:none}
.nlinv .nlf input[type=email]{min-width:0;font:15px var(--body);padding:8px 10px;border-radius:9px;border:0;background:#fff;color:#1E1E1E}
.nlinv .nlc{grid-column:1/-1;display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;font-size:12px;line-height:1.4;color:#D8D8D3}
.nlinv .nlc input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent)}
.nlinv .nlc a{color:#fff;text-decoration:underline}
.nlinv .nlm{grid-column:1/-1;margin:0;font-size:12.5px;color:#fff}.nlinv .nlm:empty{display:none}
.nlinv .nlhp{position:absolute;left:-9999px;width:1px;height:1px}
.nlinv [hidden]{display:none!important}
@media(max-width:600px){.nlinv.open .nlt{-webkit-line-clamp:unset}}
.torna-dossier{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#1E1E1E;color:#fff;font-size:11px;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
.torna-dossier svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.torna-dossier b{color:#FF8A5C;font-weight:600}.torna-dossier:hover{background:var(--accent)}.torna-dossier:hover b{color:#fff}
[data-sched][hidden]{display:none!important}

/* voto delle recensioni: alto la metà, lancetta e numero affiancati */
.vbox.cmp{grid-template-columns:minmax(0,150px) 1fr;align-items:center;justify-items:stretch;gap:14px;padding:10px 14px}
.vbox.cmp .gauge{max-width:150px}.vbox.cmp .lcd{padding:10px 8px}
/* short da computer: il voto occupa tutta la colonna */
@media (min-width:761px){.slc>.vrow{justify-self:stretch;justify-content:space-between;padding:12px 18px}.slc>.vrow .lvl .b i{width:9px;height:26px}}
/* tag di un personaggio: le schede d'archivio in cui compare */
.vschede summary{list-style:none;cursor:pointer}.vschede summary::-webkit-details-marker{display:none}
.vschede summary .dh .ctl::after{content:"mostra ▾";font-family:var(--mono,monospace);font-size:11px;color:var(--accent)}.vschede details[open] summary .dh .ctl::after{content:"nascondi ▴"}
.vsl{list-style:none;margin:0;padding:6px 12px 12px;columns:3 260px;column-gap:24px}
.vsl li{break-inside:avoid;padding:5px 0;border-bottom:1px solid var(--hair);font-size:14px;line-height:1.3}
.vsl a{color:inherit;text-decoration:none}.vsl a:hover{color:var(--accent)}
.vsl .mono{font-size:11px;color:var(--ink-3);margin-right:4px}
/* recensioni: l'albo di cui si parla, sotto il titolo */
.astrip{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:10px 0 4px;padding:9px 12px;border-left:3px solid var(--accent);background:rgba(0,0,0,.035);border-radius:0 6px 6px 0;font-size:15px;line-height:1.35}
.astrip .as-k{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex-basis:100%}
.astrip .as-albo{color:inherit;text-decoration:none}.astrip a.as-albo:hover b{text-decoration:underline}
.astrip .as-albo span{color:var(--ink-2)}
.astrip .as-sep{color:var(--ink-3)}
.astrip .as-dos{margin-left:auto;font-size:12px;color:var(--accent);text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}
.astrip .as-dos .arw{width:18px;height:10px;stroke:currentColor;fill:none;stroke-width:1.6}
.dk .astrip,.ahero .astrip{background:rgba(255,255,255,.08)}
/* copia anastatica: il pulsante sulle pagine d'archivio */
.anabtn{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:7px 12px;border:1px solid currentColor;border-radius:999px;font-size:11.5px;letter-spacing:.04em;color:inherit;text-decoration:none;opacity:.85}
.anabtn:hover{opacity:1;color:var(--accent)}
.anabtn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3}
.astrip a.as-albo,.astrip a.as-albo b{color:inherit}.astrip .as-albo span{color:inherit;opacity:.75}
.sh .astrip,.dk .astrip{color:#fff}
.astrip .as-albo.cv{display:inline-flex;align-items:center;gap:10px}
.astrip .as-cv{flex:none;width:44px;aspect-ratio:3/4;border-radius:3px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.35);background:#ddd}
.astrip .as-cv img{width:100%;height:100%;object-fit:cover;display:block}
.astrip .as-tx span{color:inherit;opacity:.75}
/* Enciclopedia del fumetto: tre colonne come l'indice di allora */
.enc3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.enc3{grid-template-columns:1fr}}
.encl{list-style:none;margin:0;padding:4px 12px 12px}
.encl li{border-bottom:1px solid var(--hair)}
.encl a,.encl .no{display:block;padding:8px 0;color:inherit;text-decoration:none}
.encl a:hover b{color:var(--accent)}
.encl b{display:block;font-size:15px;line-height:1.3}
.encl span span,.encl a span{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-2);margin-top:2px}
.encl a.ana b::after{content:" · originale";font:400 10px var(--mono,monospace);color:var(--ink-3)}
.encl .no{opacity:.55}
/* schede degli albi citate negli articoli d'archivio: copertina «appoggiata» sul foglio, che si raddrizza al passaggio */
.sks{margin:22px 0 26px;padding:16px 16px 18px;border-top:2px solid var(--ink);border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(0,0,0,.025),transparent)}
.sks-l{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.sks-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 18px}
.prose .sk,.sk{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;color:inherit;text-decoration:none;background:none}
.sk-cv{display:block;width:64px;aspect-ratio:3/4;padding:3px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.15),0 6px 14px -6px rgba(0,0,0,.45);transform:rotate(-3deg);transition:transform .2s}
.sk:nth-child(even) .sk-cv{transform:rotate(2.5deg)}
.sk:hover .sk-cv{transform:rotate(0) scale(1.04)}
.sk-cv img{display:block;width:100%;height:100%;object-fit:cover}
.sk-no{display:grid;place-items:center;width:100%;height:100%;background:var(--ink);color:#fff;font-size:8px;text-align:center;padding:2px}
.sk-tx{display:grid;gap:2px;min-width:0}
.sk-c{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.sk-tx b{font:700 16px/1.2 var(--title)}
.sk:hover .sk-tx b{color:var(--accent)}
.sk-tx i{font-size:13px;line-height:1.3;color:var(--ink-2)}
/* copertine dritte; il vezzo è una linea arancione che le accompagna a sinistra e taglia la riga sotto il titolo */
.sk-cv,.sk:nth-child(even) .sk-cv,.sk:hover .sk-cv{transform:none}
.sk-cv{padding:0;background:#fff;box-shadow:-5px 0 0 0 var(--accent),0 1px 2px rgba(0,0,0,.18),0 8px 16px -8px rgba(0,0,0,.4);margin-left:5px}
.sk:hover .sk-cv{box-shadow:-8px 0 0 0 var(--accent),0 1px 2px rgba(0,0,0,.18),0 10px 18px -8px rgba(0,0,0,.45)}
.sk-tx b{padding-bottom:5px;background:linear-gradient(var(--accent),var(--accent)) left bottom/28px 2px no-repeat;transition:background-size .2s}
.sk:hover .sk-tx b{background-size:100% 2px;color:inherit}
.prose .sk{grid-template-columns:69px minmax(0,1fr)}
.vschede .vcome{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-left:6px}
/* «torna al dossier» e «il tuo pannello» stanno entrambi in basso a sinistra: il primo sale sopra il secondo */
.pnl~.torna-dossier{bottom:calc(58px + env(safe-area-inset-bottom,0px))}
/* articoli senza voto né scheda: pagina larga, temi nella fascia del titolo, «leggi anche» in fondo */
.htemi{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px}
.htemi>.mono{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-right:4px}
.htemi .chip{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid var(--rule);background:#fff;color:var(--ink)}
.htemi .chip b{font-weight:400;opacity:.55;margin-left:6px}
.htemi .chip:hover{border-color:var(--accent)}
.shead .htemi>.mono{color:#A7A7A7}
.shead .htemi .chip{background:transparent;border-color:rgba(255,255,255,.28);color:#EDEDE8}
.shead .htemi .chip:hover{border-color:var(--accent)}
.a-body.a-largo .prose,.a-body.a-largo .tags,.a-body.a-largo .authors{max-width:980px;margin-left:max(56px,calc((100% - 980px) / 2));margin-right:auto}
.lra4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lra4 a{grid-template-columns:1fr;align-items:start;border-top:0;border-left:1px solid var(--hair)}
.lra4 a:first-child{border-left:0}
@media(max-width:1000px){.lra4{grid-template-columns:repeat(2,minmax(0,1fr))}.lra4 a:nth-child(3){border-left:0}}
@media(max-width:760px){.a-body.a-largo .prose,.a-body.a-largo .tags,.a-body.a-largo .authors{margin-left:0;max-width:none}.lra4{grid-template-columns:1fr}.lra4 a{grid-template-columns:96px 1fr;align-items:center;border-left:0;border-top:1px solid var(--hair)}.lra4 a:first-child{border-top:0}}
.a-rel{order:9}
/* fascia di voto e scheda sopra il testo, a tutta larghezza (sul telefono va sotto il testo) */
.a-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:stretch}
.a-band>.dv{margin:0;min-width:0}
@media(max-width:760px){.a-band{order:5;grid-template-columns:1fr}}
.art .a-body.a-largo{grid-row:auto!important}
.hcard>.htemi{grid-column:1/-1;margin:0;padding:10px 18px 12px;border-top:1px solid var(--rule)}
.hcard>.htemi{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;border-left:0!important}
/* voto compatto nella fascia: i tre voti in colonna, il globale sulla stessa altezza a destra */
.a-band .avoto .svoti{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:5px;padding:8px 14px 10px}
.a-band .avoto .svr{grid-column:1;grid-template-columns:84px 1fr auto;gap:8px}
.a-band .avoto .svr .segs i{height:7px}
.a-band .avoto .svr b{font-size:11.5px}
.a-band .avoto .svt{grid-column:2;grid-row:1/span 3;flex-direction:column;justify-content:center;gap:4px;padding:0 0 0 14px;border-top:0;border-left:1px dashed #3A3A37}
.a-band .avoto .vbox.cmp{grid-template-columns:90px 1fr;padding:6px 12px;gap:12px}
.a-band .avoto .vbox .gauge{max-width:90px}
.a-band .avoto .dh{padding-top:8px;padding-bottom:8px}
/* sul telefono il voto sta sopra il testo, la scheda sotto */
@media(max-width:760px){.a-band{display:contents}.a-band>.dv{grid-column:1/-1;order:5}.a-band>.avoto{order:0}}
@media(max-width:760px){.a-band .avoto .dh{padding-top:5px;padding-bottom:5px;min-height:0}.a-band .avoto .svoti{row-gap:2px;padding:5px 12px 7px}.a-band .avoto .svr .segs i{height:6px}.a-band .avoto .svt .lcd{padding:3px 8px}.a-band .avoto .vbox.cmp{padding:2px 10px;grid-template-columns:70px 1fr}.a-band .avoto .vbox .gauge{max-width:70px}.a-band .avoto .vbox .lcd.big span{font-size:26px}}
/* telefono: voto su una sola fascia sottile, senza intestazione (il nome va nella colonna del globale) */
@media(max-width:760px){
  .a-band .avoto .dh{display:none}
  .a-band .avoto .svoti{padding:6px 12px;row-gap:1px}
  .a-band .avoto .svr{grid-template-columns:78px 1fr auto;gap:6px}
  .a-band .avoto .svr .mono{font-size:8.5px}
  .a-band .avoto .svr .segs i{height:5px}
  .a-band .avoto .svr b{font-size:10.5px}
  .a-band .avoto .svt{gap:2px;padding-left:10px}
  .a-band .avoto .svt>.mono{font-size:0}
  .a-band .avoto .svt>.mono::before{content:"voto originale";font-size:8px;letter-spacing:.06em}
  .a-band .avoto .svt .lcd span{font-size:14px}
  .a-band .avoto .vbox.cmp{padding:4px 12px;grid-template-columns:56px 1fr auto}
  .a-band .avoto .vbox .gauge{max-width:56px}
  .a-band .avoto .vbox .lcd.big{padding:4px 10px}
  .a-band .avoto .vbox .lcd.big span{font-size:22px}
  .a-band .avoto .vbox::after{content:"voto";font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#9A9A94;order:-1}
}
/* desktop: con voto e scheda insieme, la scheda prende due terzi e si dispone in larghezza (albo a sinistra, dati su due colonne) */
@media(min-width:761px){
  /* fascia: i riquadri hanno la stessa altezza, nessun vuoto */
  .a-band{align-items:stretch!important}
  .a-band:has(>.avoto):has(>.sched),.a-band:has(>.avoto):has(>.salbo){grid-template-columns:minmax(280px,1fr) minmax(0,2fr)}
  .a-band>.dv>.in{height:100%}
  .a-band .avoto>.in{display:flex;flex-direction:column}
  .a-band .avoto .svoti,.a-band .avoto .vbox{flex:1;align-content:center}
  /* scheda: prima le copertine, grandi, con numero e titolo sotto; i dati a destra su due colonne, che riempiono l'altezza */
  .a-band .sched>.in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr}
  .a-band .sched>.in>.dh{grid-column:1/-1}
  .a-band .sched .albrows{display:flex;gap:16px;padding:16px 18px;background:#EEF4F9;align-items:flex-start}
  .a-band .sched .albrows>div{display:flex;flex-direction:column;gap:8px;width:150px;padding:0;background:none}
  .a-band .sched .albrows .cv{width:150px;height:auto;aspect-ratio:3/4;box-shadow:0 10px 18px -10px rgba(0,0,0,.55)}
  .a-band .sched .albrows b{font-size:9px}
  .a-band .sched .albrows span span{font-size:13px}
  .a-band .sched .spec{grid-template-columns:auto 1fr auto 1fr;grid-auto-rows:1fr;align-content:stretch;border-top:0;border-left:1px solid #D6E1EA}
  .a-band .sched .spec dt,.a-band .sched .spec dd{display:flex;align-items:center}
  /* scheda dell'albo d'archivio: copertina grande */
  .a-band .salbo .sab{grid-template-columns:130px 1fr;align-items:center}
  .a-band .salbo .sab img{width:130px;height:auto;aspect-ratio:3/4;object-fit:cover}
}
/* desktop, voto accanto alla scheda: colonna stretta e voto in verticale, così riempie l'altezza senza vuoti */
@media(min-width:761px){
  .a-band:has(>.avoto):has(>.sched),.a-band:has(>.avoto):has(>.salbo){grid-template-columns:280px minmax(0,1fr)}
  .a-band:has(>.sched) .avoto .vbox.cmp,.a-band:has(>.salbo) .avoto .vbox.cmp{grid-template-columns:1fr;justify-items:center;align-content:center;gap:16px;padding:14px 18px}
  .a-band:has(>.sched) .avoto .vbox .gauge,.a-band:has(>.salbo) .avoto .vbox .gauge{max-width:190px;width:100%}
  .a-band:has(>.sched) .avoto .vbox .lcd,.a-band:has(>.salbo) .avoto .vbox .lcd{width:100%}
  .a-band:has(>.sched) .avoto .svoti,.a-band:has(>.salbo) .avoto .svoti{grid-template-columns:1fr;row-gap:12px;padding:16px 16px 18px}
  .a-band:has(>.sched) .avoto .svr,.a-band:has(>.salbo) .avoto .svr{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:5px}
  .a-band:has(>.sched) .avoto .svr .segs,.a-band:has(>.salbo) .avoto .svr .segs{grid-column:1/-1;grid-row:2}
  .a-band:has(>.sched) .avoto .svr .segs i,.a-band:has(>.salbo) .avoto .svr .segs i{height:9px}
  .a-band:has(>.sched) .avoto .svt,.a-band:has(>.salbo) .avoto .svt{grid-column:1;grid-row:auto;flex-direction:row;justify-content:space-between;padding:10px 0 0;border-left:0;border-top:1px dashed #3A3A37}
}
/* scheda dell'albo d'archivio: crediti accanto alla copertina (solo nella fascia su desktop; altrove nascosti) */
.salbo .sspec{display:none}
@media(min-width:761px){
  .a-band .salbo>.in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;height:100%}
  .a-band .salbo>.in>.dh{grid-column:1/-1}
  .a-band .salbo .sab{grid-template-columns:130px minmax(150px,220px);padding:16px 18px;background:#EEF4F9}
  .a-band .salbo .sspec{display:grid;grid-template-columns:auto 1fr;grid-auto-rows:1fr;align-content:stretch;border-left:1px solid #D6E1EA}
  .a-band .salbo .sspec .sk,.a-band .salbo .sspec .sv{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #D6E1EA}
  .a-band .salbo .sspec .sk{font-family:var(--mono);font-size:8.5px;color:var(--ink-2);text-transform:uppercase;letter-spacing:.06em}
  .a-band .salbo .sspec .sv{font-size:13px;line-height:1.35}
}
/* telefono: anche qui le copertine della scheda in evidenza, una accanto all'altra con numero e titolo sotto */
@media(max-width:760px){
  .a-band .sched .albrows{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:14px;padding:14px;background:#EEF4F9}
  .a-band .sched .albrows>div{display:flex;flex-direction:column;gap:6px;padding:0;background:none}
  .a-band .sched .albrows .cv{width:100%;max-width:160px;height:auto;aspect-ratio:3/4;box-shadow:0 10px 18px -10px rgba(0,0,0,.55)}
  .a-band .salbo .sab{grid-template-columns:110px 1fr}
  .a-band .salbo .sab img{width:110px}
}
@media(max-width:760px){
  .a-band .sched .albrows{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .a-band .sched .albrows .cv{max-width:none}
  .a-band .sched .albrows span span{font-size:12.5px}
  .a-band .sched .albrows:has(>div:only-child){grid-template-columns:1fr}
  .a-band .sched .albrows>div:only-child{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:14px}
  .a-band .sched .albrows>div:only-child span span{font-size:15px}
}
/* condividi in fondo: sempre su una riga, i tasti si stringono con lo spazio */
.share.end{flex-wrap:nowrap;gap:clamp(4px,1.6vw,8px)}
.share.end>.mono{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.share.end a,.share.end button{flex:0 1 38px;width:auto;height:auto;aspect-ratio:1;min-width:26px;max-width:38px}
.share.end svg{width:46%;height:46%}
@media(max-width:760px){.share.end{padding:12px 12px}.share.end>.mono{font-size:9px;margin-right:2px}}
.share.end>.mono{flex:0 0 auto;overflow:visible}
/* banner dei dossier con l'immagine fatta apposta (2400×800, cuore a destra) */
.doss2{position:relative;display:block;margin:30px 0 8px;border-radius:14px;overflow:hidden;clear:both;background:#1B1B1A;color:#EDEDE8;text-decoration:none;box-shadow:0 0 0 1px #000,0 14px 30px -18px rgba(0,0,0,.6)}
.d2img{position:absolute;inset:0;display:block}
.d2img img{width:100%;height:100%;object-fit:cover;object-position:80% 50%;display:block;transition:transform .5s}
.doss2:hover .d2img img{transform:scale(1.03)}
.doss2::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,20,19,.94) 0%,rgba(20,20,19,.8) 30%,rgba(20,20,19,0) 52%)}
.d2tx{position:relative;z-index:2;display:grid;align-content:center;justify-items:start;gap:10px;min-height:240px;max-width:50%;padding:24px 28px}
.d2tx .mono{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#D8D8D2}
.d2tx b{font-family:var(--display);font-weight:900;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.03em;line-height:1;color:#fff}
.doss2 .allbtn{color:#fff;background:var(--accent);box-shadow:0 3px 0 #A82E00}
/* telefono: l'immagine intera (3:1), il testo sopra nella metà sinistra lasciata libera apposta */
@media(max-width:760px){
  .doss2{aspect-ratio:3/1}
  .d2img img{object-position:50% 50%}
  .doss2::before{background:linear-gradient(90deg,rgba(20,20,19,.9) 0%,rgba(20,20,19,.7) 34%,rgba(20,20,19,0) 50%)}
  .d2tx{max-width:48%;min-height:0;height:100%;padding:8px 10px 8px 12px;gap:4px}
  .d2tx .mono{font-size:7.5px;letter-spacing:.06em}
  .d2tx b{font-size:clamp(15px,5vw,22px)}
  .d2tx .d2s{display:none}
  .doss2 .allbtn{font-size:8px;padding:5px 9px;gap:6px}
  .doss2 .allbtn svg{width:14px}
}
/* barra in alto: voci più marcate (28/10/2026) */
.dbar nav a{font-weight:500!important}
.dbar nav a:not(.on){color:#34342F!important}

/* telefono: due righe bilanciate, quattro voci sopra e tre sotto, a griglia */
@media(max-width:760px){
  .dbar nav{display:grid!important;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:7px 8px!important;padding:9px 12px!important}
  .dbar nav a{font-size:10px!important;letter-spacing:.03em!important;gap:4px}
}
/* tasto «pannello» nella barra, solo per chi è entrato nel pannello */
.dbar .pnlb{display:flex;align-items:center;gap:7px;align-self:center;height:34px;margin:0 6px;padding:0 12px;border-radius:999px;background:var(--ink);color:#F2F2EF;font:500 10.5px var(--mono);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;box-shadow:0 2px 0 #000}
.dbar .pnlb .led{width:7px;height:7px;border-radius:50%;background:#3BD16F;box-shadow:0 0 6px #3BD16F}
.dbar .pnlb:hover{background:var(--accent)}
@media(max-width:960px){.dbar .pnlb{grid-row:1;height:30px;padding:0 10px;font-size:9.5px;margin:0 4px}}
@media(max-width:760px){.dbar nav .pnlb.inav{height:auto;margin:0;padding:3px 8px;font-size:10px;letter-spacing:.03em;box-shadow:none;justify-self:start}}
/* desktop con il tasto pannello: le voci si stringono un poco per starci tutte */
@media(min-width:961px){.dbar:has(.pnlb) nav{gap:9px!important}.dbar:has(.pnlb) nav a{letter-spacing:.04em!important}.dbar:has(.pnlb) .soc{display:none!important}.dbar .pnlb{height:32px;padding:0 11px;font-size:10px}}
/* logo degli Awards al posto del disegno segnaposto: stessa scatola, immagine contenuta */
img.laurel{object-fit:contain;object-position:center;stroke:none;display:block}
.aww img.laurel{width:64px;height:44px}
.awcat h3 img.laurel{width:52px;height:34px}
.awnav img.laurel{width:30px;height:22px}
/* Mondo Fumetto in home: su desktop sempre due righe */
@media(min-width:1001px){.mfg.mf2{grid-template-columns:repeat(var(--mfc,8),minmax(0,1fr))!important}.mf2 a .mono{font-size:8.5px;letter-spacing:.04em}}
.mfall .cv{display:grid;place-items:center;background:#F3F3F0;border-radius:6px}
.mfall .mfn{font-family:var(--display);font-weight:900;font-size:38px;letter-spacing:-.04em;color:var(--ink)}
.mfall:hover .mfn{color:var(--accent)}
.mfall::before{content:none!important}
/* Awards, uBC Off e Long Form: stessa struttura e stesse misure (logo · frase · due immagini · pulsante) */
@media(min-width:1001px){
  .awband,.awband.offband,.awband.lfband{grid-template-columns:170px minmax(0,1fr) 390px 180px!important;gap:22px!important;align-items:center;min-height:230px;padding:22px 24px!important}
  .awband>.bandlogo,.awband>.offl,.awband>.lfl{display:flex!important;align-items:center;justify-content:center;width:170px;height:120px}
  .awband>.bandlogo img,.awband>.offl img,.awband>.lfl img{max-width:170px!important;max-height:110px!important;width:auto!important;height:auto!important;object-fit:contain}
  .awband .awbt .om{font-family:var(--display);font-weight:700;font-size:19px!important;line-height:1.2;letter-spacing:-.015em;margin:0;max-width:none}
  .awband .awbl{grid-template-columns:1fr 1fr!important;gap:14px}
  .awband .awbl>a:nth-child(n+3){display:none!important}
  .awband .awbl.r>a{display:none!important}.awband .awbl.r>a.on{display:grid!important}
  .awband .awbl .cv{aspect-ratio:40/27!important;width:100%;height:auto}
  .awband .awbl b{font-size:13px;line-height:1.3}
  .awband>.allbtn{justify-self:stretch;justify-content:center;text-align:center}
}
.awband>.bandlogo{display:block}
.awband>.bandlogo img{display:block;max-height:96px;width:auto}
.awband .awbt .om{color:#F2F2EF}
@media(max-width:760px){.dbar nav .pnlb.inav{grid-row:auto;color:#F2F2EF!important}}
@media(min-width:961px) and (max-width:1279px){.dbar .pnlb span{display:none}.dbar .pnlb{width:32px;padding:0;justify-content:center}}
@media(max-width:370px){.dbar nav{gap:6px 4px!important;padding:8px 8px!important}.dbar nav a{font-size:8.6px!important;letter-spacing:0!important}.dbar .nsw .nbody{padding:0 7px 0 9px}.dbar .nsw b,.dbar .nsw .nprompt{font-size:10.5px}.dbar .nsw .narr{width:26px}.dbar .wm .yrs{letter-spacing:.1em}}
@media(max-width:370px){.dbar .logo.sm{gap:6px;padding-left:8px!important}.dbar .logo.sm .lgo{width:64px;height:auto}.dbar .wm b{font-size:16px}.dbar .wm .yrs{font-size:8px}.dbar .nsw{margin:0 4px 0 0}.dbar .ic.s{width:36px}}
@media(max-width:370px){.dbar .logo.sm{padding:0 4px 0 8px!important;gap:5px!important}.dbar .logo.sm .lgo{width:58px}.dbar .wm b{font-size:15px}.dbar .nsw .nprompt{display:none}.dbar .ic.s{width:32px}}
/* fasce Awards, uBC Off, Long Form: al passaggio il pulsante si inverte (fondo della fascia, testo e bordo nel colore del pulsante) */
.home .awband .allbtn:hover,.home .awband .allbtn:focus-visible{background:var(--night);color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold),0 3px 0 #9C7414}
.home .offband .allbtn:hover,.home .offband .allbtn:focus-visible{background:#141414;color:#FF5CA8;box-shadow:inset 0 0 0 1.5px #FF5CA8,0 3px 0 #B03A75}
.home .lfband .allbtn:hover,.home .lfband .allbtn:focus-visible{background:var(--lf)!important;color:#141414!important;box-shadow:inset 0 0 0 1.5px #141414,0 3px 0 rgba(0,0,0,.35)!important}
.home .awband .allbtn{justify-content:center}.home .lfband .allbtn{gap:6px;letter-spacing:.02em;padding:0 12px;font-size:9px}
.slt>.doss2{justify-self:stretch;width:100%}
/* in fondo al testo: scheda dell'albo e banner del dossier affiancati, nei margini del testo (28/10/2026) */
.a-band.a-fondo{max-width:892px;margin:34px auto 12px calc(max(56px,calc((100% - 980px) / 2)) + 44px);grid-template-columns:1fr;gap:16px}
.a-fondo>.doss2{margin:0;align-self:stretch}
@media(min-width:1001px){
  .a-band.a-fondo.due{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  /* stessa struttura per tutte le schede in fondo: copertina e titolo in alto, dati sotto */
  .a-fondo .sched>.in,.a-fondo .salbo>.in{display:flex!important;flex-direction:column}
  .a-fondo .sched .albrows{width:auto!important;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));align-items:start}
  .a-fondo .sched .albrows>div{width:auto!important}
  .a-fondo .sched .albrows .cv{width:100%!important;max-width:150px}
  /* un albo e il titolo della storia: copertina a sinistra, titolo accanto */
  .a-fondo .sched .albrows:has(>div:only-child){grid-template-columns:1fr}
  .a-fondo .sched .albrows>div>span:empty{display:none}
  .a-fondo .sched .albrows>div{align-items:flex-start;text-align:left;justify-self:start}
  .a-fondo .sched .albrows>div:only-child{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:16px;width:auto}
  .a-fondo .sched .albrows>div:only-child .cv{width:120px}
  .a-fondo .sched .spec{grid-template-columns:auto 1fr auto 1fr;grid-auto-rows:auto;border-left:0;border-top:1px solid #D6E1EA;flex:1}
  .a-fondo .salbo .sab{grid-template-columns:120px 1fr}
  .a-fondo .salbo .sspec{border-left:0;border-top:1px solid #D6E1EA;grid-auto-rows:auto;flex:1}
  .a-fondo.due .sched .spec,.a-fondo.due .salbo .sspec{grid-template-columns:auto 1fr}
  .a-fondo:not(.due) .salbo .sspec{grid-template-columns:auto 1fr auto 1fr}
  .a-band.a-fondo.due:has(>.dv:nth-child(2):not(.doss2)){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .a-fondo.due>.doss2:nth-child(3){grid-column:1/-1;min-height:220px}
  /* banner a metà larghezza: il personaggio al centro dell'immagine, il testo in basso su una sfumatura verticale */
  .a-fondo.due>.doss2 .d2img img{object-position:70% 50%}
  .a-fondo.due>.doss2::before{background:linear-gradient(0deg,rgba(20,20,19,.95) 0%,rgba(20,20,19,.75) 30%,rgba(20,20,19,0) 55%)}
  .a-fondo.due>.doss2 .d2tx{position:absolute;left:0;right:0;bottom:0;min-height:0;max-width:none;align-content:end;padding:22px 24px}
  .a-fondo.due>.doss2 .d2tx .d2s{max-width:300px}
}
@media(max-width:760px){.a-band.a-fondo{display:grid;margin:26px 0 8px;max-width:none}.a-band.a-fondo>.dv{order:0}}
/* recensioni a tutta larghezza: voto in verticale nella colonna delle icone (computer); sul telefono resta la fascia sopra il testo */
.tvoto{display:flex;flex-direction:column;align-items:center;gap:5px;width:44px;padding:8px 0 7px;border-radius:10px;background:#1E1E1D;box-shadow:0 0 0 1px #000,0 3px 0 #000}
.tools .tvoto .mono{font-size:7px;letter-spacing:.06em;color:#9A9A94;text-transform:uppercase}
.tvoto b{font:600 15px/1 var(--mono);color:#FF5A1F;text-shadow:0 0 8px rgba(255,90,31,.45);letter-spacing:-.02em}
.tvm{display:flex;flex-direction:column;gap:2px}.tvm i{display:block;width:18px;height:4px;border-radius:1px;background:#3A3A37}.tvm i.on{background:#FF5A1F}
@media(min-width:761px){.a-band.con-tvoto{display:none}}
@media(max-width:760px){.tvoto,.tvoto+.sep{display:none}}

/* scheda in fondo con una sola copertina: copertina a sinistra, a destra titolo, albo e dati, tutto entro l'altezza della copertina */
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv))>.in{display:grid!important;grid-template-columns:178px minmax(0,1fr);grid-template-rows:auto auto auto 1fr;column-gap:20px;align-items:start;padding-bottom:18px}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv))>.in>.dh{grid-column:1/-1;grid-row:1}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows,
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div{display:contents!important}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows .cv{grid-column:1;grid-row:2/span 3;width:160px!important;max-width:none;margin:18px 0 0 18px;align-self:start}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:nth-child(2)>span:last-child{grid-column:2;grid-row:2;margin-top:16px;padding-right:18px}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:nth-child(2) b{font:600 19px/1.2 var(--title)!important;letter-spacing:-.01em;text-transform:none!important;color:var(--ink)}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:nth-child(2)>span:empty{display:none}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:first-child>span{grid-column:2;grid-row:3;display:flex;gap:8px;align-items:baseline;margin-top:4px;padding-right:18px}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:only-child)) .albrows>div:first-child>span{margin-top:4px}
.a-fondo .sched:has(.albrows>div:only-child .cv) .albrows>div:first-child>span{grid-row:2;margin-top:16px}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:first-child>span>*{font-size:10px!important}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec{grid-column:2;grid-row:4;grid-template-columns:auto 1fr!important;border:0!important;margin:10px 18px 0 0;align-self:start}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dt,
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dd{padding:4px 0;border:0;border-top:1px solid #D6E1EA;display:block}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dt{font-size:8px;padding-right:12px;padding-top:7px}
.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dd{font-size:12.5px;line-height:1.3}
@media(max-width:760px){
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv))>.in{grid-template-columns:146px minmax(0,1fr);column-gap:12px}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows .cv{width:132px!important;margin:14px 0 0 14px}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .albrows>div:nth-child(2) b{font-size:16px!important}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec{margin-right:14px}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dd{font-size:11.5px;line-height:1.25}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dt,.a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dd{padding-top:3px;padding-bottom:3px}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec dt{font-size:7px;padding-top:5px;padding-right:8px}
  .a-fondo .sched:has(.albrows .cv):not(:has(.albrows>div:nth-child(2) .cv)) .spec{margin-top:6px}
}
/* telefono: scheda, banner e condivisione della stessa larghezza */
@media(max-width:760px){.a-largo .share.end.mob-only{margin:12px 0 14px}}
/* più copertine: occupano tutta la larghezza della scheda, senza spazio vuoto */
@media(min-width:1001px){.a-fondo .sched .albrows:has(>div:nth-child(2) .cv){grid-template-columns:repeat(auto-fit,minmax(110px,1fr))!important}}
.a-fondo .sched .albrows:has(>div:nth-child(2) .cv){grid-template-columns:repeat(auto-fit,minmax(96px,1fr));align-items:start}
.a-fondo .sched .albrows:has(>div:nth-child(2) .cv) .cv{width:100%!important;max-width:none!important}
.a-fondo .sched .albrows:has(>div:nth-child(2) .cv)>div{width:auto!important;min-width:0}
.a-fondo .sched .albrows:has(>div:nth-child(2) .cv)>div{display:flex!important;flex-direction:column;gap:8px;padding:0!important}.a-fondo .sched .albrows:has(>div:nth-child(2) .cv)>div>*{margin:0!important}
/* la colonna delle icone si ferma un po' prima della fine dell'articolo, senza toccare scheda e banner in fondo */
.a-largo .tools{padding-bottom:48px}
.slt .share.end{margin:18px 0 0;justify-self:stretch}
/* uBC Awards per macro area (articoli dal 29/10/2026) */
.prose.aw .awsez{margin:34px 0 10px}
.prose.aw .awsez-h{display:flex;align-items:center;gap:12px;font:800 clamp(26px,3.4vw,38px)/1.05 var(--display);letter-spacing:-.02em;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--ink)}
.prose.aw .awsez-h .awlogo{width:64px;height:auto}
.prose.aw .awpremio{font:600 22px/1.2 var(--title);margin:22px 0 8px}
.prose.aw .awred-h{margin:30px 0 4px;color:var(--accent);font-size:11px}
/* uBC Awards: ogni macro area con il suo colore (fascia del titolo e testata dei candidati) */
.prose.aw .awsez-h{justify-content:center;gap:18px;background:var(--awc,var(--night));color:var(--awt,#fff);border:0;border-radius:4px;padding:18px 20px;text-transform:uppercase;font-size:clamp(30px,4.4vw,52px);letter-spacing:-.01em;margin-bottom:22px}
.prose.aw .awsez-h .awlogo{width:84px;height:auto}
.awc .awch{background:var(--awc,var(--night));color:var(--awt,#fff)}
.awc .awch b{color:var(--awt,#fff)}
.awc[style*="--awt:#14212B"] .awch .mono{color:#14212B}
.aww img.laurel{width:72px;height:48px;object-fit:contain}
.awcat h3{background:var(--awc,var(--night));color:var(--awt,#fff)}.awcat[style*="--awt:#14212B"] h3 .mono{color:#14212B}.awpm{display:inline}.awpm .lnk{color:var(--accent)}
/* ===== Speciali (80 anni di Tex…): fascia in home, testata della pagina, fascia in fondo agli articoli ===== */
.d-sp{grid-column:1/-1}.d-sp .in{background:var(--spc,#0E1B26);color:#F2F2EF}
.d-sp .dh{border-color:rgba(255,255,255,.12)}.d-sp .dh .mono{color:rgba(255,255,255,.7)}.d-sp .dh .mono:first-child{color:#fff}.d-sp .dh b{color:#FF4F00}
.sp-k{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#FF4F00;margin:0}.sp-k i{width:7px;height:7px;border-radius:50%;background:#FF4F00;box-shadow:0 0 8px #FF4F00}
.sp-all{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:#FF4F00;color:#fff;border-radius:999px;padding:7px 13px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.sp-all svg{width:14px;height:14px}
.sp-row{display:grid;grid-template-columns:1.25fr repeat(4,1fr)}
.sp-tit{position:relative;overflow:hidden;display:block;min-height:100%;text-decoration:none;border-right:1px solid rgba(255,255,255,.1)}
.sp-tit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 30%;opacity:.55;transition:opacity .2s}
.sp-tit:hover img{opacity:.75}
.sp-tit:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--spc,#0E1B26) 15%,transparent 80%)}
.sp-tt{position:relative;z-index:1;display:grid;gap:8px;align-content:end;height:100%;box-sizing:border-box;padding:16px}
.sp-tt b{font:800 30px/.98 var(--title);color:#fff;letter-spacing:-.01em}
.d-sp .sp-row .tl{color:#F2F2EF;background:transparent;border-color:rgba(255,255,255,.1);padding-bottom:12px}.d-sp .sp-row .tl h3{color:#fff;font-size:14px}.d-sp .sp-row .kd{color:rgba(255,255,255,.6)}
@media(max-width:760px){.sp-row{grid-template-columns:1fr}
  .sp-tit{min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.sp-tit img{object-position:85% 25%}.sp-tit:after{background:linear-gradient(90deg,var(--spc,#0E1B26) 35%,transparent 100%)}
  .sp-tt{grid-template-columns:1fr auto;align-items:end;padding:14px 16px;gap:6px 12px}.sp-tt .sp-k{grid-column:1/-1}.sp-tt b{font-size:26px}.sp-tt .sp-all{justify-self:end}
  .d-sp .sp-row .tl{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto 1fr;column-gap:12px;row-gap:3px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.08);border-right:0}
  .d-sp .sp-row .tl .cv{grid-row:1/3;aspect-ratio:3/2;margin:0;height:auto}.d-sp .sp-row .tl .cv img{width:100%;height:100%;object-fit:cover;border-radius:4px}
  .d-sp .sp-row .tl .kd{margin:0;font-size:8.5px}.d-sp .sp-row .tl h3{margin:0;font-size:14px;line-height:1.25}}
/* pagina dello speciale */
.sp-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:stretch}
.sp-txt{padding:30px 28px 26px;display:grid;align-content:center;gap:12px}
.sp-txt h1{font:800 clamp(38px,5vw,64px)/.95 var(--title);margin:0;letter-spacing:-.02em;color:#fff}
.sp-d{margin:0;font-size:16px;line-height:1.45;color:rgba(255,255,255,.82);max-width:52ch}.sp-n{margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#55BDC3}
.sp-img{position:relative;overflow:hidden;min-height:240px}.sp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sp-img:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--spc,#0E1B26) 0,transparent 35%)}
@media(max-width:760px){.sp-head{grid-template-columns:1fr}.sp-img{min-height:150px;order:-1}.sp-img:before{background:linear-gradient(0deg,var(--spc,#0E1B26) 0,transparent 50%)}.sp-txt{padding:18px 16px}}
/* in fondo agli articoli */
.sp-banda{display:block;text-decoration:none}.sp-banda .in{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 20px;background:var(--spc,#0E1B26);color:#fff}
.sp-banda b{font:800 22px/1.05 var(--title);flex:1;min-width:12ch}.sp-banda:hover .sp-all{background:#fff;color:#FF4F00}

/* «ti è stato utile?» in fondo ai dossier (assets/conta.js): compare solo a sito aperto, i risultati non si mostrano */
.voto{margin:40px auto 10px;max-width:520px;text-align:center;padding:18px 16px;border-top:1px solid rgba(0,0,0,.12)}.voto[hidden]{display:none}.voto p{margin:0 0 10px;font-weight:600}.voto div{display:flex;gap:12px;justify-content:center}.voto button{font-size:26px;line-height:1;padding:10px 18px;border-radius:999px;border:1px solid rgba(0,0,0,.18);background:#fff;cursor:pointer}.voto button:hover:not(:disabled){border-color:currentColor}.voto button.on{border-color:#F26B1D;box-shadow:0 0 0 2px #F26B1D inset}.voto button:disabled{cursor:default;opacity:.55}.voto button.on:disabled{opacity:1}.voto .voto-g{margin:12px 0 0;font-weight:400}

/* scheda dell'albo: bollino «Best of ANNO» sulla copertina (php app/cli.php bestof) */
.lib .cover{position:relative}
.lib .cover .bob{position:absolute;top:10px;left:10px;z-index:2;background:#1E1E1E;color:#fff;display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.08em;box-shadow:0 2px 8px rgba(0,0,0,.28);pointer-events:none}
.lib .cover .bob::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.rbox.bestof .ri{display:block;margin:6px 0;line-height:1.45}
/* Best of recenti: bollino nella testata della recensione e rimando in fondo */
.bobh{display:inline-flex;align-items:center;gap:7px;height:26px;margin:0 0 0 8px;padding:0 11px;border-radius:999px;background:#1E1E1E;color:#fff !important;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none !important;vertical-align:top;box-shadow:0 6px 12px -6px rgba(0,0,0,.5)}
.bobh::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.bobh:hover{background:var(--accent)}
.bobox{display:grid;gap:10px;margin:28px 0 8px}
.bocard{display:grid;gap:8px;padding:16px 18px;border-radius:14px;background:#1E1E1E;color:#fff !important;text-decoration:none !important}
.bocard .bob{justify-self:start;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bocard .bob::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}
.bocard .bot{font-size:16px;line-height:1.4}
.bocard .bol{font-size:11px;color:#9FD4F0}
.bocard:hover .bol{color:var(--accent)}
.pills{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:-13px}
.pills .ogcat{margin-top:0}.pills .bobh{margin:0}
.bocard .boq{font-size:14px;line-height:1.5;color:#D8D8D2;font-style:italic}
.bocard .boq i{font-style:normal;color:#9FD4F0;font-size:12px}
.bobrano .boby{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2,#6B6B66);margin:0 0 10px}
/* Chi siamo: i bollini in fondo, piccoli e in riga */
.cs-loghi{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 28px;margin:8px 0}
.cs-loghi a,.cs-loghi span{display:block;line-height:0}
.cs-loghi img{height:72px;width:auto;max-width:220px;object-fit:contain;border-radius:6px}
@media (max-width:640px){.cs-loghi img{height:56px}}
/* scheda dell'albo dentro l'articolo: più aria tra copertina e testi, scritta del tasto leggibile */
.salbo .sab{column-gap:clamp(18px,2.4vw,28px)!important}
.salbo .sab>img{width:100%!important;max-width:100%;height:auto}
.salbo .sab .allbtn{color:#fff!important;margin-top:6px}
.salbo:hover .sab .allbtn{background:var(--accent)}
.lib .bobt{margin:0;font:400 17px/1.7 var(--body,inherit);max-width:66ch}
.lib .chap .boby{margin:0 0 8px}
.lib .chap .allbtn{margin-top:16px}
/* Albo d'oro degli Awards sul telefono: niente scorrimento di lato, le edizioni vanno a capo due per riga */
@media(max-width:620px){.awcat .awyears{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:10px;padding:10px;scroll-snap-type:none}.awcat .awy{flex:none;max-width:none;min-width:0}.awcat h3{font-size:16px}.awtx b{font-size:15px;overflow-wrap:anywhere}}
/* richiamo Awards in home: «tutte le edizioni» prima di «Palmarès» */
.awbtns{display:grid;gap:10px;min-width:0}.awbtns .allbtn{margin:0;width:100%;justify-content:center}
.awband .awbtns .allbtn.ed{background:none;color:var(--gold);box-shadow:inset 0 0 0 2px var(--gold)}

/* riservato alla redazione (si vede solo dopo essere entrati nel pannello) */
.solo-red{display:none!important}
/* telefono: le immagini dentro l'articolo non sono mai spostate di lato (31/10/2026). Verticali centrate, orizzontali a tutta larghezza */
@media (max-width:760px){
  .prose figure.fr,.prose figure.fl,.prose figure.mid,.prose figure.tall{float:none!important;clear:both;margin:20px auto!important;width:min(100%,360px)!important;max-width:100%}
  .prose figure.wide:not(.tall){float:none!important;margin:20px -18px!important;width:auto!important}
}
/* mondi della sezione (Eroi Bonelli, Manga…): più piccoli, occupano meno spazio (31/10/2026) */
.mchips{gap:6px;padding:12px}
.mchips a{gap:6px;padding:5px 10px;border-radius:999px;font-size:13px;box-shadow:none}
.mchips a .led{width:6px;height:6px}
@media (max-width:760px){
  .mjump .dh{display:none}
  .mchips{gap:5px;padding:10px}
  .mchips a{padding:4px 9px;font-size:12px}.mchips b{font-size:9px}
  .mchips a .led{display:none}
}
/* Dylan Dog 40 (riquadri fatti a mano): sul telefono il trattino giallo sotto la riga del titolo sembrava una seconda riga andata a capo */
@media (max-width:820px){.hav .dyd-testo:before{display:none!important}}
/* croce dei tasti chiudi/togli: disegnata e sempre al centro del tasto */
.has-icx{display:inline-grid!important;place-items:center;line-height:0!important;text-indent:0}
.icx{display:block;width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
/* short a tutta larghezza (es. Le strisce di Zagor): la copertina ha la fascia in basso, la scheda del titolo va sotto e non la copre (31/10/2026) */
.ahero.sotto .hcard{position:relative;left:auto;right:auto;bottom:auto;margin:12px 16px 16px}
.ahero.sotto .hi{aspect-ratio:auto}.ahero.sotto .hi img{height:auto;object-fit:contain}
@media(max-width:1000px){.ahero.sotto .hcard{margin:10px 12px 12px}}
/* banner del dossier accanto a una scheda bassa: mai più basso di quanto serve al suo testo (31/10/2026) */
@media(min-width:761px){.a-fondo.due>.doss2{min-height:250px}}