/* Blog-specific presentation */
.nav-dropdown.is-current > button { color: var(--white); background: rgba(255,255,255,.08); }
.kc-hero { padding-bottom: 82px; }
.kc-hero .lead { max-width: 860px; }
.kc-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 28px; }
.kc-card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow-soft); transition: transform .22s ease, box-shadow .22s ease; }
.kc-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.kc-card-image { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--ink-2); }
.kc-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.kc-card:hover .kc-card-image img { transform: scale(1.035); }
.kc-card-placeholder { display: block; width: 100%; height: 100%; background: radial-gradient(circle at 20% 20%, rgba(39,212,196,.32), transparent 40%), radial-gradient(circle at 80% 80%, rgba(49,156,246,.3), transparent 44%), var(--ink-2); }
.kc-card-body { padding: 26px; }
.kc-meta, .kc-article-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: var(--muted); font-size: .84rem; font-weight: 700; }
.kc-meta span + span::before, .kc-article-meta span + span::before { content: "•"; margin-right: 18px; color: var(--teal); }
.kc-card-title { margin: 14px 0 12px; font-size: clamp(1.55rem,2vw,2rem); }
.kc-card-title a:hover { color: #117c7a; }
.kc-card-excerpt { color: var(--muted); }
.kc-pagination { margin-top: 48px; }
.nav-links .page-numbers, .kc-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; height: 42px; margin: 3px; padding: 0 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--white); font-weight: 750; }
.kc-pagination .current { color: #02242b; background: var(--teal); border-color: var(--teal); }
.kc-article-heading { max-width: 980px; }
.kc-article-hero h1 { max-width: 1040px; font-size: clamp(2.7rem,5.8vw,5.1rem); }
.kc-category-list { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 20px; }
.kc-category-list a { display: inline-flex; padding: 6px 11px; color: var(--teal-2); background: rgba(123,241,223,.12); border: 1px solid rgba(123,241,223,.24); border-radius: 999px; font-size: .78rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.kc-article-meta { margin-top: 24px; color: rgba(237,248,250,.72); }
.kc-featured-image { margin-top: -34px; position: relative; z-index: 2; }
.kc-featured-image img { width: 100%; max-height: 650px; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow); }
.kc-content-layout { display: grid; grid-template-columns: minmax(0,760px) minmax(250px,1fr); align-items: start; gap: 70px; }
.kc-content { font-size: 1.075rem; line-height: 1.82; }
.kc-content > *:first-child { margin-top: 0; }
.kc-content p, .kc-content ul, .kc-content ol, .kc-content blockquote, .kc-content figure, .kc-content table { margin: 0 0 24px; }
.kc-content h2 { margin: 54px 0 20px; font-size: clamp(2rem,3.7vw,3.25rem); }
.kc-content h3 { margin: 38px 0 16px; }
.kc-content a { color: #0b7777; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.kc-content ul, .kc-content ol { padding-left: 25px; }
.kc-content li { margin-bottom: 9px; }
.kc-content blockquote { padding: 24px 28px; border-left: 4px solid var(--teal); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: #eef8f9; font-size: 1.14rem; }
.kc-content img { border-radius: var(--radius-sm); }
.kc-content table { width: 100%; border-collapse: collapse; overflow: hidden; border-radius: var(--radius-sm); }
.kc-content th, .kc-content td { padding: 13px; border: 1px solid var(--line); text-align: left; }
.kc-content th { background: #eef8f9; }
.kc-aside { position: sticky; top: calc(var(--header-height) + 26px); }
.kc-aside-card { padding: 28px; border-radius: var(--radius); color: var(--white); background: radial-gradient(circle at 15% 15%, rgba(39,212,196,.16), transparent 42%), var(--ink-2); box-shadow: var(--shadow); }
.kc-aside-card h3 { margin-bottom: 14px; }
.kc-aside-card p:not(.eyebrow) { color: rgba(237,248,250,.72); }
.kc-simple-hero { padding: 76px 0 66px; }
.kc-simple-hero h1 { max-width: 940px; font-size: clamp(2.8rem,5.5vw,5rem); }
.kc-page-content { max-width: 850px; }
.kc-empty { max-width: 760px; padding: 48px; border: 1px solid var(--line); border-radius: var(--radius); background: #eef8f9; }
.kc-empty h2 { margin-bottom: 14px; }
.kc-search-form { display: flex; gap: 10px; margin-top: 24px; }
.kc-search-form label { flex: 1; }
.kc-search-field { width: 100%; min-height: 48px; padding: 11px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--white); }
.kc-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.whatsapp-float img { width: 30px; height: 30px; }
@media (max-width: 980px) { .kc-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .kc-content-layout { grid-template-columns: 1fr; gap: 42px; } .kc-aside { position: static; } }
@media (max-width: 640px) { .kc-grid { grid-template-columns: 1fr; } .kc-card-body { padding: 22px; } .kc-content { font-size: 1rem; } .kc-featured-image { margin-top: -18px; } .kc-search-form { flex-direction: column; } .kc-empty { padding: 28px; } }