*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f8f6f3;color:#241c17;
  font-family:CYT,Georgia,serif;font-size:1.0625rem;line-height:1.62;
  font-variant-numeric:tabular-nums}

@font-face{font-family:CYD;src:url(/assets/fonts/cydis.woff2)format('woff2');
  font-weight:500 700;font-display:swap;font-style:normal}
@font-face{font-family:CYT;src:url(/assets/fonts/cytext.woff2)format('woff2');
  font-weight:400 700;font-display:swap;font-style:normal}
@font-face{font-family:CYT;src:url(/assets/fonts/cytexti.woff2)format('woff2');
  font-weight:400 600;font-display:swap;font-style:italic}
@font-face{font-family:CYN;src:url(/assets/fonts/cynum.woff2)format('woff2');
  font-weight:400 600;font-display:swap;font-style:normal}

.nb-skip{position:absolute;left:-999px}
.nb-skip:focus{position:static;display:inline-block;padding:.5rem}
:focus-visible{outline:2px solid #9a3412;outline-offset:2px}


.nb-nav{border-bottom:1px solid #e6dfd8;background:#fdfcfa}
.nb-nav__i{max-width:62rem;margin:0 auto;padding:1rem}
.nb-nav__h{font-family:CYD,Georgia,serif;font-weight:700;
  font-size:1.06rem;color:#241c17;text-decoration:none;
  letter-spacing:.01em}
.nb-nav__s{margin:.15rem 0 .7rem;font-size:.86rem;color:#5f554e}
.nb-nav nav{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}
.nb-nav nav a{font-family:CYN,ui-monospace,monospace;font-size:.69rem;
  letter-spacing:.11em;text-transform:uppercase;color:#5f554e;
  text-decoration:none;padding:.15rem 0}
.nb-nav nav a[aria-current]{color:#9a3412;
  border-bottom:2px solid #9a3412}


.nb-head{background:#2c1409;color:#f8f6f3;
  padding:2.6rem 0 2.4rem}

.nb-head .nb-wrap{max-width:62rem;margin:0 auto;padding:0 1rem;
  display:grid;grid-template-columns:1fr min(38rem,100%) 1fr}
.nb-head .nb-wrap>*{grid-column:2}
.nb-head h1{font-family:CYD,Georgia,serif;font-weight:600;
  font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.12;
  margin:.1rem 0 .7rem;max-width:22ch}
.nb-head p{margin:0;max-width:46ch;color:#d0c5bc}
.nb-eb{font-family:CYN,ui-monospace,monospace;font-size:.69rem;
  letter-spacing:.13em;text-transform:uppercase;margin:0;
  color:#e8c4b4}


.nb-wrap{max-width:62rem;margin:0 auto;padding:0 1rem}
.nb-doc{display:grid;grid-template-columns:1fr min(38rem,100%) 1fr;
  margin:2.2rem 0 3rem}
.nb-doc>*{grid-column:2}
.nb-doc>.nb-panel{grid-column:1/-1;width:min(54rem,100%);
  justify-self:center}
.nb-body>*{max-width:none}

.nb-crumb{font-size:.78rem;color:#5f554e;margin:0 0 1.5rem;
  letter-spacing:.02em}
.nb-crumb a{color:#5f554e}
.nb-meta{font-family:CYN,ui-monospace,monospace;font-size:.66rem;
  letter-spacing:.11em;text-transform:uppercase;color:#9a3412}
.nb-count{font-family:CYN,ui-monospace,monospace;font-weight:600;
  font-size:.74rem;color:#9a3412;margin:0 0 .5rem;
  letter-spacing:.04em}

.nb-body h2{font-family:CYD,Georgia,serif;font-weight:600;
  font-size:1.32rem;line-height:1.24;margin:2.4rem 0 .6rem}
.nb-body h3{font-family:CYD,Georgia,serif;font-weight:600;
  font-size:1.08rem;margin:1.7rem 0 .4rem}
.nb-body p{margin:0 0 1.05rem}
.nb-body a{color:#9a3412;text-underline-offset:.16em}
.nb-body strong{font-weight:700}
.nb-body ul,.nb-body ol{margin:0 0 1.05rem;padding-left:1.15rem}
.nb-body li{margin:0 0 .35rem}
.nb-body blockquote{margin:1.5rem 0;padding:.1rem 0 .1rem 1.1rem;
  border-left:3px solid #9a3412;font-style:italic;color:#5f554e}
.nb-body blockquote p{margin:0}
.nb-body table{width:100%;border-collapse:collapse;margin:1.4rem 0;
  font-size:.92rem}
.nb-body th,.nb-body td{text-align:left;padding:.42rem .6rem;
  border-bottom:1px solid #e6dfd8}
.nb-body th{font-family:CYN,ui-monospace,monospace;font-weight:600;
  font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;
  color:#5f554e;border-bottom:1.5px solid #8b8077}
.nb-body td:not(:first-child){font-family:CYN,ui-monospace,monospace}


.nb-panel{margin:2rem 0;background:#201914;color:#f8f6f3;
  padding:1.3rem 1.2rem 1.1rem;border-radius:2px}
.nb-panel--empty{background:#312720}
.nb-cap{font-family:CYN,ui-monospace,monospace;font-weight:600;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:#e8c4b4;margin:0 0 .9rem}
.nb-scroll{overflow-x:auto}
.nb-scroll svg{display:block;width:100%;min-width:34rem;height:auto}
.nb-scroll--fit svg{width:100%;min-width:0;max-width:26rem;
  margin:0 auto}

.nb-ax{font-family:CYN,ui-monospace,monospace;font-weight:500;
  font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.nb-fn{font-family:CYN,ui-monospace,monospace;font-weight:600;
  font-size:13px;letter-spacing:.01em}
.nb-key{list-style:none;margin:1rem 0 .4rem;padding:0;
  display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;font-size:.82rem;
  color:#5f554e}
.nb-panel .nb-key{color:#d0c5bc}
.nb-note{margin:.5rem 0 0;font-size:.82rem;color:#5f554e}
.nb-panel .nb-note{color:#d0c5bc}
.nb-cnote{margin:.6rem 0 0;font-size:.86rem;color:#f8f6f3;
  font-style:italic}
.nb-ref{margin:.5rem 0 0;font-size:.8rem;color:#e8c4b4}
.nb-src{margin:.7rem 0 0;font-size:.74rem;color:#5f554e;
  line-height:1.5}
.nb-panel .nb-src{color:#d0c5bc}


.nb-hero{padding:2.4rem 0 1.2rem}
.nb-hero__g{display:grid;gap:1.8rem}
@media(min-width:60rem){.nb-hero__g{grid-template-columns:1fr 1fr;
  align-items:start;gap:2.6rem}}
.nb-hero h1{font-family:CYD,Georgia,serif;font-weight:600;
  font-size:clamp(2rem,5.4vw,3.1rem);line-height:1.06;
  margin:.2rem 0 .8rem}
.nb-hero__l{font-size:1.08rem;color:#5f554e;max-width:40ch}
.nb-lab{font-family:CYN,ui-monospace,monospace;font-size:.69rem;
  letter-spacing:.13em;text-transform:uppercase;color:#9a3412;
  margin:0 0 .3rem}
.nb-cta{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.3rem 0 0}
.nb-cta a{font-family:CYN,ui-monospace,monospace;font-size:.72rem;
  letter-spacing:.09em;text-transform:uppercase;text-decoration:none;
  padding:.62rem 1rem;border:1.5px solid #9a3412;color:#9a3412}
.nb-cta a:first-child{background:#9a3412;color:#fdfcfa}
.nb-fig{display:grid;gap:1.2rem 2rem;
  grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));
  margin:2.2rem 0 1rem;padding:1.4rem 0 0;
  border-top:1px solid #e6dfd8}
.nb-fig__i{border-top:2px solid #9a3412;padding-top:.5rem}
.nb-fig__n{font-family:CYN,ui-monospace,monospace;font-weight:600;
  font-size:1.5rem;margin:0;color:#241c17}
.nb-fig__c{font-size:.84rem;color:#5f554e;margin:.2rem 0 0}
.nb-sec{padding:2.2rem 0}
.nb-sec h2{font-family:CYD,Georgia,serif;font-weight:600;
  font-size:1.5rem;margin:0 0 .5rem}
.nb-cards{display:grid;gap:1rem;margin:1.4rem 0 0;
  grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.nb-card{background:#fdfcfa;border:1px solid #e6dfd8;
  padding:1rem 1rem .9rem}
.nb-card h3{font-family:CYD,Georgia,serif;font-size:1rem;
  margin:.4rem 0 .35rem;line-height:1.25}
.nb-card h3 a{color:#241c17;text-decoration:none}
.nb-card h3 a:hover{text-decoration:underline}
.nb-card p{margin:0;font-size:.86rem;color:#5f554e}
.nb-card__k{font-family:CYN,ui-monospace,monospace;font-size:.64rem;
  letter-spacing:.1em;text-transform:uppercase;margin:.6rem 0 0 !important;
  color:#9a3412 !important}
.nb-motif{width:22px;height:22px;color:#9a3412}

.nb-rec{margin:2.6rem 0 0;padding:1.3rem 0 0;
  border-top:1px solid #e6dfd8}
.nb-rec h2{font-family:CYN,ui-monospace,monospace;font-size:.7rem;
  letter-spacing:.11em;text-transform:uppercase;color:#5f554e;
  margin:0 0 .7rem}
.nb-rec ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.nb-rec a{color:#241c17;text-decoration:none}
.nb-rec a:hover strong{text-decoration:underline}
.nb-on{font-size:.82rem;color:#5f554e}
.nb-rec dl{margin:0;display:grid;gap:.4rem}
.nb-rec dt{font-family:CYN,ui-monospace,monospace;font-size:.66rem;
  letter-spacing:.1em;text-transform:uppercase;color:#5f554e}
.nb-rec dd{margin:0 0 .5rem}
.nb-seq{display:flex;justify-content:space-between;gap:1rem;
  margin:2rem 0 0;padding:1rem 0 0;border-top:1px solid #e6dfd8;
  font-size:.88rem}
.nb-seq a{color:#9a3412;text-decoration:none}

.nb-foot{background:#201914;color:#d0c5bc;
  margin:3rem 0 0;padding:2.4rem 0 2.6rem}
.nb-foot__g{display:grid;gap:1.4rem;
  grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}
.nb-foot h2{font-family:CYN,ui-monospace,monospace;font-size:.68rem;
  letter-spacing:.11em;text-transform:uppercase;color:#e8c4b4;
  margin:0 0 .5rem}
.nb-foot ul{list-style:none;margin:0;padding:0}
.nb-foot li{margin:0 0 .3rem}
.nb-foot a{color:#d0c5bc;text-decoration:none;font-size:.88rem}
.nb-foot a:hover{text-decoration:underline}
.nb-foot__n{margin:1.8rem 0 0;font-size:.8rem;max-width:62ch;
  color:#8b8077}


.nb-inline-reference a,.nb-inline-source a{color:#8f2f0e;text-decoration-thickness:.1em;text-underline-offset:.16em}.nb-guides{padding:3.6rem 0;background:#eee5db;color:#241c17;border-block:1px solid #c9b9aa}.nb-guides__head{max-width:52rem;margin-bottom:1.5rem}.nb-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.nb-guide-card{padding:1.3rem;background:#fffdfa;color:#241c17;border:1px solid #bca795}.nb-guide-card>p{margin:0;color:#66564b;font:600 .68rem CYN,monospace;text-transform:uppercase;letter-spacing:.1em}.nb-guide-card h3{margin:.55rem 0;font-family:CYD,serif}.nb-guide-card h3 a{color:#241c17}.nb-guide-card span{color:#5f554e}.nb-guide-card--score{border-radius:24px 2px}.nb-guide-card--board{box-shadow:6px 6px 0 #a84c25}.nb-guide-card--map{border-left:8px solid #315f65}.nb-foot__guides summary{color:#f8f6f3;cursor:pointer;font:600 .68rem CYN,monospace;text-transform:uppercase;letter-spacing:.09em}
.st-list-head{padding:4rem 0 3rem;border-bottom:1px solid #bca795}.st-list-head h1{font:600 clamp(2.2rem,7vw,4.5rem)/1.03 CYD,serif;max-width:22ch}.st-list-dek{max-width:58rem;font-size:1.15rem;line-height:1.62}.st-list-summary{max-width:58rem;padding:1rem 1.2rem;background:#fffdfa;color:#241c17;border:1px solid #bca795}.st-list-head--notebook{background:#eee5db;color:#241c17}.st-list-head--matrix{background:#2c1409;color:#f8f6f3}.st-list-head--matrix .st-eb,.st-list-head--matrix .st-list-dek{color:#e8c4b4}.st-list-head--atlas{background:linear-gradient(135deg,#dce9e7 0 52%,#eee5db 52%);color:#241c17}.st-listicle{padding-top:2.3rem}.st-method-card{padding:1.45rem 1.6rem;margin-bottom:2.3rem;background:#fffdfa;color:#241c17;border:1px solid #bca795}.st-table-wrap{overflow-x:auto;margin-bottom:2.8rem}.st-compare{width:100%;border-collapse:collapse;background:#fffdfa;color:#241c17}.st-compare th,.st-compare td{padding:.82rem;border:1px solid #bca795;text-align:left;vertical-align:top}.st-compare th{background:#241c17;color:#f8f6f3}.st-tools{display:grid;gap:1.25rem}.st-tools--notebook{grid-template-columns:repeat(2,minmax(0,1fr))}.st-tools--matrix{grid-template-columns:repeat(3,minmax(0,1fr))}.st-tools--atlas{grid-template-columns:1fr}.st-tool{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.45rem;background:#fffdfa;color:#241c17;border:1px solid #bca795}.st-tool--notebook{border-radius:24px 2px;border-top:5px solid #a84c25}.st-tool--matrix{display:block;box-shadow:5px 5px 0 #dec5b3}.st-tool--atlas{border-left:8px solid #315f65;border-radius:0 14px 14px 0}.st-tool__rank{font:600 1.55rem CYD,serif;color:#9a3412}.st-tool__best{font:600 .68rem CYN,monospace;text-transform:uppercase;letter-spacing:.08em;color:#66564b}.st-tool__link a{display:inline-block;padding:.58rem .85rem;background:#9a3412;color:#fff;border-radius:999px;text-decoration:none}.st-decision{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:3rem 0}.st-decision>h2{grid-column:1/-1}.st-decision>div{padding:1.2rem;background:#eee5db;color:#241c17}.st-checklist{padding:1.55rem 1.8rem;margin:3rem 0;background:#241c17;color:#f8f6f3}.st-faq{margin:3rem 0}.st-faq details{padding:1rem;margin:.75rem 0;background:#fffdfa;color:#241c17;border:1px solid #bca795}.st-faq summary{cursor:pointer;font-weight:700}@media(max-width:900px){.nb-guide-grid,.st-tools--notebook,.st-tools--matrix,.st-decision{grid-template-columns:1fr}.st-list-head{padding:3rem 0 2.25rem}}