:root{
  --n8-blue:#0a55c8;
  --n8-deep:#062b68;
  --n8-green:#0aa86f;
  --n8-text:#10285d;
  --n8-muted:#5d6f8c;
  --n8-line:#dce6f2;
  --n8-soft:#f7fbff;
  --n8-shell:min(1180px,calc(100% - 36px));
  --n8-shadow:0 12px 34px rgba(19,55,105,.09);
}
*{box-sizing:border-box}
html,body{margin:0!important;padding:0!important;background:#fff!important;color:var(--n8-text)!important;overflow-x:hidden!important}
body.siakad-news-v8,.n8-site{font-family:var(--skg-font-body,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important}
.n8-site a{text-decoration:none!important}.n8-site img{display:block;max-width:100%}.n8-shell{width:var(--n8-shell);margin-inline:auto}

.n8-hero{position:relative;min-height:280px;overflow:hidden;background:linear-gradient(100deg,#f8fbff 0%,#eef7ff 48%,#dceeff 100%);isolation:isolate}
.n8-hero:before{content:"";position:absolute;left:0;top:0;width:42%;height:100%;background-image:radial-gradient(circle at 2px 2px,rgba(24,101,208,.16) 1.4px,transparent 1.4px);background-size:16px 16px;mask-image:linear-gradient(90deg,#000,transparent 88%);z-index:1}
.n8-hero-photo{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(246,251,255,.99) 0%,rgba(246,251,255,.96) 34%,rgba(246,251,255,.66) 52%,rgba(246,251,255,.05) 72%),var(--n8-hero);background-size:cover;background-position:center 45%;filter:saturate(1.04)}
.n8-hero-inner{position:relative;z-index:3;min-height:280px;display:flex;align-items:center}.n8-hero-copy{width:48%;padding:20px 0 58px 18px}.n8-hero h1{margin:0 0 10px;color:var(--n8-deep);font-family:var(--skg-font-display,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important;font-size:clamp(42px,5vw,62px);line-height:1;letter-spacing:-.045em;font-weight:850}.n8-hero p{margin:0;max-width:520px;color:#365073;font-size:16px;line-height:1.65}.n8-breadcrumb{display:flex;align-items:center;gap:10px;margin-top:22px;font-size:13px;font-weight:700}.n8-breadcrumb a{color:#0b5fc9!important}.n8-breadcrumb a span{font-size:17px;margin-right:4px}.n8-breadcrumb i{font-style:normal;color:#8ba2c2}.n8-breadcrumb>span{color:#365073}
.n8-wave{position:absolute;left:-8%;right:-8%;height:100px;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:4}.n8-wave-one{background:#0d65c9;bottom:-68px;transform:rotate(-1deg)}.n8-wave-two{background:#1ab3b5;bottom:-80px;left:31%;right:-16%;transform:rotate(4deg)}.n8-wave-three{background:#fff;bottom:-96px;left:47%;right:-8%;transform:rotate(-4deg)}

.n8-content{padding:26px 0 34px;background:#fff}.n8-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.n8-categories{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.n8-categories a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border:1px solid #d9e3ef;border-radius:999px;background:#fff;color:#243e69!important;font-size:12px;font-weight:750;transition:.2s}.n8-categories a:hover,.n8-categories a.is-active{background:linear-gradient(135deg,#0b62d1,#0847a7);border-color:#0b62d1;color:#fff!important;box-shadow:0 8px 18px rgba(11,98,209,.17)}
.n8-search{width:220px;min-height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #becde1;border-radius:11px;background:#fff;flex:0 0 auto}.n8-search svg{width:18px;height:18px;fill:none;stroke:#0b4eaa;stroke-width:1.8}.n8-search input{width:100%;border:0!important;outline:0!important;background:transparent!important;color:#19375f;font:inherit;font-size:12px;padding:0!important;box-shadow:none!important}

.n8-featured{display:grid;grid-template-columns:1.02fr 1.28fr;min-height:260px;border:1px solid var(--n8-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:var(--n8-shadow)}.n8-featured-image{position:relative;min-height:260px;overflow:hidden}.n8-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.n8-featured:hover .n8-featured-image img{transform:scale(1.025)}.n8-featured-image>span{position:absolute;left:14px;top:13px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#0ca66f;color:#fff;font-size:11px;font-weight:800;box-shadow:0 7px 18px rgba(10,166,111,.22)}.n8-featured-copy{padding:26px 30px;display:flex;flex-direction:column;justify-content:center}.n8-meta,.n8-card-meta{display:flex;align-items:center;gap:12px}.n8-meta time,.n8-card-meta time{color:#5a6d89;font-size:12px}.n8-meta time:before{content:"▣";margin-right:7px;color:#7a8ca7}.n8-meta b,.n8-card-meta b{display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;background:#ece5ff;color:#6c43bc;font-size:10px;line-height:1;font-weight:800}.n8-meta b.is-prestasi,.n8-card-meta b.is-prestasi{background:#e5f0ff;color:#1766c9}.n8-meta b.is-kegiatan,.n8-card-meta b.is-kegiatan{background:#ece3ff;color:#7446cf}.n8-meta b.is-akademik,.n8-card-meta b.is-akademik{background:#e7f3ff;color:#1a6bbd}.n8-meta b.is-sosial-lingkungan,.n8-card-meta b.is-sosial-lingkungan{background:#e3f8f2;color:#0b8f68}.n8-meta b.is-keagamaan,.n8-card-meta b.is-keagamaan{background:#fff4df;color:#b36b00}.n8-meta b.is-pengumuman,.n8-card-meta b.is-pengumuman{background:#fff0e6;color:#c65e14}.n8-featured h2{margin:13px 0 10px;font-family:var(--skg-font-display,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important;font-size:27px;line-height:1.18;letter-spacing:-.025em}.n8-featured h2 a{color:var(--n8-deep)!important}.n8-featured p{margin:0;color:#536681;font-size:13.5px;line-height:1.68}.n8-read-primary{width:max-content;margin-top:20px;display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border-radius:8px;background:linear-gradient(135deg,#0eb373,#07975f);color:#fff!important;font-size:12px;font-weight:800}.n8-featured-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 18px}.n8-featured-dots i{width:8px;height:8px;border-radius:50%;background:#d8dee8}.n8-featured-dots i.is-active{background:#0c62cf}

.n8-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px}.n8-card{display:flex;flex-direction:column;border:1px solid var(--n8-line);border-radius:13px;background:#fff;overflow:hidden;box-shadow:0 7px 20px rgba(19,55,105,.055);transition:transform .22s ease,box-shadow .22s ease}.n8-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(19,55,105,.11)}.n8-card-image{aspect-ratio:1.55/1;overflow:hidden;background:#eef4fb}.n8-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.n8-card:hover .n8-card-image img{transform:scale(1.035)}.n8-card-copy{padding:13px 14px 14px;display:flex;flex-direction:column;flex:1}.n8-card-meta{justify-content:space-between;gap:8px}.n8-card-meta time{font-size:10.5px}.n8-card-meta b{font-size:8.5px;padding:4px 7px;max-width:52%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n8-card h3{margin:9px 0 7px;font-family:var(--skg-font-display,Inter,"Segoe UI",Roboto,Arial,sans-serif)!important;font-size:15px;line-height:1.28}.n8-card h3 a{color:#0c2f6b!important}.n8-card p{margin:0;color:#62718a;font-size:11px;line-height:1.55}.n8-read-card{width:max-content;margin-top:auto;padding-top:12px;color:#0b5fc9!important;font-size:10.5px;font-weight:800}.n8-read-card span{margin-left:6px}

.n8-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0}.n8-pagination>div{display:flex;align-items:center;gap:8px}.n8-pagination .page-numbers{min-width:34px;height:34px;padding:0 10px;border:1px solid #d4deeb;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:#24426d!important;background:#fff;font-size:12px;font-weight:750}.n8-pagination .page-numbers.current{background:#0b56c5;border-color:#0b56c5;color:#fff!important}.n8-load-more{min-height:36px;padding:0 14px;border:1px solid #cad6e6;border-radius:8px;display:inline-flex;align-items:center;gap:9px;color:#0a4eaa!important;font-size:11px;font-weight:800}.n8-empty{padding:45px;border:1px dashed #b7c7db;border-radius:15px;text-align:center;background:#f9fbfe}.n8-empty h2{margin:0 0 8px}.n8-empty p{margin:0;color:#60708b}

.n8-info-band{display:grid;grid-template-columns:1.55fr 1px .95fr;gap:20px;align-items:center;margin-top:16px;padding:16px 18px;border:1px solid var(--n8-line);border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(19,55,105,.05)}.n8-info-separator{height:58px;background:#dfe7f1}.n8-info-item{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:14px;align-items:center}.n8-info-item>i{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b61d2,#073d96);color:#fff}.n8-contact>i{background:linear-gradient(135deg,#14b6aa,#078d80)}.n8-info-item svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}.n8-info-item h3{margin:0 0 4px;font-size:15px;color:#14366b}.n8-info-item p{margin:0;color:#66758d;font-size:10.5px;line-height:1.45}.n8-newsletter form{display:flex;align-items:center;gap:8px}.n8-newsletter input{width:185px;min-height:36px;border:1px solid #ccd8e7;border-radius:7px;padding:0 11px;font:inherit;font-size:10.5px}.n8-newsletter button,.n8-contact>a{min-height:36px;padding:0 15px;border:0;border-radius:7px;background:#0aa86f;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:10.5px;font-weight:800;cursor:pointer}.n8-contact>a{background:#0b56c5}

@media(max-width:1050px){.n8-toolbar{align-items:flex-start}.n8-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.n8-info-band{grid-template-columns:1fr}.n8-info-separator{width:100%;height:1px}.n8-info-item{grid-template-columns:52px minmax(0,1fr) auto}}
@media(max-width:820px){:root{--n8-shell:min(100% - 24px,1180px)}.n8-hero{min-height:360px}.n8-hero-photo{background-image:linear-gradient(180deg,rgba(246,251,255,.08),rgba(246,251,255,.96) 62%,#f7fbff),var(--n8-hero);background-position:66% center}.n8-hero-inner{min-height:360px;align-items:flex-end}.n8-hero-copy{width:100%;padding:26px 10px 80px}.n8-hero h1{font-size:44px}.n8-hero p{font-size:14px;max-width:560px}.n8-toolbar{flex-direction:column}.n8-search{width:100%}.n8-categories{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.n8-categories a{white-space:nowrap}.n8-featured{grid-template-columns:1fr}.n8-featured-image{min-height:240px}.n8-featured-copy{padding:22px}.n8-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.n8-pagination{align-items:flex-start}.n8-info-item{grid-template-columns:48px minmax(0,1fr)}.n8-info-item>i{width:48px;height:48px}.n8-newsletter form,.n8-contact>a{grid-column:2}.n8-newsletter form{width:100%}.n8-newsletter input{flex:1;width:auto}}
@media(max-width:560px){.n8-hero{min-height:330px}.n8-hero-inner{min-height:330px}.n8-hero-copy{padding:22px 4px 72px}.n8-hero h1{font-size:38px}.n8-hero p{font-size:13px}.n8-breadcrumb{font-size:12px}.n8-content{padding-top:20px}.n8-featured-image{min-height:190px}.n8-featured-copy{padding:18px}.n8-featured h2{font-size:21px}.n8-featured p{font-size:12px}.n8-grid{grid-template-columns:1fr}.n8-card-image{aspect-ratio:1.75/1}.n8-card h3{font-size:16px}.n8-card p{font-size:12px}.n8-pagination{flex-direction:column}.n8-info-band{padding:14px}.n8-info-item{grid-template-columns:44px minmax(0,1fr);gap:11px}.n8-info-item>i{width:44px;height:44px}.n8-newsletter form{grid-column:1/-1}.n8-newsletter input{min-width:0}.n8-contact>a{grid-column:2}.n8-wave{height:82px}}

/* 0.8.2: featured news slider follows the active category/search */
.n8-featured-slider{position:relative}
.n8-featured-track{display:grid}
.n8-featured-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(18px);transition:opacity .42s ease,transform .42s ease,visibility .42s ease}
.n8-featured-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:2}
.n8-featured-dots{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 0 18px}
.n8-featured-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#d8dee8;padding:0;cursor:pointer;transition:width .2s ease,background .2s ease,transform .2s ease}
.n8-featured-dots button:hover,.n8-featured-dots button:focus-visible{background:#8fb4e6;transform:scale(1.12);outline:0}
.n8-featured-dots button.is-active{width:24px;border-radius:999px;background:#0c62cf}
@media(prefers-reduced-motion:reduce){.n8-featured-slide,.n8-featured-dots button{transition:none!important}}

/* 0.8.3: AJAX category tabs, lazy results, 12-card lists and pagination */
.n8-results{position:relative;min-height:180px;transition:opacity .2s ease}
.n8-results.is-loading{opacity:.52;pointer-events:none}
.n8-results.is-loading::before{content:"";position:absolute;z-index:30;left:50%;top:70px;width:34px;height:34px;margin-left:-17px;border:4px solid rgba(11,98,209,.18);border-top-color:#0b62d1;border-radius:50%;animation:n8Spin .75s linear infinite}
.n8-results.is-loading::after{content:"Memuat berita...";position:absolute;z-index:30;left:50%;top:113px;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:#fff;color:#0b4eaa;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 8px 22px rgba(15,50,103,.12)}
@keyframes n8Spin{to{transform:rotate(360deg)}}
.n8-results-summary{display:flex;justify-content:flex-end;min-height:22px;margin:-2px 2px 8px;color:#71809a;font-size:11px;font-weight:700}
.n8-featured-slider{margin-bottom:18px}
.n8-featured-slider .n8-featured-dots{padding-bottom:0}
.n8-grid{margin-top:0}
.n8-card{animation:n8CardIn .34s ease both}
.n8-card:nth-child(2){animation-delay:.025s}.n8-card:nth-child(3){animation-delay:.05s}.n8-card:nth-child(4){animation-delay:.075s}.n8-card:nth-child(5){animation-delay:.1s}.n8-card:nth-child(6){animation-delay:.125s}.n8-card:nth-child(7){animation-delay:.15s}.n8-card:nth-child(8){animation-delay:.175s}.n8-card:nth-child(9){animation-delay:.2s}.n8-card:nth-child(10){animation-delay:.225s}.n8-card:nth-child(11){animation-delay:.25s}.n8-card:nth-child(12){animation-delay:.275s}
@keyframes n8CardIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.n8-pagination-pages{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.n8-page-gap{min-width:22px;text-align:center;color:#75849b;font-weight:800}
.n8-page-prev,.n8-page-next{font-size:18px!important}
.n8-request-error{margin:0 0 15px;padding:12px 15px;border:1px solid #f1c7c7;border-radius:10px;background:#fff4f4;color:#9d2929;font-size:12px;font-weight:750}
.n8-categories a{cursor:pointer}
.n8-categories a:focus-visible,.n8-pagination a:focus-visible{outline:3px solid rgba(11,98,209,.2);outline-offset:2px}
@media(max-width:820px){.n8-results-summary{justify-content:flex-start}.n8-pagination{width:100%}.n8-pagination-pages{max-width:100%}}
@media(prefers-reduced-motion:reduce){.n8-results.is-loading::before,.n8-card{animation:none!important}}

/* 0.8.4: breadcrumb alignment refinement */
.n8-breadcrumb{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap;
  gap:10px!important;
}
.n8-breadcrumb a,
.n8-breadcrumb > span,
.n8-breadcrumb i{
  display:inline-flex;
  align-items:center;
  line-height:1;
}
.n8-breadcrumb a{
  gap:7px;
  color:#0b5fc9!important;
}
.n8-breadcrumb svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.n8-breadcrumb i{
  font-style:normal;
  color:#8ba2c2;
  transform:translateY(-1px);
}
.n8-breadcrumb > span{
  color:#365073;
}

/* 0.8.8: proportional News archive typography */
.n8-hero h1{font-size:clamp(2.25rem,4.8vw,3.875rem)!important;line-height:1.02!important}
.n8-hero p{font-size:1.0625rem!important;line-height:1.7!important}
.n8-breadcrumb{font-size:.875rem!important}
.n8-categories a{font-size:.875rem!important;min-height:42px!important}
.n8-search{min-height:46px!important}
.n8-search input{font-size:1rem!important}
.n8-featured-image>span{font-size:.75rem!important}
.n8-meta time,.n8-card-meta time{font-size:.8125rem!important}
.n8-meta b,.n8-card-meta b{font-size:.75rem!important}
.n8-featured h2{font-size:clamp(1.5rem,2.4vw,2rem)!important;line-height:1.25!important}
.n8-featured p{font-size:1rem!important;line-height:1.7!important}
.n8-read-primary{font-size:.875rem!important;min-height:44px!important}
.n8-card-meta time{font-size:.75rem!important}
.n8-card-meta b{font-size:.75rem!important}
.n8-card h3{font-size:1.125rem!important;line-height:1.35!important}
.n8-card p{font-size:.875rem!important;line-height:1.6!important}
.n8-read-card{font-size:.8125rem!important}
.n8-pagination .page-numbers,.n8-load-more{font-size:.875rem!important;min-height:38px!important}
.n8-results-summary{font-size:.8125rem!important}
.n8-info-item h3{font-size:1.125rem!important;line-height:1.35!important}
.n8-info-item p{font-size:.8125rem!important;line-height:1.5!important}
.n8-newsletter input,.n8-newsletter button,.n8-contact>a{font-size:1rem!important;min-height:44px!important}
.n8-request-error{font-size:.875rem!important}
@media(max-width:820px){
  .n8-hero h1{font-size:clamp(2.25rem,9vw,3rem)!important}
  .n8-hero p{font-size:1rem!important}
  .n8-featured h2{font-size:1.5rem!important}
  .n8-featured p{font-size:1rem!important}
  .n8-card h3{font-size:1.125rem!important}
  .n8-card p{font-size:.9375rem!important}
}