:root{
  --desc-ink:#17242c;
  --desc-paper:#f4efe8;
  --desc-card:#fffdf9;
  --desc-teal:#176f70;
  --desc-coral:#bd5f49;
  --desc-blue:#dce9ef;
  --desc-sand:#e7d9ca;
  --desc-muted:#5e6c74;
  --desc-line:rgba(23,36,44,.16)
}
.desc-guide{background:#17242c;color:var(--desc-ink)}
.desc-guide .site-shell{background:var(--desc-paper)}
.desc-guide .site-header{background:rgba(244,239,232,.96);backdrop-filter:blur(16px)}
.desc-pad{padding-inline:clamp(24px,5.4vw,96px)}
.desc-kicker,.desc-index{margin:0;color:var(--desc-teal);font-size:10px;font-weight:850;letter-spacing:.19em;line-height:1.45;text-transform:uppercase}
.desc-hero{display:grid;grid-template-columns:minmax(420px,.88fr) minmax(520px,1.12fr);gap:clamp(38px,6vw,100px);align-items:center;padding-top:clamp(55px,7vw,105px);padding-bottom:clamp(70px,8vw,125px);background:linear-gradient(132deg,#f4efe8 0%,#f4efe8 62%,#e4d5c5 100%)}
.desc-hero-copy{max-width:720px}
.desc-hero h1{margin:27px 0 28px;font-size:clamp(58px,6.5vw,106px);font-weight:735;letter-spacing:-.078em;line-height:.91}
.desc-deck{max-width:630px;margin:0 0 28px;color:#465761;font-size:clamp(19px,1.5vw,24px);letter-spacing:-.025em;line-height:1.5}
.desc-meta{display:flex;flex-direction:column;gap:7px;color:#758087;font-size:12px;line-height:1.5}
.desc-start{display:inline-flex;align-items:center;gap:48px;margin-top:36px;padding-bottom:7px;border-bottom:1px solid currentColor;font-size:13px;font-weight:800}
.desc-start:hover{color:var(--desc-coral)}
.desc-hero-image{min-width:0;margin:0}
.desc-hero-image picture{display:block;overflow:hidden;border-radius:2px 58px 2px 2px;background:#d8c7b4;box-shadow:0 28px 70px rgba(47,39,31,.16)}
.desc-hero-image img{width:100%;height:clamp(500px,44vw,680px);object-fit:cover;object-position:center}
.desc-hero-image figcaption,.desc-photo figcaption{padding:13px 3px 0;color:#6c777c;font-size:11px;line-height:1.55}
.desc-answer{display:grid;grid-template-columns:.48fr 1.52fr;gap:clamp(50px,9vw,145px);padding-top:75px;padding-bottom:75px;border-top:1px solid var(--desc-line);border-bottom:1px solid var(--desc-line);background:#fffdf9}
.desc-answer>div{display:grid;grid-template-columns:minmax(350px,.9fr) minmax(350px,.75fr);gap:clamp(45px,7vw,115px);align-items:start}
.desc-answer h2,.desc-formula h2,.desc-faq h2,.desc-related h2{margin:0;font-size:clamp(43px,5vw,76px);font-weight:720;letter-spacing:-.065em;line-height:1}
.desc-answer p:last-child{margin:0;color:#53626a;font-size:18px;line-height:1.72}
.desc-formula{padding-top:clamp(85px,9vw,140px);padding-bottom:clamp(90px,9vw,145px);background:#173139;color:#fff}
.desc-formula .desc-kicker{color:#83d0ca}
.desc-formula-head{display:grid;grid-template-columns:1.1fr .55fr;gap:75px;align-items:end}
.desc-formula-head .desc-kicker{grid-column:1/-1}
.desc-formula-head h2{margin-top:13px;max-width:850px}
.desc-formula-head>p:last-child{margin:0;color:#c4d2d5;font-size:17px;line-height:1.65}
.desc-formula-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:65px 0 0;padding:0;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.18);list-style:none}
.desc-formula-grid li{min-height:255px;padding:27px 23px;background:#173139}
.desc-formula-grid span{color:#83d0ca;font-size:10px;font-weight:850;letter-spacing:.15em}
.desc-formula-grid strong{display:block;margin:52px 0 12px;font-size:21px;letter-spacing:-.035em;line-height:1.15}
.desc-formula-grid p{margin:0;color:#bacacc;font-size:14px;line-height:1.58}
.desc-template{display:grid;grid-template-columns:190px 1fr;gap:35px;align-items:center;margin-top:22px;padding:28px;background:#f4efe8;color:var(--desc-ink)}
.desc-template span{color:var(--desc-coral);font-size:9px;font-weight:850;letter-spacing:.15em}
.desc-template p{margin:0;font-size:17px;line-height:1.55}
.desc-toc{padding-top:72px;padding-bottom:72px;text-align:center;border-bottom:1px solid var(--desc-line)}
.desc-toc>p{margin:0 0 25px;color:#78858c;font-size:9px;font-weight:850;letter-spacing:.19em}
.desc-toc>div{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.desc-toc a{padding:11px 17px;border:1px solid var(--desc-line);border-radius:999px;background:var(--desc-card);color:#52626a;font-size:12px;transition:transform .2s,border-color .2s,color .2s}
.desc-toc a:hover{transform:translateY(-2px);border-color:var(--desc-coral);color:var(--desc-coral)}
.desc-body{max-width:1120px;margin-inline:auto;padding-top:clamp(85px,9vw,140px);padding-bottom:clamp(90px,10vw,155px)}
.desc-content{max-width:880px;margin-inline:auto}
.desc-step{scroll-margin-top:40px;padding-bottom:78px;margin-bottom:82px;border-bottom:1px solid var(--desc-line)}
.desc-index{margin-bottom:25px;color:var(--desc-coral)}
.desc-step h2{margin:0 0 34px;font-size:clamp(42px,4.6vw,66px);font-weight:720;letter-spacing:-.065em;line-height:1.02}
.desc-content p{margin:0 0 24px;color:#506068;font-size:18px;line-height:1.75}
.desc-content strong{color:var(--desc-ink)}
.desc-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:36px 0 42px}
.desc-compare article{padding:28px;background:#e4dbcf;border-top:4px solid #9c8f82}
.desc-compare article:last-child{background:#dce9ef;border-color:var(--desc-teal)}
.desc-compare span,.desc-warning span{color:#69767d;font-size:9px;font-weight:850;letter-spacing:.15em}
.desc-compare h3{margin:25px 0 8px;font-size:25px;letter-spacing:-.04em}
.desc-compare p{margin:0 0 13px;color:var(--desc-ink);font-size:15px;font-weight:740;line-height:1.5}
.desc-compare small{display:block;color:#5d6b72;font-size:13px;line-height:1.6}
.desc-checks{margin:32px 0;padding:0;list-style:none;border-top:1px solid var(--desc-line)}
.desc-checks li{position:relative;padding:16px 0 16px 34px;border-bottom:1px solid var(--desc-line);color:#52616a;font-size:15px;line-height:1.55}
.desc-checks li:before{content:"✓";position:absolute;left:0;color:var(--desc-coral);font-weight:850}
.desc-note,.desc-warning{margin:36px 0;padding:28px 30px;background:var(--desc-card);border:1px solid var(--desc-line);box-shadow:0 15px 45px rgba(31,45,55,.05)}
.desc-note{border-left:4px solid var(--desc-coral)}
.desc-note strong{font-size:17px}
.desc-note p,.desc-warning p{margin:11px 0 0;font-size:15px;line-height:1.65}
.desc-photo{width:min(86%,680px);margin:0 auto 92px}
.desc-photo-wide{width:min(100%,760px)}
.desc-photo picture,.desc-photo>img{display:block;overflow:hidden;border-radius:2px 32px 2px 2px;background:#ded3c4;box-shadow:0 18px 48px rgba(35,46,54,.1)}
.desc-photo img{width:100%;height:410px;object-fit:cover}
.desc-photo-wide img{height:455px}
.desc-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:38px 0}
.desc-examples article{display:flex;min-height:360px;flex-direction:column;padding:29px;background:var(--desc-card);border:1px solid var(--desc-line)}
.desc-examples article>span{color:var(--desc-coral);font-size:9px;font-weight:850;letter-spacing:.16em}
.desc-examples h3{margin:18px 0 14px;font-size:28px;letter-spacing:-.045em;line-height:1.12}
.desc-examples article>p{margin:0;color:#5a6870;font-size:15px;line-height:1.68}
.desc-examples footer{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:25px;border-top:1px solid var(--desc-line);color:#65737a;font-size:11px}
.desc-warning{background:#ede1d3;box-shadow:none;border:0}
.desc-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0 40px}
.desc-categories article{padding:26px;background:var(--desc-card);border:1px solid var(--desc-line)}
.desc-categories span{display:block;margin-bottom:18px;color:var(--desc-teal);font-size:9px;font-weight:850;letter-spacing:.16em}
.desc-categories p{margin:0;padding:10px 0;border-top:1px solid var(--desc-line);font-size:14px;line-height:1.4}
.desc-arso{margin:42px 0 0;padding:32px;background:#173139;color:#fff}
.desc-arso .desc-kicker{color:#83d0ca}
.desc-arso h3{margin:18px 0 12px;font-size:30px;letter-spacing:-.045em;line-height:1.1}
.desc-arso p:not(.desc-kicker){margin:0;color:#c7d4d6;font-size:15px;line-height:1.7}
.desc-arso>div{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:22px}
.desc-arso a{padding-bottom:5px;border-bottom:1px solid #83d0ca;font-size:13px;font-weight:800}
.desc-arso a:hover{color:#83d0ca}
.desc-audit{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:36px 0;background:var(--desc-line);border:1px solid var(--desc-line)}
.desc-audit label{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:23px;background:var(--desc-card)}
.desc-audit span{color:var(--desc-coral);font-size:9px;font-weight:850;letter-spacing:.16em}
.desc-audit strong{font-size:17px;line-height:1.35}
.desc-faq{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(430px,1fr);gap:clamp(60px,10vw,160px);padding-top:clamp(85px,9vw,140px);padding-bottom:clamp(85px,9vw,140px);background:#fffdf9}
.desc-faq .desc-kicker{margin-bottom:24px}
.desc-faq details{border-top:1px solid var(--desc-line)}
.desc-faq details:last-child{border-bottom:1px solid var(--desc-line)}
.desc-faq summary{position:relative;padding:23px 44px 23px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:760;line-height:1.4}
.desc-faq summary::-webkit-details-marker{display:none}
.desc-faq summary:after{content:"+";position:absolute;right:6px;top:20px;color:var(--desc-coral);font-size:27px;font-weight:400}
.desc-faq details[open] summary:after{content:"–"}
.desc-faq details p{margin:0 35px 23px 0;color:#56656d;font-size:15px;line-height:1.7}
.desc-related{padding-top:clamp(85px,9vw,140px);padding-bottom:clamp(95px,10vw,155px)}
.desc-related>div:first-child{display:grid;grid-template-columns:.65fr 1fr;gap:80px;align-items:end}
.desc-related h2{margin-top:20px}
.desc-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:60px}
.desc-related-grid a{display:flex;min-height:185px;flex-direction:column;justify-content:space-between;padding:25px;background:var(--desc-card);border:1px solid var(--desc-line);transition:transform .2s,border-color .2s}
.desc-related-grid a:hover{transform:translateY(-4px);border-color:var(--desc-coral)}
.desc-related-grid span{color:var(--desc-coral);font-size:9px;font-weight:850;letter-spacing:.15em}
.desc-related-grid strong{font-size:20px;letter-spacing:-.035em;line-height:1.2}

@media(min-width:900px){
  .desc-answer>.desc-kicker{grid-column:2}
  .desc-answer>div{grid-column:1/-1;grid-template-columns:minmax(360px,.78fr) minmax(460px,1.22fr)}
  .desc-answer h2{grid-column:2;grid-row:1}
  .desc-answer p:last-child{grid-column:1;grid-row:1;max-width:610px}
  .desc-formula-head{grid-template-columns:minmax(360px,.62fr) minmax(560px,1.18fr)}
  .desc-formula-head .desc-kicker{grid-column:2;grid-row:1}
  .desc-formula-head h2{grid-column:2;grid-row:2}
  .desc-formula-head>p:last-child{grid-column:1;grid-row:2;max-width:520px}
}

@media(max-width:1100px){
  .desc-hero{grid-template-columns:.88fr 1.12fr;gap:35px}
  .desc-hero h1{font-size:clamp(51px,6vw,74px)}
  .desc-formula-grid{grid-template-columns:repeat(3,1fr)}
  .desc-related-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
  .desc-pad{padding-inline:22px}
  .desc-guide .site-header{gap:7px;background:#f4efe8}
  .desc-guide .brand{gap:8px;font-size:21px;letter-spacing:-.07em}
  .desc-guide .brand img{width:36px;height:36px}
  .desc-guide .brand-name-suffix{margin-left:.16em}
  .desc-guide .header-cta{padding:10px 12px;font-size:11px}
  .desc-guide .mobile-nav summary{width:32px}
  .desc-hero{display:flex;flex-direction:column;align-items:stretch;gap:34px;padding-top:47px;padding-bottom:62px}
  .desc-hero h1{margin:21px 0;font-size:clamp(42px,12vw,55px);line-height:.95}
  .desc-deck{font-size:18px;line-height:1.5}
  .desc-meta{font-size:11px}
  .desc-start{margin-top:27px}
  .desc-hero-image picture{width:84%;margin-inline:auto;border-radius:2px 28px 2px 2px;box-shadow:0 16px 36px rgba(47,39,31,.14)}
  .desc-hero-image img{height:220px;object-position:center}
  .desc-hero-image figcaption{width:84%;margin-inline:auto;padding-top:10px;font-size:10px}
  .desc-answer{display:block;padding-top:64px;padding-bottom:64px}
  .desc-answer>div{display:block;margin-top:20px}
  .desc-answer h2,.desc-formula h2,.desc-faq h2,.desc-related h2{font-size:clamp(39px,11vw,51px)}
  .desc-answer p:last-child{margin-top:25px;font-size:16px}
  .desc-formula{padding-top:70px;padding-bottom:75px}
  .desc-formula-head{display:block}
  .desc-formula-head h2{margin-top:18px}
  .desc-formula-head>p:last-child{margin-top:24px;font-size:15px}
  .desc-formula-grid{grid-template-columns:1fr;margin-top:42px}
  .desc-formula-grid li{min-height:150px;padding:22px}
  .desc-formula-grid strong{margin:27px 0 9px;font-size:20px}
  .desc-template{display:block;padding:22px}
  .desc-template p{margin-top:14px;font-size:15px}
  .desc-toc{padding-top:58px;padding-bottom:58px}
  .desc-toc a{padding:9px 12px;font-size:11px}
  .desc-body{padding-top:78px;padding-bottom:92px}
  .desc-step{padding-bottom:58px;margin-bottom:62px}
  .desc-index{margin-bottom:18px}
  .desc-step h2{margin-bottom:26px;font-size:clamp(38px,10.8vw,49px)}
  .desc-content p{margin-bottom:20px;font-size:16px;line-height:1.69}
  .desc-compare{grid-template-columns:1fr;margin:29px 0 38px}
  .desc-compare article{padding:22px}
  .desc-note,.desc-warning{margin:29px 0;padding:23px 21px}
  .desc-photo,.desc-photo-wide{width:100%;margin:0 0 65px}
  .desc-photo picture,.desc-photo>img{width:82%;margin-inline:auto;border-radius:2px 23px 2px 2px;box-shadow:0 14px 34px rgba(35,46,54,.11)}
  .desc-photo img,.desc-photo-wide img{height:205px}
  .desc-photo figcaption{width:82%;margin-inline:auto;padding-top:10px;font-size:10px}
  .desc-examples{grid-template-columns:1fr;margin-top:30px}
  .desc-examples article{min-height:0;padding:23px}
  .desc-examples h3{font-size:25px}
  .desc-examples article>p{font-size:14px}
  .desc-examples footer{margin-top:22px}
  .desc-categories{grid-template-columns:1fr}
  .desc-categories article{padding:22px}
  .desc-arso{padding:25px 22px}
  .desc-arso h3{font-size:27px}
  .desc-audit{grid-template-columns:1fr}
  .desc-audit label{min-height:100px;padding:20px}
  .desc-faq{display:block;padding-top:75px;padding-bottom:75px}
  .desc-faq>div:last-child{margin-top:42px}
  .desc-faq summary{padding:21px 40px 21px 0;font-size:16px}
  .desc-faq details p{margin-right:10px;font-size:14px}
  .desc-related{padding-top:78px;padding-bottom:90px}
  .desc-related>div:first-child{display:block}
  .desc-related-grid{grid-template-columns:1fr;margin-top:40px}
  .desc-related-grid a{min-height:145px;padding:22px}
}

@media(max-width:390px){
  .desc-hero h1{font-size:40px}
  .desc-hero-image picture,.desc-hero-image figcaption,.desc-photo picture,.desc-photo>img,.desc-photo figcaption{width:88%}
  .desc-examples footer{flex-direction:column;gap:6px}
}

@media(prefers-reduced-motion:reduce){.desc-toc a,.desc-related-grid a{transition:none}}
