/* AMANO | CHINA · camada editorial v7 · 13/08/2026
   Complementa os snapshots existentes sem apagar o design system base. */

:root{
  --v7-reading:760px;
  --v7-wide:1180px;
  --v7-shell:1280px;
  --v7-gutter:48px;
  --v7-subnav-h:42px;
}
@media(max-width:768px){:root{--v7-gutter:32px}}
@media(max-width:430px){:root{--v7-gutter:22px}}

/* 1 · um único sistema de largura: gutter OU padding, não os dois */
html[data-secao="observatorio-china"] .wrap,
html[data-secao="observatorio-china"] .page-shell{
  width:min(calc(100% - var(--v7-gutter)),var(--v7-shell));
  max-width:var(--v7-shell);
  margin-inline:auto;
  padding-inline:0!important;
}
html[data-secao="observatorio-china"] header.top .topin{
  width:min(calc(100% - var(--v7-gutter)),var(--v7-shell));
  max-width:var(--v7-shell);
  margin-inline:auto;
  padding-inline:0!important;
}
html[data-secao="observatorio-china"] .study{
  width:min(calc(100% - var(--v7-gutter)),var(--v7-shell));
  max-width:var(--v7-shell);
  margin-inline:auto;
  padding-inline:0!important;
}
html[data-secao="observatorio-china"] .reading,
html[data-secao="observatorio-china"] .article-copy{max-width:var(--v7-reading)}
html[data-secao="observatorio-china"] .article-wide,
html[data-secao="observatorio-china"] figure.chart.chart-wide{max-width:var(--v7-wide)}

/* 2 · menu principal permanece em seis destinos, mega deixa de ser um segundo site */
html[data-secao="observatorio-china"] .mega2{
  padding:32px 40px!important;
  width:min(calc(100vw - var(--v7-gutter)),1080px)!important;
}
html[data-secao="observatorio-china"] .mega2 .mgrid{gap:40px!important}
html[data-secao="observatorio-china"] .mega2 .mcol p.msub{display:none!important}
html[data-secao="observatorio-china"] .mega2 .mcol a{padding:5px 0!important}
html[data-secao="observatorio-china"] .mega2 .mcol a span{display:none!important}
html[data-secao="observatorio-china"] .mega2 .mfoot{margin-top:24px!important;padding-top:20px!important;gap:26px!important}
@media(max-width:1160px){
  html[data-secao="observatorio-china"] nav.principal{display:none!important}
  html[data-secao="observatorio-china"] #btn-menu{display:inline-flex!important}
}

/* 3 · subnav nunca cresce. chrome horizontal é preferível a duas linhas */
html[data-secao="observatorio-china"] .subnav .wrap{
  height:var(--v7-subnav-h)!important;
  min-height:var(--v7-subnav-h)!important;
  padding:0!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none;
}
html[data-secao="observatorio-china"] .subnav .wrap::-webkit-scrollbar{display:none}
html[data-secao="observatorio-china"].has-study-toc .subnav{display:none!important}

/* 4 · menos coisas grudadas na tela */
html[data-secao="observatorio-china"] .filters,
html[data-secao="observatorio-china"] .lex-filtros{position:static!important;top:auto!important}
html[data-secao="observatorio-china"] .db th{top:calc(var(--header-h-scrolled,58px) + var(--v7-subnav-h))!important}
html[data-secao="observatorio-china"].has-study-toc .db th{top:var(--header-h-scrolled,58px)!important}

/* 5 · nenhum hack de bleed por margem negativa */
html[data-secao="observatorio-china"] .bleed{margin-right:0!important;max-width:var(--v7-wide)!important}

/* 6 · breakpoints antecipados. conteúdo não precisa esperar 1024px para respirar */
@media(max-width:1180px){
  html[data-secao="observatorio-china"] .opp,
  html[data-secao="observatorio-china"] .rep,
  html[data-secao="observatorio-china"] .pol,
  html[data-secao="observatorio-china"] .rota .cab{
    grid-template-columns:1fr!important;
  }
  html[data-secao="observatorio-china"] .opp .lado,
  html[data-secao="observatorio-china"] .rep .lado{
    border-left:0!important;padding-left:0!important;border-top:1px solid var(--rule)!important;padding-top:24px!important;
  }
  html[data-secao="observatorio-china"] .passo{grid-template-columns:44px 1fr!important}
  html[data-secao="observatorio-china"] .passo .fonte{grid-column:2!important}
  html[data-secao="observatorio-china"] .fonte{grid-template-columns:1fr 120px!important}
  html[data-secao="observatorio-china"] .fonte .ev{grid-column:2!important}
  html[data-secao="observatorio-china"] .fonte.head{display:none!important}
}

/* 7 · filtros mais editoriais e menos painel operacional */
html[data-secao="observatorio-china"] .filters,
html[data-secao="observatorio-china"] .lex-filtros{
  gap:10px!important;
  padding:18px 0!important;
  margin-top:28px;
}
html[data-secao="observatorio-china"] .filters input,
html[data-secao="observatorio-china"] .filters select,
html[data-secao="observatorio-china"] .lex-filtros input,
html[data-secao="observatorio-china"] .lex-filtros select{
  min-height:38px;
}
@media(max-width:760px){
  html[data-secao="observatorio-china"] .filters,
  html[data-secao="observatorio-china"] .lex-filtros{display:grid!important;grid-template-columns:1fr!important}
  html[data-secao="observatorio-china"] .filters input,
  html[data-secao="observatorio-china"] .filters select,
  html[data-secao="observatorio-china"] .lex-filtros input,
  html[data-secao="observatorio-china"] .lex-filtros select{width:100%!important;min-width:0!important}
  html[data-secao="observatorio-china"] .filters .cnt,
  html[data-secao="observatorio-china"] .lex-filtros .cnt{margin-left:0!important}
}

/* 8 · LEITURA AMANO: análise, não card SaaS */
.amano-lens{padding:96px 0!important;background:#F1ECE1;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.amano-lens .lens-head{max-width:900px;margin-bottom:48px}
.amano-lens .lens-head h2{max-width:16ch}
.amano-lens .lens-head .deck{max-width:760px}
.amano-lens-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule-strong)}
.amano-lens-item{padding:28px 28px 34px 0;border-bottom:1px solid var(--rule);min-width:0}
.amano-lens-item + .amano-lens-item{border-left:1px solid var(--rule);padding-left:28px}
.amano-lens-item .micro{color:var(--amano-bronze);margin-bottom:12px}
.amano-lens-item p:last-child{font-size:14px;line-height:1.58;color:var(--ink-2);margin:0}
.amano-lens-item strong{color:var(--ink)}
.amano-lens-connections{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;padding-top:22px;margin-top:20px;border-top:1px solid var(--rule)}
.amano-lens-connections .micro{margin:0 8px 0 0}
.amano-lens-connections a{font-size:12.5px;color:var(--amano-bronze);text-decoration:none;border-bottom:1px solid transparent}
.amano-lens-connections a:hover{border-color:currentColor}
@media(max-width:1020px){
  .amano-lens-grid{grid-template-columns:1fr 1fr}
  .amano-lens-item:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:620px){
  .amano-lens{padding:72px 0!important}
  .amano-lens-grid{grid-template-columns:1fr}
  .amano-lens-item{padding:24px 0!important;border-left:0!important}
}

/* 9 · bloco "China agora" da home */
.home-now{padding:88px 0;border-bottom:1px solid var(--rule);background:var(--amano-black);color:var(--amano-cream)}
.home-now .eyebrow{color:var(--amano-gold)}
.home-now h2,.home-now .deck{color:var(--amano-cream)}
.home-now .deck{max-width:760px;color:#D9D2C4}
.home-now-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:48px;border-top:1px solid rgba(246,243,233,.24)}
.home-now-item{padding:26px 22px 30px 0;border-bottom:1px solid rgba(246,243,233,.18);min-width:0}
.home-now-item + .home-now-item{border-left:1px solid rgba(246,243,233,.18);padding-left:22px}
.home-now-item b{display:block;font-family:var(--serif);font-size:26px;font-weight:320;color:var(--amano-gold);line-height:1.05;margin-bottom:10px}
.home-now-item p{font-size:12.5px;line-height:1.5;color:#CFC7B9;margin:0}
.home-now-item a{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--amano-cream);text-decoration:none;border-bottom:1px solid rgba(246,243,233,.35)}
@media(max-width:1000px){.home-now-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-now-grid{grid-template-columns:1fr}.home-now-item{padding:22px 0!important;border-left:0!important}}

/* 10 · dados atualizados por pesquisa, sem fingir migração de banco */
.research-update{margin:28px 0 0;border-top:1px solid var(--rule-strong);border-bottom:1px solid var(--rule);padding:18px 0;display:flex;gap:18px;align-items:flex-start}
.research-update .stamp{flex:0 0 auto;font-size:9.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--amano-bronze);font-weight:600}
.research-update p{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2);max-width:78ch}
.p1-source,.p2-source{font-size:10px;color:var(--ink-3);margin-top:6px;line-height:1.35}
.p1-source a,.p2-source a{color:var(--amano-bronze)}

/* 11 · reports deixam de expor nomes de versões internas */
html[data-slug="reports"] .rep .secs{font-size:13px;line-height:1.55;color:var(--ink-2)}
html[data-slug="reports"] .rep .secs .internal-version{display:none}
html[data-slug="reports"] .rep .barra{display:none}

/* 12 · home não repete um sitemap que já existe no footer */
html[data-slug="home"] #indice{display:none!important}

/* 13 · longform: TOC basta. reduz chrome duplicado */
html[data-secao="observatorio-china"].has-study-toc .toc{top:84px!important;max-height:calc(100vh - 110px)!important}

/* 14 · dados e fontes: URL existe no link, não precisa ser tipografia */
a[data-v7-source-link]{font-size:12px!important;word-break:normal!important;overflow-wrap:anywhere}

/* 15 · normalização visual da cidade sem apagar valor bruto do banco */
.v7-canonical{color:var(--ink)!important}
.v7-raw{display:block;font-size:10px;color:var(--ink-3);margin-top:2px}

/* 16 · tabelas continuam rolando dentro de si, nunca a página */
.table-scroll{max-width:100%!important}
.table-scroll table{max-width:none!important}