/*
 * BlockNews — standalone homepage layer
 * Architecture is derived from the GreenNews homepage composition, but the
 * CSS, selectors, palette and runtime files are owned by BlockNews.
 * Loaded only on the homepage, after assets/themes/blocknews/style.css.
 */
body.theme-blocknews.blocknews-home{
  --bnh-accent:var(--site-primary,#2563eb);
  --bnh-accent-dark:var(--site-secondary,#0f172a);
  --bnh-ink:var(--text,#101114);
  --bnh-muted:var(--muted,#6b7280);
  --bnh-line:var(--border,#e5e7eb);
  --bnh-soft:var(--surface-soft,#f6f7f9);
  --bnh-surface:var(--white,#fff);
  --bnh-max:var(--bn-layout-width,1140px);
  background:var(--bg,#fff);
}
body.theme-blocknews.blocknews-home .bnh-container{width:min(var(--bnh-max),calc(100% - 32px));margin:0 auto}
body.theme-blocknews.blocknews-home .bnh-home{padding:18px 0 52px}
body.theme-blocknews.blocknews-home .bnh-home a{color:inherit;text-decoration:none}
body.theme-blocknews.blocknews-home .bnh-home img{display:block;max-width:100%}

/* GreenNews-derived 2+2 block composition, restyled for BlockNews. */
body.theme-blocknews.blocknews-home .bnh-hero-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:154px;
  grid-template-rows:190px 162px 162px 154px;
  gap:8px;margin:0 0 38px;
}
body.theme-blocknews.blocknews-home .bnh-card{position:relative;min-width:0;min-height:150px;overflow:hidden;background:#15171a}
body.theme-blocknews.blocknews-home .bnh-card-img,
body.theme-blocknews.blocknews-home .bnh-card-img img{position:absolute;inset:0;width:100%;height:100%}
body.theme-blocknews.blocknews-home .bnh-card-img img{object-fit:cover;object-position:50% 50%;transition:transform .25s ease,opacity .25s ease}
body.theme-blocknews.blocknews-home .bnh-card:hover .bnh-card-img img{transform:scale(1.025);opacity:.96}
body.theme-blocknews.blocknews-home .bnh-card-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03) 22%,rgba(0,0,0,.82) 100%)}
body.theme-blocknews.blocknews-home .bnh-card-content{position:absolute;left:16px;right:34px;bottom:16px;z-index:4;color:#fff;pointer-events:none}
body.theme-blocknews.blocknews-home .bnh-card-content a{pointer-events:auto}
body.theme-blocknews.blocknews-home .bnh-card-title{margin:0;font-size:18px;line-height:1.16;font-weight:800;letter-spacing:-.018em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.32)}
body.theme-blocknews.blocknews-home .bnh-card-title a{color:#fff}
body.theme-blocknews.blocknews-home .bnh-card-meta,
body.theme-blocknews.blocknews-home .bnh-accent-meta{margin-top:8px;font-size:10px;line-height:1.25;font-weight:650;color:rgba(255,255,255,.78)}
body.theme-blocknews.blocknews-home .bnh-save{position:absolute;right:13px;bottom:13px;z-index:5;color:#fff;font-size:14px;opacity:.92}
body.theme-blocknews.blocknews-home .bnh-card--top-left,
body.theme-blocknews.blocknews-home .bnh-card--top-right{grid-column:span 2}
body.theme-blocknews.blocknews-home .bnh-card--feature-img{grid-column:span 2;grid-row:span 2}
body.theme-blocknews.blocknews-home .bnh-card--small .bnh-card-title{font-size:15px}
body.theme-blocknews.blocknews-home .bnh-card--small .bnh-card-content{left:13px;right:28px;bottom:13px}

/* Accent block keeps GreenNews' contrasting tile idea without green branding. */
body.theme-blocknews.blocknews-home .bnh-feature-accent{
  position:relative;grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;
  justify-content:center;overflow:hidden;padding:48px 42px 32px;background:var(--bnh-accent);color:#fff;
}
body.theme-blocknews.blocknews-home .bnh-feature-bg{position:absolute;inset:0;z-index:0;opacity:.28}
body.theme-blocknews.blocknews-home .bnh-feature-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:grayscale(.3);transform:scale(1.04)}
body.theme-blocknews.blocknews-home .bnh-feature-accent:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(120deg,color-mix(in srgb,var(--bnh-accent-dark) 82%,transparent),color-mix(in srgb,var(--bnh-accent) 72%,transparent))}
body.theme-blocknews.blocknews-home .bnh-feature-accent>.vibecms-category-chips,
body.theme-blocknews.blocknews-home .bnh-feature-accent>h2,
body.theme-blocknews.blocknews-home .bnh-feature-accent>.bnh-accent-meta{position:relative;z-index:4}
body.theme-blocknews.blocknews-home .bnh-feature-accent>.bnh-accent-meta{pointer-events:none}
body.theme-blocknews.blocknews-home .bnh-feature-accent>.bnh-save{z-index:5}
body.theme-blocknews.blocknews-home .bnh-card-hit{position:absolute;inset:0;z-index:3;display:block}
body.theme-blocknews.blocknews-home .bnh-feature-accent h2{max-width:520px;margin:0;font-size:28px;line-height:1.14;font-weight:850;letter-spacing:-.025em}
body.theme-blocknews.blocknews-home .bnh-feature-accent h2 a{color:#fff}
body.theme-blocknews.blocknews-home .bnh-feature-accent .bnh-save{right:26px;bottom:24px}

body.theme-blocknews.blocknews-home .bnh-section-title{display:flex;align-items:center;gap:9px;margin:0 0 17px;font-size:18px;line-height:1;font-weight:900;letter-spacing:-.018em;color:var(--bnh-ink)}
body.theme-blocknews.blocknews-home .bnh-section-title span{width:11px;height:11px;flex:0 0 11px;background:var(--bnh-accent)}


/* Editorial picks: one large block + two compact image-first cards. */
body.theme-blocknews.blocknews-home .bnh-bedah{margin:0 0 38px}
body.theme-blocknews.blocknews-home .bnh-three-cards{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px;align-items:stretch}
body.theme-blocknews.blocknews-home .bnh-card--bedah-large{height:232px}
body.theme-blocknews.blocknews-home .bnh-bedah-mini{display:flex;flex-direction:column;height:232px;overflow:hidden;background:var(--bnh-surface);border:1px solid var(--bnh-line)}
body.theme-blocknews.blocknews-home .bnh-bedah-mini-thumb{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#e5e7eb}
body.theme-blocknews.blocknews-home .bnh-bedah-mini-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
body.theme-blocknews.blocknews-home .bnh-bedah-mini:hover img{transform:scale(1.035)}
body.theme-blocknews.blocknews-home .bnh-bedah-mini-body{position:relative;display:flex;flex:1 1 auto;min-height:0;flex-direction:column;justify-content:center;padding:11px 13px 28px}
body.theme-blocknews.blocknews-home .bnh-bedah-mini-body h3{margin:0 0 7px;font-size:13px;line-height:1.2;font-weight:850;color:var(--bnh-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.theme-blocknews.blocknews-home .bnh-bedah-mini-save{position:absolute;right:10px;bottom:9px;color:var(--bnh-ink);font-size:13px}

/* Tail: More News is the primary left rail; Video + sidebar banners live in the right 300px rail. */
body.theme-blocknews.blocknews-home .bnh-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}
body.theme-blocknews.blocknews-home .bnh-home-sidebar{min-width:0;width:300px;max-width:100%}
body.theme-blocknews.blocknews-home .bnh-video-box{margin:0 0 18px}
body.theme-blocknews.blocknews-home .bnh-card--video{height:176px}
body.theme-blocknews.blocknews-home .bnh-card--video:after{content:"▶";position:absolute;left:50%;top:50%;z-index:4;pointer-events:none;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:38px;background:#e11d2e;color:#fff;font-size:18px}
body.theme-blocknews.blocknews-home .bnh-more-list{border-top:1px solid var(--bnh-line)}
body.theme-blocknews.blocknews-home .bnh-more-item{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 22px;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--bnh-line);min-height:132px}
body.theme-blocknews.blocknews-home .bnh-more-hit{position:absolute;inset:0;z-index:1;display:block}
body.theme-blocknews.blocknews-home .bnh-more-thumb{position:relative;z-index:2;display:block;width:180px;height:106px;overflow:hidden;background:var(--bnh-line);pointer-events:none}
body.theme-blocknews.blocknews-home .bnh-more-thumb img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .22s ease}
body.theme-blocknews.blocknews-home .bnh-more-item:hover .bnh-more-thumb img{transform:scale(1.025)}
body.theme-blocknews.blocknews-home .bnh-more-body{position:relative;z-index:2;min-width:0;pointer-events:none}
body.theme-blocknews.blocknews-home .bnh-more-cat{margin:0 0 6px;color:var(--bnh-accent);font-size:10px;line-height:1.2;font-weight:850;letter-spacing:.045em;text-transform:uppercase}
body.theme-blocknews.blocknews-home .bnh-more-body h3{margin:0 0 7px;font-size:18.5px;line-height:1.28;font-weight:820;letter-spacing:-.012em;color:var(--bnh-ink)}
body.theme-blocknews.blocknews-home .bnh-more-body h3 a{position:relative;z-index:3;pointer-events:auto}
body.theme-blocknews.blocknews-home .bnh-more-body h3 a:hover{color:var(--bnh-accent)}
body.theme-blocknews.blocknews-home .bnh-more-body p{margin:0;color:var(--bnh-muted);font-size:10.5px;font-weight:650}
body.theme-blocknews.blocknews-home .bnh-list-save{position:relative;z-index:4;color:var(--bnh-ink);font-size:13px;text-align:right}
body.theme-blocknews.blocknews-home .bnh-more-cta-wrap{display:flex;justify-content:center;padding:20px 0 4px}
body.theme-blocknews.blocknews-home .bnh-more-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:38px;padding:8px 17px;border:1px solid var(--bnh-accent);background:transparent;color:var(--bnh-accent)!important;font-size:12px;line-height:1;font-weight:850;letter-spacing:.025em;text-transform:uppercase;transition:background .18s ease,color .18s ease}
body.theme-blocknews.blocknews-home .bnh-more-cta:hover{background:var(--bnh-accent);color:#fff!important}
body.theme-blocknews.blocknews-home .bnh-more-cta span{font-size:16px;line-height:1}
body.theme-blocknews.blocknews-home .bnh-sidebar-ad{width:100%;max-width:300px;margin:0 auto 18px;text-align:center}
body.theme-blocknews.blocknews-home .bnh-sidebar-ad:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}
body.theme-blocknews.blocknews-home .bnh-sidebar-ad--middle{margin-top:18px}
body.theme-blocknews.blocknews-home .vcm-placement-wrap:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}

@media (max-width:900px){
  body.theme-blocknews.blocknews-home .bnh-container{width:calc(100% - 28px)}
  body.theme-blocknews.blocknews-home .bnh-home{padding-top:12px}
  body.theme-blocknews.blocknews-home .bnh-hero-grid{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:220px}
  body.theme-blocknews.blocknews-home .bnh-card--top-left,
  body.theme-blocknews.blocknews-home .bnh-card--top-right,
  body.theme-blocknews.blocknews-home .bnh-card--feature-img,
  body.theme-blocknews.blocknews-home .bnh-feature-accent{grid-column:span 1;grid-row:span 1}
  body.theme-blocknews.blocknews-home .bnh-feature-accent{min-height:220px;padding:30px}
  body.theme-blocknews.blocknews-home .bnh-feature-accent h2{font-size:23px}
  body.theme-blocknews.blocknews-home .bnh-three-cards{grid-template-columns:1fr;gap:14px}
  body.theme-blocknews.blocknews-home .bnh-card--bedah-large,
  body.theme-blocknews.blocknews-home .bnh-bedah-mini{height:auto;min-height:220px}
  body.theme-blocknews.blocknews-home .bnh-bottom-grid{grid-template-columns:1fr;gap:28px}
  body.theme-blocknews.blocknews-home .bnh-home-sidebar{width:100%;max-width:100%}
  body.theme-blocknews.blocknews-home .bnh-sidebar-ad{max-width:300px}
  body.theme-blocknews.blocknews-home .bnh-more-item{grid-template-columns:136px minmax(0,1fr) 18px;gap:14px;min-height:102px;padding:13px 0}
  body.theme-blocknews.blocknews-home .bnh-more-thumb{width:136px;height:82px}
  body.theme-blocknews.blocknews-home .bnh-more-body h3{font-size:16.5px}
}
@media (max-width:520px){
  body.theme-blocknews.blocknews-home .bnh-container{width:calc(100% - 20px)}
  body.theme-blocknews.blocknews-home .bnh-hero-grid{grid-auto-rows:188px;gap:5px;margin-bottom:28px}
  body.theme-blocknews.blocknews-home .bnh-card-title{font-size:16.5px}
  body.theme-blocknews.blocknews-home .bnh-card--small .bnh-card-title{font-size:14px}
  body.theme-blocknews.blocknews-home .bnh-card-content{left:13px;bottom:13px}
  body.theme-blocknews.blocknews-home .bnh-feature-accent{min-height:188px;padding:24px 22px}
  body.theme-blocknews.blocknews-home .bnh-feature-accent h2{font-size:21px}
  body.theme-blocknews.blocknews-home .bnh-more-item{grid-template-columns:108px minmax(0,1fr) 16px;gap:12px;min-height:92px;padding:12px 0}
  body.theme-blocknews.blocknews-home .bnh-more-body h3{font-size:15.5px;line-height:1.3}
  body.theme-blocknews.blocknews-home .bnh-more-thumb{width:108px;height:74px}
  body.theme-blocknews.blocknews-home .bnh-more-cat{font-size:9px;margin-bottom:4px}
  body.theme-blocknews.blocknews-home .bnh-more-body p{font-size:9.5px}
}