/* Brosur KTAC: mobile-first, scoped; tidak mengubah gaya global website. */
.kb-public,.kb-embed,.kb-public *,.kb-embed *{box-sizing:border-box}
.kb-public{background:linear-gradient(160deg,#f5f9ff,#fff);color:#142e50;min-height:60vh;padding:clamp(25px,5vw,70px) 15px 85px}
.kb-public-shell{max-width:850px;margin:auto}
.kb-back{display:inline-flex;color:#185181;font-weight:700;text-decoration:none;margin-bottom:20px}
.kb-public-head{text-align:center;margin:0 auto 28px}
.kb-public-head>span{color:#a52a3b;letter-spacing:.12em;font-size:.75rem;font-weight:800}
.kb-public-head h1{font-size:clamp(1.5rem,5vw,2.65rem);line-height:1.2;margin:9px auto 12px;color:#102a4c}
.kb-public-head p{font-size:clamp(.95rem,2.3vw,1.1rem);line-height:1.5;color:#50637b}
.kb-poster{max-width:620px;margin:0 auto 18px;background:white;padding:8px;border-radius:14px;border:1px solid #dde6f4;box-shadow:0 12px 40px rgba(14,44,79,.12)}
.kb-poster img{display:block;width:100%;height:auto;max-height:none;border-radius:7px;object-fit:contain}
.kb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:620px;margin:0 auto}
.kb-action{display:flex;align-items:center;justify-content:center;min-height:50px;padding:12px 10px;border:1px solid transparent;border-radius:12px;font-family:inherit;font-size:.98rem;font-weight:700;line-height:1.25;cursor:pointer;text-align:center;text-decoration:none!important;transition:filter .15s ease}
.kb-action:hover{filter:brightness(.94)}.kb-action:focus-visible,.kb-embed-button:focus-visible{outline:3px solid #f0b94c;outline-offset:3px}
.kb-action-primary{background:#184477;color:#fff}.kb-action-whatsapp{background:#147a4a;color:#fff}.kb-action-copy{background:#fff;color:#173e6f;border-color:#bacfe6;grid-column:1/-1}
.kb-feedback{min-height:1.6em;max-width:620px;margin:10px auto;text-align:center;font-weight:600;color:#176040}
.kb-public-note{max-width:620px;text-align:center;font-size:.85rem;color:#586b83;margin:18px auto}
.kb-embed{margin:24px auto 44px;width:min(100% - 28px,1240px);background:linear-gradient(115deg,#102c50,#1b548a);border-radius:20px;color:#fff;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:23px;overflow:hidden;box-shadow:0 8px 26px rgba(15,49,85,.12)}
.kb-embed-content{align-self:center;min-width:0}.kb-embed-content>span{color:#f5c95f;font-size:.73rem;font-weight:800;letter-spacing:.15em}
.kb-embed-content h2{color:#fff;font-size:clamp(1.4rem,4.5vw,2.2rem);line-height:1.22;margin:10px 0}
.kb-embed-content p{color:#dce8f6;font-size:1rem;line-height:1.5;margin:0 0 18px}
.kb-embed-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:46px;border-radius:12px;text-decoration:none!important;font-weight:800;background:#f5cf55;color:#12365b}
.kb-embed-picture{display:block;justify-self:center;width:min(70%,230px);border-radius:9px;overflow:hidden;border:3px solid rgba(255,255,255,.45);box-shadow:0 12px 20px rgba(0,0,0,.17);transform:none}
.kb-embed-picture img{display:block;width:100%;height:auto;object-fit:contain}
@media(min-width:640px){.kb-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.kb-action-copy{grid-column:auto}.kb-embed{grid-template-columns:minmax(0,1fr) minmax(160px,28%);padding:28px 36px;gap:32px}.kb-embed-picture{width:min(100%,230px)}}
@media(prefers-reduced-motion:reduce){.kb-action{transition:none}}
/* Pada telefon, tindakan kongsi sentiasa mudah dicapai ketika menatal brosur. */
@media(max-width:639px){
  .kb-public{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}
  .kb-actions{position:fixed;left:0;right:0;bottom:0;z-index:10010;max-width:none;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.98);border-top:1px solid #d6e2ee;box-shadow:0 -8px 25px rgba(20,46,80,.13);grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .kb-action{font-size:.81rem;min-height:46px;padding:10px 5px}
  .kb-action-copy{grid-column:auto}
}
