.article{max-width:720px}.article .lead{color:var(--muted);font-size:var(--text-20);line-height:var(--leading-32);margin:0 0 24px}.article h2{font-size:var(--text-24);font-weight:700;line-height:var(--leading-32);margin:40px 0 8px}.article h3{font-size:var(--text-20);font-weight:700;line-height:var(--leading-32);margin:24px 0 4px}.article p,.article li,.article dd{max-width:68ch}.article p{margin:0 0 16px}.article ol,.article ul{margin:0 0 16px;padding-left:24px}.article li{margin-bottom:8px}.article a{color:var(--accent)}.article a:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.article dt{margin-top:16px;font-weight:700}.article dd{margin:4px 0 0}.article .formula{border-radius:var(--radius);background:var(--surface);font-size:var(--text-20);font-weight:700;line-height:var(--leading-32);text-align:center;margin:16px 0;padding:16px}.article .table-wrap{margin:16px 0 24px;overflow-x:auto}.article table{border-collapse:collapse;width:100%;font-size:var(--text-14);line-height:var(--leading-24);font-variant-numeric:tabular-nums}.article caption{color:var(--muted);text-align:left;padding-bottom:8px}.article th,.article td{border-bottom:1px solid var(--line);text-align:right;padding:8px 10px}.article th:first-child,.article td:first-child{text-align:left}.article thead th{color:var(--muted);font-weight:600}.article .note{border-radius:var(--radius);background:var(--surface);padding:12px 16px}.article .play{margin:8px 0 24px}.article ol.moves{columns:2 180px;max-width:none;font-size:var(--text-14);line-height:var(--leading-24);font-variant-numeric:tabular-nums;column-gap:24px;margin:8px 0 24px;padding-left:32px}.article ol.moves li{break-inside:avoid;margin:0}.hanoi{--disk-h:30px;--base:28px;margin-top:16px}.hanoi-tray{border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--wood-1), var(--wood-2));padding:14px;box-shadow:0 18px 30px -18px #000,inset 0 2px #ffffff59}.hanoi-board{height:calc(max(var(--levels), 6) * var(--disk-h) + var(--base) + 36px);border-radius:var(--radius);background:linear-gradient(180deg, var(--board-1), var(--board-2));user-select:none;position:relative;box-shadow:inset 0 4px 10px #50321440}.hanoi-base{background:linear-gradient(180deg, var(--wood-mid), var(--wood-dark));pointer-events:none;border-radius:999px;height:18px;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 5px 8px -2px #00000080}.hanoi-peg{top:0;bottom:0;left:calc(100% / var(--pegs) * var(--peg));width:calc(100% / var(--pegs));border-radius:var(--radius-sm);touch-action:none;cursor:pointer;background:0 0;border:0;min-height:0;padding:0;position:absolute}.hanoi-peg:before{content:"";top:14px;left:50%;bottom:calc(var(--base) - 8px);background:linear-gradient(90deg, var(--wood-dark), #d79f5c 45%, var(--wood-dark));border-radius:999px;width:14px;position:absolute;transform:translate(-50%)}.hanoi-peg:focus-visible{outline:3px solid var(--wood-dark);outline-offset:-3px}.hanoi-peg[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--wood-dark);background:#ffffff4d}.hanoi-peg:disabled{opacity:1;cursor:default}.hanoi-disk{left:calc(100% / var(--pegs) * (var(--peg) + .5));bottom:calc(var(--level) * var(--disk-h) + var(--base));width:calc(100% / var(--pegs) * var(--w));height:calc(var(--disk-h) - 4px);background:var(--fill);color:var(--on-disk);font-size:var(--text-12);font-weight:700;line-height:var(--leading-16);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;transition:left .18s,bottom .18s,transform .12s;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 3px #fff6,inset 0 -5px #0003,0 4px 6px -2px #00000073}.hanoi-disk.is-lifted{transform:translate(-50%,-12px)}.hanoi-disk.is-dragging{z-index:2;transition:none}.hanoi-stats{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin:16px 0;display:grid}.hanoi-stats div{border-radius:var(--radius);background:var(--surface);padding:10px 12px}.hanoi-stats dt{color:var(--muted);font-size:var(--text-12);line-height:var(--leading-16);letter-spacing:.6px;text-transform:uppercase}.hanoi-stats dd{font-size:var(--text-24);font-weight:700;line-height:var(--leading-32);font-variant-numeric:tabular-nums;margin:4px 0 0}.hanoi-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hanoi-seg{border-radius:var(--radius);background:var(--surface);flex-wrap:wrap;padding:3px;display:inline-flex}.hanoi-seg button{border-radius:var(--radius-sm);background:0 0;border:0;min-width:40px;min-height:40px;padding:0 8px}.hanoi-seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.hanoi-pick{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{justify-content:center;align-items:center;width:44px;padding:0;display:inline-flex}.hanoi-actions{flex-wrap:wrap;gap:8px;display:flex}.hanoi-assist{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px;display:flex}.hanoi-assist label{align-items:center;gap:8px;display:flex}.hanoi-assist select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--ink);font-size:var(--text-16);padding:0 8px}.hanoi-progress{width:100%;height:12px;accent-color:var(--accent);margin:0 0 8px;display:block}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.hanoi-disk{transition:none}}@media (width<=480px){.hanoi{--disk-h:26px}.hanoi-tray{padding:10px}.hanoi-stats{grid-template-columns:repeat(2,1fr)}.hanoi-seg button{min-width:34px;padding:0 4px}.hanoi-seg-disks{order:3}.hanoi-seg-pegs button{padding:0 12px}}