.howto-page{max-width:980px}.howto-page>.lead{max-width:640px}.howto-step{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);gap:36px;align-items:center;margin:48px 0;padding:28px 0;border-top:1px solid #e0ddd4}.howto-step:first-of-type{border-top:0;padding-top:8px}.howto-step-copy h2{font-size:clamp(1.55rem,2.6vw,2rem);margin:0 0 14px}.howto-step-copy li,.howto-step-copy p{color:#3f5261;line-height:1.75}.howto-step-copy ol,.howto-step-copy ul{margin:0 0 14px;padding-left:1.15rem}.howto-step-copy li{margin:0 0 8px}.howto-step-copy a{color:#aa513d;text-decoration:underline}.howto-step--reverse{grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr)}.howto-step--reverse .howto-step-copy{order:2}.howto-step--reverse .howto-step-visual{order:1}.howto-step--wide{grid-template-columns:1fr}.howto-step--wide .howto-step-visual{max-width:640px}.howto-demo{background:linear-gradient(160deg,#fffdf9,#f4eee6);border:1px solid #e2ddd3;border-radius:14px;padding:18px;box-shadow:0 14px 34px rgba(23,42,62,.07);min-height:220px;display:flex;flex-direction:column;gap:12px;justify-content:center}.howto-demo-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6a8494}.howto-demo-caption{margin:0;text-align:center;font-size:.84rem;font-weight:700;color:#6a8494;min-height:1.3em}.howto-demo--stack{gap:10px}.howto-logic-mini{display:grid;grid-template-columns:72px repeat(3,1fr);gap:6px;align-items:center}.howto-logic-corner{min-height:18px}.howto-logic-head{text-align:center;font-size:.7rem;font-weight:800;color:#6a8494;text-transform:capitalize;transition:color .35s ease,transform .35s ease}.howto-logic-head.is-on,.howto-logic-label.is-on{color:#a24f3a;transform:scale(1.04)}.howto-logic-row{display:contents}.howto-logic-label{font-size:.82rem;font-weight:700}.howto-logic-cell{aspect-ratio:1;display:grid;place-items:center;border-radius:7px;background:#eef2f0;border:1px solid #dce3df;font-weight:800;color:#8c99a1;transition:background .4s ease,border-color .4s ease,color .35s ease,transform .4s cubic-bezier(.22,1,.36,1)}.howto-logic-cell.is-ask{background:#172a3e;border-color:#172a3e;color:#fff;transform:scale(1.06)}.howto-logic-cell.cell--1{background:#cfe6d9;border-color:#8fbaa1;color:#176648}.howto-logic-cell.cell--2{background:#f5dbd2;border-color:#e2b5a5;color:#ad5b43}.howto-logic-cell.is-pop{animation:howto-pop .55s cubic-bezier(.22,1,.36,1)}.howto-logic-tiny{display:grid;grid-template-columns:repeat(2,42px);gap:6px;justify-content:center}.howto-mini-pair{display:flex;flex-direction:column;gap:8px;align-items:center}.howto-arrow{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.08em;color:#a24f3a}.howto-marks-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.howto-mark-chip{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:#6a8494;opacity:.45;transition:opacity .35s ease,transform .35s ease}.howto-mark-chip.is-active{opacity:1;transform:translateY(-2px);color:var(--ink)}.howto-mark-cell,.howto-tap-cell{width:44px;height:44px;display:grid;place-items:center;pointer-events:none}.howto-tap-cycle{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:8px}.howto-tap-finger{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#a24f3a;animation:howto-tap 1.1s ease-in-out infinite}.howto-clue-pill{align-self:center;padding:8px 14px;border-radius:999px;background:#e8f0f3;color:#3f5261;font-size:.86rem;font-weight:700;opacity:.35;transform:translateY(4px);transition:opacity .4s ease,transform .4s ease}.howto-clue-pill.is-on{opacity:1;transform:none}.howto-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.howto-action-btn{padding:8px 12px;border-radius:999px;border:1px solid #d7d2c8;background:#fff;font-size:.78rem;font-weight:700;color:#6a8494;transition:background .35s ease,border-color .35s ease,color .35s ease,transform .35s ease}.howto-action-btn.is-on{background:#172a3e;border-color:#172a3e;color:#fff;transform:translateY(-2px)}.howto-complete-bar,.howto-save-pill{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem;font-weight:700;color:#355647;background:#e8f2ec;border:1px solid #cfe0d5;border-radius:8px;padding:10px 12px}.howto-complete-dot{width:8px;height:8px;border-radius:50%;background:#2f6b52;animation:howto-pulse 1.4s ease-in-out infinite}.howto-wordlist{background:#f7f1e8;border-radius:10px;padding:14px 16px}.howto-wordlist-head{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:8px}.howto-wordlist-head span{color:var(--coral);font-weight:800}.howto-wordlist ul{list-style:none;margin:0;padding:0;column-count:2;column-gap:12px}.howto-wordlist li{padding:4px 0;text-transform:capitalize;font-size:.86rem;page-break-inside:avoid;break-inside:avoid;transition:color .3s ease}.howto-wordlist li.is-focus{color:#a24f3a;font-weight:800}.howto-wordlist li.is-found{text-decoration:line-through;color:#59836c}.howto-wordlist--side{min-width:120px;column-count:1}.howto-wordlist--side ul{column-count:1}.howto-word-layout{display:flex;gap:12px;align-items:stretch}.howto-word-grid{display:grid;gap:3px;flex:1 1}.howto-word-grid--sm{max-width:280px;margin:0 auto}.howto-word-cell{aspect-ratio:1;display:grid;place-items:center;background:#eef2f0;border:1px solid #dce3df;border-radius:4px;font-weight:800;font-size:clamp(.55rem,1.5vw,.78rem);color:var(--ink);transition:background .35s ease,border-color .35s ease,color .3s ease,transform .35s ease}.howto-word-cell.is-found{background:#c5e0d2;border-color:#8fbaa1}.howto-word-cell.is-head{background:#172a3e;border-color:#172a3e;color:#fff;transform:scale(1.08)}.howto-word-cell.is-dir{background:#f3bca1;border-color:#e29b7d}.howto-drag-hint{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#a24f3a}.howto-drag-hint.is-done{color:#2f6b52}.howto-strategy-steps{margin:0;padding-left:1.1rem;font-size:.84rem;color:#6a8494}.howto-strategy-steps li{margin:0 0 6px;transition:color .3s ease,font-weight .3s ease}.howto-strategy-steps li.is-on{color:#a24f3a;font-weight:800}.howto-strategy-steps li.is-done{color:#2f6b52}.howto-diff-toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.howto-diff-toggle span{font-size:.74rem;font-weight:800;letter-spacing:.04em;padding:6px 10px;border-radius:999px;border:1px solid #d7d2c8;color:#6a8494}.howto-diff-toggle span.is-on{background:#172a3e;border-color:#172a3e;color:#fff}.howto-diff-grid{display:grid;gap:2px;max-width:100%;margin:0 auto}.howto-diff-grid.is-easy{width:min(100%,220px)}.howto-diff-grid.is-medium{width:min(100%,320px)}.howto-diff-grid i{aspect-ratio:1;background:#e8eef1;border-radius:2px;display:block;animation:howto-fade-in .4s ease both;animation-delay:calc(var(--cell-i) * 4ms)}@keyframes howto-pop{0%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes howto-tap{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(3px);opacity:1}}@keyframes howto-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes howto-fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:860px){.howto-step,.howto-step--reverse{grid-template-columns:1fr;gap:18px}.howto-step--reverse .howto-step-copy,.howto-step--reverse .howto-step-visual{order:0}.howto-word-layout{flex-direction:column}}@media (prefers-reduced-motion:reduce){.howto-action-btn,.howto-clue-pill,.howto-complete-dot,.howto-diff-grid i,.howto-logic-cell,.howto-mark-chip,.howto-tap-finger,.howto-word-cell{animation:none!important;transition:none!important}}