/* Editorial layout inspired by the World Vision news demo, without copying its template assets. */
:root{--deep:#18232c;--gray:#778188;--accent:#377b75;--rule:#e1e5e7}body{background:white;color:var(--deep);font-family:Arial,Helvetica,sans-serif}.wrap{width:min(1190px,calc(100% - 36px))}.editorial-header{background:white}.editorial-header__top{display:flex;align-items:center;justify-content:space-between;padding:17px 0;color:#7b848b;font-size:12px}.editorial-header__top a{font-weight:600}.editorial-header__brand{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 0 24px}.editorial-header__brand a{font-size:clamp(27px,4vw,48px);font-weight:900;letter-spacing:-.055em;line-height:1.05;text-transform:uppercase}.editorial-header__brand a img{height:66px;max-width:300px;object-fit:contain}.editorial-header__brand span{color:#7b848b;text-transform:uppercase;letter-spacing:.2em;font-size:10px;margin-top:9px}.editorial-header__nav{display:flex;align-items:center;gap:16px;min-height:68px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.editorial-header__nav nav{display:flex;align-items:center;flex:1;gap:22px;overflow:auto;scrollbar-width:none}.editorial-header__nav nav a{font-size:14px;font-weight:800;white-space:nowrap;padding:13px 0}.editorial-header__nav nav a:hover{color:var(--accent)}.nav-toggle{display:none}.nav-search{display:flex;flex:none;align-items:center}.nav-search input{width:0;max-width:0;padding:0;border:0;outline:0;transition:.2s}.nav-search:focus-within input,.nav-search:hover input{width:160px;max-width:160px;padding:7px;border-bottom:1px solid #aaa}.nav-search button{background:none;border:0;font-size:25px;cursor:pointer;line-height:1}.category-label{display:inline-block;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.headline-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-bottom:1px solid var(--rule);padding:22px 0 24px}.news-card{display:block;min-width:0;color:var(--deep)}.news-card:hover{color:var(--accent)}.news-card img{width:100%;object-fit:cover;background:#e6e9eb}.news-card h3{font-size:18px;line-height:1.3;margin:8px 0}.news-card small,.story-meta{font-size:12px;color:#818b91}.news-card p{font-size:13px;line-height:1.55;color:#70797e}.news-card--strip{display:flex;gap:10px;align-items:center}.news-card--strip img,.news-card--strip .picture-fallback{width:80px;height:50px;flex:none;object-fit:cover}.news-card--strip h3{font-size:13px;line-height:1.25;margin:0;font-weight:800}.news-card--strip .category-label,.news-card--strip small,.news-card--strip p{display:none}.picture-fallback{display:grid;place-items:center;min-height:165px;background:linear-gradient(130deg,#edf3f1,#d9e7e3);color:#507b75;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.feature-section{display:grid;grid-template-columns:1.75fr 1fr;gap:30px;margin:48px 0 46px}.feature-main>a{position:relative;display:block;height:385px;overflow:hidden;color:white;background:#19302f}.feature-main img,.feature-main .picture-fallback{width:100%;height:100%;object-fit:cover}.feature-main>a:after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.feature-caption{position:absolute;z-index:1;left:36px;bottom:32px;right:35px}.feature-caption .category-label{color:#aff3d6}.feature-caption h1{font-size:clamp(24px,3vw,36px);line-height:1.18;margin:9px 0}.feature-caption p{margin:0;font-size:14px;max-width:620px;color:#e5e8e8}.feature-side{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:0 18px}.feature-side .section-heading{grid-column:1/-1;margin:0 0 5px}.news-card--side{padding:12px 0;border-bottom:1px solid var(--rule)}.news-card--side img,.news-card--side .picture-fallback,.news-card--side small,.news-card--side p{display:none}.news-card--side h3{font-size:14px;font-weight:700;margin:3px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--rule);margin-bottom:22px;padding-bottom:10px}.section-heading h2,.sidebar-head{font-size:23px;margin:0;color:var(--accent);font-weight:800}.section-heading h2:after{content:"";display:inline-block;width:48px;border-top:2px solid var(--accent);margin:0 0 7px 12px}.section-heading span{font-size:12px;color:var(--gray)}.page-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;margin:30px 0}.listing{margin-top:30px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}.news-card--grid img,.news-card--grid .picture-fallback{aspect-ratio:4/3;height:auto;width:100%}.news-card--grid h3{font-size:17px;margin:8px 0}.sidebar-head{font-size:20px;border-bottom:2px solid var(--accent);padding-bottom:10px;margin:20px 0 10px}.news-card--compact{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid var(--rule)}.news-card--compact img,.news-card--compact .picture-fallback{width:82px;height:62px;min-height:62px;flex:none}.news-card--compact h3{font-size:13px;line-height:1.3;margin:3px 0}.news-card--compact .category-label,.news-card--compact small,.news-card--compact p{display:none}.editorial-article{border:0;border-radius:0;padding:0}.editorial-article h1{font-size:clamp(30px,4vw,48px)}.editorial-article figure{margin:20px 0 30px}.editorial-article figure img{width:100%;max-height:550px;object-fit:cover}.editorial-article figcaption{color:#899299;font-size:12px;margin-top:8px}.editorial-article .prose{font-size:17px;line-height:1.85}.editorial-copy{max-width:800px;margin:50px auto;min-height:260px}.story-back{font-weight:800;color:var(--accent)}.ad-group{margin:24px 0}.ad-heading{text-align:center;color:#9ba3a8;font-size:10px;letter-spacing:.16em;margin-bottom:9px}.ad-items{display:grid;gap:14px}.ad-item{text-align:center;background:#f6f7f7;min-width:0}.ad-item img{display:block;max-width:100%;height:auto;margin:auto}.ad-group--atas .ad-items{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.ad-group--atas .ad-item img{max-height:160px;object-fit:contain}.ad-group--samping .ad-items{grid-template-columns:1fr}.ad-group--samping img{max-height:400px;object-fit:contain}.ad-group--sela{grid-column:1/-1;margin:12px 0}.ad-group--sela .ad-items{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}.ad-group--sela img{max-height:220px;object-fit:contain}.ad-group--bawah{padding:20px 0;border-top:1px solid var(--rule)}.ad-group--bawah .ad-items{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.ad-group--bawah img{max-height:240px;object-fit:contain}.editorial-footer{background:#14232b;color:white;margin-top:50px;padding:38px 0}.editorial-footer .wrap{display:flex;justify-content:space-between;gap:24px}.editorial-footer strong{font-size:20px}.editorial-footer a:hover{color:#8bd6bd}.pagination strong{background:var(--accent)}.prose h1,.prose h2,.prose h3{line-height:1.25}.prose blockquote{border-left:3px solid var(--accent);padding-left:16px;color:#637278}
@media(max-width:950px){.editorial-header__nav nav{gap:14px}.feature-section{grid-template-columns:1.4fr 1fr}.feature-main>a{height:340px}.page-columns{grid-template-columns:minmax(0,1fr) 230px}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.headline-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.editorial-header__top{padding:12px 0}.editorial-header__brand{padding:8px 0 20px}.editorial-header__nav{position:relative;min-height:55px;justify-content:space-between}.nav-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;font-weight:800;padding:12px 0}.editorial-header__nav nav{display:none;position:absolute;top:54px;left:0;right:0;background:white;z-index:5;box-shadow:0 16px 24px #0002;padding:10px 16px;max-height:55vh;overflow:auto}.editorial-header__nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.editorial-header__nav nav a{border-bottom:1px solid var(--rule)}.nav-search input,.nav-search:hover input{width:130px;max-width:130px;padding:7px}.headline-strip{grid-template-columns:repeat(2,1fr);gap:13px}.news-card--strip img,.news-card--strip .picture-fallback{width:60px;height:48px}.feature-section,.page-columns{grid-template-columns:1fr}.feature-section{margin:26px 0}.feature-main>a{height:325px}.feature-caption{left:19px;right:19px;bottom:20px}.feature-side{grid-template-columns:1fr 1fr}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px}.page-columns aside{border-top:1px solid var(--rule);padding-top:15px}.editorial-footer .wrap{display:block}.editorial-article{padding:0}.editorial-article h1{font-size:31px}}@media(max-width:420px){.headline-strip{display:flex;overflow:auto}.news-card--strip{min-width:220px}.editorial-grid{grid-template-columns:1fr 1fr}.news-card--grid h3{font-size:14px}.news-card--grid p{display:none}.feature-side{grid-template-columns:1fr 1fr}.feature-main>a{height:300px}.nav-search input,.nav-search:hover input{width:105px;max-width:105px}}
/* Main-story slider */
.feature-main{position:relative;min-width:0}.feature-track{height:385px;position:relative;overflow:hidden;background:#19302f}.feature-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .48s ease,visibility .48s;pointer-events:none}.feature-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.feature-slide>a{position:relative;display:block;width:100%;height:100%;color:#fff}.feature-slide img,.feature-slide .picture-fallback{width:100%;height:100%;object-fit:cover}.feature-slide>a:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,#000d);pointer-events:none}.feature-slide .feature-caption{z-index:2}.feature-controls{position:absolute;z-index:3;right:18px;top:18px;display:flex;align-items:center;gap:9px;color:white;font-size:12px;font-weight:800;background:#1119;border-radius:30px;padding:5px 8px}.feature-controls button{background:transparent;border:0;color:white;font-size:24px;cursor:pointer;line-height:1;padding:0 6px}.feature-controls button:hover{color:#8ce3d1}.feature-dots{position:absolute;z-index:3;left:36px;bottom:12px;display:flex;gap:6px}.feature-dots button{border:0;width:20px;height:4px;border-radius:5px;background:#fffa;cursor:pointer;padding:0}.feature-dots button.active{background:#71dbc1;width:32px}.feature-caption{bottom:35px}.editorial-header__brand a img{height:84px;max-width:280px}.feature-caption h1{font-size:clamp(22px,2.6vw,31px)}.section-heading h2{font-size:21px}.editorial-article h1{font-size:clamp(27px,3.5vw,40px)}.news-card--grid h3{font-size:16px}
/* Footer identity from the previous portal, rebuilt for this design */
.editorial-footer{background:#10232b;color:#e6eff0;padding:46px 0 0;margin-top:60px}.editorial-footer .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:40px}.footer-brand{display:inline-block;min-height:65px}.footer-brand img{width:190px;height:74px;object-fit:contain;object-position:left center;background:white;border-radius:6px;padding:5px}.footer-about p{color:#b5c4c7;max-width:350px;font-size:14px;line-height:1.65;margin:13px 0}.editorial-footer h2{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:white;margin:8px 0 17px}.editorial-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.editorial-footer li a,.footer-story{font-size:14px;color:#b9c9cc}.editorial-footer a:hover{color:#79ddc6}.footer-social-title{margin-top:24px!important}.footer-social{display:flex;flex-wrap:wrap;gap:8px}.footer-social a{font-size:12px;border:1px solid #4c6971;padding:7px 10px;border-radius:5px;color:#e5f0f1}.footer-bottom{border-top:1px solid #2e4750;display:flex;justify-content:space-between;gap:10px;padding:17px 0;color:#a7b9bd;font-size:12px}.footer-bottom b{color:#d7e4e5}
@media(max-width:950px){.feature-track{height:340px}.editorial-footer .footer-grid{gap:30px}}@media(max-width:700px){.feature-track{height:325px}.feature-dots{left:19px}.editorial-footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-about{grid-column:1/-1}.footer-bottom{flex-direction:column}.editorial-header__brand a img{height:72px}}@media(max-width:420px){.feature-track{height:300px}.editorial-footer .footer-grid{grid-template-columns:1fr 1fr}.footer-social{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){.feature-slide{transition:none}}
/* Keep longer headlines within the image on narrow screens. */
.feature-caption h1{font-size:clamp(20px,2.2vw,29px);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.feature-caption p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media(max-width:420px){.feature-caption h1{font-size:20px}}