/* shared header + footer */
.sh{background:#fff;border-bottom:1px solid #e6eff4;box-shadow:0 1px 9px rgba(22,75,97,.06);position:sticky;top:0;z-index:50;font-family:"Heebo",Arial,sans-serif}
.sh-in{max-width:1320px;margin:0 auto;padding:0 16px;height:70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.sh-brand{display:flex;align-items:center;gap:10px;color:#142f50;text-decoration:none;white-space:nowrap;justify-self:start}
.sh-brand svg{width:48px;height:42px;display:block}
.sh-brand strong{display:block;font-size:20px;font-weight:800;line-height:1.15}
.sh-brand small{display:block;font-size:12px;color:#4f6577}
.sh-nav{display:flex;gap:28px;justify-self:center}
.sh-nav{align-items:center}
.sh-nav a{font-size:14px;font-weight:700;color:#142f50;text-decoration:none;padding:4px 0 3px;border-bottom:2px solid transparent;white-space:nowrap;line-height:1.4}
.sh-nav a:hover{color:#006f7a}
.sh-nav a.on{color:#006f7a;border-bottom-color:#0d7886}
.sh-left{justify-self:end;display:flex;align-items:center;gap:22px}
.sh-search{color:#204568;display:grid;place-items:center}
.sh-search svg{width:20px;height:20px;display:block}
.sh-reg{min-width:113px;text-align:center;background:linear-gradient(120deg,#1896a3,#046775);color:#fff;text-decoration:none;font-size:14px;font-weight:800;padding:10px 22px;border-radius:40px}
.sh-reg:hover{filter:brightness(1.1)}
.sf{text-align:center;color:#63758a;font-size:14px;margin-top:34px;font-family:"Heebo",Arial,sans-serif}
.sf-bless{margin:0 0 18px;padding:0 16px}
.sf b{color:#142f50}
.sf-bar{background:#0b4f5a;color:#e2f1f2;font-size:13px;padding:14px 16px;letter-spacing:.2px}
@media(max-width:1000px){.sh-nav{gap:18px}}
@media(max-width:560px){.sh-brand strong{font-size:16px}.sh-brand small{font-size:10.5px}.sh-brand svg{width:38px}.sh-search{display:none}.sh-reg{min-width:0;padding:8px 16px}}

/* ---- responsive menu (tablet + phone) ---- */
.sh-toggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.sh-burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid #dce9f1;background:#f8fbfd;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.sh-burger span{display:block;width:18px;height:2px;border-radius:2px;background:#204568;transition:transform .2s,opacity .2s}
@media(max-width:1180px){
  .sh-in{grid-template-columns:1fr auto;height:68px;padding:0 16px;position:relative}
  .sh-burger{display:flex}
  .sh-nav{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;gap:0;background:#fff;border-top:1px solid #e6eff4;box-shadow:0 14px 24px rgba(22,75,97,.12);padding:6px 16px 12px;grid-column:auto;grid-row:auto;overflow:visible}
  .sh-nav a{padding:13px 4px;border-bottom:1px solid #eef3f6;font-size:15px}
  .sh-nav a:last-child{border-bottom:0}
  .sh-nav a.on{border-bottom-color:#eef3f6;color:#006f7a;box-shadow:inset -3px 0 0 #0d7886;padding-right:12px}
  .sh-toggle:checked ~ .sh-nav{display:flex}
  .sh-toggle:checked ~ .sh-left .sh-burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .sh-toggle:checked ~ .sh-left .sh-burger span:nth-child(2){opacity:0}
  .sh-toggle:checked ~ .sh-left .sh-burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .sh-left{gap:12px}
}
@media(max-width:560px){.sh-in{height:62px}.sh-reg{padding:8px 14px;font-size:13.5px}.sh-burger{width:38px;height:38px}}
@media(max-width:430px){.sh-in{padding:0 12px;gap:10px}.sh-brand{gap:7px;min-width:0}.sh-brand svg{width:34px;height:30px}.sh-brand strong{font-size:15.5px}.sh-brand small{font-size:10px;white-space:normal;line-height:1.25;max-width:150px}.sh-left{gap:8px}.sh-reg{padding:7px 12px}}
@media(max-width:1180px){.sh-nav{justify-self:stretch;width:auto;align-items:stretch;text-align:right}}
