/* Scoped to the two illustrated guides; game surfaces and Sudoku stay unchanged. */
.logic-guide{font-size:1.0625rem;line-height:1.8;color:#183333}
.logic-guide h2{scroll-margin-top:6rem}
.logic-guide .logic-byline,.logic-guide .logic-source{font-size:.875rem;line-height:1.65;color:#526765}
.logic-guide .logic-index{display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;padding:1.1rem;margin:1.5rem 0 2rem;border:1px solid #b9c5c2;border-radius:1rem;font-size:1rem;line-height:1.6}
.logic-guide .logic-figure{max-width:420px;margin:1.8rem auto}
.logic-guide .logic-figure img{display:block;width:100%;height:auto;border:1px solid #b9c5c2;border-radius:.75rem}
.logic-guide .logic-figure figcaption{font-size:1rem;line-height:1.65;color:#36514f;margin-top:.8rem}
.logic-guide .logic-answer{padding:1rem 1.2rem;margin:1.2rem 0;border:1px solid #a2b1ac;border-radius:.85rem;background:#f3efe5}
.logic-guide .logic-answer summary{min-height:44px;font-size:1rem;font-weight:800;line-height:1.6;cursor:pointer}
.logic-guide .logic-answer[open] summary{margin-bottom:1rem}
.logic-guide .logic-answer p:last-child{margin-bottom:0}
.logic-guide .logic-answer summary:focus-visible,.logic-guide a:focus-visible{outline:3px solid #ad472f;outline-offset:4px}
.logic-guide .logic-steps{padding-left:1.4rem}
.logic-guide .logic-steps>li{padding-left:.25rem;margin:1.1rem 0}
.logic-guide .logic-steps>li p{margin:.45rem 0}
.logic-guide .logic-combinations{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.6;margin:1.5rem 0}
.logic-guide .logic-combinations caption{text-align:left;font-weight:800;margin-bottom:.6rem}
.logic-guide .logic-combinations th,.logic-guide .logic-combinations td{padding:.55rem .4rem;text-align:left;border-bottom:1px solid #b9c5c2;vertical-align:top}
.logic-guide .logic-combinations thead th{background:#e0eae4;color:#183333}
.logic-guide .logic-action{display:inline-flex;align-items:center;min-height:48px;padding:.7rem 1.2rem;margin:.5rem 0;background:#183333;color:#fffdf7;border-radius:2rem;font-weight:800;text-decoration:none;line-height:1.5}
.logic-guide-page main>section>div{padding-top:2rem;padding-bottom:2rem}
.logic-guide-page main>article>.prose-puzzle{padding-top:2rem}
@media(max-width:639px){.logic-guide-page h1{font-size:2.25rem;line-height:1.08}.logic-guide-page main>section>div>p:last-child{font-size:1rem;line-height:1.6}.logic-guide .logic-answer{padding:1rem .8rem}}
