/* Fuori Binario – Numero. Tutto sotto .fbn per non toccare il tema (Astra).
   Derivato dalle sezioni "sfoglia" e "indice" di archivio/stile.css. Font: quelli del tema. */
.fbn{
  --fbn-carta:#FFFFFF; --fbn-fondo:#EFEDE8; --fbn-inchiostro:#1D1D1B; --fbn-grigio:#5E625F;
  --fbn-filo:#D3D1CB; --fbn-rosso:#D2232A;
  container-type:inline-size;
  background:var(--fbn-fondo); color:var(--fbn-inchiostro);
  padding:14px; margin:1.5em 0; border-radius:4px; line-height:1.55;
}
.fbn *{box-sizing:border-box}
.fbn a{color:var(--fbn-rosso)}
.fbn :focus-visible{outline:3px solid var(--fbn-rosso); outline-offset:2px}

.fbn-testa{display:flex; flex-wrap:wrap; gap:6px 16px; align-items:baseline; margin:0 0 12px; font-weight:700; font-size:15px}
.fbn-testa .fbn-pdf{margin-left:auto}
.fbn-testa .fbn-titolo{margin:0; font-size:clamp(22px,3vw,30px); line-height:1.15; font-weight:700; color:inherit}

/* pagine con i nostri shortcode: contorno del tema nascosto (rete per quanto i filtri non tolgono) */
.fbn-pagina .entry-meta, .fbn-pagina .pp-multiple-authors-boxes-wrapper, .fbn-pagina .post-navigation,
.fbn-pagina #comments, .fbn-pagina .comments-area, .fbn-sfoglio .entry-header{display:none}

.fbn-sfoglia{display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:22px; align-items:start}
.fbn-scansione{position:sticky; top:12px; margin:0}
.fbn-foglio{position:relative; background:var(--fbn-carta); box-shadow:0 1px 0 rgba(0,0,0,.08),0 10px 24px -14px rgba(0,0,0,.45)}
.fbn-foglio img{display:block; width:100%; height:auto; max-width:none; margin:0}
.fbn-foglio svg{position:absolute; inset:0; width:100%; height:100%}
.fbn-foglio svg g{display:none}
.fbn-foglio svg g.fbn-qui{display:inline}
.fbn-area rect{fill:transparent; stroke:transparent; stroke-width:6}
.fbn-area:hover rect,.fbn-area:focus rect,.fbn-area.fbn-su rect{fill:rgba(210,35,42,.12); stroke:var(--fbn-rosso)}
.fbn-scansione figcaption{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; font-weight:600; font-size:14px}
.fbn-scansione button{font:inherit; font-weight:700; min-width:44px; min-height:44px; padding:6px 12px; border:1.5px solid var(--fbn-inchiostro);
  background:var(--fbn-carta); color:var(--fbn-inchiostro); border-radius:3px; cursor:pointer; line-height:1}
.fbn-scansione button:disabled{opacity:.35; cursor:default}

.fbn-indice{min-width:0}
.fbn-indice > details{background:var(--fbn-carta); margin:0 0 8px; border-left:4px solid transparent}
.fbn-indice > details[open]{border-left-color:var(--fbn-rosso)}
.fbn-indice > details > summary{list-style:none; cursor:pointer; padding:12px 16px; display:flex; gap:12px; align-items:baseline; font-weight:700; font-size:15px}
.fbn-indice summary::-webkit-details-marker{display:none}
.fbn-indice > details > summary .fbn-n{min-width:1.6em; color:var(--fbn-rosso)}
.fbn-indice > details > summary small{margin-left:auto; font-weight:600; font-size:13px; color:var(--fbn-grigio)}
.fbn-art{border-top:1px solid var(--fbn-filo); margin:0 16px}
.fbn-art > summary{list-style:none; cursor:pointer; padding:10px 0; display:block}
.fbn-art > summary b{display:block; font-size:1.15em; line-height:1.25}
.fbn-art > summary span{font-size:13px; font-weight:600; color:var(--fbn-grigio)}
.fbn-art[open] > summary b{color:var(--fbn-rosso)}
.fbn-art.fbn-su > summary b{text-decoration:underline; text-decoration-color:var(--fbn-rosso)}
.fbn-corpo{padding:0 0 16px; max-width:68ch}
.fbn-corpo p{margin:0 0 12px}
.fbn-corpo h3{font-size:1.05em; margin:18px 0 6px}
.fbn-occhiello{font-style:italic; color:var(--fbn-grigio)}
.fbn-vuota{margin:0 16px 14px; color:var(--fbn-grigio)}
.fbn-azioni{display:flex; flex-wrap:wrap; gap:6px 16px; font-weight:600; font-size:14px}
.fbn-etichette{display:flex; flex-wrap:wrap; gap:6px; margin:10px 0; padding:0; list-style:none}
.fbn-etichette li{font-size:12px; font-weight:600; background:var(--fbn-fondo); padding:2px 8px; border-radius:2px; margin:0}
.fbn-avviso{padding:12px 16px; background:#EFEDE8; border-left:4px solid #D2232A}

/* menu dei numeri (shortcode senza n): ← precedente · scegli · successivo → */
.fbn-scegli{display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px 16px;
  margin:1.5em 0 -0.5em; padding:10px 14px; background:#EFEDE8; border-radius:4px; font-weight:700; font-size:15px}
.fbn-campo{display:flex; align-items:center; justify-content:center; gap:8px; min-width:0}
.fbn-campo label{white-space:nowrap; margin:0}
.fbn-campo select{font:inherit; min-height:44px; min-width:0; padding:4px 8px; border:1.5px solid #1D1D1B; border-radius:3px; background:#fff; color:#1D1D1B}
.fbn-campo button{font:inherit; min-height:44px; padding:4px 14px; border:1.5px solid #1D1D1B; border-radius:3px; background:#1D1D1B; color:#fff; cursor:pointer}
.fbn-scegli.fbn-js button{display:none}
.fbn-vicini a{color:#D2232A; white-space:nowrap}
.fbn-vicini:last-child{text-align:right}
@media (max-width:560px){
  .fbn-scegli{grid-template-columns:1fr 1fr}
  .fbn-campo{grid-column:1 / -1; grid-row:1}
  .fbn-campo select{flex:1}
}

/* archivio: anni in alto (schede orizzontali), sotto le copertine dell'anno scelto */
.fbn-archivio{--fbn-rosso:#D2232A; --fbn-inchiostro:#1D1D1B; margin:1.5em 0}
.fbn-anni{display:flex; gap:6px; overflow-x:auto; scrollbar-width:thin; padding:0 0 2px; border-bottom:3px solid var(--fbn-inchiostro)}
.fbn-archivio .fbn-anni a{flex:0 0 auto; display:flex; flex-direction:column; align-items:center; min-width:88px; padding:10px 16px 8px;
  background:#EFEDE8; color:var(--fbn-inchiostro); text-decoration:none; border-radius:4px 4px 0 0; line-height:1.2}
.fbn-anni a b{font-size:1.35em}
.fbn-anni a small{font-size:13px; font-weight:600; color:#5E625F}
.fbn-archivio .fbn-anni a:hover{color:var(--fbn-rosso)}
.fbn-archivio .fbn-anni a[aria-selected="true"]{background:var(--fbn-inchiostro); color:#fff}
.fbn-anni a[aria-selected="true"] small{color:#C9C4BA}
.fbn-anno{background:#EFEDE8; border-radius:0 0 4px 4px; padding-top:18px}
.fbn-anno[hidden]{display:none}
.fbn-griglia{list-style:none; margin:0; padding:4px 18px 18px; display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:18px}
.fbn-numero{margin:0; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 18px -12px rgba(0,0,0,.4)}
.fbn-archivio .fbn-numero a{display:block; height:100%; color:var(--fbn-inchiostro); text-decoration:none; padding-bottom:10px}
.fbn-numero img{display:block; width:100%; height:auto; aspect-ratio:360/509; object-fit:cover; margin:0}
.fbn-num{display:block; font-weight:700; margin:8px 10px 0}
.fbn-data{display:block; font-size:14px; color:#5E625F; margin:0 10px}
.fbn-archivio .fbn-numero a:hover .fbn-num,.fbn-archivio .fbn-numero a:focus-visible .fbn-num{color:var(--fbn-rosso)}
.fbn-numero:hover{box-shadow:0 0 0 2px var(--fbn-rosso),0 8px 18px -12px rgba(0,0,0,.4)}
@media (max-width:560px){ .fbn-griglia{grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:4px 12px 14px} }

/* colonna del post stretta o cellulare: scansione sopra, indice sotto */
@container (max-width: 760px){
  .fbn-sfoglia{grid-template-columns:1fr}
  .fbn-scansione{position:static}
}
@supports not (container-type:inline-size){
  @media (max-width:860px){ .fbn-sfoglia{grid-template-columns:1fr} .fbn-scansione{position:static} }
}
@media (prefers-reduced-motion:no-preference){ .fbn-area rect{transition:fill .12s,stroke .12s} }