/* theme-fbc.css — il tema di freebestcasino.com
   Un foglio solo, nessuna libreria. I valori stanno in :root: la tinta e' fissata,
   la luminosita' e' risolta sul contrasto bersaglio con scripts/tavolozza.py
   (09_TEMI_E_FOGLI_DI_STILE.md, sezione 4-bis). Le classi hanno il prefisso fb-.
   Il componente che porta il sito e' la striscia del referto, .fb-rec: quattro
   caselle che dicono se la demo c'e', se serve un conto, se c'e' un'offerta senza
   deposito e se ci sono tornei gratuiti, ognuna con il suo stato e il livello di
   verifica. Niente sotto i 14 px fra le cose che si leggono. */

:root{
  /* inchiostro e fondi: i neutri portano la tinta del marchio a saturazione bassa */
  --ink:#1d2c31; --ink-2:#394c52; --muted:#5c6f76;
  --paper:#ffffff; --bg:#f1f6f8; --bg-2:#e7f0f3;
  --line:#d7e4e9; --line-2:#b4c9d1;
  /* marchio: il verde-petrolio della fascia e dei titoli */
  --brand:#1a535d; --brand-2:#2c7781; --brand-deep:#0f3c46;
  --brand-soft:#e6f3f5; --brand-line:#b1d7de;
  /* invito all'azione: il corallo dei pulsanti. Sopra ci va solo il bianco */
  --cta:#c34923; --cta-dark:#ae3918; --cta-soft:#fbeae3; --cta-line:#e6baaa;
  /* i quattro stati del referto */
  --ok:#1b7b5b; --ok-soft:#e3f6ef; --ok-line:#a2dbc8;
  --warn:#9d5e0d; --warn-soft:#fbf2e2; --warn-line:#e0c89d;
  --no:#c63841; --no-soft:#fcecee; --no-line:#e8babd;
  --unknown:#626e77; --unknown-soft:#eef3f6; --unknown-line:#cfdce6;
  /* misure */
  --wrap:1180px; --col:312px; --prosa:68ch;
  --r:8px; --r-sm:5px; --r-lg:14px; --pill:999px;
  --sh:0 1px 2px rgba(29,44,49,.05),0 4px 14px rgba(29,44,49,.05);
  --sh-lg:0 14px 36px rgba(29,44,49,.13);
  /* le ombre sono l'inchiostro con l'alfa, non il nero */
  --display:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
}

/* ====== basi ====== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:var(--body);font-size:17px;line-height:1.68;
  font-synthesis-weight:none;
  -webkit-font-smoothing:antialiased;
}
@media (max-width:767px){body{font-size:16px;line-height:1.64}}
img{max-width:100%;height:auto;border:0}
h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--ink);line-height:1.2;margin:0 0 .5em;font-weight:700;letter-spacing:-.012em}
h1{font-size:2.3rem} h2{font-size:1.62rem} h3{font-size:1.26rem} h4{font-size:1.08rem}
h5,h6{font-size:1rem}
@media (max-width:767px){h1{font-size:1.78rem} h2{font-size:1.36rem} h3{font-size:1.14rem}}
p,ul,ol,dl,table,figure,blockquote{margin:0 0 1.05em}
li{margin:0 0 .35em}
a{color:var(--brand-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:var(--cta-dark)}
strong,b{font-weight:700}
small{font-size:.9375rem}
code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9375em;background:var(--bg-2);padding:.1em .35em;border-radius:var(--r-sm)}
hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
h1,h2,h3,h4,h5,h6,p,li,td,th,dt,dd{overflow-wrap:break-word}
:where(a,button,summary,[tabindex]):focus-visible{outline:3px solid var(--cta);outline-offset:2px;border-radius:var(--r-sm)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.fb-wrap{max-width:var(--wrap);margin:0 auto;padding:0 18px}
.fb-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--paper);color:var(--brand-deep);padding:12px 18px;font-weight:600}
.fb-skip:focus{left:8px;top:8px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ====== intestazione: due fasce ====== */
.fb-top{background:var(--brand-deep);color:#fff;position:relative;z-index:30}
.fb-top a{color:#fff;text-decoration:none}
.fb-topbar{display:flex;align-items:center;gap:14px;min-height:62px}
.fb-brand{display:flex;align-items:center;gap:11px;margin-right:auto;padding:8px 0}
.fb-brand img{width:34px;height:34px;display:block}
.fb-brand-t{font-family:var(--display);font-weight:700;font-size:1.12rem;letter-spacing:-.02em;line-height:1.1}
.fb-brand-t b{font-weight:700;color:#fff}
.fb-brand-t i{display:block;font-style:normal;font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#9ccbd3;margin-top:2px}
.fb-burger{display:none;background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;border-radius:var(--r-sm);min-width:46px;min-height:44px;font-size:1.1rem;cursor:pointer}
.fb-burger:hover{border-color:#fff}
.fb-nav{list-style:none;display:flex;flex-wrap:wrap;gap:2px;margin:0;padding:0}
.fb-nav>li{position:relative;margin:0}
.fb-nav>li>a,.fb-nav>li>button{
  display:flex;align-items:center;gap:5px;min-height:44px;padding:0 11px;
  font-family:var(--display);font-size:.9375rem;font-weight:600;color:#e4f1f3;
  background:transparent;border:0;cursor:pointer;border-radius:var(--r-sm);
  font-family:var(--display);
}
.fb-nav>li>a:hover,.fb-nav>li>button:hover{background:rgba(255,255,255,.12);color:#fff}
.fb-sub{list-style:none;margin:0;padding:7px;position:absolute;left:0;top:100%;min-width:252px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-lg);display:none}
.fb-sub li{margin:0}
.fb-sub a{display:block;padding:9px 11px;color:var(--ink);font-size:.9375rem;border-radius:var(--r-sm);text-decoration:none;line-height:1.35}
.fb-sub a:hover{background:var(--brand-soft);color:var(--brand-deep)}
.fb-nav>li:hover>.fb-sub,.fb-nav>li.open>.fb-sub,.fb-nav>li:focus-within>.fb-sub{display:block}
html.no-js .fb-sub{display:none}
html.no-js .fb-nav>li:hover>.fb-sub{display:block}

/* la fascia della legenda: le quattro chiavi del referto, sempre sotto il menu */
.fb-key{background:var(--brand);border-top:1px solid rgba(255,255,255,.13)}
.fb-key-in{display:flex;align-items:center;gap:16px;padding:9px 0;overflow-x:auto;scrollbar-width:thin}
.fb-key-t{font-family:var(--display);font-size:.8125rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a5cfd6;white-space:nowrap}
.fb-key-l{display:flex;gap:7px;margin:0;padding:0;list-style:none}
.fb-key-l li{margin:0;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:.875rem;color:#dcecef;
  border:1px solid rgba(255,255,255,.22);border-radius:var(--pill);padding:3px 11px 3px 8px}
.fb-key-l b{font-family:var(--display);font-weight:700;font-size:.875rem;color:#fff}
/* sotto i 768 px la riga delle quattro caselle va a capo invece di scorrere:
   una barra che scorre dentro un'intestazione non si vede, e sfora la pagina */
@media (max-width:767px){.fb-key-in{flex-wrap:wrap;gap:8px;overflow-x:visible}
  .fb-key-l{flex-wrap:wrap;gap:6px}}

/* ====== impaginazione ====== */
.fb-main{padding:26px 0 40px}
.fb-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--col);gap:34px;align-items:start}
@media (max-width:991px){.fb-cols{grid-template-columns:minmax(0,1fr)}}
.fb-content{min-width:0}
/* una pagina senza colonna centra la misura della prosa */
.fb-cols--sola{grid-template-columns:minmax(0,1fr);max-width:880px;margin:0 auto}
.fb-post>p,.fb-post>ul,.fb-post>ol{max-width:var(--prosa)}
.fb-cols--sola .fb-post>p,.fb-cols--sola .fb-post>ul,.fb-cols--sola .fb-post>ol{max-width:74ch}

/* apertura della pagina */
.fb-head{margin:0 0 20px}
.fb-crumb{font-size:.9375rem;color:var(--muted);margin:0 0 10px}
.fb-crumb a{color:var(--muted)}
.fb-crumb a:hover{color:var(--brand-2)}
.fb-eyebrow{font-family:var(--display);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-2);margin:0 0 9px}
.fb-lead{font-size:1.14rem;line-height:1.56;color:var(--ink-2);max-width:62ch;margin:0 0 14px}
@media (max-width:767px){.fb-lead{font-size:1.06rem}}
.fb-byline{font-size:.9375rem;color:var(--muted);border-top:1px solid var(--line);padding-top:11px;margin:16px 0 0}
.fb-byline b{color:var(--ink-2);font-weight:600}

/* testata di sezione */
.fb-sec{margin:34px 0 16px}
.fb-sec .fb-eyebrow{margin-bottom:6px}
.fb-sec>p{color:var(--muted);max-width:60ch;margin:0}

/* ====== la striscia del referto: il componente del sito ====== */
.fb-rec{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none}
@media (max-width:539px){.fb-rec{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fb-rec>li{
  margin:0;align-self:stretch;border:1px solid var(--line);border-left:4px solid var(--unknown-line);
  border-radius:var(--r-sm);background:var(--paper);padding:7px 10px;min-width:0;
}
.fb-rec .k{display:block;font-family:var(--display);font-size:.875rem;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--muted);line-height:1.25}
.fb-rec .v{display:flex;align-items:baseline;gap:5px;font-size:.9375rem;font-weight:600;color:var(--ink-2);line-height:1.3;margin-top:2px}
.fb-rec .g{font-family:var(--display);font-weight:700;font-size:1rem;line-height:1}
.fb-rec>li.s-ok{border-left-color:var(--ok);background:var(--ok-soft)}
.fb-rec>li.s-ok .g,.fb-rec>li.s-ok .v{color:var(--ok)}
.fb-rec>li.s-part{border-left-color:var(--warn);background:var(--warn-soft)}
.fb-rec>li.s-part .g,.fb-rec>li.s-part .v{color:var(--warn)}
.fb-rec>li.s-no{border-left-color:var(--no);background:var(--no-soft)}
.fb-rec>li.s-no .g,.fb-rec>li.s-no .v{color:var(--no)}
.fb-rec>li.s-unk{border-left-color:var(--unknown-line);background:var(--unknown-soft)}
.fb-rec>li.s-unk .g,.fb-rec>li.s-unk .v{color:var(--unknown)}
/* il livello di verifica, sotto la striscia */
.fb-src{font-size:.9375rem;color:var(--muted);margin:0 0 12px}
.fb-src b{font-weight:600;color:var(--ink-2)}
.fb-tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:.875rem;font-weight:700;
  letter-spacing:.03em;border-radius:var(--pill);padding:2px 9px;border:1px solid var(--line);color:var(--muted);background:var(--paper)}
.fb-tag--p{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft)}
.fb-tag--s{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft)}
.fb-tag--n{color:var(--unknown);border-color:var(--unknown-line);background:var(--unknown-soft)}

/* ====== pulsanti ====== */
.fb-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:11px 22px;border:0;border-bottom:3px solid var(--cta-dark);
  border-radius:var(--r);background:var(--cta);color:#fff!important;
  font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.005em;
  text-decoration:none;cursor:pointer;text-align:center;
}
.fb-btn:hover{background:var(--cta-dark);border-bottom-color:var(--cta-dark);color:#fff!important}
.fb-btn--block{display:flex;width:100%}
.fb-btn--sm{min-height:42px;padding:8px 16px;font-size:.9375rem;border-bottom-width:2px}
.fb-btn--ghost{background:var(--paper);color:var(--brand-deep)!important;border:1.5px solid var(--brand-line);border-bottom:3px solid var(--brand-line)}
.fb-btn--ghost:hover{background:var(--brand-soft);color:var(--brand-deep)!important;border-color:var(--brand-2);border-bottom-color:var(--brand-2)}
.fb-note{font-size:.9375rem;color:var(--muted);margin:7px 0 0;line-height:1.45}
.fb-more{font-family:var(--display);font-size:.9375rem;font-weight:700}

/* ====== la classifica: le schede principali ====== */
.fb-rank{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
/* la traccia non cresce oltre la colonna: senza minmax(0,1fr) e senza min-width
   la scheda prende la larghezza del suo contenuto e sfora sotto i 360 px */
.fb-rank>li{
  margin:0;min-width:0;position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--sh);padding:18px 20px 18px 66px;
}
@media (max-width:619px){.fb-rank>li{padding:16px 15px 16px 15px}}
.fb-rank .n{
  position:absolute;left:16px;top:17px;font-family:var(--display);font-size:2rem;font-weight:700;
  line-height:1;color:transparent;-webkit-text-stroke:1.6px var(--brand-line);letter-spacing:-.04em;
}
@media (max-width:619px){.fb-rank .n{position:static;display:inline-block;font-size:1.3rem;-webkit-text-stroke:1.2px var(--brand-2);margin:0 0 6px}}
.fb-rank .hd{display:flex;align-items:flex-start;gap:14px;margin:0 0 12px}
.fb-rank .lg{flex:0 0 auto;width:112px;height:62px;display:flex;align-items:center;justify-content:center;
  background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
.fb-rank .lg img{max-width:100px;max-height:52px;object-fit:contain}
.fb-rank .ti{min-width:0;flex:1 1 auto}
.fb-rank .nm{font-family:var(--display);font-size:1.18rem;font-weight:700;margin:0 0 3px;line-height:1.22}
.fb-rank .nm a{color:var(--ink);text-decoration:none}
.fb-rank .nm a:hover{color:var(--brand-2);text-decoration:underline}
.fb-rank .li{font-size:.9375rem;color:var(--muted);margin:0;line-height:1.4}
.fb-rank .pts{margin:0 0 13px;padding:0 0 0 1.05em;font-size:1rem}
.fb-rank .pts li{margin:0 0 .3em;color:var(--ink-2)}
.fb-rank .ft{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px}
.fb-rank .ft .fb-btn{flex:0 1 auto;min-width:188px}
.fb-rank .ft .rv{font-family:var(--display);font-weight:700;font-size:.9375rem}
.fb-rank>li.dark{background:var(--brand-deep);border-color:var(--brand-deep);color:#e9f3f5}
.fb-rank>li.dark .nm a,.fb-rank>li.dark .nm{color:#fff}
.fb-rank>li.dark .li,.fb-rank>li.dark .pts li{color:#c7dee2}
.fb-rank>li.dark .n{-webkit-text-stroke-color:rgba(255,255,255,.4)}
.fb-rank>li.dark .lg{background:rgba(255,255,255,.95);border-color:rgba(255,255,255,.3)}
/* sul fondo scuro le tre voci minori riprendevano i colori del fondo chiaro:
   il numero spariva, la nota e il rimando restavano sotto la soglia AA */
.fb-rank>li.dark .n{color:rgba(255,255,255,.55);-webkit-text-stroke-color:rgba(255,255,255,.55)}
.fb-rank>li.dark .fb-note{color:#b9d4d9}
.fb-rank>li.dark .rv{color:#9fd8e2}
.fb-rank>li.dark .rv:hover{color:#fff}

/* ====== righe compatte (in fondo alle guide) ====== */
.fb-rows{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:9px}
.fb-rows>li{
  margin:0;display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:14px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--brand-2);
  border-radius:var(--r);padding:11px 14px;
}
@media (max-width:659px){.fb-rows>li{grid-template-columns:72px minmax(0,1fr);row-gap:10px}
  .fb-rows>li .fb-btn{grid-column:1/-1}}
.fb-rows .lg{display:flex;align-items:center;justify-content:center;height:46px}
.fb-rows .lg img{max-width:88px;max-height:44px;object-fit:contain}
.fb-rows .nm{font-family:var(--display);font-weight:700;font-size:1rem;margin:0;line-height:1.25}
.fb-rows .nm a{color:var(--ink);text-decoration:none}
.fb-rows .nm a:hover{color:var(--brand-2);text-decoration:underline}
.fb-rows .li{font-size:.9375rem;color:var(--muted);margin:1px 0 0;line-height:1.4}
.fb-rows .fb-btn{min-width:150px}

/* ====== la colonna laterale ====== */
.fb-rail{position:sticky;top:14px;display:grid;gap:14px}
@media (max-width:991px){.fb-rail{position:static;display:none}}
.fb-panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.fb-panel>h2,.fb-panel>.ph{
  margin:0;padding:11px 14px;background:var(--brand);color:#fff;
  font-family:var(--display);font-size:.9375rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
}
.fb-panel-b{padding:13px 14px}
.fb-panel-b>:last-child{margin-bottom:0}
.fb-rail-op{list-style:none;margin:0;padding:0}
.fb-rail-op>li{margin:0;padding:13px 14px;border-top:1px solid var(--line)}
.fb-rail-op>li:first-child{border-top:0}
.fb-rail-op .lg{display:block;height:40px;margin:0 0 8px}
.fb-rail-op .lg img{max-height:40px;max-width:112px;object-fit:contain}
.fb-rail-op .nm{font-family:var(--display);font-weight:700;font-size:1rem;margin:0 0 2px;line-height:1.25}
.fb-rail-op .li{font-size:.9375rem;color:var(--muted);margin:0 0 9px;line-height:1.4}
.fb-rail-op .fb-note{font-size:.875rem;margin-top:6px}
.fb-rail-card{background:var(--brand-soft);border:1px solid var(--brand-line);border-radius:var(--r);padding:14px}
.fb-rail-card h2,.fb-rail-card .ph{font-family:var(--display);font-size:1rem;font-weight:700;margin:0 0 7px;color:var(--brand-deep)}
.fb-rail-card p{font-size:.9375rem;color:var(--ink-2);margin:0 0 .6em;line-height:1.5}
.fb-rail-card>:last-child{margin-bottom:0}
.fb-rail-idx{list-style:none;margin:0;padding:0;font-size:.9375rem}
.fb-rail-idx li{margin:0;border-top:1px solid var(--line)}
.fb-rail-idx li:first-child{border-top:0}
.fb-rail-idx a{display:block;padding:8px 14px;color:var(--ink-2);text-decoration:none;line-height:1.35}
.fb-rail-idx a:hover{background:var(--brand-soft);color:var(--brand-deep)}

/* ====== la banda prima del piede ====== */
.fb-band{background:var(--brand-deep);color:#e8f2f4;padding:30px 0 34px;margin-top:8px}
.fb-band h2{color:#fff;margin:0 0 5px;font-size:1.36rem}
.fb-band .sub{color:#a9cdd3;margin:0 0 18px;font-size:1rem}
.fb-band-op{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:859px){.fb-band-op{grid-template-columns:minmax(0,1fr)}}
.fb-band-op>li{margin:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);border-radius:var(--r);padding:14px}
.fb-band-op .lg{display:block;height:42px;margin:0 0 9px;background:#fff;border-radius:var(--r-sm);padding:3px}
.fb-band-op .lg img{max-height:36px;max-width:104px;object-fit:contain}
.fb-band-op .nm{font-family:var(--display);font-weight:700;font-size:1.02rem;color:#fff;margin:0 0 2px}
.fb-band-op .li{font-size:.9375rem;color:#bcd9de;margin:0 0 11px;line-height:1.4}
.fb-band-op .fb-note{color:#a9cdd3}

/* ====== riquadri ====== */
.fb-box{border:1px solid var(--line);border-left:4px solid var(--brand-2);background:var(--paper);
  border-radius:var(--r);padding:14px 17px;margin:0 0 1.15em}
.fb-box>:last-child{margin-bottom:0}
.fb-box .bt{font-family:var(--display);font-weight:700;font-size:1.02rem;margin:0 0 .45em;color:var(--brand-deep)}
.fb-box p,.fb-box li{font-size:1rem}
.fb-box--ok{border-left-color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}
.fb-box--ok .bt{color:var(--ok)}
.fb-box--warn{border-left-color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}
.fb-box--warn .bt{color:var(--warn)}
.fb-box--no{border-left-color:var(--no);background:var(--no-soft);border-color:var(--no-line)}
.fb-box--no .bt{color:var(--no)}
.fb-box--info{border-left-color:var(--brand-2);background:var(--brand-soft);border-color:var(--brand-line)}
/* l'avvertenza di legge ha una classe sua, e una misura sua */
.fb-legal{font-size:1rem;line-height:1.55;border:1px solid var(--line-2);background:var(--bg-2);
  border-radius:var(--r);padding:13px 16px;margin:0 0 1.15em;color:var(--ink-2)}
.fb-legal b{color:var(--ink)}
/* la divulgazione, sopra la prima lista */
.fb-disc{display:flex;gap:9px;align-items:flex-start;font-size:1rem;line-height:1.5;color:var(--ink-2);
  background:var(--cta-soft);border:1px solid var(--cta-line);border-radius:var(--r);padding:11px 15px;margin:0 0 18px}
.fb-disc .ic{flex:0 0 auto;font-family:var(--display);font-weight:700;color:var(--cta-dark)}
/* il riquadro di un operatore dentro una guida */
.fb-inline{display:grid;grid-template-columns:124px minmax(0,1fr);gap:18px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--cta);
  border-radius:var(--r);padding:17px 19px;margin:0 0 1.3em;box-shadow:var(--sh)}
@media (max-width:659px){.fb-inline{grid-template-columns:minmax(0,1fr)}}
.fb-inline .lg{display:flex;align-items:center;justify-content:center;height:62px;background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r-sm)}
.fb-inline .lg img{max-height:52px;max-width:108px;object-fit:contain}
.fb-inline h3,.fb-inline .bt{font-family:var(--display);font-size:1.1rem;font-weight:700;margin:0 0 .3em}
.fb-inline p{margin:0 0 .6em;font-size:1rem;color:var(--ink-2)}
.fb-inline .fb-btn{margin-top:4px}

/* ====== la tabella di verifica: la matrice del sito ====== */
.fb-tw{margin:0 0 1.3em;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.fb-tw>.cap{padding:11px 15px;border-bottom:1px solid var(--line);background:var(--bg);
  font-size:1rem;color:var(--ink-2);line-height:1.5}
.fb-tw>.cap b{font-family:var(--display);font-weight:700;color:var(--ink)}
.fb-ts{overflow-x:auto;-webkit-overflow-scrolling:touch}
table.fb-t{width:100%;border-collapse:collapse;margin:0;font-size:1rem}
table.fb-t th,table.fb-t td{padding:10px 13px;text-align:left;vertical-align:top;border-top:1px solid var(--line);line-height:1.45}
table.fb-t thead th{
  border-top:0;background:var(--brand);color:#fff;font-family:var(--display);font-size:.9375rem;
  font-weight:700;letter-spacing:.03em;white-space:nowrap;position:sticky;top:0
}
table.fb-t tbody tr:nth-child(even){background:var(--bg)}
table.fb-t td.nm{font-weight:600;color:var(--ink);white-space:nowrap}
table.fb-t thead th.nm{font-weight:700;color:#fff;white-space:nowrap}
table.fb-t td.c{text-align:center;white-space:nowrap}
table.fb-t .u{color:var(--muted)}
/* il glifo di stato dentro la tabella */
.fb-g{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 7px;
  border-radius:var(--pill);font-family:var(--display);font-weight:700;font-size:.9375rem;
  border:1px solid var(--unknown-line);background:var(--unknown-soft);color:var(--unknown)}
.fb-g--ok{border-color:var(--ok-line);background:var(--ok-soft);color:var(--ok)}
.fb-g--part{border-color:var(--warn-line);background:var(--warn-soft);color:var(--warn)}
.fb-g--no{border-color:var(--no-line);background:var(--no-soft);color:var(--no)}
/* la legenda della tabella */
.fb-leg{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding:11px 15px;
  border-top:1px solid var(--line);background:var(--bg);font-size:.9375rem;color:var(--muted)}
.fb-leg li{margin:0;display:flex;align-items:center;gap:7px}

/* ====== la griglia delle categorie ====== */
.fb-grid{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}
.fb-grid>li{margin:0}
.fb-grid a{display:block;height:100%;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:15px 16px;text-decoration:none;color:var(--ink)}
.fb-grid a:hover{border-color:var(--brand-2);box-shadow:var(--sh);color:var(--ink)}
.fb-grid .gt{font-family:var(--display);font-weight:700;font-size:1.04rem;margin:0 0 4px;display:flex;
  justify-content:space-between;align-items:baseline;gap:9px;line-height:1.25}
.fb-grid .gt span{font-size:.9375rem;font-weight:700;color:var(--brand-2);font-variant-numeric:tabular-nums}
.fb-grid .gd{font-size:.9375rem;color:var(--muted);margin:0;line-height:1.45}

/* ====== testata di una recensione ====== */
.fb-revhead{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;align-items:start;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:19px 21px;margin:0 0 20px;box-shadow:var(--sh)}
@media (max-width:659px){.fb-revhead{grid-template-columns:minmax(0,1fr)}}
.fb-revhead .lg{display:flex;align-items:center;justify-content:center;height:78px;background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r)}
.fb-revhead .lg img{max-height:66px;max-width:126px;object-fit:contain}
.fb-revhead .dl{margin:0 0 12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:10px 18px}
.fb-revhead .dl div{min-width:0}
.fb-revhead dt{font-family:var(--display);font-size:.875rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--muted);margin:0}
.fb-revhead dd{margin:1px 0 0;font-size:1rem;color:var(--ink);font-weight:600;line-height:1.4}

/* ====== domande frequenti ====== */
.fb-faq{margin:0 0 1.4em;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.fb-faq>details{border-top:1px solid var(--line)}
.fb-faq>details:first-child{border-top:0}
.fb-faq>details>summary{
  cursor:pointer;list-style:none;padding:13px 44px 13px 16px;position:relative;
  font-family:var(--display);font-weight:700;font-size:1.04rem;color:var(--ink);line-height:1.4;min-height:48px;
  display:flex;align-items:center;
}
.fb-faq>details>summary::-webkit-details-marker{display:none}
.fb-faq>details>summary::after{content:'+';position:absolute;right:16px;top:50%;transform:translateY(-50%);
  font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--brand-2);line-height:1}
.fb-faq>details[open]>summary::after{content:'\2212'}
.fb-faq>details>summary:hover{background:var(--brand-soft)}
.fb-faq .ans{padding:0 16px 15px;max-width:72ch}
.fb-faq .ans>:last-child{margin-bottom:0}
/* le domande rese come titoli, nella pagina delle FAQ */
.fb-qgroup{margin:0 0 30px}
.fb-qgroup h3{margin:22px 0 .35em;font-size:1.14rem}
.fb-qgroup h3:first-of-type{margin-top:12px}
.fb-qgroup p{max-width:72ch}

/* ====== elenchi di definizioni e passaggi ====== */
.fb-steps{list-style:none;counter-reset:s;margin:0 0 1.3em;padding:0}
.fb-steps>li{margin:0 0 12px;padding:0 0 0 46px;position:relative;counter-increment:s}
.fb-steps>li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;border-radius:var(--pill);
  background:var(--brand-soft);border:1px solid var(--brand-line);color:var(--brand-deep);
  font-family:var(--display);font-weight:700;font-size:1rem}
.fb-steps .st{font-family:var(--display);font-weight:700;font-size:1.04rem;margin:0 0 .2em;display:block;line-height:1.3}
.fb-dl{margin:0 0 1.3em}
.fb-dl dt{font-family:var(--display);font-weight:700;font-size:1.04rem;color:var(--ink);margin:0 0 .15em}
.fb-dl dd{margin:0 0 .9em;color:var(--ink-2);max-width:70ch}

/* ====== piè di pagina ====== */
.fb-foot{background:var(--brand-deep);color:#c7dee2;padding:34px 0 22px;font-size:1rem}
.fb-foot a{color:#dff0f2}
.fb-foot a:hover{color:#fff}
.fb-foot .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px;margin:0 0 24px}
@media (max-width:959px){.fb-foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.fb-foot .cols{grid-template-columns:minmax(0,1fr)}}
.fb-foot .cols>*{min-width:0}
.fb-foot h2{font-family:var(--display);font-size:1rem;font-weight:700;letter-spacing:.07em;
  text-transform:uppercase;color:#fff;margin:0 0 11px}
.fb-foot ul{list-style:none;margin:0;padding:0}
.fb-foot li{margin:0 0 7px}
.fb-foot .about{margin:0 0 12px;max-width:42ch;line-height:1.55}
.fb-foot .rg{font-size:1rem;line-height:1.5;margin:0 0 .6em;color:#b6d4d9}
.fb-foot .markets{font-size:1rem;line-height:1.55;color:#a9cdd3;border-top:1px solid rgba(255,255,255,.15);
  padding-top:14px;margin:0 0 .7em;max-width:104ch}
.fb-foot .bottom{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.15);padding-top:14px;margin-top:10px;font-size:1rem}
.fb-foot .age{font-family:var(--display);font-weight:700;border:1.5px solid rgba(255,255,255,.45);
  border-radius:var(--r-sm);padding:2px 9px;color:#fff}

/* ====== il banner del consenso ====== */
.cc-banner{position:fixed;left:0;right:0;bottom:0;z-index:9999;display:flex;flex-wrap:wrap;
  gap:12px 20px;align-items:center;justify-content:center;padding:15px 18px;
  background:var(--brand-deep);color:#eaf4f6;box-shadow:0 -2px 18px rgba(15,60,70,.4)}
.cc-banner .cc-text{margin:0;max-width:760px;font-size:1rem;line-height:1.5;color:#eaf4f6}
.cc-banner a{color:#ffd9c9;text-decoration:underline}
.cc-banner .cc-btns{display:flex;gap:11px}
.cc-banner .cc-btn{min-height:46px;min-width:118px;padding:9px 20px;border:0;border-bottom:3px solid var(--cta-dark);
  border-radius:var(--r);background:var(--cta);color:#fff;font-family:var(--display);font-size:1rem;font-weight:700;cursor:pointer}
.cc-banner .cc-btn.cc-reject{background:var(--paper);color:var(--brand-deep);border-bottom-color:var(--line-2)}
.cc-banner .cc-btn:hover{background:var(--cta-dark)}
.cc-banner .cc-btn.cc-reject:hover{background:var(--bg-2)}

/* ====== 404 ====== */
.fb-404{text-align:center;padding:36px 0 18px;max-width:640px;margin:0 auto}
.fb-404 .code{font-family:var(--display);font-size:4.4rem;font-weight:700;line-height:1;color:transparent;
  -webkit-text-stroke:2px var(--brand-line);margin:0 0 10px}
.fb-404 ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;text-align:left}

/* ====== utilità ====== */
.fb-mt0{margin-top:0}
.fb-anchor{scroll-margin-top:18px}
.fb-tn{font-variant-numeric:tabular-nums}

/* ====== il menu sul telefono ====== */
@media (max-width:1079px){
  .fb-burger{display:inline-flex;align-items:center;justify-content:center}
  .fb-nav{display:none;width:100%;flex-direction:column;gap:0;padding:6px 0 12px;order:3}
  html.js .fb-nav.open,html.no-js .fb-nav{display:flex}
  .fb-topbar{flex-wrap:wrap}
  .fb-nav>li{width:100%}
  .fb-nav>li>a,.fb-nav>li>button{width:100%;justify-content:space-between;border-radius:var(--r-sm);
    border-bottom:1px solid rgba(255,255,255,.12)}
  .fb-sub{position:static;display:none;box-shadow:none;border:0;background:rgba(255,255,255,.07);
    border-radius:0;padding:0 0 6px 10px;min-width:0}
  .fb-nav>li:hover>.fb-sub{display:none}
  .fb-nav>li.open>.fb-sub{display:block}
  .fb-sub a{color:#dcecef}
  .fb-sub a:hover{background:rgba(255,255,255,.12);color:#fff}
}

/* un logo quasi bianco sparirebbe su fondo chiaro: il suo riquadro va scuro */
.lg--scuro{background:var(--brand-deep)!important;border-color:var(--brand-deep)!important}
.fb-band-op .lg--scuro{background:var(--brand)!important}