/* MK-KB-V1 · Public Help Center chrome — clean, no admin sidebar */
.kb-public-body {
    margin: 0; background: #f8fafc;
    font-family: 'Inter', -apple-system, sans-serif;
}
.kb-pub-header {
    background: #fff; border-bottom: 1px solid #e2e8f0;
    padding: 0.85rem 1.5rem;
    display: flex; justify-content: space-between; align-items: center;
    position: sticky; top: 0; z-index: 50;
    box-shadow: 0 1px 0 rgba(15,23,42,0.04);
}
.kb-pub-logo {
    display: flex; align-items: center; gap: 0.6rem;
    color: #0f172a; text-decoration: none;
    font-family: 'Poppins'; font-weight: 800; font-size: 1.05rem;
}
.kb-pub-logo i {
    width: 32px; height: 32px; border-radius: 9px;
    background: linear-gradient(135deg, #7c3aed, #a855f7);
    color: #fff; display: inline-flex; align-items: center; justify-content: center;
    font-size: 0.85rem;
}
.kb-pub-logo span { font-weight: 600; color: #475569; }
.kb-pub-logo strong { color: #0f172a; font-weight: 800; }
.kb-pub-home {
    display: inline-flex; align-items: center; gap: 0.4rem;
    color: #475569; text-decoration: none; font-size: 0.88rem; font-weight: 600;
    padding: 0.5rem 0.9rem; border-radius: 10px;
    transition: background 120ms, color 120ms;
}
.kb-pub-home:hover { background: #ede9fe; color: #7c3aed; }

.kb-pub-main {
    max-width: 1100px; margin: 0 auto;
    background: transparent !important;
}
.kb-pub-footer {
    max-width: 1100px; margin: 2rem auto 3rem; padding: 1.5rem;
    border-top: 1px solid #e2e8f0; color: #94a3b8; font-size: 0.85rem;
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 0.7rem;
}
.kb-pub-footer a { color: #475569; text-decoration: none; }
.kb-pub-footer a:hover { color: #7c3aed; }

@media (max-width: 768px) {
    .kb-pub-header { padding: 0.7rem 1rem; }
    .kb-pub-logo { font-size: 0.95rem; }
    .kb-pub-logo span { display: none; }
    .kb-pub-logo strong { display: inline; }
    .kb-pub-home { font-size: 0.78rem; padding: 0.4rem 0.7rem; }
    .kb-pub-home .kb-pub-home-text { display: none; } /* hide on mobile, icon stays */
    .kb-pub-footer { font-size: 0.78rem; flex-direction: column; align-items: center; text-align: center; }
}