/* Berita Culun — local, responsive editorial layout */
:root{--paper:#faf9f6;--white:#fff;--ink:#1a1b1c;--muted:#66675f;--line:#d9d7cf;--red:#b91c32;--deep:#172b34;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}.wrap{width:min(1184px,calc(100% - 64px));margin:auto}.red{color:var(--red)}.pixel{position:absolute;width:1px;height:1px;overflow:hidden;display:none}.skip{position:fixed;left:18px;top:-100px;z-index:100;background:white;padding:12px;border:2px solid var(--red)}.skip:focus{top:12px}
.topbar{background:var(--ink);color:#f1eee8;border-bottom:3px solid var(--red);font-size:11px;letter-spacing:.04em}.topbar .wrap{display:flex;justify-content:space-between;gap:12px;padding-top:8px;padding-bottom:8px}.topbar a:hover{color:#fff;text-decoration:underline}.masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:25px;padding-bottom:26px}.brand{display:flex;align-items:center;gap:15px}.brand:hover{color:var(--ink)}.brand-icon{background:var(--red);color:white;width:62px;height:62px;display:grid;place-items:center;font:bold 43px var(--serif);padding-bottom:5px;border-radius:3px}.brand-name{display:block;font:bold 42px/1.12 var(--serif);letter-spacing:-1.7px}.brand-tagline{display:block;margin-top:7px;font-size:9px;letter-spacing:1.4px;font-weight:bold;color:#56594f}.masthead-note{font:italic 15px/1.6 var(--serif);color:var(--muted);padding-left:24px;border-left:1px solid var(--line)}.navigation{background:var(--white);border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}.nav-inner{display:flex;gap:30px;overflow-x:auto;scrollbar-width:thin}.nav-inner a{white-space:nowrap;padding:12px 0 10px;font-size:12px;font-weight:bold;border-bottom:3px solid transparent}.nav-inner a[aria-current]{color:var(--red);border-color:var(--red)}
.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;padding:38px 0 35px;align-items:end;border-bottom:1px solid var(--line);margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:bold;color:var(--red);margin:0 0 10px;display:block}.intro h1{font:bold clamp(32px,3.3vw,44px)/1.12 var(--serif);letter-spacing:-1px;margin:0}.intro h1 em{font-weight:normal}.intro>p{font-size:14px;color:var(--muted);max-width:420px;margin:0 0 3px;line-height:1.8}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:21px}.section-heading h2{font:bold 22px/1.3 var(--serif);margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.37fr 1fr;gap:30px}.lead-card .card-photo{display:block}.lead-card img{width:100%;height:auto;aspect-ratio:1.76;object-fit:cover}.lead-card .card-body{padding:21px 0 0}.card-body h2{font:bold 24px/1.25 var(--serif);margin:0 0 12px;letter-spacing:-.35px}.lead-card h2{font-size:32px;line-height:1.13;letter-spacing:-.8px}.card-body p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 18px}.lead-card .card-body>p{font-size:14px}.meta-line{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted);font-size:10px}.read-link{color:var(--red);font-size:11px;font-weight:bold;white-space:nowrap}.side-stack{border-left:1px solid var(--line);padding-left:30px;display:flex;flex-direction:column;gap:22px}.side-card{display:grid;grid-template-columns:1fr 145px;gap:18px;align-items:start;padding-bottom:23px;border-bottom:1px solid var(--line)}.side-card:last-child{padding-bottom:0;border-bottom:0}.side-card .card-photo{grid-column:2;grid-row:1}.side-card .card-body{grid-column:1;grid-row:1}.side-card img{width:145px;height:150px;object-fit:cover}.side-card h2{font-size:22px}.side-card .card-body p{font-size:12px;line-height:1.65}.side-card .meta-line{align-items:start;flex-wrap:wrap;font-size:10px}
.two-up{margin-top:44px}.cards{display:grid;gap:26px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--white);border:1px solid var(--line)}.card-photo{overflow:hidden}.card img{width:100%;height:auto;aspect-ratio:2.2;object-fit:cover}.card .card-body{padding:23px}.card .eyebrow{margin-bottom:8px}.editorial-band{margin:42px 0;background:var(--deep);color:#fff;padding:32px 40px;border-left:5px solid var(--red)}.editorial-band .eyebrow{color:#deaa93}.editorial-band h2{font:normal 30px/1.25 var(--serif);margin:10px 0}.editorial-band p:not(.eyebrow){font-size:13px;color:#d1d9d9}.editorial-band a{display:inline-block;color:#fff;font-size:11px;border-bottom:1px solid #718082;margin-top:5px;padding-bottom:3px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}.topic-grid>a{padding:25px;border-right:1px solid var(--line)}.topic-grid>a:last-child{border-right:0}.topic-grid>a:hover{background:#f0eee7;color:var(--ink)}.topic-index{font-size:11px;font-weight:bold;color:var(--red)}.topic-grid h3{font:bold 22px var(--serif);margin:14px 0 9px}.topic-grid p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 15px}.about-home{max-width:820px;margin:40px 0 46px}.about-home h2{font:bold 22px var(--serif)}.about-home p{font-size:13px;color:var(--muted);line-height:1.8}.about-home a{color:var(--red)}
footer{background:var(--ink);color:#eeeee7;padding:38px 0 20px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:30px}.footer-brand{font:bold 28px var(--serif)}.footer-top p{font-size:12px;color:#bcbcb5}.footer-top h2{font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:0 0 13px}.footer-top>div>a:not(.footer-brand){display:block;font-size:12px;color:#c7c6c0;margin-bottom:7px}.footer-top a:hover{color:#fff}.footer-bottom{border-top:1px solid #464740;padding-top:18px;display:flex;justify-content:space-between;font-size:10px;color:#afafa6}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:11px;margin:27px 0;font-size:11px;color:var(--muted)}.article-header{max-width:950px}.article-header h1{font:bold clamp(31px,4vw,49px)/1.13 var(--serif);letter-spacing:-1.2px;margin:0 0 18px}.article-deck{font-size:18px;line-height:1.6;color:var(--muted);max-width:820px;margin:0 0 22px}.article-byline{display:flex;align-items:center;flex-wrap:wrap;gap:9px 20px;font-size:11px;color:var(--muted);margin:0 0 17px}.article-byline a{font-weight:bold;color:var(--ink)}.share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;margin:17px 0 25px}.share>span:first-child{margin-right:5px;font-weight:bold}.button{border:1px solid var(--line);background:var(--white);padding:8px 13px;display:inline-block;color:var(--ink);line-height:1.5;font-size:11px;border-radius:3px}.button:hover{border-color:var(--red);color:var(--red)}.button.wa{color:#146139;border-color:#b8ccbf;background:#f6faf6}.button.primary{background:var(--red);color:white;border:0;font-size:14px}.copy-status{color:#246041;font-size:11px}.copy-fallback{display:block;width:100%;max-width:100%;font-size:12px;border:1px solid var(--line);padding:8px}.article-hero{margin:23px 0 34px;max-width:920px}.article-hero img{width:100%;height:auto;aspect-ratio:2.05;object-fit:cover}.article-hero figcaption{font-size:10px;color:var(--muted);margin-top:7px}.article-layout{display:grid;grid-template-columns:minmax(0,740px) minmax(200px,1fr);gap:70px}.prose{font-size:16px;line-height:1.95;overflow-wrap:anywhere}.prose p{margin:0 0 20px}.prose .opening{font-size:18px;line-height:1.8}.prose h2{font:bold 27px/1.3 var(--serif);margin:33px 0 16px;letter-spacing:-.4px}.prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.prose .share a{text-decoration:none}.prose .share .wa{color:#146139}.prose section{scroll-margin-top:24px}.takeaway{background:#eeeee5;border-left:3px solid var(--red);padding:22px 25px;margin:27px 0 30px;font-size:14px;line-height:1.8}.takeaway strong{font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--red)}.takeaway p{margin:8px 0 0}.toc{border-top:3px solid var(--ink);padding-top:15px}.toc ol{padding-left:20px;font-size:12px;line-height:1.6}.toc li{padding:8px 0;border-bottom:1px solid var(--line)}.aside-note{margin-top:30px;padding:20px;background:#efeee7;font-family:var(--serif)}.aside-note strong{font-size:19px}.aside-note p{font-size:15px;line-height:1.6;color:var(--muted)}.sources{border-top:1px solid var(--line);margin:35px 0 25px;padding-top:6px;font-size:13px}.sources h2{font-size:22px;margin-top:20px}.sources ul{padding-left:22px}.sources li{padding:5px 0}.sources a{overflow-wrap:anywhere}.related{margin:45px 0}.listing-header{padding:38px 0 28px;max-width:850px}.listing-header h1{font:bold 43px/1.2 var(--serif);letter-spacing:-.8px;margin:0 0 15px}.listing-header>p:last-child{font-size:16px;color:var(--muted);max-width:750px}.archive{margin-bottom:50px;align-items:start}.info-page{max-width:780px;padding-bottom:45px}.error-page{padding-top:60px;padding-bottom:100px}.error-page h1{font:bold 38px var(--serif)}
@media(min-width:1500px){.wrap{width:1184px}}
@media(max-width:1040px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:24px}.side-stack{padding-left:24px}.side-card{grid-template-columns:1fr 108px;gap:12px}.side-card img{width:108px;height:126px}.side-card h2{font-size:20px}.side-card .card-body>p{display:none}.article-layout{gap:36px;grid-template-columns:minmax(0,1fr) 220px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.topbar{font-size:9px}.masthead{padding:20px 0}.masthead-note{display:none}.brand{gap:11px}.brand-icon{width:46px;height:46px;font-size:33px}.brand-name{font-size:33px;letter-spacing:-1px}.brand-tagline{font-size:7px;letter-spacing:.75px;margin-top:6px}.nav-inner{gap:23px}.nav-inner a{font-size:11px;padding:10px 0}.intro{grid-template-columns:1fr;gap:19px;padding:27px 0;margin-bottom:23px}.intro h1{font-size:35px}.intro>p{max-width:100%;font-size:13px;line-height:1.75}.section-heading h2{font-size:21px}.section-heading>span{display:none}.hero-grid{grid-template-columns:1fr;gap:26px}.lead-card h2{font-size:28px}.lead-card .card-body{padding-top:18px}.side-stack{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:23px;gap:23px}.side-card{grid-template-columns:1fr 120px;gap:20px}.side-card img{width:120px;height:135px}.side-card h2{font-size:22px}.side-card .card-body>p{display:block;font-size:12px}.side-card .card-body{min-width:0}.cards.two{grid-template-columns:1fr}.card .card-body{padding:20px}.card-body h2{font-size:24px}.two-up{margin-top:32px}.editorial-band{padding:27px 23px;margin:32px 0}.editorial-band h2{font-size:27px}.topic-grid{grid-template-columns:1fr}.topic-grid>a{border-right:0;border-bottom:1px solid var(--line);padding:23px}.topic-grid>a:last-child{border-bottom:0}.topic-grid h3{margin-top:10px}.topic-grid p{font-size:13px}.footer-top{grid-template-columns:1fr 1fr;gap:26px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{gap:18px;font-size:9px}.article-header h1{font-size:34px;letter-spacing:-.6px}.article-deck{font-size:16px}.article-byline{font-size:10px;gap:8px 14px}.article-hero img{aspect-ratio:1.5}.article-layout{display:block}.article-aside{display:none}.prose{font-size:16px;line-height:1.9}.prose .opening{font-size:17px}.prose h2{font-size:25px}.listing-header h1{font-size:35px}.share{gap:7px}.share .button{padding:8px 10px;font-size:10px}.share>span:first-child{display:none}.article-header{margin-top:0}.breadcrumbs{margin:21px 0}.takeaway{padding:20px}.about-home{margin-top:30px}.info-page{font-size:16px}}
@media(max-width:370px){.brand-name{font-size:30px}.brand-tagline{font-size:6px}.side-card{grid-template-columns:1fr 96px;gap:12px}.side-card img{width:96px;height:120px}.side-card h2{font-size:20px}.side-card .card-body>p{display:none}.intro h1{font-size:32px}.article-header h1{font-size:30px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media print{.topbar,.navigation,.share,.article-aside,.related,footer{display:none}.wrap{width:100%}.prose{max-width:none}.article-layout{display:block}body{background:#fff}.article-header h1{font-size:30pt}}
