/* Kabar conversation + share, scoped independently from views and the site shell. */
.ks-action-shell,.ks-discussion{max-width:900px!important}
.ks-actions{display:flex;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid #ffffff18;flex-wrap:wrap}
.ks-reactions{display:flex;gap:6px;margin-right:auto;flex-wrap:wrap}
.ks-actions button,.ks-actions a,.ks-feed-actions button,.ks-feed-actions a{font:inherit;font-size:14px;color:#b8bdbd;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:9px;padding:9px 12px;min-height:42px;text-decoration:none;cursor:pointer}
.ks-reactions button{border-color:#ffffff16;min-width:48px;transition:background .15s,border-color .15s,transform .15s}
.ks-reactions button>span:first-child{font-size:20px;line-height:1}.ks-reactions .ks-like-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
.ks-reactions button[aria-pressed=true]{border-color:#dbff0060;background:#dbff000d;color:#dfff00}
.ks-reactions button[aria-pressed=true] .ks-like-icon{fill:#dbff0025}
.ks-actions button:hover,.ks-actions a:hover,.ks-feed-actions button:hover,.ks-feed-actions a:hover{color:#e6ff4a;background:#ffffff07}
.ks-share svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.6;fill:none}
.ks-feedback,.ks-comment-status{font-size:14px;color:#bfcaaf;line-height:1.6;margin:8px 0}.ks-feedback:empty,.ks-comment-status:empty{display:none}
.ks-feed-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;margin:0;padding:0 16px 14px}
.kabar-grid .kabar-kartu .ks-feed-actions a{display:inline-flex;padding:9px 0;font-size:13px;color:#a3acac}
.ks-feed-actions button{font-size:13px;padding-right:0}
.ks-discussion{padding-top:48px;padding-bottom:48px;scroll-margin-top:155px}
.ks-discussion-head{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:24px}
.ks-discussion h2{font-size:26px;letter-spacing:-.5px;line-height:1.3;margin:0;font-weight:650;color:#eeefea}
.ks-discussion h2 span{font:400 15px Inter,sans-serif;color:#8a9292;margin-left:12px}
.ks-muted{color:#9aa2a2;font-size:14px;line-height:1.6}
.ks-compose{background:#171b1c;border:1px solid #ffffff1a;border-radius:14px;padding:18px}
.ks-compose label{display:block;color:#aeb6b6;font-size:13px}.ks-compose input{max-width:280px;margin-top:6px}
.ks-compose input,.ks-compose textarea,.ks-link-label input{width:100%;border:1px solid #ffffff20;background:#111415;border-radius:7px;padding:11px 12px;font:inherit;font-size:15px;color:#eee;box-sizing:border-box}
.ks-compose textarea{resize:vertical;min-height:92px;margin-top:14px;border:0;background:transparent;padding:4px 0;font-size:16px;line-height:1.6}
.ks-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #ffffff12;padding-top:12px}
.ks-compose small{font-size:12px;color:#929b9b;line-height:1.5}
.ks-compose button,.ks-signin a{border:1px solid #dcff0050;color:#dfff00;background:#dfff0008;border-radius:8px;padding:10px 17px;font-size:14px;white-space:nowrap;cursor:pointer;text-decoration:none}
.ks-signin{display:flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid #ffffff1c;padding:18px 22px;border-radius:12px;background:#15191a}.ks-signin p{margin:0;color:#c2c8c8;font-size:16px}
.ks-comment{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:13px;border-bottom:1px solid #ffffff12;padding:24px 0}
.ks-avatar{width:36px;height:36px;background:#252d28;color:#d2e9ac;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:650}
.ks-comment header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.ks-comment strong{font-size:14px;color:#e4e9e9}.ks-comment time{font-size:12px;color:#8f9999}
.ks-comment p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#cbd0d0;line-height:1.75;font-size:16px}
.ks-comment button,.ks-more,.ks-retry{background:none;border:0;color:#8e9a9a;padding:7px 0;font-size:13px;cursor:pointer}.ks-comment button:hover{color:#dfff00}
.ks-more,.ks-retry{display:block;margin:18px auto;min-height:44px;color:#c5cece}
.ks-empty{padding:36px 0;color:#929d9d;font-size:15px;text-align:center}
.ks-dialog{position:fixed;inset:0;margin:auto;background:#131718;border:1px solid #ffffff24;border-radius:18px;color:#e9eded;padding:0;width:min(850px,calc(100vw - 32px));max-height:90dvh;overflow:auto;box-shadow:0 24px 100px #0009}
.ks-dialog::backdrop{background:#050808d9;backdrop-filter:blur(6px)}
.ks-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ffffff14}
.ks-dialog-head h2{font-size:18px;margin:0;font-weight:600}.ks-dialog-head button{font:inherit;font-size:28px;color:#a8b0b0;background:none;border:0;width:40px;height:40px;cursor:pointer}
.ks-share-body{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px}
.ks-dialog:has(.ks-share-body)[open]{display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
.ks-dialog:has(.ks-share-body) .ks-dialog-head{flex-shrink:0}
.ks-dialog:has(.ks-share-body) .ks-share-body{overflow-y:auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.ks-dialog-head button{border-radius:8px}.ks-dialog-head button:focus-visible{outline-offset:-2px}
.ks-card-preview{background:#090c0d;border:1px solid #ffffff16;border-radius:12px;overflow:hidden;align-self:start}
.ks-card-preview canvas{display:block;width:100%;height:auto;aspect-ratio:4/5}
.ks-share-heading{font-size:20px;font-weight:600;line-height:1.45;margin:4px 0 12px;overflow-wrap:anywhere}
.ks-share-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:24px 0}
.ks-share-links button,.ks-share-links a{min-height:44px;font:inherit;font-size:14px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #ffffff23;border-radius:9px;color:#d9dede;background:#ffffff04;cursor:pointer}
.ks-share-links [data-ks-save]{grid-column:1/-1;border-color:#dfff0050;color:#dfff00;background:#dfff0008}
.ks-link-label{font-size:12px;color:#99a4a4;display:block}.ks-link-label input{margin-top:6px;font-size:12px}
.ks-share-status{font-size:13px;line-height:1.5;color:#bbcd9c}
.ks-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.kabar-halaman .kabar-kepala .kabar-h1{font-size:clamp(28px,3.1vw,44px);line-height:1.22;max-width:1080px;text-wrap:pretty}
.ks-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#919d9d;font-size:13px;line-height:1.4;letter-spacing:0;font-weight:400}
.kabar-kepala>.ks-stats{margin-top:20px;margin-bottom:2px;font-size:14px}
.ks-stats svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.6;fill:none;flex-shrink:0}
.ks-view,.ks-totals,.ks-totals>span{display:inline-flex;align-items:center;gap:6px}.ks-totals{gap:14px;flex-wrap:wrap}
.ks-view:has([hidden]){display:none}.ks-stats .kabar-dibaca{margin:0;color:inherit}.ks-stats .kabar-dibaca::before{display:none}
.kabar-kartu .brand-eyebrow{font-size:11px;letter-spacing:.05em;color:#9ba494}
.kabar-kartu{display:flex;flex-direction:column;min-width:0;background:#111415;border:1px solid #ffffff18;border-radius:14px;overflow:hidden}
.kabar-kartu>a{flex:1;padding:16px 16px 10px;align-content:start;gap:12px}.kabar-kartu .ks-stats{padding:2px 0 4px}
.kabar-kartu .kabar-kartu-seni{border-radius:8px}.kabar-kartu> a .ks-stats{pointer-events:none}
.kabar-kartu .ks-feed-actions{margin-top:0}.kabar-kartu .ks-feed-actions button{padding:9px 10px;border-color:#ffffff1c}
.kabar-kartu:focus-within{border-color:#dfff0050}.kabar-grid{row-gap:28px}
@media(max-width:600px){.kabar-lanjut .section-heading,.kabar-indeks .section-heading{flex-direction:column;align-items:flex-start;gap:16px}.kabar-lanjut .section-heading .featured-actions,.kabar-indeks .section-heading .featured-actions{width:auto;max-width:100%}}
[class^=ks-] [hidden],.ks-signin[hidden],.ks-compose[hidden],.ks-more[hidden],.ks-retry[hidden]{display:none!important}
.ks-dialog button:disabled,.ks-actions button:disabled,.ks-compose button:disabled{opacity:.5;cursor:wait}
.ks-dialog :focus-visible,.ks-discussion :focus-visible,.ks-actions :focus-visible,.ks-feed-actions :focus-visible{outline:2px solid #dfff00;outline-offset:4px}
@media(max-width:600px){.ks-actions{gap:7px}.ks-reactions{flex-basis:100%;margin-bottom:4px}.ks-actions .ks-share{margin-left:auto}.ks-discussion h2{font-size:22px}.ks-discussion-head{align-items:baseline}.ks-signin{padding:16px;gap:10px}.ks-signin p{font-size:14px}.ks-signin a{font-size:13px;padding:10px}.ks-share-body{grid-template-columns:1fr;padding:18px;gap:18px}.ks-card-preview{width:210px;justify-self:center}.ks-share-links{margin:16px 0}.ks-dialog-head{padding:12px 18px}.ks-share-heading{font-size:17px}.ks-compose-bottom small{max-width:200px}}
@media(prefers-reduced-motion:no-preference){.ks-reactions button:active{transform:scale(.93)}.ks-dialog[open]{animation:ks-in .18s ease-out}@keyframes ks-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}