/*!
 * IDDS PORTAL SYNC — public site mirrors Portal CMS admin console
 * Calm ink + paper. Same tokens as idds-admin.css. Load LAST.
 */
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");

:root, body.skin-magz, body.idds {
    /* Defaults — _brand-vars overrides per dinas with !important */
    --idds-a-primary: var(--idds-primary, #1a365d);
    --idds-a-primary-600: color-mix(in srgb, var(--idds-primary, #1a365d) 82%, #0b1220);
    --idds-a-accent: var(--idds-accent, #a67c2a);
    --idds-a-bg: var(--hz-surface, #eef1f5);
    --idds-a-surface: #ffffff;
    --idds-a-border: #dde3ec;
    --idds-a-border-strong: #c5cedb;
    --idds-a-text: #152033;
    --idds-a-muted: #5b6b82;
    --idds-a-radius: 12px;
    --idds-a-radius-sm: 8px;
    --idds-a-radius-lg: 16px;
    --idds-a-shadow: 0 1px 2px rgba(21, 32, 51, .04), 0 6px 18px rgba(21, 32, 51, .05);
    --idds-a-shadow-lg: 0 10px 28px rgba(21, 32, 51, .08);
    --idds-a-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    --idds-a-sidebar: color-mix(in srgb, var(--idds-primary, #1a365d) 55%, #0b1220);

    /* Bridge brand → admin language (primary/accent stay per-dinas) */
    /* Do NOT reset --hz-surface here — _brand-vars owns it */    --idds-radius-sm: var(--idds-a-radius-sm);
    --idds-radius-md: var(--idds-a-radius);
    --idds-radius-lg: var(--idds-a-radius-lg);
    --nx-panel: var(--idds-a-surface);
}

/* ==========================================================================
   BASE — paper canvas like admin content-wrapper
   ========================================================================== */
body.skin-magz,
body.skin-magz .wrapper,
body.idds {
    font-family: var(--idds-a-font) !important;
    background: var(--idds-a-bg) !important;
    color: var(--idds-a-text) !important;
    -webkit-font-smoothing: antialiased;
}
body.skin-magz h1, body.skin-magz h2, body.skin-magz h3,
body.skin-magz h4, body.skin-magz h5, body.skin-magz .title {
    font-family: var(--idds-a-font) !important;
    letter-spacing: -.02em;
    color: var(--idds-a-text);
}
body.skin-magz a { color: var(--idds-primary, var(--idds-a-primary)); }
body.skin-magz .btn-primary,
body.skin-magz .firstbar .btn-primary {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    border-color: transparent !important;
    border-radius: var(--idds-a-radius-sm) !important;
    font-weight: 650;
    box-shadow: none !important;
}
body.skin-magz .btn-primary:hover {
    background: var(--idds-a-primary-600) !important;
}

/* ==========================================================================
   MASTHEAD — white admin navbar language
   ========================================================================== */
body.skin-magz .firstbar,
body.skin-magz .firstbar.firstbar--aether {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid var(--idds-a-border) !important;
    box-shadow: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
body.skin-magz .firstbar .brand__kicker {
    font-size: .66rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--idds-primary, var(--idds-a-primary)) !important;
}
body.skin-magz .firstbar .brand__name {
    font-weight: 800 !important;
    font-size: 1.05rem !important;
    letter-spacing: -.02em !important;
    color: var(--idds-a-text) !important;
}
body.skin-magz .firstbar .brand__mark {
    border-radius: 10px !important;
    border: 1px solid var(--idds-a-border) !important;
    box-shadow: var(--idds-a-shadow) !important;
    background: #fff !important;
}
body.skin-magz .firstbar .form-control {
    border-radius: var(--idds-a-radius-sm) !important;
    border-color: var(--idds-a-border-strong) !important;
    background: #f8fafc !important;
    min-height: 40px;
}
body.skin-magz .firstbar .form-control:focus {
    border-color: var(--idds-primary, var(--idds-a-primary)) !important;
    box-shadow: 0 0 0 3px rgba(26, 54, 93, .12) !important;
}
body.skin-magz .gov-ident__badge {
    display: inline-flex !important;
    align-items: center;
    gap: .4rem;
    padding: .35rem .75rem !important;
    border-radius: 999px !important;
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    border: 1px solid color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 70%, #0b1220) !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
}
body.skin-magz .gov-ident__badge i {
    color: #fff !important;
}
body.skin-magz .gov-ident__date {
    color: var(--idds-a-muted) !important;
    font-size: .8rem !important;
    font-weight: 600 !important;
}

/* ==========================================================================
   NAV — dark sidebar energy (solid ink bar)
   ========================================================================== */
body.skin-magz nav.menu,
body.hd-bar nav.menu,
body.hd-solid nav.menu,
body.hd-glass nav.menu,
body.hd-underline nav.menu,
body.hd-split nav.menu {
    background: linear-gradient(185deg, #0f1624 0%, #151e30 55%, #121a28 100%) !important;
    border: none !important;
    box-shadow: 0 8px 28px rgba(16, 24, 40, .12) !important;
}
body.skin-magz nav.menu .nav-list > li > a i,
body.skin-magz nav.menu ul.float-end > li > a,
body.skin-magz nav.menu .nav-list > li > a {
    color: rgba(255, 255, 255, .78) !important;
    border-radius: 8px !important;
    transition: background .15s ease, color .15s ease;
}
body.skin-magz nav.menu .nav-list > li > a {
    font-weight: 600 !important;
    font-size: .875rem !important;
}
body.skin-magz nav.menu .nav-list > li > a i.nav-ico {
    font-weight: 900 !important;
    font-size: .9rem !important;
}
body.skin-magz nav.menu .nav-list > li > a:hover,
body.skin-magz nav.menu .nav-list > li.active > a,
body.skin-magz nav.menu .nav-list > li > a:focus {
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
}
body.skin-magz nav.menu .nav-list > li.active > a {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    box-shadow: inset 3px 0 0 var(--idds-accent, var(--idds-a-accent));
}

/* Breadcrumb — calm like admin */
body.skin-magz .breadcrumb,
body.skin-magz .page-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
body.skin-magz .breadcrumb-item a { color: var(--idds-primary, var(--idds-a-primary)); font-weight: 600; }

/* ==========================================================================
   HOME PANELS — dash-metric card language
   ========================================================================== */
body.skin-magz .home--nexus {
    background: var(--idds-a-bg) !important;
}
body.skin-magz .home--nexus .nx-panel,
body.skin-magz .home--nexus .nx-panel--leaders,
body.skin-magz .home-arch--capitol .nx-panel--leaders {
    background: var(--idds-a-surface) !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: var(--idds-a-radius-lg) !important;
    box-shadow: var(--idds-a-shadow) !important;
    backdrop-filter: none !important;
}
body.skin-magz .home--nexus .nx-panel__head .nx-kicker,
body.skin-magz .home--nexus .nx-kicker {
    font-size: .66rem !important;
    font-weight: 800 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--idds-a-muted) !important;
}
body.skin-magz .home--nexus .nx-panel__title,
body.skin-magz .home--nexus h2.nx-title {
    font-weight: 800 !important;
    letter-spacing: -.025em !important;
    color: var(--idds-a-text) !important;
}

/* Hero banner — soft letterbox, no loud gold strip */
body.skin-magz .home--nexus .hero-carousel--fit-banner .carousel-item,
body.skin-magz .home--nexus .hero-carousel--fit-banner .hero-carousel__media,
body.skin-magz .home--nexus .nx-hero__frame .hz-slider__frame {
    background: linear-gradient(135deg, color-mix(in srgb, var(--idds-primary, #1a365d) 55%, #0b1220) 0%, var(--idds-primary, #1a365d) 100%) !important;
    border-radius: 14px !important;
    border: 1px solid rgba(255, 255, 255, .06) !important;
    box-shadow: var(--idds-a-shadow) !important;
}
body.skin-magz .home--nexus .nx-hero__frame .home-compose__slider-frame,
body.skin-magz .home--nexus .nx-hero__frame .hero-carousel {
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: var(--idds-a-shadow) !important;
}

/* Kill Magz yellow / loud chrome leftovers */
body.skin-magz .line.top > div,
body.skin-magz .topbar,
body.skin-magz .breaking,
body.skin-magz .ticker-title {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    color: #fff !important;
}
body.skin-magz .home--nexus [style*="#f5c518"],
body.skin-magz .home--nexus [style*="#F5C518"],
body.skin-magz .home--nexus [style*="gold"] {
    background: transparent !important;
}

/* Portal services — metric tiles */
body.skin-magz .home--nexus .portal-strip--flat .portal-services__item {
    background: var(--idds-a-surface) !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: var(--idds-a-radius-lg) !important;
    box-shadow: var(--idds-a-shadow) !important;
    padding: 1rem .85rem !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.skin-magz .home--nexus .portal-strip--flat .portal-services__item:hover {
    transform: translateY(-3px);
    box-shadow: var(--idds-a-shadow-lg) !important;
    border-color: color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 28%, var(--idds-a-border)) !important;
}
body.skin-magz .home--nexus .portal-strip--flat .portal-services__ico {
    width: 48px !important;
    height: 48px !important;
    border-radius: 12px !important;
    background: color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 12%, #fff) !important;
    color: var(--idds-primary, var(--idds-a-primary)) !important;
    box-shadow: none !important;
    border: none !important;
}

/* Leaders — denser, card-clean */
body.skin-magz .home--nexus .leaders-pro,
body.skin-magz .home--nexus .leaders-pro__deck {
    gap: 1rem !important;
}
body.skin-magz .home--nexus .leaders-pro__card,
body.skin-magz .home--nexus .officer-card {
    background: var(--idds-a-surface) !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: var(--idds-a-radius-lg) !important;
    box-shadow: var(--idds-a-shadow) !important;
    overflow: hidden;
}
body.skin-magz .home--nexus .leaders-pro__card .btn,
body.skin-magz .home--nexus .officer-card .btn {
    border-radius: var(--idds-a-radius-sm) !important;
    font-weight: 650 !important;
}

/* News sidebars — white cards (NOT featured image stage) */
body.skin-magz .home--nexus .news-block,
body.skin-magz .home--nexus .sidebar .aside-block,
body.skin-magz .home--nexus .sidebar .block {
    background: var(--idds-a-surface) !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: var(--idds-a-radius-lg) !important;
    box-shadow: var(--idds-a-shadow) !important;
}

/* Featured — cinematic stage (image must show; never opaque white) */
body.skin-magz .home--nexus #featured {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 0 .85rem !important;
}
body.skin-magz .home--nexus #featured .item { padding: 0 !important; }
body.skin-magz .home--nexus article.featured {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--idds-primary, #1a365d) 55%, #0b1220) 0%, var(--idds-primary, #1a365d) 100%) !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--idds-a-shadow) !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    min-height: 240px !important;
    max-height: 360px !important;
}
body.skin-magz .home--nexus article.featured figure {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
body.skin-magz .home--nexus article.featured figure img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 30% !important;
    display: block !important;
}
body.skin-magz .home--nexus article.featured .overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(
        to top,
        rgba(16, 24, 38, .92) 0%,
        rgba(16, 24, 38, .45) 42%,
        rgba(16, 24, 38, .12) 70%,
        transparent 100%
    ) !important;
}
body.skin-magz .home--nexus article.featured .details {
    position: absolute !important;
    left: 0; right: 0; bottom: 0;
    z-index: 2 !important;
    padding: 1.15rem 1.25rem 1.25rem !important;
    color: #fff !important;
}
body.skin-magz .home--nexus article.featured .details h1,
body.skin-magz .home--nexus article.featured .details h1 a {
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
    text-shadow: 0 1px 2px rgba(0,0,0,.25);
}
body.skin-magz .home--nexus article.featured .details .category a,
body.skin-magz .home--nexus article.featured .badge,
body.skin-magz .home--nexus .badge.terbaru,
body.skin-magz .home--nexus .label {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    letter-spacing: .04em;
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
body.skin-magz .home--nexus article.featured .details .time {
    color: rgba(255, 255, 255, .85) !important;
}
body.skin-magz .home--nexus .nav-tabs {
    border: none !important;
    gap: .35rem;
}
body.skin-magz .home--nexus .nav-tabs .nav-link {
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--idds-a-muted) !important;
    font-weight: 650 !important;
    padding: .45rem 1rem !important;
}
body.skin-magz .home--nexus .nav-tabs .nav-link.active {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    border-color: transparent !important;
    color: #fff !important;
}

/* Subscribe / aside widgets */
body.skin-magz .home--nexus .subscribe,
body.skin-magz .sidebar .block,
body.skin-magz .aside-block {
    border-radius: var(--idds-a-radius-lg) !important;
    border: 1px solid var(--idds-a-border) !important;
    box-shadow: var(--idds-a-shadow) !important;
    background: #fff !important;
}

/* Ticker — ink strip; ALL text must stay light (fix dark-on-dark) */
body.skin-magz .nx-ticker,
body.skin-magz .home--nexus .nx-ticker,
body.skin-magz .home--nexus .nx-news-ticker {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    margin: 0 0 .85rem !important;
    padding: .4rem .5rem .4rem .4rem !important;
    background: linear-gradient(135deg, color-mix(in srgb, var(--idds-primary, #1a365d) 55%, #0b1220) 0%, var(--idds-primary, #1a365d) 100%) !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    box-shadow: var(--idds-a-shadow) !important;
    overflow: hidden !important;
}
body.skin-magz .home--nexus .nx-ticker__badge {
    background: var(--idds-accent, var(--idds-a-accent)) !important;
    color: #101826 !important;
    font-weight: 800 !important;
}
body.skin-magz .home--nexus .nx-ticker__item,
body.skin-magz .home--nexus .nx-ticker a,
body.skin-magz .nx-ticker__item {
    color: rgba(255, 255, 255, .92) !important;
    font-weight: 650 !important;
    text-decoration: none !important;
}
body.skin-magz .home--nexus .nx-ticker__item:hover,
body.skin-magz .nx-ticker__item:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/* Magz .headline widget: compact strip OR hide when Sorotan ticker exists */
body.skin-magz .home--nexus .nx-panel--news:has(.nx-ticker) .headline {
    display: none !important;
}
body.skin-magz .home--nexus .headline,
body.skin-magz .home--compose .headline {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 .85rem !important;
    padding: .55rem .85rem !important;
    background: #fff !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 12px !important;
    box-shadow: var(--idds-a-shadow) !important;
    overflow: hidden !important;
}
body.skin-magz .home--nexus .headline .owl-carousel,
body.skin-magz .home--nexus .headline .owl-stage-outer,
body.skin-magz .home--nexus .headline .owl-stage,
body.skin-magz .home--nexus .headline .owl-item,
body.skin-magz .home--compose .headline .owl-item,
body.skin-magz .home--horizon .headline .owl-item {
    min-height: 0 !important;
    height: auto !important;
}
body.skin-magz .home--nexus .headline .item,
body.skin-magz .home--nexus .headline .item a {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-height: 0 !important;
    padding: .15rem 0 !important;
    color: var(--idds-a-text) !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}
body.skin-magz .home--nexus .headline .item .badge,
body.skin-magz .home--nexus .headline .item a .badge {
    flex: 0 0 auto !important;
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: .3rem .65rem !important;
    font-size: .68rem !important;
    font-weight: 800 !important;
}
body.skin-magz .home--nexus .headline .nav .carousel-control {
    color: var(--idds-a-muted) !important;
}

/* Share chips — quieter admin chips */
body.skin-magz .nx-share {
    border-radius: var(--idds-a-radius-lg) !important;
    background: #fff !important;
    border: 1px solid var(--idds-a-border) !important;
    box-shadow: var(--idds-a-shadow) !important;
}
body.skin-magz .nx-share__glyph {
    border-radius: 10px !important;
    background: var(--idds-primary, var(--idds-a-primary)) !important;
}

/* ==========================================================================
   ARTICLE / INNER PAGES
   ========================================================================== */
body.skin-magz .single,
body.skin-magz .page .main,
body.skin-magz main .container {
    /* inherit canvas */
}
body.skin-magz .single .main article,
body.skin-magz article.article-detail,
body.skin-magz .page-content {
    background: #fff;
    border: 1px solid var(--idds-a-border);
    border-radius: var(--idds-a-radius-lg);
    box-shadow: var(--idds-a-shadow);
    padding: 1.35rem 1.5rem;
}

/* ==========================================================================
   FOOTER — same ink as admin sidebar
   ========================================================================== */
body.skin-magz footer.footer,
body.skin-magz .footer {
    background: linear-gradient(185deg, #0f1624 0%, #151e30 55%, #121a28 100%) !important;
    color: rgba(255, 255, 255, .78) !important;
    border-top: none !important;
    box-shadow: none !important;
}
body.skin-magz footer.footer a,
body.skin-magz .footer a {
    color: rgba(255, 255, 255, .82) !important;
}
body.skin-magz footer.footer a:hover {
    color: #fff !important;
}
body.skin-magz footer.footer h1,
body.skin-magz footer.footer h2,
body.skin-magz footer.footer h3,
body.skin-magz footer.footer h4,
body.skin-magz footer.footer .block-title {
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: -.02em;
}
body.skin-magz footer.footer .form-control {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    color: #fff !important;
    border-radius: var(--idds-a-radius-sm) !important;
}
body.skin-magz footer.footer .btn-primary {
    background: var(--idds-accent, var(--idds-a-accent)) !important;
    color: #101826 !important;
}

/* ==========================================================================
   SOFTEN “wow/neon” leftovers so frontend ≠ Magz 2017 clash
   ========================================================================== */
body.skin-magz .home--nexus .nx-panel,
body.skin-magz .home--nexus .glass,
body.skin-magz .home--nexus [class*="glow"] {
    backdrop-filter: none !important;
}
body.skin-magz .home--nexus .nx-panel::before,
body.skin-magz .home--nexus .nx-panel::after {
    opacity: .35;
}
/* Prefer calm density over sparse Magz whitespace */
body.skin-magz .home--nexus .nx-section,
body.skin-magz .home--nexus section {
    margin-bottom: 1.25rem !important;
}
body.skin-magz .home--nexus .hz-officer__nip--empty {
    visibility: hidden;
    border-color: transparent !important;
    background: transparent !important;
}

/* Left accent bar on key cards (dash-metric cue) */
body.skin-magz .home--nexus .portal-strip--flat .portal-services__item,
body.skin-magz .home--nexus .officer-card {
    position: relative;
    overflow: hidden;
}
body.skin-magz .home--nexus .portal-strip--flat .portal-services__item::before,
body.skin-magz .home--nexus .officer-card::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: var(--idds-accent, var(--idds-a-accent));
    opacity: .9;
}

/* ==========================================================================
   DENSITY + FUTURISTIC POLISH (close gap to admin console)
   ========================================================================== */
body.skin-magz .home--nexus .nx-ambient__grid {
    opacity: .045 !important;
    background-size: 28px 28px !important;
}
body.skin-magz .home--nexus .nx-ambient__orb { opacity: .18 !important; filter: blur(40px); }

body.skin-magz .home--nexus .nx-hero__badge {
    display: inline-flex !important;
    align-items: center;
    gap: .55rem;
    margin-bottom: .75rem;
    padding: .55rem .9rem;
    border-radius: 12px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--idds-primary, #1a365d) 55%, #0b1220) 0%, var(--idds-primary, #1a365d) 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.1);
    box-shadow: var(--idds-a-shadow);
    font-size: .8rem;
    font-weight: 650;
}
body.skin-magz .home--nexus .nx-hero__badge strong {
    color: #fff !important;
    font-weight: 800;
}

body.skin-magz .home--nexus .nx-panel--news {
    padding: 1.25rem 1.35rem 1.4rem !important;
}
body.skin-magz .home--nexus .nx-panel--news .nx-title {
    font-size: clamp(1.2rem, 2vw, 1.45rem) !important;
    margin: .15rem 0 0 !important;
}
body.skin-magz .home--nexus .nx-news .home-compose__main {
    gap: .75rem !important;
}
body.skin-magz .home--nexus .article:not(.main-article) .inner {
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--idds-a-shadow) !important;
    margin-bottom: .65rem !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.skin-magz .home--nexus .article:not(.main-article) .inner:hover {
    transform: translateY(-3px);
    box-shadow: var(--idds-a-shadow-lg) !important;
    border-color: color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 28%, var(--idds-a-border)) !important;
}
body.skin-magz .home--nexus .article:not(.main-article) .inner .title a,
body.skin-magz .home--nexus .article:not(.main-article) .inner h2 a {
    color: var(--idds-a-text) !important;
    font-weight: 750 !important;
}
body.skin-magz .home--nexus .article:not(.main-article) .inner .category a {
    color: var(--idds-primary, var(--idds-a-primary)) !important;
    font-weight: 700 !important;
}

/* Owl nav on featured — admin chip style */
body.skin-magz .home--nexus #featured .owl-nav button,
body.skin-magz .home--nexus #featured .carousel-control {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.92) !important;
    color: var(--idds-a-text) !important;
    border: 1px solid var(--idds-a-border) !important;
    box-shadow: var(--idds-a-shadow) !important;
    opacity: 1 !important;
}

/* Per-arch accent identity (same chrome language, different accent) */
body.skin-magz .home-arch--signal .nx-ticker { background: linear-gradient(135deg, #0b1220, #0e7490) !important; }
body.skin-magz .home-arch--habitat .nx-ticker { background: linear-gradient(135deg, #0f1f14, #166534) !important; }
body.skin-magz .home-arch--folio .nx-ticker { background: linear-gradient(135deg, #1a0a12, #9f1239) !important; }
body.skin-magz .home-arch--command .nx-ticker { background: linear-gradient(135deg, #0a0f1a, #1e3a8a) !important; }
body.skin-magz .home-arch--vector .nx-ticker { background: linear-gradient(135deg, #0c1220, #0369a1) !important; }
body.skin-magz .home-arch--orbit .nx-ticker { background: linear-gradient(135deg, #111827, #4f46e5) !important; }
body.skin-magz .home-arch--ledger .nx-ticker { background: linear-gradient(135deg, #0f172a, #334155) !important; }

/* ==========================================================================
   FULL WIDTH NEWS — kill hollow right gutter (reserved sidebar column)
   ========================================================================== */
body.skin-magz .home--nexus .nx-news .home-compose__news.row,
body.skin-magz .home--nexus .nx-news--solo .home-compose__news.row,
body.skin-magz .home--nexus .home-compose__news.nx-news--solo,
body.skin-magz .home--nexus .home-compose__news.row:not(:has(.home-compose__aside)) {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    grid-template-columns: none !important;
}
body.skin-magz .home--nexus .nx-news .home-compose__main,
body.skin-magz .home--nexus .home-compose__news.nx-news--solo .home-compose__main,
body.skin-magz .home--nexus .home-compose__news.row:not(:has(.home-compose__aside)) .home-compose__main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* When a real aside exists, use tight 2-col without dead air */
body.skin-magz .home--nexus .home-compose__news.row:has(.home-compose__aside) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px) !important;
    gap: 1rem !important;
    align-items: start;
}

/* ==========================================================================
   TAG TREN — admin-style chips (not Magz pills)
   ========================================================================== */
body.skin-magz .home--nexus .nx-section-duo--stack,
body.skin-magz .home--compose .nx-section-duo--stack,
body.skin-magz .home--nexus .home-section-grid.nx-section-duo--stack {
    display: flex !important;
    flex-direction: column !important;
    gap: .85rem !important;
    width: 100% !important;
    margin: .85rem 0 1rem !important;
    grid-template-columns: none !important;
}
body.skin-magz .home--nexus .home-section-grid__cell--tags {
    padding: .85rem 1rem !important;
}
body.skin-magz .home--nexus .nx-tags__head {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .7rem;
}
body.skin-magz .home--nexus .nx-tags__ico {
    width: 28px; height: 28px; border-radius: 8px;
    display: inline-flex; align-items: center; justify-content: center;
    background: color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 12%, #fff);
    color: var(--idds-primary, var(--idds-a-primary));
    font-size: .75rem;
}
body.skin-magz .home--nexus .nx-tags__title,
body.skin-magz .home--nexus .home-section-grid__cell--tags .title-col {
    margin: 0 !important;
    font-size: .95rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    color: var(--idds-a-text) !important;
}
body.skin-magz .home--nexus .nx-tags__list,
body.skin-magz .home--nexus .tags-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .4rem !important;
    float: none !important;
    width: 100% !important;
}
body.skin-magz .home--nexus .nx-tags__list li,
body.skin-magz .home--nexus .tags-list li {
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: inline-flex !important;
}
body.skin-magz .home--nexus .nx-tag,
body.skin-magz .home--nexus .tags-list a,
body.skin-magz .home--compose .tags-list a {
    display: inline-flex !important;
    align-items: center !important;
    gap: .15rem !important;
    padding: .4rem .7rem !important;
    border-radius: 8px !important;
    background: #f1f5f9 !important;
    border: 1px solid var(--idds-a-border) !important;
    color: var(--idds-a-text) !important;
    font-size: .78rem !important;
    font-weight: 650 !important;
    letter-spacing: -.01em !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    box-shadow: none !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease;
}
body.skin-magz .home--nexus .nx-tag__hash {
    color: var(--idds-primary, var(--idds-a-primary));
    font-weight: 800;
    opacity: .85;
}
body.skin-magz .home--nexus .nx-tag:hover,
body.skin-magz .home--nexus .tags-list a:hover {
    background: var(--idds-primary, var(--idds-a-primary)) !important;
    border-color: transparent !important;
    color: #fff !important;
}
body.skin-magz .home--nexus .nx-tag:hover .nx-tag__hash { color: #fff; }

/* Category badges — quieter admin chips */
body.skin-magz .home--nexus .article .category a,
body.skin-magz .home--nexus .article-mini .category a,
body.skin-magz .home--nexus article.article-list .category a {
    display: inline-flex !important;
    align-items: center;
    padding: .2rem .55rem !important;
    border-radius: 6px !important;
    background: color-mix(in srgb, var(--idds-primary, var(--idds-a-primary)) 10%, #fff) !important;
    color: var(--idds-primary, var(--idds-a-primary)) !important;
    font-size: .68rem !important;
    font-weight: 750 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    border: none !important;
}

/* Berita Daerah / Pos Terbaru — occupy full main width */
body.skin-magz .home--nexus .nx-post-grid--two {
    width: 100% !important;
    --bs-gutter-x: .85rem;
    --bs-gutter-y: .85rem;
}
body.skin-magz .home--nexus .line.top {
    width: 100% !important;
}
body.skin-magz .home--nexus .nx-post-grid--two > [class*="col-"] { display: flex; }
body.skin-magz .home--nexus .nx-post-grid--two .article { width: 100%; }
body.skin-magz .home--nexus .nx-post-grid--two .article .inner figure {
    aspect-ratio: 16 / 9; overflow: hidden; margin: 0;
}
body.skin-magz .home--nexus .nx-post-grid--two .article .inner figure img {
    width: 100%; height: 100%; object-fit: cover; object-position: center;
}

/* Section cells + Berita Hangat + Pos Terbaru rows */
body.skin-magz .home-section-grid__cell {
    background: #fff;
    border: 1px solid var(--idds-a-border);
    border-radius: 14px;
    box-shadow: var(--idds-a-shadow);
    padding: 1rem 1.1rem 1.15rem;
    width: 100%;
}
body.skin-magz .home--nexus .title-col {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
    color: var(--idds-a-text) !important;
    margin: 0 0 .85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
body.skin-magz .home--nexus .body-col { margin-top: 0 !important; }

body.skin-magz .home--nexus .article-mini .inner {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: .75rem !important;
    align-items: center !important;
    float: none !important;
    margin: 0 0 .7rem !important;
    padding: .55rem !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}
body.skin-magz .home--nexus .article-mini figure {
    float: none !important;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
body.skin-magz .home--nexus .article-mini figure a,
body.skin-magz .home--nexus .article-mini figure img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body.skin-magz .home--nexus .article-mini .padding {
    float: none !important; margin: 0 !important; padding: 0 !important;
}
body.skin-magz .home--nexus .article-mini h1 {
    font-size: .9rem !important; font-weight: 750 !important;
    line-height: 1.35 !important; margin: 0 0 .25rem !important;
}
body.skin-magz .home--nexus .article-mini h1 a { color: var(--idds-a-text) !important; }

body.skin-magz .home--nexus article.article-list,
body.skin-magz .home--nexus .article.article-list {
    width: 100% !important; max-width: 100% !important;
    float: none !important; margin: 0 0 .75rem !important; padding: 0 !important;
}
body.skin-magz .home--nexus article.article-list .inner,
body.skin-magz .home--nexus .article.article-list .inner {
    display: grid !important;
    grid-template-columns: 160px minmax(0, 1fr) !important;
    gap: 1rem !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 1px solid var(--idds-a-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--idds-a-shadow) !important;
}
@media (max-width: 575.98px) {
    body.skin-magz .home--nexus article.article-list .inner,
    body.skin-magz .home--nexus .article.article-list .inner {
        grid-template-columns: 110px minmax(0, 1fr) !important;
    }
}
body.skin-magz .home--nexus article.article-list figure {
    float: none !important; width: 100% !important; height: 100% !important;
    min-height: 120px !important; margin: 0 !important; overflow: hidden !important;
    background: #e2e8f0;
}
body.skin-magz .home--nexus article.article-list figure a,
body.skin-magz .home--nexus article.article-list figure img {
    display: block !important; width: 100% !important; height: 100% !important;
    min-height: 120px !important; object-fit: cover !important;
}
body.skin-magz .home--nexus article.article-list .details {
    float: none !important; width: auto !important; margin: 0 !important;
    padding: .9rem 1rem .9rem 0 !important;
}
body.skin-magz .home--nexus article.article-list .details h1 {
    font-size: 1.05rem !important; font-weight: 800 !important;
    margin: .35rem 0 .45rem !important;
}
body.skin-magz .home--nexus article.article-list .details h1 a { color: var(--idds-a-text) !important; }
body.skin-magz .home--nexus article.article-list .details p {
    color: var(--idds-a-muted) !important; margin: 0 !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}