/* One reading lane and one photo contract for public articles and both previews. */
.news-prose979{display:flow-root;width:100%;max-width:var(--news-text-width,76ch);margin-inline:auto;padding-inline:clamp(4px,1vw,12px);font-size:18px;box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
body .news-prose979>p,body .news-prose979>ul,body .news-prose979>ol{margin-top:0!important;margin-bottom:var(--news-text-gap,20px)!important}
body .news-prose979>blockquote{margin-block:var(--news-text-gap,20px)!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo{box-sizing:border-box;float:none!important;clear:both;min-width:0!important;width:min(var(--photo-width,var(--news-photo-width,60%)),var(--photo-max-width,var(--news-photo-max-width,560px)))!important;max-width:100%!important;margin-block:var(--photo-gap,var(--news-photo-gap,24px))!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo.align-center{margin-inline:auto!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo.align-left{margin-left:0!important;margin-right:auto!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo.align-right{margin-left:auto!important;margin-right:0!important}
body .news-inline-photo figcaption{padding:0 2px;margin-top:10px!important;font-size:13px!important;line-height:1.6!important;overflow-wrap:anywhere;text-align:left;color:#adb9cb}
.news-prose979>.news-inline-photo>a{background:#111822}
@media(max-width:600px){.news-prose979{font-size:17px;padding-inline:6px}body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo{width:min(var(--photo-mobile-width,var(--news-photo-mobile-width,90%)),var(--photo-max-width,var(--news-photo-max-width,560px)))!important}}
/* Editor entry and layout settings. */
.vv979-launch{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;border:1px solid #b6d85f45;border-radius:18px;background:linear-gradient(120deg,#121d1c,#121823);margin-block:20px}
.vv979-launch h2{font-size:23px;margin:4px 0 10px}.vv979-launch p{max-width:70ch;line-height:1.7;margin:0;color:#bcc8d6}.vv979-launch>div:last-child{display:grid;flex:0 0 220px;gap:10px}
.vv979-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.vv979-settings p{line-height:1.75}.vv979-settings>*{min-width:0}
/* Fullscreen task workspace. Local inspector scroll never covers the preview. */
dialog.vv979-editor{inset:12px;width:calc(100% - 24px);height:calc(100dvh - 24px);max-width:1800px;max-height:none;margin:auto;padding:0;border:1px solid #344154;border-radius:18px;background:#0c111b;color:#edf3fc;box-shadow:0 20px 90px #0009;overflow:hidden}
dialog.vv979-editor[open]{display:flex;flex-direction:column}dialog.vv979-editor::backdrop{background:#030609d9}
.vv979-editor *{box-sizing:border-box;min-width:0}.vv979-editor [hidden]{display:none!important}
.vv979-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #283445;background:#101722;flex:none}
.vv979-top h2{font-size:20px;line-height:1.3;margin:4px 0 0}.vv979-top .eyebrow{font-size:10px;margin:0;color:#ccec66;letter-spacing:.12em}.vv979-actions{display:flex;gap:8px;flex-wrap:wrap}
.vv979-viewbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 20px;border-bottom:1px solid #283445;flex:none}
.vv979-viewbar>div{display:flex;gap:5px;flex-wrap:wrap}.vv979-viewbar [aria-pressed=true]{border-color:#bdd85a;background:#b8d6651a;color:#d8ff75}
.vv979-editor button:not(.btn){border:1px solid #3a485b;background:#1a2331;color:#e8f0fc;border-radius:10px;padding:9px 12px;font:600 12px/1.4 inherit;min-height:40px;cursor:pointer}.vv979-editor button:disabled{opacity:.45;cursor:default}.vv979-editor :is(button,input,textarea,select):focus-visible{outline:2px solid #d8ff75;outline-offset:3px}
.vv979-editor [data-vv979-state]{font-size:12px;line-height:1.5;color:#b7c6d9}.vv979-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;flex:1;min-height:0}
.vv979-stage{min-height:0;overflow:hidden;background:#080c13;padding:14px;position:relative}.vv979-frame-scroll{height:100%;overflow:auto;text-align:center;overscroll-behavior:contain}
.vv979-frame-scroll iframe{display:block;border:0;box-shadow:inset 0 0 0 1px #344154;border-radius:10px;background:#05060a;width:100%;height:100%;margin-inline:auto;max-width:none!important;transition:none}
.vv979-stage[aria-busy=true]::after{content:'Memperbarui tampilan…';position:absolute;top:20px;left:22px;padding:8px 12px;background:#152130ef;color:#d8ff75;border:1px solid #415664;border-radius:8px;font-size:12px;pointer-events:none}
.vv979-inspector{overflow:auto;overscroll-behavior:contain;padding:18px;border-left:1px solid #283445;background:#111925;min-height:0}
.vv979-inspector label{display:grid;gap:7px;font-size:12px;font-weight:600;margin:0 0 14px;line-height:1.5;color:#e3edf9}.vv979-inspector :is(input,select,textarea){font:inherit;font-size:14px;line-height:1.5;color:#eff5ff;background:#090e17;border:1px solid #3a485b;border-radius:9px;padding:10px;width:100%;min-height:42px;max-width:100%}.vv979-inspector textarea{resize:vertical}
.vv979-inspector h3{font-size:18px;margin:20px 0 14px;line-height:1.4}.vv979-hint,.vv979-note{font-size:12px;line-height:1.75;color:#aebdd0;margin:0 0 16px}.vv979-two{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.vv979-history{display:flex;gap:8px}.vv979-order{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid #334053}.vv979-order label{flex:1 0 100%;margin:6px 0 0}.vv979-inspector .vv979-remove{color:#ffbdc3;border-color:#844750;margin:16px 0}
@media(max-width:900px){.vv979-workspace{grid-template-columns:minmax(0,1fr) 260px}.vv979-settings{grid-template-columns:1fr}.vv979-launch{align-items:flex-start;flex-direction:column}.vv979-launch>div:last-child{flex:auto;width:100%;grid-template-columns:1fr 1fr}.vv979-top{padding:12px}.vv979-viewbar{padding:8px 12px;align-items:flex-start;flex-direction:column}}
@media(max-width:650px){dialog.vv979-editor{inset:0;width:100%;height:100dvh;border:0;border-radius:0}.vv979-top{padding-top:calc(10px + env(safe-area-inset-top));gap:10px;flex-wrap:wrap}.vv979-top h2{font-size:16px}.vv979-top>div{width:100%}.vv979-actions{flex-wrap:nowrap}.vv979-actions .btn{flex:1;padding:8px;font-size:12px;min-height:42px}.vv979-workspace{grid-template-columns:1fr;grid-template-rows:minmax(190px,1fr) minmax(120px,34dvh)}.vv979-inspector{border-left:0;border-top:1px solid #334053;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}.vv979-stage{padding:8px}.vv979-launch{padding:18px}.vv979-launch>div:last-child{grid-template-columns:1fr}.vv979-viewbar{gap:7px}.vv979-frame-scroll iframe{border-radius:6px}.vv979-editor button:not(.btn){font-size:11px;padding:8px;min-height:38px}}
/* Editing tools are injected by the parent into a script-free, sandboxed real page. */
body[data-visual-news979] :is(.reveal,.vv-reveal,.in){opacity:1!important;transform:none!important}
body[data-visual-news979] :is(#fx-canvas,.cursor-glow,.noise,.club-grid-bg){display:none!important}
body[data-visual-news979] [data-vv-unit],body[data-visual-news979] .article-hero-v10{position:relative;outline-offset:5px;scroll-margin-top:110px;scroll-margin-bottom:100px}
body[data-visual-news979] [data-vv-unit]:hover{outline:1px dashed #a7c95588}
body[data-visual-news979] .vv979-selected{outline:2px solid #d8ff75!important}
body[data-visual-news979] .vv979-drag{position:absolute;top:-14px;left:0;z-index:8;padding:4px 10px;height:30px;min-height:30px;border:1px solid #768d38;border-radius:8px;background:#1c2917;color:#edffd1;font:600 12px/1.3 system-ui;cursor:grab;touch-action:none;user-select:none;opacity:0}
body[data-visual-news979] :is([data-vv-unit]:hover,[data-vv-unit]:focus-within,.vv979-selected)>.vv979-drag{opacity:1}
body[data-visual-news979] .vv979-resize{position:absolute;bottom:-8px;right:-8px;z-index:9;display:none;width:32px;height:32px;padding:0;border:2px solid #0b1018;background:#d8ff75;color:#132300;border-radius:10px;font:700 16px system-ui;cursor:nwse-resize;touch-action:none}
body[data-visual-news979] .align-right .vv979-resize{left:-8px;right:auto;cursor:nesw-resize}
body[data-visual-news979] .vv979-selected>.vv979-resize{display:block}
body[data-visual-news979] .vv979-drop-before::before,body[data-visual-news979] .vv979-drop-after::after{content:'';position:absolute;left:0;right:0;height:4px;background:#d8ff75;z-index:10;border-radius:5px}
body[data-visual-news979] .vv979-drop-before::before{top:-14px}body[data-visual-news979] .vv979-drop-after::after{bottom:-14px}
body[data-visual-news979].vv979-dragging,body[data-visual-news979].vv979-dragging *{cursor:grabbing!important;user-select:none!important}
@media print{.news-prose979{max-width:100%;padding:0}.news-inline-photo{break-inside:avoid}}

/* Expand the actual preview when a narrow phone needs more room for dragging. */
.vv979-editor.vv979-panel-hidden .vv979-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.vv979-panel-hidden .vv979-inspector{display:none}

/* 9.7.11: side photos let following paragraphs wrap; the prose contains floats. */
body[data-visual-news979] .news-inline-photo{z-index:1}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo:is(.align-left,.align-right){width:min(var(--photo-width,var(--news-photo-width,60%)),var(--photo-max-width,var(--news-photo-max-width,560px)),60%)!important;margin-top:0!important;margin-bottom:var(--photo-gap,var(--news-photo-gap,24px))!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo.align-left{float:left!important;margin-left:0!important;margin-right:var(--photo-gap,var(--news-photo-gap,24px))!important}
body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo.align-right{float:right!important;margin-right:0!important;margin-left:var(--photo-gap,var(--news-photo-gap,24px))!important}
body :is(.news-prose979,.editor-preview,.vv978-article){display:flow-root}
body :is(.news-prose979,.editor-preview,.vv978-article)>:is(ul,ol,blockquote){display:flow-root}
body.public-shell #main-content .news-grid-v10{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;align-items:stretch}
.vv979-entry-status{font-size:12px!important;margin-top:10px!important}.vv979-launch [data-open-visual979]:disabled{opacity:.6;cursor:wait}.vv9711-news-help{line-height:1.7}
#editor-visual,#isi-artikel{scroll-margin-top:32px}
@media(max-width:960px){body.public-shell #main-content .news-grid-v10{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}
@media(max-width:600px){body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo:is(.align-left,.align-right){float:none!important;width:min(var(--photo-mobile-width,var(--news-photo-mobile-width,90%)),var(--photo-max-width,var(--news-photo-max-width,560px)))!important;margin-inline:auto!important;margin-block:var(--photo-gap,var(--news-photo-gap,24px))!important}}
@media(max-width:520px){body.admin-shell .admin-main .newsroom-editor .admin-sticky-actions-v10{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.newsroom-editor .admin-sticky-actions-v10 .btn{min-width:0;white-space:normal;overflow-wrap:normal;word-break:normal}.newsroom-editor{padding-bottom:100px}}

/* 9.7.12: four cards on desktop, two at every smaller breakpoint. */
body.public-shell #main-content .news-grid-v10>.news-card-v10{align-self:stretch;height:100%;min-width:0}
body.public-shell #main-content .article-related .news-card-v10 .vv-news-card-copy{padding:14px!important}
body.public-shell #main-content .article-related .news-card-v10 :is(p,.news-author-v10){display:none}
body.public-shell #main-content .article-related .news-card-v10 h3{font-size:18px!important;line-height:1.4!important;margin:10px 0 0!important;min-height:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* 9.7.13: leave a readable text lane beside floated photographs. */
body :is(.news-prose979,.editor-preview,.vv978-article){container-type:inline-size;container-name:newsreading9713;overflow-wrap:break-word;word-break:normal}
body :is(.news-prose979,.editor-preview,.vv978-article)>:is(p,ul,ol,blockquote){text-align:left;word-break:normal;overflow-wrap:break-word;hyphens:manual;line-height:1.85}
body :is(.news-prose979,.editor-preview,.vv978-article) a{overflow-wrap:anywhere}
body :is(.news-prose979,.editor-preview,.vv978-article)>:is(h2,h3,h4,hr,table,pre){clear:both}
@media(min-width:601px){body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo:is(.align-left,.align-right){width:min(var(--photo-width,var(--news-photo-width,60%)),var(--photo-max-width,var(--news-photo-max-width,560px)),50%,calc(100% - 26ch - var(--photo-gap,var(--news-photo-gap,24px))))!important}}
@container newsreading9713 (max-width:520px){body :is(.article-body-v10,.editor-preview,.vv978-article) .news-inline-photo:is(.align-left,.align-right){float:none!important;width:min(var(--photo-mobile-width,var(--news-photo-mobile-width,90%)),var(--photo-max-width,var(--news-photo-max-width,560px)))!important;margin-inline:auto!important;margin-block:var(--photo-gap,var(--news-photo-gap,24px))!important}}
/* Compact discovery panels use one spacing and type scale, independent of article headings. */
.news-discovery9712{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:26px;clear:both;text-align:left}
.news-discovery9712 *{box-sizing:border-box;min-width:0}
.news-discovery9712 .news-discovery9712-panel{display:flex;flex-direction:column;padding:20px;border:1px solid #ffffff16;border-radius:16px;background:linear-gradient(145deg,#141c29,#0d1420);min-width:0;overflow:hidden}
.news-discovery9712 .news-discovery9712-heading{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;margin:0 0 16px;padding:0;border:0;background:none;position:static}
.news-discovery9712 .news-discovery9712-kicker{display:block;font:600 10px/1.5 inherit;font-size:10px;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:#c9e783;margin:0 0 6px}
body.public-shell .news-discovery9712 .news-discovery9712-heading h2{font-size:18px!important;line-height:1.35!important;font-weight:650;letter-spacing:-.015em;text-transform:none;margin:0!important;color:#f0f4fb}
.news-discovery9712 .news-discovery9712-heading>a,.news-discovery9712 .news-discovery9712-more{font-size:12px;line-height:1.5;color:#d8eea4;display:inline-flex;gap:6px;align-items:center;min-height:30px;text-decoration:none;font-weight:500;white-space:nowrap}
.news-discovery9712 .ui-icon{width:13px;height:13px;flex:none}
.news-discovery9712 .news-artist-links9712{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin:0;padding:0;border:0;background:none;position:static}
.news-discovery9712 .news-artist-links9712 a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-height:65px;margin:0;border:1px solid #ffffff12;border-radius:10px;padding:10px 12px;background:#ffffff03;text-decoration:none;color:#e9eef7;transition:background .15s,border-color .15s}
.news-discovery9712 .news-artist-links9712 a>span{font-size:13px;font-weight:600;line-height:1.4;overflow-wrap:break-word;word-break:normal}
.news-discovery9712 .news-artist-links9712 small{font-size:11px;line-height:1.4;color:#a7b5c8}
.news-discovery9712 a:hover{color:#e5ffb0}
.news-discovery9712 .news-artist-links9712 a:hover{border-color:#b0cf6570;background:#a8c8610d}
.news-discovery9712 a:focus-visible{outline:2px solid #d8ff75;outline-offset:2px}
.news-discovery9712 .news-discovery9712-note,.news-discovery9712 .news-discovery9712-empty{font-size:12px;line-height:1.6;color:#aab8cc;margin:0 0 12px;padding:0;max-width:none}
.news-discovery9712 .news-discovery9712-note{margin:12px 0 0}
.news-discovery9712 .news-mini-list9712{list-style:none;padding:0;margin:0;display:grid;gap:0}
.news-discovery9712 .news-mini-list9712 li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:12px 0;margin:0;border-bottom:1px solid #ffffff10;align-items:start}
.news-discovery9712 .news-mini-list9712 li:first-child{padding-top:4px}
.news-discovery9712 .news-mini-list9712 li:last-child{border-bottom:0;padding-bottom:4px}
.news-discovery9712 .news-mini-list9712 li>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c5e27e25;border-radius:8px;background:#b2d5610a;font-size:11px;line-height:1;color:#c7df91;font-variant-numeric:tabular-nums}
.news-discovery9712 .news-mini-list9712 a{color:#e1e8f3;font-size:13px;font-weight:500;line-height:1.6;text-decoration:none;text-transform:none;letter-spacing:normal;word-break:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:32px}
@media(max-width:900px){.news-discovery9712{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px}}
@media(max-width:480px){.news-discovery9712 .news-discovery9712-panel{padding:16px;border-radius:13px}.news-discovery9712 .news-discovery9712-heading{gap:8px;margin-bottom:14px}.news-discovery9712 .news-artist-links9712 a{padding:10px;min-height:67px}.news-discovery9712 .news-mini-list9712 li{gap:10px}}
@media(max-width:760px){body.public-shell #main-content .article-related .news-card-v10 h3{font-size:14px!important}body.public-shell #main-content .article-related .news-card-v10 .vv-news-card-copy{padding:10px!important}}