:root{--navy:#17191d;--ink:#24252a;--muted:#66656a;--paper:#f7f4ed;--surface:#fff;--line:#d8d2c6;--coral:#a73d31;--coral-dark:#7f2a22;--gold:#bd8b3a;--shadow:0 12px 30px rgba(31,25,19,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.65;letter-spacing:0}a{color:var(--coral-dark)}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-999px;top:8px}.skip-link:focus{left:8px;z-index:99;background:#fff;padding:10px}.site-header{height:72px;padding:0 max(20px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:Spectral,serif;font-size:19px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--navy);color:#fff;border:2px solid var(--gold);font-family:Inter,sans-serif;font-size:12px}.brand b{color:var(--coral)}.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:700}.nav-links a:hover{color:var(--coral)}.menu-button{display:none;min-height:44px;border:1px solid var(--line);background:#fff;padding:0 14px}.page-intro{max-width:1000px;margin:0 auto;padding:58px 24px 32px;text-align:center}.eyebrow{text-transform:uppercase;color:var(--coral);font-size:12px;font-weight:800;letter-spacing:1.4px;margin:0 0 8px}.page-intro h1,.guide-article>header h1,.legal-static-page h1{font-family:Spectral,serif;font-size:clamp(38px,6vw,68px);line-height:1.05;margin:0 0 18px}.lede{font-size:18px;max-width:800px;margin:0 auto;color:var(--muted)}.trust-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}.trust-row span{background:#fff;border:1px solid var(--line);padding:7px 11px;font-size:13px;font-weight:700}.solver-shell{max-width:1200px;margin:0 auto 72px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.solver-toolbar{padding:26px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:24px;align-items:end}.solver-toolbar h2{font-family:Spectral,serif;font-size:30px;margin:0 0 6px}.solver-toolbar p{margin:0;max-width:680px}.mode-switch{display:flex;border:1px solid var(--line);padding:3px;background:var(--paper);min-width:248px}.mode-switch button{border:0;background:transparent;min-height:44px;padding:0 14px;flex:1;font-weight:700}.mode-switch button.active{background:var(--navy);color:#fff}.solver-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr)}.solver-controls{padding:28px;border-right:1px solid var(--line)}.field-row{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.field-row label{font-weight:700;font-size:13px}.field-row select{display:block;min-height:44px;margin-top:5px;padding:0 32px 0 12px;border:1px solid var(--line);background:#fff}.field-row>select{min-height:44px}.lock-board{display:grid;gap:12px;margin:22px 0}.lock-card{margin:0;border:1px solid var(--line);padding:12px}.lock-card legend{font-weight:800;padding:0 7px}.hole-track{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.hole-track button{min-height:46px;border:1px solid var(--line);background:var(--paper);position:relative}.hole-track button.selected{background:var(--coral);color:#fff;border-color:var(--coral-dark);box-shadow:inset 0 0 0 2px #fff}.lock-card small{display:block;color:var(--muted);margin-top:7px}.guided-panel,.matrix-panel{background:#f5f1e8;border:1px solid var(--line);padding:18px;margin-top:18px}.guided-panel h3,.matrix-panel h3{margin:0 0 5px;font-family:Spectral,serif}.guided-panel>p,.matrix-panel p{margin:0 0 15px;color:var(--muted)}.status-line{font-size:13px!important;margin:12px 0 0!important}.matrix-head{display:flex;justify-content:space-between;gap:16px}.matrix-wrap{overflow:auto}.matrix-wrap table{border-collapse:collapse;min-width:560px;width:100%;font-size:12px}.matrix-wrap th{padding:6px}.matrix-wrap td{padding:3px}.matrix-wrap button{width:100%;min-height:42px;border:1px solid var(--line);font-size:11px;font-weight:800}.rel-1{background:#e3efe4;color:#245d2c}.rel--1{background:#f3dfdc;color:#7b251d}.rel-0{background:#fff;color:var(--muted)}.solver-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-button,.secondary-button,.ghost-button,.copy-button{border:1px solid transparent;min-height:46px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:var(--coral);color:#fff}.primary-button:hover{background:var(--coral-dark)}.secondary-button{background:var(--navy);color:#fff}.ghost-button,.copy-button{background:#fff;border-color:var(--line);color:var(--ink)}.solver-message{min-height:26px;margin:14px 0 0;color:var(--muted);font-size:13px}.solution-panel{background:var(--navy);color:#fff;padding:28px}.solution-empty{min-height:440px;display:grid;place-content:center;text-align:center}.solution-empty p,.result-note{color:#bbb9b4}.result-glyph{display:grid;place-items:center;margin:0 auto 18px;width:78px;height:78px;border:1px solid #6a665f;color:#e0ad58;font-family:Spectral;font-size:22px}.result-title{display:flex;justify-content:space-between;gap:16px}.result-title h3{margin:0;font-family:Spectral;font-size:30px}.copy-button{min-height:42px;background:transparent;color:#fff;border-color:#666}.move-list{list-style:none;padding:0;margin:22px 0}.move-list li{display:flex;gap:12px;border-top:1px solid #3c3c3c;padding:12px 0}.move-list li>span{display:grid;place-items:center;width:30px;height:30px;background:var(--coral)}.move-list small{display:block;color:#bcb9b3}.key-chain{display:flex;gap:6px;flex-wrap:wrap}.key-chain kbd{display:grid;place-items:center;min-width:38px;height:38px;background:#fff;color:var(--ink);border-bottom:3px solid #aaa;font-weight:800}.content-band{background:#e9e3d7;padding:68px 24px}.content-wrap{max-width:1120px;margin:auto}.content-wrap h2,.article-wrap h2{font-family:Spectral,serif;font-size:34px;line-height:1.2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps article{border-top:3px solid var(--coral);padding-top:18px}.steps b{color:var(--coral);font-size:24px}.steps h3{margin:5px 0}.article-section{padding:72px 24px}.article-wrap{max-width:820px;margin:auto}.article-wrap p,.article-wrap li{font-size:16px}.article-wrap h2{margin-top:48px}.article-wrap h3{margin-top:30px}.callout{border-left:4px solid var(--gold);background:#fff;padding:18px 20px;margin:28px 0}.faq-list details{border-top:1px solid var(--line);padding:16px 0}.faq-list summary{font-weight:800;cursor:pointer}.faq-list details p{color:var(--muted)}.guide-article>header{max-width:900px;margin:auto;text-align:center;padding:64px 24px 32px}.guide-article>figure{max-width:1000px;margin:10px auto 46px;padding:0 24px}.guide-article>figure img{display:block;width:100%;border:1px solid var(--line)}figcaption{font-size:13px;color:var(--muted);margin-top:8px}.guide-article .article-wrap{padding:0 24px 72px}.article-wrap table{border-collapse:collapse;width:100%;margin:24px 0}.article-wrap th,.article-wrap td{border:1px solid var(--line);text-align:left;padding:11px}.article-wrap th{background:#e9e3d7}.solution-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:46px}.solution-cards article{border:1px solid var(--line);background:#fff;padding:18px}.solution-cards h2{font-size:22px;margin:0 0 10px}.inline-button{width:max-content}.legal-static-page{padding:64px 24px}.legal-static-wrap{max-width:850px;margin:auto}.legal-static-panel{background:#fff;border:1px solid var(--line);padding:32px;margin-top:28px}.legal-static-panel h2{font-family:Spectral,serif;margin-top:30px}.site-footer{background:#101216;color:#cfcdc7;padding:46px max(24px,calc((100vw - 1120px)/2)) 24px}.footer-wrap{display:flex;justify-content:space-between;gap:40px}.footer-wrap>div{max-width:600px}.footer-logo{font-family:Spectral,serif;color:#fff;font-size:24px;text-decoration:none}.footer-wrap nav{display:flex;gap:20px;flex-wrap:wrap}.footer-wrap nav a{color:#fff}.footer-note{border-top:1px solid #333;padding-top:20px;margin-top:28px;font-size:12px}.error-page{text-align:center;padding:100px 24px}.error-page h1{font-family:Spectral;font-size:70px;margin:0}
@media(max-width:850px){.menu-button{display:block}.nav-links{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;flex-direction:column}.nav-links.open{display:flex}.solver-grid{grid-template-columns:1fr}.solver-controls{border-right:0;border-bottom:1px solid var(--line)}.solver-toolbar{align-items:stretch;flex-direction:column}.mode-switch{width:100%}.steps,.solution-cards{grid-template-columns:1fr}.footer-wrap{flex-direction:column}.solution-empty{min-height:260px}}
@media(max-width:520px){.site-header{padding:0 14px}.brand{font-size:15px}.brand-mark{width:36px;height:36px}.page-intro{padding-top:40px}.page-intro h1,.guide-article>header h1{font-size:40px}.solver-shell{border-left:0;border-right:0}.solver-toolbar,.solver-controls,.solution-panel{padding:20px 14px}.hole-track{gap:3px}.hole-track button{min-height:44px;padding:0}.field-row>*{flex:1 1 140px}.solver-actions>*{flex:1 1 140px}.article-section{padding:50px 20px}.content-band{padding:50px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}