/* NUSA Blog Hub v16 */
.nusa-blog-hub{
    --nb-text:#0f172a;
    --nb-muted:#6b7280;
    --nb-border:#e5e7eb;
    --nb-card:#ffffff;
    --nb-soft:#f8fafc;
    --nb-blue:var(--nusa-blue,#1f7aff);
    --nb-blue-soft:#eaf3ff;
    color:var(--nb-text);
    background:#fff;
}
.nusa-blog-hub__container{max-width:1240px;padding-top:88px;padding-bottom:92px}
.nusa-blog-hero{text-align:center;margin:0 auto 68px;max-width:720px}
.nusa-blog-hero h1{margin:0;font-size:clamp(42px,5vw,62px);line-height:1.05;letter-spacing:-.045em;font-weight:750;color:var(--nb-text)}
.nusa-blog-hero h1 span{color:var(--nb-blue)}
.nusa-blog-hero p{margin:22px 0 0;font-size:17px;line-height:1.75;color:var(--nb-muted)}
.nusa-blog-section{margin-top:0}
.nusa-blog-section + .nusa-blog-section{margin-top:82px}
.nusa-blog-section-title{position:relative;margin:0;font-size:25px;line-height:1.2;font-weight:750;letter-spacing:-.025em;color:var(--nb-text);padding-left:18px}
.nusa-blog-section-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;border-radius:999px;background:var(--nb-blue)}

.nusa-blog-feature-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(330px,.95fr);gap:26px;margin-top:30px;align-items:stretch}
.nusa-blog-feature-card{position:relative;min-width:0;border:1px solid var(--nb-border);border-radius:19px;overflow:hidden;background:var(--nb-card);box-shadow:0 1px 2px rgba(15,23,42,.02)}
.nusa-blog-feature-card__media{display:block;position:relative;height:100%;min-height:425px;color:#fff;text-decoration:none!important;overflow:hidden}
.nusa-blog-feature-card__image,.nusa-blog-feature-card .nusa-blog-image-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .38s ease}
.nusa-blog-feature-card:hover .nusa-blog-feature-card__image{transform:scale(1.018)}
.nusa-blog-image-placeholder{display:block;background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 45%,#bfdbfe 100%)}
.nusa-blog-feature-card__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,13,32,.02) 25%,rgba(4,13,32,.2) 53%,rgba(4,13,32,.92) 100%)}
.nusa-blog-feature-card__content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:34px 34px 30px;color:#fff}
.nusa-blog-feature-card__content h3{max-width:850px;margin:14px 0 10px;font-size:clamp(25px,3.1vw,34px);line-height:1.14;font-weight:750;letter-spacing:-.025em;color:#fff}
.nusa-blog-feature-card__content p{max-width:850px;margin:0;font-size:15px;line-height:1.6;color:rgba(255,255,255,.9)}
.nusa-blog-feature-card__meta{display:flex;gap:10px;align-items:center;margin-top:17px;font-size:13px;color:rgba(255,255,255,.84)}
.nusa-blog-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 10px;border-radius:999px;background:var(--nb-blue-soft);color:var(--nb-blue);font-size:11px;font-weight:650;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nusa-blog-chip--feature{background:#2080ff;color:#fff;box-shadow:0 5px 18px rgba(31,122,255,.28)}

.nusa-blog-latest-list{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));gap:15px}
.nusa-blog-latest-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;align-items:center;min-height:92px;padding:12px;border:1px solid var(--nb-border);border-radius:17px;background:var(--nb-card);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.nusa-blog-latest-item:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.05)}
.nusa-blog-latest-item__media{display:block;width:112px;height:76px;border-radius:11px;overflow:hidden;background:var(--nb-soft)}
.nusa-blog-latest-item__image,.nusa-blog-latest-item__media .nusa-blog-image-placeholder{width:100%;height:100%;object-fit:cover}
.nusa-blog-latest-item__body{min-width:0}
.nusa-blog-latest-item__body h3{margin:8px 0 7px;font-size:14px;line-height:1.36;font-weight:700;color:var(--nb-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nusa-blog-latest-item__body h3 a{color:inherit;text-decoration:none!important}
.nusa-blog-latest-item__meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--nb-muted);font-size:11px;line-height:1.3}

.nusa-blog-all__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.nusa-blog-filters{display:flex;gap:9px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:3px 2px}
.nusa-blog-filters::-webkit-scrollbar{display:none}
.nusa-blog-filter{appearance:none;border:1px solid var(--nb-border);background:var(--nb-card);color:var(--nb-text);border-radius:999px;padding:9px 17px;font:inherit;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:all .18s ease}
.nusa-blog-filter:hover{border-color:#b8c2d0;background:var(--nb-soft)}
.nusa-blog-filter.is-active{border-color:var(--nb-blue);background:var(--nb-blue);color:#fff;box-shadow:0 5px 13px rgba(31,122,255,.22)}
.nusa-blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;transition:opacity .18s ease}
.nusa-blog-grid.is-loading{opacity:.4;pointer-events:none}
.nusa-blog-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--nb-border);border-radius:17px;background:var(--nb-card);box-shadow:0 1px 2px rgba(15,23,42,.015);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.nusa-blog-card:hover{transform:translateY(-2px);border-color:#cbd5e1;box-shadow:0 10px 25px rgba(15,23,42,.055)}
.nusa-blog-card__media{display:block;aspect-ratio:1.53/1;overflow:hidden;background:var(--nb-soft)}
.nusa-blog-card__image,.nusa-blog-card__media .nusa-blog-image-placeholder{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.nusa-blog-card:hover .nusa-blog-card__image{transform:scale(1.025)}
.nusa-blog-card__body{display:flex;flex:1;flex-direction:column;padding:17px 17px 15px}
.nusa-blog-card__meta-top{display:flex;align-items:center;gap:9px;min-width:0}
.nusa-blog-card__meta-top .nusa-blog-chip{flex:0 1 auto}
.nusa-blog-card__meta-top time{display:inline-flex;align-items:center;gap:5px;margin-left:auto;color:var(--nb-muted);font-size:10px;white-space:nowrap}
.nusa-blog-card__body h3{margin:13px 0 8px;font-size:17px;line-height:1.42;font-weight:730;letter-spacing:-.015em;color:var(--nb-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nusa-blog-card__body h3 a{color:inherit;text-decoration:none!important}
.nusa-blog-card__body p{margin:0;color:var(--nb-muted);font-size:13px;line-height:1.52;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nusa-blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--nb-border);position:relative;top:12px;padding-bottom:12px}
.nusa-blog-read-time{display:inline-flex;align-items:center;gap:5px;color:var(--nb-muted);font-size:11px;white-space:nowrap}
.nusa-blog-read-link{display:inline-flex;align-items:center;gap:4px;color:var(--nb-text)!important;text-decoration:none!important;font-size:11px;font-weight:650;white-space:nowrap}
.nusa-blog-read-link:hover{color:var(--nb-blue)!important}
.nusa-blog-empty{text-align:center;margin:30px 0 0;color:var(--nb-muted);font-size:14px}
.nusa-blog-load-more-wrap{text-align:center;margin-top:54px}
.nusa-blog-load-more{appearance:none;border:1px solid var(--nb-border);border-radius:10px;background:var(--nb-card);color:var(--nb-text);padding:11px 20px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.03);transition:all .18s ease}
.nusa-blog-load-more:hover{border-color:#b8c2d0;background:var(--nb-soft);transform:translateY(-1px)}
.nusa-blog-load-more:disabled{cursor:wait;opacity:.65;transform:none}

html[data-nusa-theme="dark"] .nusa-blog-hub{
    --nb-text:#f8fafc;
    --nb-muted:#94a3b8;
    --nb-border:#243044;
    --nb-card:#111827;
    --nb-soft:#162033;
    --nb-blue:#5b9cff;
    --nb-blue-soft:#172a49;
    background:#0b1220;
}
html[data-nusa-theme="dark"] .nusa-blog-filter.is-active{color:#fff}
html[data-nusa-theme="dark"] .nusa-blog-feature-card,
html[data-nusa-theme="dark"] .nusa-blog-latest-item,
html[data-nusa-theme="dark"] .nusa-blog-card{box-shadow:none}
html[data-nusa-theme="dark"] .nusa-blog-latest-item:hover,
html[data-nusa-theme="dark"] .nusa-blog-card:hover{border-color:#3a4960}

@media (max-width:1080px){
    .nusa-blog-hub__container{padding-top:72px;padding-bottom:80px}
    .nusa-blog-feature-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}
    .nusa-blog-feature-card__media{min-height:390px}
    .nusa-blog-latest-item{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:10px}
    .nusa-blog-latest-item__media{width:96px;height:70px}
    .nusa-blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:840px){
    .nusa-blog-hero{margin-bottom:52px}
    .nusa-blog-section + .nusa-blog-section{margin-top:66px}
    .nusa-blog-feature-layout{grid-template-columns:1fr}
    .nusa-blog-feature-card__media{min-height:380px}
    .nusa-blog-latest-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
    .nusa-blog-all__head{align-items:flex-start;flex-direction:column;margin-bottom:24px}
    .nusa-blog-filters{width:100%;padding-bottom:4px}
    .nusa-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
    .nusa-blog-hub__container{padding-top:52px;padding-bottom:64px}
    .nusa-blog-hero{margin-bottom:44px}
    .nusa-blog-hero h1{font-size:40px}
    .nusa-blog-hero p{margin-top:14px;font-size:14px;line-height:1.65}
    .nusa-blog-section-title{font-size:21px;padding-left:14px}
    .nusa-blog-section-title:before{width:3px}
    .nusa-blog-feature-layout{margin-top:22px}
    .nusa-blog-feature-card__media{min-height:330px}
    .nusa-blog-feature-card__content{padding:24px 20px 22px}
    .nusa-blog-feature-card__content h3{font-size:25px}
    .nusa-blog-feature-card__content p{font-size:13px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
    .nusa-blog-latest-list{grid-template-columns:1fr;gap:11px}
    .nusa-blog-latest-item{grid-template-columns:104px minmax(0,1fr)}
    .nusa-blog-latest-item__media{width:104px;height:74px}
    .nusa-blog-section + .nusa-blog-section{margin-top:54px}
    .nusa-blog-filter{padding:9px 14px;font-size:11px}
    .nusa-blog-grid{grid-template-columns:1fr;gap:18px}
    .nusa-blog-card__media{aspect-ratio:1.65/1}
    .nusa-blog-card__body h3{font-size:17px}
    .nusa-blog-load-more-wrap{margin-top:36px}
}