/* SG EduTech brand and typography standard — loaded last on every public page. */
:root{
 --navy:#00323B !important; --orange:#DC7339 !important; --teal:#00A8B5 !important;
 --text:#18353A !important; --muted:#60767A !important; --light-bg:#F5F8F8 !important;
 --sg-font-body:"DM Sans",Arial,Helvetica,sans-serif; --sg-font-heading:"Syne","DM Sans",Arial,Helvetica,sans-serif;
}
html{font-size:16px!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sg-font-body)!important;font-size:1rem!important;line-height:1.6!important;color:var(--text)!important}
body,button,input,select,textarea{font-family:var(--sg-font-body)!important}
h1,h2,h3,h4,h5,h6,.brand,.brand-name{font-family:var(--sg-font-heading)!important;letter-spacing:-.02em}
main p,main li,main td,main th,main label{font-size:1rem!important;line-height:1.6!important}
main h1{font-size:clamp(2rem,4vw,3.5rem)!important;line-height:1.08!important}
main h2{font-size:clamp(1.45rem,2.7vw,2.25rem)!important;line-height:1.18!important}
main h3{font-size:clamp(1.08rem,1.8vw,1.4rem)!important;line-height:1.25!important}
small,.small,.hint{font-size:.8125rem!important}.btn,button{font-size:.9375rem!important}
.main-header .header-inner{min-height:82px!important;padding:10px 28px!important}
.main-header .logo-img{height:72px!important;max-width:165px!important;object-fit:contain!important}
.main-header .hdr-btn,.nav-bar .sg-nav-link,.nav-bar .nav-link{font-size:.875rem!important}
.nav-bar .sg-nav-link,.nav-bar .nav-link{min-height:48px!important;height:auto!important}
.promo-banner{font-size:.8125rem!important;background:linear-gradient(90deg,#00323B,#0B4B55)!important}
.hero-band,.sg-hub-hero,.checkout-hero{background:linear-gradient(135deg,#00323B 0%,#0B4B55 100%)!important}
.btn-orange,a.btn-orange,.checkout-submit{background:#DC7339!important;color:#fff!important}
.btn-orange:hover,a.btn-orange:hover,.checkout-submit:hover{background:#bd5f2f!important}
.btn-navy,a.btn-navy{background:#00323B!important;color:#fff!important}
a{color:#00323B}.wa-fab{background:#25D366!important}
form label{display:block;font-weight:700;color:#00323B;margin:0 0 6px}
form input:not([type=radio]):not([type=checkbox]),form select,form textarea{width:100%;min-height:48px;border:1px solid #cbd9db;border-radius:12px;background:#fff;color:#18353A;padding:11px 13px;font-size:1rem!important}
form textarea{min-height:120px;resize:vertical}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:#00A8B5;box-shadow:0 0 0 4px rgba(0,168,181,.15)}
.card,.content-card,.sg-category-card,.value-card{overflow-wrap:anywhere}
img{max-width:100%;height:auto}
@media(max-width:900px){.main-header .header-inner{min-height:68px!important;padding:8px 16px!important}.main-header .logo-img{height:58px!important;max-width:130px!important}}
@media(max-width:560px){html{font-size:16px!important}main p,main li,main td,main th,main label{font-size:.9375rem!important}.main-header .logo-img{height:54px!important;max-width:118px!important}}