/* V200 — NAMES UI/UX FOUNDATION R1
 * One shared visual contract for /nomes/, taxonomic landings and Inspiration & Culture.
 * No new aesthetic: this locks the already-approved archive language.
 */
.cdn-name-surface{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.cdn-name-surface .cdn-v2-breadcrumb{
  font-weight:400!important;
}
.cdn-name-surface .cdn-v2-eyebrow{
  font-weight:700!important;
}
.cdn-name-surface .cdn-v2-archive-hero h1{
  font-weight:700!important;
}
.cdn-name-surface .cdn-v2-archive-description,
.cdn-name-surface .cdn-v2-archive-description p{
  font-weight:400!important;
}
.cdn-name-surface .cdn-v2-archive-count{
  font-weight:500!important;
}
.cdn-name-surface :is(
  .cdn-v314-directory-head h2,
  .cdn-v341-discovery-shortcuts h2,
  .cdn-v52-results-head h2,
  .cdn-editorial-section h2,
  .cdn-editorial-callout h2
){
  font-weight:700!important;
}
.cdn-name-surface :is(
  .cdn-v316-category-group-head h3,
  .cdn-editorial-section h3,
  .cdn-editorial-definition h3
){
  font-weight:600!important;
}
.cdn-name-surface .cdn-v2-name-card :is(h2,h3){
  font-weight:600!important;
}
.cdn-name-surface .cdn-v2-name-card-meta span{
  font-weight:600!important;
}
.cdn-name-surface :is(
  .cdn-v25-archive-filterbar a,
  .cdn-v25-archive-letters a,
  .cdn-editorial-text-link,
  .cdn-editorial-primary,
  .cdn-editorial-link-card strong,
  .cdn-editorial-link-card b
){
  font-weight:600!important;
}


/* V201 — card readability */
.cdn-name-surface .cdn-v2-name-card-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}
.cdn-name-surface .cdn-v2-name-card-meaning{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}

/* V206 — fine audit: active states, accessibility and compact mobile refinement. */
.cdn-name-surface :is(.cdn-v2-pill,.cdn-v25-archive-letters a,.cdn-v2-pagination a):focus-visible{
  outline:3px solid rgba(14,96,127,.28)!important;
  outline-offset:3px!important;
}
.cdn-name-surface .cdn-v25-archive-letters .is-disabled{
  display:flex;
  min-width:40px;
  min-height:40px;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border:1px solid #e4eaec;
  border-radius:10px;
  background:#f7f9fa;
  color:#9aa6ac;
  font-size:14px;
  font-weight:500!important;
  cursor:not-allowed;
}
.cdn-v206-letter-toggle{display:none}
@media(max-width:620px){
  .cdn-name-surface .cdn-v206-letter-filter-compact .cdn-v206-letter-toggle{
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:12px;
    border:1px solid #d8e1e4;
    border-radius:12px;
    background:#fff;
    padding:0 14px;
    color:#33434d;
    font-family:inherit;
    font-size:14px;
    line-height:20px;
    font-weight:600!important;
    cursor:pointer;
  }
  .cdn-name-surface .cdn-v206-letter-filter-compact .cdn-v206-letter-toggle svg{
    width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .18s ease;
  }
  .cdn-name-surface .cdn-v206-letter-filter-compact .cdn-v206-letter-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
  .cdn-name-surface .cdn-v206-letter-filter-compact [data-cdn-letter-panel]{display:none!important}
  .cdn-name-surface .cdn-v206-letter-filter-compact [data-cdn-letter-panel].is-open{display:grid!important}
}



/* V294 · R91A — eixo único para áudio e seta nos cards da família Nomes.
 * Mantém o DOM atual e apenas estabiliza a geometria 44x44 no topo do card. */
.cdn-name-surface .cdn-v2-name-card{position:relative!important;}
.cdn-name-surface .cdn-v2-name-card .cdn-v2-name-card-top>div:first-child{
  padding-right:112px!important;
}
.cdn-name-surface .cdn-v2-name-card .cdn-v2-name-card-arrow{
  position:absolute!important;
  top:22px!important;
  right:22px!important;
  margin:0!important;
  transform:none!important;
}
.cdn-name-surface .cdn-v2-name-card:hover .cdn-v2-name-card-arrow{
  transform:none!important;
}
.cdn-name-surface .cdn-v2-name-card>.cdn-name-audio-icon{
  top:22px!important;
  right:78px!important;
  margin:0!important;
  transform:none!important;
}
.cdn-name-surface .cdn-v2-name-card>.cdn-name-audio-icon:hover{
  transform:none!important;
}
@media(max-width:620px){
  .cdn-name-surface .cdn-v2-name-card .cdn-v2-name-card-top>div:first-child{
    padding-right:112px!important;
  }
}

/* V305 / R91D-6 — Nomes: não transicionar propriedades tipográficas/layout.
 * A regra antiga `.cdn-v2-page a,button { transition:.18s ease }` fazia o
 * Lighthouse classificar dezenas de links/cards como animações não compostas. */
.cdn-name-surface.cdn-v2-page a,
.cdn-name-surface.cdn-v2-page button{
  transition-property:transform,opacity!important;
  transition-duration:.18s!important;
  transition-timing-function:ease!important;
}