.nonogram-guide__hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:48px;padding:24px 0 42px;display:grid}.nonogram-guide__byline{color:var(--text-muted);font-size:.85rem}.nonogram-guide__byline a{text-underline-offset:3px;text-decoration:underline}.nonogram-guide h1{letter-spacing:-.05em;max-width:17ch;margin:18px 0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.1}.nonogram-guide__hero p:not(.nonogram-guide__byline){max-width:47ch;color:var(--text-muted);margin-bottom:26px}.nonogram-guide__contents{border-block:1px solid var(--border);flex-wrap:wrap;gap:12px 28px;padding:22px 0;display:flex}.nonogram-guide__contents a,.nonogram-guide__body a,.nonogram-guide__next a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.nonogram-guide__body{max-width:720px;margin:0 auto}.nonogram-guide__body section{padding-top:46px;scroll-margin-top:25px}.nonogram-guide h2{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(1.55rem,3vw,2rem);line-height:1.25}.nonogram-guide h3{margin-top:36px;font-size:1.15rem}.nonogram-guide__body p,.nonogram-guide__practice>p{color:#bdc4b5;line-height:1.85}.nonogram-guide__body strong{color:var(--text-primary)}.nonogram-diagram{background:var(--surface);border-radius:var(--radius-card);margin:28px 0;padding:24px 18px}.nonogram-diagram table{border-collapse:separate;border-spacing:3px;font-variant-numeric:tabular-nums;margin-inline:auto}.nonogram-diagram caption{caption-side:bottom;max-width:320px;padding-top:18px;font-size:.9rem;font-weight:600;line-height:1.5}.nonogram-diagram th{width:36px;height:36px;font-weight:600}.nonogram-diagram td:not(:first-child){text-align:center;color:#b7c0ab;background:#2c3426;border:1px solid #536147;width:38px;height:38px}.nonogram-diagram td[data-mark=filled]:not(:first-child),.nonogram-line span[data-mark=filled]{background:var(--accent);color:var(--background);border-color:var(--accent)}.nonogram-diagram figcaption{text-align:center;color:var(--text-muted);margin-top:12px;font-size:.73rem}.nonogram-guide__rule-example{padding:22px 0}.nonogram-guide__rule-example p{font-size:.9rem}.nonogram-line{grid-template-columns:repeat(5,38px);gap:4px;margin:14px 0;display:grid}.nonogram-line span{color:#d3dacb;background:#2c3426;border:1px solid #536147;place-items:center;height:38px;display:grid}.nonogram-line span[data-overlap=true]{outline:2px solid var(--text-primary);outline-offset:1px}.nonogram-guide__overlap{margin:24px 0}.nonogram-guide__reference{border:1px solid var(--border);border-radius:var(--radius-card);margin:24px 0;padding:18px}.nonogram-guide__reference summary{cursor:pointer;font-weight:600}.nonogram-guide__reference figure{max-width:420px;margin:18px 0 0}.nonogram-guide__reference img{width:100%;height:auto}.nonogram-guide__reference figcaption{color:var(--text-muted);margin-top:12px;font-size:.85rem;line-height:1.7}.nonogram-guide__mistakes{margin:22px 0}.nonogram-guide__mistakes>div{margin-bottom:22px}.nonogram-guide__mistakes dt{margin-bottom:7px;font-weight:700}.nonogram-guide__mistakes dd{color:#bdc4b5;margin:0;line-height:1.75}.nonogram-guide__practice{border-top:1px solid var(--border);margin-top:56px;padding-top:36px;scroll-margin-top:25px}.nonogram-guide__practice>p{max-width:76ch}.nonogram-guide__practice .game-player{margin:24px 0}@media (max-width:760px){.nonogram-guide__hero{grid-template-columns:1fr;gap:0;padding-top:8px}.nonogram-guide h1{max-width:20ch}.nonogram-guide__hero .nonogram-diagram{margin-bottom:0}.nonogram-guide__contents{gap:14px 22px;font-size:.85rem}.nonogram-guide__body section{padding-top:32px}.nonogram-diagram{padding-inline:8px}.nonogram-diagram td:not(:first-child){width:34px;height:34px}}