@font-face{font-family:Hanken;src:url(HankenGrotesk.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:Lato;src:url(Lato-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Lato;src:url(Lato-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--ink:#100101;--panel:#1d1d1d;--sand:#d8c6a8;--bronze:#8b6f47;--mist:#ccc;--cream:#efe5d0;--paper:#f3eee8;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#17100e;font-family:Lato,Arial,sans-serif;line-height:1.65}a{color:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.7rem;z-index:40}
.resource-header{position:sticky;top:0;z-index:20;background:var(--ink);border-bottom:1px solid var(--bronze);color:var(--sand)}.resource-header-inner{width:min(1200px,100%);margin:auto;padding:8px 16px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center}.resource-header-logo{display:block;width:76px;height:71px;object-fit:contain}.resource-brand-name{margin:0;color:var(--sand);font:400 20px/1.3 Hanken,Arial,sans-serif}.resource-links{display:flex;flex-wrap:nowrap;gap:4px 14px;align-items:center;white-space:nowrap;overflow-x:auto;margin-top:7px}.resource-links a{color:var(--sand);font-size:14px;line-height:1.5;text-underline-offset:3px}.resource-header a:hover{color:#fff}.resource-header a:focus-visible{outline:2px solid var(--sand);outline-offset:3px}.resource-page-title{background:var(--paper);padding:56px max(20px,calc((100% - var(--max))/2)) 30px}.resource-page-title h1{margin:0;color:#17100e;font:500 clamp(2.5rem,5vw,4.25rem)/1.06 Hanken,Arial,sans-serif;letter-spacing:.01em}
.site-header{background:var(--ink);color:var(--sand);position:relative;z-index:10}.nav-wrap{max-width:1760px;margin:auto;min-height:96px;padding:0 6vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:30px;text-decoration:none;color:var(--sand);grid-column:1 / 3}.brand img{width:142px;height:96px;object-fit:contain}.brand span{font-family:Hanken,sans-serif;font-weight:500;font-size:clamp(1.25rem,2.1vw,2.15rem);line-height:1.05;letter-spacing:.02em;white-space:nowrap}.brand small{display:none}.menu-toggle{display:none;color:var(--sand);border:1px solid rgba(216,198,168,.55);border-radius:5px;background:transparent;padding:.55rem .7rem;font:700 .9rem Lato}.nav{grid-column:3;display:flex;align-items:flex-start;gap:24px;text-transform:uppercase}.nav a{font:400 clamp(1rem,1.35vw,1.55rem)/1.05 Hanken,Arial,sans-serif;text-decoration:underline;text-underline-offset:.12em;color:var(--sand);padding:12px 0;text-align:center}.nav a:hover,.nav a[aria-current=page]{color:#fff}
.hero{background:var(--ink);color:var(--cream);border-top:1px solid rgba(216,198,168,.08)}.hero-inner{max-width:1760px;margin:auto;min-height:300px;padding:34px 6vw 42px;display:grid;grid-template-columns:1fr 230px;gap:42px;align-items:center;position:relative}.hero-inner:before{content:"";position:absolute;left:10vw;top:18px;width:228px;height:190px;background:url(sasa-logo.webp) center/contain no-repeat;opacity:.96}.eyebrow{color:var(--sand);font:700 .88rem Lato;letter-spacing:.16em;text-transform:uppercase;margin-left:320px}.hero h1{font-family:Hanken,Tahoma,sans-serif;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.98;margin:.25rem 0 1rem 320px;text-transform:uppercase;letter-spacing:.01em;max-width:1050px}.hero p{font:400 clamp(1rem,1.45vw,1.35rem)/1.45 Hanken,sans-serif;max-width:860px;margin:0 0 0 320px;color:#e5d7be}.hero-mark{align-self:center;background:transparent;color:var(--sand);text-align:center}.hero-mark img{max-width:155px;width:100%;margin:auto}.hero-mark strong{display:block;font-size:.95rem;margin-top:10px;color:var(--sand)}.crumbs{max-width:var(--max);margin:auto;padding:14px 20px;color:#ddd;font-size:.86rem}.crumbs a{color:var(--sand)}main{background:var(--paper)}.content{max-width:var(--max);margin:auto;padding:58px 20px 72px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:48px}.article h2,.article h3{font-family:Hanken,sans-serif;line-height:1.18}.article h2{font-size:2rem;margin:2.4rem 0 .7rem}.article h2:first-child{margin-top:0}.article h3{font-size:1.2rem;margin:1.7rem 0 .4rem}.article p,.article li{font-size:1rem}.article ul,.article ol{padding-left:1.25rem}.article li{margin:.42rem 0}.article a{color:#634a2c;font-weight:700}.lead{font:400 1.28rem/1.6 Hanken,sans-serif}.callout{background:var(--sand);border-radius:20px;padding:24px 28px;margin:28px 0}.callout.danger{background:#3d3d3d;color:#fff;border-left:7px solid var(--bronze)}.callout h2,.callout h3{margin-top:0}.steps{counter-reset:step;list-style:none!important;padding:0!important}.steps li{counter-increment:step;position:relative;padding:0 0 18px 54px;min-height:44px}.steps li:before{content:counter(step);position:absolute;left:0;top:0;background:var(--bronze);color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700}.checklist{list-style:none!important;padding:0!important}.checklist li{padding-left:30px;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--bronze);font-weight:700}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.card{background:#fff;border-radius:8px;padding:20px;border-top:5px solid var(--bronze);box-shadow:0 5px 18px rgba(16,1,1,.08)}.card h3{margin-top:0}.side{align-self:start;position:sticky;top:20px}.side-box{background:#3d3d3d;color:#fff;border-radius:8px;padding:22px;margin-bottom:18px}.side-box.sand{background:var(--sand);color:var(--ink)}.side-box h2{font:700 1.12rem Hanken;margin:0 0 .7rem}.side-box ul{list-style:none;margin:0;padding:0}.side-box li{border-top:1px solid rgba(255,255,255,.14)}.side-box a{display:block;padding:.55rem 0;color:inherit;text-decoration:none;font-size:.9rem}.button{display:inline-block;background:var(--bronze);color:#fff!important;text-decoration:none;padding:.75rem 1rem;border-radius:5px;font-weight:700}.button:hover{background:#82939e;color:#000!important}
.site-footer{background:var(--ink);color:#bbb;padding:40px 0 48px}.footer-panel{width:min(1770px,calc(100% - 120px));margin:auto;background:var(--panel);border:2px solid var(--bronze);border-bottom:0;border-radius:28px 28px 0 0;min-height:360px;padding:34px 36px 74px}.footer-grid{display:grid;grid-template-columns:1.4fr 1.2fr 1.2fr;gap:80px}.site-footer h2{color:var(--bronze);font:700 clamp(1.25rem,1.5vw,1.75rem) Hanken;margin:0 0 26px}.site-footer p,.site-footer li{font-size:clamp(1rem,1.2vw,1.35rem);line-height:1.55}.site-footer a{color:#cfcfcf;text-decoration:none}.site-footer a:hover{color:var(--sand)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.35rem 0}.legal{border-top:1px solid #444;text-align:center;margin-top:16px;padding-top:12px;font-size:clamp(.95rem,1.1vw,1.2rem);color:#888}
@media(max-width:1200px){.nav-wrap{grid-template-columns:auto 1fr auto;padding:0 24px}.brand img{width:100px}.brand span{font-size:1.3rem}.nav{gap:14px}.nav a{font-size:1rem}.hero-inner{grid-template-columns:1fr;min-height:260px}.hero-inner:before{left:32px;width:170px}.eyebrow,.hero h1,.hero p{margin-left:220px}.hero-mark{display:none}.footer-panel{width:calc(100% - 48px)}}
@media(max-width:850px){.resource-header-inner{grid-template-columns:64px minmax(0,1fr);padding:8px 12px}.resource-header-logo{width:64px;height:60px}.resource-brand-name{font-size:17px}.menu-toggle{display:block;grid-column:3}.nav{display:none;position:absolute;left:0;right:0;top:86px;background:var(--ink);padding:12px 24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:left;padding:.75rem}.brand{gap:14px}.brand img{width:76px}.brand span{font-size:1rem;white-space:normal}.hero-inner{padding:44px 24px 46px}.hero-inner:before{position:relative;display:block;left:auto;top:auto;width:150px;height:130px;margin:0 0 10px}.eyebrow,.hero h1,.hero p{margin-left:0}.hero h1{font-size:2.7rem}.layout{grid-template-columns:1fr}.side{position:static}.footer-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.footer-panel{width:calc(100% - 32px);padding:28px 28px 56px}}
@media(max-width:560px){.content{padding-top:40px}.callout{padding:20px}.site-header{position:relative}.nav{top:76px}.footer-panel{border-radius:20px 20px 0 0}.hero h1{font-size:2.25rem}}
@media print{.site-header,.side,.site-footer{display:none}.hero{background:#fff;color:#000}.hero-inner{padding:20px;display:block}.content{padding:20px}.layout{display:block}}
