@font-face{font-family:HW;src:url(/assets/fonts/hwtext.woff2)format('woff2');
  font-weight:400 700;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:HW;src:url(/assets/fonts/hwtexti.woff2)format('woff2');
  font-weight:400;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f5f0;color:#242117;
  font-family:HW,'Helvetica Neue',Arial,sans-serif;font-size:1.05rem;
  line-height:1.62;font-weight:400;-webkit-font-smoothing:antialiased}

.sd-body table,.sd-body td,.sd-body th,.sd-fig__n,.sd-ax,.sd-fn,
.sd-card__k,.sd-meta,.sd-rec dd{
  font-variant-numeric:lining-nums tabular-nums}
img,svg{max-width:100%}
a{color:#6f6220}
.sd-skip{position:absolute;left:-9999px}
.sd-skip:focus{left:1rem;top:1rem;position:fixed;background:#6f6220;
  color:#f7f5f0;padding:.6rem 1rem;z-index:40}
:focus-visible{outline:3px solid #6f6220;outline-offset:2px}

.sd-wrap{max-width:70rem;margin:0 auto;padding:0 1.5rem}



.sd-doc{display:grid;grid-template-columns:1fr;gap:0}
.sd-doc>*{min-width:0}
.sd-hero__g>*,.sd-cards>*,.sd-fig>*{min-width:0}
@media(min-width:60rem){.sd-doc{
  grid-template-columns:9.5rem minmax(0,42rem);gap:0 2.4rem}}
.sd-side{font-size:.76rem;line-height:1.5;color:#655e49;
  font-stretch:85%;letter-spacing:.01em}
@media(min-width:60rem){.sd-side{text-align:right;
  position:sticky;top:1.5rem;align-self:start}}
.sd-side p{margin:0 0 .45rem}
.sd-side a{color:#655e49}


.sd-body{font-size:1.06rem}
@media(min-width:48rem){.sd-body p,.sd-body li{text-align:justify;
  -webkit-hyphens:auto;hyphens:auto;hyphenate-limit-chars:7 3 3}}
.sd-body p{margin:0 0 1.05rem}

.sd-body h2{font-weight:600;font-size:1.34rem;line-height:1.22;
  margin:2.5rem 0 .2rem;text-align:right;letter-spacing:.055em;
  text-transform:uppercase;font-stretch:88%;
  border-bottom:1px solid #242117;padding-bottom:.3rem}
.sd-body h2+p{margin-top:.95rem}
.sd-body h3{font-weight:600;font-size:1.08rem;margin:1.7rem 0 .45rem;
  text-align:right;color:#655e49}
.sd-body ul,.sd-body ol{margin:0 0 1.15rem;padding-left:1.15rem}
.sd-body li{margin:.3rem 0}
.sd-body blockquote{margin:1.5rem 0;padding:.1rem 0 .1rem 1.1rem;
  border-left:3px solid #6f6220;font-size:1.05rem;
  text-align:left;font-style:italic}
.sd-body blockquote p{text-align:left;font-style:italic}
.sd-body blockquote p:last-child{margin:0}
.sd-body table{border-collapse:collapse;width:100%;margin:1.3rem 0;
  font-size:.95rem}
.sd-body th,.sd-body td{padding:.45rem .9rem .45rem 0;
  border-bottom:1px solid #e3ded1;text-align:left;vertical-align:top}

.sd-body th{font-weight:600;font-size:.64rem;letter-spacing:.07em;
  text-transform:uppercase;color:#655e49;font-stretch:85%}
.sd-body code{font-family:HW;font-stretch:80%;font-size:.9em;
  background:#f1efe7;padding:0 .2em}
.sd-body pre{background:#f1efe7;padding:1rem;overflow-x:auto;
  font-stretch:80%;font-size:.84rem;margin:1.3rem 0;text-align:left}

.sd-panel{background:#28241b;color:#f7f5f0;
  margin:2rem 0;padding:1.4rem 1.4rem 1.2rem;min-width:0}

@media(min-width:60rem){.sd-panel{
  width:calc(100% + 5vw);max-width:none}}
.sd-panel--bare{background:transparent;color:#242117;padding:0;
  width:100%}
.sd-panel__t{font-weight:600;font-size:1.05rem;margin:0 0 .9rem;
  letter-spacing:.04em;text-transform:uppercase;font-stretch:88%}
.sd-scroll{overflow-x:auto;position:relative}

@media(max-width:60rem){
  .sd-scroll::after{content:"scroll \2192";display:block;
    text-align:right;font-size:.68rem;letter-spacing:.09em;
    text-transform:uppercase;font-stretch:85%;opacity:.6;
    margin-top:.3rem;position:sticky;right:0}
}

.sd-scroll>svg{min-width:40rem}

@media(min-width:60rem){
  .sd-scroll--fit{overflow-x:visible}
  .sd-scroll--fit>svg{min-width:0;width:100%}
}

.sd-ax{font-weight:600;font-size:12px;font-stretch:75%;
  letter-spacing:.04em;text-transform:uppercase}
.sd-fn{font-weight:400;font-size:12px;font-stretch:75%}
.sd-key{list-style:none;margin:.9rem 0 0;padding:0;display:flex;
  flex-wrap:wrap;gap:.45rem 1.3rem;font-size:.86rem}
.sd-key li{display:flex;align-items:center;gap:.45rem}
.sd-sw{width:1rem;height:1rem;flex:none}
.sd-note,.sd-ref{margin:.75rem 0 0;font-size:.86rem;opacity:.86;
  text-align:left}
.sd-cap{margin:.8rem 0 0;font-size:.88rem;font-style:italic;
  opacity:.86;text-align:left}

.sd-src{margin:.7rem 0 0;font-size:.74rem;font-stretch:85%;
  letter-spacing:.015em;opacity:.72;text-align:left}

.sd-nav{border-bottom:1px solid #e3ded1;background:#fcfbf9}
.sd-nav__i{display:flex;align-items:center;gap:1.3rem;flex-wrap:wrap;
  padding:.8rem 1.5rem;max-width:70rem;margin:0 auto}
.sd-nav__h{font-weight:700;font-size:1rem;text-decoration:none;
  color:#242117;letter-spacing:.01em}
.sd-nav nav{display:flex;gap:1.05rem;flex-wrap:wrap}
.sd-nav nav a{font-weight:600;font-size:.64rem;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;color:#655e49;
  font-stretch:85%;padding:.2rem 0;border-bottom:2px solid transparent}
.sd-nav nav a:hover{color:#242117}
.sd-nav nav a[aria-current]{color:#6f6220;
  border-bottom-color:#6f6220}
.sd-nav__cta{margin-left:auto;font-weight:600;font-size:.64rem;
  letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  background:#6f6220;color:#f7f5f0;padding:.55rem 1rem;
  font-stretch:85%}


.sd-head{background:#4a401a;color:#f7f5f0;
  padding:3rem 0 3.2rem;border-bottom:3px solid #eedf96}
.sd-head h1{font-weight:700;margin:.25rem 0 .7rem;
  font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.08;
  letter-spacing:-.008em;max-width:24ch}
.sd-head p{max-width:38rem;margin:0;opacity:.93}
.sd-eb{font-weight:600;font-size:.64rem;letter-spacing:.1em;
  text-transform:uppercase;color:#eedf96;margin:0;font-stretch:85%}

.sd-hero{padding:2.8rem 0 2.2rem;border-bottom:1px solid #e3ded1}
.sd-hero__g{display:grid;gap:2rem;grid-template-columns:1fr}
@media(min-width:62rem){.sd-hero__g{grid-template-columns:5fr 6fr;
  align-items:center}}
.sd-hero h1{font-weight:700;margin:.3rem 0 .8rem;
  font-size:clamp(2.1rem,4.9vw,3.2rem);line-height:1.06;
  letter-spacing:-.01em}
.sd-hero__l{font-size:1.1rem;max-width:32rem}
.sd-go{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.3rem}
.sd-go a{font-weight:600;font-size:.65rem;letter-spacing:.08em;
  text-transform:uppercase;text-decoration:none;padding:.75rem 1.1rem;
  border:1.5px solid #242117;color:#242117;font-stretch:85%}
.sd-go a:first-child{background:#242117;color:#f7f5f0}

.sd-fig{display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);
  padding:2.2rem 0}
@media(min-width:52rem){.sd-fig{grid-template-columns:repeat(4,1fr)}}
.sd-fig__i{border-top:2px solid #242117;padding-top:.65rem}
.sd-fig__n{font-weight:700;font-size:2.3rem;line-height:1;
  color:#6f6220;margin:0}
.sd-fig__c{margin:.4rem 0 0;font-size:.9rem;color:#655e49}

.sd-sec{padding:2.6rem 0;border-top:1px solid #e3ded1}
.sd-sec h2{font-weight:700;font-size:clamp(1.5rem,3.2vw,2.1rem);
  line-height:1.16;margin:0 0 .5rem}
.sd-cards{display:grid;gap:1.2rem;grid-template-columns:1fr;
  margin-top:1.6rem}
@media(min-width:44rem){.sd-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:66rem){.sd-cards{grid-template-columns:repeat(3,1fr)}}
.sd-card{background:#fcfbf9;border:1px solid #e3ded1;
  padding:1.2rem 1.25rem 1.3rem;display:flex;flex-direction:column;
  gap:.45rem}
.sd-card:hover{border-color:#6f6220}
.sd-card a{text-decoration:none;color:inherit}
.sd-card h3{font-weight:700;font-size:1.1rem;margin:0;line-height:1.26}
.sd-card p{margin:0;font-size:.93rem;color:#655e49}
.sd-card__k{margin-top:auto;padding-top:.65rem;
  border-top:1px solid #e3ded1;font-weight:600;font-size:.62rem;
  letter-spacing:.08em;text-transform:uppercase;color:#6f6220;
  font-stretch:85%}
.sd-mk{width:1.35rem;height:1.35rem;color:#6f6220}

.sd-crumb,.sd-meta{font-weight:600;font-size:.63rem;letter-spacing:.08em;
  text-transform:uppercase;color:#655e49;font-stretch:85%}
.sd-crumb a{color:#655e49}
.sd-meta{color:#6f6220}

.sd-rec{margin:2.4rem 0 0;border-top:1px solid #e3ded1;
  padding-top:1.2rem}
.sd-rec h2{font-weight:700;font-size:1.12rem;margin:0 0 .7rem;
  text-align:right;letter-spacing:.05em;text-transform:uppercase;
  font-stretch:88%}
.sd-rec ul{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.sd-rec a{text-decoration:none}
.sd-rec dt{font-weight:600;font-size:.62rem;letter-spacing:.08em;
  text-transform:uppercase;color:#655e49;font-stretch:85%}
.sd-rec dd{margin:0 0 .55rem}
.sd-seq{display:flex;justify-content:space-between;gap:1rem;
  margin-top:1.8rem;border-top:1px solid #e3ded1;padding-top:.9rem;
  font-size:.92rem}

.sd-foot{background:#3a3527;color:#f7f5f0;margin-top:3.2rem;
  padding:2.4rem 0 1.9rem}
.sd-foot a{color:#eedf96}
.sd-foot__g{display:grid;gap:1.7rem;grid-template-columns:1fr}
@media(min-width:44rem){.sd-foot__g{grid-template-columns:repeat(3,1fr)}}
.sd-foot h2{font-weight:700;font-size:.92rem;margin:0 0 .55rem}
.sd-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:.38rem;
  font-size:.92rem}
.sd-foot__n{margin:1.9rem 0 0;font-size:.84rem;opacity:.8;
  max-width:46rem}

.sd-on{font-weight:400;font-size:.78rem;color:#655e49}
.sd-foot .sd-on{color:#c2baa3}
.sd-lab{font-weight:600;font-size:.63rem;letter-spacing:.09em;
  text-transform:uppercase;color:#655e49;margin:0;font-stretch:85%}


.eg-reference{margin:1.1rem 0;padding:.95rem 1.05rem;background:#fff8db;color:#242117;border-left:4px solid #6f6220}.eg-reference a{color:#514600;text-decoration-thickness:2px}.eg-guides{padding:3.5rem 0;background:#f0ead9;color:#242117;border-block:1px solid #d5cdb8}.eg-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.eg-guide-card{padding:1.25rem;background:#fff;color:#242117;border:1px solid #c9c0a8}.eg-guide-card>p{margin:0;color:#655e49;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.eg-guide-card h3{margin:.55rem 0}.eg-guide-card h3 a{color:#514600}.eg-guide-card--cards{border-radius:18px}.eg-guide-card--matrix{box-shadow:6px 6px 0 #b1a77f}.eg-guide-card--stacks{border-left:9px solid #514600}.eg-foot-index summary{color:#f7f5f0;cursor:pointer;font-weight:700}.eg-head{padding:4rem 0 3rem;border-bottom:1px solid #c9c0a8}.eg-head h1{font-size:clamp(2.2rem,7vw,4.7rem);line-height:1.04;max-width:22ch}.eg-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.eg-dek{max-width:58rem;font-size:1.15rem;line-height:1.65}.eg-answer{max-width:58rem;padding:1rem 1.2rem;background:#fff;color:#242117;border:1px solid #c9c0a8}.eg-head--cards{background:#fff8db;color:#242117}.eg-head--matrix{background:#383221;color:#f7f5f0}.eg-head--matrix .eg-eyebrow,.eg-head--matrix .eg-dek{color:#e6dec8}.eg-head--stacks{background:repeating-linear-gradient(135deg,#e8e0c7 0 72px,#f7f5f0 72px 144px);color:#242117}.eg-listicle{padding-top:2.3rem}.eg-method{padding:1.45rem 1.6rem;margin-bottom:2.3rem;background:#fff;color:#242117;border:1px solid #c9c0a8}.eg-table-wrap{overflow-x:auto;margin-bottom:2.8rem}.eg-compare{width:100%;border-collapse:collapse;background:#fff;color:#242117}.eg-compare th,.eg-compare td{padding:.82rem;border:1px solid #c9c0a8;text-align:left;vertical-align:top}.eg-compare th{background:#383221;color:#f7f5f0}.eg-compare a{color:#514600}.eg-tools{display:grid;gap:1.25rem}.eg-tools--cards,.eg-tools--matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.eg-tools--stacks{grid-template-columns:1fr}.eg-tool{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.45rem;background:#fff;color:#242117;border:1px solid #c9c0a8}.eg-tool--cards{border-radius:18px;border-top:5px solid #6f6220}.eg-tool--matrix{box-shadow:5px 5px 0 #d5cdb8}.eg-tool--stacks{border-left:10px solid #514600;background:linear-gradient(90deg,#fff8db,#fff 34%)}.eg-rank{font-size:1.55rem;font-weight:700;color:#6f6220}.eg-best{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#655e49}.eg-official a{display:inline-block;padding:.58rem .85rem;background:#514600;color:#fff;border-radius:999px;text-decoration:none}.eg-pilot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:3rem 0}.eg-pilot>h2{grid-column:1/-1}.eg-pilot>div{padding:1.2rem;background:#f0ead9;color:#242117}.eg-check{padding:1.55rem 1.8rem;margin:3rem 0;background:#383221;color:#f7f5f0}.eg-faq{margin:3rem 0}.eg-faq details{padding:1rem;margin:.75rem 0;background:#fff;color:#242117;border:1px solid #c9c0a8}.eg-faq summary{cursor:pointer;font-weight:700}@media(max-width:900px){.eg-guide-grid,.eg-tools--cards,.eg-tools--matrix,.eg-pilot{grid-template-columns:1fr}.eg-head{padding:3rem 0 2.25rem}.eg-reference{padding:.85rem}}