.hz-band{padding-bottom:clamp(96px,12vh,144px)}.hz-band .sc-q{max-width:20ch}.hz-stage{z-index:1;margin-top:clamp(-112px,-10vh,-72px);position:relative}.hz-stage .frame{max-width:920px;box-shadow:8px 8px 0 var(--color-ink);margin-inline:auto}.hz-h2{font-size:clamp(32px,3.6vw,52px)}.hz-ex{gap:18px;max-width:920px;display:grid}.hz-ex+.hz-ex{margin-top:clamp(48px,6vw,80px)}.hz-why{max-width:62ch;color:var(--color-ink-2);font-size:16px;line-height:1.6}.hz-why b{color:var(--color-ink)}.hz-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.hz-more a{border:2px solid var(--color-ink);border-radius:var(--radius-card);background:var(--color-paper);height:100%;color:var(--color-ink);transition:transform .15s var(--ease-out), box-shadow .15s var(--ease-out);gap:4px;padding:18px 20px;display:grid}.hz-more a:hover{box-shadow:4px 4px 0 var(--color-ink);transform:translate(-2px,-2px)}.hz-more b{font-size:18px}.hz-more small{color:var(--color-ink-2);font-size:14px}.hz-tips{gap:10px;max-width:62ch;margin:0;padding-left:1.2em;font-size:16px;line-height:1.6;display:grid}.hz-bar-stack{align-items:flex-start}.hz-chip-sub{opacity:.7;margin-left:6px;font-size:12px;font-weight:600}.hz-board-wrap{gap:10px;padding:16px clamp(14px,3vw,22px) 20px;display:grid}.hz-status{color:var(--color-ink-2);flex-wrap:wrap;justify-content:center;gap:6px 20px;font-size:15px;font-weight:600;display:flex}.hz-status b{font-family:var(--font-display);color:var(--color-ink);margin-left:4px;font-size:21px}.hz-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 clamp(14px,3vw,22px) 20px;display:grid}.hz-option{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);min-height:52px;color:var(--color-ink);overflow-wrap:anywhere;transition:background-color .15s, transform .15s var(--ease-out);justify-content:center;align-items:center;gap:10px;padding:0 12px;font-size:20px;font-weight:700;display:inline-flex}.hz-option:hover{background:var(--color-brand-wash)}.hz-option:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--color-brand)}.hz-option[data-state=dogru]{background:var(--color-brand)}.hz-option-gap{color:var(--color-ink-3)}[inert]>.hz-option{opacity:.55}.hz-schulte{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));aspect-ratio:1;border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);gap:0;width:min(100%,460px);margin-inline:auto;display:grid;position:relative;overflow:hidden}.hz-schulte:focus{outline:none}.hz-cell{border:0;border-right:1px solid var(--color-line-strong);border-bottom:1px solid var(--color-line-strong);min-width:0;min-height:44px;font-family:var(--font-display);color:var(--color-ink);background:0 0;place-items:center;font-size:clamp(20px,5.2vw,32px);font-weight:800;transition:background-color .12s,color .12s;display:grid}.hz-cell:hover{background:var(--color-brand-wash)}.hz-cell:focus-visible{outline:3px solid var(--color-ink);outline-offset:-3px}.hz-cell[data-found]{color:var(--color-ink-3);background:var(--color-paper-2)}.hz-fix{border:2px solid var(--color-ink);border-radius:var(--radius-pill);background:var(--color-brand);pointer-events:none;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.hz-schulte[data-odd] .hz-fix{top:calc(50% - 50% / var(--cols) + 10px)}.hz-flash{gap:14px;padding-top:18px;display:grid}.hz-flash-count{color:var(--color-ink-2);padding:0 clamp(14px,3vw,22px);font-size:14px;font-weight:700}.hz-flash-window{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-2);place-items:center;min-height:150px;margin:0 clamp(14px,3vw,22px);display:grid}.hz-flash-word{font-family:var(--font-display);color:var(--color-ink);overflow-wrap:anywhere;text-align:center;font-size:clamp(30px,7vw,54px);font-weight:800}.hz-flash-word[data-ok]{color:var(--color-ink);-webkit-text-decoration:underline 4px var(--color-brand);text-decoration:underline 4px var(--color-brand);text-underline-offset:8px}.hz-flash-mark{color:var(--color-ink-3);font-size:44px;font-weight:800}.hz-flash-mask{letter-spacing:2px;color:var(--color-ink-3);font-size:clamp(24px,6vw,44px)}.hz-side{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-2);height:180px;margin:18px clamp(14px,3vw,22px);position:relative;overflow:hidden}.hz-side-mark{color:var(--color-ink);font-size:44px;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hz-side-letter{font-family:var(--font-display);color:var(--color-ink);font-size:clamp(26px,5vw,40px);font-weight:800;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.hz-side-letter.is-left{left:calc(50% - var(--d))}.hz-side-letter.is-right{left:calc(50% + var(--d))}.hz-options-pairs .hz-option{letter-spacing:1px;font-size:22px}.hz-chunk-controls{border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 16px;padding:16px clamp(14px,3vw,22px);display:grid}.hz-field{min-width:0;color:var(--color-ink-2);gap:6px;font-size:13px;font-weight:700;display:grid}.hz-field select{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper);width:100%;min-height:48px;color:var(--color-ink);padding:0 12px;font-size:16px;font-weight:600}.hz-field select:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px;box-shadow:0 0 0 5px var(--color-brand)}.hz-field select:disabled{opacity:.55}.hz-chunk-stage{gap:16px;padding:16px clamp(14px,3vw,22px) 22px;display:grid}.hz-progress{border-radius:var(--radius-pill);background:var(--color-paper-2);height:6px;overflow:hidden}.hz-progress span{background:var(--color-ink);transform-origin:0;width:100%;height:100%;transition:transform .2s linear;display:block}.hz-chunk-intro{justify-items:start;gap:14px;display:grid}.hz-chunk-intro p{max-width:58ch;color:var(--color-ink-2);font-size:16px;line-height:1.6}.hz-chunk-window{justify-items:center;gap:14px;display:grid}.hz-chunk{border:2px solid var(--color-ink);border-radius:var(--radius-md);background:var(--color-paper-2);width:100%;min-height:140px;font-family:var(--font-display);text-align:center;overflow-wrap:anywhere;place-items:center;padding:12px;font-size:clamp(26px,5.4vw,42px);font-weight:700;display:grid}.hz-chunk-stop{min-height:44px}.hz-questions{justify-items:start;gap:18px;display:grid}.hz-question{border:0;gap:8px;width:100%;min-width:0;margin:0;padding:0;display:grid}.hz-question legend{margin-bottom:6px;font-size:17px;font-weight:700}.hz-answer{border:1px solid var(--color-line-strong);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;min-height:44px;padding:6px 12px;font-size:16px;display:flex}.hz-answer input{width:20px;height:20px;accent-color:var(--color-ink);flex:none}.hz-answer:has(input:focus-visible){outline:2px solid var(--color-ink);outline-offset:2px}.hz-answer[data-state=dogru]{border-color:var(--color-ink);background:var(--color-brand);font-weight:700}.hz-answer[data-state=yanlis]{border-color:var(--color-mark);color:var(--color-mark);text-decoration:line-through}.hz-chunk-result{justify-items:start;gap:14px;display:grid}.hz-chunk-result p{max-width:58ch;font-size:16px;line-height:1.6}.hz-chunk-result b{font-family:var(--font-display);font-size:24px}@media (max-width:760px){.hz-more,.hz-chunk-controls{grid-template-columns:minmax(0,1fr)}}@media (max-width:420px){.hz-options{grid-template-columns:minmax(0,1fr)}.hz-side{height:150px}}@media (prefers-reduced-motion:reduce){.hz-progress span,.hz-more a,.hz-option,.hz-cell{transition:none}}