/* Alpino Casino — PROTEST PRESS · brutal-grotesk display, monocromo su off-white, un solo accento.
   Prefisso unico: cpd-  ·  angoli 0px, bordi 2px, profondita per piani di tono + alone sottile. */

:root{
  /* superfici (off-white caldo, gradini 3-6%) */
  --cpd-bg:#f5f4ef;
  --cpd-surface:#ffffff;
  --cpd-surface-2:#ecebe3;
  --cpd-surface-3:#e2e0d6;
  --cpd-ink:#16181d;
  --cpd-ink-2:#3a3f47;
  --cpd-ink-3:#4e535b;
  --cpd-hairline:color-mix(in srgb, var(--cpd-ink) 16%, transparent);
  --cpd-hairline-2:color-mix(in srgb, var(--cpd-ink) 9%, transparent);

  /* accenti brand */
  --cpd-accent:#192f67;
  --cpd-accent-ink:#ffffff;
  --cpd-cta:#6d7a99;
  --cpd-brandzone:#dbf0f0;
  --cpd-glow:color-mix(in srgb, var(--cpd-accent) 24%, transparent);

  /* scala tipografica (ratio 1.25) */
  --cpd-step--1:.8rem;
  --cpd-step-0:1rem;
  --cpd-step-1:1.25rem;
  --cpd-step-2:1.563rem;
  --cpd-step-3:1.953rem;
  --cpd-step-4:2.441rem;
  --cpd-step-5:3.052rem;
  --cpd-step-6:3.815rem;

  /* spaziatura (densita giornalistica, compatta) */
  --cpd-s1:.25rem;--cpd-s2:.5rem;--cpd-s3:.75rem;--cpd-s4:1rem;--cpd-s5:1.5rem;--cpd-s6:2rem;--cpd-s7:2.75rem;
  --cpd-sec:clamp(2rem,4vw,2.75rem);

  --cpd-wrap:1266px;
  --cpd-bd:2px solid var(--cpd-ink);
  --cpd-halo:0 0 0 1px color-mix(in srgb, var(--cpd-ink) 14%, transparent);

  --cpd-display:"Bebas Neue",Impact,"Haettenschweiler",system-ui,sans-serif;
  --cpd-text:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ============ BASE ============ */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--cpd-bg);color:var(--cpd-ink);font-family:var(--cpd-text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg,video{max-width:100%;height:auto;display:block}
a{color:var(--cpd-accent);text-underline-offset:2px}
h1,h2,h3,h4{font-family:var(--cpd-display);font-weight:400;letter-spacing:.01em;line-height:1.02;text-wrap:balance;margin:0 0 var(--cpd-s4)}
h1{font-size:clamp(2.4rem,6vw,var(--cpd-step-6));text-transform:uppercase}
h2{font-size:clamp(1.9rem,4vw,var(--cpd-step-4));text-transform:uppercase}
h3{font-size:var(--cpd-step-2)}
p{margin:0 0 var(--cpd-s4);text-wrap:pretty}
strong{font-weight:700}
:focus-visible{outline:2px solid var(--cpd-accent);outline-offset:2px}
::selection{background:color-mix(in srgb,var(--cpd-accent) 24%,transparent);color:var(--cpd-ink)}
::marker{color:var(--cpd-accent)}
::-webkit-scrollbar{height:10px;width:10px}
::-webkit-scrollbar-thumb{background:var(--cpd-ink-3)}
:where(input,button,select){accent-color:var(--cpd-accent)}
.cpd-skip{position:absolute;left:-999px;top:0;background:var(--cpd-ink);color:#fff;padding:.6rem 1rem;z-index:200}
.cpd-skip:focus{left:0}
.cpd-kicker{display:block;font-family:var(--cpd-text);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:var(--cpd-step--1);color:var(--cpd-accent);margin-bottom:var(--cpd-s2)}

/* ============ LAYOUT ============ */
.cpd-wrap{width:100%;max-width:var(--cpd-wrap);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}
#cpd-main{display:block}

/* ---------- HEADER / NAV ---------- */
.cpd-head{position:sticky;top:0;z-index:50;background:var(--cpd-brandzone);border-bottom:var(--cpd-bd)}
.cpd-head-in{display:flex;align-items:center;gap:var(--cpd-s5);min-height:64px}
.cpd-logo{display:inline-flex;line-height:0;margin-right:auto;text-decoration:none}
.cpd-logo img{height:clamp(30px,4vw,40px);width:auto}
.cpd-nav{min-width:0}
.cpd-navtog{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}
.cpd-nav-list{list-style:none;display:flex;flex-wrap:nowrap;align-items:center;gap:clamp(.5rem,1.4vw,1.4rem);margin:0;padding:0}
.cpd-nav-list a{position:relative;z-index:0;display:inline-block;white-space:nowrap;text-decoration:none;color:var(--cpd-ink);font-weight:600;font-size:.95rem;letter-spacing:.01em;padding:.5rem .35rem;overflow:hidden}
.cpd-nav-list a::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cpd-accent);clip-path:inset(0 100% 0 0);transition:clip-path .18s ease-out}
.cpd-nav-list a:hover,.cpd-nav-list a:focus-visible{color:var(--cpd-accent-ink)}
.cpd-nav-list a:hover::before,.cpd-nav-list a:focus-visible::before{clip-path:inset(0 0 0 0)}
.cpd-nav-list a.cpd-active{color:var(--cpd-accent)}
.cpd-nav-list a.cpd-active::after{content:"\25CF";position:absolute;left:-.55em;top:50%;transform:translateY(-50%);font-size:.55em;color:var(--cpd-accent)}
.cpd-burger{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:var(--cpd-bd);background:var(--cpd-surface);cursor:pointer;color:var(--cpd-ink)}
.cpd-burger-dots{font-size:1.7rem;line-height:1;font-family:var(--cpd-display)}

/* ---------- CTA ---------- */
.cpd-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4em;position:relative;z-index:0;overflow:hidden;
  font-family:var(--cpd-display);font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  color:var(--cpd-accent);background:transparent;border:var(--cpd-bd);padding:.55rem 1.3rem;min-height:48px;white-space:nowrap;
  transition:color .18s ease,background-color .15s ease,transform .12s ease}
.cpd-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cpd-accent);clip-path:inset(0 100% 0 0);transition:clip-path .18s ease-out}
.cpd-cta:hover::before,.cpd-cta:focus-visible::before{clip-path:inset(0 0 0 0)}
.cpd-cta:hover,.cpd-cta:focus-visible{color:var(--cpd-accent-ink)}
.cpd-cta:active{transform:translateY(1px)}
.cpd-cta--solid{background:var(--cpd-cta);border-color:var(--cpd-ink);color:var(--cpd-accent-ink)}
.cpd-cta--solid::before{background:var(--cpd-accent)}
.cpd-cta--head{font-size:1rem;padding:.4rem 1rem;min-height:44px}
.cpd-ctarow{display:flex;justify-content:center;margin:var(--cpd-s5) 0}
.cpd-hero-ctarow{justify-content:flex-start;margin:var(--cpd-s4) 0}

/* ---------- HERO ---------- */
.cpd-hero{padding-block:var(--cpd-sec);background:
  radial-gradient(120% 90% at 18% 30%, color-mix(in srgb,var(--cpd-accent) 8%,transparent), transparent 60%)}
.cpd-hero-in{display:grid;grid-template-columns:[cpd-edge-start] minmax(0,1.05fr) [cpd-rail] auto [cpd-content] minmax(0,1fr) [cpd-edge-end];
  align-items:center;gap:clamp(1rem,3vw,2.4rem);grid-template-areas:"media rail copy" "facts facts facts"}
.cpd-hero-media{grid-area:media;margin:0;position:relative;isolation:isolate;min-width:0}
.cpd-hero-media::after{content:"";position:absolute;inset:8% 0;z-index:-1;background:radial-gradient(60% 60% at 50% 55%,var(--cpd-glow),transparent 70%);filter:blur(28px)}
.cpd-hero-img{width:100%;max-width:430px;aspect-ratio:1/1;object-fit:cover;border:var(--cpd-bd);box-shadow:0 0 0 1px color-mix(in srgb,var(--cpd-ink) 14%,transparent),0 18px 40px -28px color-mix(in srgb,var(--cpd-ink) 70%,transparent);margin-inline:auto}
.cpd-hero-rail{grid-area:rail;display:flex;flex-direction:column;align-items:center;gap:var(--cpd-s2);align-self:stretch;justify-content:center;min-width:0}
.cpd-hero-rail-num{font-family:var(--cpd-display);font-size:var(--cpd-step-4);line-height:1;font-variant-numeric:tabular-nums}
.cpd-hero-rail-bar{display:block;width:10px;flex:1;min-height:120px;background:var(--cpd-surface-2);border:2px solid var(--cpd-ink);position:relative;overflow:hidden}
.cpd-hero-rail-bar i{position:absolute;left:0;right:0;bottom:0;height:78%;background:var(--cpd-accent)}
.cpd-hero-rail-cap{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem;font-weight:700;color:var(--cpd-ink-3)}
.cpd-hero-copy{grid-area:copy;display:flex;flex-direction:column;gap:var(--cpd-s2);min-width:0}
.cpd-hero-h1{margin:0}
.cpd-hero-lead{font-size:var(--cpd-step-1);color:var(--cpd-ink-2);max-width:46ch;margin:0}
.cpd-hero-facts{grid-area:facts;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:var(--cpd-s2) 0 0;padding:0;border:var(--cpd-bd);background:var(--cpd-surface);box-shadow:var(--cpd-halo)}
.cpd-hero-facts li{display:flex;flex-direction:column;gap:.15rem;padding:var(--cpd-s3) var(--cpd-s4);border-right:2px solid var(--cpd-ink);min-width:0}
.cpd-hero-facts li:last-child{border-right:0}
.cpd-fact-k{text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;font-weight:700;color:var(--cpd-accent)}
.cpd-fact-v{font-weight:600;font-size:.95rem;color:var(--cpd-ink)}
.cpd-metal{background:linear-gradient(180deg,var(--cpd-ink),var(--cpd-ink-3));-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- PAGETITLE (trust/autore) ---------- */
.cpd-pagetitle{padding-block:var(--cpd-sec) var(--cpd-s5);border-bottom:2px solid var(--cpd-hairline)}
.cpd-pagetitle-h1{margin:0 0 var(--cpd-s3)}
.cpd-pagetitle-lead{font-size:var(--cpd-step-1);color:var(--cpd-ink-2);max-width:70ch}

/* ---------- BREADCRUMBS ---------- */
.cpd-crumbs{padding-block:var(--cpd-s3)}
.cpd-crumbs-list{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0;font-size:.82rem;color:var(--cpd-ink-3)}
.cpd-crumbs-item{display:inline-flex;align-items:center}
.cpd-crumbs-item+.cpd-crumbs-item::before{content:"/";margin-right:.4rem;color:var(--cpd-ink-3)}
.cpd-crumbs a{color:var(--cpd-ink-3);text-decoration:none}
.cpd-crumbs a:hover{color:var(--cpd-accent)}
.cpd-crumbs [aria-current]{color:var(--cpd-ink)}

/* ---------- BYLINE ---------- */
.cpd-byline{display:flex;align-items:center;gap:var(--cpd-s4);padding-block:var(--cpd-s4);border-block:2px solid var(--cpd-hairline);margin-block:var(--cpd-s4)}
.cpd-byline-photo{width:56px;height:56px;border-radius:0;object-fit:cover;border:2px solid var(--cpd-ink);flex:none}
.cpd-byline-meta{min-width:0}
.cpd-byline-who{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}
.cpd-byline-name{font-weight:700;text-decoration:none;color:var(--cpd-ink)}
.cpd-byline-name:hover{color:var(--cpd-accent)}
.cpd-byline-role{font-size:.82rem;color:var(--cpd-ink-3)}
.cpd-byline-rev{font-size:.82rem;color:var(--cpd-ink-3)}
.cpd-byline-dates{margin:.2rem 0 0;font-size:.8rem;color:var(--cpd-ink-3);display:flex;gap:.5rem;flex-wrap:wrap}

/* ---------- PROSE ---------- */
.cpd-prose{padding-block:var(--cpd-s4)}
.cpd-prose>*{max-width:none;min-width:0}
.cpd-prose h2{margin-top:var(--cpd-s7);position:relative;scroll-margin-top:84px;padding-left:1.1em}
.cpd-prose h2::before{content:"\25CF";position:absolute;left:0;top:.12em;font-size:.4em;color:var(--cpd-accent);font-family:var(--cpd-text)}
.cpd-prose h3{margin-top:var(--cpd-s5);scroll-margin-top:84px}
.cpd-prose p,.cpd-prose li{font-size:1.02rem;overflow-wrap:break-word}
.cpd-prose ul,.cpd-prose ol{padding-left:1.3em}
.cpd-prose a:not(.cpd-cta){color:var(--cpd-accent);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.cpd-prose a:not(.cpd-cta):hover{text-decoration-thickness:2px}
.cpd-prose figure img{width:100%;height:auto}
.cpd-prose figure{width:min(72%,760px);margin:var(--cpd-s5) auto}
.cpd-prose figure.cpd-figure{margin-inline:auto!important}
.cpd-prose figure img{border:var(--cpd-bd);box-shadow:var(--cpd-halo);object-fit:cover;aspect-ratio:16/9}
.cpd-prose figcaption{font-size:.8rem;color:var(--cpd-ink-3);margin-top:var(--cpd-s2);text-align:center}

/* lista-definizioni a due colonne (vantaggi) */
.cpd-deflist{list-style:none;margin:var(--cpd-s4) 0;padding:0;border-top:2px solid var(--cpd-hairline)}
.cpd-deflist>li{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:var(--cpd-s4);padding:var(--cpd-s3) 0;border-bottom:2px solid var(--cpd-hairline-2)}
.cpd-deflist dt,.cpd-deflist .cpd-dt{font-weight:700;color:var(--cpd-ink)}
.cpd-deflist dd,.cpd-deflist .cpd-dd{margin:0;color:var(--cpd-ink-2)}

/* callout */
.cpd-callout{border:var(--cpd-bd);background:var(--cpd-surface);padding:var(--cpd-s4) var(--cpd-s5);margin:var(--cpd-s5) 0;box-shadow:var(--cpd-halo)}
.cpd-callout--invert{background:var(--cpd-ink);color:#fff;border-color:var(--cpd-ink)}
.cpd-callout--invert a{color:#fff}

/* ---------- TABELLE ---------- */
.cpd-tablewrap{overflow-x:auto;margin:var(--cpd-s5) 0;border:var(--cpd-bd)}
.cpd-prose table,table:not(.cpd-bare){width:100%;border-collapse:collapse;font-size:.94rem;background:var(--cpd-surface)}
.cpd-prose :where(th,td),table:not(.cpd-bare) :where(th,td){text-align:left;padding:.65rem .85rem;border-bottom:2px solid var(--cpd-hairline);font-variant-numeric:tabular-nums lining-nums}
.cpd-prose thead th,table:not(.cpd-bare) thead th{background:var(--cpd-surface-2);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700;color:var(--cpd-ink)}
.cpd-prose tbody td:first-child,table:not(.cpd-bare) tbody td:first-child{font-weight:600}
.cpd-prose tbody tr:hover,table:not(.cpd-bare) tbody tr:hover{background:color-mix(in srgb,var(--cpd-accent) 5%,transparent)}
.cpd-prose caption,table:not(.cpd-bare) caption{caption-side:top;text-align:left;font-size:.8rem;color:var(--cpd-ink-3);padding:.4rem 0}

/* ---------- FAQ (details zebra) ---------- */
.cpd-faq{margin:var(--cpd-s5) 0;border-top:2px solid var(--cpd-ink)}
.cpd-faq details,details:not(.cpd-bare){border-bottom:2px solid var(--cpd-hairline);background:transparent}
.cpd-faq details:nth-of-type(even){background:var(--cpd-surface-2)}
.cpd-faq summary,details:not(.cpd-bare)>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:var(--cpd-s4) var(--cpd-s4);font-weight:700;font-size:1.02rem;color:var(--cpd-ink)}
.cpd-faq summary::-webkit-details-marker,details:not(.cpd-bare)>summary::-webkit-details-marker{display:none}
.cpd-faq summary::after,details:not(.cpd-bare)>summary::after{content:"+";font-family:var(--cpd-display);font-size:1.5rem;color:var(--cpd-accent);transition:transform .18s ease;line-height:1}
.cpd-faq details[open]>summary::after,details:not(.cpd-bare)[open]>summary::after{transform:rotate(45deg)}
.cpd-faq .cpd-faq-a,details:not(.cpd-bare)>div{padding:0 var(--cpd-s4) var(--cpd-s4);color:var(--cpd-ink-2)}

/* ---------- TOC ---------- */
.cpd-toc{border:var(--cpd-bd);background:var(--cpd-surface);margin:var(--cpd-s5) 0;box-shadow:var(--cpd-halo)}
.cpd-toc>summary{list-style:none;cursor:pointer;padding:var(--cpd-s3) var(--cpd-s4);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.cpd-toc>summary::-webkit-details-marker{display:none}
.cpd-toclist{list-style:none;counter-reset:cpdtoc;margin:0;padding:0 var(--cpd-s4) var(--cpd-s3)}
.cpd-toclist li{counter-increment:cpdtoc;padding:.2rem 0}
.cpd-toclist a{text-decoration:none;color:var(--cpd-ink-2)}
.cpd-toclist a::before{content:counter(cpdtoc,decimal-leading-zero) ".  ";color:var(--cpd-accent);font-weight:700}
.cpd-toclist a:hover{color:var(--cpd-accent)}

/* ---------- SLOTS ---------- */
.cpd-slots{padding-block:var(--cpd-sec);border-block:2px solid var(--cpd-hairline)}
.cpd-slots-h2{margin:0 0 var(--cpd-s2)}
.cpd-slots-intro{color:var(--cpd-ink-2);max-width:70ch;margin-bottom:var(--cpd-s5)}
.cpd-slots-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--cpd-s3)}
.cpd-slot{display:block;text-decoration:none;color:inherit;border:2px solid var(--cpd-ink);background:var(--cpd-surface);transition:transform .14s ease,border-color .14s ease}
.cpd-slot-cover{display:block;line-height:0;border-bottom:2px solid var(--cpd-ink);overflow:hidden;aspect-ratio:1/1}
.cpd-slot-cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.cpd-slot-name{display:block;padding:.4rem .5rem;font-size:.78rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpd-slot:hover{transform:translateY(-3px);border-color:var(--cpd-accent)}
.cpd-slot:hover .cpd-slot-cover img{transform:scale(1.05)}
.cpd-slots-more{margin-top:var(--cpd-s5)}
.cpd-slots-more a{font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;text-decoration:none}
.cpd-slots-more a:hover{text-decoration:underline}

/* ---------- CARD AUTORE ---------- */
.cpd-authorcard{display:flex;gap:var(--cpd-s5);align-items:flex-start;border:var(--cpd-bd);background:var(--cpd-surface);padding:var(--cpd-s5);margin:var(--cpd-s6) auto 0;max-width:780px;box-shadow:var(--cpd-halo)}
.cpd-authorcard img.cpd-authorcard-photo{width:104px;height:104px;aspect-ratio:1/1;object-fit:cover;border:2px solid var(--cpd-ink);flex:none}
.cpd-authorcard-body{min-width:0}
.cpd-authorcard-name{font-family:var(--cpd-display);font-size:var(--cpd-step-2);text-transform:uppercase;text-decoration:none;color:var(--cpd-ink)}
.cpd-authorcard-name:hover{color:var(--cpd-accent)}
.cpd-authorcard-role{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cpd-accent);font-weight:700;margin:.1rem 0 var(--cpd-s3)}
.cpd-authorcard-more{display:inline-block;margin-top:var(--cpd-s3);font-weight:700;text-decoration:none}
.cpd-authorcard-more:hover{text-decoration:underline}

/* ---------- PAGINA AUTORE ---------- */
.cpd-authorpage{padding-block:var(--cpd-s5)}
.cpd-authorpage-photo{float:left;width:220px;aspect-ratio:3/4;object-fit:cover;border:var(--cpd-bd);margin:0 var(--cpd-s5) var(--cpd-s4) 0;box-shadow:var(--cpd-halo)}
.cpd-authorpage .cpd-prose>*{max-width:none}

/* ---------- FOOTER ---------- */
.cpd-foot{background:var(--cpd-brandzone);border-top:var(--cpd-bd);margin-top:var(--cpd-sec);padding-block:var(--cpd-s6)}
.cpd-foot-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:var(--cpd-s6)}
.cpd-foot-brand{min-width:0}
.cpd-logo--foot img{height:38px}
.cpd-foot-note{font-size:.86rem;color:var(--cpd-ink-2);margin:var(--cpd-s3) 0}
.cpd-foot-contact a{color:var(--cpd-accent);text-decoration:none;font-size:.86rem}
.cpd-foot-contact a:hover{text-decoration:underline}
.cpd-foot-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cpd-s5)}
.cpd-foot-col{min-width:0}
.cpd-foot-h{font-family:var(--cpd-display);font-size:1.2rem;text-transform:uppercase;margin:0 0 var(--cpd-s3);letter-spacing:.03em}
.cpd-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.cpd-foot-col a{color:var(--cpd-ink-2);text-decoration:none;font-size:.9rem}
.cpd-foot-col a:hover{color:var(--cpd-accent)}
.cpd-foot-legal{font-size:.78rem;color:var(--cpd-ink-3);margin-top:var(--cpd-s5);padding-top:var(--cpd-s4);border-top:2px solid var(--cpd-hairline)}

/* ---------- COOKIE ---------- */
.cpd-cookie{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;flex-wrap:wrap;align-items:center;gap:var(--cpd-s4);justify-content:center;
  background:var(--cpd-ink);color:#fff;padding:var(--cpd-s3) var(--cpd-s4);border-top:2px solid var(--cpd-accent)}
.cpd-cookie[hidden]{display:none}
.cpd-cookie-txt{margin:0;font-size:.85rem;max-width:70ch}
.cpd-cookie-txt a{color:#fff}
.cpd-cookie-ok{font-family:var(--cpd-display);font-size:1rem;text-transform:uppercase;letter-spacing:.04em;background:var(--cpd-accent);color:#fff;border:2px solid #fff;padding:.4rem 1.1rem;min-height:44px;cursor:pointer}
.cpd-cookie-ok:hover{background:var(--cpd-cta)}

/* ---------- UTIL ---------- */
.cpd-sec-no{font-family:var(--cpd-display);font-size:var(--cpd-step-5);color:var(--cpd-hairline);line-height:.8;display:block}

/* ============ RESPONSIVE ============ */
@media (max-width:900px){
  .cpd-burger{display:inline-flex}
  .cpd-nav{position:absolute;right:clamp(1rem,4vw,2rem);top:100%;min-width:230px;max-width:calc(100vw - 28px);
    background:var(--cpd-brandzone);border:var(--cpd-bd);border-top:0;display:none;z-index:60;box-shadow:0 18px 40px -28px rgba(0,0,0,.6)}
  .cpd-navtog:checked ~ .cpd-nav{display:block}
  .cpd-nav-list{flex-direction:column;align-items:stretch;gap:0;padding:.4rem}
  .cpd-nav-list a{padding:.7rem .6rem;border-bottom:2px solid var(--cpd-hairline-2)}
  .cpd-nav-list a.cpd-active::after{left:.2em}
  .cpd-cta--head{display:none}
}
@media (max-width:860px){
  .cpd-hero-in{display:flex;flex-direction:column;align-items:center;text-align:center}
  .cpd-hero-media{order:1;width:100%}
  .cpd-hero-img{width:min(100%,340px);max-width:none;height:auto;aspect-ratio:1/1;max-height:none;margin-inline:auto}
  .cpd-hero-copy{order:2;align-items:center;width:100%}
  .cpd-hero-copy .cpd-kicker{order:1}
  .cpd-hero-h1{order:2}
  .cpd-hero-ctarow{order:3;justify-content:center;width:100%}
  .cpd-hero-lead{order:5;margin-inline:auto}
  .cpd-hero-rail{order:4;flex-direction:row;align-items:center;gap:var(--cpd-s3)}
  .cpd-hero-rail-bar{width:auto;height:10px;min-height:0;flex:1;max-width:160px}
  .cpd-hero-rail-bar i{inset:0 22% 0 0;height:auto;width:78%}
  .cpd-hero-rail-cap{writing-mode:horizontal-tb}
  .cpd-hero-facts{order:6;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .cpd-hero-facts li:nth-child(2n){border-right:0}
  .cpd-hero-facts li{border-bottom:2px solid var(--cpd-ink)}
  .cpd-hero-facts li:nth-last-child(-n+2){border-bottom:0}
}
@media (max-width:760px){
  .cpd-foot-in{grid-template-columns:minmax(0,1fr);gap:var(--cpd-s5)}
  .cpd-foot-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .cpd-slots-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cpd-prose figure{width:100%}
  .cpd-deflist>li{grid-template-columns:minmax(0,1fr);gap:.2rem}
  .cpd-authorcard{flex-direction:column;align-items:center;text-align:center}
  .cpd-authorpage-photo{float:none;margin:0 auto var(--cpd-s4);display:block}
  .cpd-foot-nav{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:380px){
  .cpd-slots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .cpd-nav-list a::before,.cpd-cta::before,.cpd-cta,.cpd-slot,.cpd-slot-cover img,.cpd-faq summary::after{transition:none!important}
}

/* CTA в теле статьи (голый cpd_cta() — прямой ребёнок <section> в .cpd-prose, без .cpd-ctarow) центрируем. */
.cpd-prose section > a.cpd-cta, .cpd-prose > a.cpd-cta{display:flex;width:fit-content;margin:1.6rem auto}