/*
Theme Name: Kominfo Banjar Modern
Theme URI: https://banjarkab.go.id/
Author: DKISP Kabupaten Banjar
Description: Theme portal DKISP Kabupaten Banjar dengan hero digital, layanan, berita, pengumuman dan akses cepat.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kominfo-banjar-modern
License: GPL-2.0-or-later
*/
:root{--navy:#061d48;--blue:#075bbd;--cyan:#20b9fa;--muted:#607492;--gold:#ffcc22;--light:#f3f8fd}*{box-sizing:border-box}body{margin:0;color:#071e46;font-family:Inter,'Segoe UI',Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}.wrap{max-width:1390px;margin:auto;padding:0 24px}.utility{background:#07346b;color:#e9f3ff;font-size:12px}.utility .wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:34px}.utility a{margin-left:15px}.header{background:white;box-shadow:0 5px 20px #003b7915;position:relative;z-index:10}.header .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:285px}.brand img{width:52px;height:61px;object-fit:contain}.brand strong{display:block;font-size:15px;line-height:1.17;font-weight:850}.brand small{font-size:12px;letter-spacing:.5px}.menu{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.menu li{position:relative}.menu>li>a{display:block;padding:14px 12px;font-weight:650;font-size:13px;border-radius:9px}.menu>li.current-menu-item>a,.menu>li>a:hover{background:#e8f4ff;color:#0563c5}.sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:210px;list-style:none;padding:9px;box-shadow:0 10px 30px #09244b2b;border-radius:10px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.sub-menu a{display:block;padding:10px;font-size:13px}.sub-menu a:hover{background:#e8f4ff}.hamburger{display:none;background:#0b5bc0;border:0;color:white;padding:10px 13px;border-radius:8px;font-size:21px}.hero{background:radial-gradient(circle at 35% 0%,#1468bb 0,transparent 46%),linear-gradient(120deg,#041f53,#07468c 58%,#037cd1);color:white;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(130deg,transparent 0 50px,#45b9ff0c 51px 52px);pointer-events:none}.hero-inner{min-height:370px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}.hero-copy{padding:45px 0;z-index:2}.eyebrow{color:#ffcf2b;font-weight:750;font-size:16px}.hero h1{font-size:clamp(40px,4.8vw,70px);letter-spacing:-2px;line-height:1.02;margin:12px 0 17px;font-weight:850}.hero h1 span{display:block;color:#3bbaff}.hero p{font-size:16px;line-height:1.65;max-width:570px;color:#e2f2ff}.btn{display:inline-flex;align-items:center;gap:14px;background:var(--gold);color:#071d3b;border-radius:12px;padding:15px 25px;font-size:14px;font-weight:800;margin-top:14px}.hero-visual{height:100%;min-height:370px;position:relative;display:flex;align-items:flex-end;justify-content:flex-end}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07468c 0%,transparent 35%),linear-gradient(0deg,#064582 0%,transparent 35%)}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.hero-pill{position:absolute;right:12px;top:35px;z-index:2;display:grid;gap:12px}.hero-pill span{display:block;padding:13px 18px;background:#095eafba;border:1px solid #ffffff7a;backdrop-filter:blur(7px);border-radius:12px;font-size:13px;font-weight:650}.services{background:#eaf6ff;padding:17px 0}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service{display:flex;align-items:center;gap:13px;padding:14px;background:white;border-radius:15px;min-height:88px;box-shadow:0 8px 20px #1d6cb00d;transition:transform .2s}.service:hover,.quick a:hover{transform:translateY(-4px)}.service-icon{width:54px;height:54px;display:grid;place-items:center;flex:none;border-radius:13px;background:#1679ec;color:#fff;font-size:25px}.service:nth-child(2) .service-icon{background:#22bb73}.service:nth-child(3) .service-icon{background:#ff9c21}.service:nth-child(4) .service-icon{background:#944cf2}.service:nth-child(5) .service-icon{background:#fb515c}.service strong{font-size:14px}.service small{display:block;font-size:11px;color:#536989;margin-top:5px;line-height:1.4}.content-area{padding:27px 0}.columns{display:grid;grid-template-columns:1.65fr .8fr .62fr;gap:22px}.panel{min-width:0}.panel+.panel{border-left:1px solid #e3edf7;padding-left:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;gap:12px}.section-head h2{margin:0;font-size:20px;letter-spacing:-.4px}.section-head a{font-size:12px;color:#0067cf;font-weight:750}.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:14px}.feature-story{position:relative;min-height:265px;border-radius:12px;overflow:hidden;background:#08264b;color:white}.feature-story img{width:100%;height:100%;position:absolute;object-fit:cover}.feature-story:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03142df5,transparent 75%)}.feature-text{position:absolute;bottom:0;left:0;right:0;z-index:1;padding:20px}.feature-text strong{font-size:20px;line-height:1.3;display:block}.feature-text p{font-size:12px;line-height:1.5;color:#e1ebf6}.tag{font-size:11px;background:#0b6ee7;padding:5px 9px;border-radius:6px}.news-list{display:grid;gap:11px}.news-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #eaf0f6;padding-bottom:10px}.news-item img{width:83px;height:62px;object-fit:cover;border-radius:8px;flex:none}.news-item small{display:block;font-size:10px;color:#6b83a2}.news-item strong{display:block;font-size:12px;line-height:1.4;margin-top:3px}.survey-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e5edf7;border-radius:13px;background:#f7fbff;min-height:265px;transition:transform .2s,box-shadow .2s}.survey-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #084b8d1c}.survey-card>img{display:block;width:100%;height:138px;object-fit:cover}.survey-copy{display:grid;gap:8px;padding:14px}.survey-copy>strong{font-size:15px;line-height:1.35}.survey-copy>span{font-size:12px;line-height:1.5;color:#5b6f8b}.survey-copy>b{display:inline-flex;justify-self:start;margin-top:2px;border-radius:8px;background:#0868ca;color:white;padding:9px 14px;font-size:12px}.survey-panel .section-head{margin-bottom:12px}.announcement{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #e5edf7}.date{background:#e9f4ff;color:#055bb8;border-radius:9px;padding:9px;min-width:42px;text-align:center;font-weight:850;font-size:17px}.date small{display:block;font-size:10px;font-weight:500}.announcement a{font-size:12px;line-height:1.5}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick a{min-height:86px;border-radius:12px;background:#e7f5ff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;transition:transform .2s;font-weight:750;font-size:12px}.quick a:nth-child(2){background:#fff2e2}.quick a:nth-child(3){background:#f1eaff}.quick a:nth-child(4){background:#e6f1ff}.quick a:nth-child(5){background:#e5f8ed}.quick a:nth-child(6){background:#ffebee}.quick .symbol{font-size:29px;margin-bottom:7px}.commit{background:linear-gradient(100deg,#06346e,#002351);color:#fff;padding:26px 0}.commit-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.commit h2{font-size:21px;max-width:300px;margin:0}.commit span{font-size:13px;line-height:1.5;max-width:180px}.commit b{font-size:26px;display:block}.footer{background:#031b3f;color:#dce9ff;padding:38px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px}.footer h3{font-size:16px;color:#fff}.footer p,.footer li{font-size:13px;line-height:1.9}.footer ul{list-style:none;padding:0}.footer a:hover{color:#52bfff}.copyright{border-top:1px solid #ffffff25;padding-top:17px;margin-top:25px;font-size:12px;color:#a6bbd5}.archive-main{min-height:50vh;padding:42px 0}.post-card{border-bottom:1px solid #e5edf7;padding:20px 0}.post-card h2{margin:5px 0}.post-card p{color:#62748d}.single-content{max-width:850px;margin:0 auto;line-height:1.8}.single-content h1{line-height:1.2}.screen-reader-text{position:absolute;left:-9999px}@media(max-width:1150px){.columns{grid-template-columns:1.5fr 1fr}.columns .panel:last-child{grid-column:1/-1;border:0;padding:0}.service-grid{grid-template-columns:repeat(3,1fr)}.quick{grid-template-columns:repeat(6,1fr)}}@media(max-width:800px){.utility .wrap{justify-content:center}.utility .right,.utility .extra{display:none}.hamburger{display:block}.header .wrap{min-height:75px}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:white;box-shadow:0 20px 30px #001e4226;padding:12px 20px;flex-direction:column;align-items:stretch}.menu.is-open{display:flex}.sub-menu{display:block;position:static;box-shadow:none;padding-left:15px}.hero-inner{display:block}.hero-copy{padding:42px 0}.hero-visual{display:none}.hero h1{font-size:48px}.service-grid{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.panel+.panel{border-left:0;padding-left:0}.quick{grid-template-columns:repeat(3,1fr)}.commit-inner{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.wrap{padding:0 16px}.brand{min-width:0}.brand strong{font-size:12px}.brand small{font-size:10px}.brand img{width:40px}.hero h1{font-size:40px}.service-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr}.quick{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}}

/* Refined survey feature card */
.survey-panel{position:relative}
.survey-panel .section-head h2{display:flex;align-items:center;gap:9px;font-size:18px;letter-spacing:-.35px}
.survey-panel .section-head h2:before{content:"";width:4px;height:22px;border-radius:9px;background:linear-gradient(180deg,#25b8ff,#0864c4)}
.survey-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:310px;overflow:hidden;border:1px solid #dceaf8;border-radius:18px;background:linear-gradient(145deg,#f8fcff,#edf6ff);box-shadow:0 8px 24px rgba(8,63,119,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.survey-card:before{content:"";position:absolute;z-index:-1;width:190px;height:190px;right:-80px;top:-95px;border-radius:50%;background:radial-gradient(circle,#57c7ff50,transparent 70%)}
.survey-card:hover{transform:translateY(-4px);border-color:#a8d7ff;box-shadow:0 16px 34px rgba(8,63,119,.16)}
.survey-card>img{display:block;width:100%;height:142px;object-fit:cover;background:linear-gradient(135deg,#d8efff,#edf6ff)}
.survey-copy{position:relative;display:grid;align-content:start;gap:8px;flex:1;padding:15px 16px 16px}
.survey-copy>strong{color:#08285a;font-size:16px;line-height:1.35;letter-spacing:-.25px}
.survey-copy>span{color:#5c718d;font-size:12px;line-height:1.55}
.survey-copy>b{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin-top:4px;border-radius:9px;background:linear-gradient(105deg,#0876dc,#0757b5);box-shadow:0 5px 12px #075bbd2b;color:white;padding:10px 14px;font-size:12px;font-weight:750;transition:gap .2s,box-shadow .2s}
.survey-card:hover .survey-copy>b{gap:12px;box-shadow:0 7px 18px #075bbd45}
@media(max-width:1150px){.columns .survey-panel{grid-column:2;grid-row:auto}.survey-card{min-height:290px}}
@media(max-width:800px){.columns .survey-panel{grid-column:auto}.survey-card{min-height:0}.survey-card>img{height:190px}.survey-copy{padding:17px}}
@media(max-width:500px){.survey-card>img{height:165px}.survey-copy>strong{font-size:15px}}

/* Keep uploaded QR artwork fully visible in the survey card. */
.survey-card>img{object-fit:contain!important;object-position:center;background:#fff;padding:12px}
@media(max-width:800px){.survey-card>img{height:210px;padding:14px}}

/* Editorial layout for the Halaman Berita page */
.news-page{background:#f6f9fd;min-height:60vh;padding-bottom:56px}
.news-masthead{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 82% 0%,#1780d8 0,transparent 42%),linear-gradient(120deg,#061e4b,#0758a4 72%,#0a79c9)}
.news-masthead:after{content:"";position:absolute;right:-110px;bottom:-230px;width:510px;height:510px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 75px #ffffff06,0 0 0 120px #ffffff04;pointer-events:none}
.news-masthead-inner{position:relative;z-index:1;padding-top:54px;padding-bottom:48px}
.news-kicker{display:inline-block;color:#49c6ff;font-size:11px;font-weight:850;letter-spacing:1.7px}
.news-masthead h1{margin:9px 0;font-size:clamp(34px,4.4vw,56px);line-height:1.05;letter-spacing:-1.8px}
.news-masthead h1 span{color:#7bd2ff}
.news-masthead p{max-width:640px;margin:0;color:#deefff;font-size:15px;line-height:1.7}
.news-search{display:flex;max-width:510px;margin-top:24px;padding:5px;border:1px solid #ffffff45;border-radius:12px;background:#fff;box-shadow:0 10px 26px #001a3b30}
.news-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 13px;color:#102c55;font:inherit;font-size:13px;background:transparent}
.news-search button{border:0;border-radius:9px;padding:0 17px;background:#ffcf24;color:#07234c;font-weight:800;cursor:pointer}
.news-content{padding-top:30px}
.news-featured{display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden;border:1px solid #e0eaf5;border-radius:18px;background:#fff;box-shadow:0 12px 35px #082b5010}
.news-featured-image{position:relative;display:block;min-height:310px;overflow:hidden;background:#d9e9f8}
.news-featured-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#061c43a0,transparent)}
.news-featured-image img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .45s}
.news-featured:hover .news-featured-image img,.news-card:hover .news-card-image img{transform:scale(1.04)}
.news-image-label{position:absolute;z-index:1;left:20px;bottom:18px;padding:7px 10px;border-radius:6px;background:#0876df;color:#fff;font-size:10px;font-weight:850;letter-spacing:.6px}
.news-featured-copy{align-self:center;padding:30px 34px}
.news-meta{color:#70839d;font-size:11px;font-weight:650}
.news-meta span{padding:0 5px;color:#0b72d4}
.news-featured-copy h2{margin:13px 0 10px;color:#082452;font-size:clamp(22px,2.5vw,31px);line-height:1.24;letter-spacing:-.7px}
.news-featured-copy p{color:#62758e;font-size:13px;line-height:1.7}
.news-read-more,.news-card-link{display:inline-flex;align-items:center;gap:9px;margin-top:8px;color:#0868c5;font-size:12px;font-weight:800}
.news-read-more span,.news-card-link span{transition:transform .2s}
.news-read-more:hover span,.news-card-link:hover span{transform:translateX(4px)}
.news-list-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:35px 0 17px}
.news-list-heading h2{margin:5px 0 0;color:#082452;font-size:24px;letter-spacing:-.5px}
.news-count{padding:7px 11px;border:1px solid #dfebf7;border-radius:99px;background:#fff;color:#60758f;font-size:11px;font-weight:700}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.news-card{overflow:hidden;border:1px solid #e3ebf4;border-radius:15px;background:#fff;box-shadow:0 5px 18px #06274b08;transition:transform .22s,box-shadow .22s}
.news-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #06274b16}
.news-card-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#deebf7}
.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.news-card-image>span{position:absolute;left:13px;top:13px;border:1px solid #ffffff60;border-radius:6px;padding:6px 9px;background:#075db6df;color:#fff;font-size:10px;font-weight:750;backdrop-filter:blur(5px)}
.news-card-copy{padding:16px 17px 18px}
.news-card-copy time{color:#7386a0;font-size:10px;font-weight:650}
.news-card-copy h3{margin:9px 0;color:#082452;font-size:16px;line-height:1.4;letter-spacing:-.2px}
.news-card-copy h3 a:hover{color:#0868c5}
.news-card-copy p{min-height:54px;margin:0;color:#667a93;font-size:12px;line-height:1.55}
.news-card-link{margin-top:13px}
.news-pagination{margin-top:30px}
.news-pagination .page-numbers{display:flex;justify-content:center;gap:7px;list-style:none;padding:0}
.news-pagination .page-numbers a,.news-pagination .page-numbers span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border:1px solid #dfebf6;border-radius:9px;background:#fff;color:#315372;font-size:12px;font-weight:700}
.news-pagination .page-numbers .current{border-color:#0868c5;background:#0868c5;color:#fff}
.news-empty{padding:50px 22px;border:1px dashed #b7cde2;border-radius:14px;background:#fff;text-align:center;color:#5d718b}
.news-empty strong{color:#0c2b55;font-size:18px}
.news-empty p{font-size:13px}
@media(max-width:900px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-featured{grid-template-columns:1fr 1fr}.news-featured-image{min-height:270px}.news-featured-copy{padding:23px}}
@media(max-width:650px){.news-masthead-inner{padding-top:38px;padding-bottom:34px}.news-masthead p{font-size:13px}.news-content{padding-top:20px}.news-featured{grid-template-columns:1fr}.news-featured-image{min-height:220px}.news-featured-copy{padding:22px}.news-grid{grid-template-columns:1fr;gap:14px}.news-card{display:grid;grid-template-columns:38% 1fr}.news-card-image{height:100%;min-height:190px;aspect-ratio:auto}.news-card-copy{padding:14px}.news-card-copy h3{font-size:14px}.news-card-copy p{min-height:0}.news-list-heading{margin-top:27px}}
@media(max-width:420px){.news-card{grid-template-columns:1fr}.news-card-image{height:auto;min-height:0;aspect-ratio:16/9}.news-card-copy p{min-height:0}}

/* News archive: consistent responsive card grid */
.news-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.news-card{display:flex;flex-direction:column;height:100%}
.news-card-image{flex:none;aspect-ratio:16/10}
.news-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.news-card-copy p{flex:1}
@media(max-width:1100px){.news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}}
@media(max-width:650px){.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-card{display:flex;flex-direction:column}.news-card-image{height:auto;min-height:0;aspect-ratio:4/3}.news-card-copy{padding:13px}.news-card-copy h3{font-size:14px}.news-card-copy p{min-height:0}}
@media(max-width:450px){.news-grid{grid-template-columns:1fr;gap:13px}.news-card-image{aspect-ratio:16/9}}

/* Consistent modern layouts for interior pages and articles */
.inner-page{min-height:55vh;background:#f5f8fc;padding-bottom:54px}
.inner-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 85% 0%,#1678c9 0,transparent 44%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.inner-hero:after{content:"";position:absolute;right:-100px;bottom:-240px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 35px #ffffff08,0 0 0 80px #ffffff05;pointer-events:none}
.inner-hero-content{position:relative;z-index:1;padding-top:30px;padding-bottom:38px}
.breadcrumbs{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#c4dcf4;font-size:11px}
.breadcrumbs a:hover{color:#fff;text-decoration:underline}
.breadcrumbs span:last-child{color:#fff}
.inner-kicker{display:inline-block;color:#67caff;font-size:10px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase}
.inner-hero h1{max-width:950px;margin:9px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.14;letter-spacing:-1px;color:#fff}
.inner-hero-accent{display:block;width:46px;height:4px;margin-top:18px;border-radius:4px;background:#ffd12d}
.inner-page-body{position:relative;z-index:2;margin-top:-16px}
.page-content-card,.article-card{min-width:0;border:1px solid #e4ebf3;border-radius:16px;background:#fff;box-shadow:0 10px 28px #082b5010}
.page-content-card{padding:clamp(22px,4vw,44px)}
.page-feature-image{overflow:hidden;margin:0 0 20px;border-radius:16px;box-shadow:0 10px 28px #082b5010}
.page-feature-image img{display:block;width:100%;max-height:440px;object-fit:cover}
.entry-content{color:#3d5069;font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.entry-content>:first-child{margin-top:0}
.entry-content h2,.entry-content h3,.entry-content h4{margin:1.7em 0 .6em;color:#092957;line-height:1.3;letter-spacing:-.3px}
.entry-content h2{font-size:25px}.entry-content h3{font-size:20px}.entry-content h4{font-size:17px}
.entry-content p{margin:0 0 1.15em}
.entry-content a{color:#0768c7;text-decoration:underline;text-underline-offset:3px}
.entry-content ul,.entry-content ol{padding-left:1.4em;margin:0 0 1.4em}
.entry-content li{padding-left:.2em;margin:.45em 0}
.entry-content li::marker{color:#0876d7}
.entry-content blockquote{margin:1.5em 0;padding:16px 22px;border-left:4px solid #0782d6;border-radius:0 10px 10px 0;background:#f0f7ff;color:#24496f}
.entry-content img{height:auto;border-radius:10px}
.entry-content figure{margin:1.5em 0}
.entry-content figcaption{color:#778ba3;font-size:12px;text-align:center}
.entry-content table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:13px}
.entry-content th,.entry-content td{padding:11px 13px;border:1px solid #dfe8f2;text-align:left}
.entry-content th{background:#edf6ff;color:#092957}
.entry-content iframe{max-width:100%}
.single-page .inner-hero-content{padding-bottom:43px}
.single-page .inner-hero h1{font-size:clamp(27px,3.5vw,42px)}
.article-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;color:#d0e6fa;font-size:11px}
.single-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px;margin-top:-16px;position:relative;z-index:2}
.article-card{overflow:hidden}
.article-feature-image{margin:0;background:#e4eef8}
.article-feature-image img{display:block;width:100%;max-height:520px;object-fit:cover}
.article-card .entry-content{padding:clamp(22px,4vw,42px)}
.article-tags{display:flex;flex-wrap:wrap;gap:7px;padding:0 35px 26px}
.article-tags a{display:inline-block;padding:6px 10px;border-radius:99px;background:#edf6ff;color:#0962b4;font-size:10px;font-weight:750}
.article-aside{position:sticky;top:20px}
.aside-card{padding:21px;border:1px solid #dce9f5;border-radius:15px;background:linear-gradient(150deg,#fff,#f0f7ff);box-shadow:0 8px 22px #082b500c}
.aside-card h2{margin:9px 0;color:#092957;font-size:19px;line-height:1.35}
.aside-card p{color:#60758d;font-size:12px;line-height:1.65}
.aside-card>a{color:#0868c5;font-size:12px;font-weight:800}
.archive-content{padding-top:30px}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.archive-grid .news-card{display:flex;flex-direction:column;height:100%}
.archive-grid .news-card-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.archive-grid .news-card-copy p{flex:1}
.not-found-page{display:grid;min-height:56vh;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 5%,#dff2ff,#f6f9fd 65%)}
.not-found-content{padding-top:55px;padding-bottom:60px;text-align:center}
.not-found-code{display:block;color:#d9ecfa;font-size:clamp(100px,20vw,190px);font-weight:900;line-height:.9;letter-spacing:-10px}
.not-found-content .inner-kicker{margin-top:20px;color:#0871c9}
.not-found-content h1{max-width:700px;margin:10px auto;color:#092957;font-size:clamp(27px,4vw,42px);line-height:1.2}
.not-found-content p{max-width:570px;margin:0 auto;color:#62758d;font-size:14px;line-height:1.7}
.not-found-content>div{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.not-found-link{margin-top:14px;color:#0868c5;font-size:13px;font-weight:750}
@media(max-width:900px){.single-layout{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.inner-hero-content{padding-top:22px;padding-bottom:30px}.breadcrumbs{margin-bottom:19px}.inner-page{padding-bottom:35px}.single-layout{grid-template-columns:1fr}.article-aside{position:static}.archive-grid{gap:14px}}
@media(max-width:480px){.archive-grid{grid-template-columns:1fr}.page-content-card{padding:20px}.entry-content{font-size:14px}.article-card .entry-content{padding:20px}.article-tags{padding:0 20px 20px}.not-found-content>div{gap:10px}}

/* Polished article layout, editorial widgets and related stories */
.article-hero{background:radial-gradient(ellipse at 87% 0%,#1285d8 0,transparent 39%),linear-gradient(118deg,#061c46,#0758a4 70%,#087aca)}
.article-hero:after{content:"";position:absolute;right:-115px;bottom:-270px;width:500px;height:500px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 38px #ffffff07,0 0 0 78px #ffffff04;pointer-events:none}
.article-hero .inner-hero-content{position:relative;z-index:1;max-width:1450px;padding-top:26px;padding-bottom:48px}
.article-hero .inner-kicker{display:inline-flex;padding:6px 9px;border:1px solid #ffffff28;border-radius:99px;background:#ffffff12;color:#8bdcff;font-size:9px;letter-spacing:1px}
.single-page .inner-hero h1{max-width:970px;margin:13px 0 0;color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.17;letter-spacing:-.8px;text-wrap:balance}
.single-page .article-meta{align-items:center;gap:9px;margin-top:19px}
.article-meta>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffffff24;border-radius:8px;background:#ffffff10;color:#e1f0ff;font-size:10px}
.article-meta i{font-style:normal;color:#8ad8ff}
.single-layout{grid-template-columns:minmax(0,1fr) 305px;gap:24px;margin-top:-19px}
.article-card{border:1px solid #e1eaf3;border-radius:16px;background:#fff;box-shadow:0 12px 35px #082b5012}
.article-feature-image{overflow:hidden;margin:0;background:#e4eef8}
.article-feature-image img{width:100%;max-height:540px;object-fit:cover;object-position:center}
.article-feature-image figcaption{padding:8px 16px;background:#f7faff;color:#778ba3;font-size:10px;text-align:left}
.article-content-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 clamp(22px,4vw,42px);padding:18px 0 13px;border-bottom:1px solid #edf1f6;color:#0b68b9;font-size:9px;font-weight:850;letter-spacing:.8px}
.article-content-head strong{color:#8999ac;font-size:10px;font-weight:600;letter-spacing:0}
.article-card .entry-content{max-width:850px;padding:25px clamp(22px,4vw,42px) 22px;color:#263d59;font-size:15px;line-height:1.85}
.article-card .entry-content>p:first-child:first-letter{color:#076cc2;font-size:1.15em;font-weight:700}
.article-card .entry-content h2,.article-card .entry-content h3{margin:1.6em 0 .6em;color:#092957;line-height:1.3}
.article-card .entry-content h2{font-size:24px}.article-card .entry-content h3{font-size:19px}
.article-card .entry-content a{font-weight:650}
.article-tags{align-items:center;margin:0 0;padding:10px clamp(22px,4vw,42px) 20px;color:#8292a4;font-size:10px}
.article-tags>span{margin-right:3px;font-weight:750}
.article-tags a{border:1px solid #dfebf6;background:#f3f8fd}
.article-share{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 clamp(22px,4vw,42px);padding:18px 0;border-top:1px solid #edf1f6}
.article-share>strong{color:#253d59;font-size:12px;font-weight:750}
.article-share>div{display:flex;flex-wrap:wrap;gap:9px}
.article-share-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #e1eaf3;border-radius:11px;background:#fff;color:#173352;font-family:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}
.article-share-button svg{width:17px;height:17px;fill:currentColor}
.article-share-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0a31501a}
.article-share-button:focus-visible{outline:3px solid #79bdff;outline-offset:2px}
.article-share-facebook{border-color:#d9e5fb;background:#f2f6ff;color:#1877f2}
.article-share-facebook:hover{border-color:#9bbaf6;background:#e9f0ff}
.article-share-whatsapp{border-color:#d4efdf;background:#effbf3;color:#148944}
.article-share-whatsapp:hover{border-color:#99d9af;background:#e4f7eb}
.article-share .article-copy-link{background:#f5f8fb;color:#425a73}
.article-share .article-copy-link:hover{border-color:#b9cadd;background:#edf3f8}
.article-post-nav{display:flex;justify-content:space-between;gap:12px;margin:0 clamp(22px,4vw,42px);padding:14px 0 20px;border-top:1px solid #edf1f6}
.article-post-nav a{display:block;max-width:48%;color:#1264a9;font-size:10px;font-weight:800;line-height:1.5}
.article-post-nav .article-nav-next{text-align:right}
.article-aside{display:grid;gap:13px;top:16px}
.article-widget{padding:18px;border-color:#e1eaf3;border-radius:15px;background:#fff;box-shadow:0 8px 24px #082b500b}
.article-about-widget{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#edf7ff)}
.article-about-widget:after{content:"";position:absolute;right:-53px;top:-62px;width:145px;height:145px;border:1px solid #0b72c31a;border-radius:50%;box-shadow:0 0 0 18px #0b72c308;pointer-events:none}
.article-widget-icon{display:grid;place-items:center;width:37px;height:37px;margin-bottom:12px;border-radius:11px;background:linear-gradient(145deg,#0b80d4,#0756a6);color:#fff;font-size:17px}
.article-about-widget .inner-kicker{color:#0b73c4}.article-about-widget h2{position:relative;z-index:1;margin:6px 0;color:#092957;font-size:17px;line-height:1.35}.article-about-widget p{position:relative;z-index:1;margin:0 0 13px;color:#6a7d92;font-size:11px;line-height:1.65}
.article-about-widget>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-radius:8px;background:#0869bc;color:#fff;font-size:10px;font-weight:800}
.article-widget-title{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#092957;font-size:14px}
.article-widget-title>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e8f5ff;color:#0871c8;font-size:13px}
.article-recent-list{display:grid}
.article-recent-item{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1f6}
.article-recent-thumb{display:grid;place-items:center;overflow:hidden;width:64px;height:54px;border-radius:8px;background:#e8f4fd;color:#1482ca}
.article-recent-thumb img{display:block;width:100%;height:100%;object-fit:cover}.article-recent-thumb i{font-size:18px;font-style:normal}
.article-recent-item small,.article-recent-item strong{display:block}.article-recent-item small{margin-bottom:4px;color:#8697aa;font-size:9px}.article-recent-item strong{display:-webkit-box;overflow:hidden;color:#16385f;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:3}.article-recent-item:hover strong{color:#0871c8}
.article-links-widget>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #edf1f6;color:#536c87;font-size:10px;font-weight:700}.article-links-widget>a b{color:#0871c8;font-size:13px}.article-links-widget>a:hover{color:#0871c8}
.related-news{padding-top:42px;padding-bottom:48px}
.related-news-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:16px}
.related-news-heading .inner-kicker{color:#0872c8}.related-news-heading h2{margin:4px 0 0;color:#092957;font-size:25px;letter-spacing:-.5px}
.related-news-heading>a{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #d8e6f3;border-radius:8px;background:#fff;color:#0b66b2;font-size:10px;font-weight:800}
.related-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.related-news-card{overflow:hidden;border:1px solid #e1eaf3;border-radius:14px;background:#fff;box-shadow:0 7px 20px #082b5009;transition:transform .2s,box-shadow .2s}
.related-news-card:hover{transform:translateY(-3px);box-shadow:0 13px 27px #082b5018}
.related-news-image{display:grid;place-items:center;overflow:hidden;height:175px;background:linear-gradient(130deg,#0b3670,#1288d4);color:#dff3ff;font-size:11px;font-weight:850;letter-spacing:1px}
.related-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.related-news-card:hover .related-news-image img{transform:scale(1.04)}
.related-news-card>div{display:flex;min-height:174px;flex-direction:column;padding:15px}
.related-news-card small{color:#8798aa;font-size:9px}.related-news-card h3{margin:7px 0;color:#102f58;font-size:14px;line-height:1.4}.related-news-card h3 a:hover{color:#0871c8}.related-news-card p{margin:0 0 12px;color:#6c7f94;font-size:10px;line-height:1.6}
.related-read-more{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px;color:#0871c8;font-size:10px;font-weight:850}
@media(max-width:900px){.single-layout{grid-template-columns:minmax(0,1fr) 270px}.related-news-image{height:145px}}
@media(max-width:700px){.single-page .inner-hero h1{font-size:clamp(28px,7vw,38px)}.single-page .inner-hero-content{padding-bottom:38px}.single-layout{grid-template-columns:1fr}.article-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.article-about-widget{grid-column:1/-1}.related-news{padding-top:32px}.related-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.article-meta{gap:6px}.article-meta>span{padding:6px 7px;font-size:9px}.article-aside{grid-template-columns:1fr}.article-about-widget{grid-column:auto}.article-share{align-items:flex-start;flex-direction:column}.related-news-grid{grid-template-columns:1fr}.related-news-image{height:190px}.related-news-card>div{min-height:0}.article-content-head{margin:0 20px}.article-post-nav{margin:0 20px}}

/* Visible author bylines across every news card */
.news-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;margin-bottom:8px;color:#7c8da2;font-size:9px;line-height:1.4}
.news-card-meta time,.news-card-meta span{display:inline-flex;align-items:center;gap:4px}
.news-card-meta span{color:#476987;font-weight:650}
.feature-byline{display:block;margin:9px 0 5px;color:#d3e8fa;font-size:10px;font-weight:650}
.news-item small{line-height:1.5}
.related-news-card small{line-height:1.5}
@media(max-width:500px){.news-card-meta{font-size:9px}}

/* Rich content layout and contextual sidebar for all regular pages */
.page-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;margin-top:-16px}
.page-main{min-width:0}
.page-main .page-content-card{padding:clamp(24px,4vw,44px)}
.page-aside{display:grid;gap:14px;position:sticky;top:20px}
.page-aside-card{padding:20px;border:1px solid #e0eaf4;border-radius:15px;background:#fff;box-shadow:0 8px 24px #082b500c}
.page-aside-highlight{position:relative;overflow:hidden;background:linear-gradient(145deg,#08295a,#075ca9);color:#fff}
.page-aside-highlight:after{content:"";position:absolute;right:-46px;bottom:-74px;width:160px;height:160px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff06}
.page-aside-highlight .inner-kicker{color:#7bd2ff}
.page-aside-highlight h2{position:relative;z-index:1;margin:11px 0 8px;color:#fff;font-size:19px;line-height:1.35}
.page-aside-highlight p{position:relative;z-index:1;margin:0;color:#d2e8fa;font-size:12px;line-height:1.65}
.aside-icon{display:grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:11px;background:#ffffff20;color:#ffda43;font-size:20px}
.page-aside-card>h2{margin:0 0 12px;color:#092957;font-size:16px}
.page-service-links{display:grid}
.page-service-links a{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #edf1f6;color:#47617c;font-size:12px;font-weight:650}
.page-service-links a b{color:#0872ce;font-size:16px;transition:transform .2s}
.page-service-links a:hover{color:#0868c5}.page-service-links a:hover b{transform:translateX(3px)}
.page-contact-card .inner-kicker{color:#0870c8}
.page-contact-card h2{margin:7px 0;color:#092957;font-size:18px}
.page-contact-card p{margin:0 0 10px;color:#647890;font-size:12px;line-height:1.5}
.page-contact-card>a{display:block;margin-top:7px;color:#0968be;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.page-id-7445 .entry-content>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none}
.page-id-7445 .entry-content>ul>li{position:relative;margin:0;padding:16px 15px 15px 43px;border:1px solid #e1ebf5;border-radius:12px;background:linear-gradient(145deg,#fff,#f5faff);font-size:13px;line-height:1.6}
.page-id-7445 .entry-content>ul>li:before{content:"✓";position:absolute;left:14px;top:16px;display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#e5f3ff;color:#0872cb;font-size:12px;font-weight:900}
.page-id-7445 .entry-content>ul>li strong{display:block;margin-bottom:4px;color:#0a2b58}
@media(max-width:950px){.page-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}}
@media(max-width:750px){.page-layout{grid-template-columns:1fr}.page-aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.page-aside-highlight{grid-column:1/-1}.page-contact-card{grid-column:1/-1}}
@media(max-width:520px){.page-aside{grid-template-columns:1fr}.page-aside-highlight,.page-contact-card{grid-column:auto}.page-id-7445 .entry-content>ul{grid-template-columns:1fr}.page-main .page-content-card{padding:20px}}

/* Box-forward presentation for page content */
.page-main .page-content-card{padding:0;border:0;background:transparent;box-shadow:none}
.page-main .entry-content{display:grid;gap:16px}
.page-main .entry-content>p{margin:0;padding:21px 23px;border:1px solid #e1eaf4;border-radius:15px;background:#fff;box-shadow:0 7px 20px #092b500a}
.page-main .entry-content>p:first-child{position:relative;overflow:hidden;padding:24px 25px 24px 29px;border-color:#cfe4f8;background:linear-gradient(120deg,#fff,#f0f8ff);color:#304d6b;font-size:16px;line-height:1.8}
.page-main .entry-content>p:first-child:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#20b8fa,#075fba)}
.page-main .entry-content>h2{position:relative;margin:16px 0 -5px;padding:15px 19px 15px 50px;border:1px solid #d8e8f6;border-radius:13px;background:linear-gradient(105deg,#eaf5ff,#fff);color:#082c5e;font-size:19px;box-shadow:0 5px 16px #092b5008}
.page-main .entry-content>h2:before{content:"✦";position:absolute;left:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#0b69c3;color:#fff;font-size:12px}
.page-main .entry-content>ul,.page-main .entry-content>ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0;padding:0;list-style:none}
.page-main .entry-content>ul>li,.page-main .entry-content>ol>li{position:relative;margin:0;padding:19px 17px 18px 48px;border:1px solid #e0eaf4;border-radius:14px;background:#fff;box-shadow:0 6px 18px #092b5008;font-size:13px;line-height:1.65;transition:transform .2s,border-color .2s,box-shadow .2s}
.page-main .entry-content>ul>li:hover,.page-main .entry-content>ol>li:hover{transform:translateY(-3px);border-color:#b9d9f5;box-shadow:0 12px 24px #092b5014}
.page-main .entry-content>ul>li:before{content:"✓";position:absolute;left:15px;top:17px;display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:#e8f5ff;color:#0872c9;font-size:12px;font-weight:900}
.page-main .entry-content>ol{counter-reset:page-item}
.page-main .entry-content>ol>li{counter-increment:page-item}
.page-main .entry-content>ol>li:before{content:counter(page-item,decimal-leading-zero);position:absolute;left:14px;top:17px;color:#0872c9;font-size:13px;font-weight:850}
.page-main .entry-content>ul>li strong,.page-main .entry-content>ol>li strong{display:block;margin-bottom:5px;color:#092957;font-size:14px}
.page-main .entry-content>blockquote{margin:0;padding:22px 25px;border:1px solid #cfe4f8;border-left:5px solid #0874cf;border-radius:14px;background:linear-gradient(120deg,#edf7ff,#fff);box-shadow:0 6px 18px #092b5008}
.page-main .entry-content>figure{margin:0;padding:10px;border:1px solid #e1eaf4;border-radius:15px;background:#fff;box-shadow:0 7px 20px #092b500a}
.page-main .entry-content>figure img{display:block;width:100%;max-height:430px;object-fit:cover;border-radius:10px}
.page-aside-card{border-radius:17px;box-shadow:0 10px 26px #082b5010}
.page-service-links a{margin:3px 0;padding:12px 11px;border:1px solid #e9f0f7;border-radius:9px;background:#fbfdff}
.page-service-links a:hover{border-color:#b9d9f5;background:#f1f8ff}
.page-contact-card>a{padding:9px 10px;border:1px solid #e5edf6;border-radius:9px;background:#f8fbff}
@media(max-width:520px){.page-main .entry-content>p,.page-main .entry-content>p:first-child{padding:18px}.page-main .entry-content>p:first-child{padding-left:23px}.page-main .entry-content>ul,.page-main .entry-content>ol{grid-template-columns:1fr}.page-main .entry-content>h2{font-size:17px;padding:13px 14px 13px 45px}}

/* Document archive and WP Download Manager package cards */
.documents-page{min-height:60vh;padding-bottom:55px;background:#f4f8fc}
.documents-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 85% 0%,#1883d3 0,transparent 43%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.documents-hero:after{content:"";position:absolute;right:-80px;bottom:-250px;width:500px;height:500px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 40px #ffffff08,0 0 0 90px #ffffff05;pointer-events:none}
.documents-hero-inner{position:relative;z-index:1;padding-top:28px;padding-bottom:35px}
.documents-hero .breadcrumbs{margin-bottom:22px}
.documents-hero .inner-kicker{color:#71d0ff}
.documents-hero h1{margin:8px 0;color:#fff;font-size:clamp(34px,4vw,48px);letter-spacing:-1px}
.documents-hero p{max-width:720px;margin:0;color:#deefff;font-size:14px;line-height:1.7}
.documents-highlights{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.documents-highlights span{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffff35;border-radius:9px;background:#ffffff12;color:#f4f9ff;font-size:11px;font-weight:650;backdrop-filter:blur(6px)}
.documents-highlights b{color:#ffdb48;font-size:14px}
.documents-content{position:relative;z-index:2;margin-top:-14px}
.documents-intro{display:flex;align-items:center;gap:13px;margin-bottom:16px;padding:17px 20px;border:1px solid #dbe9f6;border-radius:14px;background:#fff;box-shadow:0 8px 22px #082b500b}
.documents-intro-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#e8f4ff;color:#0872ce;font-size:19px}
.documents-intro strong{color:#092957;font-size:14px}
.documents-intro p{margin:4px 0 0;color:#63778e;font-size:12px;line-height:1.5}
.documents-card{padding:clamp(18px,3vw,30px);border:1px solid #e1eaf4;border-radius:16px;background:#fff;box-shadow:0 10px 28px #082b5010}
.documents-card .entry-content{color:#455b74;font-size:14px;line-height:1.65}
.documents-card .entry-content>p:first-child:has(img){display:flex;justify-content:center;margin:0 0 22px;padding:14px;border:1px solid #e7eef6;border-radius:13px;background:linear-gradient(120deg,#f7fbff,#fff)}
.documents-card .entry-content>p:first-child img{width:auto;max-width:100%;height:auto;max-height:190px;object-fit:contain}
.documents-card .entry-content h2,.documents-card .entry-content h3{position:relative;display:flex;align-items:center;gap:10px;margin:27px 0 12px;padding:12px 16px;border:1px solid #dbe9f6;border-radius:11px;background:linear-gradient(100deg,#edf6ff,#fff);color:#082957;font-size:16px;line-height:1.35;box-shadow:0 4px 12px #082b5008}
.documents-card .entry-content h2:before,.documents-card .entry-content h3:before{content:"▣";display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#0a68bf;color:#fff;font-size:13px}
.documents-card .entry-content h2:first-of-type,.documents-card .entry-content h3:first-of-type{margin-top:0}
.documents-card .entry-content .w3eden{margin:0 0 10px}
.documents-card .entry-content .link-template-default{margin:0!important;border:1px solid #e1eaf4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 5px 14px #082b5008;transition:transform .2s,box-shadow .2s,border-color .2s}
.documents-card .entry-content .link-template-default:hover{transform:translateY(-2px);border-color:#bed9f1!important;box-shadow:0 10px 22px #082b5012}
.documents-card .entry-content .link-template-default .card-body{padding:14px 16px}
.documents-card .entry-content .wpdm_icon{width:38px;height:42px;object-fit:contain}
.documents-card .entry-content .package-title{margin:0 0 4px;font-size:14px;font-weight:750;line-height:1.4}
.documents-card .entry-content .package-title a{color:#0a2b58;text-decoration:none}
.documents-card .entry-content .package-title a:hover{color:#0872c9}
.documents-card .entry-content .text-muted{color:#788ba1!important;font-size:10px}
.documents-card .entry-content .wpdm-download-link{display:inline-flex;align-items:center;justify-content:center;border:0!important;border-radius:8px!important;padding:9px 13px!important;background:linear-gradient(110deg,#0877d5,#075bb7)!important;color:white!important;font-size:11px!important;font-weight:750;white-space:nowrap;box-shadow:0 4px 10px #075bbd26}
.documents-card .entry-content .wpdm-download-link:hover{background:linear-gradient(110deg,#0868bf,#064d9f)!important}
.documents-card .entry-content>p:empty{display:none}
@media(max-width:600px){.documents-hero-inner{padding-top:22px;padding-bottom:27px}.documents-hero h1{font-size:34px}.documents-hero p{font-size:13px}.documents-highlights{gap:7px}.documents-highlights span{font-size:10px;padding:7px 9px}.documents-card{padding:14px}.documents-card .entry-content .link-template-default .media{align-items:center}.documents-card .entry-content .link-template-default .media-body{min-width:0}.documents-card .entry-content .link-template-default .package-title{font-size:12px}.documents-card .entry-content .link-template-default .card-body{padding:11px}.documents-card .entry-content .wpdm-download-link{padding:8px!important;font-size:10px!important}}

.documents-card .kb-wpdm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px}
.documents-card .kb-wpdm-item{min-width:0}
.documents-card .kb-wpdm-item .w3eden{height:100%;margin:0}
.documents-card .kb-wpdm-item .link-template-default{height:100%;margin:0!important}
.documents-card .kb-wpdm-item .link-template-default .media{display:flex;align-items:center}
.documents-card .kb-wpdm-empty{padding:16px;border:1px dashed #c7d8e8;border-radius:10px;color:#63778e;background:#f8fbff}
@media(max-width:650px){.documents-card .kb-wpdm-grid{grid-template-columns:1fr}}

/* Contact page */
.contact-page{min-height:60vh;padding-bottom:55px;background:#f4f8fc}
.contact-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 84% 0%,#1682d5 0,transparent 44%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.contact-hero:after{content:"";position:absolute;right:-90px;bottom:-230px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 36px #ffffff08,0 0 0 76px #ffffff05;pointer-events:none}
.contact-hero-inner{position:relative;z-index:1;padding-top:27px;padding-bottom:40px}
.contact-hero .breadcrumbs{margin-bottom:24px}
.contact-hero .inner-kicker{color:#70d0ff}
.contact-hero h1{margin:8px 0;color:#fff;font-size:clamp(36px,4.5vw,54px);line-height:1.1;letter-spacing:-1.4px}
.contact-hero h1 span{color:#79d2ff}
.contact-hero p{max-width:660px;margin:0;color:#deefff;font-size:14px;line-height:1.7}
.contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.8fr);align-items:start;gap:20px;margin-top:-17px}
.contact-main{display:grid;gap:16px;min-width:0}
.contact-form-box,.contact-map-box,.contact-info-card,.contact-note{border:1px solid #e0e9f3;border-radius:16px;background:#fff;box-shadow:0 9px 26px #082b500c}
.contact-form-box,.contact-map-box{padding:23px}
.contact-box-heading{display:flex;align-items:flex-start;gap:13px;padding-bottom:17px;border-bottom:1px solid #edf1f6}
.contact-box-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(145deg,#e6f5ff,#d9ecff);color:#0870c7;font-size:19px}
.contact-box-heading .inner-kicker{color:#0871c8}
.contact-box-heading h2{margin:4px 0 2px;color:#092957;font-size:20px;letter-spacing:-.35px}
.contact-box-heading p{margin:0;color:#6a7d94;font-size:12px}
.contact-form-content{padding-top:17px}
.contact-form-content .wpcf7 form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0}
.contact-form-content .wpcf7 form>p{margin:0;min-width:0}
.contact-form-content .wpcf7 form>p:nth-of-type(4),.contact-form-content .wpcf7 form>p:last-of-type{grid-column:1/-1}
.contact-form-content .wpcf7 label{display:block;color:#294665;font-size:12px;font-weight:700}
.contact-form-content .wpcf7 input[type=text],.contact-form-content .wpcf7 input[type=email],.contact-form-content .wpcf7 input[type=tel],.contact-form-content .wpcf7 textarea{display:block;width:100%;margin-top:7px;padding:12px 13px;border:1px solid #dbe5ef;border-radius:9px;outline:0;background:#fbfdff;color:#102c50;font:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}
.contact-form-content .wpcf7 input:focus,.contact-form-content .wpcf7 textarea:focus{border-color:#4d9fe1;box-shadow:0 0 0 3px #1381d51c}
.contact-form-content .wpcf7 textarea{min-height:135px;resize:vertical}
.contact-form-content .wpcf7 input[type=submit]{border:0;border-radius:9px;padding:12px 21px;background:linear-gradient(110deg,#0877d5,#075bb7);box-shadow:0 5px 13px #075bbd2b;color:#fff;font-size:12px;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s}
.contact-form-content .wpcf7 input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 8px 18px #075bbd42}
.contact-form-content .wpcf7-not-valid-tip{font-size:11px}
.contact-form-content .wpcf7-response-output{margin:12px 0 0!important;padding:10px 12px!important;border-radius:8px;font-size:12px}
.contact-map-box{padding-bottom:15px}
.contact-map{overflow:hidden;margin-top:15px;border-radius:11px;background:#eaf2f8}
.contact-map iframe{display:block;width:100%;height:270px;border:0}
.contact-aside{display:grid;gap:14px;position:sticky;top:20px}
.contact-info-card{padding:22px}
.contact-info-card>.inner-kicker{color:#0871c8}
.contact-info-card h2{margin:9px 0 5px;color:#092957;font-size:19px;line-height:1.38}
.contact-info-card>p{margin:0 0 17px;color:#71839a;font-size:11px}
.contact-detail{display:flex;align-items:center;gap:11px;padding:12px 0;border-top:1px solid #edf1f6}
.contact-detail-icon{display:grid;place-items:center;width:35px;height:35px;flex:none;border-radius:10px;background:#eff7ff;color:#0872c9;font-size:15px}
.contact-detail small,.contact-detail strong{display:block}
.contact-detail small{margin-bottom:3px;color:#8494a8;font-size:10px}
.contact-detail strong{color:#294665;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.contact-detail:hover strong{color:#0872c9}
.contact-note{display:flex;gap:12px;padding:17px;background:linear-gradient(140deg,#fff,#f0f7ff)}
.contact-note>span{display:grid;place-items:center;width:31px;height:31px;flex:none;border-radius:9px;background:#fff2c8;color:#b77b00}
.contact-note strong{color:#092957;font-size:12px}
.contact-note p{margin:5px 0 0;color:#647991;font-size:11px;line-height:1.6}
@media(max-width:850px){.contact-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr);gap:14px}.contact-form-box,.contact-map-box,.contact-info-card{padding:18px}}
@media(max-width:680px){.contact-layout{grid-template-columns:1fr}.contact-aside{position:static;grid-row:1}.contact-info-card{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}.contact-info-card>.inner-kicker,.contact-info-card h2,.contact-info-card>p{grid-column:1/-1}.contact-detail{align-items:flex-start}.contact-map iframe{height:230px}}
@media(max-width:480px){.contact-hero-inner{padding-top:22px;padding-bottom:32px}.contact-hero h1{font-size:38px}.contact-form-box,.contact-map-box{padding:16px}.contact-form-content .wpcf7 form{grid-template-columns:1fr}.contact-form-content .wpcf7 form>p{grid-column:1/-1}.contact-info-card{grid-template-columns:1fr;padding:17px}.contact-info-card>.inner-kicker,.contact-info-card h2,.contact-info-card>p,.contact-detail{grid-column:1}}

/* Native contact form with arithmetic CAPTCHA */
.kb-contact-form{display:block}
.contact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.contact-form-grid>p{min-width:0;margin:0 0 14px}
.contact-form-grid label{display:block;margin:0 0 6px;color:#17385f;font-size:11px;font-weight:750}
.contact-form-grid label>span{color:#d83b4a}.contact-form-grid label small{color:#8a9bad;font-size:9px;font-weight:500}
.contact-form-grid input,.contact-form-grid textarea{display:block;width:100%;padding:11px 12px;border:1px solid #dce6f0;border-radius:9px;outline:0;background:#fbfdff;color:#153556;font:inherit;font-size:12px;transition:border-color .2s,box-shadow .2s}
.contact-form-grid textarea{min-height:135px;resize:vertical}.contact-form-grid input:focus,.contact-form-grid textarea:focus{border-color:#4ca5e3;box-shadow:0 0 0 3px #0875c51c;background:#fff}
.contact-form-grid .contact-form-message{grid-column:1/-1}
.contact-form-grid .contact-form-captcha{max-width:310px}
.contact-form-grid .kb-contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form-privacy{margin:0 0 13px;color:#8293a6;font-size:10px;line-height:1.5}
.kb-contact-submit{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:42px;padding:0 16px;border:0;border-radius:9px;background:linear-gradient(110deg,#0877d5,#075bb7);box-shadow:0 5px 13px #075bbd2b;color:#fff;font:inherit;font-size:11px;font-weight:850;cursor:pointer;transition:transform .2s,box-shadow .2s}
.kb-contact-submit:hover{transform:translateY(-2px);box-shadow:0 8px 18px #075bbd42}.kb-contact-submit span{font-size:16px}
.contact-form-notice{margin-bottom:15px;padding:12px 14px;border:1px solid;border-radius:9px;font-size:11px;line-height:1.55}
.contact-form-notice-success{border-color:#bee8d1;background:#effaf4;color:#187447}.contact-form-notice-error{border-color:#f1c6c8;background:#fff4f4;color:#a3333a}
@media(max-width:480px){.contact-form-grid{grid-template-columns:1fr}.contact-form-grid .contact-form-message{grid-column:auto}.contact-form-grid .contact-form-captcha{max-width:none}}

/* E-magazine responsive cover grid */
.magazine-page{min-height:60vh;padding-bottom:56px;background:#f4f8fc}
.magazine-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 84% 0%,#1682d5 0,transparent 44%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.magazine-hero:after{content:"";position:absolute;right:-80px;bottom:-240px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff05;pointer-events:none}
.magazine-hero-inner{position:relative;z-index:1;padding-top:27px;padding-bottom:34px}
.magazine-hero .breadcrumbs{margin-bottom:22px}
.magazine-hero .inner-kicker{color:#72d0ff}
.magazine-hero h1{margin:8px 0;color:#fff;font-size:clamp(36px,4.4vw,52px);letter-spacing:-1px}
.magazine-hero p{max-width:650px;margin:0;color:#deefff;font-size:14px;line-height:1.7}
.magazine-hero .inner-hero-accent{margin-top:16px}
.magazine-content{position:relative;z-index:2;margin-top:-12px;padding-top:23px}
.magazine-toolbar{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:17px;padding:0 2px}
.magazine-toolbar h2{margin:4px 0 0;color:#082957;font-size:23px;letter-spacing:-.4px}
.magazine-toolbar .inner-kicker{color:#0872c8}
.magazine-count{padding:7px 11px;border:1px solid #dfebf6;border-radius:99px;background:#fff;color:#61758e;font-size:11px;font-weight:700}
.magazine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:19px}
.magazine-grid>h2,.magazine-grid>h3{grid-column:1/-1;display:flex;align-items:center;gap:10px;margin:15px 0 -5px;padding:12px 15px;border:1px solid #dce8f4;border-radius:11px;background:linear-gradient(100deg,#eaf5ff,#fff);color:#092957;font-size:16px;line-height:1.3}
.magazine-grid>h2:before,.magazine-grid>h3:before{content:"▤";display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#0a68bf;color:#fff;font-size:13px}
.magazine-grid>figure{display:flex;flex-direction:column;min-width:0;margin:0;overflow:hidden;border:1px solid #e0e9f3;border-radius:15px;background:#fff;box-shadow:0 7px 20px #082b500b;transition:transform .22s,box-shadow .22s,border-color .22s}
.magazine-grid>figure:hover{transform:translateY(-4px);border-color:#bfd9f0;box-shadow:0 14px 30px #082b5018}
.magazine-grid>figure>a{position:relative;display:block;overflow:hidden;aspect-ratio:3/4;background:linear-gradient(145deg,#e6f2fc,#f8fbff)}
.magazine-grid>figure>a:after{content:"BACA MAJALAH →";position:absolute;inset:auto 10px 10px;padding:10px 8px;border:1px solid #ffffff50;border-radius:8px;background:#064f9bd9;color:#fff;text-align:center;font-size:10px;font-weight:800;letter-spacing:.5px;opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.magazine-grid>figure:hover>a:after{opacity:1;transform:translateY(0)}
.magazine-grid>figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.magazine-grid>figure:hover img{transform:scale(1.035)}
.magazine-grid>figure figcaption{display:flex;align-items:center;min-height:56px;padding:12px 13px;color:#17385f;font-size:12px;font-weight:750;line-height:1.45}
@media(max-width:1050px){.magazine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:700px){.magazine-hero-inner{padding-top:22px;padding-bottom:28px}.magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.magazine-grid>h2,.magazine-grid>h3{font-size:14px}.magazine-grid>figure figcaption{font-size:11px;min-height:51px;padding:10px}}
@media(max-width:380px){.magazine-grid{gap:9px}.magazine-grid>figure figcaption{font-size:10px;padding:8px}}

/* Home commitment section: clearer hierarchy and feature cards */
.commit{position:relative;overflow:hidden;padding:35px 0 38px;background:radial-gradient(ellipse at 12% 0%,#1470bb 0,transparent 36%),linear-gradient(112deg,#052b5a,#063a77 56%,#052b5a);color:#fff}
.commit:before,.commit:after{content:"";position:absolute;pointer-events:none}
.commit:before{inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff08 50%,transparent 50.2%),radial-gradient(circle at 85% 85%,#1688dc2b,transparent 27%)}
.commit:after{width:480px;height:480px;right:-170px;top:-270px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 34px #ffffff06,0 0 0 72px #ffffff04}
.commit-wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,2fr);align-items:center;gap:35px}
.commit-heading{max-width:360px}
.commit-kicker{color:#73d0ff;font-size:10px;font-weight:850;letter-spacing:1.6px}
.commit-heading h2{margin:8px 0 11px;color:#fff;font-size:clamp(23px,2.5vw,31px);line-height:1.2;letter-spacing:-.7px}
.commit-heading h2 span{color:#86d7ff}
.commit-heading p{margin:0;color:#d2e6f8;font-size:12px;line-height:1.65}
.commit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.commit-card{display:flex;align-items:flex-start;gap:12px;min-height:96px;padding:16px 15px;border:1px solid #ffffff22;border-radius:13px;background:linear-gradient(135deg,#ffffff14,#ffffff08);box-shadow:0 7px 20px #001a3622;backdrop-filter:blur(6px);transition:transform .2s,border-color .2s,background .2s}
.commit-card:hover{transform:translateY(-3px);border-color:#69c6ff78;background:#ffffff1c}
.commit-icon{display:grid;place-items:center;width:39px;height:39px;flex:none;border:1px solid #ffffff32;border-radius:11px;background:linear-gradient(145deg,#55bfff,#0a68b9);color:#fff;font-size:19px;box-shadow:0 5px 12px #001e3e36}
.commit-card strong,.commit-card small{display:block}
.commit-card strong{margin:2px 0 5px;color:#fff;font-size:12px;line-height:1.35}
.commit-card small{color:#c9def1;font-size:10px;line-height:1.5}
@media(max-width:850px){.commit-wrap{grid-template-columns:1fr;gap:19px}.commit-heading{max-width:550px}.commit-heading h2 br{display:none}}
@media(max-width:520px){.commit{padding:27px 0}.commit-grid{grid-template-columns:1fr}.commit-card{min-height:0;padding:13px}.commit-heading h2{font-size:24px}}

/* Modern site footer */
.site-footer{position:relative;overflow:hidden;color:#d8e7f7;background:linear-gradient(120deg,#041a38,#062b55 58%,#041b39)}
.site-footer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff06 50%,transparent 50.1%),radial-gradient(ellipse at 85% 0%,#1173be30,transparent 32%);pointer-events:none}
.footer-glow{position:absolute;right:-150px;top:-290px;width:550px;height:550px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 42px #ffffff05,0 0 0 88px #ffffff03;pointer-events:none}
.footer-main{position:relative;z-index:1;display:grid;grid-template-columns:1.55fr .8fr .9fr 1.1fr;gap:34px;padding-top:48px;padding-bottom:38px}
.footer-brand{display:inline-flex;align-items:center;gap:11px;margin-bottom:17px}
.footer-brand img{width:44px;height:48px;object-fit:contain;padding:3px;border-radius:10px;background:#ffffff12}
.footer-brand strong,.footer-brand small{display:block}
.footer-brand strong{color:#fff;font-size:19px;line-height:1}
.footer-brand small{margin-top:4px;color:#8fcaff;font-size:9px;font-weight:800;letter-spacing:1.1px}
.footer-brand-column h2{margin:0 0 10px;color:#fff;font-size:15px;line-height:1.45}
.footer-brand-column>p{max-width:340px;margin:0 0 14px;color:#adc2d9;font-size:11px;line-height:1.7}
.footer-location{display:inline-flex;align-items:center;gap:6px;color:#9db5ce;font-size:10px}
.footer-location i{color:#58baff;font-size:15px;font-style:normal}
.footer-link-column h3,.footer-contact-column h3{margin:4px 0 17px;color:#fff;font-size:13px;font-weight:800}
.footer-link-column>a{display:block;width:max-content;max-width:100%;margin:10px 0;color:#b7cbe0;font-size:11px;transition:color .2s,transform .2s}
.footer-link-column>a:before{content:"›";margin-right:7px;color:#39a9f4}
.footer-link-column>a:hover{transform:translateX(3px);color:#fff}
.footer-contact-column{min-width:0}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;margin:0 0 13px;color:#dceafa}
.footer-contact-item>span:first-child{display:grid;place-items:center;width:31px;height:31px;flex:none;border:1px solid #ffffff17;border-radius:9px;background:#ffffff0b;color:#58baff;font-size:14px}
.footer-contact-item small,.footer-contact-item strong{display:block}
.footer-contact-item small{margin:1px 0 3px;color:#8ea9c4;font-size:9px}
.footer-contact-item strong{color:#e2eefb;font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.footer-contact-item:hover strong{color:#68c5ff}
.footer-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px;padding-bottom:16px;border-top:1px solid #ffffff18;color:#8ea6c0;font-size:10px}
.footer-home{color:#bdd4eb;font-weight:700}
.footer-home span{margin-left:4px;color:#57bafa}
.footer-bottom>span{text-align:right}
@media(max-width:900px){.footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:25px}.footer-contact-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.footer-contact-column h3{grid-column:1/-1;margin-bottom:5px}.footer-contact-item{min-width:0}}
@media(max-width:600px){.footer-main{grid-template-columns:1fr 1fr;gap:22px;padding-top:34px;padding-bottom:28px}.footer-brand-column{grid-column:1/-1}.footer-contact-column{grid-column:1/-1;grid-template-columns:1fr}.footer-contact-column h3{grid-column:1}.footer-contact-item{margin-bottom:4px}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom>span{text-align:left}}

.survey-actions{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px;margin-top:5px}
.survey-actions .survey-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:0;padding:9px 12px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.survey-actions .survey-action-primary{background:linear-gradient(105deg,#0876dc,#0757b5);box-shadow:0 5px 12px #075bbd2b;color:#fff}
.survey-actions .survey-action-secondary{border-color:#cfe1f2;background:#fff;color:#075caf}
.survey-actions .survey-action:hover{transform:translateY(-2px);box-shadow:0 7px 16px #075bbd2b}
.survey-card:hover .survey-copy>b{gap:8px}
@media(max-width:500px){.survey-actions{gap:7px}.survey-actions .survey-action{padding:8px 10px;font-size:10px}}

/* Public complaints and aspirations page */
.complaint-page{min-height:60vh;padding-bottom:54px;background:#f4f8fc}
.complaint-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 84% 0%,#1682d5 0,transparent 44%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.complaint-hero:after{content:"";position:absolute;right:-90px;bottom:-230px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff05;pointer-events:none}
.complaint-hero-inner{position:relative;z-index:1;padding-top:27px;padding-bottom:38px}
.complaint-hero .breadcrumbs{margin-bottom:23px}.complaint-hero .inner-kicker{color:#70d0ff}
.complaint-hero h1{max-width:820px;margin:8px 0 10px;color:#fff;font-size:clamp(34px,4.2vw,50px);line-height:1.14;letter-spacing:-1px}
.complaint-hero p{max-width:700px;margin:0;color:#dceeff;font-size:14px;line-height:1.7}
.complaint-hero-button{display:inline-flex;align-items:center;gap:12px;margin-top:19px;padding:12px 16px;border-radius:9px;background:#ffcf27;color:#09234a;font-size:12px;font-weight:850;box-shadow:0 7px 18px #001d3d38;transition:transform .2s,box-shadow .2s}
.complaint-hero-button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #001d3d45}
.complaint-hero-button span{font-size:15px}
.complaint-content{position:relative;z-index:2;margin-top:-14px}
.complaint-steps{padding:23px;border:1px solid #e0e9f3;border-radius:16px;background:#fff;box-shadow:0 9px 25px #082b500c}
.complaint-section-heading .inner-kicker{color:#0872c8}.complaint-section-heading h2{margin:5px 0;color:#092957;font-size:22px;letter-spacing:-.4px}.complaint-section-heading>p{margin:0;color:#708198;font-size:12px}
.complaint-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.complaint-step-grid article{position:relative;overflow:hidden;min-height:145px;padding:18px;border:1px solid #e2ebf4;border-radius:13px;background:linear-gradient(145deg,#fff,#f5faff)}
.complaint-step-grid article>span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#e7f4ff;color:#0872c9;font-size:11px;font-weight:850}
.complaint-step-grid h3{margin:13px 0 5px;color:#0b2b57;font-size:14px}.complaint-step-grid p{margin:0;color:#657991;font-size:11px;line-height:1.6}
.complaint-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:16px}
.complaint-action-card{position:relative;overflow:hidden;min-height:220px;padding:22px;border:1px solid #dce8f4;border-radius:15px;background:#fff;box-shadow:0 8px 22px #082b500b}
.complaint-action-card:after{content:"";position:absolute;right:-50px;bottom:-90px;width:190px;height:190px;border:1px solid #0c72c31a;border-radius:50%;box-shadow:0 0 0 22px #0c72c308}
.complaint-action-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:14px;border-radius:11px;background:#e9f5ff;color:#0872c9;font-size:18px}
.complaint-action-card .inner-kicker{color:#0873c9}.complaint-action-card h2{position:relative;z-index:1;margin:6px 0;color:#092957;font-size:20px}.complaint-action-card p{position:relative;z-index:1;max-width:450px;margin:0;color:#647991;font-size:12px;line-height:1.65}
.complaint-action-card>a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;margin-top:15px;padding:10px 13px;border-radius:8px;background:#096bc5;color:#fff;font-size:11px;font-weight:800}
.complaint-lapor-card{border-color:#c8e1f5;background:linear-gradient(125deg,#eff8ff,#fff)}
.complaint-note{display:flex;align-items:flex-start;gap:9px;margin:15px 0 0;padding:13px 15px;border:1px solid #f0e3b8;border-radius:11px;background:#fffaf0;color:#786329;font-size:11px;line-height:1.6}
.complaint-note span{color:#c28b13;font-size:15px}
@media(max-width:700px){.complaint-step-grid{grid-template-columns:1fr}.complaint-step-grid article{min-height:0}.complaint-action-grid{grid-template-columns:1fr}.complaint-hero-inner{padding-top:22px;padding-bottom:31px}}
@media(max-width:480px){.complaint-steps,.complaint-action-card{padding:17px}.complaint-hero h1{font-size:34px}.complaint-section-heading h2{font-size:20px}}

/* Preserve the complete Kabupaten Banjar crest in both brand placements */
.brand img{width:50px;height:64px;flex:none;object-fit:contain;object-position:center}
.footer-brand img{width:44px;height:58px;flex:none;object-fit:contain;object-position:center;padding:2px}
@media(max-width:500px){.brand img{width:42px;height:56px}.footer-brand img{width:42px;height:54px}}

/* Applications directory page */
.applications-page{min-height:65vh;padding-bottom:55px;background:#f4f8fc}
.applications-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 84% 0%,#1682d5 0,transparent 44%),linear-gradient(120deg,#061e4b,#0758a4 72%,#087ac9)}
.applications-hero:after{content:"";position:absolute;right:-80px;bottom:-240px;width:470px;height:470px;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 38px #ffffff08,0 0 0 78px #ffffff05;pointer-events:none}
.applications-hero-inner{position:relative;z-index:1;padding-top:27px;padding-bottom:35px}
.applications-hero .breadcrumbs{margin-bottom:22px}.applications-hero .inner-kicker{color:#70d0ff}
.applications-hero h1{margin:9px 0 11px;color:#fff;font-size:clamp(38px,4.5vw,55px);line-height:1.08;letter-spacing:-1px}
.applications-hero h1 span{color:#79d2ff}.applications-hero p{max-width:680px;margin:0;color:#deefff;font-size:14px;line-height:1.7}
.applications-content{position:relative;z-index:2;margin-top:-14px}
.applications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:18px 20px;border:1px solid #dfE9f3;border-radius:14px;background:#fff;box-shadow:0 8px 23px #082b500b}
.applications-toolbar .inner-kicker{color:#0872c8}.applications-toolbar h2{margin:4px 0;color:#092957;font-size:20px}.applications-toolbar p{margin:0;color:#71839a;font-size:11px;line-height:1.5}
.applications-toolbar>a{display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 13px;border:1px solid #cfe1f2;border-radius:9px;background:#f8fbff;color:#075fb4;font-size:11px;font-weight:800}.applications-toolbar>a:hover{background:#edf7ff}
.applications-frame-wrap{overflow:hidden;border:1px solid #dfe9f3;border-radius:15px;background:#fff;box-shadow:0 10px 28px #082b5010}
.applications-frame-wrap iframe{display:block;width:100%;height:1700px;border:0;background:#fff}
.applications-note{margin:11px 4px 0;color:#77889d;font-size:10px;line-height:1.6}
@media(max-width:700px){.applications-hero-inner{padding-top:22px;padding-bottom:30px}.applications-hero h1{font-size:39px}.applications-toolbar{align-items:flex-start;flex-direction:column;padding:16px}.applications-frame-wrap iframe{height:2050px}}
@media(max-width:420px){.applications-frame-wrap iframe{height:2250px}}

/* Native applications directory cards */
.apps-hero-stat{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 12px;border:1px solid #ffffff35;border-radius:999px;background:#ffffff12;color:#e8f5ff;font-size:11px;backdrop-filter:blur(8px)}
.apps-hero-stat strong{display:grid;place-items:center;min-width:27px;height:27px;padding:0 6px;border-radius:50%;background:#ffcc27;color:#082d5b;font-size:12px}
.apps-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;padding:12px 15px;border:1px solid #dfe9f3;border-radius:15px;background:#fff;box-shadow:0 8px 24px #082b500c}
.apps-search{display:flex;align-items:center;gap:10px;width:min(100%,570px);min-height:43px;padding:0 13px;border:1px solid #e3ebf4;border-radius:10px;background:#f8fbff;color:#0872c8}
.apps-search>span{font-size:24px;line-height:1;transform:rotate(-20deg)}
.apps-search input{width:100%;border:0;outline:0;background:transparent;color:#12315a;font:inherit;font-size:12px}
.apps-search input::placeholder{color:#91a1b4}
.apps-result-count{flex:none;color:#536d89;font-size:11px;font-weight:800}
.apps-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.apps-directory-card{min-width:0;border:1px solid #e1eaf3;border-radius:15px;background:#fff;box-shadow:0 7px 20px #082b5009;transition:transform .2s,border-color .2s,box-shadow .2s}
.apps-directory-card:hover{transform:translateY(-4px);border-color:#acd7f5;box-shadow:0 13px 27px #0759a51a}
.apps-directory-card>a{display:flex;height:100%;min-height:224px;flex-direction:column;padding:17px;color:inherit;text-decoration:none}
.apps-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
.apps-card-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(145deg,#dff3ff,#eaf2ff);color:#0874cf}
.apps-card-mark svg{width:21px;height:21px;fill:currentColor}
.apps-card-official{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#188654;font-size:9px;font-weight:800}
.apps-card-official i{width:6px;height:6px;border-radius:50%;background:#23b675}
.apps-card-org{display:block;margin-bottom:6px;color:#71849b;font-size:10px;line-height:1.45}
.apps-card-title{display:-webkit-box;overflow:hidden;min-height:42px;color:#092957;font-size:15px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.apps-card-description{display:-webkit-box;overflow:hidden;margin-top:7px;color:#647991;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.apps-card-open{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;color:#0871c8;font-size:10px;font-weight:850}
.apps-card-open b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf5ff;font-size:15px;transition:transform .2s,background .2s}
.apps-directory-card:hover .apps-card-open b{transform:translate(2px,-2px);background:#0871c8;color:#fff}
.apps-directory-card[hidden]{display:none}
.apps-no-results{display:flex;align-items:center;flex-direction:column;gap:7px;padding:45px 20px;border:1px dashed #cbdbea;border-radius:15px;background:#fff;text-align:center;color:#71839a;font-size:12px}
.apps-no-results strong{color:#092957;font-size:17px}
.apps-no-results>a{margin-top:7px;color:#0871c8;font-weight:800}
.applications-source-note{margin:17px 4px 0;color:#8192a5;font-size:10px;line-height:1.6;text-align:right}
@media(max-width:1050px){.apps-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){.apps-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.apps-directory-card>a{min-height:218px;padding:14px}.apps-card-title{font-size:13px}.apps-directory-toolbar{padding:10px 11px}}
@media(max-width:460px){.apps-directory-grid{grid-template-columns:1fr}.apps-directory-card>a{min-height:0}.apps-card-description{-webkit-line-clamp:2}.apps-directory-toolbar{align-items:stretch;flex-direction:column}.apps-search{width:auto}.apps-result-count{align-self:flex-end}.applications-source-note{text-align:left}}

/* Informasi dan Komunikasi Publik landing page */
.ikp-page{min-height:65vh;padding-bottom:54px;background:#f4f8fc}
.ikp-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 80% 5%,#1685dc 0,transparent 42%),linear-gradient(118deg,#061d48,#0759a5 67%,#087ecb)}
.ikp-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,#ffffff08 60.1%,transparent 60.5%),radial-gradient(circle at 88% 88%,#31b9ff2b,transparent 24%);pointer-events:none}
.ikp-hero-inner{position:relative;z-index:1;min-height:323px;padding-top:27px;padding-bottom:34px}
.ikp-hero .breadcrumbs{margin-bottom:22px}.ikp-hero .inner-kicker{color:#77d3ff}
.ikp-hero h1{position:relative;z-index:1;max-width:760px;margin:9px 0 12px;color:#fff;font-size:clamp(39px,5vw,57px);line-height:1.07;letter-spacing:-1.4px}
.ikp-hero h1 span{color:#7ad5ff}.ikp-hero p{position:relative;z-index:1;max-width:660px;margin:0;color:#e0efff;font-size:13px;line-height:1.75}
.ikp-hero-cta{position:relative;z-index:1;display:inline-flex;align-items:center;gap:23px;margin-top:19px;padding:11px 15px;border-radius:9px;background:#ffce28;color:#092a54;font-size:11px;font-weight:850;box-shadow:0 7px 18px #001b3835}.ikp-hero-cta b{font-size:16px}
.ikp-hero-orbit{position:absolute;right:7%;top:57px;display:grid;place-items:center;width:210px;height:210px;border:1px solid #c6eaff35;border-radius:50%;box-shadow:0 0 0 25px #ffffff08,0 0 0 53px #ffffff05;color:#fff}
.ikp-hero-orbit:before,.ikp-hero-orbit:after{content:"";position:absolute;border:1px solid #bde8ff27;border-radius:50%}.ikp-hero-orbit:before{inset:25px}.ikp-hero-orbit:after{inset:52px}.ikp-hero-orbit span{display:grid;place-items:center;width:74px;height:74px;border:1px solid #ffffff55;border-radius:22px;background:linear-gradient(145deg,#27a8ed,#0861b7);font-size:23px;font-weight:900;box-shadow:0 12px 30px #001e453d}.ikp-hero-orbit i{position:absolute;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#28baff}.ikp-hero-orbit i:nth-of-type(1){top:26px;right:52px}.ikp-hero-orbit i:nth-of-type(2){bottom:43px;left:12px}.ikp-hero-orbit i:nth-of-type(3){right:4px;bottom:67px}
.ikp-content{position:relative;z-index:2;margin-top:-16px}
.ikp-intro{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:38px;padding:23px 25px;border:1px solid #e0e9f3;border-radius:15px;background:#fff;box-shadow:0 9px 25px #082b500d}
.ikp-intro .inner-kicker{color:#0872c8}.ikp-intro h2{margin:6px 0 0;color:#092957;font-size:24px;line-height:1.25;letter-spacing:-.5px}.ikp-intro>p{margin:0;color:#647991;font-size:12px;line-height:1.75}
.ikp-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}
.ikp-service-card{display:flex;min-height:235px;flex-direction:column;padding:18px;border:1px solid #e0e9f3;border-radius:14px;background:#fff;box-shadow:0 7px 20px #082b5009;transition:transform .2s,border-color .2s,box-shadow .2s}
.ikp-service-card:hover{transform:translateY(-4px);border-color:#afd8f4;box-shadow:0 13px 26px #0759a51a}
.ikp-card-head{display:flex;align-items:center;justify-content:space-between}.ikp-card-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7f4ff;color:#0872c8;font-size:19px}.ikp-card-head small{color:#93a4b7;font-size:10px;font-weight:850;letter-spacing:1px}
.ikp-service-card h3{margin:17px 0 7px;color:#092957;font-size:15px}.ikp-service-card p{margin:0;color:#6b7f96;font-size:11px;line-height:1.65}
.ikp-service-card>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;color:#0871c8;font-size:10px;font-weight:850}.ikp-service-card>a b{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#eaf5ff;font-size:14px}
.ikp-bottom{display:flex;align-items:center;gap:16px;margin-top:15px;padding:19px 22px;border:1px solid #cfe4f5;border-radius:15px;background:linear-gradient(110deg,#eaf6ff,#fff 72%);box-shadow:0 7px 20px #082b5008}
.ikp-bottom-icon{display:grid;place-items:center;width:45px;height:45px;flex:none;border-radius:13px;background:linear-gradient(145deg,#0b80d4,#0756a6);color:#fff;font-size:21px}.ikp-bottom>div{flex:1}.ikp-bottom .inner-kicker{color:#0872c8}.ikp-bottom h2{margin:3px 0 4px;color:#092957;font-size:17px}.ikp-bottom p{margin:0;color:#6b7f96;font-size:11px;line-height:1.6}.ikp-bottom>a{display:inline-flex;align-items:center;gap:13px;flex:none;padding:10px 13px;border-radius:9px;background:#075eae;color:#fff;font-size:10px;font-weight:850}.ikp-bottom>a b{font-size:15px}
@media(max-width:900px){.ikp-hero-orbit{right:5%;transform:scale(.82)}.ikp-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ikp-intro{grid-template-columns:1fr;gap:12px}}
@media(max-width:600px){.ikp-hero-inner{min-height:0;padding-top:22px;padding-bottom:30px}.ikp-hero h1{font-size:38px}.ikp-hero p{max-width:100%;font-size:12px}.ikp-hero-orbit{right:-45px;top:64px;transform:scale(.55);opacity:.5}.ikp-content{margin-top:-11px}.ikp-intro{padding:18px}.ikp-intro h2{font-size:21px}.ikp-service-grid{gap:10px}.ikp-service-card{min-height:225px;padding:14px}.ikp-service-card h3{font-size:13px}.ikp-bottom{align-items:flex-start;flex-wrap:wrap;padding:16px}.ikp-bottom>div{flex:1 1 calc(100% - 65px)}.ikp-bottom>a{margin-left:61px}}
@media(max-width:390px){.ikp-service-grid{grid-template-columns:1fr}.ikp-service-card{min-height:0}.ikp-service-card p{max-width:320px}.ikp-service-card>a{padding-top:12px}}