.nonogram-ten{--lesson-copy:#bdc4b5}.nonogram-ten__hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:44px;padding:24px 0 42px;display:grid}.nonogram-ten__byline{color:var(--text-muted);font-size:.82rem;line-height:1.6}.nonogram-ten h1{letter-spacing:-.05em;max-width:18ch;margin:18px 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.nonogram-ten__hero p:not(.nonogram-ten__byline){max-width:48ch;color:var(--lesson-copy);margin-bottom:26px;line-height:1.8}.nonogram-ten__contents{border-block:1px solid var(--border);flex-wrap:wrap;gap:14px 28px;padding:22px 0;display:flex}.nonogram-ten a:not(.button){color:var(--accent);text-underline-offset:4px;text-decoration:underline}.nonogram-ten h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(1.55rem,3vw,2rem);line-height:1.25}.nonogram-ten h3{letter-spacing:-.025em;margin:0 0 16px;font-size:1.25rem;line-height:1.4}.nonogram-ten h3>span{color:var(--accent)}.nonogram-ten__intro,.nonogram-ten__check{max-width:760px;margin-inline:auto;padding-top:44px;scroll-margin-top:24px}.nonogram-ten__intro p,.nonogram-ten__step p,.nonogram-ten__step li,.nonogram-ten__check p,.nonogram-ten__practice>p,.nonogram-ten__lead{color:var(--lesson-copy);line-height:1.85}.nonogram-ten strong{color:var(--text-primary)}.nonogram-ten__walkthrough{padding-top:46px;scroll-margin-top:24px}.nonogram-ten__lead{max-width:70ch}.nonogram-ten__step{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:start;gap:36px;padding-block:36px;scroll-margin-top:24px;display:grid}.nonogram-ten__steps{margin-top:28px}.nonogram-ten__step ul{margin:20px 0 0;padding-left:21px}.nonogram-ten__step li{margin-bottom:14px;padding-left:3px;font-size:.94rem}.nonogram-ten__check{padding-top:14px}.nonogram-ten__practice{border-top:1px solid var(--border);margin-top:46px;padding-top:36px;scroll-margin-top:24px}.nonogram-ten__practice>p{max-width:80ch}.nonogram-ten__practice .game-player{margin:24px 0}.nonogram-ten-diagram{background:var(--surface);border-radius:var(--radius-card);width:100%;min-width:0;max-width:460px;margin:0 auto;padding:18px 10px}.nonogram-ten-diagram table{table-layout:fixed;border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;width:100%}.nonogram-ten-diagram__row-label{width:62px}.nonogram-ten-diagram caption{caption-side:bottom;padding-top:17px;font-size:.85rem;font-weight:600;line-height:1.6}.nonogram-ten-diagram th{text-align:center;padding:0;font-size:.79rem;font-weight:600}.nonogram-ten-diagram tbody th{text-align:right;white-space:nowrap;padding-right:4px}.nonogram-ten-diagram__number{color:var(--text-muted);font-size:.6rem;font-weight:500;line-height:1.4;display:block}.nonogram-ten-diagram__column-clues{flex-direction:column;justify-content:flex-end;align-items:center;min-height:64px;padding:4px 0;line-height:1.25;display:flex}.nonogram-ten-diagram td[data-mark]{color:#c4cdbb;text-align:center;background:#2c3426;border:1px solid #536147;padding:0;font-size:.85rem}.nonogram-ten-diagram td[data-mark]>span{aspect-ratio:1;place-items:center;width:100%;display:grid}.nonogram-ten-diagram td[data-mark=filled]{background:var(--accent);border-color:var(--accent)}.nonogram-ten-diagram td[data-new=true]{outline-offset:0;outline:1px solid #f1f4eb}.nonogram-ten-diagram figcaption{text-align:center;color:var(--text-muted);padding-top:10px;font-size:.7rem;line-height:1.7}@media (max-width:900px){.nonogram-ten__hero{grid-template-columns:1fr;gap:28px;padding-top:8px}.nonogram-ten h1{max-width:24ch}.nonogram-ten__hero p:not(.nonogram-ten__byline){max-width:65ch}.nonogram-ten__step{grid-template-columns:1fr;gap:22px}}@media (max-width:480px){.nonogram-ten__contents{gap:14px 22px;font-size:.85rem}.nonogram-ten__intro,.nonogram-ten__walkthrough{padding-top:32px}.nonogram-ten__step{padding-block:28px}.nonogram-ten-diagram{padding:14px 4px}.nonogram-ten-diagram table{border-spacing:2px}.nonogram-ten-diagram__row-label{width:53px}.nonogram-ten-diagram th{font-size:.7rem}.nonogram-ten-diagram td[data-mark]{font-size:.75rem}}