/* shared page shell */
main{position:relative;z-index:1}.hero-home{height:302px}.hero-home .hero-bg{background-image:url('../images/photos/balai-desa-manggarwetan-hero.png');background-position:68% center;background-size:cover}.hero-standard{height:205px}.hero-standard .hero-copy h1{font-size:36px}.hero-standard .hero-copy{width:54%}.hero-pendopo .hero-bg{background-image:url('../images/photos/pendopo-desa-manggarwetan.png');background-position:65% center;background-size:cover}.hero-office .hero-bg{background-image:url('../images/photos/balai-desa-manggarwetan-hero.png');background-position:70% center;background-size:cover}.home-features{margin-top:-10px;position:relative;z-index:3}.countdown{margin-top:15px;border-radius:10px;min-height:167px;background:linear-gradient(100deg,#075942 0%,#004b37 64%,#19362d 64%,#19362d 100%);color:#fff;overflow:hidden;display:grid;grid-template-columns:1.2fr 1.25fr .9fr;align-items:stretch}.countdown-copy{padding:22px 24px}.countdown-copy .eyebrow{border-radius:4px}.countdown-copy h2{font:700 24px/1.12 var(--serif);margin:12px 0 11px}.countdown-divider{border-left:1px solid rgba(255,255,255,.16);padding:38px 22px}.countdown-divider h3{font:700 14px var(--serif);margin-bottom:10px}.countdown-cells{display:flex;gap:8px}.count-cell{width:64px;height:66px;background:#fff;color:#10251d;border-radius:8px;display:grid;place-items:center;align-content:center}.count-cell strong{font:700 25px/1 var(--serif)}.count-cell small{font-size:8px;margin-top:4px}.countdown-photo{background:url('../images/photos/kotak-suara-pilkades.png') center/cover no-repeat}.home-stats{margin-top:15px}.home-stats .stat-card{min-height:89px}.home-stats .stat-value{font-size:24px}.home-stats .stat-card{align-items:center}.home-stage{padding:26px 0 15px}.home-stage-top{display:grid;grid-template-columns:1fr 315px;align-items:end;gap:35px;margin-bottom:15px}.home-stage-top .progress-line{height:8px}.timeline-list{position:relative}.timeline-list:before{content:"";position:absolute;left:25px;top:14px;bottom:16px;width:1px;background:#dce4e0}.timeline-item{display:grid;grid-template-columns:52px 1fr 158px 78px;align-items:center;min-height:57px;padding:7px 12px;border:1px solid #e5ebe8;border-radius:9px;background:#fff;margin-bottom:6px;box-shadow:0 2px 7px rgba(18,47,36,.04)}.timeline-number{position:relative;z-index:1;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#188c55;color:#fff;font-size:9px;font-weight:700}.timeline-number.gold{background:#bb871d}.timeline-number.gray{background:#818986}.timeline-item h4{font:700 11px var(--serif);margin-bottom:4px}.timeline-item p{font-size:8.8px;color:#6d7874}.home-lower{display:grid;grid-template-columns:1.45fr .85fr;gap:14px;margin-top:13px}.doc-mini-table td,.doc-mini-table th{padding:7px 8px;font-size:8.6px}.doc-mini-table th{background:#f1f4f3}.announce-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #e8eeeb}.announce-item:first-of-type{border-top:0}.announce-item strong{font-size:9.7px;display:block}.announce-item span{font-size:8px;color:#6e7975}.archive-cta{margin-top:12px;padding:12px;border:1px solid #e8ecea;border-radius:9px;background:#fcfcfa;display:flex;align-items:center;justify-content:space-between}.archive-cta strong{font:700 13px var(--serif)}

/* Tahapan */
.tahapan-summary{margin-top:15px}.filters-stack{margin-top:15px}.filters-stack .filter-row{grid-template-columns:1fr 190px auto}.overall-progress{margin-top:15px;display:grid;grid-template-columns:1fr 230px;gap:20px;align-items:center}.overall-progress .progress-side{display:flex;justify-content:space-between;gap:12px;font-size:8.5px}.stage-group{margin-top:13px;border:1px solid #e1e8e4;border-radius:12px;background:#fff;overflow:hidden}.stage-head{display:grid;grid-template-columns:58px 1fr 210px;align-items:center;padding:12px 12px;border-bottom:1px solid #e5ebe8}.stage-letter{width:42px;height:42px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font:700 17px var(--serif)}.stage-head h3{font:700 15px var(--serif);text-transform:uppercase}.stage-head p{font-size:8.7px;color:#63716c;margin-top:3px}.stage-progress{display:flex;align-items:center;gap:10px;font-size:9px}.stage-progress .progress-line{flex:1;height:8px}.stage-table th{background:#edf2f0;padding:8px 10px;font-size:8.7px;text-align:left}.stage-table td{padding:8px 10px;border-top:1px solid #e6ece9;font-size:8.8px}.stage-table .no{width:32px}.stage-table .name{font-weight:600}.stage-table svg{width:13px;height:13px}.stage-bottom{display:grid;grid-template-columns:1.7fr .85fr;gap:12px;margin-top:14px}.legend{padding:15px}.legend-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:11px}.legend-item{font-size:8px;color:#60706a}.legend-item strong{display:block;font-size:9px;color:#25362f;margin:4px 0}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.done{background:#18a55d}.dot.active{background:#e6a20d}.dot.upcoming{background:#31566f}.dot.conditional{background:#7933a8}.help-panel{padding:15px}.help-panel h3{font:700 15px var(--serif);margin-bottom:7px}.help-panel p{font-size:8.8px;color:#5f6e69}.help-actions{display:flex;gap:8px;margin-top:13px}

/* Dokumen */
.docs-main{padding-top:15px}.docs-filter .filter-row{grid-template-columns:1fr 120px 110px 105px auto}.docs-table-card{margin-top:14px;padding:14px}.docs-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.docs-title-row h2{font:700 20px var(--serif)}.docs-title-row p{font-size:8.7px;color:#68756f}.docs-table th{background:#eaf0ee;font-size:8.7px;padding:10px}.docs-table td{font-size:8.8px;padding:10px;border-top:1px solid #e8edeb}.docs-table .actions{display:flex;gap:5px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.pager{display:flex;gap:6px}.page-btn{width:29px;height:29px;border:1px solid #dfe6e2;border-radius:6px;background:#fff;font-size:9px;display:grid;place-items:center}.page-btn.active{background:var(--green);color:#fff}.docs-lower{display:grid;grid-template-columns:1.25fr .82fr .9fr;gap:12px;margin-top:14px}.doc-list-card,.type-list-card,.assist-card{min-height:250px;padding:15px}.doc-list-card h3,.type-list-card h3,.assist-card h3{font:700 17px var(--serif)}.mini-doc{display:flex;gap:10px;align-items:center;border-top:1px solid #e8edeb;padding:10px 0}.mini-doc:first-of-type{margin-top:8px}.mini-doc .grow{flex:1}.mini-doc strong{font-size:9.5px}.mini-doc small{display:block;font-size:8px;color:#707c77}.type-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #e8edeb;font-size:9px}.type-row:first-of-type{margin-top:8px}.assist-card{background:linear-gradient(140deg,#fff,#fff8e9)}.assist-card p{font-size:8.8px;color:#68756f;margin:8px 0 14px}.assist-mini{margin-top:15px;padding-top:14px;border-top:1px solid #eee1c7}

/* Pengumuman */
.announce-empty{margin-top:15px;min-height:340px;display:grid;place-items:center;text-align:center;padding:30px;background:#fff;border:1px solid #e4e9e7;border-radius:12px}.empty-illustration{width:210px;height:130px;position:relative;margin:0 auto 4px}.empty-illustration:before{content:"";position:absolute;left:45px;right:45px;bottom:20px;height:54px;background:#cdb999;border-radius:5px 5px 18px 18px;box-shadow:0 12px 25px rgba(90,70,35,.1)}.empty-illustration:after{content:"";position:absolute;left:77px;top:18px;width:62px;height:76px;background:#fff;border:1px solid #e6e6e1;border-radius:5px;box-shadow:0 5px 12px rgba(0,0,0,.06);transform:rotate(-1deg)}.paper-lines{position:absolute;z-index:2;left:90px;top:42px;width:38px;border-top:4px solid #d8ddd9;box-shadow:0 12px 0 #d8ddd9,0 24px 0 #d8ddd9}.leaf-l,.leaf-r{position:absolute;width:46px;height:70px;bottom:38px;border-radius:50% 0 50% 50%;background:#a8b881;opacity:.8}.leaf-l{left:35px;transform:rotate(-33deg)}.leaf-r{right:35px;transform:rotate(33deg) scaleX(-1)}.announce-empty h2{font:700 25px var(--serif);margin-top:3px}.announce-empty p{font-size:10px;color:#5f6d68;line-height:1.6;margin:8px auto 15px;max-width:520px}.announce-actions{display:flex;justify-content:center;gap:9px}.announce-info-grid{display:grid;grid-template-columns:.9fr 1.05fr 1fr;gap:12px;margin-top:14px}.info-card{padding:15px;min-height:285px}.info-card h3{font:700 16px var(--serif)}.category-row,.archive-row{display:flex;align-items:center;gap:10px;border-top:1px solid #e7ece9;padding:11px 0}.category-row:first-of-type,.archive-row:first-of-type{margin-top:9px}.category-row .count{margin-left:auto;background:#eff3f1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:9px}.steps-list{counter-reset:step}.steps-list li{counter-increment:step;display:flex;gap:11px;margin:17px 0;font-size:9px;color:#65716c}.steps-list li:before{content:counter(step);width:31px;height:31px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:700 13px var(--serif);flex:0 0 auto}.steps-list strong{color:#25362f;display:block;margin-bottom:3px}.archive-row{font-size:9px}.archive-row .mini-badge{margin-left:auto}.subscribe-band{margin-top:14px;min-height:122px;border-radius:10px;background:linear-gradient(105deg,#006048,#004f3b);color:#fff;padding:23px 28px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.subscribe-band:before{content:"";position:absolute;left:-30px;bottom:-80px;width:160px;height:220px;background:url('../icons/svg/ornament.svg') center/contain no-repeat;opacity:.25}.subscribe-band h3{font:700 19px var(--serif);position:relative}.subscribe-band p{font-size:9.2px;max-width:480px;color:#eaf2ee;margin-top:5px;position:relative}.subscribe-btn{background:linear-gradient(135deg,#f0c763,#d7a23c);color:#15382c;padding:15px 22px;border-radius:7px;font-size:10px;font-weight:700;display:flex;align-items:center;gap:10px;position:relative}

/* Arsip */
.archive-main{padding-top:15px}.archive-filter .filter-row{grid-template-columns:1fr 140px 140px auto}.archive-list-head{display:flex;justify-content:space-between;align-items:end;margin:16px 0 10px}.archive-list{display:grid;gap:9px}.archive-item{min-height:114px;padding:12px;display:grid;grid-template-columns:98px 1fr 220px 40px;gap:14px;align-items:center}.archive-year{height:88px;border-radius:9px;background:linear-gradient(160deg,#0b744f,#00543b);color:#fff;display:grid;place-items:center;align-content:center}.archive-year.gray{background:#f4f5f4;color:#13221c}.archive-year strong{font:700 28px/1 var(--serif)}.archive-year span{font-size:9px;margin-top:7px}.archive-year .latest{margin-top:8px;background:#e6ba45;color:#143127;padding:3px 9px;border-radius:10px;font-size:7px;font-weight:700}.archive-desc h3{font:700 15px var(--serif);margin-bottom:7px}.archive-desc p{font-size:9px;color:#64716c;margin-top:7px;max-width:440px}.archive-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.archive-metric{padding:8px;border:1px solid #e6ece9;border-radius:8px;background:#fff;display:flex;align-items:center;gap:8px}.archive-metric strong{font:700 16px var(--serif)}.archive-metric small{display:block;font-size:7.8px;color:#68756f}.archive-actions{grid-column:3/4;display:flex;gap:8px;margin-top:5px}.circle-next{width:28px;height:28px;border-radius:50%;border:1px solid #e2e8e5;display:grid;place-items:center}.archive-detail-grid{display:grid;grid-template-columns:1.35fr .82fr;gap:12px;margin-top:14px}.archive-detail{padding:14px}.archive-detail-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.archive-detail-head h3{font:700 18px var(--serif)}.archive-detail-body{display:grid;grid-template-columns:230px 1fr;gap:14px}.archive-detail-body img{width:230px;height:170px;object-fit:cover;border-radius:8px}.archive-facts li{font-size:9px;margin:8px 0;display:flex;gap:8px;align-items:center}.archive-facts p{font-size:8.8px;color:#64716d;line-height:1.55;margin-top:12px}.archive-detail-actions{display:flex;gap:8px;margin-top:13px}.category-panel{padding:14px}.category-panel h3{font:700 16px var(--serif)}.category-panel .type-row{font-size:9px}.archive-help{margin-top:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.archive-help-copy{display:flex;align-items:center;gap:12px}.archive-help h3{font:700 15px var(--serif)}.archive-help p{font-size:8.8px;color:#63706b;max-width:520px}.archive-contact{margin-top:14px}

/* validation refinements */
.hero-bg{top:0;right:0;bottom:0;left:0}
.footer{padding:22px 0 10px;margin-top:12px}.footer-bottom{margin-top:12px;padding-top:8px}
body[data-page="beranda"] .home-stage{padding:20px 0 8px}
body[data-page="beranda"] .home-stage-top{margin-bottom:10px}
body[data-page="beranda"] .timeline-item{min-height:48px;padding:5px 10px;margin-bottom:5px}
body[data-page="beranda"] .home-lower{margin-top:10px;align-items:stretch}
body[data-page="beranda"] .home-lower>.card,body[data-page="beranda"] .home-lower>div>.card{height:292px;overflow:hidden}
body[data-page="beranda"] .home-lower .panel{padding:11px}
body[data-page="beranda"] .doc-mini-table td,body[data-page="beranda"] .doc-mini-table th{padding:4px 6px;font-size:8px;line-height:1.15}
body[data-page="beranda"] .announce-item{padding:6px 0}
body[data-page="beranda"] .archive-cta{margin-top:8px;padding:8px}

body[data-page="tahapan"] .tahapan-summary{margin-top:12px}
body[data-page="tahapan"] .filters-stack{margin-top:10px}
body[data-page="tahapan"] .overall-progress{margin-top:10px;padding:13px 16px}
body[data-page="tahapan"] .stage-group{margin-top:9px}
body[data-page="tahapan"] .stage-head{padding:8px 10px}
body[data-page="tahapan"] .stage-letter{width:36px;height:36px;font-size:15px}
body[data-page="tahapan"] .stage-table th{padding:6px 9px;font-size:8px;line-height:1.1}
body[data-page="tahapan"] .stage-table td{padding:5px 9px;font-size:8.05px;line-height:1.14}
body[data-page="tahapan"] .stage-bottom{margin-top:9px}
body[data-page="tahapan"] .legend,body[data-page="tahapan"] .help-panel{padding:11px}
body[data-page="tahapan"] .legend-row{margin-top:7px}

body[data-page="dokumen"] .docs-main{padding-top:11px}
body[data-page="dokumen"] .docs-table-card{margin-top:10px;padding:11px}
body[data-page="dokumen"] .docs-table th{padding:7px 9px;font-size:8px;line-height:1.1}
body[data-page="dokumen"] .docs-table td{padding:6px 9px;font-size:8.05px;line-height:1.18}
body[data-page="dokumen"] .docs-lower{margin-top:10px}
body[data-page="dokumen"] .doc-list-card,body[data-page="dokumen"] .type-list-card,body[data-page="dokumen"] .assist-card{min-height:215px;padding:11px}
body[data-page="dokumen"] .mini-doc{padding:7px 0}
body[data-page="dokumen"] .type-row{padding:6px 0}

.archive-actions .btn{padding:6px 8px;font-size:8.2px;white-space:nowrap}
.hero:before{top:0;right:0;bottom:0;left:0}
.hero-home .hero-bg,.hero-office .hero-bg{background-size:58% 100%;background-repeat:no-repeat;background-position:right center;background-color:#edf5ef}
.hero-pendopo .hero-bg{background-size:52% 100%;background-repeat:no-repeat;background-position:right center;background-color:#edf5ef}
.chip{padding:7px 12px;font-size:8.5px;white-space:nowrap}.chip-row{gap:7px}
body[data-page="beranda"] .filter-panel .chip{padding:6px 9px;font-size:8px}
body[data-page="beranda"] .filter-panel .chip-row{gap:5px;flex-wrap:nowrap}
body[data-page="beranda"] .filter-panel .filter-row{grid-template-columns:320px 1fr!important}
body[data-page="beranda"] .filter-panel .chip-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;gap:5px}
body[data-page="beranda"] .filter-panel .chip{padding:6px 3px;min-width:0;text-align:center}