.example-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:2rem;align-items:center;padding:1.5rem;border:1px solid var(--line);background:var(--paper);border-radius:var(--radius)}.tile-inline{display:inline-block;padding:.05rem .5rem;border:1px solid var(--line-strong);background:var(--sand);font:600 .95rem var(--sans);letter-spacing:.2em;border-radius:3px}.alpha{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.4rem}.alpha li{margin:0;display:grid;place-items:center;min-height:2.3rem;border:1px solid var(--line-strong);background:var(--paper);font:500 1.1rem var(--serif);border-radius:3px}.alpha li.is-used{background:var(--olive);color:#fff;border-color:var(--olive)}.steps--cards .step{display:block}.steps--cards .step:before{margin-bottom:.6rem}.steps--cards .step .media{margin-top:.9rem}.hangman{padding:1.5rem;border:1px solid var(--line-strong);background:var(--ivory);border-radius:var(--radius)}.hm-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;margin-bottom:1.5rem}.hm-controls .field{min-width:min(100%,260px)}.hm-board{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:2rem;align-items:center}.hm-gallows{width:100%;max-width:240px;height:auto;aspect-ratio:200/240;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.hm-frame,.hm-part{fill:none;stroke:var(--ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.hm-part{opacity:0;transition:opacity .2s}.hm-part.is-shown{opacity:1}.hm-meta{margin:0 0 1rem;font-size:.95rem;color:var(--ink-soft)}.hm-word{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;min-height:3.4rem}.hm-slot{display:inline-grid;place-items:center;min-width:2.4rem;height:3.2rem;padding:0 .3rem;border-bottom:3px solid var(--ink);background:var(--sand);font:500 1.9rem/1 var(--serif);border-radius:3px 3px 0 0}.hm-wrong{margin:0 0 .5rem;font-size:.95rem}.hm-status{margin:0;min-height:3em;font-weight:600;color:var(--olive-dark)}.hm-status.is-lost{color:#8a1c1c}.hm-keys{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.45rem;margin-top:1.5rem}.hm-key{min-height:46px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font:500 1.25rem var(--serif);border-radius:3px;cursor:pointer;position:relative;transition:background-color .15s}.hm-key:hover{background:var(--sand)}.hm-key[aria-disabled=true]{cursor:default}.hm-key.is-hit{background:var(--olive);color:#fff;border-color:var(--olive)}.hm-key.is-miss{background:#efe0d9;color:#6b2a1c;border-color:#c9a79a}.hm-key.is-hit:after,.hm-key.is-miss:after{position:absolute;top:1px;right:4px;font:600 .65rem var(--sans)}.hm-key.is-hit:after{content:"\2713"}.hm-key.is-miss:after{content:"\d7"}.no-js .hangman{display:none}@media(max-width:760px){.example-box,.hm-board{grid-template-columns:1fr}.hm-gallows{max-width:200px}.hm-keys,.alpha{grid-template-columns:repeat(7,minmax(0,1fr))}.hangman{padding:1rem}}