/* RuangBlora.id v4.5. Ten independent homepage layout families.
   Scoped to homepage wrapper; detail/article/editor remain unchanged. */
.theme-editorial .rb45-home{--rb45-yellow:var(--accent,#ffc928);--rb45-ink:#141e2b;min-width:0}
.theme-editorial .rb45-home .hero-layout{min-width:0}
.theme-editorial .rb45-home .hero-lead{position:relative}
.theme-editorial .rb45-home .story-grid>*{min-width:0}
.theme-editorial .rb45-home .story-grid img,.theme-editorial .rb45-home .hero-art img{object-fit:cover}
.theme-editorial .rb45-home .editorial-section-heading{margin-top:4px}
.theme-editorial .rb45-home .front-intro h1{max-width:880px}
.theme-editorial .rb45-home .section-heading h2{overflow-wrap:anywhere}
.theme-editorial .rb45-home .article-tile h3{overflow-wrap:anywhere}
.theme-editorial .rb45-preview-banner{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#142136;color:#fff;border-radius:10px;padding:13px 18px;margin-bottom:22px;font-size:12px}
.theme-editorial .rb45-preview-banner span{background:#ffc928;color:#1b2533;border-radius:5px;padding:5px 9px;font-weight:900;font-size:10px}.rb45-preview-banner strong{flex:1}.rb45-preview-banner a{color:#ffdc68;font-weight:800}
/* 01 – Clean Modern: calm two-column editorial story. */
.theme-editorial .rb45-home-clean .front-intro{padding:15px 0}
.theme-editorial .rb45-home-clean .hero-lead{min-height:440px}
.theme-editorial .rb45-home-clean .article-tile{border-radius:12px;box-shadow:0 6px 24px #0e26360a}
/* 02 – Hero Visual: enormous photographic lead; editor picks below. */
.theme-editorial .rb45-home-hero .hero-layout{display:grid;grid-template-columns:1fr;gap:15px}
.theme-editorial .rb45-home-hero .hero-lead{min-height:560px}
.theme-editorial .rb45-home-hero .hero-lead h1{font-size:clamp(34px,5vw,66px);max-width:770px}
.theme-editorial .rb45-home-hero .hero-content{padding:46px 54px;max-width:950px}
.theme-editorial .rb45-home-hero .hero-side{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:16px}
.theme-editorial .rb45-home-hero .hero-side-head{grid-column:1/-1}
.theme-editorial .rb45-home-hero .hero-side .mini-article{padding:0;border:none;display:block}
.theme-editorial .rb45-home-hero .hero-side .mini-article img{width:100%;height:100px;margin-bottom:9px}
.theme-editorial .rb45-home-hero .hero-side .text-link{grid-column:1/-1}
/* 03 – Majalah Lokal: print-like columns and understated cards. */
.theme-editorial .rb45-home-magazine .front-intro{border-bottom:4px double #27282b;padding-bottom:19px}
.theme-editorial .rb45-home-magazine .front-intro h1{font-size:clamp(34px,4.9vw,63px);font-family:Georgia,serif}
.theme-editorial .rb45-home-magazine .hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:24px}
.theme-editorial .rb45-home-magazine .hero-lead{min-height:450px;border-radius:2px}
.theme-editorial .rb45-home-magazine .hero-side{border-radius:1px;box-shadow:none;border:0;border-left:3px solid #e1c05a}
.theme-editorial .rb45-home-magazine .article-tile{border:0;border-radius:0;border-bottom:1px solid #dce3e6;box-shadow:none}
.theme-editorial .rb45-home-magazine .story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}
.theme-editorial .rb45-home-magazine .article-tile h3{font:800 16px/1.4 Georgia,serif}
.theme-editorial .rb45-home-magazine .tile-img{height:154px}
/* 04 – Minimal: lean type-first coverage. */
.theme-editorial .rb45-home-minimal .front-intro h1{font:800 clamp(32px,4.7vw,56px)/1.15 Arial,sans-serif;letter-spacing:-2px}
.theme-editorial .rb45-home-minimal .front-intro-side{display:none}
.theme-editorial .rb45-home-minimal .hero-lead{min-height:360px;border-radius:4px;background:#f5f7f6;box-shadow:none}
.theme-editorial .rb45-home-minimal .hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr)}
.theme-editorial .rb45-home-minimal .hero-side{box-shadow:none;border-radius:4px}
.theme-editorial .rb45-home-minimal .quick-links a{border-radius:2px!important;box-shadow:none}
.theme-editorial .rb45-home-minimal .article-tile{box-shadow:none;border:0;border-radius:0;border-bottom:1px solid #dbe1e8;padding-bottom:18px}
.theme-editorial .rb45-home-minimal .article-tile h3{font:800 16px/1.4 Arial,sans-serif}
.theme-editorial .rb45-home-minimal .section-heading h2{font-family:Arial,sans-serif}
/* 05 – Warm: local stories with soft surfaces. */
.theme-editorial:has(.rb45-home-warm){background:#fffcf6}
.theme-editorial .rb45-home-warm .front-intro{background:#fff6e6;border-radius:20px;padding:24px 28px}
.theme-editorial .rb45-home-warm .hero-lead{min-height:455px;border-radius:22px;box-shadow:0 18px 40px #b57a4b18}
.theme-editorial .rb45-home-warm .hero-side,.theme-editorial .rb45-home-warm .article-tile,.theme-editorial .rb45-home-warm .front-duo-card{border-radius:18px}
.theme-editorial .rb45-home-warm .front-category-wrap{background:#fff6e6;border-color:#f7e6cb;border-radius:19px}
.theme-editorial .rb45-home-warm .article-tile{border-color:#f8e8d8}
/* 06 – Portal Professional: dense feed and persistent prominent side feature. */
.theme-editorial .rb45-home-portal{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 22px}
.theme-editorial .rb45-home-portal>*{grid-column:1/-1;min-width:0}
.theme-editorial .rb45-home-portal>.section:has(.story-grid:not(.video-grid)){grid-column:1/span 8}
.theme-editorial .rb45-home-portal>.front-duo{grid-column:9/-1;grid-template-columns:1fr;align-content:start;gap:10px;margin-top:47px}
.theme-editorial .rb45-home-portal .front-duo-card{min-height:170px;grid-template-columns:1fr .45fr}
.theme-editorial .rb45-home-portal .front-duo-card h2{font-size:17px}
.theme-editorial .rb45-home-portal .front-duo-card p{display:none}
.theme-editorial .rb45-home-portal .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.theme-editorial .rb45-home-portal .tile-img{height:157px}
.theme-editorial .rb45-home-portal .hero-lead{min-height:410px}
.theme-editorial .rb45-home-portal .front-intro h1{font:900 clamp(29px,3.5vw,48px)/1.15 Arial,sans-serif}
/* 07 – Cards: compact lead and broad 4-column card deck. */
.theme-editorial .rb45-home-cards .hero-lead{min-height:345px;border-radius:15px}
.theme-editorial .rb45-home-cards .hero-side{background:#f6f7fa}
.theme-editorial .rb45-home-cards .story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.theme-editorial .rb45-home-cards .tile-img{height:140px}
.theme-editorial .rb45-home-cards .article-tile{border:1px solid #e1e6ed;box-shadow:0 6px 22px #172b4214;border-radius:15px}
.theme-editorial .rb45-home-cards .article-tile h3{font-size:14px}
.theme-editorial .rb45-home-cards .front-category-wrap{border-radius:15px;background:#f2f6f9}
/* 08 – Photo: striking visual lead, photo masonry-like grid. */
.theme-editorial .rb45-home-photo .hero-layout{grid-template-columns:1fr;gap:16px}
.theme-editorial .rb45-home-photo .hero-lead{min-height:610px;border-radius:4px}
.theme-editorial .rb45-home-photo .hero-lead h1{font-size:clamp(39px,4.9vw,63px);max-width:770px}
.theme-editorial .rb45-home-photo .hero-side{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;box-shadow:none;border:0;padding:0}
.theme-editorial .rb45-home-photo .hero-side-head,.theme-editorial .rb45-home-photo .hero-side .text-link{grid-column:1/-1}
.theme-editorial .rb45-home-photo .hero-side .mini-article{display:block;border:0;padding:0}
.theme-editorial .rb45-home-photo .hero-side .mini-article img{width:100%;height:125px}
.theme-editorial .rb45-home-photo .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-editorial .rb45-home-photo .tile-img{height:230px}
.theme-editorial .rb45-home-photo .article-tile{border-radius:3px}
/* 09 – Breaking News: headline-first, very compact briefing. */
.theme-editorial:has(.rb45-home-breaking) .news-strip{background:#1b2531}
.theme-editorial:has(.rb45-home-breaking) .news-strip-inner>a{color:#fff}
.theme-editorial:has(.rb45-home-breaking) .news-strip-more{color:#ffdd76}
.theme-editorial .rb45-home-breaking{display:flex;flex-direction:column}
.theme-editorial .rb45-home-breaking>.editorial-section-heading{order:1}
.theme-editorial .rb45-home-breaking>.editorial-hero{order:2}
.theme-editorial .rb45-home-breaking>.front-intro{order:3;margin-top:29px}
.theme-editorial .rb45-home-breaking>.front-category-wrap{order:4}
.theme-editorial .rb45-home-breaking>.sponsor-strip{order:5}
.theme-editorial .rb45-home-breaking>.section:has(.story-grid:not(.video-grid)){order:6}
.theme-editorial .rb45-home-breaking>.front-duo{order:7}
.theme-editorial .rb45-home-breaking>.split-panels{order:8}
.theme-editorial .rb45-home-breaking>.section:has(.video-grid){order:9}
.theme-editorial .rb45-home-breaking>.cta-section{order:10}
.theme-editorial .rb45-home-breaking .hero-lead{min-height:460px}
.theme-editorial .rb45-home-breaking .editorial-section-heading .eyebrow{background:#ffc928;color:#1b2635;padding:5px 9px}
.theme-editorial .rb45-home-breaking .story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.theme-editorial .rb45-home-breaking .tile-img{height:134px}
.theme-editorial .rb45-home-breaking .article-tile h3{font-size:14px}
/* 10 – Community & literacy: community stories take editorial priority. */
.theme-editorial .rb45-home-community{display:flex;flex-direction:column}
.theme-editorial .rb45-home-community>.front-intro{order:0}
.theme-editorial .rb45-home-community>.front-category-wrap{order:1}
.theme-editorial .rb45-home-community>.front-duo{order:2;margin-top:24px}
.theme-editorial .rb45-home-community>.editorial-section-heading{order:3;margin-top:38px}
.theme-editorial .rb45-home-community>.hero-layout{order:4}
.theme-editorial .rb45-home-community>.sponsor-strip{order:5}
.theme-editorial .rb45-home-community>.split-panels{order:6}
.theme-editorial .rb45-home-community>.section:has(.story-grid:not(.video-grid)){order:7}
.theme-editorial .rb45-home-community>.section:has(.video-grid){order:8}
.theme-editorial .rb45-home-community>.cta-section{order:9}
.theme-editorial .rb45-home-community .front-intro{background:linear-gradient(115deg,#173a36,#286b58);border-radius:18px;padding:28px;color:#fff;margin-bottom:14px}
.theme-editorial .rb45-home-community .front-intro h1,.theme-editorial .rb45-home-community .front-intro p,.theme-editorial .rb45-home-community .front-intro-side strong,.theme-editorial .rb45-home-community .front-intro-side span{color:#fff}
.theme-editorial .rb45-home-community .front-intro h1 em{color:#ffdf7d}
.theme-editorial .rb45-home-community .front-duo-card{border-radius:18px;box-shadow:0 12px 24px #1744390f}
.theme-editorial .rb45-home-community .front-category-wrap{background:#eef7f1;border-color:#d9e7df;border-radius:14px}
.theme-editorial .rb45-home-community .hero-lead{min-height:380px}
/* Responsive fallback for all ten layouts */
@media(max-width:1050px){
.theme-editorial .rb45-home-portal>.section:has(.story-grid:not(.video-grid)),.theme-editorial .rb45-home-portal>.front-duo{grid-column:1/-1}
.theme-editorial .rb45-home-portal>.front-duo{grid-template-columns:repeat(2,1fr);margin-top:25px}
.theme-editorial .rb45-home-cards .story-grid,.theme-editorial .rb45-home-breaking .story-grid,.theme-editorial .rb45-home-magazine .story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.theme-editorial .rb45-home-hero .hero-side,.theme-editorial .rb45-home-photo .hero-side{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:800px){
.theme-editorial .rb45-home .hero-layout{grid-template-columns:1fr}
.theme-editorial .rb45-home .hero-lead{min-height:370px}
.theme-editorial .rb45-home .hero-side{display:block}
.theme-editorial .rb45-home-hero .hero-side,.theme-editorial .rb45-home-photo .hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-editorial .rb45-home .hero-content{padding:27px}
.theme-editorial .rb45-home .hero-lead h1{font-size:clamp(26px,6vw,39px)}
.theme-editorial .rb45-home .story-grid,.theme-editorial .rb45-home-cards .story-grid,.theme-editorial .rb45-home-breaking .story-grid,.theme-editorial .rb45-home-magazine .story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-editorial .rb45-home-photo .hero-lead,.theme-editorial .rb45-home-hero .hero-lead{min-height:440px}
.theme-editorial .rb45-home .front-intro{flex-wrap:wrap}
.theme-editorial .rb45-home .front-intro-side{flex:1 1 100%;max-width:100%;text-align:left}
.theme-editorial .rb45-home .front-duo{grid-template-columns:1fr}
}
@media(max-width:540px){
.theme-editorial .rb45-home .hero-lead{min-height:320px}
.theme-editorial .rb45-home-photo .hero-lead,.theme-editorial .rb45-home-hero .hero-lead{min-height:420px}
.theme-editorial .rb45-home .hero-content{padding:22px}
.theme-editorial .rb45-home .front-intro h1{font-size:31px}
.theme-editorial .rb45-home .story-grid,.theme-editorial .rb45-home-cards .story-grid,.theme-editorial .rb45-home-breaking .story-grid,.theme-editorial .rb45-home-magazine .story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.theme-editorial .rb45-home .tile-img{height:123px}
.theme-editorial .rb45-home-photo .tile-img{height:148px}
.theme-editorial .rb45-home .article-tile h3{font-size:13px}
.theme-editorial .rb45-home .hero-side{display:none}
.theme-editorial .rb45-home-hero .hero-side,.theme-editorial .rb45-home-photo .hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.theme-editorial .rb45-home-hero .hero-side .mini-article img,.theme-editorial .rb45-home-photo .hero-side .mini-article img{height:90px}
.theme-editorial .rb45-home .quick-links{grid-template-columns:repeat(4,minmax(0,1fr))}
.theme-editorial .rb45-home-portal>.front-duo{grid-template-columns:1fr}
.theme-editorial .rb45-home-community .front-intro{padding:20px 18px}
.theme-editorial .rb45-preview-banner{padding:12px;gap:8px}
}