/*
 * Código do Nome — VISUAL SYSTEM R1
 * Referência canônica: ficha Helena + escala aprovada do Laboratório.
 * Esta camada NÃO altera lógica, conteúdo ou estrutura funcional.
 * Ela padroniza apenas tokens visuais e corrige inconsistências responsivas.
 */
:root{
  --cdn-ds-ink:#24313a;
  --cdn-ds-text:#52636d;
  --cdn-ds-muted:#65737c;
  --cdn-ds-line:#c4d1d5;
  --cdn-ds-line-soft:#dde5e8;
  --cdn-ds-bg:#f5f7f8;
  --cdn-ds-card:#fff;
  --cdn-ds-soft:#eef5f7;
  --cdn-ds-blue:#0e607f;
  --cdn-ds-teal:#007681;
  --cdn-ds-pink:#e0006f;
  --cdn-ds-pink-hover:#c70062;
  --cdn-ds-radius-lg:20px;
  --cdn-ds-radius-md:14px;
  --cdn-ds-radius-control:12px;
  --cdn-ds-h1:48px;
  --cdn-ds-h1-line:52.8px;
  --cdn-ds-h2:30px;
  --cdn-ds-h2-line:36px;
  --cdn-ds-h3:24px;
  --cdn-ds-h3-line:31.2px;
  --cdn-ds-card-title:20px;
  --cdn-ds-card-title-line:26px;
  --cdn-ds-body:16px;
  --cdn-ds-body-line:25.6px;
  --cdn-ds-aux:14px;
  --cdn-ds-aux-line:21px;
  --cdn-ds-label:13px;
  --cdn-ds-label-line:18.2px;
  --cdn-ds-micro:13px;
  --cdn-ds-micro-line:18.2px;
}

/* =========================================================
   1. FUNÇÕES INDEPENDENTES — escala Helena, sem trocar DOM
   ========================================================= */
html body.cdn-functional-r1-page .cdn-functional-r1{
  color:var(--cdn-ds-ink)!important;
  background:var(--cdn-ds-bg)!important;
  font-size:var(--cdn-ds-body)!important;
  line-height:var(--cdn-ds-body-line)!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 h1{
  color:var(--cdn-ds-ink)!important;
  font-size:var(--cdn-ds-h1)!important;
  line-height:var(--cdn-ds-h1-line)!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 h2{
  color:var(--cdn-ds-ink)!important;
  font-size:var(--cdn-ds-h2)!important;
  line-height:var(--cdn-ds-h2-line)!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 h3{
  color:var(--cdn-ds-ink)!important;
  font-size:var(--cdn-ds-h3)!important;
  line-height:var(--cdn-ds-h3-line)!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 h4{
  color:var(--cdn-ds-ink)!important;
  font-size:18px!important;
  line-height:25px!important;
  font-weight:600!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(p,li,.lead,.desc,.meaning,.bubble){
  color:var(--cdn-ds-text);
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.lead,.pp-lead){
  font-size:var(--cdn-ds-body)!important;
  line-height:var(--cdn-ds-body-line)!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.ey,.eyebrow,.kicker,.q-kicker,.pp-kicker,.badge){
  color:var(--cdn-ds-teal)!important;
  font-size:var(--cdn-ds-label)!important;
  line-height:var(--cdn-ds-label-line)!important;
  font-weight:600!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(label,.field>span,.label,.smalllabel){
  color:var(--cdn-ds-ink)!important;
  font-size:var(--cdn-ds-label)!important;
  line-height:var(--cdn-ds-label-line)!important;
  font-weight:600!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(
  small,.notice,.topnote,.prototype-note,.help,.hint,.note,.warning,.method,
  .foot,.footnote,.footer-note,.side-note,.hidden-note,.smallwarn,.status,
  .statusline,.qa,.count,.reason,.why,.explain,.metric,.private,.reveal,
  .result-name,.diff,.distinct,.sample,.disclaimer,.saved,.example,.theme-hint,
  .pp-audio-note
){
  font-size:var(--cdn-ds-micro)!important;
  line-height:var(--cdn-ds-micro-line)!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(
  .pill,.chip,.tag,.stamp,.meta,.meta span,.pref span,.profile-title,.profile .sub,
  .syl,.period,.progress,.progress-head span,.steps button,.modes button,
  .intent button,.chips button,.quick button,.audio,.invite,.blind,.toast,
  .tags span,.frags span,.hero-meta span,.mini-chips span
){
  font-size:var(--cdn-ds-label)!important;
  line-height:var(--cdn-ds-label-line)!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(input,select,textarea){
  min-height:48px!important;
  padding:11px 12px!important;
  border:1px solid #7a909c!important;
  border-radius:var(--cdn-ds-radius-control)!important;
  background:#fff!important;
  color:var(--cdn-ds-ink)!important;
  font-size:16px!important;
  line-height:24px!important;
  box-shadow:none!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.primary,.submit,.btn-primary,#send,#pp-go){
  min-height:48px!important;
  padding:11px 20px!important;
  border:1px solid var(--cdn-ds-pink)!important;
  border-radius:var(--cdn-ds-radius-control)!important;
  background:var(--cdn-ds-pink)!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:600!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.primary,.submit,.btn-primary,#send,#pp-go):hover{
  border-color:var(--cdn-ds-pink-hover)!important;
  background:var(--cdn-ds-pink-hover)!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.secondary,.btn-secondary,.reset){
  min-height:44px!important;
  border-radius:var(--cdn-ds-radius-control)!important;
  font-size:14px!important;
  line-height:21px!important;
  font-weight:600!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1 :is(.panel,.card,.step,.resultbox,.pp-search-card,.pp-country,.pp-method){
  border-color:var(--cdn-ds-line)!important;
  box-shadow:none!important;
}

/* Gerador de Apelidos: dívida antiga de overflow em 320 px. */
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="nickname-generator"] > .wrap{
  min-width:0!important;
  max-width:1080px!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="nickname-generator"] :is(.hero,.result,.head,.search,.next,.cards,.card){
  min-width:0!important;
  max-width:100%!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="nickname-generator"] :is(input,button){
  max-width:100%!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="nickname-generator"] .actions{
  flex-wrap:wrap!important;
}

/* =========================================================
   2. CONSELHO DO NOME — legado removido na V117; estilos vivem em conselho-do-nome.css.
   ========================================================= */

/* =========================================================
   3. FERRAMENTAS PHP (legadas).
   V103: o Comparador foi retirado desta camada e possui contrato canônico
   próprio em tools.css; isso evita que o Visual System o reestilize depois.
   ========================================================= */
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]){background:var(--cdn-ds-bg);color:var(--cdn-ds-ink);}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="generator"]):not([data-cdn-tool="compare"]) .cdn-tools-shell{max-width:1080px!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-tools-hero{padding:26px 0 30px!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-tools-hero h1{color:var(--cdn-ds-ink)!important;font-size:48px!important;line-height:52.8px!important;font-weight:700!important;letter-spacing:-.03em!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-tools-hero p{color:var(--cdn-ds-text)!important;font-size:16px!important;line-height:25.6px!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-tools-eyebrow{color:var(--cdn-ds-teal)!important;font-size:13px!important;line-height:18px!important;font-weight:600!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-tool-panel,.cdn-tools-note,.cdn-tools-more){border:1px solid var(--cdn-ds-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:none!important;padding:24px!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-tool-panel,.cdn-tools-note,.cdn-tools-more) h2{color:var(--cdn-ds-ink)!important;font-size:30px!important;line-height:36px!important;font-weight:700!important;letter-spacing:-.02em!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-result-card h3,.cdn-radar-group h3,.cdn-section-title){color:var(--cdn-ds-ink)!important;font-size:20px!important;line-height:26px!important;font-weight:600!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-tool-panel,.cdn-tools-note,.cdn-tools-more,.cdn-result-card) p{font-size:16px;line-height:25.6px;color:var(--cdn-ds-text);}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-generator-form,.cdn-fullname-form,.cdn-state-form) label{font-size:13px!important;line-height:18.2px!important;font-weight:600!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-generator-form,.cdn-fullname-form,.cdn-state-form) :is(input,select){min-height:48px!important;border-radius:12px!important;border-color:#7a909c!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-btn{min-height:48px!important;border-radius:12px!important;font-size:16px!important;line-height:24px!important;font-weight:600!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-btn-primary{background:var(--cdn-ds-pink)!important;color:#fff!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) .cdn-btn-primary:hover{background:var(--cdn-ds-pink-hover)!important;}
html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="compare"]) :is(.cdn-local-badge,.cdn-result-meta span,.cdn-chip,.cdn-active-filters span,.cdn-num-summary small,.cdn-privacy-note){font-size:13px!important;line-height:18.2px!important;}

/* =========================================================
   4. MINHA ÁREA — remove microtextos abaixo do padrão
   ========================================================= */
html body.cdn-account-standalone .cdn-account-page{background:var(--cdn-ds-bg)!important;color:var(--cdn-ds-ink)!important;}
html body.cdn-account-standalone .cdn-account-shell{width:min(1080px,calc(100% - 48px))!important;}
html body.cdn-account-standalone .cdn-account-dashboard-head,
html body.cdn-account-standalone .cdn-account-panel,
html body.cdn-account-standalone .cdn-account-next,
html body.cdn-account-standalone .cdn-account-auth-card{
  border-color:var(--cdn-ds-line)!important;box-shadow:none!important;
}
html body.cdn-account-standalone .cdn-account-dashboard-head h1,
html body.cdn-account-standalone .cdn-account-auth-card h1{
  color:var(--cdn-ds-ink)!important;font-size:48px!important;line-height:52.8px!important;font-weight:700!important;letter-spacing:-.03em!important;
}
html body.cdn-account-standalone .cdn-account-panel-head h2,
html body.cdn-account-standalone .cdn-account-next h2,
html body.cdn-account-standalone .cdn-account-settings-head h2{
  color:var(--cdn-ds-ink)!important;font-size:30px!important;line-height:36px!important;font-weight:700!important;
}
html body.cdn-account-standalone :is(.cdn-account-name-card h3,.cdn-account-lab-card h3,.cdn-account-evolution-item h3,.cdn-account-decision-grid h3){
  color:var(--cdn-ds-ink)!important;font-size:20px!important;line-height:26px!important;font-weight:600!important;
}
html body.cdn-account-standalone :is(
  .cdn-account-eyebrow,.cdn-account-form label small,.cdn-account-privacy,.cdn-account-logout,
  .cdn-account-email-preferences .cdn-account-panel-head>span,.cdn-account-preferences-save,
  .cdn-account-preferences-note,.cdn-account-progress-card-head>div span,.cdn-account-progress-card-head>b,
  .cdn-account-check-list li small,.cdn-account-choice-badge,.cdn-account-name-progress-copy,
  .cdn-account-mini-checks li,.cdn-account-mini-checks li b,.cdn-account-mini-checks li small,
  .cdn-account-name-actions a,.cdn-account-status,.cdn-account-feature-chips span,.cdn-account-lab-action,
  .cdn-account-evolution-item p,.cdn-account-evolution-item small,.cdn-account-decision-grid p,
  .cdn-account-explore-links span,.cdn-account-data-note,.cdn-account-factual-stats span,
  .cdn-account-progress-next span,.cdn-account-progress-more,.cdn-account-save-tested,
  .cdn-account-next-tag,.cdn-account-journey-step,.cdn-account-settings-grid p,
  .cdn-account-settings-grid article>span,.cdn-account-settings-grid article>a,.cdn-account-settings-note,
  .cdn-account-mini-checks li>span,.cdn-account-lab-icon
){
  font-size:13px!important;line-height:18.2px!important;
}
html body.cdn-account-standalone :is(.cdn-account-form label,.cdn-account-recent-item span,.cdn-account-panel-head>a,.cdn-account-summary-card>span,.cdn-account-summary-card>b){font-size:14px!important;line-height:21px!important;}
html body.cdn-account-standalone :is(.cdn-account-form input:not([type="checkbox"]):not([type="radio"]),.cdn-account-primary){min-height:48px!important;border-radius:12px!important;}
html body.cdn-account-standalone .cdn-account-primary{font-size:16px!important;line-height:24px!important;font-weight:600!important;background:var(--cdn-ds-pink)!important;}
html body.cdn-account-standalone .cdn-account-primary:hover{background:var(--cdn-ds-pink-hover)!important;}

/* =========================================================
   5. LISTAGENS / HUBS DE NOMES — escala sem redesenho
   ========================================================= */
html body.cdn-archive-standalone .cdn-v2-archive-hero h1{
  color:var(--cdn-ds-ink)!important;font-size:48px!important;line-height:52.8px!important;font-weight:700!important;letter-spacing:-.03em!important;
}
html body.cdn-archive-standalone :is(.cdn-v314-directory-head h2,.cdn-v341-discovery-shortcuts h2){
  color:var(--cdn-ds-ink)!important;font-size:30px!important;line-height:36px!important;font-weight:700!important;
}

@media(max-width:760px){
  :root{
    --cdn-ds-h1:34px;--cdn-ds-h1-line:38.08px;
    --cdn-ds-h2:24px;--cdn-ds-h2-line:30px;
    --cdn-ds-h3:20px;--cdn-ds-h3-line:26px;
    --cdn-ds-card-title:18px;--cdn-ds-card-title-line:25.2px;
  }
  html body.cdn-functional-r1-page .cdn-functional-r1 h1{font-size:34px!important;line-height:38.08px!important;}
  html body.cdn-functional-r1-page .cdn-functional-r1 h2{font-size:24px!important;line-height:30px!important;}
  html body.cdn-functional-r1-page .cdn-functional-r1 h3{font-size:20px!important;line-height:26px!important;}
  html body.cdn-functional-r1-page .cdn-functional-r1 > :is(.shell,.wrap,.page,.cdn-passport){width:calc(100% - 24px)!important;}

  html body.cdn-tools-standalone .cdn-tools-page:not([data-cdn-tool="generator"]){padding-left:12px!important;padding-right:12px!important;}
  html body.cdn-name-standalone.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool] .cdn-tools-hero h1{font-size:34px!important;line-height:38.08px!important;font-weight:700!important;}
  html body.cdn-tools-standalone .cdn-tool-panel h2,
  html body.cdn-tools-standalone .cdn-tools-note h2,
  html body.cdn-tools-standalone .cdn-tools-more h2{font-size:24px!important;line-height:30px!important;}
  html body.cdn-tools-standalone .cdn-tool-panel,
  html body.cdn-tools-standalone .cdn-tools-note,
  html body.cdn-tools-standalone .cdn-tools-more{padding:18px!important;border-radius:16px!important;}

  html body.cdn-account-standalone .cdn-account-shell{width:calc(100% - 20px)!important;}
  html body.cdn-account-standalone .cdn-account-dashboard-head h1,
  html body.cdn-account-standalone .cdn-account-auth-card h1{font-size:34px!important;line-height:38.08px!important;}
  html body.cdn-account-standalone .cdn-account-panel-head h2,
  html body.cdn-account-standalone .cdn-account-next h2,
  html body.cdn-account-standalone .cdn-account-settings-head h2{font-size:24px!important;line-height:30px!important;}
  html body.cdn-account-standalone :is(.cdn-account-name-card h3,.cdn-account-lab-card h3,.cdn-account-evolution-item h3,.cdn-account-decision-grid h3){font-size:18px!important;line-height:25.2px!important;}

  html body.cdn-archive-standalone .cdn-v2-archive-hero h1{font-size:34px!important;line-height:38.08px!important;}
  html body.cdn-archive-standalone :is(.cdn-v314-directory-head h2,.cdn-v341-discovery-shortcuts h2){font-size:24px!important;line-height:30px!important;}
}

/* Ajustes responsivos observados no gate físico offline. */
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] .workspace,
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .workspace{
  min-width:0!important;
  width:100%!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] .workspace > *,
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .workspace > *{
  min-width:0!important;
  max-width:100%!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] :is(.quick,.chips,.mode,.grid,.footer-actions),
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] :is(.contexts,.chips,.modes,.grid,.footer,.anchor-strip){
  min-width:0!important;
  max-width:100%!important;
}
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .context span,
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="name-assistant"] .stage span,
html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="name-style"] .choice .icon{
  font-size:13px!important;
  line-height:18.2px!important;
}
@media(max-width:860px){
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] .workspace,
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .workspace{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(max-width:560px){
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] .panel,
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .panel{
    width:100%!important;
    min-width:0!important;
  }
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="similar-names"] .mode,
  html body.cdn-functional-r1-page .cdn-functional-r1[data-cdn-functional-r1="sibling-names"] .modes{
    overflow-x:auto!important;
    max-width:100%!important;
    overscroll-behavior-inline:contain;
  }
}




/* =========================================================
   7. NOMES / EXPLORAR NOMES — sistema Helena completo
   HUB /nomes/ mantém função de descoberta; landings mantêm função SEO.
   O nível do heading é semântico; tamanho visual vem desta camada.
   ========================================================= */
/* Frame/hero do archive removidos deste bloco legado na V53.
 * O shell público agora reutiliza as classes canônicas do Complete o Nome.
 * Permanecem abaixo apenas regras específicas de diretórios, cards e rankings. */
html body.cdn-archive-standalone .cdn-v314-category-directory,
html body.cdn-archive-standalone .cdn-v314-origin-directory,
html body.cdn-archive-standalone .cdn-v341-discovery-shortcuts{
  margin-bottom:34px!important;
  padding:30px 0!important;
  border-top:1px solid var(--cdn-ds-line-soft)!important;
}
html body.cdn-archive-standalone .cdn-v314-directory-head,
html body.cdn-archive-standalone .cdn-v316-category-group-head,
html body.cdn-archive-standalone .cdn-v3416-az-head{max-width:780px!important;}
html body.cdn-archive-standalone .cdn-v314-directory-head h2,
html body.cdn-archive-standalone .cdn-v341-discovery-shortcuts h2,
html body.cdn-archive-standalone .cdn-v3416-az-head h2,
html body.cdn-archive-standalone .cdn-v2-empty-state h2,
html body.cdn-archive-standalone .cdn-v2-archive-next h2{
  color:var(--cdn-ds-ink)!important;
  font-size:30px!important;
  line-height:36px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body.cdn-archive-standalone .cdn-v316-category-group-head h3{
  color:var(--cdn-ds-ink)!important;
  font-size:24px!important;
  line-height:31.2px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body.cdn-archive-standalone :is(.cdn-v314-directory-head,.cdn-v316-category-group-head,.cdn-v3416-az-head)>p:not(.cdn-v2-eyebrow){
  color:var(--cdn-ds-text)!important;
  font-size:16px!important;
  line-height:25.6px!important;
}

/* Cards de categorias: mesmos papéis do design system, sem transformar o HUB em ficha. */
html body.cdn-archive-standalone .cdn-v314-category-grid{
  gap:12px!important;
  border:0!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
html body.cdn-archive-standalone .cdn-v314-category-grid>a{
  min-height:156px!important;
  padding:18px!important;
  border:1px solid var(--cdn-ds-line-soft)!important;
  border-radius:14px!important;
  background:#fff!important;
}
html body.cdn-archive-standalone .cdn-v314-category-grid>a:hover{border-color:#c8d5d9!important;background:#fbfcfc!important;}
html body.cdn-archive-standalone .cdn-v314-category-grid strong,
html body.cdn-archive-standalone .cdn-v341-shortcut-grid strong{
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
}
html body.cdn-archive-standalone .cdn-v314-category-grid span,
html body.cdn-archive-standalone .cdn-v341-shortcut-grid span{
  color:var(--cdn-ds-text)!important;
  font-size:14px!important;
  line-height:21px!important;
}
html body.cdn-archive-standalone :is(.cdn-v314-origin-links a,.cdn-v3416-ready-links a,.cdn-v2-pill){
  min-height:44px!important;
  padding:9px 13px!important;
  border-radius:12px!important;
  font-size:14px!important;
  line-height:21px!important;
  font-weight:600!important;
}
html body.cdn-archive-standalone .cdn-v3416-ready-links strong{
  color:var(--cdn-ds-muted)!important;
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
}

/* A-Z e filtros: alvos de toque consistentes e sem microtexto sub-13. */
html body.cdn-archive-standalone .cdn-v25-archive-filterbar{
  min-height:48px!important;
  border-color:var(--cdn-ds-line-soft)!important;
  border-radius:12px!important;
  font-size:13px!important;
  line-height:18.2px!important;
}
html body.cdn-archive-standalone .cdn-v25-archive-letters a{
  min-height:44px!important;
  border-color:var(--cdn-ds-line-soft)!important;
  border-radius:10px!important;
  color:var(--cdn-ds-ink)!important;
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
}
html body.cdn-archive-standalone .cdn-v25-archive-letters a.is-current{color:#fff!important;}

/* Cards de nomes: título de card ≠ H2 visual. O heading pode ser H2 ou H3. */
html body.cdn-archive-standalone .cdn-v2-name-grid{gap:14px!important;}
html body.cdn-archive-standalone .cdn-v2-name-card{
  border:1px solid var(--cdn-ds-line-soft)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.cdn-archive-standalone .cdn-v2-name-card:hover{border-color:#c8d5d9!important;background:#fbfcfc!important;transform:none!important;}
html body.cdn-archive-standalone .cdn-v2-name-card-link{padding:20px!important;min-height:196px!important;}
html body.cdn-archive-standalone .cdn-v2-name-card :is(h2,h3){
  margin:0!important;
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body.cdn-archive-standalone .cdn-v2-name-card-pron{
  margin-top:5px!important;
  color:var(--cdn-ds-muted)!important;
  font-size:14px!important;
  line-height:21px!important;
}
html body.cdn-archive-standalone .cdn-v2-name-card-meaning{
  margin:16px 0!important;
  color:var(--cdn-ds-text)!important;
  font-size:16px!important;
  line-height:25.6px!important;
}
html body.cdn-archive-standalone .cdn-v2-name-card-meta span{
  min-height:28px!important;
  padding:5px 9px!important;
  color:var(--cdn-ds-muted)!important;
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
}

/* Ranking: preserva a leitura de ranking, mas usa a mesma escala de conteúdo. */
html body.cdn-archive-standalone .cdn-v3434-ranking-row{
  border-color:var(--cdn-ds-line-soft)!important;
  border-radius:14px!important;
}
html body.cdn-archive-standalone .cdn-v3434-ranking-name-line h2{
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
}
html body.cdn-archive-standalone .cdn-v3434-ranking-meaning{
  color:var(--cdn-ds-text)!important;
  font-size:16px!important;
  line-height:25.6px!important;
}
html body.cdn-archive-standalone .cdn-v3434-ranking-pron,
html body.cdn-archive-standalone .cdn-v3434-ranking-meta span,
html body.cdn-archive-standalone .cdn-v3434-ranking-position span{
  color:var(--cdn-ds-muted)!important;
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
}
html body.cdn-archive-standalone .cdn-v3434-ranking-position strong{font-weight:700!important;}
html body.cdn-archive-standalone .cdn-v2-pagination a,
html body.cdn-archive-standalone .cdn-v2-pagination span{
  min-width:44px!important;
  min-height:44px!important;
  border-radius:10px!important;
  font-size:14px!important;
  font-weight:600!important;
}

@media(max-width:900px){
  html body.cdn-archive-standalone .cdn-v314-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  html body.cdn-archive-standalone .cdn-v314-directory-head h2,
  html body.cdn-archive-standalone .cdn-v341-discovery-shortcuts h2,
  html body.cdn-archive-standalone .cdn-v3416-az-head h2,
  html body.cdn-archive-standalone .cdn-v2-empty-state h2,
  html body.cdn-archive-standalone .cdn-v2-archive-next h2{font-size:24px!important;line-height:30px!important;}
  html body.cdn-archive-standalone .cdn-v316-category-group-head h3{font-size:20px!important;line-height:26px!important;}
  html body.cdn-archive-standalone .cdn-v314-category-grid{gap:10px!important;}
  html body.cdn-archive-standalone .cdn-v314-category-grid>a{min-height:0!important;padding:16px!important;}
  html body.cdn-archive-standalone .cdn-v314-category-grid strong,
  html body.cdn-archive-standalone .cdn-v341-shortcut-grid strong{font-size:18px!important;line-height:25.2px!important;}
  html body.cdn-archive-standalone .cdn-v2-name-card :is(h2,h3){font-size:18px!important;line-height:25.2px!important;}
  html body.cdn-archive-standalone .cdn-v2-name-card-link{min-height:0!important;padding:18px!important;}
  html body.cdn-archive-standalone .cdn-v3434-ranking-name-line h2{font-size:18px!important;line-height:25.2px!important;}
}
@media(max-width:520px){
  html body.cdn-archive-standalone .cdn-v314-category-grid{grid-template-columns:1fr!important;}
  html body.cdn-archive-standalone .cdn-v25-archive-letters{grid-template-columns:repeat(6,minmax(0,1fr))!important;}
}


/* =========================================================
   8. HOME — identidade própria, papéis tipográficos Helena
   Não transforma a Home em ficha. Corrige escala, microtexto e controles.
   ========================================================= */
html body :is(
  .cdn-home-generator__head h2,
  .cdn-r69-head h2,
  .cdn-portal-head__copy h2,
  .cdn-popfeature-v82__head h2,
  .cdn-r72-products__head h2
){
  color:var(--cdn-ds-ink)!important;
  font-size:30px!important;
  line-height:36px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body .cdn-choice-half__copy h2{
  font-size:24px!important;
  line-height:31.2px!important;
  font-weight:600!important;
}
html body :is(
  .cdn-r69-card__title h3,
  .cdn-portal-article__body h3,
  .cdn-r72-product-card h3
){
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body :is(
  .cdn-feature82__copy h3,
  .cdn-world-v33__countries-head h3
){
  color:var(--cdn-ds-ink)!important;
  font-size:24px!important;
  line-height:31.2px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body .cdn-browse-v62__head h3{
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
}

/* Microtexto funcional da Home nunca abaixo de 13px. */
html body :is(
  .cdn-explorebar__lead strong,.cdn-explorebar__lead span,.cdn-explorebar__item,
  .cdn-explorebar__item span,.cdn-explorebar details summary,
  .cdn-choice-half__eyebrow,.cdn-choice-half__steps strong,
  .cdn-home-generator__kicker,.cdn-home-generator label span,.cdn-home-generator__foot,
  .cdn-home-generator__foot span,.cdn-home-generator__foot a,
  .cdn-r69-kicker,.cdn-r69-card small,.cdn-r69-card .cdn-r69-chips span,
  .cdn-r61-new,.cdn-r61-lab-feature small,
  .cdn-portal-question-card strong,.cdn-portal-question-card span,
  .cdn-pop82__rank-more,.cdn-pop82__sub,.cdn-pop82__source,
  .cdn-pop82 p,.cdn-pop82 strong,.cdn-feature82__kicker,.cdn-feature82__cta,
  .cdn-world-v33__country-code,.cdn-world-v33__country small,
  .cdn-world-v33__origin-note span,.cdn-world-v33__origin-note a,
  .cdn-browse-v62__kicker,.cdn-browse-v62__description,.cdn-browse-v62__letters a,
  .cdn-portal-article__body .cdn-wp-article__tag
){
  font-size:13px!important;
  line-height:18.2px!important;
}

/* Labels, campos e CTAs principais da descoberta seguem a receita do portal. */
html body :is(.cdn-home-generator input,.cdn-home-generator select){
  min-height:48px!important;
  font-size:16px!important;
  border-radius:12px!important;
}
html body :is(.cdn-home-generator button,.cdn-ref-hero button,.cdn-ref-hero .cdn-ref-hero__search button){
  min-height:48px!important;
  border-radius:12px!important;
  font-size:16px!important;
  font-weight:600!important;
}
html body .cdn-browse-v62__letters a{
  min-width:40px!important;
  min-height:44px!important;
}

/* =========================================================
   9. HEADER / FOOTER — mesma tipografia, sem alterar arquitetura
   ========================================================= */
html body .cdn-portal-header,
html body .cdn-portal-footer{color:var(--cdn-ds-ink);}
html body :is(
  .cdn-nav-mega-col>strong,.cdn-nav-tools-navcol>strong,
  .cdn-tools-menu-panel-head>p,.cdn-tools-menu-item small,.cdn-tools-menu-empty,
  .cdn-tools-menu-area-link,.cdn-nav-tools-footer .cdn-nav-mega-all
){
  font-size:13px!important;
  line-height:18.2px!important;
}
html body .cdn-portal-footer :is(a,p,span,small){font-size:13px;line-height:19px;}

@media(max-width:760px){
  html body :is(
    .cdn-home-generator__head h2,
    .cdn-r69-head h2,
    .cdn-portal-head__copy h2,
    .cdn-popfeature-v82__head h2,
    .cdn-r72-products__head h2
  ){font-size:24px!important;line-height:30px!important;}
  html body .cdn-choice-half__copy h2{font-size:20px!important;line-height:26px!important;}
  html body :is(.cdn-r69-card__title h3,.cdn-portal-article__body h3,.cdn-r72-product-card h3,.cdn-browse-v62__head h3){font-size:18px!important;line-height:25.2px!important;}
  html body :is(.cdn-feature82__copy h3,.cdn-world-v33__countries-head h3){font-size:20px!important;line-height:26px!important;}
}

/* =========================================================
   10. HOME — refinamento por componente (R2)
   Corrige especificidade histórica sem reescrever a Home.
   ========================================================= */
/* A Home preserva o hero R78/R98 já aprovado.
   H1 e subtítulo pertencem a home-r78-clean.css; esta camada não os redimensiona. */
html body #cdn-home-generator .cdn-home-generator__head h2,
html body #cdn-r61-discovery-paths .cdn-r69-head h2,
html body .cdn-portal-section .cdn-portal-head__copy h2,
html body .cdn-popfeature-v82 .cdn-popfeature-v82__head h2,
html body #cdn-r61-products .cdn-r72-products__head h2{
  color:var(--cdn-ds-ink)!important;
  font-size:clamp(24px,2.4vw,30px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
/* Títulos de card: semântica H3, receita visual de card. */
html body #cdn-r61-discovery-paths .cdn-r69-card__title h3,
html body .cdn-portal-editorial .cdn-portal-article__body h3,
html body #cdn-r61-products .cdn-r72-product-card h3,
html body .cdn-pop82 .cdn-pop82__title{
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body .cdn-feature82 .cdn-feature82__copy h3,
html body .cdn-world-v33__countries .cdn-world-v33__countries-head h3{
  color:var(--cdn-ds-ink)!important;
  font-size:24px!important;
  line-height:31.2px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}

/* Microtexto funcional — seletores reais da Home. */
html body .cdn-explorebar .cdn-explorebar__intro strong,
html body .cdn-explorebar .cdn-explorebar__intro span,
html body .cdn-explorebar .cdn-explorebar__item,
html body .cdn-explorebar .cdn-explorebar__item span,
html body .cdn-explorebar details summary,
html body #cdn-r61-discovery-paths .cdn-r69-kicker,
html body #cdn-r61-discovery-paths .cdn-r69-chips span,
html body .cdn-tools-hub .cdn-tools-quick small,
html body .cdn-portal-questions .cdn-portal-question strong,
html body .cdn-portal-questions .cdn-portal-question small,
html body .cdn-r61-lab-panel .cdn-r61-lab-title span,
html body .cdn-r61-lab-panel .cdn-r61-lab-item small,
html body .cdn-world-v33__country-grid .cdn-world-v33__country-copy strong,
html body .cdn-world-v33__country-grid .cdn-world-v33__country-copy small,
html body .cdn-r61-passport p,
html body .cdn-browse-v62 .cdn-browse-v62__head p,
html body .cdn-browse-v62 .cdn-browse-v62__origin-grid a,
html body .cdn-browse-v62 .cdn-browse-v62__origin-grid a span,
html body #cdn-r61-products .cdn-r72-products__eyebrow p{
  font-size:13px!important;
  line-height:18.2px!important;
}
/* Gráficos também são informação, não decoração. */
html body .cdn-pop82 svg text{
  font-size:13px!important;
}
/* Controles de exploração: alvo mínimo coerente. */
html body .cdn-browse-v62 .cdn-browse-v62__origin-grid a{
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
}

@media(max-width:760px){
  html body #cdn-r61-discovery-paths .cdn-r69-card__title h3,
  html body .cdn-portal-editorial .cdn-portal-article__body h3,
  html body #cdn-r61-products .cdn-r72-product-card h3,
  html body .cdn-pop82 .cdn-pop82__title{
    font-size:18px!important;
    line-height:25.2px!important;
  }
  html body .cdn-feature82 .cdn-feature82__copy h3,
  html body .cdn-world-v33__countries .cdn-world-v33__countries-head h3{
    font-size:20px!important;
    line-height:26px!important;
  }
}
/* Ajustes finais de especificidade da Home. */
html body .cdn-home-generator .cdn-home-generator__head h2{
  color:var(--cdn-ds-ink)!important;
  font-size:clamp(24px,2.4vw,30px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body .cdn-world-v33__kicker{font-size:13px!important;line-height:18.2px!important;}
html body .cdn-pop82 svg g{font-size:13px!important;}
/* Footer: microtexto funcional mínimo de 13px, inclusive rótulos/accordions. */
html body .cdn-portal-footer .cdn-footer-group-label,
html body .cdn-portal-footer .cdn-footer-accordion summary,
html body .cdn-portal-footer .cdn-footer-accordion nav a,
html body .cdn-portal-footer .cdn-footer-map__bottom,
html body .cdn-portal-footer .cdn-footer-map__bottom :is(a,span,small){
  font-size:13px!important;
  line-height:19px!important;
}
html body .cdn-portal-footer.cdn-portal-footer--home-model .cdn-footer-group .cdn-footer-group-label,
html body .cdn-portal-footer.cdn-portal-footer--home-model .cdn-footer-accordion summary,
html body .cdn-portal-footer.cdn-portal-footer--home-model .cdn-footer-accordion nav a,
html body .cdn-portal-footer.cdn-portal-footer--home-model .cdn-footer-map__bottom{
  font-size:13px!important;
  line-height:19px!important;
}

/* =========================================================
   11. HOME ATUAL R90/R78 — cobertura da estrutura física do plugin
   O HTML de referência antigo e a Home integrada convivem no histórico;
   estes seletores garantem os mesmos tokens no DOM atual.
   ========================================================= */
html body .cdn-pop-r90 .cdn-pop-r90__head h2{
  color:var(--cdn-ds-ink)!important;
  font-size:clamp(24px,2.4vw,30px)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body .cdn-pop-r90 .cdn-pop-r90__kicker,
html body .cdn-pop-r90 .cdn-pop-r90__rank-value small,
html body .cdn-pop-r90 .cdn-pop-r90__insight p,
html body .cdn-pop-r90 .cdn-pop-r90__source,
html body .cdn-pop-r90 .cdn-pop-r90__shortcuts small,
html body .cdn-pop-r90 .cdn-pop-r90__spotlight-copy>p{
  font-size:13px!important;
  line-height:18.2px!important;
}
html body .cdn-pop-r90 .cdn-pop-r90__spotlight-copy h3{
  color:var(--cdn-ds-ink)!important;
  font-size:24px!important;
  line-height:31.2px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body .cdn-pop-r90 svg text,
html body .cdn-pop-r90 svg g{font-size:13px!important;}
html body .cdn-pop-r90 .cdn-pop-r90__shortcuts>a,
html body .cdn-pop-r90 .cdn-pop-r90__shortcuts>div{min-height:70px!important;}

/* Laboratório em versão compacta da Home: card title + microtexto Helena. */
html body .cdn-lab-banner-card__mobile .cdn-lab-banner-card__mobile-kicker,
html body .cdn-lab-banner-card__mobile .cdn-lab-banner-card__mobile-tags span{
  font-size:13px!important;
  line-height:18.2px!important;
}
html body .cdn-lab-banner-card__mobile h3{
  color:var(--cdn-ds-ink)!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
}
html body .cdn-lab-banner-card__mobile>a{
  min-height:48px!important;
  border-radius:12px!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:600!important;
}

@media(max-width:760px){
  html body .cdn-pop-r90 .cdn-pop-r90__spotlight-copy h3,
  html body .cdn-lab-banner-card__mobile h3{
    font-size:18px!important;
    line-height:25.2px!important;
  }
}
/* Home atual: microtextos funcionais abaixo do piso visual.
   O subtítulo do hero fica preservado pela folha R78/R98. */
html body #cdn-r61-discovery-paths .cdn-r69-advanced__item span,
html body .cdn-pop-r90 .cdn-pop-r90__section-title small{
  font-size:13px!important;
  line-height:18.2px!important;
}

/* ================================================================
   12. HOMECLEAN1 — fallbacks dinâmicos preservados ao retirar home.css
   ================================================================ */
.cdn-home-loading{
  font-size:14px;
}
.cdn-home-error{
  padding:14px;
  border-left:3px solid #b75c4c;
  background:#fff6f4;
  color:#7f433a;
  font-size:14px;
}

/* INTERNALGAP1 — respiro estrutural entre o header global e o primeiro breadcrumb
 * das ferramentas PHP. Alinha a entrada das ferramentas ao ritmo vertical já
 * usado nas fichas/listagens, sem alterar o DOM, hero ou superfícies internas. */
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool]{
  padding-top:36px!important;
}
@media(max-width:620px){
  html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool]{
    padding-top:22px!important;
  }
}

/* ================================================================
   13. PAGEFRAME1 — frame visual canônico das superfícies internas
   Resolve a divergência histórica entre public.css, tools.css e os HTMLs
   funcionais legados. Home e páginas editoriais/blog ficam fora.
   ================================================================ */
html body.cdn-name-standalone:not(.cdn-blog-standalone):not(.cdn-account-standalone):not(.cdn-maintenance-standalone):not(.cdn-unavailable-standalone),
html body.cdn-functional-r1-page,
html body.cdn-name-standalone:not(.cdn-blog-standalone):not(.cdn-account-standalone) main.cdn-v2-page,
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool],
html body.cdn-functional-r1-page main.cdn-functional-r1,
html body.cdn-functional-r1-page main.cdn-functional-r1 > .cdn-passport{
  background:#f5f7f8!important;
}
html body.cdn-name-standalone:not(.cdn-blog-standalone):not(.cdn-account-standalone) main.cdn-v2-page,
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool]{
  padding-top:36px!important;
}
html body.cdn-functional-r1-page main.cdn-functional-r1 > :is(.shell,.wrap,.page,.cdn-passport){
  padding-top:36px!important;
}
@media(max-width:760px){
  html body.cdn-name-standalone:not(.cdn-blog-standalone):not(.cdn-account-standalone) main.cdn-v2-page,
  html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool]{
    padding-top:22px!important;
  }
  html body.cdn-functional-r1-page main.cdn-functional-r1 > :is(.shell,.wrap,.page,.cdn-passport){
    padding-top:22px!important;
  }
}

/* ================================================================
   14. V33 — monetização/afiliados canônica
   Slots desligados não ocupam espaço. O formato lateral só abre uma
   segunda coluna na ficha quando o slot estiver realmente ativo.
   ================================================================ */
html body .cdn-commerce-slot{
  box-sizing:border-box;
  width:min(980px,calc(100% - 32px));
  margin:28px auto;
  border:1px solid #e2e7ea;
  border-radius:16px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 10px 28px rgba(36,49,58,.06);
}
html body .cdn-commerce-slot.is-format-card{width:min(620px,calc(100% - 32px));}
html body .cdn-commerce-slot.is-format-rail{width:100%;margin:0;border-radius:14px;}
html body .cdn-commerce-disclosure{
  display:inline-block!important;
  margin:12px 16px 0!important;
  padding:3px 0!important;
  border:0!important;
  background:transparent!important;
  color:#65737c!important;
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body .cdn-commerce-media{background:#f5f7f8;}
html body .cdn-commerce-copy{padding:18px 20px 20px!important;}
html body .cdn-commerce-title{
  margin:0 0 8px!important;
  color:#24313a!important;
  font-size:20px!important;
  line-height:26px!important;
  font-weight:600!important;
}
html body .cdn-commerce-copy>p:not(.cdn-commerce-title){
  margin:0!important;
  color:#52636d!important;
  font-size:16px!important;
  line-height:25.6px!important;
}
html body .cdn-commerce-button{
  min-height:48px!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:600!important;
}
html body .cdn-capture-copy>span{
  font-size:13px!important;
  line-height:18.2px!important;
  font-weight:600!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
html body .cdn-capture-copy h3{font-size:20px!important;line-height:26px!important;font-weight:600!important;}
html body .cdn-capture-copy p{font-size:16px!important;line-height:25.6px!important;}

/* Ficha: rail opcional. Sem slot ativo, a estrutura permanece idêntica. */
html body .cdn-v33-name-content{display:block;}
@media(min-width:1320px){
  html body .cdn-v33-name-content.has-commerce-rail{
    display:grid;
    grid-template-columns:minmax(0,1120px) 280px;
    gap:28px;
    align-items:start;
    width:min(1428px,calc(100vw - 40px));
    margin-left:50%;
    transform:translateX(-50%);
  }
  html body .cdn-v33-commerce-rail{position:sticky;top:104px;min-width:0;}
}
@media(max-width:1319px){
  html body .cdn-v33-commerce-rail{margin-top:24px;}
}

@media(max-width:700px){
  html body .cdn-commerce-slot,
  html body .cdn-commerce-slot.is-format-card{width:calc(100% - 22px);margin:20px auto;border-radius:14px;}
  html body .cdn-commerce-slot.is-format-rail{width:100%;margin:0;}
  html body .cdn-commerce-copy{padding:16px!important;}
  html body .cdn-commerce-title{font-size:18px!important;line-height:25.2px!important;}
}

/* =========================================================
   V3.43.83.53 — EXPLORAR NOMES / LEGACY LAYER CLEANUP R1
   O frame e o hero reutilizam o mesmo vocabulário visual do
   Complete o Nome. Esta camada final neutraliza apenas heranças
   históricas da ficha individual (.cdn-name-standalone).
   ========================================================= */
html body.cdn-archive-standalone main.cdn-v2-archive-page.cdn-functional-standard-page{
  box-sizing:border-box!important;
  display:block!important;
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:36px 0 64px!important;
  background:#f5f7f8!important;
}
html body.cdn-archive-standalone main.cdn-v2-archive-page > .cdn-functional-tool-shell{
  box-sizing:border-box!important;
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding:0!important;
  background:transparent!important;
}
/* A ficha individual limita breadcrumb/hero a 880/920px. No archive isso
 * era uma herança indevida e deixava o breadcrumb desalinhado do shell. */
html body.cdn-archive-standalone .cdn-functional-tool-shell > .cdn-v2-breadcrumb{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-bottom:20px!important;
}
html body.cdn-archive-standalone .cdn-v2-archive-hero.cdn-functional-tool-hero{
  max-width:980px!important;
  margin:0!important;
  padding:4px 0 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.cdn-archive-standalone .cdn-v2-archive-hero .cdn-functional-tool-kicker{
  margin:0 0 7px!important;
  color:var(--cdn2-accent-dark)!important;
  font-size:13px!important;
  line-height:18px!important;
  font-weight:700!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
html body.cdn-archive-standalone .cdn-v2-archive-hero.cdn-functional-tool-hero h1{
  max-width:980px!important;
  margin:0!important;
  color:#24313a!important;
  font-family:inherit!important;
  font-size:48px!important;
  line-height:52.8px!important;
  font-weight:700!important;
  letter-spacing:-.03em!important;
}
html body.cdn-archive-standalone .cdn-v2-archive-description.cdn-functional-tool-lead,
html body.cdn-archive-standalone .cdn-v2-archive-description.cdn-functional-tool-lead p{
  max-width:820px!important;
  margin:14px 0 0!important;
  color:#52636d!important;
  font-size:16px!important;
  line-height:25.6px!important;
}
html body.cdn-archive-standalone .cdn-v2-archive-count{
  display:inline-flex!important;
  margin:14px 0 0!important;
  color:#65737c!important;
  font-size:13px!important;
  line-height:20px!important;
  font-weight:700!important;
}

/* Superfície funcional: equivalente visual aos cards de etapa do Complete. */
html body.cdn-archive-standalone .cdn-v52-explore-controls{
  margin:24px 0 30px!important;
  padding:24px!important;
  border:1px solid #e4e7ec!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:none!important;
}
html body.cdn-archive-standalone .cdn-v52-explore-controls .cdn-v3416-az-head{
  max-width:820px!important;
  margin:0 0 16px!important;
}
html body.cdn-archive-standalone .cdn-v52-explore-controls .cdn-v3416-az-head .cdn-v2-eyebrow{
  margin:0 0 6px!important;
  color:var(--cdn2-accent-dark)!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
html body.cdn-archive-standalone .cdn-v52-explore-controls .cdn-v3416-az-head h2{
  margin:0!important;
  color:#24313a!important;
  font-size:24px!important;
  line-height:1.24!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body.cdn-archive-standalone .cdn-v52-explore-controls .cdn-v3416-az-head p{
  margin:7px 0 0!important;
  color:#65737c!important;
  font-size:14px!important;
  line-height:1.5!important;
}
html body.cdn-archive-standalone .cdn-v52-results-head{
  max-width:850px!important;
  margin:2px 0 14px!important;
}
html body.cdn-archive-standalone .cdn-v52-results-head .cdn-v2-eyebrow{
  margin:0 0 6px!important;
  color:var(--cdn2-accent-dark)!important;
  font-size:12px!important;
  line-height:18px!important;
  font-weight:700!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
html body.cdn-archive-standalone .cdn-v52-results-head h2{
  margin:0!important;
  color:#24313a!important;
  font-size:30px!important;
  line-height:1.16!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
html body.cdn-archive-standalone .cdn-v52-results-head p{
  margin:7px 0 0!important;
  color:#65737c!important;
  font-size:14.5px!important;
  line-height:1.55!important;
}
@media(max-width:760px){
  html body.cdn-archive-standalone main.cdn-v2-archive-page.cdn-functional-standard-page{padding:22px 0 48px!important;}
  html body.cdn-archive-standalone main.cdn-v2-archive-page > .cdn-functional-tool-shell{width:min(100% - 24px,1120px)!important;}
  html body.cdn-archive-standalone .cdn-functional-tool-shell > .cdn-v2-breadcrumb{margin-bottom:20px!important;}
  html body.cdn-archive-standalone .cdn-v2-archive-hero.cdn-functional-tool-hero{margin:0!important;padding-top:0!important;}
  html body.cdn-archive-standalone .cdn-v2-archive-hero.cdn-functional-tool-hero h1{font-size:34px!important;line-height:1.12!important;}
  html body.cdn-archive-standalone .cdn-v2-archive-description.cdn-functional-tool-lead,
  html body.cdn-archive-standalone .cdn-v2-archive-description.cdn-functional-tool-lead p{font-size:15.5px!important;line-height:1.58!important;}
  html body.cdn-archive-standalone .cdn-v52-explore-controls{margin:20px 0 26px!important;padding:18px!important;border-radius:18px!important;}
  html body.cdn-archive-standalone .cdn-v52-explore-controls .cdn-v3416-az-head h2{font-size:22px!important;}
  html body.cdn-archive-standalone .cdn-v52-results-head h2{font-size:26px!important;}
}


/* V171 — Popularidade: cards do ranking recente com altura natural.
 * Escopo fechado ao bloco dinâmico "Nomes mais escolhidos" da ferramenta
 * /popularidade-dos-nomes/. Não altera Explorar, Gerador nem arquivos SEO. */
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-result-grid{
  align-items:start!important;
  grid-auto-rows:max-content!important;
}
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-result-card.cdn-v2-name-card.cdn-name-card-canonical{
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-name-card-canonical .cdn-v2-name-card-link{
  min-height:0!important;
  height:auto!important;
  padding:18px 20px 68px!important;
}
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-name-card-canonical .cdn-v2-name-card-meaning{
  margin:12px 0 10px!important;
}
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-name-card-canonical .cdn-v2-name-card-meta{
  margin-top:8px!important;
}
html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-name-card-canonical>.cdn-result-favorite{
  bottom:14px!important;
}
@media(max-width:620px){
  html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool="popularity"] [data-cdn-popular-results] .cdn-name-card-canonical .cdn-v2-name-card-link{
    padding:17px 17px 64px!important;
  }
}


/* ================================================================
   R101A1 — MOBILE FRAME / WIDTH CONTRACT
   Superauditoria global: uma única margem externa de 16 px para as
   superfícies principais no mobile. A Home permanece fora deste contrato
   visual (ainda será redesenhada) e Popularidade permanece congelada para
   a auditoria global específica já combinada.
   ================================================================ */
@media(max-width:760px){
  :root{--cdn-mobile-gutter:16px;--cdn-mobile-control-h:48px;}

  /* Fichas e listagens de nomes: o shell principal deve alinhar na mesma régua. */
  html body.cdn-name-standalone:not(.cdn-blog-standalone):not(.cdn-account-standalone)
    main.cdn-v2-page > .cdn-v2-shell{
    width:min(calc(100% - 32px),1120px)!important;
    max-width:1120px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Ferramentas funcionais HTML: elimina a diferença histórica de 12 px. */
  html body.cdn-functional-r1-page main.cdn-functional-r1 > :is(.shell,.wrap,.page,.cdn-passport){
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Ferramentas PHP: evita somar padding da página + margem do shell.
   * Popularidade fica explicitamente fora deste lote. */
  html body.cdn-tools-standalone
    main.cdn-tools-page[data-cdn-tool]:not([data-cdn-tool="popularity"]){
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html body.cdn-tools-standalone
    main.cdn-tools-page[data-cdn-tool]:not([data-cdn-tool="popularity"]) > .cdn-tools-shell{
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Minha Área: passa de 10 px para a régua canônica de 16 px. */
  html body.cdn-account-standalone .cdn-account-shell{
    width:calc(100% - 32px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Jogos: mantém o layout próprio, alinhando apenas a margem externa. */
  html body.cdn-games-page main.cdn-games{
    padding-left:var(--cdn-mobile-gutter)!important;
    padding-right:var(--cdn-mobile-gutter)!important;
    box-sizing:border-box!important;
  }

  /* Artigos individuais do portal seguem a mesma linha de leitura. */
  html body.cdn-blog-standalone .cdn-blog-article-shell{
    width:min(calc(100% - 32px),900px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Guardas de largura: nenhum bloco principal pode forçar a viewport. */
  html body.cdn-name-standalone main.cdn-v2-page > .cdn-v2-shell,
  html body.cdn-functional-r1-page main.cdn-functional-r1 > :is(.shell,.wrap,.page,.cdn-passport),
  html body.cdn-tools-standalone main.cdn-tools-page[data-cdn-tool] > .cdn-tools-shell,
  html body.cdn-account-standalone .cdn-account-shell,
  html body.cdn-games-page .cdn-games-shell{
    min-width:0!important;
    max-width:100%;
  }
}