/* Footer seragam untuk semua halaman */
.sf{border-top:1px solid #dae6ef;padding:27px 0 30px;background:#f2f7fb;color:#577992;font:400 12px/1.6 'Manrope','Segoe UI',system-ui,sans-serif}
.sf *{box-sizing:border-box}
.sf-in{max-width:1190px;margin:auto;padding:0 28px}
.sf-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:30px;text-align:left}
.sf-brand{display:block;color:#083352;font:700 15px 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;letter-spacing:-.3px;margin-bottom:8px}
.sf-grid p{margin:0;color:#54778e;font-size:12px;line-height:1.7;max-width:34ch}
.sf-grid h4{margin:0 0 10px;color:#083352;font:700 13px 'Bricolage Grotesque','Segoe UI',system-ui,sans-serif}
.sf-grid a{display:block;margin-bottom:8px;color:#577992;text-decoration:none}
.sf-grid a:hover{color:#083352}
.sf-copy{margin:26px 0 0;padding-top:18px;border-top:1px solid #dae6ef;font-size:12px}
@media(max-width:790px){.sf-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.sf-in{padding:0 20px}.sf-grid{grid-template-columns:1fr}}
@media(prefers-color-scheme:dark){
  body.sh-dark .sf{background:#0e2133;border-top-color:#23405c;color:#9fb7cf}
  body.sh-dark .sf-brand,body.sh-dark .sf-grid h4{color:#e8f1fa}
  body.sh-dark .sf-grid p,body.sh-dark .sf-grid a{color:#9fb7cf}
  body.sh-dark .sf-grid a:hover{color:#fff}
  body.sh-dark .sf-copy{border-top-color:#23405c}
}
