.sn-tut{--tut-ink: #10312e;--tut-ink-soft: #3c5a55;--tut-paper: #fafbf9;--tut-card: #ffffff;--tut-accent: #17a673;--tut-accent-dark: #0c5e43;--tut-mint: #e3f5ec;--tut-amber: #e8a33d;--tut-amber-bg: #fdf3e2;--tut-red: #d64545;--tut-red-bg: #fbe9e9;--tut-border: #dce5e0;--tut-mono: "Fira Mono", ui-monospace, monospace;--tut-body: "Manrope", system-ui, sans-serif;--tut-display: "Manrope", var(--tut-body);font-family:var(--tut-body);font-size:1.06rem;line-height:1.65;color:var(--tut-ink);background:var(--tut-paper)}.sn-tut *,.sn-tut *:before,.sn-tut *:after{box-sizing:border-box}@media (prefers-reduced-motion: reduce){.sn-tut *{animation:none!important;transition:none!important}}.sn-tut .site-head{background:var(--tut-ink);color:#eaf4ef;padding:2.6rem 1.25rem 2.2rem;position:relative;overflow:hidden}.sn-tut .site-head:after{content:"";position:absolute;right:-1rem;bottom:-.5rem;width:340px;height:170px;background:linear-gradient(var(--tut-accent),var(--tut-accent)) 0 100%/34px 55% no-repeat,linear-gradient(#2c8a6b,#2c8a6b) 52px 100%/34px 85% no-repeat,linear-gradient(#1d5c4a,#1d5c4a) 104px 100%/34px 40% no-repeat,linear-gradient(#2c8a6b,#2c8a6b) 156px 100%/34px 70% no-repeat,linear-gradient(var(--tut-accent),var(--tut-accent)) 208px 100%/34px 95% no-repeat;opacity:.28;pointer-events:none}.sn-tut .site-head .inner{max-width:46rem;margin:0 auto;position:relative}.sn-tut .eyebrow{font-family:var(--tut-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#7fd8b6;margin:0 0 .6rem}.sn-tut .site-head h1{font-family:var(--tut-display);font-weight:700;font-size:clamp(1.7rem,4.5vw,2.6rem);line-height:1.15;margin:0 0 .5rem;max-width:34rem;color:#eaf4ef}.sn-tut .site-head .lede{color:#c4dcd2;max-width:33rem;margin:0}.sn-tut .parts{max-width:46rem;margin:1.6rem auto 0;display:flex;flex-wrap:wrap;gap:.45rem;position:relative}.sn-tut .parts a{font-family:var(--tut-mono);font-size:.8rem;text-decoration:none;color:#bdd8cd;border:1px solid #33534d;border-radius:999px;padding:.3rem .8rem;transition:background .15s,color .15s}.sn-tut .parts a:hover{background:#1b423c;color:#fff}.sn-tut .parts a[aria-current=page]{background:var(--tut-accent);border-color:var(--tut-accent);color:#06251c;font-weight:600}.sn-tut .tut-main{max-width:46rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.sn-tut .tut-main h2{font-family:var(--tut-display);font-size:1.55rem;line-height:1.25;margin:2.6rem 0 .8rem;color:var(--tut-ink);font-weight:700}.sn-tut .tut-main h2:first-child{margin-top:0}.sn-tut .tut-main h3{font-family:var(--tut-display);font-size:1.18rem;margin:2rem 0 .5rem;color:var(--tut-ink);font-weight:700}.sn-tut .tut-main p{margin:0 0 1.05rem}.sn-tut .tut-main a{color:var(--tut-accent-dark)}.sn-tut .tut-main strong{color:var(--tut-ink)}.sn-tut .tut-main ul,.sn-tut .tut-main ol{padding-left:1.3rem;margin:0 0 1.05rem}.sn-tut .tut-main li{margin-bottom:.35rem}.sn-tut .tut-main code{font-family:var(--tut-mono);font-size:.88em;background:var(--tut-mint);padding:.1em .35em;border-radius:4px}.sn-tut .path{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-family:var(--tut-mono);font-size:.82rem;margin:1rem 0 1.4rem}.sn-tut .path span{background:var(--tut-ink);color:#d9efe5;padding:.28rem .65rem;border-radius:6px;white-space:nowrap}.sn-tut .path span:last-child{background:var(--tut-accent);color:#06251c;font-weight:600}.sn-tut .path .sep{background:none;color:var(--tut-ink-soft);padding:0;font-weight:600}.sn-tut .tip,.sn-tut .note{border-radius:10px;padding:.9rem 1.1rem;margin:1.3rem 0;font-size:.98rem}.sn-tut .tip{background:var(--tut-amber-bg);border-left:4px solid var(--tut-amber)}.sn-tut .note{background:var(--tut-mint);border-left:4px solid var(--tut-accent)}.sn-tut .tip .label,.sn-tut .note .label{display:block;font-family:var(--tut-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;color:var(--tut-ink-soft)}.sn-tut .tut-main table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.95rem}.sn-tut .tut-main th,.sn-tut .tut-main td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--tut-border);vertical-align:top}.sn-tut .tut-main th{font-family:var(--tut-display);font-size:.85rem;letter-spacing:.03em;background:var(--tut-mint);font-weight:700}.sn-tut .quiz{background:var(--tut-card);border:1px solid var(--tut-border);border-radius:14px;padding:1.3rem 1.3rem 1.1rem;margin:1.8rem 0;box-shadow:0 2px 10px #10312e0d}.sn-tut .quiz .qlabel{font-family:var(--tut-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--tut-accent-dark);margin:0 0 .4rem}.sn-tut .quiz .qtext{font-weight:600;margin-bottom:.9rem}.sn-tut .opt{display:block;width:100%;text-align:left;font:inherit;font-size:.98rem;background:var(--tut-paper);border:1.5px solid var(--tut-border);border-radius:9px;padding:.6rem .85rem;margin-bottom:.5rem;cursor:pointer;color:var(--tut-ink);transition:border-color .15s,background .15s}.sn-tut .opt:hover:not(:disabled){border-color:var(--tut-accent);background:var(--tut-mint)}.sn-tut .opt:focus-visible{outline:3px solid var(--tut-accent);outline-offset:2px}.sn-tut .opt:disabled{cursor:default;opacity:.85}.sn-tut .opt.correct{border-color:var(--tut-accent);background:var(--tut-mint);font-weight:600}.sn-tut .opt.correct:after{content:" ✓";color:var(--tut-accent-dark)}.sn-tut .opt.wrong{border-color:var(--tut-red);background:var(--tut-red-bg)}.sn-tut .opt.wrong:after{content:" ✗";color:var(--tut-red)}.sn-tut .expl{margin-top:.8rem;padding:.7rem .9rem;background:var(--tut-mint);border-radius:8px;font-size:.94rem}.sn-tut .match-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.2rem}@media (max-width: 560px){.sn-tut .match-grid{grid-template-columns:1fr}}.sn-tut .match-col{display:flex;flex-direction:column;gap:.5rem}.sn-tut .match-col h4{margin:0 0 .1rem;font-family:var(--tut-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tut-ink-soft)}.sn-tut .chip{font:inherit;font-size:.92rem;text-align:left;background:var(--tut-paper);border:1.5px solid var(--tut-border);border-radius:9px;padding:.5rem .75rem;cursor:pointer;color:var(--tut-ink)}.sn-tut .chip:focus-visible{outline:3px solid var(--tut-accent);outline-offset:2px}.sn-tut .chip.sel{border-color:var(--tut-ink);background:#eef4f1}.sn-tut .chip.locked{border-color:var(--tut-accent);background:var(--tut-mint);cursor:default}.sn-tut .chip.locked:after{content:" ✓";color:var(--tut-accent-dark)}.sn-tut select.gap{font:inherit;font-size:.95rem;padding:.2rem .4rem;border-radius:6px;border:1.5px solid var(--tut-border);background:var(--tut-paper);margin:0 .15rem;color:var(--tut-ink)}.sn-tut select.gap.ok{border-color:var(--tut-accent);background:var(--tut-mint)}.sn-tut select.gap.bad{border-color:var(--tut-red);background:var(--tut-red-bg)}.sn-tut .check{font:inherit;font-family:var(--tut-display);font-weight:600;background:var(--tut-accent);color:#06251c;border:none;border-radius:9px;padding:.55rem 1.2rem;cursor:pointer;margin-top:.9rem}.sn-tut .check:hover{background:#139466}.sn-tut .check:focus-visible{outline:3px solid var(--tut-ink);outline-offset:2px}.sn-tut .order-item{display:flex;align-items:center;gap:.7rem;width:100%;font:inherit;font-size:.95rem;text-align:left;background:var(--tut-paper);border:1.5px solid var(--tut-border);border-radius:9px;padding:.55rem .8rem;margin-bottom:.5rem;cursor:pointer;color:var(--tut-ink)}.sn-tut .order-item:focus-visible{outline:3px solid var(--tut-accent);outline-offset:2px}.sn-tut .order-item.locked{border-color:var(--tut-accent);background:var(--tut-mint);cursor:default}.sn-tut .order-num{flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--tut-border);color:var(--tut-ink-soft);font-family:var(--tut-mono);font-size:.85rem;display:grid;place-items:center}.sn-tut .order-item.locked .order-num{background:var(--tut-accent);color:#06251c;font-weight:700}.sn-tut .shake{animation:sn-tut-shake .35s;border-color:var(--tut-red)!important}@keyframes sn-tut-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.sn-tut .ind-builder{background:var(--tut-ink);border-radius:16px;padding:1.4rem;margin:1.8rem 0;color:#dcefe6}.sn-tut .ind-builder h3{color:#fff;margin:0 0 .9rem;font-family:var(--tut-display)}.sn-tut .ind-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:1rem;margin-bottom:1.1rem}.sn-tut .ind-controls label{display:flex;flex-direction:column;gap:.25rem;font-family:var(--tut-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#8fc7b1}.sn-tut .ind-controls select{font:inherit;font-family:var(--tut-body);font-size:.95rem;text-transform:none;letter-spacing:normal;padding:.4rem .6rem;border-radius:8px;border:1px solid #3b5f57;background:#1b423c;color:#fff}.sn-tut .ind-summary{font-family:var(--tut-mono);font-size:.82rem;color:#8fc7b1;background:#0b2622;border-radius:8px;padding:.55rem .75rem;margin:0 0 1rem}.sn-tut .ind-summary strong{color:#eaf4ef}.sn-tut .ind-stage{background:var(--tut-card);border-radius:12px;min-height:240px;padding:1.1rem 1.2rem;color:var(--tut-ink)}.sn-tut .ind-stage h4{margin:0 0 .4rem;font-family:var(--tut-display);font-size:1rem;color:var(--tut-ink)}.sn-tut .ind-stage .ind-caption{font-size:.85rem;color:var(--tut-ink-soft);margin:0 0 .9rem}.sn-tut .ind-legend{display:flex;flex-wrap:wrap;gap:.35rem .9rem;list-style:none;padding:.8rem 0 0;margin:0;font-size:.85rem}.sn-tut .ind-legend li{display:flex;align-items:center;gap:.4rem}.sn-tut .ind-legend .swatch{width:.8rem;height:.8rem;border-radius:3px;flex:none}.sn-tut .ind-trend svg{width:100%;height:auto}.sn-tut .series-cta{display:block;margin:2rem 0 1rem;padding:1.2rem 1.3rem;background:linear-gradient(135deg,#0c5e43,#10312e);color:#eaf4ef;border-radius:14px;text-decoration:none;box-shadow:0 4px 18px #10312e26;transition:transform .15s ease}.sn-tut .series-cta:hover{transform:translateY(-2px)}.sn-tut .series-cta .series-eyebrow{font-family:var(--tut-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#7fd8b6;margin-bottom:.35rem}.sn-tut .series-cta .series-title{font-family:var(--tut-display);font-size:1.2rem;font-weight:700;margin-bottom:.3rem;color:#fff}.sn-tut .series-cta .series-arrow{font-family:var(--tut-mono);font-size:.9rem;color:var(--tut-accent)}.sn-tut .score-panel{background:var(--tut-ink);color:#eaf4ef;border-radius:14px;padding:1.2rem 1.4rem;margin:2rem 0;font-family:var(--tut-display);font-size:1.15rem}.sn-tut .score-panel .num{color:var(--tut-accent);font-size:1.6rem;font-weight:700}.sn-tut .pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--tut-border)}.sn-tut .pager a{font-family:var(--tut-display);font-weight:600;text-decoration:none;color:var(--tut-accent-dark);padding:.6rem 1rem;border:1.5px solid var(--tut-border);border-radius:10px}.sn-tut .pager a:hover{border-color:var(--tut-accent);background:var(--tut-mint)}.sn-tut .pager .next{margin-left:auto}.sn-tut .site-foot{text-align:center;font-size:.85rem;color:var(--tut-ink-soft);padding:0 1rem 2.5rem}