/* ============================================================
   Sigma Trust — sistema de design
   Gerado a partir do pacote "Cinco novos designs de heróis".
   Fonte única dos tokens usados pelo site e pelos sistemas internos
   (exchange e wealth management).
   ============================================================ */

:root{
  /* --- cor ------------------------------------------------ */
  --st-accent:      #E3590C;  /* laranja queimado — acento único da casa */
  --st-accent-deep: #C74C08;  /* hover / pressionado                     */
  --st-accent-ink:  #FF8C42;  /* laranja SOBRE TINTA — 8,10:1 contra os  */
                              /* 5,09:1 do acento cheio, que reprovava   */
                              /* na prática no mono de 9–13px            */
  --st-ink:         #121212;  /* tinta                                   */
  --st-ink-2:       #2A2A2A;
  --st-body:        #3A3A3A;  /* texto corrido                           */
  --st-muted:       #6E6A62;  /* rótulos secundários                     */
  --st-muted-2:     #8A867E;
  --st-muted-3:     #C4C0B8;  /* sobre fundo escuro                      */
  --st-line:        #DED8C9;  /* fio quente                              */
  --st-line-2:      #EDE8DC;  /* fio interno                             */
  --st-paper:       #EDE9DF;  /* fundo da página (osso)                  */
  --st-panel:       #F7F3EA;  /* painel de seção (creme)                 */
  --st-card:        #FFFFFF;
  --st-on-ink:      #FBFAF8;  /* texto sobre tinta                       */

  /* --- tipografia ----------------------------------------- */
  --st-slab: Rockwell, 'Rockwell Nova', 'Roboto Slab', Georgia, serif;
  --st-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --st-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- forma ---------------------------------------------- */
  --st-radius: 4px;
}

/* Fios e caixas do sistema herdam sempre dos tokens acima. */
html,body{height:100%;margin:0}
#dc-root{height:100%}

/* Âncoras precisam parar ABAIXO do menu fixo, senão o alvo fica
   escondido atrás da barra. Vale para #about, #coverage, #contact,
   #f01..#f05 e as seções das cartas. */
html{scroll-behavior:smooth;scroll-padding-top:104px}
@media (max-width:820px){ html{scroll-padding-top:78px} }
:target{scroll-margin-top:104px}

body{background:var(--st-paper);color:var(--st-ink)}
a{text-decoration:none}
img,svg,video,iframe{max-width:100%}

/* Acervo de research — lista filtrável. */
.st-filters{display:flex;flex-wrap:wrap;gap:6px}
.st-filters button{font-family:var(--st-mono);font-size:10px;letter-spacing:.14em;
  background:transparent;color:var(--st-muted);border:1px solid var(--st-line);
  border-radius:2px;padding:6px 10px;cursor:pointer}
.st-filters button:hover{border-color:var(--st-ink);color:var(--st-ink)}
.st-filters button[aria-pressed="true"]{background:var(--st-ink);border-color:var(--st-ink);
  color:var(--st-on-ink)}
.st-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:start;
  padding:14px 0;border-bottom:1px solid var(--st-line-2);color:inherit}
/* display:grid vence o [hidden] do navegador — o filtro precisa deste reforço. */
.st-row[hidden]{display:none !important}
.st-row:hover{background:var(--st-panel)}
.st-row:hover .st-ti{color:var(--st-accent)}
.st-rg{font-family:var(--st-mono);font-size:10px;letter-spacing:.16em;color:var(--st-muted);
  display:flex;flex-direction:column;gap:3px}
.st-fl{font-size:15px;line-height:1}
.st-ct{font-family:var(--st-mono);font-size:9.5px;letter-spacing:.18em;color:var(--st-accent);
  text-transform:uppercase}
.st-ti{margin:3px 0 4px;font-family:var(--st-slab);font-weight:500;font-size:16px;
  line-height:1.25;color:var(--st-ink)}
.st-dk{margin:0;font-family:var(--st-sans);font-size:13px;line-height:1.6;color:var(--st-body)}
.st-mt{font-family:var(--st-mono);font-size:9.5px;letter-spacing:.14em;color:var(--st-muted);
  white-space:nowrap;padding-top:4px}
@media(max-width:720px){
  .st-row{grid-template-columns:44px minmax(0,1fr)}
  .st-mt{display:none}
}

/* ---- faces embutidas (Inter + IBM Plex Mono) ---- */
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-mono-400-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-mono-400-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-mono-400-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-mono-400-latin-ext.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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/plex-mono-400-latin.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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-mono-500-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-mono-500-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-mono-500-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-mono-500-latin-ext.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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/plex-mono-500-latin.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:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-ext.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:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin.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:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-ext.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:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin.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:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-ext.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:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin.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:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-cyrillic-ext.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-greek-ext.woff2') format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-greek.woff2') format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-vietnamese.woff2') format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-ext.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:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin.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}

/* ============================================================
   Limitador lateral / caixa única
   Em telas largas o conteúdo para a 7cm de cada borda e nunca
   fica mais estreito que 1240px — o menu completo (links E atalhos
   a 12px) cabe em 1211px numa ÚNICA linha. O menu e TODAS as faixas de
   conteúdo compartilham exatamente a mesma caixa, para as bordas
   dos cartões baterem com a borda da barra do menu.
   O fundo continua sangrando de ponta a ponta.
   ============================================================ */
:root{
  --st-gutter: 7cm;
  /* Recuo interno das tarjas (menu, leia também, rodapé): o texto de
     todas começa na mesma vertical. */
  --st-inset: 24px;
  --st-max: max(1240px, calc(100vw - 2 * var(--st-gutter)));
}
/* Abaixo do limite o respiro lateral vira parte da própria caixa. */
@media (max-width:1300px){ :root{ --st-max: calc(100% - 32px); } }
@media (max-width:820px){  :root{ --st-max: calc(100% - 24px); } }

/* A barra do menu compartilha a caixa, mas mantém o próprio respiro
   interno (padding declarado em .st-nav-inner mais abaixo). */
.st-nav-inner{ box-sizing:border-box; width:100%; max-width:var(--st-max); margin-inline:auto }

/* Faixas de conteúdo: mesma caixa, sem recuo lateral próprio, para a borda
   do cartão bater com a borda da barra. !important porque o pacote de
   design traz margin/padding inline, que vence regra de folha sem ele. */
/* .st-pick-bar e .st-foot ficam de fora do zeramento: elas TÊM recuo
   interno próprio (--st-inset), que é o que alinha o texto delas com o
   dos itens do menu. Sem a exceção, o texto encostava na borda. */
#dc-root > div > *:not(.st-nav):not(.st-pick-bar):not(.st-foot){
  box-sizing:border-box;
  width:100%;
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
}
.st-pick-bar,.st-foot{box-sizing:border-box;width:100%;
  max-width:var(--st-max) !important;margin-inline:auto !important}

/* Painel de seções — mesmo cartão creme do index, reaproveitado nas
   páginas que vinham soltas sobre o fundo. */
.st-panel{background:var(--st-panel);border:1px solid var(--st-line);
  border-radius:var(--st-radius);overflow:hidden;margin-bottom:12px}
.st-panel > *{padding:26px 24px;border-bottom:1px solid var(--st-line)}
.st-panel > *:last-child{border-bottom:0}
.st-panel > *[style*="max-width:1280px"]{max-width:none !important;margin:0 !important}

/* ============================================================
   Navegação — idêntica em todas as páginas
   Cor vem daqui, nunca de style inline, para o menu não mudar
   de aparência de página para página. A página atual é a única
   em laranja (aria-current).
   ============================================================ */
.st-nav{position:sticky;top:0;z-index:30;background:var(--st-paper);padding:12px 0}
.st-nav--panel{background:var(--st-panel)}
.st-nav-inner{box-sizing:border-box;max-width:var(--st-max);margin-inline:auto;background:var(--st-ink);
  border:1px solid var(--st-ink);border-radius:var(--st-radius);padding:10px calc(var(--st-inset) - 1px);
  display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between}
.st-brand{display:flex;align-items:center}
/* O arquivo já vem invertido (traço #FBFAF8 sobre transparente), então
   não há filtro: o anti-aliasing fica limpo sobre a barra preta. */
.st-brand img{height:41px;width:auto;display:block}
.st-nav-menu{display:flex;flex-direction:row;align-items:center;
  flex-wrap:nowrap;gap:18px;min-width:0}
/* Legibilidade: corpo de 12px e espacejamento curto — o mono com
   letter-spacing largo em 9.5px ficava menor que a barra de favoritos. */
.st-nav-links{display:flex;flex-wrap:nowrap;gap:14px;white-space:nowrap;
  font-family:var(--st-mono);font-size:12px;letter-spacing:.02em}

/* Atalhos para os sistemas da casa, no próprio menu. */
/* mesmo corpo dos links: os atalhos precisam da mesma legibilidade */
.st-nav-ctas{display:flex;flex-wrap:nowrap;gap:7px;white-space:nowrap;
  font-family:var(--st-mono);font-size:12px;letter-spacing:.02em}
.st-chip{color:var(--st-on-ink);border:1px solid rgba(251,250,248,.34);
  border-radius:2px;padding:6px 9px;white-space:nowrap}
.st-chip:hover{border-color:var(--st-accent-ink);color:var(--st-accent-ink)}
/* o atalho do Wealth é a chamada principal do menu: negrito */
.st-chip--accent{background:var(--st-accent);border-color:var(--st-accent);
  color:var(--st-ink);font-weight:600}
.st-chip--accent:hover{background:var(--st-accent-deep);border-color:var(--st-accent-deep);
  color:var(--st-ink)}
.st-nav-links a{color:var(--st-on-ink)}
.st-nav-links a:hover{color:var(--st-accent-ink)}
.st-nav-links a[aria-current="page"]{color:var(--st-accent-ink)}
.st-nav-links a.st-lang{color:var(--st-muted-3)}
.st-nav-links a.st-lang:hover{color:var(--st-accent-ink)}
.st-nav-toggle{display:none}

/* A barra em linha única precisa de ~1043px (medido em 2026-09-09, depois que
   o chip do Wealth Management saiu). Abaixo disso a lista vira gaveta sob o
   botão MENU; acima, cabe tudo numa linha sem vazar da caixa preta. */
@media (max-width:1100px){
  .st-nav-toggle{display:flex;align-items:center;justify-content:center;
    background:transparent;color:var(--st-on-ink);
    border:1px solid rgba(251,250,248,.35);border-radius:2px;
    width:40px;height:38px;padding:0;cursor:pointer}
  .st-nav-toggle[aria-expanded="true"]{border-color:var(--st-accent-ink);color:var(--st-accent-ink)}
  .st-burger svg{width:20px;height:20px;display:block;fill:none;
    stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
  .st-burger .st-ico-close{display:none}
  .st-nav-toggle[aria-expanded="true"] .st-burger .st-ico-open{display:none}
  .st-nav-toggle[aria-expanded="true"] .st-burger .st-ico-close{display:block}
  .st-nav-menu{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0}
  .st-nav-links{flex-direction:column;gap:0}
  .st-nav-links a{padding:12px 2px;border-top:1px solid rgba(251,250,248,.14)}
  .st-nav-ctas{flex-direction:column;gap:8px;padding:14px 0 2px;
    border-top:1px solid rgba(251,250,248,.14)}
  .st-chip{text-align:center;padding:11px 10px;white-space:normal}
  .st-nav-inner.is-open .st-nav-menu{display:flex}
}

/* Só no celular: caixa mais justa e logo menor. */
@media (max-width:820px){
  :root{ --st-inset: 16px }
  .st-nav{padding:10px 0}
  .st-nav-inner{gap:10px 12px}
  .st-brand img{height:32px}
}

/* ============================================================
   Cartas de research (template #rn-grid / #sg-footer)
   O corpo do artigo e o rodapé passam a usar a MESMA caixa do
   menu, para as bordas baterem em toda a página.
   ============================================================ */
#rn-grid{
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#sg-footer > div,
footer > div[style*="max-width:1240px"],
footer > div[style*="max-width: 1240px"],
.wrap,
footer div[style*="max-width:1240px"],
footer div[style*="max-width: 1240px"]{
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
/* Faixas de largura fixa do template antigo acompanham a caixa. */
#rn-grid ~ div[style*="max-width:1240px"],
div[style*="max-width:1240px"]:not(#rn-grid):not(#sg-footer > div){
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
}
@media (max-width:820px){
  #rn-grid{grid-template-columns:minmax(0,1fr) !important;gap:32px !important}
  /* Tabelas de dados não encolhem abaixo do conteúdo: em vez de
     estourar a página, elas rolam na horizontal dentro do artigo. */
  body table{display:block;width:100%;max-width:100%;
    overflow-x:auto;-webkit-overflow-scrolling:touch}
  #rn-grid pre,#rn-grid code{white-space:pre-wrap;overflow-wrap:anywhere}
  #rn-grid img,#rn-grid svg{max-width:100%;height:auto}
  /* campos de formulário não podem exceder o contêiner */
  body input,body select,body textarea,body button{max-width:100%;box-sizing:border-box}
}

/* ============================================================
   Mobile — nada pode estourar a caixa
   O pacote de design usa grades inline com minmax(260px..300px)
   e uma coluna fixa de 88px para o número da seção. Numa tela de
   375px isso soma mais que a largura disponível e empurra o
   conteúdo para fora. Aqui tudo vira uma coluna só.
   ============================================================ */
@media (max-width:820px){
  /* seções numeradas (01..05): número acima do conteúdo */
  #dc-root [style*="minmax(0,88px)"]{
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
  }
  /* grades internas de cartões deixam de exigir largura mínima */
  #dc-root [style*="minmax(150px"],
  #dc-root [style*="minmax(160px"],
  #dc-root [style*="minmax(240px"],
  #dc-root [style*="minmax(260px"],
  #dc-root [style*="minmax(280px"],
  #dc-root [style*="minmax(300px"],
  #dc-root [style*="minmax(320px"]{
    grid-template-columns:minmax(0,1fr) !important;
  }
  /* respiro interno menor para sobrar largura ao texto */
  #dc-root [style*="padding:26px 24px"],
  #dc-root [style*="padding:24px"]{ padding:20px 16px !important }
  #dc-root [style*="padding:16px 24px"]{ padding:14px 16px !important }
  /* nada rola na horizontal */
  html,body{overflow-x:hidden}
  #dc-root img,#dc-root svg,#dc-root table,#dc-root pre{max-width:100%}
  /* números grandes de seção não precisam de 44px no celular */
  #dc-root [style*="font-size:44px"]{font-size:32px !important}
  /* o parágrafo do herói tem caixa branca de leitura sobre a ilustração;
     no celular o recuo dela desalinhava o texto do rótulo acima. */
  #dc-root p[style*="rgba(255,255,255,.82)"]{padding-inline:0 !important}
  /* faixa de indicadores: uma métrica por linha, tudo centralizado */
  #dc-root [style*="flex:1 1 140px"]{flex:1 1 100% !important}
}

/* ============================================================
   Sugestão de leitura no rodapé
   Três notas, cada uma de uma jurisdição, sorteadas a cada carga.
   Grade de 3 colunas para bandeira, sigla e título ficarem alinhados
   entre si — no celular vira uma coluna.
   ============================================================ */
.st-pick-bar{max-width:var(--st-max);margin:0 auto 12px;background:var(--st-ink);
  border-radius:var(--st-radius);padding:16px var(--st-inset) 18px}
.st-pick-k{display:block;margin-bottom:12px;font-family:var(--st-mono);
  font-size:9.5px;letter-spacing:.2em;color:var(--st-accent-ink)}
#st-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 26px}
.st-pick-link{display:grid;grid-template-columns:52px minmax(0,1fr);
  gap:12px;align-items:start;min-width:0;color:var(--st-on-ink);
  padding-top:10px;border-top:1px solid rgba(251,250,248,.14)}
.st-pick-rg{display:flex;align-items:center;gap:6px;
  font-family:var(--st-mono);font-size:10px;letter-spacing:.14em;
  color:var(--st-accent-ink);white-space:nowrap}
.st-pick-fl{font-size:13px;line-height:1}
.st-pick-ti{font-family:var(--st-slab);font-size:14px;line-height:1.3;
  color:var(--st-on-ink);min-width:0}
.st-pick-link:hover .st-pick-ti{color:var(--st-accent-ink)}
@media (max-width:900px){
  #st-pick{grid-template-columns:1fr;gap:0}
  .st-pick-bar{padding:14px var(--st-inset) 16px}
  .st-pick-link{padding:11px 0}
}

/* ============================================================
   Rodapé institucional
   Estrutura no modelo do sigmatrust.co.uk (marca + colunas de
   links + linha legal), reescrita nos tokens do novo sistema.
   ============================================================ */
.st-foot{max-width:var(--st-max);margin:0 auto;background:var(--st-ink);
  color:var(--st-muted-2);border-radius:var(--st-radius);overflow:hidden}
.st-foot-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);
  gap:32px;padding:30px var(--st-inset) 28px}
.st-foot-brand{display:flex;flex-direction:column;gap:14px;min-width:0}
/* Mesma marca e mesma altura do menu. align-self impede que a coluna
   flex estique a imagem na horizontal (era o que deformava a arte). */
.st-foot-brand img{height:41px;width:auto;align-self:flex-start;
  display:block;object-fit:contain}
.st-foot-brand p{margin:0;font-family:var(--st-sans);font-size:13px;
  line-height:1.65;color:var(--st-muted-2);max-width:38ch}
.st-foot-col{display:flex;flex-direction:column;gap:9px;min-width:0}
.st-foot-col h3{margin:0 0 3px;font-family:var(--st-mono);font-size:9.5px;
  letter-spacing:.2em;color:var(--st-accent-ink);font-weight:400}
.st-foot-col a{font-family:var(--st-sans);font-size:13px;line-height:1.35;
  color:var(--st-on-ink)}
.st-foot-col a:hover{color:var(--st-accent-ink)}
.st-foot-bottom{display:flex;flex-wrap:wrap;gap:10px 26px;
  justify-content:space-between;align-items:center;
  padding:16px var(--st-inset);border-top:1px solid rgba(251,250,248,.12);
  font-family:var(--st-mono);font-size:10px;letter-spacing:.14em}
.st-foot-bottom a{color:var(--st-on-ink)}
.st-foot-bottom a:hover{color:var(--st-accent-ink)}
@media (max-width:980px){
  .st-foot-top{grid-template-columns:1fr 1fr;gap:26px;padding:26px var(--st-inset)}
  .st-foot-brand{grid-column:1 / -1}
}
@media (max-width:560px){
  .st-foot-top{grid-template-columns:1fr}
  .st-foot-bottom{padding:14px var(--st-inset);gap:8px}
}

/* ============================================================
   Artigos — mesma caixa e mesmas bordas da home
   O template das cartas usa <header>/<section> como faixas de cor
   de largura total. Aqui elas viram cartões dentro da MESMA caixa
   do menu, como as seções da home, e nada fica fora desse limite.
   ============================================================ */
#rn-grid ~ header, #rn-grid ~ section,
body > div > header, body > div > section,
body > .a-hero, body > div > .a-hero,
body > header, body > section{
  box-sizing:border-box;
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
  border-radius:var(--st-radius);
  overflow:hidden;
}
/* o contêiner interno de 1240px passa a acompanhar o cartão */
body > div > header > div[style*="max-width:1240px"],
body > div > section > div[style*="max-width:1240px"],
body > div > header > div[style*="max-width: 1240px"],
body > div > section > div[style*="max-width: 1240px"],
body > div > .a-hero > div[style*="max-width:1240px"],
body > div > .a-hero > div[style*="max-width: 1240px"],
.a-hero > .a-hero-inner, .a-hero > .wrap,
body > header > div, body > section > div{
  max-width:100% !important;
  padding-inline:var(--st-inset) !important;
}
/* Moldura dos artigos: cabeçalho E corpo viram cartões brancos com fio
   quente, como os painéis da home. Antes eram faixas de cor sangrando
   na largura toda. */
#rn-grid, body > .a-page, body > header, body > div > header, body > .a-hero{
  background:var(--st-card) !important;
  border:1px solid var(--st-line) !important;
  border-radius:var(--st-radius) !important;
  color:var(--st-ink);
}
body > header, body > div > header, body > .a-hero{
  margin-bottom:12px !important;
}
/* O cabeçalho era faixa escura com texto claro. Ao virar cartão branco,
   as cores INLINE (#F7F3EA no h1, #C4C0B8 no deck) ficaram ilegíveis —
   por serem inline, só !important as vence. */
body > header, body > div > header{
  background-image:none !important;
  padding:32px 0 34px !important;
}
body > header *, body > .a-hero *{border-color:var(--st-line)}
body > header h1, body > div > header h1, body > .a-hero h1{
  font-family:var(--st-slab) !important;
  color:var(--st-ink) !important;
}
/* a palavra de destaque do título fica no laranja da marca */
body > header h1 em, body > div > header h1 em, body > .a-hero h1 em{
  font-style:normal !important;
  color:var(--st-accent) !important;
}
body > header p, body > div > header p{color:var(--st-body) !important}
body > header span, body > div > header span{color:var(--st-muted) !important}
body > header span[style*="--accent"], body > div > header span[style*="--accent"]{
  color:var(--st-accent) !important;
}
#rn-grid, body > .a-page{
  background:var(--st-card);
  border:1px solid var(--st-line);
  border-radius:var(--st-radius);
  padding:32px var(--st-inset) 36px !important;
  margin-bottom:12px;
  max-width:var(--st-max) !important;
  margin-inline:auto !important;
  box-sizing:border-box;
}

/* Botão flutuante de volta: só o ícone (com o rótulo aberto tinha 250px
   e cobria o texto). Fica na canaleta, acompanhando a borda do cartão:
   o cálculo o para ~10px antes do fio, em qualquer largura de tela. */
.rn-back-float{
  left:max(8px, calc((100vw - var(--st-max)) / 2 - 84px)) !important;
}
.rn-back-float .txt{display:none !important}
@media (max-width:900px){ .rn-back-float{left:10px !important} }

/* Divisor de seção das cartas: é flex sem quebra, então no celular o
   rótulo ("§ 01 · ...") estourava a largura do cartão. */
.a-divider{flex-wrap:wrap}
.a-divider > *{min-width:0;overflow-wrap:anywhere}

/* Grade de capacidades das seções (frentes / jurisdições): 3 x 2 fixo no
   desktop. Com auto-fit o navegador escolhia 5 colunas em 1240px e sobrava
   uma célula órfã na segunda linha. */
.st-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px}
@media (max-width:900px){ .st-cells{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .st-cells{grid-template-columns:minmax(0,1fr)} }
/* Variante de 2 colunas: usada onde a seção tem 4 capacidades (jurisdições),
   para não sobrar célula órfã numa grade de 3. */
.st-cells--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){ .st-cells--2{grid-template-columns:minmax(0,1fr)} }

/* Benefícios da jurisdição dentro do alerta: 2 x 2 fixo, para a caixa ficar
   larga e baixa sem deixar um item órfão numa terceira coluna. */
.st-benef{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 40px}
@media (max-width:720px){ .st-benef{grid-template-columns:minmax(0,1fr)} }

/* ============================================================
   Hero no celular — variante "terminal"
   Tarja tinta no topo (rótulo + parâmetros em chave/valor laranja),
   título e chamada no branco embaixo, botão primário de largura
   cheia e secundário como link sublinhado. Vale só abaixo de
   820px; no desktop a hero continua exatamente como estava.
   Os !important existem porque a marcação carrega estilo inline.
   ============================================================ */
.st-hero-only-mob{display:none !important}  /* vence o display:flex inline */


/* A variante terminal desta hero esta guardada em
   assets/hero-terminal.css.parked (nao carregada). */

/* ============================================================
   Cards de camadas/publicações do acervo (research)
   As linhas são "rótulo à esquerda / valor à direita" numa caixa
   de 360px. A 11,5px com .08em de entreletra os dois lados somam
   359px, encostam e quebram no meio da frase. Corpo menor, gap
   explícito e nowrap resolvem sem encolher a caixa; no celular a
   dupla empilha, para nenhuma frase quebrar no meio.
   ============================================================ */
.st-camada{font-size:10.5px !important;letter-spacing:.04em !important}
.st-camada-row{gap:16px !important}
.st-camada-row > span{white-space:nowrap}
@media (max-width:900px){
  .st-camada-row{flex-direction:column;align-items:flex-start;gap:3px !important}
}