.kgp-public-root {
    --kgpp-bg: linear-gradient(180deg, rgba(255,255,255,.94), rgba(243,247,251,.96));
    --kgpp-line: rgba(17,60,93,.1);
    --kgpp-text: #10283d;
    --kgpp-muted: #5c7285;
    --kgpp-surface: rgba(255,255,255,.88);
    border: 1px solid var(--kgpp-line);
    border-radius: 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(54,162,255,.16), transparent 28%),
        radial-gradient(circle at bottom left, rgba(30,200,165,.12), transparent 25%),
        var(--kgpp-bg);
    box-shadow: 0 24px 60px rgba(14,29,45,.08);
}

.kgp-public-shell{display:grid;gap:18px;padding:20px}
.kgp-public-hero,.kgp-public-card,.kgp-zone-card{border:1px solid var(--kgpp-line);background:var(--kgpp-surface);border-radius:22px;box-shadow:0 14px 34px rgba(14,29,45,.06)}
.kgp-public-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.8fr);gap:16px;padding:22px}
.kgp-public-kicker,.kgp-zone-badge{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.kgp-public-kicker{background:rgba(54,162,255,.12);color:#1e6eb0}
.kgp-zone-badge{background:rgba(30,200,165,.12);color:#0d8469}
.kgp-public-hero h3,.kgp-public-card h3{margin:12px 0 10px;color:var(--kgpp-text);font-size:clamp(1.5rem,2vw,2.2rem)}
.kgp-public-card{padding:18px}
.kgp-public-card p,.kgp-public-card small{color:var(--kgpp-muted)}
.kgp-public-side{display:grid;gap:12px}
.kgp-public-mini{padding:16px;border-radius:18px;background:rgba(255,255,255,.52);border:1px solid var(--kgpp-line)}
.kgp-public-mini span{display:block;margin-bottom:8px;color:var(--kgpp-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.kgp-public-mini strong{font-size:24px;color:var(--kgpp-text)}
.kgp-zone-list{display:grid;gap:12px}
.kgp-zone-card{padding:16px;display:grid;gap:8px}
.kgp-zone-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}
@media (max-width:860px){.kgp-public-hero{grid-template-columns:1fr}}

@media (max-width:960px){
    .kgp-public-root{margin:0;border-radius:24px}
    .kgp-public-shell{padding:16px;gap:16px}
}

@media (max-width:720px){
    .kgp-public-shell{padding:14px;gap:14px}
    .kgp-public-card,.kgp-public-hero,.kgp-zone-card{padding:14px}
}