
/* ════════════════════════════════════════════════════════════════════
   PADRÃO DE CABEÇALHO DE SEÇÃO · numeração + tag laranja (igual FAQ)
   Processo e Prova reganham o brut-index (nº vazado laranja,
   injetado por brutalism.js) + a tag laranja sólida de .sec-head__label.
   Aqui só normalizamos espaçamento e tiramos a seta antiga do kicker.
   ════════════════════════════════════════════════════════════════════ */
html.cc-brut body .proc-header__label.sec-head__label,
html.cc-brut body .proof__label.sec-head__label{ margin:0 0 18px !important; }
/* número vazado: respiro consistente acima do título em todas as seções */
html.cc-brut body .brut-index{ margin-bottom:10px !important; }
/* Processo: header acima do degradê escuro de topo (.proc::before z-index:3) */
html.cc-brut body .proc-header{ position:relative; z-index:4; }
/* Processo tem FUNDO LARANJA → número laranja sumia (laranja s/ laranja).
   Aqui o contorno vira tinta escura, que contrasta no laranja. */
html.cc-brut body .proc-header .brut-index{
  color:transparent !important;
  -webkit-text-stroke:2.5px rgba(18,6,26,.7) !important;
}


/* ════════════════════════════════════════════════════════════════════
   HOME · RITMO VERTICAL LUXURY 2026  (rev. profunda)
   ─────────────────────────────────────────────────────────────────
   Entre capítulos: 1× --home-sec-y (só padding-bottom; topo = status)
   Dentro: status → --home-status-gap → título → --home-head-gap → corpo
   Blocos: --home-block-gap · Faixas: --home-sec-y-sm (sem pad duplo)
   ════════════════════════════════════════════════════════════════════ */
:root{
  --home-sec-y: var(--space-sec);
  --home-sec-y-sm: var(--space-sec-sm);
  --home-band-y: clamp(20px, 2.5vw, 28px);
  --home-status-gap: var(--space-head-in);
  --home-head-gap: clamp(52px, 6.5vw, 80px);
  --home-block-gap: var(--space-block);
  --home-title-size: clamp(2rem, 4vw, 3.2rem);
  --home-desc-size: clamp(.95rem, 1.15vw, 1.08rem);
  --home-sec-pad: var(--home-sec-y);
}

/* Capítulos: SEM padding-top (status é o chrome) · 1× respiro embaixo */
html.cc-brut body :is(.probsol, .proof, .proc, .faq-section){
  padding-top: 0 !important;
  padding-bottom: var(--home-sec-y) !important;
  margin-block: 0 !important;
}

/* Status → título */
html.cc-brut body :is(.probsol-status, .proof-status, .chapter-status){
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  padding: 14px 0 !important;
  margin: 0 0 var(--home-status-gap) !important;
  position: relative;
  z-index: 3;
}
html.cc-brut body :is(.probsol-status, .proof-status, .chapter-status) .cfs-grid{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  font-family: var(--fonte-corpo), 'DM Mono', monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .45);
}
html.cc-brut body :is(.probsol-status, .proof-status, .chapter-status) .cfs-item{ white-space: nowrap; }
html.cc-brut body :is(.probsol-status, .proof-status, .chapter-status) .cfs-dot{
  display: inline-block;
  width: 6px; height: 6px;
  background: var(--cc-orange, #FF5C14);
  margin-right: 8px;
  vertical-align: middle;
  box-shadow: 0 0 10px rgba(255,92,20,.55);
}
html.cc-brut body .proc .chapter-status{
  border-bottom-color: rgba(18,6,26,.22) !important;
}
html.cc-brut body .proc .chapter-status .cfs-grid{ color: rgba(18,6,26,.62) !important; }
html.cc-brut body .proc .chapter-status .cfs-dot{
  background: rgba(18,6,26,.88) !important;
  box-shadow: none !important;
}

/* Título → corpo (um gap só — sem padding extra no container) */
html.cc-brut body .psc-head,
html.cc-brut body .sec-head,
html.cc-brut body .proc-header,
html.cc-brut body .proof__head{
  margin-top: 0 !important;
  margin-bottom: var(--home-head-gap) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
html.cc-brut body .container:has(.psc-head){
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

html.cc-brut body .sec-head__title,
html.cc-brut body .proc-header__title,
html.cc-brut body .proof__title,
html.cc-brut body .faq-section .sec-head__title{
  font-size: var(--home-title-size) !important;
  line-height: 1.02 !important;
  letter-spacing: -.02em !important;
  text-transform: uppercase !important;
  font-weight: 900 !important;
}
html.cc-brut body .sec-head__desc,
html.cc-brut body .proc-header__sub,
html.cc-brut body .proof__desc,
html.cc-brut body .faq-section .sec-head__desc{
  font-size: var(--home-desc-size) !important;
  line-height: 1.55 !important;
  max-width: 52ch;
  color: rgba(255,255,255,.62) !important;
}

/* ── Diagnóstico · stage sticky (vence theme-brand .psc-theme-light.probsol) ── */
html.cc-brut body .probsol .psc-stage{
  /* padding vertical vem do palco expandido (overlap da faixa) */
  padding-block: clamp(28px, 4vh, 56px) !important;
}
html.cc-brut body .probsol .psc-pin{
  margin: 0 !important;
}
html.cc-brut body .probsol .psc-head{
  margin-bottom: var(--home-head-gap) !important;
}

/* ── Stack canônico (Prova + FAQ + Cases): head + corpo no mesmo container ── */
html.cc-brut body :is(.psc-theme-dark, .psc-theme-orange, .psc-theme-light, .psc-theme-faq) > .container.chap-stack {
  display: flex;
  flex-direction: column;
  gap: var(--home-block-gap);
}
html.cc-brut body :is(.psc-theme-dark, .psc-theme-orange, .psc-theme-light, .psc-theme-faq) > .container.chap-stack > .psc-head {
  margin-bottom: 0 !important;
  padding-bottom: calc(var(--home-head-gap) - var(--home-block-gap)) !important;
}
html.cc-brut body .psc-theme-dark :is(.proof__board, .proof__quotes, .proof__roster, .test-grid){
  margin: 0 !important;
}
html.cc-brut body .psc-theme-faq .faq-grid--solo{
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  max-width: min(820px, 100%);
  width: 100%;
}

/* ── Método · stack canônico (igual Prova/FAQ) ── */
html.cc-brut body .psc-theme-orange{
  display: flex;
  flex-direction: column;
}
html.cc-brut body .psc-theme-orange > .container.chap-stack{
  display: flex;
  flex-direction: column;
  gap: var(--home-block-gap);
}
html.cc-brut body .psc-theme-orange > .container.chap-stack > .psc-head{
  margin-bottom: 0 !important;
  padding-bottom: calc(var(--home-head-gap) - var(--home-block-gap)) !important;
}
html.cc-brut body .psc-theme-orange :is(.proc-grid, .spec-techstack){
  margin: 0 !important;
}

/* ── Stats · pad só nos itens (evita seção+item) ── */
html.cc-brut body .stats-strip{
  padding: 0 !important;
  margin-block: 0 !important;
}
html.cc-brut body .stats-strip__item{
  padding: var(--home-sec-y-sm) clamp(16px, 2vw, 28px) !important;
}
html.cc-brut body .stats-strip .cc-ghost-num{ display: none !important; }

/* ── CTA final · faixa compacta ── */
html.cc-brut body .signup-strip:not(.signup-strip--in-probsol){
  padding: var(--home-sec-y-sm) 0 !important;
  border-top: 1px solid var(--cc-border, #2D2D2D);
  border-bottom: 1px solid var(--cc-border, #2D2D2D);
  margin-top: 0 !important;
  margin-bottom: var(--space-sec) !important;
}
html.cc-brut body .signup-strip--close{
  margin-top: 0 !important;
  margin-bottom: var(--space-sec) !important;
}
/* Área do Cliente embutida no Diagnóstico — cartão (cream + borda) */
html.cc-brut body .signup-strip--in-probsol{
  padding: var(--home-block-gap) var(--gut) !important;
  margin-top: var(--home-block-gap) !important;
  margin-bottom: var(--space-sec) !important;
  border: 1.5px solid var(--cc-black, #12061A) !important;
  box-shadow: 4px 4px 0 rgba(18,6,26,.12);
  background:
    repeating-linear-gradient(0deg, transparent 0 11px, rgba(18,6,26,.04) 11px 12px),
    var(--dv-cream-50, #FBF7F2) !important;
  color: var(--dv-ink, #16081F);
}
html.cc-brut body .signup-strip--in-probsol .signup-strip__title{
  color: var(--dv-ink, #16081F) !important;
  text-transform: uppercase;
}
html.cc-brut body .signup-strip--in-probsol .signup-strip__text{
  color: rgba(22,8,31,.62) !important;
}
html.cc-brut body .signup-strip--in-probsol .signup-strip__label{
  color: var(--dv-orange, #FF5C14) !important;
}
html.cc-brut body .signup-strip--in-probsol .signup-strip__login{
  color: var(--dv-violet, #55357E) !important;
}
html.cc-brut body.dark-theme .signup-strip--in-probsol{
  border-color: rgba(255,255,255,.88) !important;
  box-shadow: 4px 4px 0 rgba(255,255,255,.55);
  background:
    repeating-linear-gradient(0deg, transparent 0 11px, rgba(255,255,255,.04) 11px 12px),
    #150922 !important;
  color: #fff;
}
html.cc-brut body.dark-theme .signup-strip--in-probsol .signup-strip__title{
  color: #fff !important;
}
html.cc-brut body.dark-theme .signup-strip--in-probsol .signup-strip__text{
  color: rgba(255,255,255,.62) !important;
}
html.cc-brut body.dark-theme .signup-strip--in-probsol .signup-strip__login{
  color: var(--cc-cyan, #B19CFF) !important;
}
html.cc-brut body .signup-strip--pulse{
  background:
    radial-gradient(ellipse at 12% 50%, rgba(255,92,20,.16) 0%, transparent 55%),
    var(--cc-navy, #1A0B24) !important;
}
html.cc-brut body .signup-strip--close{
  background: var(--cc-surface, #161616) !important;
  border-top: 1px solid var(--cc-border-light, #C8C8C8);
  border-bottom: 1px solid var(--cc-border, #2D2D2D);
}
html.cc-brut body .signup-strip--close .signup-strip__label{ color: var(--cc-cyan, #B19CFF); }
html.cc-brut body .signup-strip--close .signup-strip__btn{
  background: transparent !important;
  color: var(--cc-white) !important;
  border: 2px solid var(--cc-orange, #FF5C14) !important;
  box-shadow: 4px 4px 0 var(--cc-orange, #FF5C14) !important;
}
html.cc-brut body .signup-strip--close .signup-strip__btn:hover{
  background: var(--cc-orange, #FF5C14) !important;
  color: var(--cc-black) !important;
}

/* estilos .proc migrados para #cc-proc-2026 */

html.cc-brut body .faq-section{
  background: var(--cc-black, #12061A) !important;
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
}



/* ════════════════════════════════════════════════════════════
   HOME · só o BLOCO DE TÍTULO (psc-head) — estrutura do 01
   Seções mantêm fundo/cores originais. Gradientes = tokens --dv-*
   ════════════════════════════════════════════════════════════ */

/* 01 Light / Default · Seção clara (ex: Diagnóstico / Cases / Catálogo) */
html.cc-brut body .psc-theme-light{
  --chap-hole: var(--dv-cream-100, #FBF7F2);
  --chap-ink: var(--dv-ink, #16081F);
  --chap-muted: rgba(var(--dv-plum-rgb, 22, 8, 31), .68);
  --chap-chip-bg: rgba(18, 6, 26, 0.05);
  --chap-chip-border: rgba(18, 6, 26, 0.15);
  --chap-shadow: rgba(18, 6, 26, 0.2);
  --chap-a: var(--dv-orange, #FF5C14);
  --chap-b: var(--dv-magenta, #E23A8C);
  --chap-c: var(--dv-lilac, #B19CFF);
  --chap-tag-a: var(--dv-orange, #FF5C14);
  --chap-tag-b: var(--dv-coral, #FF7E47);
}

/* Prova · seção escura (também no tema claro) */
html.cc-brut body .psc-theme-dark{
  --chap-hole: #150922;
  --chap-ink: var(--dv-cream-50);
  --chap-muted: rgba(var(--dv-cream-rgb), .62);
  --chap-chip-bg: rgba(255,255,255,.06);
  --chap-chip-border: rgba(255,255,255,.16);
  --chap-shadow: rgba(0,0,0,.45);
  --chap-a: var(--dv-orange);
  --chap-b: var(--dv-magenta);
  --chap-c: var(--dv-lilac);
  --chap-tag-a: var(--dv-orange);
  --chap-tag-b: var(--dv-coral);
}
/* Método · fundo laranja → hole = blaze */
html.cc-brut body .psc-theme-orange{
  --chap-hole: var(--dv-orange);
  --chap-ink: var(--dv-ink);
  --chap-muted: rgba(var(--dv-plum-rgb), .72);
  --chap-chip-bg: rgba(18, 6, 26, 0.06);
  --chap-chip-border: rgba(18, 6, 26, 0.25);
  --chap-shadow: rgba(18, 6, 26, 0.28);
  --chap-a: var(--dv-plum-900);
  --chap-b: var(--dv-plum-700);
  --chap-c: var(--dv-lilac);
  --chap-tag-a: var(--dv-plum-900);
  --chap-tag-b: var(--dv-plum-700);
}
/* 04 FAQ · claro = cream (como 01); escuro = plum */
html.cc-brut body .psc-theme-faq{
  --chap-hole: var(--dv-cream-100);
  --chap-ink: var(--dv-ink);
  --chap-muted: rgba(var(--dv-plum-rgb), .68);
  --chap-chip-bg: rgba(255,255,255,.72);
  --chap-chip-border: rgba(var(--dv-plum-rgb), .12);
  --chap-shadow: rgba(var(--dv-plum-rgb), .26);
  --chap-a: var(--dv-lilac);
  --chap-b: var(--dv-magenta);
  --chap-c: var(--dv-orange);
  --chap-tag-a: var(--dv-orange);
  --chap-tag-b: var(--dv-coral);
}
html.cc-brut body.dark-theme .psc-theme-faq{
  --chap-hole: var(--dv-plum-900);
  --chap-ink: var(--dv-cream-50);
  --chap-muted: rgba(var(--dv-cream-rgb), .62);
  --chap-chip-bg: rgba(255,255,255,.06);
  --chap-chip-border: rgba(255,255,255,.16);
  --chap-shadow: rgba(0,0,0,.45);
}

/* Layout do bloco de título */
html.cc-brut body .psc-head .brut-index{ display:none !important; }
html.cc-brut body .psc-head{
  display:grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(340px, 1.05fr);
  max-width: 100%;
  gap: clamp(20px, 3vw, 36px);
  align-items: stretch;
  margin: 0 0 var(--home-head-gap, clamp(52px, 6.5vw, 80px));
  overflow: visible;
  position: relative;
  z-index: 4;
}
@media (max-width: 900px) {
  html.cc-brut body .psc-head {
    grid-template-columns: 1fr;
  }
}
html.cc-brut body .psc-head__main{
  min-width:0; display:flex; flex-direction:column; justify-content:center; gap:16px; position:relative;
}
html.cc-brut body .psc-head__kicker{
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px;
}
html.cc-brut body .psc-head__idx{
  font: 900 clamp(5.25rem, 14vw, 10.5rem)/.72 var(--font-display);
  letter-spacing: -.06em;
  color: var(--chap-hole);
  -webkit-text-fill-color: var(--chap-hole);
  background: linear-gradient(125deg, var(--chap-a) 0%, var(--chap-b) 55%, var(--chap-c) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 3.5px transparent;
  paint-order: stroke fill;
  filter: drop-shadow(0 3px 22px color-mix(in srgb, var(--chap-a) 35%, transparent));
}
@media (max-width:768px){
  html.cc-brut body .psc-head__idx{
    font-size: clamp(4.25rem, 22vw, 5.75rem);
    -webkit-text-stroke-width: 2.75px;
  }
}
html.cc-brut body .psc-head span.psc-head__tag.sec-head__label,
html.cc-brut body .psc-head .psc-head__tag{
  margin:0 !important; padding:8px 14px !important;
  display:inline-flex !important; align-items:center !important;
  border:0 !important; border-radius:var(--cc-r-pill, 9999px) !important;
  background: linear-gradient(115deg, var(--chap-tag-a), var(--chap-tag-b)) !important;
  color:#fff !important;
  font:800 10px/1 var(--font-mono) !important;
  letter-spacing:.16em !important; text-transform:uppercase !important;
  box-shadow: 3px 3px 0 var(--chap-shadow) !important;
}
/* Tag do método: texto cream no pill plum */
html.cc-brut body .psc-theme-orange .psc-head .psc-head__tag{
  color: var(--dv-cream-50) !important;
}
/* 03 · número: contorno cream → lilás → plum (lê no blaze; marca) */
html.cc-brut body .psc-theme-orange .psc-head__idx{
  color: var(--dv-orange);
  -webkit-text-fill-color: var(--dv-orange);
  background: linear-gradient(
    125deg,
    var(--dv-cream-50) 0%,
    var(--dv-lilac) 32%,
    var(--dv-plum-800) 68%,
    var(--dv-ink) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 3.5px transparent;
  filter: drop-shadow(0 3px 18px rgba(var(--dv-plum-rgb), .4));
}
html.cc-brut body .psc-head__flow{
  color: var(--chap-muted);
  font:600 9px/1 var(--font-mono);
  letter-spacing:.14em; text-transform:uppercase;
}
html.cc-brut body .psc-head__title{
  margin:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:clamp(4px, 0.8vw, 8px) !important;
}
html.cc-brut body .psc-head__line{
  display:block !important;
  width:100% !important;
  font:900 clamp(2.4rem, 5vw, 4.2rem)/.96 var(--font-display) !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  color: var(--chap-ink) !important;
  -webkit-text-fill-color: var(--chap-ink);
}
html.cc-brut body .psc-head__line--accent{
  display:inline-block !important;
  width:fit-content !important;
  max-width:100% !important;
  white-space:normal !important;
  box-sizing:border-box !important;
  padding:.08em .32em .06em !important;
  line-height:1.05 !important;
  vertical-align:baseline !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background: linear-gradient(115deg, var(--chap-a), var(--chap-b)) !important;
  box-shadow: 5px 5px 0 var(--chap-shadow) !important;
  border-radius: var(--cc-r-sm, 5px) !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
/* Accent no método (fundo laranja): caixa plum + texto cream */
html.cc-brut body .psc-theme-orange .psc-head__line--accent{
  color: var(--dv-cream-50) !important;
  -webkit-text-fill-color: var(--dv-cream-50) !important;
  background: linear-gradient(115deg, var(--dv-plum-900), var(--dv-plum-700)) !important;
}
html.cc-brut body .psc-head__desc{
  margin:0 !important;
  max-width:48ch !important;
  color: var(--chap-muted) !important;
  font:500 clamp(1.04rem, 1.35vw, 1.22rem)/1.55 inherit !important;
}
html.cc-brut body .psc-head__chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  list-style:none !important;
}
html.cc-brut body .psc-head__chips li{
  padding:8px 14px !important;
  border-radius:var(--cc-r-pill, 9999px) !important;
  border:1px solid var(--chap-chip-border) !important;
  background: var(--chap-chip-bg) !important;
  color: var(--chap-ink) !important;
  font:700 9.5px/1 var(--font-mono) !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  transition:border-color .2s ease, background .2s ease !important;
}

/* ── Ajuste de Grid para o FAQ (aumentar coluna do título) ── */
html.cc-brut body .psc-theme-faq .faq-grid{
  grid-template-columns: 1.1fr 1fr;
  gap: 80px;
}
@media (max-width: 900px){
  html.cc-brut body .psc-theme-faq .faq-grid{
    grid-template-columns: 1fr;
    gap: 48px;
  }
}

/* ── 04 FAQ · refino do bloco de título (claro + escuro) ── */
html.cc-brut body .psc-theme-faq .faq-grid .psc-head{
  max-width: min(960px, 100%);
  position: sticky;
  top: 120px;
  align-self: start;
}
html.cc-brut body .psc-theme-faq .psc-head__idx{
  background: linear-gradient(
    125deg,
    var(--dv-lilac) 0%,
    #E23A8C 38%,
    var(--dv-orange) 72%,
    var(--dv-coral) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 4px 28px rgba(var(--dv-orange-rgb), .32));
}
html.cc-brut body .psc-theme-faq .psc-head .psc-head__tag{
  background: linear-gradient(115deg, var(--dv-orange), #E23A8C) !important;
  color: #fff !important;
  box-shadow: 3px 3px 0 rgba(var(--dv-plum-rgb), .22) !important;
}
html.cc-brut body .psc-theme-faq .psc-head__flow{
  color: rgba(var(--dv-plum-rgb), .45);
}
html.cc-brut body .psc-theme-faq .psc-head__title{
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
html.cc-brut body .psc-theme-faq .psc-head__line{
  font-size: clamp(2.8rem, 6vw, 4.6rem) !important;
  line-height: .92 !important;
  color: var(--chap-ink) !important;
  -webkit-text-fill-color: var(--chap-ink) !important;
}
html.cc-brut body .psc-theme-faq .psc-head__line--accent{
  white-space: normal !important;
  background: linear-gradient(115deg, var(--dv-lilac) 0%, #E23A8C 48%, var(--dv-orange) 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: 6px 6px 0 rgba(var(--dv-plum-rgb), .22);
  padding: .1em .36em .08em !important;
}
html.cc-brut body .psc-theme-faq .psc-head__desc{
  max-width: 42ch !important;
  color: var(--chap-muted) !important;
}
html.cc-brut body .psc-theme-faq .psc-head__chips li{
  border-color: var(--chap-chip-border);
  background: var(--chap-chip-bg);
  color: var(--chap-ink);
}
html.cc-brut body .psc-theme-faq .psc-head__chips li:hover{
  border-color: rgba(var(--dv-orange-rgb), .45);
  background: rgba(var(--dv-orange-rgb), .08);
}

/* FAQ escuro: reforça contraste do head */
html.cc-brut body.dark-theme .psc-theme-faq .psc-head__flow{
  color: rgba(var(--dv-lilac-rgb), .72);
}
html.cc-brut body.dark-theme .psc-theme-faq .psc-head .psc-head__tag{
  box-shadow: 3px 3px 0 rgba(var(--dv-lilac-rgb), .4) !important;
}
html.cc-brut body.dark-theme .psc-theme-faq .psc-head__line--accent{
  box-shadow:
    6px 6px 0 rgba(0,0,0,.55),
    0 0 28px rgba(var(--dv-orange-rgb), .28);
}
html.cc-brut body.dark-theme .psc-theme-faq .psc-head__chips li{
  border-color: rgba(var(--dv-lilac-rgb), .28);
  background: rgba(var(--dv-lilac-rgb), .08);
  color: var(--dv-cream-50);
}
html.cc-brut body.dark-theme .psc-theme-faq .psc-head__chips li:hover{
  border-color: rgba(var(--dv-orange-rgb), .55);
  background: rgba(var(--dv-orange-rgb), .1);
}

@media (max-width: 768px) {
  html.cc-brut body .psc-head__chips {
    gap: 5px !important;
  }
  html.cc-brut body .psc-head__chips li {
    padding: 5px 9px !important;
    font-size: 8px !important;
    letter-spacing: .08em;
  }
}
