/* KampungMiles mobile photo-story stream (≤768px). Desktop untouched except /latest/ listing (.kms-all). */
.km-stream{display:none}
.kms-eg{display:inline-block;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:1px 7px;margin-left:6px;opacity:.9;vertical-align:1px}
.km-stream .kms-card{position:relative;display:block;overflow:hidden;background:#0B2545;text-decoration:none;color:#fff;aspect-ratio:4/3}
.km-stream .kms-ph,.km-stream .kms-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
.km-stream .kms-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,0) 40%,rgba(11,37,69,.75) 100%)}
.km-stream .kms-ov{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:0 14px 14px;display:flex;flex-direction:column;gap:8px}
.km-stream .kms-h{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:24px;line-height:1.36;letter-spacing:-.01em;margin:0}
.km-stream .kms-h span{background:rgba(11,37,69,.88);color:#fff;padding:2px 8px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.km-stream .kms-meta{font:600 13px/1.3 Inter,sans-serif;color:#F4EEDF;text-shadow:0 1px 4px rgba(0,0,0,.7);padding-left:2px}
.km-stream .kms-meta:before{content:"";display:inline-block;width:14px;height:2px;background:#E9C46A;vertical-align:middle;margin-right:8px}
.km-stream .kms-strip{display:none}
.km-stream .kms-more{display:block;margin:16px 14px 4px;text-align:center;background:#0B2545;color:#E9C46A!important;font:700 16px Inter,sans-serif;padding:15px;border-radius:999px;border:1px solid #D4A64A;text-decoration:none}
@media (max-width:768px){
 .km-home>.km-stream{display:flex;flex-direction:column;gap:6px;order:2;margin:0}
 .km-home>.samplebar{font-size:12px;padding:6px 12px}
 .km-home>section:has(.km-kt){display:none}      /* mobile Kopi Talk list: duplicates the stream */
 html.km-ret .km-home>.hero{display:none}            /* returning: stories first */
 html.km-ret .km-home>.km-stream .kms-strip{display:flex;align-items:center;gap:14px;margin:14px;padding:16px;border-radius:18px;background:radial-gradient(120% 140% at 0% 0%,#1B3A66 0%,#0B2545 60%);border:1px solid rgba(233,196,106,.45);box-shadow:0 10px 24px rgba(11,37,69,.25);color:#fff!important;text-decoration:none;font-family:Inter,sans-serif}
 html.km-ret .kms-strip img{width:64px;height:64px;border-radius:50%;border:2px solid #E9C46A;background:#F6EFE2;flex:0 0 64px;object-fit:cover}
 html.km-ret .kms-gp-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
 html.km-ret .kms-gp-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#E9C46A}
 html.km-ret .kms-strip strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;line-height:1.15;font-weight:700;color:#fff}
 html.km-ret .kms-gp-s{font-size:13px;line-height:1.35;color:rgba(255,255,255,.78)}
 html.km-ret .kms-gp-btn{flex:0 0 auto;align-self:flex-end;background:linear-gradient(180deg,#E9C46A,#D4A64A);color:#0B2545;font-weight:800;font-size:14px;padding:10px 14px;border-radius:999px;white-space:nowrap}
 
 html:not(.km-ret) .km-home>.hero{padding-bottom:20px}
 html:not(.km-ret) .km-home>.km-stream{margin-top:6px}
}
@media (max-width:360px){.km-stream .kms-h{font-size:22px}}
/* /latest/ listing: show on all widths */
.km-stream.kms-all{display:flex;flex-direction:column;gap:6px}
@media (min-width:769px){
 .km-stream.kms-all{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
 .km-stream.kms-all .kms-card{border-radius:14px}.km-stream.kms-all .kms-h{font-size:20px}
}
@media (max-width:768px){.page .entry-content .km-stream.kms-all{margin:0 -20px}}