:root{--sng-coral:#E07A7A;--sng-coral-deep:#C95A5A;--sng-ink:#3a3537;--sng-muted:#9b8f8f;--sng-hair:#efe2e0;--sng-cream:#FBF5F1;--sng-scrim:rgba(58,53,55,.40);--sng-wa:#25D366}
#sng-header *{box-sizing:border-box}
#sng-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 30px;background:#fff;border-bottom:1px solid var(--sng-hair);font-family:'Poppins',system-ui,sans-serif}
#sng-header .sng-left{display:flex;align-items:center;gap:22px;min-width:0}
#sng-header .sng-logo{display:block;width:210px;height:64px;background:url('../img/sng-logo-lockup.png') no-repeat left center;background-size:contain;flex-shrink:0;text-indent:-9999px}
#sng-header .sng-slogan{font-family:'Great Vibes',cursive;color:var(--sng-coral);font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sng-header .sng-right{display:flex;align-items:center;gap:16px}
#sng-header .sng-search{display:flex;align-items:center;gap:9px;background:var(--sng-cream);border:1px solid var(--sng-hair);border-radius:100px;padding:9px 16px}
#sng-header .sng-search input{border:0;background:transparent;outline:none;font-size:12.5px;color:var(--sng-ink);width:180px}
#sng-header .sng-menu{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.4px;color:var(--sng-coral);background:none;border:0;font-family:inherit}
#sng-header .sng-menu .bars{display:flex;flex-direction:column;gap:3.5px}
#sng-header .sng-menu .bars i{width:20px;height:2px;background:var(--sng-coral);border-radius:2px}
#sng-scrim{position:fixed;inset:0;background:var(--sng-scrim);opacity:0;visibility:hidden;transition:opacity .25s;z-index:99998}
#sng-scrim.open{opacity:1;visibility:visible}
#sng-drawer{position:fixed;top:0;bottom:0;right:0;width:660px;max-width:96vw;background:#fff;transform:translateX(100%);transition:transform .3s ease;z-index:99999;display:flex;flex-direction:column;font-family:'Poppins',system-ui,sans-serif;box-shadow:-18px 0 50px rgba(58,53,55,.18)}
#sng-drawer.open{transform:translateX(0)}
#sng-drawer .d-head{display:flex;align-items:center;justify-content:space-between;padding:20px 26px 14px}
#sng-drawer .d-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--sng-muted);font-weight:600}
#sng-drawer .x{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:var(--sng-muted);background:none;border:0}
#sng-drawer .x:hover{background:var(--sng-cream);color:var(--sng-ink)}
#sng-drawer .twocol{display:flex;flex:1;overflow:hidden;border-top:1px solid var(--sng-hair)}
#sng-drawer .col-main{width:230px;border-right:1px solid var(--sng-hair);overflow-y:auto;flex-shrink:0}
#sng-drawer .col-main a,#sng-drawer .col-main .item{padding:15px 24px;font-size:14.5px;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #faf2f1;color:var(--sng-ink);text-decoration:none}
#sng-drawer .col-main .item:hover,#sng-drawer .col-main a:hover{color:var(--sng-coral);background:#fdf8f7}
#sng-drawer .col-main .item.sel{color:var(--sng-coral);background:#fdf8f7;font-weight:600}
#sng-drawer .col-main .ar{color:#d7c3c1;font-size:15px}
#sng-drawer .col-sub{flex:1;padding:24px 30px;overflow-y:auto;background:var(--sng-cream)}
#sng-drawer .panel{display:none}#sng-drawer .panel.show{display:block}
#sng-drawer .panel h3{font-family:'Great Vibes',cursive;color:var(--sng-coral);font-size:28px;margin:0 0 4px;font-weight:400}
#sng-drawer .panel .lead{font-size:12px;color:var(--sng-muted);margin-bottom:18px}
#sng-drawer .grp{margin-bottom:18px}
#sng-drawer .grp .gh{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--sng-coral-deep);font-weight:600;margin-bottom:7px;border-bottom:1px solid #f1e3e0;padding-bottom:5px}
#sng-drawer .panel a.l{display:block;padding:7px 0;font-size:13px;color:#6b6062;text-decoration:none}
#sng-drawer .panel a.l:hover{color:var(--sng-coral)}
#sng-drawer .panel a.enrol{margin-top:8px;color:var(--sng-coral);font-weight:600}
#sng-drawer .linkcols{column-count:2;column-gap:22px}
#sng-drawer .cbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:330px;padding:14px;border-radius:11px;font-size:14px;font-weight:600;margin-bottom:11px;text-decoration:none}
#sng-drawer .cbtn svg{width:18px;height:18px}
#sng-drawer .cbtn.solid{background:var(--sng-coral);color:#fff}#sng-drawer .cbtn.solid:hover{background:var(--sng-coral-deep)}
#sng-drawer .cbtn.wa{background:var(--sng-wa);color:#fff}
#sng-drawer .cbtn.line{background:#fff;color:var(--sng-ink);border:1.5px solid var(--sng-hair)}#sng-drawer .cbtn.line:hover{border-color:var(--sng-coral);color:var(--sng-coral)}
#sng-drawer .caddr{margin-top:20px;font-size:12px;color:var(--sng-muted);line-height:1.7}
#sng-drawer .caddr b{color:var(--sng-ink);font-weight:500;display:block;margin-bottom:2px}
@media(max-width:860px){#sng-header .sng-slogan{display:none}#sng-header .sng-search input{width:110px}#sng-drawer .col-main{width:150px}#sng-drawer .linkcols{column-count:1}}

@media(max-width:600px){
  #sng-header{padding:12px 16px;gap:10px}
  #sng-header .sng-logo{width:140px;height:44px}
  #sng-header .sng-search{padding:8px 12px}
  #sng-header .sng-search input{width:84px}
  #sng-drawer{width:100vw;max-width:100vw}
  #sng-drawer .col-main{width:140px}
  #sng-drawer .col-main a,#sng-drawer .col-main .item{padding:13px 14px;font-size:13px}
  #sng-drawer .col-sub{padding:18px 16px}
  #sng-drawer .panel h3{font-size:24px}
  #sng-drawer .cbtn{max-width:none}
}

@media(max-width:600px){
  #sng-header .sng-right{gap:10px;min-width:0}
  #sng-header .sng-search{flex:1 1 auto;min-width:0}
  #sng-header .sng-search input{width:auto;min-width:0}
  #sng-header .sng-menu{flex-shrink:0}
}

@media(max-width:600px){
  #sng-header .sng-right{flex:1 1 auto;min-width:0}
  #sng-header .sng-search{flex:1 1 0;min-width:0}
  #sng-header .sng-search input{width:0;min-width:0;flex:1 1 auto}
}
