/* Hallmark · macrostructure: Pigmento Flutuante · tone: technical · anchor hue: carmine · pre-emit critique: P5 H5 E4 S5 R5 V4 */
/* AISECURITY · Pigmento Flutuante · redesign-zero
   Camadas: reset → tokens → base → components → pages → legacy (skins para markup preservado) */
@layer reset, tokens, base, components, pages, legacy;

@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/familjen-grotesk-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Familjen Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/familjen-grotesk-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("fonts/golos-text-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Golos Text"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("fonts/golos-text-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: "Azeret Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/azeret-mono-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: "Azeret Mono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/azeret-mono-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
/* Fallbacks métricos para reduzir CLS enquanto as fontes carregam */
@font-face { font-family: "Familjen Fallback"; src: local("Arial"); size-adjust: 96%; ascent-override: 98%; descent-override: 26%; line-gap-override: 0%; }
@font-face { font-family: "Golos Fallback"; src: local("Arial"); size-adjust: 103%; ascent-override: 92%; descent-override: 24%; line-gap-override: 0%; }

@layer reset {
  *, *::before, *::after { box-sizing: border-box; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; overflow-x: clip; scrollbar-color: var(--linha-forte) var(--campo); scrollbar-width: thin; }
  body { overflow-x: clip; caret-color: var(--acao); }
  body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ol, ul { margin: 0; }
  ol[class], ul[class] { list-style: none; padding: 0; }
  img, picture, svg, video { display: block; max-width: 100%; }
  img { height: auto; }
  input, button, textarea, select { font: inherit; color: inherit; }
  button { cursor: pointer; }
  table { border-collapse: collapse; }
}

@layer tokens {
  :root {
    color-scheme: light;
    --campo: #F2F4F5;
    --superficie: #FFFFFF;
    --tinta: #111214;
    --tinta-2: #2B2E33;
    --tinta-3: #4A4E55;
    --linha: #C9CDD2;
    --linha-forte: #7F858D;
    --acao: #A3123F;
    --acao-hover: #7E0C30;
    --acao-texto: #FFFFFF;
    --acao-txt: #A3123F;
    --vinho: #5C0A26;
    --garanca: #EDBFCB;
    --estanho: #B7BCC4;
    --noite: #FFFFFF;
    --noite-texto: #111214;
    --noite-texto-2: #4A4E55;
    --noite-linha: #C9CDD2;
    --foco: #A3123F;
    /* Erro de formulário: escuro (alto contraste) e distinto do anel de foco (--foco). Não é pigmento de dado. */
    --erro: #5C0A26;

    --f-display: "Familjen Grotesk", "Familjen Fallback", system-ui, sans-serif;
    --f-texto: "Golos Text", "Golos Fallback", system-ui, sans-serif;
    --f-dado: "Azeret Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

    /* Escala fluida (Utopia: 360→1440, 1.2→1.25) */
    --t--1: clamp(0.78rem, 0.76rem + 0.08vw, 0.83rem);
    --t-0: clamp(0.94rem, 0.9rem + 0.18vw, 1.06rem);
    --t-1: clamp(1.13rem, 1.06rem + 0.31vw, 1.33rem);
    --t-2: clamp(1.35rem, 1.23rem + 0.52vw, 1.66rem);
    --t-3: clamp(1.62rem, 1.42rem + 0.85vw, 2.07rem);
    --t-4: clamp(1.94rem, 1.63rem + 1.33vw, 2.59rem);
    --t-5: clamp(2.33rem, 1.86rem + 2.07vw, 3.24rem);
    --t-6: clamp(2.8rem, 2.08rem + 3.2vw, 4.05rem);
    --t-7: clamp(2.9rem, 1.9rem + 4.4vw, 5.5rem);

    --e-1: clamp(0.5rem, 0.46rem + 0.18vw, 0.63rem);
    --e-2: clamp(0.75rem, 0.69rem + 0.27vw, 0.94rem);
    --e-3: clamp(1rem, 0.92rem + 0.36vw, 1.25rem);
    --e-4: clamp(1.5rem, 1.38rem + 0.54vw, 1.88rem);
    --e-5: clamp(2rem, 1.83rem + 0.71vw, 2.5rem);
    --e-6: clamp(3rem, 2.75rem + 1.07vw, 3.75rem);
    --e-7: clamp(4rem, 3.4rem + 2.7vw, 7rem);

    --gutter: clamp(1rem, 0.2rem + 3.6vw, 5rem);
    --coluna: 1440px;
    --raio: 2px;
    --dur: 240ms;
    --ease: cubic-bezier(0.2, 0, 0, 1);

    /* Aliases para markup preservado do AIMI */
    --accent-500: var(--acao);
    --space-1: 0.25rem; --space-2: 0.5rem; --space-3: 0.75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem;
    --rewrite-text-2: var(--tinta-2);
    --rewrite-high: var(--garanca); --rewrite-medium: var(--estanho); --rewrite-critical: var(--vinho);
  }
  
}

@layer base {
  html { background: var(--campo); scroll-padding-top: 5rem; }
  body {
    background: var(--campo);
    color: var(--tinta);
    font-family: var(--f-texto);
    font-size: var(--t-0);
    line-height: 1.6;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    hyphens: manual;
    overflow-wrap: break-word;
  }
  h1, h2, h3, h4 { font-family: var(--f-display); font-weight: 700; line-height: 1.06; letter-spacing: -0.025em; text-wrap: balance; hyphens: auto; }
  p { text-wrap: pretty; }
  a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
  a:hover { text-decoration-thickness: 2px; }
  :focus-visible { outline: 3px solid var(--foco); outline-offset: 3px; }
  ::selection { background: var(--garanca); color: var(--tinta); }
  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: var(--campo); }
  ::-webkit-scrollbar-thumb { background: var(--linha-forte); border: 3px solid var(--campo); border-radius: 999px; }
  ::-webkit-scrollbar-thumb:hover { background: var(--tinta-3); }
  ::placeholder { color: var(--tinta-3); opacity: 1; }
  code, kbd, samp { font-family: var(--f-dado); font-size: 0.9em; }
  hr { border: 0; border-top: 1px solid var(--linha); }
  .visually-hidden, .sr-only {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
  }
  @media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  }
}

@layer components {
  .rz-wrap { width: 100%; max-width: var(--coluna); margin-inline: auto; padding-inline: var(--gutter); }
  .rz-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; }
  .rz-skip { position: absolute; left: 1rem; top: -4rem; z-index: 50; background: var(--tinta); color: var(--campo); padding: 0.75rem 1rem; border-radius: var(--raio); }
  .rz-skip:focus { top: 1rem; color: var(--campo); }

  /* Rótulos e dados */
  .rz-rotulo { font-family: var(--f-dado); font-size: var(--t--1); line-height: 1.4; color: var(--tinta-3); letter-spacing: 0; }
  .rz-meta { font-family: var(--f-dado); font-size: var(--t--1); line-height: 1.5; color: var(--tinta-3); }
  .rz-lead { font-size: var(--t-1); line-height: 1.55; color: var(--tinta-2); max-width: 38ch; }
  .rz-texto { color: var(--tinta-2); max-width: 60ch; }
  .rz-pilha { display: flex; flex-direction: column; gap: var(--e-5); }
  .rz-pilha--curta { gap: var(--e-2); }
  .rz-bloco { padding-bottom: var(--e-7); }

  /* Botões */
  .rz-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem;
    min-height: 44px; padding: 0.7rem 1.25rem; border-radius: var(--raio);
    font-family: var(--f-texto); font-weight: 600; font-size: var(--t-0); line-height: 1.2; text-decoration: none;
    background: var(--acao); color: var(--acao-texto); border: 2px solid var(--acao);
    transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
  }
  .rz-btn:hover { background: var(--acao-hover); border-color: var(--acao-hover); color: var(--acao-texto); }
  .rz-btn:active { transform: translateY(1px); }
  .rz-btn--grande { min-height: 60px; padding-inline: 2rem; font-size: var(--t-1); }
  .rz-btn svg { width: 1.1em; height: 1.1em; flex: none; transition: transform var(--dur) var(--ease); }
  .rz-btn:hover svg { transform: translateX(3px); }
  .rz-btn--linha { background: transparent; color: var(--tinta); border: 2px solid var(--tinta); }
  .rz-btn--linha:hover { background: var(--tinta); color: var(--campo); border-color: var(--tinta); }
  .rz-btn:disabled, .rz-btn[aria-disabled="true"] { background: var(--linha); border-color: var(--linha); color: var(--tinta-3); cursor: not-allowed; transform: none; }
  .rz-btn:disabled svg { transform: none; }
  .rz-link { font-weight: 600; text-decoration: underline; text-underline-offset: 0.3em; }

  /* Cabeçalho */
  .rz-header { position: sticky; top: 0; z-index: 30; background: color-mix(in srgb, var(--campo) 94%, transparent); border-bottom: 1px solid transparent; backdrop-filter: saturate(1.2); transition: border-color var(--dur) var(--ease); }
  @supports not (background: color-mix(in srgb, red 50%, blue)) { .rz-header { background: var(--campo); } }
  .rz-header--rolado { border-bottom-color: var(--linha); }
  .rz-header__barra { display: flex; align-items: center; gap: clamp(1rem, 3vw, 3rem); min-height: 72px; }
  .rz-logo { display: inline-flex; align-items: center; flex: none; padding-block: 0.75rem; }
  .rz-logo img { height: 18px; width: auto; }
  .rz-nav { display: flex; gap: clamp(1rem, 2.2vw, 2rem); flex: 1; }
  .rz-nav a { position: relative; padding-block: 1.55rem; text-decoration: none; font-size: 0.95rem; color: var(--tinta); white-space: nowrap; }
  .rz-nav a[aria-current="page"] { font-weight: 600; box-shadow: inset 0 -2px 0 var(--tinta); }
  .rz-header__cta { font-size: 0.9rem; min-height: 44px; padding-inline: 1.1rem; }
  .rz-lang { display: flex; gap: 0.25rem; }
  .rz-lang { margin-left: auto; }
  .rz-lang .lang-btn, .rz-lang .privacy-lang__btn { min-width: 44px; min-height: 44px; border: 1px solid var(--linha-forte); background: transparent; border-radius: var(--raio); font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta); }
  .rz-lang .lang-btn:hover, .rz-lang .privacy-lang__btn:hover { border-color: var(--tinta); }
  .rz-lang .lang-btn.active, .rz-lang .lang-btn[aria-pressed="true"], .rz-lang .privacy-lang__btn.is-active, .rz-lang .privacy-lang__btn[aria-pressed="true"] { background: var(--tinta); color: var(--campo); border-color: var(--tinta); }
  .rz-menu { display: none; }
  .rz-menu summary { list-style: none; width: 44px; height: 44px; border: 1px solid var(--tinta); border-radius: var(--raio); display: grid; place-items: center; }
  .rz-menu summary::-webkit-details-marker { display: none; }
  .rz-menu summary svg { width: 20px; height: 20px; }
  .rz-menu__painel { position: absolute; inset: 100% 0 auto 0; background: var(--campo); border-bottom: 1px solid var(--linha); padding: 0.5rem var(--gutter) 1.5rem; display: flex; flex-direction: column; opacity: 0; transform: translateY(-0.5rem); transition: opacity var(--dur) var(--ease), transform var(--dur) var(--ease); }
  .rz-menu[open] .rz-menu__painel { opacity: 1; transform: translateY(0); }
  @starting-style { .rz-menu[open] .rz-menu__painel { opacity: 0; transform: translateY(-0.5rem); } }
  .rz-menu__painel a { padding: 0.9rem 0; border-bottom: 1px solid var(--linha); text-decoration: none; font-size: 1.05rem; }
  .rz-menu__painel .rz-btn { margin-top: 1.25rem; }
  .rz-header__cta { white-space: nowrap; }
  @media (max-width: 1120px) {
    .rz-nav, .rz-header__cta { display: none; }
    .rz-menu { display: block; margin-left: auto; }
    .rz-lang + .rz-menu { margin-left: 0; }
    .rz-header__barra { gap: 0.6rem; }
    .rz-lang .lang-btn, .rz-lang .privacy-lang__btn { min-width: 40px; }
    .rz-header__barra { min-height: 64px; }
    .rz-logo img { height: 14px; }
  }

  /* Seções */
  .rz-secao { padding-block: var(--e-7) calc(var(--e-7) + var(--e-2)); }
  .rz-secao--clara { background: var(--superficie); border-block: 1px solid var(--linha); }
  /* Seção de fechamento: superfície e régua de tinta. Pigmento só representa dado, nunca fundo. */
  .rz-secao--faixa { background: var(--superficie); border-top: 2px solid var(--tinta); position: relative; }
  .rz-cabeca { display: flex; flex-direction: column; gap: var(--e-3); }
  .rz-cabeca h2 { font-size: var(--t-5); }
  .rz-cabeca--estreita { max-width: 46rem; }
  .rz-regua { border-top: 2px solid var(--tinta); }
  .rz-cabeca .rz-h2--longo, .rz-h2--longo { font-size: var(--t-4); }
  .rz-rotulo--neutro { margin-bottom: 1rem; }

  /* Pigmentos */
  .rz-pig { display: block; height: 14px; }
  .rz-pig--vinho { background: var(--vinho); }
  .rz-pig--garanca { background: var(--garanca); }
  .rz-pig--estanho { background: var(--estanho); }
  .rz-band-label { display: inline-flex; align-items: center; min-height: 1.5rem; padding-inline: 0.35rem; font-family: var(--f-dado); font-size: var(--t--1); line-height: 1; color: var(--tinta); border: 1px solid var(--linha-forte); border-radius: var(--raio); }

  /* Régua dos eixos (deslocamento probatório) */
  .rz-eixos { display: flex; flex-direction: column; gap: 0.6rem; }
  .rz-eixo { display: grid; grid-template-columns: minmax(8.5rem, 10rem) 1fr 2.2rem; align-items: center; gap: 0.75rem; min-height: 26px; }
  .rz-eixo__nome { font-size: 0.82rem; color: var(--tinta-2); line-height: 1.25; }
  .rz-eixo__trilho { position: relative; height: 26px; border-bottom: 1px solid var(--linha); }
  .rz-eixo__faixa { position: absolute; left: 0; top: 4px; height: 18px; width: calc(var(--v) * 1%); transform-origin: left center; }
  .rz-eixo:nth-child(3n+2) .rz-eixo__faixa { top: 7px; height: 15px; }
  .rz-eixo:nth-child(3n) .rz-eixo__faixa { top: 10px; height: 12px; }
  .rz-eixo__lacuna { position: absolute; top: 12px; left: calc(var(--v) * 1%); width: calc((var(--meta) - var(--v)) * 1%); border-top: 1.5px dashed var(--acao); }
  .rz-eixo__meta { position: absolute; top: 0; bottom: 0; left: calc(var(--meta) * 1%); width: 1px; background: var(--tinta); }
  .rz-eixo__valor { font-family: var(--f-dado); font-size: 0.8rem; text-align: right; }
  .rz-eixo__valor.rz-band-label { justify-self: end; }
  .rz-legenda { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); }
  .rz-legenda span { display: inline-flex; align-items: center; gap: 0.45rem; }
  .rz-legenda i { display: inline-block; width: 14px; height: 10px; }
  .rz-legenda i.meta { width: 1px; height: 12px; background: var(--tinta); }
  .rz-legenda i.lacuna { width: 16px; height: 0; border-top: 1.5px dashed var(--acao); }
  /* Garança (1,6:1) e estanho (1,9:1) não chegam a 3:1 sobre a superfície: contorno de linha-forte (3,7:1) delimita a faixa */
  :is(.rz-eixo__faixa, .rz-legenda i):is(.rz-pig--garanca, .rz-pig--estanho) { box-shadow: inset 0 0 0 1px var(--linha-forte); }
  @media (prefers-reduced-motion: no-preference) {
    .rz-js .rz-anima .rz-eixo__faixa { animation: rz-desloca 520ms var(--ease) both; animation-delay: calc(var(--i, 0) * 40ms); }
    .rz-js .rz-anima .rz-eixo__lacuna { animation: rz-surge 240ms var(--ease) both; animation-delay: calc(360ms + var(--i, 0) * 40ms); }
  }
  @keyframes rz-desloca { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes rz-surge { from { opacity: 0; } to { opacity: 1; } }

  /* Painel de relatório */
  .rz-relatorio { background: var(--superficie); border: 1px solid var(--linha); padding: clamp(1.25rem, 2vw, 1.75rem); display: flex; flex-direction: column; gap: 1.25rem; }
  .rz-relatorio__topo { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; border-bottom: 1px solid var(--tinta); padding-bottom: 0.9rem; }
  .rz-score { font-family: var(--f-display); font-weight: 700; font-size: var(--t-4); letter-spacing: -0.02em; line-height: 1; white-space: nowrap; }
  .rz-score small { font-family: var(--f-dado); font-size: 0.9rem; font-weight: 400; color: var(--tinta-3); letter-spacing: 0; }
  .rz-relatorio__rodape { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; border-top: 1px solid var(--linha); padding-top: 1rem; font-size: 0.9rem; line-height: 1.4; }
  .rz-relatorio__rodape--tres { grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 0; padding-top: 0; }
  .rz-relatorio__rodape span { display: block; font-family: var(--f-dado); font-size: 0.7rem; color: var(--tinta-3); margin-bottom: 0.25rem; }

  /* Diagrama do caminho do risco */
  .rz-caminho { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 3rem; }
  .rz-caminho__nos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 3rem; list-style: none; padding: 0; margin: 0; }
  .rz-no { position: relative; min-height: 64px; display: grid; place-items: center; border: 2px solid var(--tinta); background: var(--superficie); font-family: var(--f-display); font-weight: 600; font-size: var(--t-1); }
  .rz-no:not(:last-child)::after { content: ""; position: absolute; left: 100%; top: 50%; width: 3rem; border-top: 1.5px solid var(--tinta); }
  /* Nó fraco: tracejado, não só cor mais clara (1.4.1) */
  .rz-no--fraco { border: 2px dashed var(--linha-forte); }
  .rz-no--controle { background: var(--tinta); border-color: var(--tinta); color: var(--campo); }
  .rz-caminho__textos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 3rem; padding-top: 2rem; }
  .rz-entrada { display: flex; flex-direction: column; gap: 0.75rem; border-top: 1px solid var(--linha); padding-top: 1.25rem; }
  .rz-entrada h3 { font-size: var(--t-2); font-weight: 600; letter-spacing: -0.01em; }
  .rz-entrada p { color: var(--tinta-2); }
  @media (max-width: 960px) {
    .rz-caminho__textos { display: none; }
    .rz-caminho__nos { grid-template-columns: 1fr; row-gap: 0; }
    .rz-caminho__nos li { display: grid; grid-template-columns: 7rem 1fr; column-gap: 1rem; padding-bottom: 1.25rem; position: relative; }
    .rz-caminho__nos li:not(:last-child)::before { content: ""; position: absolute; left: 3.5rem; top: 56px; bottom: 0; border-left: 1px solid var(--tinta); }
    .rz-no { min-height: 52px; font-size: 1rem; align-self: start; }
    .rz-no:not(:last-child)::after { display: none; }
    .rz-caminho__nos .rz-entrada { border-top: 0; padding-top: 0.25rem; }
  }
  @media (min-width: 961px) { .rz-caminho__nos .rz-entrada { display: none; } }

  /* Listas definidas (frameworks) */
  .rz-def { border-top: 2px solid var(--tinta); }
  .rz-def > div { display: grid; grid-template-columns: minmax(10rem, 14rem) 1fr; gap: 1.5rem; padding: 1.35rem 0; border-bottom: 1px solid var(--linha); }
  .rz-def dt { font-family: var(--f-display); font-weight: 600; font-size: var(--t-1); }
  .rz-def dd { color: var(--tinta-2); margin: 0; }
  @media (max-width: 640px) { .rz-def > div { grid-template-columns: 1fr; gap: 0.25rem; } }

  /* Passos */
  .rz-passos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: 2rem; list-style: none; padding: 0; }
  .rz-passo { display: flex; flex-direction: column; gap: 0.85rem; }
  .rz-passo h3 { font-size: var(--t-2); font-weight: 600; letter-spacing: -0.01em; }
  .rz-passo p { color: var(--tinta-2); }
  .rz-passo__fig { position: relative; height: 120px; border-bottom: 1px solid var(--tinta); }
  .rz-passo__fig span { position: absolute; }
  .rz-passo__barra { left: var(--x, 0); bottom: var(--y, 0); width: var(--w, 0); height: var(--h, 26px); background: var(--linha); }
  .rz-passo__meta { left: var(--x, 75%); bottom: 0; width: 1px; height: 100%; background: var(--tinta); }
  .rz-passo__lacuna { left: var(--x, 0); bottom: var(--y, 0); width: var(--w, 0); border-top: 1.5px dashed var(--acao); }
  @media (max-width: 800px) { .rz-passos { grid-template-columns: 1fr; } .rz-passo__fig { height: 88px; } }

  /* Tabelas */
  .rz-tabela { width: 100%; font-size: var(--t-0); line-height: 1.45; }
  .rz-tabela caption { text-align: left; font-family: var(--f-dado); font-size: var(--t--1); color: var(--tinta-3); padding-bottom: 0.75rem; }
  .rz-tabela thead tr { border-top: 2px solid var(--tinta); border-bottom: 1px solid var(--tinta); }
  .rz-tabela th, .rz-tabela td { text-align: left; padding: 1.1rem 1.25rem 1.1rem 0; vertical-align: top; }
  .rz-tabela tbody tr { border-bottom: 1px solid var(--linha); }
  .rz-rolagem { overflow-x: auto; }
  @media (max-width: 720px) {
    .rz-tabela--empilha thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .rz-tabela--empilha tr { display: block; padding: 1rem 0; }
    .rz-tabela--empilha td { display: block; padding: 0.2rem 0; }
    .rz-tabela--empilha td::before { content: attr(data-rotulo); display: block; font-family: var(--f-dado); font-size: 0.72rem; color: var(--tinta-3); }
  }

  /* Formulários */
  .rz-campo { display: flex; flex-direction: column; gap: 0.5rem; font-size: 0.9rem; font-weight: 500; }
  .rz-campo input, .rz-input { min-height: 52px; padding: 0 0.9rem; border: 1px solid var(--linha-forte); border-radius: var(--raio); background: var(--superficie); color: var(--tinta); font-size: 1rem; }
  .rz-campo input:hover, .rz-input:hover { border-color: var(--tinta-3); }
  .rz-campo input:disabled, .rz-input:disabled { background: var(--campo); color: var(--tinta-3); cursor: not-allowed; }
  .rz-check { display: flex; gap: 0.75rem; align-items: flex-start; min-height: 44px; font-size: 0.95rem; line-height: 1.45; }
  .rz-check input { width: 20px; height: 20px; margin: 0.15rem 0 0; accent-color: var(--tinta); flex: none; }

  /* FAQ */
  .rz-faq { border-top: 2px solid var(--tinta); }
  .rz-faq details { border-bottom: 1px solid var(--linha); }
  .rz-faq summary { list-style: none; cursor: pointer; padding: 1.35rem 2.5rem 1.35rem 0; position: relative; font-family: var(--f-display); font-weight: 600; font-size: var(--t-1); min-height: 44px; }
  .rz-faq summary::-webkit-details-marker { display: none; }
  .rz-faq summary::after { content: "+"; position: absolute; right: 0; top: 1.2rem; font-family: var(--f-dado); font-size: 1.25rem; }
  .rz-faq details[open] summary::after { content: "−"; }
  .rz-faq details p { padding: 0 0 1.5rem; color: var(--tinta-2); max-width: 62ch; }

  /* Rodapé */
  .rz-rodape { background: var(--noite); color: var(--noite-texto); border-top: 2px solid var(--tinta); padding-block: var(--e-6) var(--e-5); margin-top: auto; }
  .rz-rodape a { color: var(--noite-texto); }
  .rz-rodape a:hover { text-decoration-thickness: 2px; }
  .rz-rodape__topo { display: grid; grid-template-columns: minmax(13rem, 1fr) minmax(0, 3fr); gap: var(--e-6); align-items: start; }
  .rz-rodape__marca { display: flex; flex-direction: column; gap: var(--e-3); }
  .rz-rodape__independencia { max-width: 28ch; font-size: var(--t--1); color: var(--noite-texto-2); }
  .rz-rodape__logo img { height: 22px; width: auto; }
  .rz-rodape__links { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--e-4); row-gap: var(--e-4); list-style: none; padding: 0; margin: 0; }
  .rz-rodape__col ul { list-style: none; padding: 0; margin: 0; }
  .rz-rodape__titulo { margin-bottom: 0.65rem; font-family: var(--f-dado); font-size: var(--t--1); color: var(--noite-texto-2); }
  .rz-rodape__links a { display: inline-block; padding-block: 0.45rem; font-size: 0.95rem; }
  .rz-rodape__base { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1rem; border-top: 1px solid var(--noite-linha); margin-top: var(--e-5); padding-top: 1.5rem; font-family: var(--f-dado); font-size: 0.75rem; color: var(--noite-texto-2); }
  .rz-rodape__versao { margin-left: auto; }
  .rz-rodape__base nav { display: flex; gap: 1.5rem; }
  .rz-rodape__base nav a { color: var(--noite-texto-2); min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding-block: 0.4rem; }
  @media (max-width: 900px) { .rz-rodape__topo { grid-template-columns: 1fr; gap: var(--e-4); } }
  @media (max-width: 720px) { .rz-rodape__links { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 1.5rem; } .rz-rodape__logo img { height: 16px; } .rz-rodape__versao { margin-left: 0; } }

  body.rz { display: flex; flex-direction: column; min-height: 100vh; min-height: 100dvh; }
}

@layer pages {
  /* HOME */
  .rz-hero { padding-block: var(--e-7) var(--e-6); }
  .rz-hero .rz-grid { align-items: start; row-gap: var(--e-6); }
  .rz-hero__texto { grid-column: 1 / span 6; display: flex; flex-direction: column; gap: var(--e-4); padding-top: 0.5rem; }
  .rz-hero h1 { font-size: var(--t-7); line-height: 0.98; letter-spacing: -0.035em; }
  .rz-hero__acoes { display: flex; flex-direction: column; gap: 0.9rem; padding-top: 0.5rem; }
  .rz-hero__acoes > div { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; }
  .rz-hero__fig { grid-column: 8 / span 5; margin: 0; }
  .rz-hero__aviso { display: inline-flex; align-items: center; gap: 0.5rem; width: fit-content; font-family: var(--f-dado); font-size: var(--t--1); color: var(--tinta-3); border-bottom: 1px solid var(--linha-forte); padding-bottom: 0.35rem; }
  .rz-hero__prova { font-family: var(--f-dado); font-size: var(--t--1); color: var(--tinta-3); }
  .rz-hero--indice .rz-hero__texto { grid-column: 1 / span 8; }
  .rz-hero--indice h1 { max-width: 12ch; }
  .rz-hero--indice .rz-meta { margin-top: var(--e-2); }
  .rz-erro { padding-block: var(--e-7); }
  .rz-erro .rz-grid { align-items: start; row-gap: var(--e-5); }
  .rz-erro__codigo { grid-column: 1 / span 4; font-family: var(--f-display); font-size: var(--t-7); font-weight: 700; line-height: 0.9; letter-spacing: -0.04em; }
  .rz-erro__conteudo { grid-column: 5 / span 6; display: flex; flex-direction: column; gap: var(--e-3); }
  .rz-erro__conteudo h1 { font-size: var(--t-5); }
  .rz-erro__saidas { grid-column: 5 / span 6; list-style: none; padding: 0; margin: 0; border-top: 2px solid var(--tinta); }
  .rz-erro__saidas a { display: flex; align-items: center; justify-content: space-between; min-height: 56px; gap: 1rem; border-bottom: 1px solid var(--linha); text-decoration: none; }
  .rz-erro__saidas svg { width: 1.25rem; height: 1.25rem; flex: none; }
  @media (max-width: 720px) { .rz-erro__codigo, .rz-erro__conteudo, .rz-erro__saidas { grid-column: 1 / -1; } .rz-erro__codigo { font-size: var(--t-6); } }
  @media (max-width: 960px) { .rz-hero__texto, .rz-hero__fig { grid-column: 1 / -1; } .rz-hero__acoes .rz-btn { width: 100%; } }
  /* Hero da Home: editorial técnico, estático (dials 6/3/5). Título em 2 linhas, texto e relatório alinhados pela base. */
  .rz-hero--home { padding-block: var(--e-6) calc(var(--e-6) + var(--e-3)); }
  .rz-hero--home .rz-grid { align-items: end; }
  .rz-hero--home .rz-hero__texto { grid-column: 1 / span 7; gap: var(--e-4); padding-top: 0; }
  .rz-hero--home h1 { font-size: var(--t-6); line-height: 1; letter-spacing: -0.03em; }
  .rz-hero--home .rz-lead { max-width: 42ch; }
  .rz-hero--home .rz-hero__acoes { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; padding-top: 0; }
  .rz-hero--home .rz-hero__fig { grid-column: 8 / span 5; }
  .rz-hero--home .rz-eixos { gap: 0.35rem; }
  .rz-hero--home .rz-eixo { grid-template-columns: minmax(9.5rem, 11rem) 1fr 2.2rem; }
  @media (max-width: 960px) {
    .rz-hero--home .rz-grid { align-items: start; }
    .rz-hero--home .rz-hero__texto, .rz-hero--home .rz-hero__fig { grid-column: 1 / -1; }
  }
  @media (max-width: 480px) { .rz-hero--home .rz-eixo { grid-template-columns: minmax(0, 8.5rem) 1fr 2rem; gap: 0.5rem; } }

  .rz-duas { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: var(--e-5); }
  .rz-duas > :first-child { grid-column: 1 / span 5; }
  .rz-duas > :nth-child(2) { grid-column: 7 / span 5; align-self: end; }
  .rz-duas--larga > :first-child { grid-column: 1 / span 7; }
  .rz-duas--def > :first-child { grid-column: 1 / span 4; }
  .rz-duas--def > :nth-child(2) { grid-column: 6 / span 7; align-self: start; }
  .rz-duas > .rz-inteira { grid-column: 1 / -1; }
  .rz-duas > .rz-relatorio--topo { align-self: start; }
  @media (max-width: 960px) { .rz-duas > * { grid-column: 1 / -1 !important; } }

  .rz-final { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: var(--e-4); align-items: end; position: relative; z-index: 1; }
  .rz-final > div { grid-column: 1 / span 7; display: flex; flex-direction: column; gap: var(--e-3); }
  .rz-final h2 { font-size: var(--t-5); line-height: 1.04; letter-spacing: -0.025em; }
  .rz-final > .rz-final__acao { grid-column: 9 / span 4; justify-self: end; }
  
  @media (max-width: 960px) {
    .rz-final > div, .rz-final > .rz-final__acao { grid-column: 1 / -1; justify-self: stretch; }
    .rz-final__acao .rz-btn { width: 100%; }
  }

  /* MÉTODO */
  .rz-manifesto { padding-block: var(--e-7) var(--e-6); }
  .rz-manifesto .rz-grid { row-gap: var(--e-5); }
  .rz-manifesto__rotulo { grid-column: 1 / span 3; padding-top: 0.9rem; }
  .rz-manifesto h1 { grid-column: 4 / span 8; font-size: var(--t-6); line-height: 1.02; }
  .rz-manifesto__corpo { grid-column: 4 / span 6; display: flex; flex-direction: column; gap: 1.4rem; font-size: var(--t-1); line-height: 1.62; }
  .rz-manifesto__destaque { font-family: var(--f-display); font-weight: 600; font-size: var(--t-3); line-height: 1.25; letter-spacing: -0.01em; }
  .rz-citacao { grid-column: 4 / span 8; margin: 1rem 0 0; padding: clamp(1.5rem, 3vw, 2.5rem); background: var(--superficie); border-top: 2px solid var(--tinta); }
  .rz-citacao p { font-family: var(--f-display); font-weight: 600; font-size: var(--t-4); line-height: 1.2; letter-spacing: -0.01em; }
  .rz-sinal { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 2px solid var(--tinta); list-style: none; padding: 0; }
  .rz-sinal li { padding: 1.1rem 1rem 0 0; display: flex; flex-direction: column; gap: 0.75rem; font-family: var(--f-display); font-weight: 600; font-size: var(--t-2); }
  @media (max-width: 960px) { .rz-manifesto__rotulo, .rz-manifesto h1, .rz-manifesto__corpo, .rz-citacao { grid-column: 1 / -1; } .rz-sinal { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.25rem; } }
  .rz-tabela--comparativo th:nth-child(1), .rz-tabela--comparativo td:nth-child(1) { color: var(--tinta-3); }
  
  .rz-tabela--comparativo td:nth-child(3) { font-weight: 500; }
  .rz-passo--num { border-top: 2px solid var(--tinta); padding-top: 1.35rem; }
  .rz-passo__num { font-family: var(--f-dado); font-size: 0.9rem; color: var(--tinta-3); }
  .rz-passo__entrega { font-size: 0.9rem; color: var(--tinta-3) !important; border-top: 1px solid var(--linha); padding-top: 0.75rem; }

  /* RADAR */
  .rz-radar-topo { padding-block: var(--e-7) var(--e-5); }
  .rz-radar-topo h1 { font-size: var(--t-6); line-height: 1; letter-spacing: -0.03em; }
  .rz-filtros { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; border-bottom: 2px solid var(--tinta); padding-bottom: 1rem; }
  .rz-filtros__botoes { display: flex; flex-wrap: wrap; gap: 0.5rem; }
  .rz-filtros button { min-height: 44px; padding: 0 1rem; border: 1px solid var(--linha-forte); background: transparent; border-radius: var(--raio); font-size: 0.9rem; font-weight: 500; }
  .rz-filtros button:hover { border-color: var(--tinta); }
  .rz-filtros button[aria-pressed="true"] { background: var(--tinta); color: var(--campo); border-color: var(--tinta); }
  .rz-briefings { list-style: none; padding: 0; margin: 0; }
  .rz-briefing { display: grid; grid-template-columns: 15rem 1fr; column-gap: 2rem; padding: 1.9rem 0; border-bottom: 1px solid var(--linha); }
  .rz-briefing[hidden] { display: none; }
  .rz-briefing__meta { display: flex; flex-direction: column; gap: 0.6rem; }
  .rz-briefing__meta .rz-pig { height: 10px; }
  /* Comprimento da faixa = severidade do briefing (médio, alto, crítico) */
  .rz-severidade--medio { width: 60px; }
  .rz-severidade--alto { width: 110px; }
  .rz-severidade--critico { width: 160px; }
  .rz-briefing h2 { font-size: var(--t-3); font-weight: 600; line-height: 1.18; letter-spacing: -0.01em; }
  .rz-briefing h2 a { text-decoration: none; }
  .rz-briefing h2 a:hover { text-decoration: underline; }
  .rz-briefing p { color: var(--tinta-2); margin-top: 0.5rem; max-width: 60ch; }
  @media (max-width: 720px) { .rz-briefing { grid-template-columns: 1fr; row-gap: 0.75rem; } }
  .rz-news { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 1.5rem; row-gap: var(--e-5); }
  .rz-news h2 { font-size: var(--t-5); }
  .rz-news > div { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: var(--e-3); }
  .rz-news form { grid-column: 7 / span 6; display: flex; flex-direction: column; gap: 1.1rem; }
  .rz-news__campos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  .rz-news__enviar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; }
  .newsletter__status:empty { display: none; }
  @media (max-width: 960px) { .rz-news > div, .rz-news form { grid-column: 1 / -1; } .rz-news__campos { grid-template-columns: 1fr; } }

  /* AIMI landing */
  .rz-beneficios { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 2px solid var(--tinta); list-style: none; padding: 0; }
  .rz-beneficios li { padding: 1.75rem 2rem 0.5rem 0; display: flex; flex-direction: column; gap: 0.75rem; }
  .rz-beneficios li + li { border-left: 1px solid var(--linha); padding-left: 2rem; }
  .rz-beneficios h3 { font-size: var(--t-2); font-weight: 600; letter-spacing: -0.01em; }
  .rz-beneficios p { color: var(--tinta-2); }
  @media (max-width: 800px) { .rz-beneficios { grid-template-columns: 1fr; } .rz-beneficios li + li { border-left: 0; padding-left: 0; border-top: 1px solid var(--linha); } }
  .rz-lista { list-style: none; padding: 0; border-top: 2px solid var(--tinta); }
  .rz-lista li { padding: 1rem 0 1rem 2.25rem; border-bottom: 1px solid var(--linha); position: relative; }
  .rz-lista li::before { content: ""; position: absolute; left: 0; top: 1.75rem; width: 0.9rem; height: 2px; background: var(--tinta); }
}

/* Skins para markup preservado (fluxo AIMI, Intel Feed, Glossário, Radar técnico, Privacidade).
   Estas páginas mantêm DOM, IDs e JS originais; aqui só entra a pele nova. */
@layer legacy {
  body.rz-pele main { flex: 1 0 auto; }
  /* Conteúdo trilíngue da política: só o idioma ativo aparece */
  body.rz-pele main [data-lang]:not(button):not(.is-active) { display: none; }
  body.rz-pele [data-reveal] { opacity: 1 !important; transform: none !important; }
  body.rz-pele .scroll-progress, body.rz-pele canvas, body.rz-pele .tubes, body.rz-pele [data-darktech] { display: none !important; }

  body.rz-pele main h1 { font-size: var(--t-6); }
  body.rz-pele main h2 { font-size: var(--t-4); }
  body.rz-pele main h3 { font-size: var(--t-2); font-weight: 600; letter-spacing: -0.01em; }

  /* Cartões e painéis genéricos do legado viram blocos planos */
  body.rz-pele .aimi-panel-page { width: 100%; max-width: 860px; margin-inline: auto; padding: var(--e-6) var(--gutter) var(--e-7); }
  body.rz-pele .aimi-card, body.rz-pele .aimi-verify-box, body.rz-pele .aimi-score-box { background: var(--superficie); border: 1px solid var(--linha); border-top: 2px solid var(--tinta); border-radius: 0; padding: clamp(1.5rem, 4vw, 3rem); position: relative; }
  body.rz-pele .aimi-card__tag, body.rz-pele .aimi-terms-tag, body.rz-pele .aimi-terms-version { display: inline-block; font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); margin-bottom: 1.25rem; }
  body.rz-pele .aimi-card__title, body.rz-pele .aimi-verify-title { font-family: var(--f-display); font-size: var(--t-4); line-height: 1.08; margin-bottom: 0.5rem; }
  body.rz-pele .aimi-card__sub, body.rz-pele .aimi-verify-msg, body.rz-pele .aimi-note, body.rz-pele .aimi-email-note, body.rz-pele .aimi-scroll-hint { font-family: var(--f-dado); font-size: 0.8rem; color: var(--tinta-3); line-height: 1.55; }
  body.rz-pele .aimi-card__sub { margin-bottom: 2rem; }
  body.rz-pele .aimi-field { display: flex; flex-direction: column; gap: 0.45rem; margin-bottom: 1.25rem; }
  body.rz-pele .aimi-form-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  @media (max-width: 600px) { body.rz-pele .aimi-form-row { grid-template-columns: 1fr; gap: 0; } }
  body.rz-pele .aimi-label { font-family: var(--f-texto); font-size: 0.9rem; font-weight: 500; color: var(--tinta); }
  body.rz-pele .aimi-input, body.rz-pele .feed-search__input, body.rz-pele .feed-sort, body.rz-pele main input[type="text"], body.rz-pele main input[type="email"], body.rz-pele main select, body.rz-pele main textarea { width: 100%; min-height: 52px; padding: 0 0.9rem; border: 1px solid var(--linha-forte); border-radius: var(--raio); background: var(--superficie); color: var(--tinta); font-size: 1rem; }
  body.rz-pele main textarea { padding-block: 0.75rem; min-height: 8rem; }
  body.rz-pele :is(.aimi-input, .feed-search__input, .feed-sort, main input[type="text"], main input[type="email"], main select, main textarea):hover { border-color: var(--tinta-3); }
  body.rz-pele :is(.aimi-input, .feed-search__input, .feed-sort, main input, main select, main textarea):disabled { background: var(--campo); color: var(--tinta-3); cursor: not-allowed; }
  body.rz-pele .aimi-input[aria-invalid="true"] { border: 2px solid var(--erro); }
  body.rz-pele .aimi-field-error { display: none; font-family: var(--f-dado); font-size: 0.75rem; color: var(--erro); }
  body.rz-pele .aimi-field-error.show, body.rz-pele .aimi-field.error .aimi-field-error { display: block; }

  body.rz-pele .btn, body.rz-pele .nav-btn, body.rz-pele .signal-btn, body.rz-pele .aimi-accept-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; min-height: 44px; padding: 0.7rem 1.25rem;
    border-radius: var(--raio); font-family: var(--f-texto); font-weight: 600; font-size: var(--t-0); line-height: 1.2; text-decoration: none;
    background: transparent; color: var(--tinta); border: 2px solid var(--tinta); transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);
  }
  body.rz-pele .btn--primary, body.rz-pele .nav-btn.primary, body.rz-pele .signal-btn, body.rz-pele .aimi-accept-btn { background: var(--acao); color: var(--acao-texto); border: 2px solid var(--acao); }
  body.rz-pele .btn--primary:hover, body.rz-pele .nav-btn.primary:hover, body.rz-pele .signal-btn:hover, body.rz-pele .aimi-accept-btn:hover { background: var(--acao-hover); border-color: var(--acao-hover); color: var(--acao-texto); }
  body.rz-pele .btn--ghost:hover, body.rz-pele .nav-btn:not(.primary):hover { background: var(--tinta); color: var(--campo); border-color: var(--tinta); }
  body.rz-pele .btn:disabled, body.rz-pele .nav-btn:disabled, body.rz-pele .aimi-accept-btn:disabled { background: var(--linha); border-color: var(--linha); color: var(--tinta-3); cursor: not-allowed; }
  body.rz-pele .aimi-submit { width: 100%; margin-top: 0.75rem; }
  body.rz-pele .aimi-note { margin-top: 1rem; }

  /* Overlays de estado */
  body.rz-pele .aimi-overlay { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; text-align: center; padding: 2rem; }
  body.rz-pele .aimi-overlay.show { display: flex; }
  body.rz-pele .aimi-overlay--fixed { position: fixed; inset: 0; z-index: 60; background: color-mix(in srgb, var(--campo) 96%, transparent); }
  body.rz-pele .aimi-overlay:not(.aimi-overlay--fixed) { position: absolute; inset: 0; background: var(--superficie); }
  body.rz-pele .aimi-overlay__ring { width: 120px; height: 14px; background: var(--linha); position: relative; overflow: hidden; }
  body.rz-pele .aimi-overlay__ring::after { content: ""; position: absolute; inset: 0; width: 40%; background: var(--tinta); animation: rz-carrega 1.1s var(--ease) infinite alternate; }
  @keyframes rz-carrega { from { transform: translateX(0); } to { transform: translateX(150%); } }
  @media (prefers-reduced-motion: reduce) { body.rz-pele .aimi-overlay__ring::after { animation: none; width: 60%; } }
  body.rz-pele .aimi-overlay__title, body.rz-pele .aimi-overlay__label { font-family: var(--f-display); font-weight: 700; font-size: var(--t-3); letter-spacing: -0.01em; }
  body.rz-pele .aimi-overlay__msg { font-family: var(--f-dado); font-size: 0.8rem; color: var(--tinta-3); max-width: 44ch; }
  body.rz-pele .aimi-overlay__icon, body.rz-pele .aimi-verify-icon, body.rz-pele .aimi-success-icon { width: 56px; height: 18px; font-size: 0; background: var(--linha-forte); margin-bottom: 0.5rem; }
  body.rz-pele .aimi-overlay__icon--error, body.rz-pele .aimi-verify-icon--error { background: var(--erro); }
  body.rz-pele .aimi-overlay__icon--ok, body.rz-pele .aimi-verify-icon--ok, body.rz-pele .aimi-success-icon { background: var(--tinta); }
  body.rz-pele svg.aimi-overlay__icon, body.rz-pele svg.aimi-verify-icon, body.rz-pele svg.aimi-success-icon { width: 24px; height: 24px; background: none; color: var(--tinta); flex: none; }
  body.rz-pele svg.aimi-overlay__icon--error, body.rz-pele svg.aimi-verify-icon--error { color: var(--erro); }
  body.rz-pele .aimi-loading-wrap { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 3rem 0; }

  /* Questionário: uma pergunta por bloco, eixos como trilha lateral */
  body.rz-pele .aimi-survey { gap: clamp(1.5rem, 4vw, 3.5rem); align-items: flex-start; }
  body.rz-pele .aimi-panel-page:has(.aimi-survey) { max-width: 1180px !important; }
  body.rz-pele .aimi-survey__sidebar { flex: 0 0 15rem; position: sticky; top: 6rem; display: flex; flex-direction: column; gap: 0.3rem; border-right: 1px solid var(--linha); padding-right: 1.25rem; }
  body.rz-pele .eixo-tab { display: flex; align-items: center; gap: 0.75rem; min-height: 40px; cursor: pointer; font-size: 0.9rem; color: var(--tinta-3); }
  body.rz-pele .eixo-tab-num { flex: none; width: 10px; height: 10px; font-size: 0; background: var(--linha-forte); transition: width var(--dur) var(--ease); }
  body.rz-pele .eixo-tab.done { color: var(--tinta-2); }
  body.rz-pele .eixo-tab.done .eixo-tab-num { width: 28px; background: var(--tinta-3); }
  body.rz-pele .eixo-tab.active { color: var(--tinta); font-weight: 600; }
  body.rz-pele .eixo-tab.active .eixo-tab-num { width: 40px; background: var(--tinta); }
  body.rz-pele .aimi-survey__content { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1.5rem; }
  body.rz-pele .aimi-progress__label { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); margin-bottom: 0.5rem; }
  body.rz-pele .survey-progress-meta { margin-left: 0.75rem; }
  body.rz-pele .aimi-progress__track { height: 8px; background: var(--superficie); border: 1px solid var(--linha); overflow: hidden; }
  body.rz-pele .aimi-progress__fill { height: 100%; width: 100%; background: var(--tinta); transform-origin: left; transform: scaleX(var(--aimi-progress, 0)); transition: transform var(--dur) var(--ease); }
  body.rz-pele .aimi-eixo-header { font-family: var(--f-dado); font-size: 0.8rem; color: var(--tinta-3); margin-top: 0.5rem; }
  body.rz-pele .aimi-eixo-name { font-size: var(--t-5); line-height: 1.04; }
  body.rz-pele .questao { background: var(--superficie); border: 1px solid var(--linha); padding: clamp(1.25rem, 3vw, 2rem); margin-bottom: 1rem; }
  body.rz-pele .questao.answered { border-left: 2px solid var(--tinta); }
  body.rz-pele .questao-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
  body.rz-pele .q-num { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); padding: 0; margin-bottom: 0.75rem; }
  body.rz-pele .q-texto { font-family: var(--f-display); font-weight: 600; font-size: var(--t-2); line-height: 1.25; margin-bottom: 1.25rem; letter-spacing: -0.01em; }
  body.rz-pele .opcoes { display: flex; flex-direction: column; gap: 0.5rem; }
  body.rz-pele .opcao { display: flex; align-items: center; gap: 1rem; min-height: 56px; padding: 0 1.1rem; border: 1px solid var(--linha-forte); border-radius: var(--raio); cursor: pointer; background: var(--superficie); position: relative; }
  body.rz-pele .opcao input { width: 20px; height: 20px; margin: 0; accent-color: var(--tinta); flex: none; }
  body.rz-pele .opcao-label { flex: 1; font-size: 1rem; }
  body.rz-pele .opcao::after { content: ""; height: 10px; width: 12px; background: var(--linha); }
  body.rz-pele .opcao[data-val="1"]::after { width: 30px; } body.rz-pele .opcao[data-val="2"]::after { width: 48px; } body.rz-pele .opcao[data-val="3"]::after { width: 66px; } body.rz-pele .opcao[data-val="4"]::after { width: 84px; }
  body.rz-pele .opcao:hover { border-color: var(--tinta); }
  body.rz-pele .opcao.selected { border: 2px solid var(--tinta); }
  body.rz-pele .opcao.selected::after { background: var(--tinta); }
  body.rz-pele .opcao:has(input:focus-visible) { outline: 3px solid var(--foco); outline-offset: 2px; }
  body.rz-pele .save-status { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); min-height: 1.2em; }
  body.rz-pele .aimi-nav-btns { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid var(--linha); padding-top: 1.5rem; }
  @media (max-width: 860px) {
    body.rz-pele .aimi-survey { flex-direction: column !important; }
    body.rz-pele .aimi-survey__sidebar { position: static; flex: none; width: 100%; flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--linha); padding: 0 0 0.75rem; gap: 0.75rem; }
    body.rz-pele .eixo-tab { flex: none; } body.rz-pele .eixo-tab:not(.active) .eixo-tab-nome { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    body.rz-pele .aimi-nav-btns .nav-btn { flex: 1; }
  }

  /* Termos e verificação */
  body.rz-pele .aimi-terms-body { max-height: 55vh; overflow-y: auto; border: 1px solid var(--linha); padding: 1.5rem; background: var(--campo); margin-block: 1rem 1.5rem; line-height: 1.65; }
  body.rz-pele .aimi-terms-body h1, body.rz-pele .aimi-terms-body h2, body.rz-pele .aimi-terms-body h3 { font-size: var(--t-2); margin: 1.5rem 0 0.5rem; }
  body.rz-pele .aimi-terms-body p, body.rz-pele .aimi-terms-body li { color: var(--tinta-2); margin-bottom: 0.6rem; }
  body.rz-pele .aimi-verify-email { font-family: var(--f-dado); font-weight: 500; color: var(--tinta); }
  body.rz-pele .aimi-verify-box { text-align: left; display: flex; flex-direction: column; gap: 1rem; }

  /* Conclusão */
  body.rz-pele .aimi-score-box { width: 100%; text-align: left; display: grid; gap: 0.5rem; }
  body.rz-pele .aimi-score-num { font-family: var(--f-display); font-weight: 700; font-size: clamp(4rem, 3rem + 5vw, 7rem); line-height: 0.9; letter-spacing: -0.04em; color: var(--tinta) !important; }
  body.rz-pele .aimi-score-trilho { display: block; width: 100%; max-width: 28rem; margin-bottom: var(--e-1); }
  body.rz-pele .aimi-score-level { font-family: var(--f-display); font-weight: 600; font-size: var(--t-2); }
  body.rz-pele .aimi-score-desc { color: var(--tinta-2); }
  body.rz-pele .aimi-share-row { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; width: 100%; }
  body.rz-pele .aimi-share-row .btn { flex: 1 1 10rem; }
  body.rz-pele main:has(.aimi-score-box) .aimi-panel-page { display: flex; flex-direction: column; gap: var(--e-3); }
  body.rz-pele main:has(.aimi-score-box) .btn--primary { width: 100%; }
  body.rz-pele .aimi-panel-page:has(#termos-card) { max-width: 760px; }
  body.rz-pele .aimi-panel-page:has(.aimi-verify-box) { max-width: 560px; }
  body.rz-pele .privacy-contact + .privacy-text { margin-top: var(--e-3); }

  /* Páginas de leitura com TOC (Glossário, Radar técnico, Privacidade) */
  body.rz-pele main > section, body.rz-pele main > article, body.rz-pele main > div:not(.aimi-panel-page) { width: 100%; max-width: var(--coluna); margin-inline: auto; padding-inline: var(--gutter); }
  body.rz-pele main > section:first-child, body.rz-pele .hero, body.rz-pele .glossary-hero, body.rz-pele .radar-hero, body.rz-pele .privacy-hero { padding-top: var(--e-7); padding-bottom: var(--e-5); }
  body.rz-pele .eyebrow, body.rz-pele .kicker, body.rz-pele [class*="__eyebrow"], body.rz-pele [class*="__kicker"] { font-family: var(--f-dado); font-size: var(--t--1); color: var(--tinta-3); text-transform: none; letter-spacing: 0; margin-bottom: 1rem; }
  body.rz-pele .hero h1, body.rz-pele [class*="hero"] h1 { font-size: var(--t-6); line-height: 1.02; letter-spacing: -0.03em; max-width: 20ch; margin-bottom: var(--e-3); }
  body.rz-pele [class*="hero"] p:not([class*="eyebrow"]):not(.kicker) { font-size: var(--t-1); color: var(--tinta-2); max-width: 60ch; }
  body.rz-pele main p, body.rz-pele main li, body.rz-pele main dd { max-width: 72ch; }
  body.rz-pele main p + p { margin-top: 0.9rem; }
  body.rz-pele main ul:not([class]), body.rz-pele main ol:not([class]) { padding-left: 1.25rem; margin-block: 0.75rem; }
  body.rz-pele main ul:not([class]) li::marker { color: var(--tinta-3); }
  body.rz-pele main table { width: 100%; margin-block: 1.25rem; font-size: 0.95rem; }
  body.rz-pele main table th, body.rz-pele main table td { text-align: left; padding: 0.85rem 1rem 0.85rem 0; border-bottom: 1px solid var(--linha); vertical-align: top; }
  @media (max-width: 720px) { body.rz-pele main table { display: block; overflow-x: auto; } }
  body.rz-pele main table thead th { border-top: 2px solid var(--tinta); border-bottom: 1px solid var(--tinta); }

  body.rz-pele [class$="-layout"], body.rz-pele .glossary-layout, body.rz-pele .radar-layout, body.rz-pele .privacy-layout, body.rz-pele .feed-layout { display: grid; grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; padding-bottom: var(--e-7); }
  body.rz-pele .feed-layout { grid-template-columns: minmax(0, 1fr) minmax(15rem, 18rem); }
  body.rz-pele [class$="-layout"] > *, body.rz-pele .glossary-layout > *, body.rz-pele .radar-layout > *, body.rz-pele .privacy-layout > *, body.rz-pele .feed-layout > * { min-width: 0; max-width: 100%; }
  body.rz-pele .glossary-toc, body.rz-pele .radar-toc, body.rz-pele .privacy-toc { position: sticky; top: 6rem; max-height: calc(100vh - 7rem); overflow-y: auto; border-top: 2px solid var(--tinta); padding-top: 1rem; font-size: 0.9rem; }
  body.rz-pele [class*="toc__title"], body.rz-pele [class*="toc__label"] { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); margin-bottom: 0.75rem; }
  body.rz-pele [class*="toc__list"] { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
  body.rz-pele [class*="toc__list"] a, body.rz-pele .privacy-toc__link { display: block; padding: 0.45rem 0 0.45rem 0.9rem; border-left: 2px solid transparent; text-decoration: none; color: var(--tinta-2); line-height: 1.35; }
  body.rz-pele [class*="toc__list"] a.is-active, body.rz-pele [class*="toc__list"] a[aria-current], body.rz-pele .privacy-toc__link.active { border-left-color: var(--tinta); color: var(--tinta); font-weight: 600; }
  @media (max-width: 899px) {
    body.rz-pele [class$="-layout"], body.rz-pele .glossary-layout, body.rz-pele .radar-layout, body.rz-pele .privacy-layout, body.rz-pele .feed-layout { grid-template-columns: 1fr; }
    body.rz-pele .glossary-toc, body.rz-pele .radar-toc, body.rz-pele .privacy-toc { position: sticky; top: 64px; z-index: 5; background: var(--campo); max-height: none; overflow-x: auto; padding-bottom: 0.5rem; }
    body.rz-pele [class*="toc__list"] { flex-direction: row; gap: 0.25rem; white-space: nowrap; }
    body.rz-pele [class*="toc__list"] a { border-left: 0; border-bottom: 2px solid transparent; padding: 0.6rem 0.75rem; }
    body.rz-pele [class*="toc__list"] a.is-active, body.rz-pele [class*="toc__list"] a[aria-current] { border-bottom-color: var(--tinta); }
  }

  /* Blocos de conteúdo: termos do glossário, sinais do radar, seções de privacidade */
  body.rz-pele .glossary-term, body.rz-pele .radar-card, body.rz-pele .radar-brief, body.rz-pele .feed-item, body.rz-pele article[class] {
    background: transparent; border: 0; border-top: 1px solid var(--linha); border-radius: 0; box-shadow: none; padding: 1.75rem 0; margin: 0;
  }
  body.rz-pele [class*="tag"]:not(.aimi-card__tag):not(.aimi-terms-tag), body.rz-pele [class*="badge"], body.rz-pele [class*="chip"], body.rz-pele .card-meta, body.rz-pele [class*="__meta"] { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); background: transparent; border: 0; padding: 0; border-radius: 0; }
  body.rz-pele [class*="term__name"], body.rz-pele dt { font-family: var(--f-display); font-weight: 600; }

  /* Intel Feed */
  body.rz-pele .feed-toolbar { display: flex; gap: 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; border-bottom: 2px solid var(--tinta); padding-bottom: 1rem; }
  body.rz-pele .feed-search { flex: 1 1 18rem; }
  body.rz-pele .feed-sort { width: auto; flex: 0 0 auto; }
  body.rz-pele .feed-skeleton { height: 88px; border-bottom: 1px solid var(--linha); position: relative; opacity: 0.7; }
  body.rz-pele .feed-skeleton::before, body.rz-pele .feed-skeleton::after { content: ""; position: absolute; left: 0; background: var(--linha); }
  body.rz-pele .feed-skeleton::before { top: 30px; width: 60%; height: 14px; }
  body.rz-pele .feed-skeleton::after { top: 56px; width: 35%; height: 10px; }
  body.rz-pele .feed-list a { text-decoration: none; }
  body.rz-pele .feed-list h3, body.rz-pele .feed-list [class*="title"] { font-family: var(--f-display); font-weight: 600; font-size: var(--t-1); line-height: 1.3; }
  body.rz-pele .feed-card { border-top: 2px solid var(--tinta); padding-top: 1rem; margin-bottom: 1.5rem; }
  body.rz-pele .feed-card__label { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); margin-bottom: 0.75rem; }
  body.rz-pele .feed-cat-list { display: flex; flex-direction: column; }
  body.rz-pele .feed-cat-btn { display: flex; justify-content: space-between; align-items: center; min-height: 44px; border: 0; border-bottom: 1px solid var(--linha); background: transparent; text-align: left; font-size: 0.9rem; padding: 0; }
  body.rz-pele .feed-cat-btn:hover .feed-cat-name { text-decoration: underline; text-underline-offset: 0.22em; }
  body.rz-pele .feed-cat-btn.is-active { font-weight: 600; box-shadow: inset 2px 0 0 var(--tinta); padding-left: 0.75rem; }
  body.rz-pele .feed-cat-inner { display: flex; align-items: center; gap: 0.5rem; }
  body.rz-pele .feed-cat-dot { display: none; }
  body.rz-pele .feed-cat-count, body.rz-pele .feed-stat__label { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); }
  body.rz-pele .feed-stats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
  body.rz-pele .feed-stat { display: flex; flex-direction: column; }
  body.rz-pele .feed-stat__value { font-family: var(--f-display); font-weight: 700; font-size: var(--t-3); }
  body.rz-pele .feed-rss-link { font-family: var(--f-dado); font-size: 0.8rem; }
  body.rz-pele .feed-pagination { display: flex; gap: 0.5rem; flex-wrap: wrap; padding-top: 1.5rem; }
  body.rz-pele .feed-pagination button { min-width: 44px; min-height: 44px; border: 1px solid var(--linha-forte); background: transparent; border-radius: var(--raio); }
  body.rz-pele .feed-pagination button:hover { border-color: var(--tinta); }
  body.rz-pele .feed-pagination button[aria-current], body.rz-pele .feed-pagination .active { background: var(--tinta); color: var(--campo); }

  /* Newsletter e botões de idioma do legado */
  body.rz-pele .newsletter-panel, body.rz-pele [class*="newsletter"] form { gap: 1rem; }
  body.rz-pele .privacy-lang__btn, body.rz-pele main .lang-btn { min-width: 44px; min-height: 44px; border: 1px solid var(--linha-forte); background: transparent; border-radius: var(--raio); font-family: var(--f-dado); font-size: 0.75rem; }
  body.rz-pele .privacy-lang__btn:hover, body.rz-pele main .lang-btn:hover { border-color: var(--tinta); }
  body.rz-pele .privacy-lang__btn.active, body.rz-pele .privacy-lang__btn[aria-pressed="true"] { background: var(--tinta); color: var(--campo); }

  /* Ritmo tipográfico das páginas de leitura (auditoria 2026-09-22) */
  body.rz-pele main h2 { margin-bottom: 1rem; }
  body.rz-pele main h3 { margin-bottom: 0.6rem; }
  body.rz-pele .eyebrow, body.rz-pele .privacy-section__number, body.rz-pele .privacy-callout__tag, body.rz-pele .glossary-term__tagline { display: block; font-family: var(--f-dado); font-size: var(--t--1); line-height: 1.4; color: var(--tinta-3); letter-spacing: 0; margin-bottom: 0.75rem; }
  body.rz-pele .glossary-term__tagline, body.rz-pele .privacy-callout__tag { color: var(--tinta-3); margin-bottom: 0.4rem; }
  /* Topo: respiro entre subtítulo, selos e ações */
  body.rz-pele .hero .hero__subheading { margin-bottom: 0; }
  body.rz-pele .glossary-tags, body.rz-pele .radar-meta-row, body.rz-pele .privacy-hero__meta, body.rz-pele .privacy-badges, body.rz-pele .glossary-facts { display: flex; flex-wrap: wrap; gap: 0.35rem 1.5rem; margin-top: var(--e-4); font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); }
  body.rz-pele .privacy-badges { margin-top: 0.75rem; }
  body.rz-pele .radar-pill, body.rz-pele .glossary-fact { font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); }
  body.rz-pele .hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem 1rem; margin-top: var(--e-4); }
  body.rz-pele .btn:active, body.rz-pele .nav-btn:active { transform: translateY(1px); }
  /* Blocos de resumo e aviso antes do índice */
  body.rz-pele .glossary-note, body.rz-pele .glossary-summary, body.rz-pele .radar-summary { margin-bottom: var(--e-5); }
  body.rz-pele .glossary-note__box { max-width: 72ch; background: var(--superficie); border: 1px solid var(--linha); border-left: 2px solid var(--tinta); padding: 1rem 1.25rem; }
  body.rz-pele .glossary-summary__box, body.rz-pele .radar-summary__box { border-top: 2px solid var(--tinta); padding-top: 1.25rem; }
  body.rz-pele .glossary-summary__box > p:not(.eyebrow), body.rz-pele .radar-summary__box > p:not(.eyebrow) { max-width: 72ch; }
  /* Seções do conteúdo: a régua fica na seção, então rótulo e título ficam juntos abaixo dela */
  body.rz-pele .glossary-section, body.rz-pele .radar-topic, body.rz-pele .privacy-section { border: 0; border-top: 2px solid var(--tinta); border-radius: 0; background: transparent; box-shadow: none; padding: 1.25rem 0 0; margin: var(--e-6) 0 0; scroll-margin-top: 6rem; }
  body.rz-pele :is(.glossary-content, .radar-content, .privacy-body) > :is(.glossary-section, .radar-topic, .privacy-section):first-child { margin-top: 0; }
  body.rz-pele :is(.glossary-section, .radar-topic, .privacy-section) > h2 { border: 0; padding: 0; margin: 0 0 1.25rem; }
  /* Cartões: rótulo, título e texto em sequência, controle como nota do próprio cartão */
  body.rz-pele .glossary-term-grid, body.rz-pele .radar-grid, body.rz-pele .radar-brief-grid { display: flex; flex-direction: column; }
  body.rz-pele .glossary-term .definition { color: var(--tinta); }
  body.rz-pele .radar-risk { display: block; font-family: var(--f-dado); font-size: 0.75rem; color: var(--tinta-3); margin-bottom: 0.4rem; }
  body.rz-pele .radar-risk--high { color: var(--tinta); font-weight: 600; }
  body.rz-pele .radar-card__control { margin-top: 0.75rem; font-size: 0.95rem; color: var(--tinta-2); max-width: 72ch; }
  body.rz-pele .radar-topic__source-note, body.rz-pele .glossary-source-note { margin-top: 1.5rem; font-size: 0.9rem; color: var(--tinta-3); }
  body.rz-pele .privacy-callout { margin-top: 1.25rem; padding: 1rem 1.25rem; background: var(--superficie); border: 1px solid var(--linha); }
  /* Telas do fluxo AIMI: um único tamanho de título */
  body.rz-pele .aimi-panel-page :is(h1:not(.visually-hidden):not(.sr-only), .aimi-card__title, .aimi-verify-title) { font-size: var(--t-5); line-height: 1.04; letter-spacing: -0.025em; }
  body.rz-pele :is(.glossary-term-grid, .radar-grid, .radar-brief-grid) > :first-child { border-top: 0; padding-top: 0.25rem; }
  body.rz-pele .glossary-print__list { display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; margin-block: 1.25rem 1.75rem; font-family: var(--f-dado); font-size: 0.8rem; color: var(--tinta-2); }
  body.rz-pele :is(.glossary-ref, .privacy-contact__row) a, body.rz-pele .feed-rss-link { display: inline-block; padding-block: 0.6rem; }
  .rz-rodape__logo { display: inline-block; padding-block: 0.75rem; }
  /* Área de toque mínima em links de índice e navegação no celular */
  @media (max-width: 899px) { body.rz-pele [class*="toc__list"] a, body.rz-pele .privacy-toc__link { min-height: 44px; display: flex; align-items: center; } }
}