/* Hub do projeto Kuberdata: só a cola entre componentes da landing, docs, preços e produtos.
   Nenhum componente novo; cada regra abaixo diz por que existe. */

/* A página é estática (sem app.mjs): o menu sanduíche não abre, então some e a navegação fica no menu lateral. */
@media(max-width:980px){.menu-toggle{display:none!important}.site-header nav{display:none!important}}

/* Seções do hub: âncora abaixo do cabeçalho fixo e respiro entre seções do artigo (mesma medida do .prose h2). */
.docs-article>section{scroll-margin-top:110px;padding-top:10px}
.docs-article>section+section{border-top:1px solid var(--border);margin-top:56px;padding-top:46px}
#visao,#tese,#mercado-global{scroll-margin-top:90px}

/* Componentes da landing dentro da coluna de 850 px do Developer Hub. */
.docs-article .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.docs-article .kd-bento{grid-template-columns:repeat(2,minmax(0,1fr))}
.docs-article .kd-faq{grid-template-columns:1fr;gap:28px;border-top:0;padding:0}
.docs-article .audience-grid{gap:28px}
.docs-article .cta-band{padding-inline:28px;border-radius:12px;border:1px solid var(--border)}
.docs-article .calculator{border:1px solid var(--border);border-radius:12px;padding:28px}
.docs-article .pricing-summary{padding-bottom:20px}
.card-top{gap:10px;flex-wrap:wrap}
.calc-inputs input[readonly]{pointer-events:none}

/* Tabela: em tela estreita, cada linha vira um cartão (a landing rola a tabela de lado). */
@media(max-width:720px){
 .docs-article .catalog-grid,.docs-article .kd-bento,.docs-article .audience-grid{grid-template-columns:1fr}
 .table-scroll{overflow:visible;border:0}
 .table-scroll table{min-width:0!important}
 .table-scroll table,.table-scroll tbody,.table-scroll tr,.table-scroll td{display:block;width:100%}
 .table-scroll thead{display:none}
 .table-scroll tr{border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:10px;padding:4px 0}
 .table-scroll td{border:0;padding:7px 14px}
 .table-scroll td:before{content:attr(data-label);display:block;font:10px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--subtle)}
 .docs-article .cta-band{flex-direction:column;align-items:start}
 .docs-article .calculator{padding:20px}
}