/*
Theme Name: HalalNews Theme v1.5.8
Theme URI: https://halalnews.info/
Author: HalalNews
Author URI: https://halalnews.info/
Description: Theme portal berita modern untuk HalalNews.info. Dibuat tanpa JSON builder, dengan struktur WordPress native.
Version: 1.5.8
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: halalnews
*/

:root{
  --hn-green:#063f35;
  --hn-green-2:#075b4c;
  --hn-gold:#d99016;
  --hn-gold-2:#f0b84b;
  --hn-cream:#fff8ea;
  --hn-text:#102c28;
  --hn-muted:#66736f;
  --hn-border:#e5ebe8;
  --hn-white:#fff;
  --hn-bg:#f7f9f8;
  --hn-shadow:0 10px 30px rgba(10,48,40,.08);
  --hn-radius:14px;
  --hn-container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--hn-text);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--hn-container),calc(100% - 40px));margin-inline:auto}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Top bar */
.hn-topbar{background:var(--hn-green);color:#fff;font-size:13px}
.hn-topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hn-top-left,.hn-top-right{display:flex;align-items:center;gap:16px}
.hn-top-right a{opacity:.9}
.hn-top-right a:hover{opacity:1;color:var(--hn-gold-2)}
.hn-divider{opacity:.45}

/* Header */
.hn-header{background:#fff;border-bottom:1px solid var(--hn-border)}
.hn-header-inner{min-height:154px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.hn-brand{display:flex;align-items:center;flex:0 0 690px;min-width:0;overflow:visible}
.hn-brand>a{display:block;line-height:0;width:100%;margin-left:-18px}
.hn-brand-image{display:block;width:690px;max-width:690px;height:auto}
.hn-logo{width:245px;height:auto}
.hn-tagline{border-left:1px solid var(--hn-gold);padding-left:18px;font-size:14px;line-height:1.35;font-weight:700;color:var(--hn-green)}
.hn-quick-links{display:flex;gap:22px;align-items:center;flex:1;justify-content:flex-end;min-width:0}
.hn-quick{display:flex;gap:8px;align-items:center;min-width:0}
.hn-quick-icon{font-size:25px;color:var(--hn-green);width:28px;text-align:center}
.hn-quick strong{display:block;font-size:13px}
.hn-quick span{display:block;font-size:11px;color:var(--hn-muted)}
.hn-search{display:flex;align-items:center;border:1px solid var(--hn-border);border-radius:30px;overflow:hidden}
.hn-search input{border:0;outline:0;padding:10px 14px;width:220px}
.hn-search button{border:0;background:var(--hn-green);color:#fff;padding:10px 14px;cursor:pointer}

/* Navigation */
.hn-nav{background:var(--hn-green);color:#fff}
.hn-nav-inner{min-height:58px;display:flex;align-items:center;justify-content:space-between}
.hn-menu{display:flex;list-style:none;margin:0;padding:0}
.hn-menu>li{position:relative}
.hn-menu>li>a{display:block;padding:17px 18px;font-size:14px;font-weight:700;white-space:nowrap}
.hn-menu>li:hover>a,.hn-menu>li.current-menu-item>a{background:var(--hn-gold);color:#fff}
.hn-menu .sub-menu{display:none;position:absolute;z-index:99;left:0;top:100%;min-width:210px;background:#fff;color:var(--hn-text);box-shadow:var(--hn-shadow);list-style:none;padding:8px 0;margin:0}
.hn-menu li:hover>.sub-menu{display:block}
.hn-menu .sub-menu a{display:block;padding:10px 16px;font-size:13px}
.hn-menu .sub-menu a:hover{background:var(--hn-cream);color:var(--hn-gold)}
.hn-wa{background:var(--hn-gold);padding:11px 18px;border-radius:8px;font-weight:800;font-size:13px;white-space:nowrap}
.hn-wa:hover{background:var(--hn-gold-2);color:var(--hn-green)}

/* Hero */
.hn-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 46%,#eef5f2 100%);border-bottom:1px solid var(--hn-border)}
.hn-hero-inner{min-height:480px;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.hn-hero-copy{padding:55px 25px 55px 40px;position:relative;z-index:2}
.hn-badge{display:inline-block;background:var(--hn-gold);color:#fff;padding:9px 20px;border-radius:28px;font-size:14px;font-weight:800}
.hn-hero h1{font-size:clamp(40px,4.2vw,66px);line-height:1.03;margin:18px 0;color:var(--hn-green);letter-spacing:-2px}
.hn-hero h1 span{color:var(--hn-gold)}
.hn-hero p{font-size:18px;color:#4c5a57;max-width:610px;margin:0 0 24px}
.hn-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.hn-benefit{text-align:center;font-size:12px;font-weight:700}
.hn-benefit-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:var(--hn-cream);font-size:22px}
.hn-actions{display:flex;gap:14px;flex-wrap:wrap}
.hn-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:8px;font-weight:800;border:1px solid var(--hn-gold)}
.hn-btn-primary{background:var(--hn-green);color:#fff;border-color:var(--hn-green)}
.hn-btn-primary:hover{background:var(--hn-green-2)}
.hn-btn-outline{background:#fff}
.hn-btn-outline:hover{background:var(--hn-cream)}
.hn-hero-image{height:100%;min-height:480px;background-size:cover;background-position:center;position:relative}
.hn-hero-image-placeholder{height:100%;min-height:480px;background:linear-gradient(135deg,#e6efeb,#fbf7ee);display:grid;place-items:center;color:var(--hn-green);font-weight:800}

/* Sections */
.hn-section{padding:42px 0}
.hn-section-alt{background:var(--hn-bg)}
.hn-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}
.hn-section-title{font-size:28px;line-height:1.2;margin:0;font-weight:900}
.hn-section-title:before{content:"";display:inline-block;width:6px;height:28px;background:var(--hn-gold);border-radius:4px;margin-right:10px;vertical-align:-3px}
.hn-view-all{font-size:13px;font-weight:800;color:var(--hn-green)}
.hn-grid-news{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hn-card{border:1px solid var(--hn-border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.03);transition:.2s}
.hn-card:hover{transform:translateY(-3px);box-shadow:var(--hn-shadow)}
.hn-card-thumb{aspect-ratio:16/10;background:#edf2ef;overflow:hidden}
.hn-card-thumb img{width:100%;height:100%;object-fit:cover}
.hn-card-body{padding:15px}
.hn-cat{display:inline-block;background:var(--hn-green);color:#fff;border-radius:5px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase}
.hn-card h3{font-size:17px;line-height:1.3;margin:10px 0}
.hn-meta{font-size:11px;color:var(--hn-muted)}
.hn-two-col{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:25px}
.hn-popular{background:#fff;border:1px solid var(--hn-border);border-radius:12px;padding:18px}
.hn-popular-item{display:grid;grid-template-columns:32px 72px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--hn-border)}
.hn-popular-item:last-child{border-bottom:0}
.hn-rank{width:28px;height:28px;border-radius:50%;background:var(--hn-gold);color:#fff;display:grid;place-items:center;font-weight:900}
.hn-popular-thumb{width:72px;height:48px;border-radius:7px;object-fit:cover;background:#eee}
.hn-popular-title{font-size:13px;font-weight:800;line-height:1.3}

/* Category boxes */
.hn-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.hn-category{padding:20px;border:1px solid var(--hn-border);border-radius:12px;background:#fff;text-align:center;font-weight:800}
.hn-category-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:var(--hn-green);color:#fff;font-size:20px}
.hn-category:hover{border-color:var(--hn-gold);box-shadow:var(--hn-shadow)}

/* Single/archive */
.hn-breadcrumb{font-size:12px;color:var(--hn-muted);padding:18px 0}
.hn-content-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:30px}
.hn-entry-title{font-size:clamp(34px,4vw,52px);line-height:1.1;color:var(--hn-green);margin:0 0 12px}
.hn-entry-meta{font-size:13px;color:var(--hn-muted);margin-bottom:22px}
.hn-entry-content{font-size:17px}
.hn-entry-content h2,.hn-entry-content h3{color:var(--hn-green)}
.hn-entry-content img{border-radius:10px}
.hn-sidebar-box{border:1px solid var(--hn-border);border-radius:12px;padding:18px;margin-bottom:20px}
.hn-sidebar-box h3{margin-top:0}

/* CTA */
.hn-cta{background:var(--hn-green);color:#fff;border-radius:16px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.hn-cta h2{margin:0;font-size:30px}
.hn-cta p{margin:8px 0 0;opacity:.85}

/* Footer */
.hn-footer{background:#062f28;color:#fff;margin-top:30px}
.hn-footer-main{padding:45px 0;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px}
.hn-footer h3{margin-top:0;color:var(--hn-gold-2)}
.hn-footer p,.hn-footer li{font-size:13px;color:#cbd8d4}
.hn-footer ul{padding:0;margin:0;list-style:none}
.hn-footer li{margin:8px 0}
.hn-footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0;text-align:center;font-size:12px;color:#b6c8c2}

/* Mobile */
.hn-mobile-toggle{display:none;border:0;background:transparent;color:#fff;font-size:24px}
@media(max-width:1050px){
  .hn-quick-links{display:none}
  .hn-brand{flex:0 1 665px;min-width:0}
  .hn-menu>li>a{padding-inline:11px}
  .hn-grid-news{grid-template-columns:repeat(2,1fr)}
  .hn-footer-main{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(100% - 24px,var(--hn-container))}
  .hn-top-left .hn-divider,.hn-top-left span:last-child{display:none}
  .hn-header-inner{min-height:92px}
  .hn-brand{flex:0 0 auto;max-width:100%;width:100%}
  .hn-brand>a{width:auto;margin-left:0}
  .hn-brand-image{width:470px;max-width:100%;height:auto}
  .hn-logo{width:190px}
  .hn-tagline,.hn-search{display:none}
  .hn-nav-inner{padding:8px 0}
  .hn-mobile-toggle{display:block}
  .hn-menu{display:none;position:absolute;left:0;right:0;top:100%;z-index:100;background:var(--hn-green);flex-direction:column}
  .hn-nav{position:relative}
  .hn-menu.is-open{display:flex}
  .hn-menu>li>a{padding:12px 16px}
  .hn-wa{margin-left:auto;margin-right:8px}
  .hn-hero-inner{grid-template-columns:1fr}
  .hn-hero-copy{padding:40px 18px}
  .hn-hero-image{min-height:320px}
  .hn-benefits{grid-template-columns:repeat(2,1fr)}
  .hn-two-col,.hn-content-wrap{grid-template-columns:1fr}
  .hn-categories{grid-template-columns:repeat(2,1fr)}
  .hn-grid-news{grid-template-columns:1fr}
  .hn-cta{padding:25px;display:block}
  .hn-cta .hn-btn{margin-top:18px}
  .hn-footer-main{grid-template-columns:1fr}
}


/* ===== HalalNews v1.1 homepage ===== */
.hn-kicker{display:inline-block;color:var(--hn-gold);font-size:11px;font-weight:900;letter-spacing:1.3px;margin-bottom:5px}
.hn-news-hero{background:#fff;padding:34px 0 36px;border-bottom:1px solid var(--hn-border)}
.hn-hero-head{margin-bottom:18px}
.hn-news-heading{font-size:32px;line-height:1.15;margin:0;color:var(--hn-green);font-weight:900}
.hn-hero-news-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px}
.hn-main-story{background:#fff;border:1px solid var(--hn-border);border-radius:14px;overflow:hidden;box-shadow:var(--hn-shadow)}
.hn-main-story-image{aspect-ratio:16/8.7;background:#eaf0ed;overflow:hidden}
.hn-main-story-image img{width:100%;height:100%;object-fit:cover}
.hn-main-story-body{padding:20px 22px 22px}
.hn-main-story h2{font-size:28px;line-height:1.2;color:var(--hn-green);margin:10px 0 8px}
.hn-main-story p{margin:0 0 10px;color:#596762;font-size:14px}
.hn-side-stories{display:grid;gap:14px}
.hn-side-story{border:1px solid var(--hn-border);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(10,48,40,.04)}
.hn-side-story a{display:grid;grid-template-columns:145px minmax(0,1fr);gap:14px;min-height:145px}
.hn-side-story-image{background:#eaf0ed;overflow:hidden}
.hn-side-story-image img{width:100%;height:100%;object-fit:cover}
.hn-side-story a > div:last-child{min-width:0;padding:12px 14px 12px 0}
.hn-side-story h3{font-size:16px;line-height:1.35;margin:8px 0 8px;color:var(--hn-text)}
.hn-side-story .hn-cat,.hn-side-story .hn-meta{margin-left:0}
.hn-cat-light{background:var(--hn-cream);color:var(--hn-green);border:1px solid #f3e2bb}
.hn-image-placeholder{width:100%;height:100%;min-height:100px;display:grid;place-items:center;background:linear-gradient(135deg,#e7f0ec,#fff8ea);color:var(--hn-green);font-size:14px;font-weight:900;letter-spacing:1px}
.hn-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.hn-grid-news-3{grid-template-columns:repeat(3,1fr)}
.hn-card-excerpt{font-size:12px;line-height:1.5;color:#687671;margin:7px 0 9px}
.hn-popular-head{padding-bottom:8px;border-bottom:2px solid var(--hn-gold);margin-bottom:2px}
.hn-popular-head h2{font-size:23px;margin:0;color:var(--hn-green)}
.hn-empty{grid-column:1/-1;padding:30px;border:1px dashed var(--hn-border);border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:5px}
.hn-empty span{color:var(--hn-muted);font-size:13px}
.hn-category{display:flex;flex-direction:column;align-items:center;gap:3px}
.hn-category small{font-size:11px;color:var(--hn-muted);font-weight:500}
.hn-service-cta{min-height:330px;border-radius:18px;background-color:var(--hn-green);background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}
.hn-service-copy{padding:42px 48px;max-width:720px;color:#fff}
.hn-service-copy h2{font-size:36px;line-height:1.12;margin:13px 0 10px}
.hn-service-copy p{font-size:15px;opacity:.9;max-width:650px;margin:0 0 15px}
.hn-service-points{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;font-weight:700;margin-bottom:22px}
.hn-btn-gold{background:var(--hn-gold);color:#fff;border-color:var(--hn-gold)}
.hn-btn-gold:hover{background:var(--hn-gold-2);color:var(--hn-green)}
@media(max-width:1050px){
  .hn-hero-news-grid{grid-template-columns:1fr}
  .hn-side-stories{grid-template-columns:repeat(2,1fr)}
  .hn-content-grid{grid-template-columns:1fr}
  .hn-popular{width:100%}
  .hn-grid-news-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .hn-news-hero{padding:25px 0 28px}
  .hn-news-heading{font-size:25px}
  .hn-main-story h2{font-size:22px}
  .hn-side-stories{grid-template-columns:1fr}
  .hn-side-story a{grid-template-columns:120px 1fr;min-height:120px}
  .hn-grid-news-3{grid-template-columns:1fr}
  .hn-service-cta{min-height:0}
  .hn-service-copy{padding:30px 24px}
  .hn-service-copy h2{font-size:28px}
  .hn-service-points{display:grid;gap:7px}
}


/* ===== HalalNews v1.3 approved header treatment ===== */
.hn-header{background:#fff;border-bottom:1px solid #edf0ee}
.hn-brand-image{object-fit:contain;object-position:left center}
.hn-quick{padding:6px 0}
.hn-quick + .hn-quick{border-left:1px solid #dfe6e3;padding-left:18px}
.hn-quick strong{font-size:14px;line-height:1.2}
.hn-quick span{font-size:11px;line-height:1.45;margin-top:3px}
.hn-nav{box-shadow:0 2px 0 rgba(6,63,53,.04)}
@media(max-width:1050px){
  .hn-brand{flex-basis:600px}
  .hn-brand-image{width:600px;max-width:100%}
  .hn-quick-links{gap:12px}
  .hn-quick + .hn-quick{padding-left:10px}
}
@media(max-width:760px){
  .hn-header-inner{min-height:88px}
  .hn-brand{width:100%;flex-basis:auto}
  .hn-brand>a{width:100%}
  .hn-brand-image{width:470px;max-width:100%}
}


/* ===== HalalNews v1.3.2 logo crop fix ===== */
@media(min-width:1051px){
  .hn-header-inner{min-height:190px;}
  .hn-brand-image{width:690px;max-width:690px;}
}
@media(min-width:761px) and (max-width:1050px){
  .hn-header-inner{min-height:165px;}
  .hn-brand-image{width:600px;max-width:100%;}
}
@media(max-width:760px){
  .hn-header-inner{min-height:116px;}
  .hn-brand-image{width:470px;max-width:100%;}
}

/* ===== v1.3.3 approved brand crop ===== */
@media (min-width:1051px){
  .hn-header-inner{min-height:210px;align-items:center;}
  .hn-brand{flex:0 0 690px;overflow:visible;}
  .hn-brand>a{margin-left:-12px;}
  .hn-brand-image{width:690px;max-width:690px;height:auto;object-fit:contain;object-position:left center;}
}
@media (min-width:761px) and (max-width:1050px){
  .hn-header-inner{min-height:180px;}
  .hn-brand{flex:0 0 600px;}
  .hn-brand-image{width:600px;max-width:100%;height:auto;}
}


/* ===== v1.3.4 clean header brand ===== */
.hn-header{border-bottom:0;}
@media (min-width:1051px){
  .hn-header-inner{min-height:205px;}
  .hn-brand{flex:0 0 690px;}
  .hn-brand>a{margin-left:-12px;}
  .hn-brand-image{width:690px;max-width:690px;height:auto;object-fit:contain;}
}
@media (min-width:761px) and (max-width:1050px){
  .hn-header-inner{min-height:175px;}
  .hn-brand{flex:0 0 600px;}
  .hn-brand-image{width:600px;max-width:100%;}
}
@media (max-width:760px){
  .hn-header-inner{min-height:112px;}
  .hn-brand{width:100%;flex-basis:auto;}
  .hn-brand-image{width:470px;max-width:100%;}
}


/* v1.3.5 header fix: brand asset contains brand only; quick links remain HTML. */
.hn-header-inner{min-height:190px;align-items:center;}
.hn-brand{flex:0 0 690px;min-width:0;overflow:visible;}
.hn-brand>a{display:block;width:100%;margin-left:0;}
.hn-brand-image{display:block;width:690px;max-width:100%;height:auto;object-fit:contain;object-position:left center;}
@media(max-width:1050px){.hn-brand{flex:0 1 620px;}.hn-brand-image{width:620px;}}
@media(max-width:760px){.hn-header-inner{min-height:112px;}.hn-brand{flex:0 0 auto;width:100%;}.hn-brand-image{width:470px;max-width:100%;}}


/* ===== HalalNews v1.4 homepage portal layout ===== */
.hn-breaking{background:#f7f9f8;border-bottom:1px solid var(--hn-border)}
.hn-breaking-inner{min-height:42px;display:flex;align-items:center;font-size:12px;overflow:hidden}
.hn-breaking-label{flex:0 0 auto;display:flex;align-items:center;gap:7px;background:var(--hn-gold);color:#fff;font-weight:900;padding:6px 10px;border-radius:5px;white-space:nowrap;position:relative;z-index:3;margin-right:12px}
.hn-breaking-dot{width:7px;height:7px;border-radius:50%;background:#e34b3f;box-shadow:0 0 0 3px rgba(227,75,63,.12);animation:hnBreakingPulse 1.5s ease-in-out infinite}
.hn-breaking-window{min-width:0;flex:1;overflow:hidden;position:relative}
.hn-breaking-track{display:flex;align-items:center;width:max-content;white-space:nowrap;will-change:transform;animation:hnBreakingMove 42s linear infinite;transform:translate3d(0,0,0)}
.hn-breaking-group{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}
.hn-breaking-link{display:inline-flex;align-items:center;color:var(--hn-green);font-weight:700;text-decoration:none;white-space:nowrap;padding-right:38px;position:relative}
.hn-breaking-link::after{content:'•';position:absolute;right:17px;color:var(--hn-gold);font-size:15px}
.hn-breaking-link:hover{color:var(--hn-gold)}
.hn-breaking:hover .hn-breaking-track{animation-play-state:paused}
@keyframes hnBreakingMove{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}
@keyframes hnBreakingPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.hn-home-intro{padding:26px 0 8px}
.hn-home-intro h1{font-size:clamp(28px,3.4vw,42px);line-height:1.12;color:var(--hn-green);margin:0 0 8px}
.hn-home-intro p{margin:0;color:var(--hn-muted);max-width:760px}
.hn-news-hero .hn-section-head{align-items:center}
.hn-main-story-body .hn-cat{margin-bottom:2px}
.hn-section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.hn-section-title-row h2{margin:0}
.hn-section-title-row .hn-view-all{white-space:nowrap}
.hn-category-news{padding-top:38px}
.hn-category-block{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;margin-top:18px}
.hn-category-feature{border-radius:14px;overflow:hidden;background:#fff;border:1px solid var(--hn-border);box-shadow:var(--hn-shadow)}
.hn-category-feature a{display:grid;grid-template-columns:1.15fr .85fr}
.hn-category-feature-image{min-height:250px;background:#eaf0ed;overflow:hidden}
.hn-category-feature-image img{width:100%;height:100%;object-fit:cover}
.hn-category-feature-body{padding:22px}
.hn-category-feature-body h3{font-size:25px;line-height:1.22;color:var(--hn-green);margin:10px 0}
.hn-category-list{display:grid;gap:12px}
.hn-category-list article{display:grid;grid-template-columns:125px 1fr;gap:14px;padding:10px;border:1px solid var(--hn-border);border-radius:11px;background:#fff}
.hn-category-list .thumb{height:90px;background:#eaf0ed;border-radius:8px;overflow:hidden}
.hn-category-list .thumb img{width:100%;height:100%;object-fit:cover}
.hn-category-list h3{font-size:15px;line-height:1.3;margin:6px 0;color:var(--hn-text)}
.hn-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.hn-extra-rubrik-block{border:1px solid var(--hn-border);border-radius:14px;background:#fff;padding:18px;box-shadow:0 4px 18px rgba(6,63,53,.04)}.hn-extra-rubrik-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:2px solid var(--hn-gold);padding-bottom:10px;margin-bottom:14px}.hn-extra-rubrik-head h3{margin:0;color:var(--hn-green);font-size:21px}.hn-extra-rubrik-head a{font-size:12px;font-weight:800;color:var(--hn-green);text-decoration:none}.hn-extra-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hn-extra-card{border:1px solid var(--hn-border);border-radius:10px;overflow:hidden;background:#fff}.hn-extra-card a{display:block;text-decoration:none;color:inherit}.hn-extra-thumb{aspect-ratio:16/10;background:#edf2ef;overflow:hidden}.hn-extra-thumb img{width:100%;height:100%;object-fit:cover;display:block}.hn-extra-body{padding:10px}.hn-extra-body h4{font-size:14px;line-height:1.35;color:var(--hn-text);margin:5px 0 0}.hn-extra-card:hover{border-color:#d9b25e;box-shadow:var(--hn-shadow)}
.hn-info-halal{background:var(--hn-bg);padding:42px 0}
.hn-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hn-info-card{background:#fff;border:1px solid var(--hn-border);border-radius:12px;padding:20px;transition:.2s}
.hn-info-card:hover{transform:translateY(-2px);box-shadow:var(--hn-shadow);border-color:#d8b16a}
.hn-info-card .icon{width:42px;height:42px;border-radius:10px;background:var(--hn-cream);display:grid;place-items:center;font-size:21px;margin-bottom:12px}
.hn-info-card h3{font-size:17px;color:var(--hn-green);margin:0 0 6px}
.hn-info-card p{font-size:12px;color:var(--hn-muted);margin:0}
.hn-no-posts{padding:44px 24px;text-align:center;border:1px dashed #cfdad6;border-radius:14px;background:#fff}
.hn-no-posts h2{margin:0 0 6px;color:var(--hn-green)}
.hn-no-posts p{margin:0;color:var(--hn-muted);font-size:13px}
@media(max-width:1050px){
  .hn-info-grid{grid-template-columns:repeat(2,1fr)}
  .hn-category-block{grid-template-columns:1fr}
}
@media(max-width:760px){
  .hn-breaking-inner{min-height:38px}
  .hn-breaking-label{font-size:11px;padding:5px 9px;margin-right:10px}
  .hn-breaking-link{font-size:11px;padding-right:30px}
  .hn-breaking-link::after{right:13px}
  .hn-breaking-track{animation-duration:26s}
  .hn-home-intro{padding-top:20px}
  .hn-home-intro h1{font-size:30px}
  .hn-category-feature a{grid-template-columns:1fr}
  .hn-category-feature-image{min-height:210px}
  .hn-category-feature-body{padding:17px}
  .hn-category-feature-body h3{font-size:21px}
  .hn-category-list article{grid-template-columns:105px 1fr}
  .hn-category-list .thumb{height:78px}
  .hn-info-grid{grid-template-columns:1fr}
}


/* ===== HalalNews v1.4.4 Berita Utama refinement ===== */
/* Keep the hero compact enough to show the headline and summary above the fold. */
.hn-hero-news-grid{align-items:start;}
.hn-main-story{align-self:start;}
.hn-main-story-image{aspect-ratio:16/7.4;max-height:390px;}
.hn-main-story-body{padding:18px 22px 20px;}
.hn-main-story h2{font-size:26px;line-height:1.22;margin:8px 0 7px;}
.hn-main-story p{font-size:13px;line-height:1.55;margin:0 0 9px;}
.hn-side-stories{align-self:start;grid-auto-rows:auto;}
.hn-side-story{align-self:start;}
.hn-side-story a{min-height:145px;}
@media(max-width:1050px){
  .hn-main-story-image{max-height:none;aspect-ratio:16/8.2;}
}
@media(max-width:760px){
  .hn-main-story-image{aspect-ratio:16/9;}
  .hn-main-story-body{padding:16px 18px 18px;}
  .hn-main-story h2{font-size:22px;}
}


/* ===== HalalNews v1.4.5 Side story spacing refinement ===== */
.hn-side-story a{box-sizing:border-box;}
.hn-side-story .hn-cat{margin-bottom:0;}
.hn-side-story .hn-meta{display:block;margin-top:2px;}
@media(max-width:760px){
  .hn-side-story a{gap:12px;}
  .hn-side-story a > div:last-child{padding:10px 12px 10px 0;}
  .hn-side-story h3{font-size:15px;line-height:1.3;margin:7px 0 7px;}
}


/* ===== HalalNews v1.4.7 single post refinement ===== */
.hn-single-page{padding-top:34px;padding-bottom:55px;}
.hn-single-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;color:var(--hn-muted);font-size:12px;}
.hn-single-breadcrumb a{color:var(--hn-green);font-weight:700;}
.hn-single-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;}
.hn-single-article{min-width:0;background:#fff;}
.hn-single-category{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px;}
.hn-single-category a{display:inline-flex;background:var(--hn-green);color:#fff;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:900;letter-spacing:.3px;text-transform:uppercase;}
.hn-entry-title{font-size:clamp(30px,4vw,48px);line-height:1.12;color:var(--hn-green);margin:0 0 10px;font-weight:900;letter-spacing:-.5px;}
.hn-single-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--hn-muted);font-size:13px;margin-bottom:20px;}
.hn-single-featured{margin:0 0 24px;border-radius:14px;overflow:hidden;background:#eef3f0;border:1px solid var(--hn-border);}
.hn-single-featured img{width:100%;height:auto;max-height:560px;object-fit:cover;}
.hn-entry-content{font-size:17px;line-height:1.85;color:#263c37;}
.hn-entry-content p{margin:0 0 18px;}
.hn-entry-content h2{font-size:28px;line-height:1.25;margin:30px 0 12px;}
.hn-entry-content h3{font-size:22px;line-height:1.3;margin:25px 0 10px;}
.hn-entry-content ul,.hn-entry-content ol{padding-left:24px;margin:0 0 20px;}
.hn-entry-content blockquote{margin:24px 0;padding:16px 20px;border-left:4px solid var(--hn-gold);background:var(--hn-cream);border-radius:0 10px 10px 0;color:var(--hn-green);}
.hn-entry-content figure{margin:24px 0;}
.hn-entry-content img{height:auto;border-radius:10px;}
.hn-page-links{margin:28px 0;padding-top:18px;border-top:1px solid var(--hn-border);font-size:14px;}
.hn-page-links a,.hn-page-links span{display:inline-block;padding:4px 9px;border:1px solid var(--hn-border);border-radius:5px;margin-left:4px;}
.hn-single-footer-meta{margin-top:22px;padding-top:16px;border-top:1px solid var(--hn-border);}
.hn-single-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;}
.hn-tags-label{font-weight:800;color:var(--hn-green);}
.hn-single-tags a{display:inline-block;padding:4px 8px;border-radius:5px;background:#f3f7f5;color:var(--hn-green);margin:2px;}
.hn-related{margin-top:40px;padding-top:25px;border-top:1px solid var(--hn-border);}
.hn-related-head h2{font-size:26px;line-height:1.2;color:var(--hn-green);margin:3px 0 17px;}
.hn-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.hn-related-card{border:1px solid var(--hn-border);border-radius:11px;overflow:hidden;background:#fff;transition:.2s;}
.hn-related-card:hover{transform:translateY(-2px);box-shadow:var(--hn-shadow);}
.hn-related-card a{display:block;height:100%;}
.hn-related-thumb{height:125px;background:#eaf0ed;overflow:hidden;}
.hn-related-thumb img{width:100%;height:100%;object-fit:cover;}
.hn-related-body{padding:11px 12px 13px;}
.hn-related-body h3{font-size:15px;line-height:1.35;color:var(--hn-text);margin:4px 0 0;}
.hn-related-body .hn-meta{font-size:11px;color:var(--hn-muted);}
.hn-related-empty{color:var(--hn-muted);font-size:13px;}
.hn-single-sidebar{position:sticky;top:20px;}
.hn-single-sidebar .widget{margin-bottom:20px;}
.hn-popular-sidebar{padding:18px 18px 12px;}
.hn-popular-sidebar h2{font-size:24px;line-height:1.2;color:var(--hn-green);margin:3px 0 12px;}
.hn-popular-sidebar ol{list-style:none;margin:0;padding:0;border-top:2px solid var(--hn-gold);}
.hn-popular-sidebar li{margin:0;border-bottom:1px solid var(--hn-border);}
.hn-popular-sidebar li:last-child{border-bottom:0;}
.hn-popular-sidebar li a{display:grid;grid-template-columns:30px 72px minmax(0,1fr);gap:9px;align-items:center;padding:11px 0;}
.hn-popular-number{width:28px;height:28px;border-radius:50%;background:var(--hn-gold);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900;}
.hn-popular-thumb{width:72px;height:52px;border-radius:6px;overflow:hidden;background:#edf2ef;display:block;}
.hn-popular-thumb img{width:100%;height:100%;object-fit:cover;}
.hn-popular-title{font-size:13px;line-height:1.3;font-weight:800;color:var(--hn-text);min-width:0;}
.hn-popular-title small{display:block;color:var(--hn-muted);font-size:10px;font-weight:500;margin-top:3px;}
@media(max-width:1050px){
  .hn-single-layout{grid-template-columns:1fr;}
  .hn-single-sidebar{position:static;}
}
@media(max-width:760px){
  .hn-single-page{padding-top:20px;padding-bottom:35px;}
  .hn-single-breadcrumb{margin-bottom:14px;}
  .hn-entry-title{font-size:29px;letter-spacing:-.2px;}
  .hn-single-meta{font-size:12px;margin-bottom:15px;}
  .hn-single-featured{margin-bottom:20px;border-radius:10px;}
  .hn-single-featured img{max-height:none;}
  .hn-entry-content{font-size:16px;line-height:1.8;}
  .hn-entry-content h2{font-size:23px;margin-top:26px;}
  .hn-entry-content h3{font-size:19px;}
  .hn-related{margin-top:30px;padding-top:20px;}
  .hn-related-grid{grid-template-columns:1fr;gap:12px;}
  .hn-related-card a{display:grid;grid-template-columns:110px 1fr;}
  .hn-related-thumb{height:92px;}
  .hn-related-body{padding:10px 11px;}
  .hn-related-body h3{font-size:14px;}
  .hn-single-sidebar{margin-top:5px;}
  .hn-popular-sidebar{padding:16px 14px 8px;}
  .hn-popular-sidebar li a{grid-template-columns:28px 68px minmax(0,1fr);gap:8px;}
  .hn-popular-thumb{width:68px;height:50px;}
}

/* ===== HalalNews v1.5 native content pages ===== */
.hn-page-native{background:#fff}
.hn-native-hero{padding:58px 0 48px;background:linear-gradient(135deg,#f4f8f6 0%,#fffaf0 100%);border-bottom:1px solid var(--hn-border)}
.hn-native-hero-copy{max-width:860px}
.hn-native-hero h1{font-size:clamp(32px,4.2vw,52px);line-height:1.1;color:var(--hn-green);margin:8px 0 14px;font-weight:900;letter-spacing:-.7px}
.hn-native-hero p{font-size:17px;line-height:1.7;color:var(--hn-muted);max-width:760px;margin:0}
.hn-native-section{padding:48px 0}
.hn-native-section-soft{background:var(--hn-bg)}
.hn-guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hn-guide-card,.hn-service-card,.hn-contact-card{display:block;background:#fff;border:1px solid var(--hn-border);border-radius:14px;padding:24px;box-shadow:0 5px 18px rgba(6,63,53,.05);transition:transform .2s,box-shadow .2s,border-color .2s}
a.hn-guide-card:hover,.hn-service-card:hover,.hn-contact-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(6,63,53,.09);border-color:#d9b25e}
.hn-guide-icon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--hn-cream);color:var(--hn-green);font-size:22px;font-weight:900;margin-bottom:16px}
.hn-guide-card h3,.hn-service-card h2,.hn-contact-card h2{color:var(--hn-green);margin:0 0 9px;line-height:1.25}
.hn-guide-card h3{font-size:19px}.hn-service-card h2,.hn-contact-card h2{font-size:22px}
.hn-guide-card p,.hn-service-card p,.hn-contact-card p{color:var(--hn-muted);font-size:13px;line-height:1.65;margin:0 0 16px}
.hn-card-link{font-size:12px;font-weight:900;color:var(--hn-green)}
.hn-native-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hn-native-post-grid-3{grid-template-columns:repeat(3,1fr)}
.hn-native-post-card{background:#fff;border:1px solid var(--hn-border);border-radius:13px;overflow:hidden;box-shadow:0 4px 16px rgba(6,63,53,.04)}
.hn-native-post-card>a{display:block;height:100%}
.hn-native-post-thumb{height:205px;background:#eaf0ed;overflow:hidden}
.hn-native-post-thumb img{width:100%;height:100%;object-fit:cover}
.hn-native-post-body{padding:17px 18px 19px}
.hn-native-post-body h3{font-size:18px;line-height:1.3;color:var(--hn-text);margin:9px 0 8px}
.hn-native-post-body p{font-size:12px;line-height:1.55;color:var(--hn-muted);margin:0 0 10px}
.hn-native-cta-section{padding:0 0 55px}
.hn-native-cta{background:var(--hn-green);color:#fff;border-radius:16px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:0 10px 30px rgba(6,63,53,.12)}
.hn-native-cta h2{color:#fff;font-size:29px;line-height:1.2;margin:8px 0}.hn-native-cta p{color:rgba(255,255,255,.82);margin:0;max-width:680px;line-height:1.6}
.hn-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hn-contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:900px}
.hn-contact-card{padding:30px}.hn-about-copy{max-width:850px}.hn-about-copy h2{font-size:30px;color:var(--hn-green);margin:0 0 14px}.hn-about-copy p{font-size:17px;line-height:1.8;color:var(--hn-muted)}
@media(max-width:1050px){.hn-guide-grid{grid-template-columns:repeat(2,1fr)}.hn-native-post-grid,.hn-native-post-grid-3{grid-template-columns:repeat(2,1fr)}.hn-service-grid{grid-template-columns:1fr 1fr}.hn-native-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.hn-native-hero{padding:38px 0 32px}.hn-native-hero h1{font-size:32px}.hn-native-hero p{font-size:15px}.hn-native-section{padding:34px 0}.hn-guide-grid,.hn-native-post-grid,.hn-native-post-grid-3,.hn-service-grid,.hn-contact-grid{grid-template-columns:1fr}.hn-native-post-thumb{height:210px}.hn-native-cta{padding:24px 20px}.hn-native-cta h2{font-size:25px}.hn-native-cta-section{padding-bottom:35px}}


/* ===== HalalNews v1.5.1 article + news finishing ===== */
.hn-share-box{margin:28px 0 20px;padding:16px 18px;background:var(--hn-cream);border:1px solid #f1dfb7;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hn-share-box strong{color:var(--hn-green);font-size:14px}
.hn-share-actions{display:flex;gap:8px;flex-wrap:wrap}
.hn-share-actions a,.hn-share-actions button{appearance:none;border:0;border-radius:7px;padding:8px 12px;font:700 12px inherit;cursor:pointer;text-decoration:none}
.hn-share-whatsapp{background:#1f8f54;color:#fff}
.hn-share-copy{background:var(--hn-green);color:#fff}
.hn-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 6px}
.hn-post-nav-item a{display:block;height:100%;padding:14px 16px;border:1px solid var(--hn-border);border-radius:10px;background:#fff;text-decoration:none}
.hn-post-nav-item a:hover{border-color:var(--hn-gold);box-shadow:var(--hn-shadow)}
.hn-post-nav-item span{display:block;color:var(--hn-gold);font-size:11px;font-weight:900;text-transform:uppercase;margin-bottom:5px}
.hn-post-nav-item strong{display:block;color:var(--hn-green);font-size:14px;line-height:1.35}
.hn-post-nav-next{text-align:right}
.hn-native-pagination{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:28px}
.hn-native-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--hn-border);border-radius:7px;color:var(--hn-green);font-size:13px;font-weight:800;text-decoration:none;background:#fff}
.hn-native-pagination .page-numbers.current{background:var(--hn-green);color:#fff;border-color:var(--hn-green)}
.hn-native-pagination .page-numbers:hover{border-color:var(--hn-gold)}
@media(max-width:760px){
  .hn-share-box{display:block}
  .hn-share-actions{margin-top:10px}
  .hn-post-nav{grid-template-columns:1fr}
  .hn-post-nav-next{text-align:left}
  .hn-post-nav-item a{padding:12px 14px}
}

/* v1.5.2 - Native category archive */
.hn-category-description{color:var(--hn-muted);font-size:16px;line-height:1.7;max-width:820px}
.hn-category-stream{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hn-category-post{border:1px solid var(--hn-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.03);transition:.2s}
.hn-category-post:hover{transform:translateY(-3px);box-shadow:var(--hn-shadow)}
.hn-category-post-featured{grid-column:span 2}
.hn-category-post-link{display:block;height:100%}
.hn-category-post-featured .hn-category-post-link{display:grid;grid-template-columns:1.2fr 1fr}
.hn-category-post-thumb{aspect-ratio:16/10;background:#edf2ef;overflow:hidden}
.hn-category-post-featured .hn-category-post-thumb{aspect-ratio:auto;min-height:300px}
.hn-category-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.hn-category-post-body{padding:16px}
.hn-category-post-featured .hn-category-post-body{padding:22px}
.hn-category-post-body h2{font-size:19px;line-height:1.3;color:var(--hn-green);margin:9px 0}
.hn-category-post-featured .hn-category-post-body h2{font-size:27px}
.hn-category-post-body p{font-size:14px;line-height:1.7;color:var(--hn-muted);margin:10px 0 0}
.hn-pagination{margin-top:28px}
.hn-pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.hn-pagination a,.hn-pagination span{padding:8px 12px;border:1px solid var(--hn-border);border-radius:7px;color:var(--hn-green);background:#fff;text-decoration:none;font-size:13px}
.hn-pagination .current{background:var(--hn-green);color:#fff;border-color:var(--hn-green)}
.hn-empty-state{padding:45px 25px;text-align:center;border:1px solid var(--hn-border);border-radius:14px;background:#fff}
.hn-empty-state h2{color:var(--hn-green);margin:0 0 8px}
.hn-empty-state p{color:var(--hn-muted);margin:0 auto 18px;max-width:620px}
@media(max-width:900px){
 .hn-category-stream{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hn-category-post-featured{grid-column:span 2}
}
@media(max-width:650px){
 .hn-category-stream{grid-template-columns:1fr}
 .hn-category-post-featured{grid-column:auto}
 .hn-category-post-featured .hn-category-post-link{display:block}
 .hn-category-post-featured .hn-category-post-thumb{min-height:0;aspect-ratio:16/10}
 .hn-category-post-featured .hn-category-post-body{padding:17px}
 .hn-category-post-featured .hn-category-post-body h2{font-size:21px}
 .hn-category-description{font-size:14px}
}


/* ===== v1.5.8 - Native Berita page feature layout ===== */
.hn-news-feature-section{padding-top:42px;padding-bottom:28px}
.hn-news-feature-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:20px}
.hn-news-feature-lead{background:#fff;border:1px solid var(--hn-border);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(6,63,53,.05)}
.hn-news-feature-lead>a{display:block;color:inherit;text-decoration:none}
.hn-news-feature-image{height:390px;background:#edf2ef;overflow:hidden}
.hn-news-feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.hn-news-feature-body{padding:22px 24px 24px}
.hn-news-feature-body h2{font-size:30px;line-height:1.22;color:var(--hn-green);margin:9px 0 10px}
.hn-news-feature-body p{font-size:14px;line-height:1.7;color:var(--hn-muted);margin:0 0 12px}
.hn-news-feature-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.hn-news-feature-side-card{border:1px solid var(--hn-border);border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(6,63,53,.04)}
.hn-news-feature-side-card>a{display:grid;grid-template-columns:42% 58%;height:100%;text-decoration:none;color:inherit}
.hn-news-feature-side-image{min-height:170px;background:#edf2ef;overflow:hidden}
.hn-news-feature-side-image img{width:100%;height:100%;object-fit:cover;display:block}
.hn-news-feature-side-card> a>div:last-child{padding:17px 16px}
.hn-news-feature-side-card h3{font-size:18px;line-height:1.3;color:var(--hn-text);margin:8px 0 10px}
.hn-news-list-section{padding-top:28px}
.hn-news-feature-lead:hover,.hn-news-feature-side-card:hover{box-shadow:0 12px 28px rgba(6,63,53,.09);border-color:#d9b25e}
@media(max-width:900px){
 .hn-news-feature-grid{grid-template-columns:1fr}
 .hn-news-feature-side{grid-template-columns:1fr 1fr;grid-template-rows:none}
 .hn-news-feature-side-card>a{display:block}
 .hn-news-feature-side-image{height:190px;min-height:0}
}
@media(max-width:650px){
 .hn-news-feature-section{padding-top:30px}
 .hn-news-feature-image{height:240px}
 .hn-news-feature-body{padding:18px}
 .hn-news-feature-body h2{font-size:23px}
 .hn-news-feature-side{grid-template-columns:1fr;gap:12px}
 .hn-news-feature-side-card>a{display:grid;grid-template-columns:38% 62%}
 .hn-news-feature-side-image{height:auto;min-height:120px}
 .hn-news-feature-side-card> a>div:last-child{padding:12px}
 .hn-news-feature-side-card h3{font-size:15px;margin:6px 0 7px}
}

@media(max-width:760px){.hn-extra-grid{grid-template-columns:1fr;gap:14px}.hn-extra-rubrik-block{padding:14px}.hn-extra-cards{grid-template-columns:1fr 1fr 1fr;gap:8px}.hn-extra-body{padding:8px}.hn-extra-body h4{font-size:12px}}
@media(max-width:480px){.hn-extra-cards{grid-template-columns:1fr}.hn-extra-card a{display:grid;grid-template-columns:100px 1fr;align-items:center}.hn-extra-thumb{aspect-ratio:auto;height:78px}}

/* ===== HalalNews v1.5.9 homepage refinement ===== */
.hn-home-intro{padding:28px 0 20px;background:#fff}
.hn-home-intro-inner{display:flex;align-items:end;justify-content:space-between;gap:28px}
.hn-home-intro h1{margin:0 0 8px}
.hn-home-intro p{margin:0;max-width:820px}
.hn-intro-link{flex:0 0 auto;background:var(--hn-green);color:#fff;padding:11px 16px;border-radius:8px;font-size:12px;font-weight:800;white-space:nowrap}
.hn-intro-link:hover{background:var(--hn-gold);color:#fff}
.hn-news-hero{padding-top:30px}
.hn-latest-section{padding-top:34px}
.hn-category-news{padding-top:42px;padding-bottom:48px}
.hn-rubrik-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}
.hn-rubrik-note{font-size:12px;color:var(--hn-muted);max-width:420px;text-align:right}
.hn-category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:34px}
.hn-category-tabs a{border:1px solid #d8e2de;background:#fff;color:var(--hn-green);padding:8px 13px;border-radius:20px;font-size:12px;font-weight:800}
.hn-category-tabs a:hover{background:var(--hn-green);border-color:var(--hn-green);color:#fff}
.hn-category-rubrik{margin-bottom:40px}
.hn-category-rubrik:last-child{margin-bottom:0}
.hn-category-rubrik .hn-section-title-row{margin-bottom:14px}
.hn-category-feature{transition:transform .2s,box-shadow .2s}
.hn-category-feature:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,48,40,.1)}
.hn-category-list article{transition:transform .2s,box-shadow .2s}
.hn-category-list article:hover{transform:translateX(2px);box-shadow:0 8px 22px rgba(10,48,40,.07)}
.hn-category-list article h3 a{color:var(--hn-text)}
.hn-category-list article h3 a:hover{color:var(--hn-gold)}
.hn-extra-rubrik{background:#fff}
.hn-info-halal{border-top:1px solid var(--hn-border)}
@media(max-width:760px){
  .hn-home-intro-inner{display:block}
  .hn-intro-link{display:inline-flex;margin-top:14px}
  .hn-rubrik-intro{display:block}
  .hn-rubrik-note{text-align:left;margin-top:5px}
  .hn-category-tabs{margin-bottom:25px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
  .hn-category-tabs a{flex:0 0 auto}
  .hn-category-rubrik{margin-bottom:30px}
}

/* v1.5.10 - homepage rubric shortcuts */
.hn-home-shortcuts{padding:18px 0 8px;background:#fff;border-top:1px solid #edf2ef;border-bottom:1px solid #e2ebe7}
.hn-home-shortcuts-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}
.hn-home-shortcuts-head h2{margin:2px 0 0;color:var(--hn-green);font-size:clamp(22px,2.2vw,30px);line-height:1.15}
.hn-home-shortcuts-head p{margin:0;max-width:430px;color:var(--hn-muted);font-size:13px;text-align:right}
.hn-home-shortcut-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-bottom:12px}
.hn-home-shortcut-tabs a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border:1px solid #dbe6e1;border-radius:10px;background:#f8fbfa;color:var(--hn-green);text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.hn-home-shortcut-tabs a span{font-size:14px;font-weight:800}
.hn-home-shortcut-tabs a small{font-size:11px;color:var(--hn-muted);white-space:nowrap}
.hn-home-shortcut-tabs a:hover{transform:translateY(-2px);background:var(--hn-green);border-color:var(--hn-green);box-shadow:0 8px 20px rgba(6,63,53,.12)}
.hn-home-shortcut-tabs a:hover span,.hn-home-shortcut-tabs a:hover small{color:#fff}
.hn-category-news{padding-top:30px}
.hn-category-rubrik{padding-top:10px}
.hn-category-rubrik+.hn-category-rubrik{margin-top:30px;padding-top:30px;border-top:1px solid #e4ece8}
.hn-category-block{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px}
.hn-category-feature{border:1px solid #e0e9e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(6,63,53,.05);transition:transform .2s ease,box-shadow .2s ease}
.hn-category-feature:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(6,63,53,.11)}
.hn-category-feature-image img{display:block;width:100%;aspect-ratio:16/8.5;object-fit:cover}
.hn-category-feature-body{padding:16px 18px 18px}
.hn-category-feature-body h3{margin:6px 0 8px;color:var(--hn-green);font-size:21px;line-height:1.25}
.hn-category-list{display:flex;flex-direction:column;gap:12px}
.hn-category-list article{display:grid;grid-template-columns:128px 1fr;gap:13px;padding:0 0 12px;border-bottom:1px solid #e4ece8}
.hn-category-list article:last-child{border-bottom:0}
.hn-category-list .thumb{display:block;overflow:hidden;border-radius:8px}
.hn-category-list .thumb img{display:block;width:100%;height:88px;object-fit:cover;transition:transform .25s ease}
.hn-category-list article:hover .thumb img{transform:scale(1.04)}
.hn-category-list h3{margin:4px 0 0;font-size:15px;line-height:1.35}
.hn-category-list h3 a{color:var(--hn-green);text-decoration:none}
.hn-category-list h3 a:hover{text-decoration:underline}
@media(max-width:900px){
  .hn-home-shortcuts-head{display:block}
  .hn-home-shortcuts-head p{text-align:left;margin-top:5px}
  .hn-home-shortcut-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hn-category-block{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hn-home-shortcuts{padding:16px 0 4px}
  .hn-home-shortcuts-head h2{font-size:22px}
  .hn-home-shortcut-tabs{grid-template-columns:1fr;gap:8px}
  .hn-home-shortcut-tabs a{padding:11px 13px}
  .hn-category-news{padding-top:22px}
  .hn-category-list article{grid-template-columns:105px 1fr;gap:10px}
  .hn-category-list .thumb img{height:74px}
  .hn-category-feature-body{padding:13px 14px 15px}
  .hn-category-feature-body h3{font-size:18px}
}