.guide{max-width:1000px}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 24px;padding:18px 0;border-block:1px solid var(--line);margin:24px 0}.guide-nav a{color:var(--accent);font-size:14px}.guide section{scroll-margin-top:24px}.guide .guide-byline{font-size:12px;color:var(--muted)}
.first-move{margin:36px 0;padding-block:24px;border-block:2px solid var(--line)}.first-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:start}.first-layout figure{margin:0;min-width:0}.first-board{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));border:2px solid #53694c;background:#fffdef;aspect-ratio:1}.first-cell{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #d1d9c3;border-bottom:1px solid #d1d9c3;color:#254737;transition:background .18s,box-shadow .18s}.first-cell:nth-child(3n){border-right:2px solid #53694c}.first-cell:nth-child(9n){border-right:0}.first-cell:nth-child(n+19):nth-child(-n+27),.first-cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid #53694c}.first-cell small{font:9px/1.2 system-ui;color:#65715b}.first-cell span{font:22px/1.1 system-ui}.first-target{outline:2px dashed #947438;outline-offset:-4px;background:#fff1cc}.first-evidence{box-shadow:inset 0 0 0 2px #3b7756;background:#e7efd9}.first-complete .first-target{background:#d6e6bc}.first-layout figcaption{font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.first-controls{font-size:14px;min-width:0}.first-steps{display:flex;flex-wrap:wrap;gap:7px}.first-move button,.reason-check button{font:inherit;min-height:44px;border:1px solid #7d906c;background:#fffdef;color:#245b41;padding:8px 12px;cursor:pointer;transition:background .15s}.first-move button:hover,.reason-check button:hover{background:#eef0df}.first-move [aria-pressed=true]{background:#d6e6bc;box-shadow:inset 0 -3px #245b41}.first-label{font-weight:600}.first-candidates{display:flex;gap:8px;flex-wrap:wrap;font:20px/1.5 system-ui}.first-eliminated{text-decoration:line-through;color:#807568}.first-answers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.first-answers button{padding:6px}.first-feedback,.reason-feedback{border-left:3px solid #245b41;padding:10px 12px;background:#eef0df;min-height:50px}.first-reason{margin:20px 0}.first-reason summary,.reason-check summary{cursor:pointer;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.first-move :is(button,summary):focus-visible,.reason-check :is(button,summary):focus-visible{outline:3px solid #2a678b;outline-offset:2px}.reason-check{border-top:1px solid var(--line);padding-top:20px;margin:26px 0}.reason-check h3{font-size:19px}.reason-check .reason-options{display:flex;flex-wrap:wrap;gap:10px}.reason-check [aria-pressed=true]{background:#d6e6bc}.reason-check code{white-space:normal}.guide details{margin-block:16px}.guide summary{cursor:pointer}.guide li{margin-block:8px}
@media(max-width:700px){.first-layout{grid-template-columns:minmax(0,1fr);gap:18px}.first-board{max-width:460px}.first-cell span{font-size:clamp(16px,5vw,22px)}.first-cell small{font-size:8px}.first-answers{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.first-answers button{min-width:0;padding:4px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.first-move *,.reason-check *{transition:none!important}}