/* Shipping Practice Lab — Visual System 7.1 */
:root{
  --spl-font: Aptos, "Aptos Display", "Segoe UI", Arial, sans-serif;
  --spl-ink:#102536;--spl-muted:#5f7180;--spl-bg:#f5f7f8;--spl-card:#ffffff;
  --spl-line:#dce4e8;--spl-accent:#126b86;--spl-accent-soft:#e9f3f6;
}
html{font-family:var(--spl-font)!important;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:var(--spl-font)!important}
body{font-size:16px;line-height:1.55}
h1,h2,h3,h4,h5,h6,.hero h1,.page-hero h1,.dashboard-hero h1,.practice-hero h1,.module-hero h1,.section-heading h2{
  font-family:var(--spl-font)!important;color:inherit;font-style:normal!important;text-transform:none;
  letter-spacing:-.025em!important;font-weight:700!important;
}
.hero h1,.page-hero h1,.dashboard-hero h1,.practice-hero h1,.module-hero h1,
.c7-hero h1{font-size:clamp(2.15rem,4.3vw,4.35rem)!important;line-height:1.02!important;max-width:980px}
.section-heading h2,main section>h2,.section-title{font-size:clamp(1.75rem,2.8vw,2.65rem)!important;line-height:1.12!important}
h2{font-size:clamp(1.6rem,2.4vw,2.25rem)!important;line-height:1.15!important}
h3{font-size:clamp(1.15rem,1.6vw,1.45rem)!important;line-height:1.25!important}
p,li,label,input,button,a{letter-spacing:normal}
.brand-name,.brand-credit,.desktop-nav,.mobile-menu{font-family:var(--spl-font)!important}
@media(max-width:700px){.hero h1,.page-hero h1,.dashboard-hero h1,.practice-hero h1,.module-hero h1,.c7-hero h1{font-size:clamp(2rem,10vw,3rem)!important}}

/* Visual refinement 7.2 — consistent editorial typography */
:root{
  --spl-font: Aptos, "Aptos Display", "Segoe UI Variable", "Segoe UI", Arial, sans-serif;
  --spl-title-size: clamp(2.35rem, 4.2vw, 4rem);
  --spl-section-size: clamp(1.85rem, 2.8vw, 2.7rem);
}
html,body,button,input,select,textarea{font-family:var(--spl-font)!important}
body{font-weight:400;letter-spacing:0;color:var(--spl-ink)}
h1,h2,h3,h4,h5,h6,
.hero h1,.pa-hero h1,.pa-section-heading h2,.c7-hero h1,
[class*="hero"] h1,[class*="heading"] h1,[class*="heading"] h2{
  font-family:var(--spl-font)!important;
  font-style:normal!important;
  text-transform:none!important;
  text-wrap:balance;
  letter-spacing:-.035em!important;
  font-weight:700!important;
}
h1,.hero h1,.pa-hero h1,.c7-hero h1,[class*="hero"] h1{
  font-size:var(--spl-title-size)!important;
  line-height:1.04!important;
}
h2,.pa-section-heading h2,[class*="section"] h2,[class*="heading"] h2{
  font-size:var(--spl-section-size)!important;
  line-height:1.12!important;
}
h3{font-size:clamp(1.15rem,1.55vw,1.45rem)!important;line-height:1.25!important}
@media(max-width:720px){:root{--spl-title-size:clamp(2.1rem,10vw,3.15rem);--spl-section-size:clamp(1.65rem,7vw,2.2rem)}}
