/* ============================================================
   Winnita — foglio di stile principale (prefisso .cqm-)
   Carattere editoriale: serif display + grotesk, carta calda,
   regoli hairline, accento terracotta.
   ============================================================ */

:root{
  /* superfici tonali (neutrale calda) */
  --cqm-bg:#f1ead9;
  --cqm-surface:#faf5ea;
  --cqm-surface-2:#e9e0cd;
  --cqm-surface-3:#ded2ba;
  --cqm-ink:#211c15;
  --cqm-ink-2:#4f473a;
  --cqm-ink-3:#6f6557;
  --cqm-hairline:color-mix(in srgb,var(--cqm-ink) 16%,transparent);
  --cqm-hairline-2:color-mix(in srgb,var(--cqm-ink) 30%,transparent);

  --cqm-accent:#b23a19;
  --cqm-accent-2:#a23415;
  --cqm-accent-soft:color-mix(in srgb,var(--cqm-accent) 12%,transparent);
  --cqm-on-accent:#fbf2e6;
  --cqm-dark:#1c1a14;

  /* scala modulare 1.25 */
  --cqm-step--1:.8rem;
  --cqm-step-0:1rem;
  --cqm-step-1:1.25rem;
  --cqm-step-2:1.5625rem;
  --cqm-step-3:1.953rem;
  --cqm-step-4:2.441rem;
  --cqm-step-5:3.052rem;

  --cqm-unit:8px;
  --cqm-wrap:1160px;
  --cqm-pad:clamp(16px,4vw,32px);
  --cqm-r-sm:4px;
  --cqm-r-md:6px;
  --cqm-shadow:0 1px 2px color-mix(in srgb,var(--cqm-ink) 8%,transparent),
               0 12px 30px -14px color-mix(in srgb,var(--cqm-ink) 26%,transparent);
  --cqm-shadow-lg:0 2px 4px color-mix(in srgb,var(--cqm-ink) 9%,transparent),
                  0 26px 50px -20px color-mix(in srgb,var(--cqm-ink) 32%,transparent);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;background:var(--cqm-bg);color:var(--cqm-ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:1rem;line-height:1.62;-webkit-font-smoothing:antialiased;
  font-variant-numeric:tabular-nums lining-nums;
  overflow-wrap:break-word;word-break:normal;
}
img{max-width:100%;height:auto;display:block}
::selection{background:color-mix(in srgb,var(--cqm-accent) 24%,transparent);color:var(--cqm-ink)}
:focus-visible{outline:2px solid var(--cqm-accent);outline-offset:2px}
a{color:var(--cqm-accent);text-underline-offset:2px;text-decoration-thickness:1px}
a:hover{color:var(--cqm-accent-2)}

h1,h2,h3,h4{
  font-family:"Cormorant Garamond","Times New Roman",Georgia,serif;
  font-weight:700;line-height:1.08;margin:0 0 .4em;letter-spacing:-.01em;
  color:var(--cqm-ink);text-wrap:balance;
}
h1{font-size:clamp(2.1rem,1.4rem + 3vw,3.4rem)}
h2{font-size:clamp(1.7rem,1.3rem + 1.7vw,2.4rem)}
h3{font-size:var(--cqm-step-2)}
h4{font-size:var(--cqm-step-1)}
p{margin:0 0 1em;text-wrap:pretty}

.cqm-wrap{width:100%;max-width:var(--cqm-wrap);margin-inline:auto;padding-inline:var(--cqm-pad)}

/* ---------- skip link ---------- */
.cqm-skip{position:absolute;left:-999px;top:0}
.cqm-skip:focus{left:8px;top:8px;background:var(--cqm-surface);padding:8px;z-index:99;border:1px solid var(--cqm-hairline-2)}

/* ============================================================
   Testata / navigazione
   ============================================================ */
.cqm-top{border-bottom:1px solid var(--cqm-hairline);background:var(--cqm-bg);position:sticky;top:0;z-index:56}
.cqm-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}
.cqm-brand{display:flex;flex-direction:row;align-items:baseline;gap:10px;line-height:1;text-decoration:none;color:var(--cqm-ink);white-space:nowrap}
.cqm-brand b{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700;font-size:1.7rem;letter-spacing:.02em}
.cqm-brand span{font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cqm-ink-3)}
.cqm-navwrap{display:flex;align-items:center;gap:14px}
.cqm-nav{display:flex;align-items:center;gap:11px}
.cqm-nav a{color:var(--cqm-ink-2);text-decoration:none;font-size:.8rem;font-weight:500;white-space:nowrap;padding-block:6px}
.cqm-nav a:hover{color:var(--cqm-ink)}
.cqm-nav a[aria-current="page"]{color:var(--cqm-ink);box-shadow:inset 0 -2px 0 var(--cqm-accent)}
/* Узкий десктоп (901-1200px): ужимаем меню, чтобы оставалось в ОДИН ряд без бокового overflow (ниже 900px — бургер) */
@media (min-width:901px) and (max-width:1200px){
  .cqm-nav{gap:7px}
  .cqm-nav a{font-size:.76rem}
  .cqm-navwrap{gap:10px}
}

.cqm-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4em;white-space:nowrap;
  background:var(--cqm-accent);color:var(--cqm-on-accent);text-decoration:none;font-weight:600;
  font-family:Inter,sans-serif;font-size:.95rem;padding:.75em 1.5em;border-radius:999px;border:none;
  min-height:48px;cursor:pointer;transition:background .15s ease,transform .12s ease}
.cqm-cta:hover{background:var(--cqm-accent-2);color:var(--cqm-on-accent)}
.cqm-cta:active{transform:translateY(1px)}
.cqm-cta--sm{font-size:.82rem;padding:.55em 1.05em;min-height:40px}

.cqm-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;
  background:transparent;border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-sm);cursor:pointer;color:var(--cqm-ink)}
.cqm-burger svg{width:22px;height:22px}

@media(max-width:900px){
  .cqm-burger{display:inline-flex}
  .cqm-nav{position:fixed;inset:0 38% 0 0;flex-direction:column;align-items:flex-start;gap:0;
    background:var(--cqm-surface);border-right:1px solid var(--cqm-hairline-2);padding:20px;z-index:60;
    transform:translateX(-105%);transition:transform .2s ease;overflow-y:auto;box-shadow:var(--cqm-shadow)}
  .cqm-nav.cqm-open{transform:translateX(0)}
  .cqm-nav a{width:100%;border-bottom:1px solid var(--cqm-hairline);font-size:1rem;padding:13px 4px}
  .cqm-nav-head{font-family:"Cormorant Garamond",serif;font-size:1.5rem;font-weight:700;margin-bottom:8px}
  .cqm-navwrap .cqm-cta{display:none}
  .cqm-scrim{position:fixed;inset:0;background:rgba(20,16,10,.42);z-index:55;opacity:0;visibility:hidden;transition:opacity .2s}
  .cqm-scrim.cqm-open{opacity:1;visibility:visible}
}
@media(min-width:901px){.cqm-nav-head,.cqm-scrim{display:none!important}}

/* ============================================================
   Cookie notice
   ============================================================ */
.cqm-notice{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--cqm-dark);color:var(--cqm-on-accent);box-shadow:0 -2px 18px rgba(0,0,0,.28)}
.cqm-notice-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-block:10px;font-size:.84rem}
.cqm-notice-row p{margin:0;color:color-mix(in srgb,var(--cqm-on-accent) 86%,transparent)}
.cqm-notice button{margin-left:auto;background:var(--cqm-accent);color:var(--cqm-on-accent);border:none;
  border-radius:999px;padding:.45em 1.1em;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;min-height:40px}
.cqm-notice a{color:var(--cqm-on-accent);text-decoration:underline}

/* ============================================================
   Breadcrumb + byline
   ============================================================ */
.cqm-crumbs{border-bottom:1px solid var(--cqm-hairline);background:var(--cqm-bg)}
.cqm-crumbs-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding-block:9px;font-size:.78rem;color:var(--cqm-ink-3)}
.cqm-crumbs-row a{color:var(--cqm-ink-2);text-decoration:none}
.cqm-crumbs-row a:hover{color:var(--cqm-accent)}
.cqm-crumbs-sep{color:var(--cqm-hairline-2)}
.cqm-crumbs-row [aria-current="page"]{color:var(--cqm-ink)}

.cqm-byline{border-bottom:1px solid var(--cqm-hairline)}
.cqm-byline-row{display:flex;align-items:center;gap:12px;padding-block:12px}
.cqm-byline-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--cqm-hairline-2)}
.cqm-byline-meta{display:flex;flex-direction:column;gap:1px;font-size:.82rem}
.cqm-byline-by a{color:var(--cqm-ink);font-weight:600;text-decoration:none}
.cqm-byline-by a:hover{color:var(--cqm-accent)}
.cqm-byline-dates{color:var(--cqm-ink-3);font-size:.76rem}

/* ============================================================
   Hero
   ============================================================ */
.cqm-hero{border-bottom:1px solid var(--cqm-hairline);
  background:linear-gradient(180deg,color-mix(in srgb,var(--cqm-accent) 7%,var(--cqm-bg)),var(--cqm-bg))}
.cqm-hero-grid{display:grid;gap:clamp(14px,2.2vw,26px) clamp(20px,3.5vw,44px);
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  grid-template-areas:"kick media" "h1 media" "lead media" "cta media" "facts facts";
  align-items:start;padding-block:clamp(20px,3vw,40px)}
.cqm-hero-kicker{grid-area:kick;display:block;margin:0;font-size:.74rem;font-weight:600;
  text-transform:uppercase;letter-spacing:.16em;color:var(--cqm-accent)}
.cqm-hero h1{grid-area:h1;margin:0}
.cqm-hero-lead{grid-area:lead;margin:0;max-width:46ch;font-size:clamp(1rem,.96rem + .3vw,1.16rem);color:var(--cqm-ink-2)}
.cqm-hero-cta{grid-area:cta;margin:0;justify-content:flex-start}
.cqm-hero-fig{grid-area:media;position:relative;margin:0;align-self:center}
.cqm-hero-glow{position:absolute;inset:6% 6% 6% 6%;z-index:0;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--cqm-accent) 26%,transparent),transparent 72%);
  filter:blur(26px)}
.cqm-hero-img{position:relative;z-index:1;width:100%;max-height:420px;aspect-ratio:1/1;object-fit:cover;
  border-radius:var(--cqm-r-md);border:1px solid var(--cqm-hairline-2);box-shadow:var(--cqm-shadow-lg);
  background:var(--cqm-dark)}
.cqm-hero-facts{grid-area:facts;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:6px 0 0;
  background:var(--cqm-surface);border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-md);
  box-shadow:var(--cqm-shadow);overflow:hidden}
.cqm-hero-fact{min-width:0;padding:12px 16px;border-right:1px solid var(--cqm-hairline)}
.cqm-hero-fact:last-child{border-right:none}
.cqm-hero-fact dt{margin:0;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cqm-ink-3)}
.cqm-hero-fact dd{margin:3px 0 0;font-weight:600;font-size:.98rem;color:var(--cqm-ink)}

@media(max-width:900px){
  .cqm-hero-grid{grid-template-columns:minmax(0,1fr);
    grid-template-areas:"h1" "media" "cta" "lead" "facts" "kick";text-align:left}
  .cqm-hero-kicker{order:-1;grid-area:kick}
  /* su mobile l'ordine DOM (kicker,h1,figure,cta,lead,facts) guida: usiamo aree esplicite */
  .cqm-hero-grid{grid-template-areas:"kick" "h1" "media" "cta" "lead" "facts"}
  .cqm-hero-img{max-height:42vh;width:auto;margin-inline:auto;aspect-ratio:1/1;object-fit:contain}
  .cqm-hero-fig{display:flex;justify-content:center}
  .cqm-hero-cta{justify-content:center}
  .cqm-hero-lead{max-width:none}
}

/* ============================================================
   Sezioni di contenuto / prosa
   ============================================================ */
.cqm-section{padding-block:clamp(20px,2.6vw,34px);border-bottom:1px solid var(--cqm-hairline)}
.cqm-section:last-of-type{border-bottom:none}
.cqm-kicker{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;
  letter-spacing:.16em;color:var(--cqm-accent);margin-bottom:6px}
.cqm-secnum{font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;color:var(--cqm-ink-3);
  letter-spacing:.04em}

.cqm-prose>*{max-width:none}
.cqm-prose p,.cqm-prose li{font-size:1.02rem}
.cqm-prose h2{margin-top:1.1em}
.cqm-prose h3{margin-top:1em}
.cqm-prose a:not(.cqm-cta){color:var(--cqm-accent);text-decoration:underline}
.cqm-prose a:not(.cqm-cta):hover{color:var(--cqm-accent-2)}
.cqm-prose strong{font-weight:700}
.cqm-lead{font-size:clamp(1.08rem,1rem + .5vw,1.3rem);color:var(--cqm-ink-2);max-width:none;line-height:1.5}

/* liste */
.cqm-prose ul,.cqm-prose ol{margin:0 0 1.1em;padding-left:0;list-style:none}
.cqm-prose ul>li{position:relative;padding-left:1.4em;margin-bottom:.5em}
.cqm-prose ul>li::before{content:"";position:absolute;left:.3em;top:.62em;width:6px;height:6px;
  border-radius:50%;background:var(--cqm-accent)}
.cqm-prose ol{counter-reset:cqm;}
.cqm-prose ol>li{position:relative;padding-left:1.9em;margin-bottom:.55em;counter-increment:cqm}
.cqm-prose ol>li::before{content:counter(cqm);position:absolute;left:0;top:.05em;
  font-family:"Cormorant Garamond",serif;font-weight:700;color:var(--cqm-accent);font-size:1.1em}

/* pro / contro */
.cqm-proscons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:1.2em 0}
.cqm-card{background:var(--cqm-surface);border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-md);
  padding:18px 20px;box-shadow:var(--cqm-shadow)}
.cqm-card h3{margin-top:0;font-size:var(--cqm-step-1)}
.cqm-pros li,.cqm-cons li{list-style:none;position:relative;padding-left:1.7em;margin-bottom:.5em}
.cqm-pros ul,.cqm-cons ul{padding:0;margin:0;list-style:none}
.cqm-pros li::before{content:"✓";position:absolute;left:0;top:0;color:#2f7d52;font-weight:700}
.cqm-cons li::before{content:"✕";position:absolute;left:0;top:0;color:var(--cqm-accent);font-weight:700}

/* callout / nota */
.cqm-callout{background:var(--cqm-surface-2);border:1px solid var(--cqm-hairline-2);
  border-left:3px solid var(--cqm-accent);border-radius:var(--cqm-r-md);padding:16px 20px;margin:1.3em 0;
  box-shadow:var(--cqm-shadow)}
.cqm-callout p:last-child{margin-bottom:0}
.cqm-callout strong{color:var(--cqm-ink)}

/* riga CTA nel corpo */
.cqm-ctarow{display:flex;justify-content:center;margin:1.5em 0}

/* figura/immagine di contenuto */
.cqm-figure{width:min(70%,740px);margin:1.4rem auto}
.cqm-figure img{width:100%;height:auto;border-radius:var(--cqm-r-md);border:1px solid var(--cqm-hairline-2);
  box-shadow:var(--cqm-shadow);aspect-ratio:16/9;object-fit:cover}
.cqm-figure figcaption{margin-top:8px;font-size:.78rem;color:var(--cqm-ink-3);text-align:center}

/* barra di valutazione */
.cqm-rating{display:flex;align-items:center;gap:12px;margin:.6em 0 1.1em}
.cqm-rating-bar{flex:1;min-width:0;height:10px;background:var(--cqm-surface-2);border:1px solid var(--cqm-hairline);
  border-radius:999px;overflow:hidden}
.cqm-rating-bar span{display:block;height:100%;background:var(--cqm-accent);border-radius:999px}
.cqm-rating-num{font-weight:700;font-size:1.05rem;white-space:nowrap}
.cqm-rating-num small{color:var(--cqm-ink-3);font-weight:500}

/* verdetto a stella laterale (colonna annotazione) */
.cqm-verdict{background:var(--cqm-surface);border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-md);
  padding:18px 20px;box-shadow:var(--cqm-shadow)}
.cqm-verdict h2,.cqm-verdict h3{margin-top:0}
.cqm-factline{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--cqm-hairline);font-size:.9rem}
.cqm-factline:last-child{border-bottom:none}
.cqm-factline dt{color:var(--cqm-ink-3)}
.cqm-factline dd{margin:0;font-weight:600;text-align:right}

/* layout editoriale: annotazione + corpo */
.cqm-split{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);
  gap:clamp(20px,3vw,42px);align-items:start}
.cqm-split-aside{position:sticky;top:80px}

/* ============================================================
   Tabelle (anche <table> nuda)
   ============================================================ */
.cqm-tablewrap{overflow-x:auto;margin:1.3em 0;border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-md)}
.cqm-prose table,table:not(.cqm-bare){width:100%;border-collapse:collapse;background:var(--cqm-surface);
  font-size:.94rem;min-width:480px}
.cqm-prose :where(table) th,.cqm-prose :where(table) td,
table:not(.cqm-bare) th,table:not(.cqm-bare) td{padding:11px 14px;text-align:left;
  border-bottom:1px solid var(--cqm-hairline);vertical-align:top}
.cqm-prose :where(table) thead th,table:not(.cqm-bare) thead th{background:var(--cqm-surface-2);
  font-weight:600;font-family:Inter,sans-serif;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;
  color:var(--cqm-ink-2);border-bottom:1px solid var(--cqm-hairline-2)}
.cqm-prose :where(table) tbody tr:hover,table:not(.cqm-bare) tbody tr:hover{
  background:color-mix(in srgb,var(--cqm-accent) 5%,transparent)}
.cqm-prose :where(table) td:first-child,table:not(.cqm-bare) td:first-child{font-weight:600}
.cqm-prose :where(table) tr:last-child td{border-bottom:none}

/* ============================================================
   FAQ (anche <details> nudo)
   ============================================================ */
.cqm-faq{margin:1.2em 0}
.cqm-prose details,details.cqm-acc{border-top:1px solid var(--cqm-hairline-2);padding:0}
.cqm-prose details summary,details.cqm-acc summary{list-style:none;cursor:pointer;position:relative;
  padding:15px 36px 15px 0;font-family:"Cormorant Garamond",serif;font-weight:700;font-size:1.22rem;
  color:var(--cqm-ink)}
.cqm-prose details summary::-webkit-details-marker,details.cqm-acc summary::-webkit-details-marker{display:none}
.cqm-prose details summary::after,details.cqm-acc summary::after{content:"+";position:absolute;right:4px;top:50%;
  transform:translateY(-50%);font-family:Inter,sans-serif;font-size:1.4rem;font-weight:400;color:var(--cqm-accent);line-height:1}
.cqm-prose details[open] summary::after,details.cqm-acc[open] summary::after{content:"–"}
.cqm-prose details>*:not(summary),details.cqm-acc>*:not(summary){margin:0 0 14px}
.cqm-prose details>p,details.cqm-acc>p{color:var(--cqm-ink-2)}

/* ============================================================
   Blocco giochi popolari
   ============================================================ */
.cqm-slots{padding-block:clamp(20px,2.6vw,34px);border-bottom:1px solid var(--cqm-hairline)}
.cqm-slots-head h2{margin-bottom:.1em}
.cqm-slots-head p{color:var(--cqm-ink-2);margin-bottom:1em}
.cqm-slots-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}
.cqm-slot{display:block;text-decoration:none;color:inherit;background:var(--cqm-surface);
  border:1px solid var(--cqm-hairline);border-radius:var(--cqm-r-md);overflow:hidden;
  transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}
.cqm-slot:hover{border-color:var(--cqm-accent);transform:translateY(-2px);box-shadow:var(--cqm-shadow)}
.cqm-slot-thumb{display:block;aspect-ratio:1/1;background:var(--cqm-surface-2)}
.cqm-slot-thumb img{width:100%;height:100%;object-fit:cover}
.cqm-slot-name{display:block;padding:7px 8px;font-size:.74rem;font-weight:600;text-align:center;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cqm-slots-more{margin-top:14px}
.cqm-slots-more a{font-weight:600;text-decoration:none}
.cqm-slots-more a:hover{text-decoration:underline}

@media(max-width:1024px){.cqm-slots-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.cqm-slots-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .cqm-slot-name{font-size:.68rem}}

/* ============================================================
   Card autore (in fondo all'articolo)
   ============================================================ */
.cqm-author{display:flex;gap:18px;align-items:flex-start;max-width:780px;margin:1.6em auto;
  background:var(--cqm-surface);border:1px solid var(--cqm-hairline-2);border-radius:var(--cqm-r-md);
  padding:22px 24px;box-shadow:var(--cqm-shadow)}
.cqm-author-photo{width:96px;height:96px;flex:none;border-radius:var(--cqm-r-md);object-fit:cover;
  border:1px solid var(--cqm-hairline-2);aspect-ratio:auto}
.cqm-prose img.cqm-author-photo{width:96px;height:96px;aspect-ratio:auto}
.cqm-author-body{min-width:0}
.cqm-author-name{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:1.4rem;margin:0 0 2px}
.cqm-author-name a{color:var(--cqm-ink);text-decoration:none}
.cqm-author-name a:hover{color:var(--cqm-accent)}
.cqm-author-role{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--cqm-ink-3);margin:0 0 8px}
.cqm-author-bio{font-size:.94rem;color:var(--cqm-ink-2);margin:0 0 8px}
.cqm-author-link{font-weight:600;font-size:.88rem;text-decoration:none}
.cqm-author-link:hover{text-decoration:underline}

/* pagina profilo autore */
.cqm-profile{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.cqm-prose img.cqm-profile-photo,.cqm-profile-photo{width:220px;height:auto;aspect-ratio:3/4;object-fit:cover;
  border-radius:var(--cqm-r-md);border:1px solid var(--cqm-hairline-2);box-shadow:var(--cqm-shadow);flex:none}

/* related testuale */
.cqm-related{margin:1.4em 0}
.cqm-related ul{list-style:none;padding:0;margin:0}
.cqm-related li{border-top:1px solid var(--cqm-hairline);padding:9px 0}
.cqm-related a{text-decoration:none;font-weight:600}
.cqm-related a:hover{text-decoration:underline}
.cqm-related span{display:block;font-size:.84rem;color:var(--cqm-ink-3);font-weight:400}

/* ============================================================
   Footer
   ============================================================ */
.cqm-foot{background:var(--cqm-surface);border-top:1px solid var(--cqm-hairline-2);margin-top:8px}
.cqm-foot-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);
  gap:24px;padding-block:30px}
.cqm-foot-logo{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:1.5rem}
.cqm-foot-brand p{font-size:.86rem;color:var(--cqm-ink-2);margin:.5em 0 0}
.cqm-foot-age{font-size:.82rem}
.cqm-age{display:inline-block;background:var(--cqm-accent);color:var(--cqm-on-accent);font-weight:700;
  font-size:.72rem;padding:2px 7px;border-radius:var(--cqm-r-sm);margin-right:4px}
.cqm-foot-col{display:flex;flex-direction:column;gap:7px}
.cqm-foot-h{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cqm-ink-3);margin-bottom:3px}
.cqm-foot-col a{color:var(--cqm-ink-2);text-decoration:none;font-size:.88rem}
.cqm-foot-col a:hover{color:var(--cqm-accent)}
.cqm-foot-disc{border-top:1px solid var(--cqm-hairline);padding-block:18px 24px;margin:0;
  font-size:.78rem;color:var(--cqm-ink-3);line-height:1.6}
.cqm-foot-disc strong{color:var(--cqm-ink-2)}

/* ============================================================
   404
   ============================================================ */
.cqm-404{text-align:center;padding-block:clamp(40px,8vw,90px)}
.cqm-404 h1{font-size:clamp(3rem,2rem + 6vw,6rem);margin-bottom:.1em}
.cqm-404 p{color:var(--cqm-ink-2);max-width:46ch;margin-inline:auto}

/* ============================================================
   Responsive generale
   ============================================================ */
@media(max-width:900px){
  .cqm-split{grid-template-columns:minmax(0,1fr)}
  .cqm-split-aside{position:static}
}
@media(max-width:460px){
  .cqm-hero-facts{grid-template-columns:1fr}
  .cqm-hero-fact{border-right:none;border-bottom:1px solid var(--cqm-hairline)}
  .cqm-hero-fact:last-child{border-bottom:none}
}
@media(max-width:640px){
  .cqm-proscons{grid-template-columns:minmax(0,1fr)}
  .cqm-foot-grid{grid-template-columns:minmax(0,1fr)}
  .cqm-figure{width:100%}
  .cqm-author{flex-direction:column}
  .cqm-prose p,.cqm-prose li{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}