.typo-page{max-width:960px;margin:auto;padding:24px 20px}.typo-page h1{font-size:clamp(2rem,5vw,3.7rem);line-height:1.05;max-width:800px}.typo-answer{font-size:1.2rem;max-width:720px}.typo-game{background:#fff;border:2px solid #203c35;border-radius:20px;padding:clamp(18px,4vw,32px);margin:24px 0}.typo-progress{display:flex;gap:12px;justify-content:space-between;align-items:start}.typo-progress h2{margin:0;font-size:1.2rem}.typo-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.typo-pair>div{background:#f1f5ef;border-radius:12px;padding:16px}.typo-pair span{font-size:.8rem;color:#52635c}.typo-pair blockquote{margin:12px 0;font-size:1.15rem;overflow-wrap:anywhere}.typo-answers{display:grid;gap:10px}.typo-game button{font:inherit;text-align:left;white-space:normal;min-height:48px;padding:12px 16px;border:1px solid #8a9e91;border-radius:10px;background:#fff;color:#173b30;cursor:pointer}.typo-game button:hover:not(:disabled){background:#e3eee5}.typo-game button:focus-visible{outline:3px solid #b57f30;outline-offset:3px}.typo-game button:disabled{opacity:.7;cursor:default}#feedback{line-height:1.6}#summary{font-size:1.2rem;padding:16px;background:#ecf4e5;border-radius:12px;margin:16px 0}.typo-page .info-card{padding:24px}.typo-page img{max-width:100%;height:auto}.typo-page p,.typo-page li{line-height:1.7}.typo-page [hidden]{display:none!important}@media(max-width:600px){.typo-pair{grid-template-columns:1fr}.typo-progress{display:block}.typo-page{padding:16px 12px}.typo-page .info-card{padding:18px}}