.tutorial-visual:where(.astro-s5jnm6xl){font-family:var(--font-sans,"Noto Sans",sans-serif);color:#28221b;background:#f1e9d8;border:1px solid #d4c7b3;border-radius:18px;margin:2.1rem 0;padding:28px;position:relative;overflow:hidden}.tutorial-visual:where(.astro-s5jnm6xl) :where(.astro-s5jnm6xl)[hidden]{display:none!important}.tutorial-visual:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){letter-spacing:-.025em;max-width:23ch;margin:14px 0 24px;font-size:clamp(25px,3.6vw,36px);line-height:1.12}.tutorial-visual:where(.astro-s5jnm6xl) p:where(.astro-s5jnm6xl){margin:14px 0;font-size:14px;line-height:1.55}.visual-kicker:where(.astro-s5jnm6xl){letter-spacing:.1em;text-transform:uppercase;color:#805b1c;font-size:11px;font-weight:700}.visual-controls:where(.astro-s5jnm6xl){flex-wrap:wrap;gap:7px;margin:15px 0 24px;display:flex}.visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl){color:#554630;cursor:pointer;background:#fffdf7;border:1px solid #b8a991;border-radius:99px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;transition:background .18s,color .18s}.visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl)[aria-pressed=true]{color:#fff7e8;background:#28221b;border-color:#28221b}.visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl):focus-visible,.reveal-button:where(.astro-s5jnm6xl):focus-visible{outline-offset:3px;outline:3px solid #45632f}.visual-next:where(.astro-s5jnm6xl){color:#45632f;font-size:12px;font-weight:600;display:inline-block}.visual-outcome:where(.astro-s5jnm6xl){border-top:1px solid #c9bca5;padding-top:16px}.visual-matching:where(.astro-s5jnm6xl){background:radial-gradient(at 85% 20%,#eedbb6 0,#0000 55%),#f4ecdd}.match-board:where(.astro-s5jnm6xl){grid-template-columns:minmax(0,1fr) 64px minmax(0,1.45fr);align-items:center;min-height:230px;display:grid}.incoming-ticket:where(.astro-s5jnm6xl){z-index:1;background:#fffdf7;border:1px solid #bfad8e;padding:23px 18px;position:relative;transform:rotate(-3deg);box-shadow:3px 7px #dfd0b6}.incoming-ticket:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl),.candidate-ticket:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){color:#7a674b;font-size:11px;font-weight:600;line-height:1.3;display:block}.incoming-ticket:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){overflow-wrap:anywhere;margin-top:13px;font-family:Georgia,serif;font-size:25px;line-height:1.12;display:block}.incoming-ticket:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl){text-align:center;background:#f4e2b7;border:2px solid #805b1c;border-radius:50%;width:42px;height:42px;font-family:Georgia,serif;font-size:29px;font-style:normal;line-height:42px;position:absolute;top:-25px;right:7px;transform:rotate(12deg)}.match-threads:where(.astro-s5jnm6xl){fill:none;stroke:#8d754e;stroke-width:2px;stroke-dasharray:5 4;width:100%;height:210px;overflow:visible}.candidate-stack:where(.astro-s5jnm6xl){gap:17px;display:grid}.candidate-ticket:where(.astro-s5jnm6xl){background:#fffdf7;border-bottom:2px solid #b0bd94;justify-content:space-between;align-items:center;gap:8px;padding:16px 13px;display:flex;transform:rotate(1deg);box-shadow:2px 4px #d9deca}.candidate-ticket:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){margin-top:5px;font-size:16px;line-height:1.2;display:block}.candidate-1:where(.astro-s5jnm6xl){border-color:#c49a64;transform:rotate(-1deg);box-shadow:2px 4px #dfd0b6}.score-stamp:where(.astro-s5jnm6xl){color:#45632f;border:2px solid #45632f;border-radius:50%;flex-shrink:0;place-items:center;width:74px;height:74px;display:grid;transform:rotate(-8deg)}.score-stamp:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){font-variant-numeric:tabular-nums;font-size:27px;line-height:1.2}.score-stamp:where(.astro-s5jnm6xl) small:where(.astro-s5jnm6xl){margin-top:-12px;font-size:10px;line-height:1}.candidate-1:where(.astro-s5jnm6xl) .score-stamp:where(.astro-s5jnm6xl){color:#805b1c;border-color:#a5762f;transform:rotate(8deg)}.match-scene:where(.astro-s5jnm6xl){animation:.2s ease-out figure-arrive}.visual-snapshots:where(.astro-s5jnm6xl){background:repeating-linear-gradient(0deg,#0000,#0000 23px,#d7c7aa33 24px),#eee4d1}.snapshot-heading:where(.astro-s5jnm6xl){justify-content:space-between;align-items:center;gap:15px;display:flex}.snapshot-heading:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){margin-bottom:0}.same-count:where(.astro-s5jnm6xl){letter-spacing:-.07em;font-variant-numeric:tabular-nums;color:#8b7656;font-size:86px;font-weight:600;line-height:1}.same-count:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){vertical-align:middle;color:#a7977d;margin:0 8px;font-size:42px}.visual-prompt:where(.astro-s5jnm6xl){font-family:Georgia,serif;font-style:italic;font-size:19px!important}.export-papers:where(.astro-s5jnm6xl){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:30px 5px;display:grid}.export-paper:where(.astro-s5jnm6xl){background:#fffdf7;min-width:0;padding:14px 12px 18px;position:relative;transform:rotate(-2deg);box-shadow:2px 8px 14px #44301819}.paper-1:where(.astro-s5jnm6xl){transform:rotate(2deg)}.file-heading:where(.astro-s5jnm6xl){align-items:center;gap:7px;margin-bottom:18px;display:flex}.file-heading:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){font-family:Georgia,serif;font-size:20px}.file-heading:where(.astro-s5jnm6xl) small:where(.astro-s5jnm6xl){color:#86775f;margin-left:auto;font-size:10px}.file-icon:where(.astro-s5jnm6xl){color:#45632f;font-size:22px}.paper-columns:where(.astro-s5jnm6xl),.paper-row:where(.astro-s5jnm6xl){grid-template-columns:26px 1fr 50px;gap:5px;padding:8px 6px;font-size:12px;line-height:1.2;display:grid}.paper-columns:where(.astro-s5jnm6xl){color:#877558;border-bottom:1px solid #c9bca5;font-size:10px}.paper-row:where(.astro-s5jnm6xl){border-bottom:1px solid #ede7dc;transition:background .25s,opacity .25s}.paper-row:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){font-weight:500}.paper-row:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl):last-child{text-align:right;font-variant-numeric:tabular-nums}.missing-row:where(.astro-s5jnm6xl){color:#a89a85;font-style:italic}.missing-row:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){visibility:hidden}.paper-torn:where(.astro-s5jnm6xl){clip-path:polygon(0 0,100% 0,100% 100%,95% 20%,90% 100%,85% 20%,80% 100%,75% 20%,70% 100%,65% 20%,60% 100%,55% 20%,50% 100%,45% 20%,40% 100%,35% 20%,30% 100%,25% 20%,20% 100%,15% 20%,10% 100%,5% 20%,0 100%);background:#fffdf7;height:9px;position:absolute;bottom:-8px;left:0;right:0}:where(.astro-s5jnm6xl)[data-state=revealed] .change-changed:where(.astro-s5jnm6xl){background:#fae2ac}:where(.astro-s5jnm6xl)[data-state=revealed] .change-deleted:where(.astro-s5jnm6xl){background:#f3d5cc}:where(.astro-s5jnm6xl)[data-state=revealed] .change-added:where(.astro-s5jnm6xl){background:#dfeacb}:where(.astro-s5jnm6xl)[data-state=revealed] .change-same:where(.astro-s5jnm6xl){opacity:.45}.reveal-button:where(.astro-s5jnm6xl){color:#fff;cursor:pointer;background:#45632f;border:0;border-radius:6px;padding:12px 18px;font-size:14px;font-weight:600}.reveal-button:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){margin-left:16px}.snapshot-findings:where(.astro-s5jnm6xl){color:#805b1c;flex-wrap:wrap;align-items:baseline;gap:8px 16px;margin:20px 0;animation:.2s ease-out figure-arrive;display:flex}.snapshot-findings:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){font-family:Georgia,serif;font-size:30px}.snapshot-findings:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){font-size:13px}.visual-pushdown:where(.astro-s5jnm6xl){color:#f5edde;background:radial-gradient(at 45% 30%,#383321,#0000 65%),#1a1915;border-color:#403b30}.visual-pushdown:where(.astro-s5jnm6xl) .visual-kicker:where(.astro-s5jnm6xl){color:#c4bba6}.visual-pushdown:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){color:#fff8e9;max-width:none;font-size:clamp(30px,4.5vw,45px)}.visual-pushdown:where(.astro-s5jnm6xl) .visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl){color:#efe6d4;background:0 0;border-color:#7b725f}.visual-pushdown:where(.astro-s5jnm6xl) .visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl)[aria-pressed=true]{color:#302a20;background:#f4e3bd;border-color:#f4e3bd}.query-journey:where(.astro-s5jnm6xl){grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:12px;margin:38px 0;display:grid}.database-station:where(.astro-s5jnm6xl){text-align:center;flex-direction:column;align-items:center;gap:9px;min-height:190px;display:flex}.database-station:where(.astro-s5jnm6xl)>strong:where(.astro-s5jnm6xl){font-size:17px}.database-station:where(.astro-s5jnm6xl)>span:where(.astro-s5jnm6xl){color:#c7beab;font-size:12px}.database-station:where(.astro-s5jnm6xl)>small:where(.astro-s5jnm6xl){color:#c7beab;font:10px ui-monospace,monospace}.database-icon:where(.astro-s5jnm6xl){width:58px;height:58px;margin:6px 0;position:relative}.database-icon:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl){background:#303f28;border:1.5px solid #b3c69d;border-radius:50%;width:58px;height:25px;position:absolute;left:0}.database-icon:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl):first-child{top:30px}.database-icon:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl):nth-child(2){top:15px}.database-icon:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl):nth-child(3){top:0}.result-icon:where(.astro-s5jnm6xl){gap:4px;width:53px;margin:7px 0;display:grid}.result-icon:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl){background:#303f28;border:1px solid #b3c69d;border-radius:2px;height:10px}.group-chip:where(.astro-s5jnm6xl){color:#2f361e;white-space:nowrap;background:#c8d9ad;border-radius:4px;padding:6px 7px;font:10px ui-monospace,monospace}.remote-chip:where(.astro-s5jnm6xl){visibility:hidden}:where(.astro-s5jnm6xl)[data-state=remote] .remote-chip:where(.astro-s5jnm6xl){visibility:visible}:where(.astro-s5jnm6xl)[data-state=remote] .local-chip:where(.astro-s5jnm6xl){visibility:hidden}.transfer-label:where(.astro-s5jnm6xl){text-align:center}.transfer-label:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){letter-spacing:-.04em;color:#e9c47a;font-variant-numeric:tabular-nums;font-size:49px;font-weight:600;line-height:1;display:block}.transfer-label:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){color:#c7beab;margin-top:8px;font-size:10px;display:block}.row-stream:where(.astro-s5jnm6xl){grid-template-columns:repeat(10,1fr);gap:4px;margin:17px 0 0;display:grid}.row-stream:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl){background:#c59a51;border-radius:1px;height:9px;transition:opacity .3s,transform .3s,background .3s}.lane-arrow:where(.astro-s5jnm6xl){color:#8a806b;text-align:center;font-size:52px;line-height:.6;display:block}.transfer-lane:where(.astro-s5jnm6xl){min-height:190px}:where(.astro-s5jnm6xl)[data-state=remote] .source-row:where(.astro-s5jnm6xl){opacity:0;transform:scale(.15)}:where(.astro-s5jnm6xl)[data-state=remote] .answer-row:where(.astro-s5jnm6xl){background:#b3ce8f}:where(.astro-s5jnm6xl)[data-state=remote] :where(.astro-s5jnm6xl)[data-transfer-count]{color:#b3ce8f}.visual-pushdown:where(.astro-s5jnm6xl) .visual-outcome:where(.astro-s5jnm6xl){color:#e8dfcc;border-color:#514939}.same-answer:where(.astro-s5jnm6xl){grid-template-columns:repeat(8,auto);gap:5px 8px;padding:12px 0;font-size:11px;display:grid}.same-answer:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){color:#c4bba6}.same-answer:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){color:#f6eedc;font-variant-numeric:tabular-nums;font-weight:500}.visual-pushdown:where(.astro-s5jnm6xl) .visual-footnote:where(.astro-s5jnm6xl){color:#b9af9b;margin:4px 0 0;font-size:11px}@keyframes figure-arrive{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.tutorial-visual:where(.astro-s5jnm6xl){padding:19px 16px}.tutorial-visual:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){font-size:27px}.visual-controls:where(.astro-s5jnm6xl){gap:6px}.visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl){padding:8px 10px;font-size:11px}.match-board:where(.astro-s5jnm6xl){grid-template-columns:minmax(0,1fr);gap:25px;padding:8px 2px}.incoming-ticket:where(.astro-s5jnm6xl){width:75%;margin:0 auto;padding:17px 18px}.incoming-ticket:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){font-size:23px}.match-threads:where(.astro-s5jnm6xl){display:none}.candidate-stack:where(.astro-s5jnm6xl){gap:13px}.candidate-ticket:where(.astro-s5jnm6xl){padding:12px 13px}.candidate-ticket:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){font-size:17px}.score-stamp:where(.astro-s5jnm6xl){width:63px;height:63px}.score-stamp:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){font-size:25px}.same-count:where(.astro-s5jnm6xl){font-size:60px}.same-count:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){margin:0 3px;font-size:29px}.snapshot-heading:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){font-size:25px}.export-papers:where(.astro-s5jnm6xl){gap:12px;margin:26px 0}.export-paper:where(.astro-s5jnm6xl){padding:11px 6px 14px}.file-heading:where(.astro-s5jnm6xl){gap:3px}.file-heading:where(.astro-s5jnm6xl) strong:where(.astro-s5jnm6xl){font-size:16px}.file-heading:where(.astro-s5jnm6xl) small:where(.astro-s5jnm6xl){display:none}.paper-columns:where(.astro-s5jnm6xl),.paper-row:where(.astro-s5jnm6xl){grid-template-columns:16px 1fr 37px;gap:3px;padding:8px 3px;font-size:11px}.paper-columns:where(.astro-s5jnm6xl){font-size:9px}.query-journey:where(.astro-s5jnm6xl){grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);gap:5px;margin:28px 0 0}.database-station:where(.astro-s5jnm6xl){gap:8px}.database-station:where(.astro-s5jnm6xl)>strong:where(.astro-s5jnm6xl){font-size:12px}.database-station:where(.astro-s5jnm6xl)>span:where(.astro-s5jnm6xl){font-size:10px}.database-station:where(.astro-s5jnm6xl)>small:where(.astro-s5jnm6xl){max-width:85px;font-size:8px}.group-chip:where(.astro-s5jnm6xl){white-space:normal;font-size:8px}.transfer-label:where(.astro-s5jnm6xl) b:where(.astro-s5jnm6xl){white-space:nowrap;font-size:clamp(26px,8vw,38px)}.transfer-label:where(.astro-s5jnm6xl) span:where(.astro-s5jnm6xl){font-size:9px}.row-stream:where(.astro-s5jnm6xl){gap:2px}.row-stream:where(.astro-s5jnm6xl) i:where(.astro-s5jnm6xl){height:7px}.same-answer:where(.astro-s5jnm6xl){grid-template-columns:1fr 1fr 1fr 1fr;font-size:11px}.visual-pushdown:where(.astro-s5jnm6xl) h3:where(.astro-s5jnm6xl){font-size:33px}.visual-pushdown:where(.astro-s5jnm6xl) .visual-controls:where(.astro-s5jnm6xl) button:where(.astro-s5jnm6xl){font-size:11px}}@media (prefers-reduced-motion:reduce){.match-scene:where(.astro-s5jnm6xl),.snapshot-findings:where(.astro-s5jnm6xl){animation:none}.tutorial-visual:where(.astro-s5jnm6xl) :where(.astro-s5jnm6xl){transition:none!important}}