/* Measured from SCMP desktop 1366px and mobile 390px, 3 October 2026.
   Lead 23/27.6 (mobile 22/26.4), secondary 16/20.8, summary 14/18.9, nav 14/14.
   Original site's sections and data are preserved; palette is independent. */
:root{--navy:#153e49;--blue:#245e6d;--red:#a86036;--red2:#b97749;--yellow:#dfb571;--blue-lite:#397380;--ink:#202324;--muted:#666;--line:#dedede;--bg:#f5f6f5}
body{font-family:Roboto,Arial,sans-serif;font-size:14px;line-height:1.5}
h1,h2,h3,h4,.cond{font-family:'Source Serif 4',Georgia,serif;font-weight:600;letter-spacing:0}
.wrap{max-width:1240px;padding-left:22px;padding-right:22px}
.topbar{background:#fff;color:#777;border:0;font-size:11px}.topbar .wrap{height:38px}.topbar .left{max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.langs{gap:8px}.langs a{color:#666;padding:2px 0}.langs b{background:var(--navy);padding:2px 5px}
.mast>.wrap{display:flex;justify-content:center;position:relative;padding:12px 22px 20px}.brand{display:block;text-align:center}.logo{font:700 48px/1.1 'Source Serif 4',Georgia,serif;letter-spacing:-1.5px;text-transform:none;text-decoration:none;display:block}.logo:hover{text-decoration:none}.logo em{color:var(--red)}.brand .tag{display:none}
.mast .search{position:absolute;left:22px;top:-31px;max-width:225px;border-radius:20px;overflow:hidden}.mast .search input{width:170px;font-size:11px;padding:5px 10px}.mast .search button{padding:0 9px;font-size:11px}.topbar .left{padding-left:250px;font-size:10px}
nav.main{border:0}nav.main .wrap{justify-content:center;padding:0;border-bottom:1px solid #444;max-width:1196px;overflow-x:auto;scrollbar-width:none}nav.main .wrap::-webkit-scrollbar{display:none}
nav.main a,nav.main a.hot{font:400 14px/14px Roboto,Arial,sans-serif;color:#222;text-transform:none;padding:14px 11px;border:0;border-bottom:3px solid transparent}nav.main a:first-child{border-left:0}nav.main a.on,nav.main a:hover{background:transparent;color:var(--navy);border-bottom-color:var(--red)}
.breaking{background:#fff;color:#555;border-bottom:1px solid var(--line)}.breaking .wrap{height:39px;font-size:11px}.breaking .tag2{padding:0;background:none;color:var(--red);font-size:10px}.breaking .wrap>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breaking .time{font-size:10px}
.grid{grid-template-columns:minmax(0,859fr) minmax(0,300fr);gap:24px;padding-top:24px}.lead-top{display:grid;grid-template-columns:39% minmax(0,1fr);gap:20px;align-items:start}.lead-copy{min-width:0}.lead-top>.ph{height:336px;min-height:0}.ph{border:0;background:linear-gradient(145deg,#f0f2ee,#c9d6d4);overflow:hidden}.ph:before{content:'';position:absolute;width:80%;height:75%;background:linear-gradient(145deg,#7f9b94,#294f55);clip-path:polygon(0 100%,37% 22%,61% 55%,76% 35%,100% 100%);bottom:0;left:10%}.ph:after{background:var(--navy);font-size:9px;letter-spacing:0}.lead-top>.ph:after{content:'Ilustrasi tata letak · foto belum tersedia'}
.kicker,.kicker.red{background:none;color:var(--navy);font:400 10px/12px Roboto,Arial,sans-serif;letter-spacing:0;padding:0;margin:0 0 10px}.lead h1{font-size:23px;line-height:27.6px;font-weight:600;margin-bottom:10px}.lead p.sum{font:500 14px/18.9px 'Source Serif 4',Georgia,serif;color:#555;max-width:100%}.byline{font:400 10px/14px Roboto,Arial,sans-serif;border:0;padding-top:0;margin-top:12px}
.sub2{gap:20px;border-top:2px solid #999;margin-top:24px;padding-top:20px}.sub2>div+div{border-left:1px solid var(--line);padding-left:20px}.sub2 .ph{width:38%;height:100px;float:right;margin:0 0 10px 12px}.sub2 h3{font-size:16px;line-height:20.8px;font-weight:600;margin:0 0 10px}.sub2 p{font-size:10px;color:#777;clear:both}
.rail{border-left:1px solid var(--line);padding-left:24px}.rail h4{font:600 20px/24px 'Source Serif 4',Georgia,serif;text-transform:none;border-bottom:1px solid var(--line);padding-bottom:12px}.rail ol li{font:600 16px/20.8px 'Source Serif 4',Georgia,serif;padding:14px 0}.rail ol li:before{font:400 22px/26px 'Source Serif 4',Georgia,serif;color:var(--red)}.rail ol li a{color:#222}.rail .box{background:#f6f7f6;border:0;border-top:2px solid var(--navy);padding:14px;margin-top:22px}.rail .box h5{font:500 11px/16px Roboto,Arial,sans-serif;color:var(--navy)}.rail .box .row{font-size:11px;display:block}.rail .box .row b{display:block;padding-top:4px;overflow-wrap:anywhere}
.counters{margin-top:28px}.counters .n{font:500 32px/36px 'Source Serif 4',Georgia,serif}.counters .l{font-size:10px;letter-spacing:0}.sechead{border-top:2px solid #888;border-bottom:1px solid var(--line);padding-top:14px}.sechead h2{font-size:28px;line-height:1.1;text-transform:none}.social h3{font-size:20px;line-height:1.3}.pagetop h1{font-size:30px;text-transform:none}.prose p{font:400 17px/1.75 'Source Serif 4',Georgia,serif}footer{background:var(--navy)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:1100px){.topbar .left{max-width:78%;font-size:9px}nav.main .wrap{justify-content:flex-start}.grid{grid-template-columns:minmax(0,1fr) 270px}.lead-top{grid-template-columns:1fr}.lead-top>.ph{grid-row:1;height:260px}.lead h1{font-size:23px;line-height:27.6px}.logo{font-size:43px}}
@media(max-width:760px){.wrap{padding:0 16px}.topbar .left{visibility:hidden}.topbar .wrap{height:38px}.mast>.wrap{padding:12px 16px 18px}.logo{font-size:32px;letter-spacing:-1px}.mast .search{left:16px;top:-31px;width:195px}.mast .search input{width:148px}.mast .search button{font-size:10px;padding:0 8px}.langs{gap:6px}nav.main .wrap{flex-wrap:nowrap;padding:0 8px}nav.main a,nav.main a.hot{font-size:14px;padding:12px 10px}.breaking .time{display:none}.grid{grid-template-columns:1fr;padding-top:18px;gap:24px}.lead-top{gap:16px}.lead-top>.ph{height:230px}.lead h1{font-size:22px;line-height:26.4px}.lead p.sum{font-size:14px;line-height:18.9px}.sub2{grid-template-columns:1fr 1fr;gap:16px}.sub2 .ph{width:100%;height:115px;float:none;margin:0 0 10px}.sub2>div+div{padding-left:16px}.sub2 h3{font-size:16px;line-height:20.8px}.rail{border-left:0;padding:20px 0 0}.rail .box .row{display:flex;gap:12px}.rail .box .row b{max-width:55%}.sechead h2{font-size:24px}.counters .wrap{grid-template-columns:1fr 1fr}.prose p{font-size:17px}.topbar .langs{flex-shrink:0}.brand{width:100%}}

.lead-details{font:400 12px/1.5 Roboto,Arial,sans-serif;margin-top:16px;color:#555}.lead-details summary{color:var(--navy);cursor:pointer}.lead-details p{padding-top:10px}.lead-top>.ph{aspect-ratio:1.5;height:auto}

@media(max-width:760px){.topbar .wrap{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;height:38px}.topbar .left{display:none}.topbar .langs{margin-left:auto}.breaking .wrap{display:flex;flex-direction:row;align-items:center;gap:12px;height:39px}.breaking .tag2{flex-shrink:0}}