/* Opt-in styles: no form or print page imports this stylesheet. */
body.support-page,body.support-page.dark{--bg-page:var(--page);--bg-card:var(--surface);--bg-card-body:var(--surface);--bg-input:var(--surface);--text-primary:var(--ink);--text-secondary:var(--muted);--text-tertiary:var(--muted);--border-color:var(--line);--border-color-strong:var(--line);--accent-primary:var(--blue);--accent-primary-strong:var(--blue);--tab-bg:var(--tint);background:var(--soft);height:auto;min-height:100vh;display:flex;flex-direction:column;font-family:Poppins,Arial,sans-serif}
.support-page main{flex:1}.support-page .form-wrap{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:32px auto;padding:0}.support-page .site-header{flex-shrink:0}.support-page footer{margin-top:32px}.support-page .intro-banner,.support-page.dark .intro-banner{background:var(--tint);color:var(--ink);border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:28px;gap:18px}.support-page .intro-banner h2{color:var(--ink);font-size:28px;text-transform:none;letter-spacing:-.8px;text-shadow:none}.support-page .intro-banner p{color:var(--muted);font-size:15px;font-weight:400;line-height:1.75}.support-page .intro-banner-icon{background:var(--surface);color:var(--blue);box-shadow:none}
.support-page .form-section,.support-page.dark .form-section{border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:0 6px 22px #17395e06;margin-bottom:20px;overflow:hidden}.support-page .form-section-header,.support-page.dark .form-section-header{background:var(--surface);color:var(--ink);padding:20px 24px;border-bottom:1px solid var(--line);border-top:3px solid hsl(var(--cat-hue,205),35%,70%)}.support-page .form-section-icon,.support-page .feature-icon,.support-page .contact-icon{background:var(--tint);color:var(--blue);box-shadow:none}.support-page .form-section-title{font-size:18px;line-height:1.5;letter-spacing:0;text-transform:none}.support-page .form-section-subtitle{display:block;font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none;color:var(--muted);font-weight:400}.support-page .form-section-content{padding:24px;background:var(--surface)}.support-page .guide-steps li,.support-page .about-text,.support-page .faq-a,.support-page .ps-list,.support-page .info-form-group{font-size:15px;line-height:1.8}.support-page .guide-note,.support-page .faq-q{font-size:15px}.support-page .info-form-title{font-size:16px;text-transform:none}.support-page .feature-item{background:var(--soft);box-shadow:none}.support-page .feature-item div strong{font-size:15px}.support-page .feature-item div span{font-size:14px;line-height:1.7}.support-page .guide-steps li:before{background:var(--tint);color:var(--blue)}.support-page .guide-note{background:var(--soft);border:1px solid var(--line);font-weight:400}.support-page .btn{min-height:48px;border-radius:9px;padding:12px 22px;text-transform:none;letter-spacing:0;font-size:15px;box-shadow:none}.support-page .btn-primary,.support-page .sc-modal-btn-ya{background:#1263dd;color:white}.support-page .btn-primary:disabled{background:var(--border-color-strong);color:var(--text-tertiary);opacity:1;cursor:not-allowed;box-shadow:none}.support-page .btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.support-page .form-actions{padding:12px 0;gap:12px}.support-page .sc-main,.support-page .kr-main{padding:32px 20px}.support-page .sc-wrap,.support-page .kr-wrap{width:min(100%,680px)}.support-page .sc-modal-icon,.support-page .kr-drop-icon{background:var(--tint);color:var(--blue);box-shadow:none}.support-page .sc-modal-btn{text-transform:none;letter-spacing:0;border-radius:10px}.support-page .sc-status,.support-page .kr-drop-sub,.support-page .kr-syarat-item{font-size:14px;line-height:1.7}.support-page .kr-drop{background:var(--soft);border-radius:12px}.support-page .kr-drop-teks{font-size:16px}.support-page .contact-text-label{font-size:13px;text-transform:none}.support-page .contact-text-value{font-size:15px}.support-page .contact-placeholder-note{font-size:14px;line-height:1.7}.support-page .ui-chip{white-space:normal}.support-page summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px}.support-page .kr-pesan{line-height:1.7}
@media(hover:hover){.support-page summary.form-section-header:hover{background:var(--soft)}.support-page .btn-primary:not(:disabled):hover{background:#084fac;box-shadow:0 4px 12px #1263dd25}.support-page .sc-modal-btn-ya:hover{background:#084fac}.support-page .btn-outline:hover{background:var(--tint);border-color:var(--blue)}}
@media(max-width:800px){.support-page .header-inner{column-gap:8px}.support-page .site-header nav{gap:18px}.support-page .form-wrap{margin-top:22px}.support-page .intro-banner{padding:22px}.support-page .intro-banner h2{font-size:24px}}
@media(max-width:480px){.support-page .form-wrap{width:calc(100% - 32px)}.support-page .form-section-header,.support-page .form-section-content{padding:18px}.support-page .form-section-title{font-size:16px}.support-page .form-section-subtitle{font-size:13px}.support-page .sc-main,.support-page .kr-main{padding:24px 16px}.support-page .sc-qr-wrap{padding:10px;max-width:100%}.support-page #scQr{width:min(260px,65vw);height:auto;aspect-ratio:1}.support-page #scQr img,.support-page #scQr canvas{max-width:100%;height:auto}.support-page .sc-kode{letter-spacing:1px}.support-page .form-actions{flex-wrap:wrap}.support-page .form-actions .btn{flex:1 1 100%}.support-page .intro-banner h2{font-size:23px}}
.support-page .form-page-wrap{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:32px auto;padding:0}.support-page .site-header .brand-name{padding:0;border:0}.support-page .site-header nav a{text-transform:none;letter-spacing:0}.support-page footer p{color:#c1d2e9}.support-page footer .project-credit{color:#d2e1f4}
@media(max-width:480px){.support-page .form-page-wrap{width:calc(100% - 32px);margin:22px auto}}
/* Match the exact homepage content width at every breakpoint. */
.support-page .form-page-wrap,.support-page .sc-main,.support-page .kr-main{width:min(1180px,calc(100% - 80px));max-width:none;margin:32px auto;padding:0;flex:1}.support-page .sc-wrap,.support-page .kr-wrap{width:100%;max-width:none}.support-page .sc-main,.support-page .kr-main{align-items:flex-start}.support-page .sc-wrap .form-section-content{padding-block:30px}.support-page .kr-drop,.support-page .kr-btn-kirim,.support-page .kr-pesan,.support-page .kr-syarat{max-width:680px;margin-left:auto;margin-right:auto}.support-page .form-actions{position:static;bottom:auto;display:flex;justify-content:space-between;flex-wrap:wrap;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;padding:8px 0;margin-top:20px;gap:12px}.support-page .form-actions .btn,.support-page .form-actions .btn-back{flex:0 1 auto;width:auto;min-width:0;margin:0;padding:12px 22px}.support-page .form-actions .btn span{display:inline}.support-page .form-actions .btn svg{width:20px;height:20px}.support-page .form-section{width:100%}.support-page .intro-banner{margin-bottom:24px}
@media(min-width:1500px){.support-page .form-page-wrap,.support-page .sc-main,.support-page .kr-main{width:min(1240px,calc(100% - 100px))}}
@media(max-width:800px){.support-page .form-page-wrap,.support-page .sc-main,.support-page .kr-main{width:calc(100% - 40px);margin:24px auto}}
@media(max-width:480px){.support-page .form-page-wrap,.support-page .sc-main,.support-page .kr-main{width:calc(100% - 32px);margin:22px auto}.support-page .form-actions .btn,.support-page .form-actions .btn-back{flex:1 1 100%;justify-content:center;min-height:48px}.support-page .sc-wrap .form-section-content{padding:22px 16px}}
/* Use the homepage container directly, without legacy form width rules. */
.support-page .support-content{margin-block:32px;padding:0;flex:1}.support-return{border-top:1px solid var(--line);padding:22px 0 4px;margin-top:24px;display:flex;align-items:center;gap:22px}.return-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-size:14px;font-weight:700;flex-shrink:0;transition:background .2s,border-color .2s}.return-link:hover{background:var(--tint);border-color:var(--blue);color:var(--blue)}.support-return p{font-size:13px;line-height:1.7;max-width:580px}.support-page .site-header .brand{margin-right:auto}
@media(max-width:480px){.support-page .support-content{margin-block:22px}.support-return{align-items:flex-start;flex-direction:column;gap:12px}.support-return .return-link{width:100%}}

/* Shared alignment and compact spacing for all service wizards. */
body:is(.kelahiran-page,.service-wizard-page) .intro-banner{align-items:center}
body:is(.kelahiran-page,.service-wizard-page) .intro-banner-text{display:flex;align-items:center}
body:is(.kelahiran-page,.service-wizard-page) .intro-banner-text h1{margin:0;line-height:1.3}
body:is(.kelahiran-page,.service-wizard-page) .wizard-toolbar .wizard-heading{align-items:center}
body:is(.kelahiran-page,.service-wizard-page) .wizard-toolbar .wizard-heading h2{margin:0;min-width:0}
body:is(.kelahiran-page,.service-wizard-page) .wizard-toolbar .wizard-heading .text-button{margin:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
body:is(.kelahiran-page,.service-wizard-page) .support-content{flex:0 0 auto;margin-bottom:16px}
body:is(.kelahiran-page,.service-wizard-page) footer{margin-top:0}
body:is(.kelahiran-page,.service-wizard-page) .wizard-utilities{margin-top:16px;padding:12px 0}
body:is(.kelahiran-page,.service-wizard-page) .wizard-utilities:empty{display:none}
.wizard-step-compact{display:none}
.wizard-step-label{display:inline}
@media(min-width:801px){
  body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs{
    grid-template-columns:repeat(var(--wizard-tab-count,7),minmax(0,1fr));
    width:100%;
    gap:8px;
    align-items:stretch;
  }
  body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs button{
    width:100%;
    min-height:52px;
    padding:12px 10px;
    font-size:14px;
  }
}
@media(max-width:800px){
.wizard-step-compact{display:block}
.wizard-step-label{display:none}
body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs{grid-template-columns:repeat(var(--wizard-tab-count,7),minmax(0,1fr));gap:4px;grid-auto-rows:1fr}
body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs button{grid-column:auto!important;min-height:44px;padding:6px 0;font-size:14px;border-radius:10px;font-weight:700}
body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs button.step-complete{background:#e4f6ee;border-color:#8ebfa7;color:#176143}
body:is(.kelahiran-page,.service-wizard-page) .wizard-tabs button[aria-current=step]{background:#1263dd;border-color:#1263dd;color:#fff}
}
@media(max-width:800px){
  body:is(.kelahiran-page,.service-wizard-page) .wizard-controls{flex-direction:row;align-items:stretch;gap:8px}
  body:is(.kelahiran-page,.service-wizard-page) .wizard-controls .wizard-back,
  body:is(.kelahiran-page,.service-wizard-page) .wizard-controls .wizard-next,
  body:is(.kelahiran-page,.service-wizard-page) .wizard-controls #btnCetakTabel{flex:1 1 0;width:0;margin:0;min-width:0}
}