/* 3KAP blog: leitura em desktop e celular */
article .prose{font-size:17px;line-height:1.75;color:#334155}
article .prose p{margin:0 0 1.1em}
article .prose h2{font-size:1.5rem;font-weight:700;line-height:1.3;margin:2.2em 0 .7em;color:#23292D;scroll-margin-top:110px}
article .prose h3{font-size:1.15rem;font-weight:700;line-height:1.4;margin:1.6em 0 .5em;color:#23292D}
article .prose ul{list-style:disc;padding-left:1.4em;margin:0 0 1.2em}
article .prose ol{list-style:decimal;padding-left:1.4em;margin:0 0 1.2em}
article .prose li{margin-bottom:.5em}
article .prose li::marker{color:#2C8587}
article .prose a{color:#2C8587;text-decoration:underline;text-underline-offset:3px}
article .prose a[style*="background"]{text-decoration:none}
article .prose table{width:100%;border-collapse:collapse;font-size:15px}
article .prose th{text-align:left;background:#E3EFED;color:#23292D;padding:10px 12px;border-bottom:2px solid #5BABA6}
article .prose td{padding:10px 12px;border-bottom:1px solid #DEE5E1;vertical-align:top}
article .aspect-video{margin-bottom:2rem!important}
.kap-meta{font-size:.875rem;color:#94a3b8}

/* Sumario (desktop, coluna direita) */
.kap-toc{margin-top:20px;padding:18px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px}
.kap-toc b{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:10px}
.kap-toc a{display:block;font-size:14px;line-height:1.4;color:#475569;padding:6px 0 6px 12px;border-left:2px solid #e2e8f0;text-decoration:none}
.kap-toc a:hover,.kap-toc a.on{color:#2C8587;border-left-color:#2C8587}
.kap-toc .kap-btn{display:block;margin-top:14px;text-align:center;background:#2C8587;color:#fff;border:0;border-radius:8px;padding:10px 12px;font-weight:600}

/* Barra de progresso de leitura */
.kap-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#2C8587;z-index:60;transition:width .1s linear}

@media (min-width:1024px){
  article .prose{font-size:18px}
}

@media (max-width:1023px){
  /* Post: capa e texto primeiro, autor depois */
  article .lg\:grid > div:first-child{display:flex;flex-direction:column}
  article .lg\:grid > div:first-child > .aspect-video{order:0;margin-bottom:1.5rem!important}
  article .lg\:grid > div:first-child > .prose{order:1}
  article .lg\:grid > div:first-child > section.lg\:hidden{order:2;margin:2.5rem 0 0}
  article header.mb-10{margin-bottom:1.25rem}
  article header h1{font-size:1.75rem!important;line-height:1.2}
  article header p.text-xl{font-size:1.05rem;line-height:1.55}

  /* Tabela vira cartoes */
  article .prose table,article .prose tbody,article .prose tr,article .prose td{display:block;width:100%}
  article .prose thead{display:none}
  article .prose tr{border:1px solid #DEE5E1;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
  article .prose td{border-bottom:0!important;padding:6px 14px 2px!important;line-height:1.5}
  article .prose td:first-child{font-weight:700;color:#23292D;background:#E3EFED;padding:8px 14px!important}
  article .prose td:last-child{padding-bottom:10px!important}
  article .prose div[style*="overflow-x"]{overflow:visible!important}

  /* Lista de artigos: categorias em faixa horizontal */
  aside.lg\:w-64 nav.space-y-1{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  aside.lg\:w-64 nav.space-y-1::-webkit-scrollbar{display:none}
  aside.lg\:w-64 nav.space-y-1 > *{margin-top:0!important;flex:0 0 auto;white-space:nowrap;width:auto!important}
  aside.lg\:w-64 nav.space-y-1 a{border:1px solid #DEE5E1;border-radius:999px;padding:7px 14px!important}
  aside.lg\:w-64 > div > h2{margin-bottom:10px}
  aside.lg\:w-64 > div > .mt-8.pt-8{display:none}
  aside.lg\:w-64 + div.flex-1{margin-top:-24px}

  /* Botao de WhatsApp menor */
  body > a.fixed.bottom-6.right-6{transform:scale(.85);transform-origin:bottom right}
}