/* curiosity questions overlay (2026-10-24) */
.cq{border:1px solid var(--rule,#c9b98f);border-left:4px solid var(--accent,#8B2E2A);background:#fffaf0;border-radius:6px;padding:.7rem .9rem;margin:.8rem 0}
.cq-k{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#6b5d47);margin:0 0 .2rem;font-weight:700}
.cq-q{font-weight:700;font-size:1.05rem;line-height:1.35;margin:0 0 .35rem;color:var(--ink,#2b2318)}
.cq-clue{margin:.2rem 0 .45rem;color:var(--muted,#6b5d47);font-style:italic}
.cq details{margin:.25rem 0 0}
.cq summary{cursor:pointer;font-weight:700;color:var(--accent,#8B2E2A);padding:.35rem 0;min-height:44px;display:flex;align-items:center}
.cq summary::marker{color:var(--accent,#8B2E2A)}
.cq-a{margin:.3rem 0 .4rem;line-height:1.5}
.cq-src{font-size:.82rem;color:var(--muted,#6b5d47);margin:.25rem 0}
.cq-dig{font-size:.92rem;margin:.45rem 0 0;padding-top:.4rem;border-top:1px dashed var(--rule,#c9b98f)}
.cq-dig a{display:inline-block;padding:.15rem 0}
.cq-open{border-left-color:#5b6b3a;background:#f7f8ee}
.cq-open .cq-k{color:#4a5a2c}
.cq-off{display:none}
.cq-home .cq-list{list-style:none;padding:0;margin:.4rem 0 0;display:grid;gap:.6rem}
.cq-home .cq{margin:0}
.cq-home .cq-more{margin:.6rem 0 0;font-size:.92rem}
.cq-intro{margin:.3rem 0 .8rem}
.cq-fig{margin:.5rem 0;max-width:100%}
.cq-fig img{max-width:100%;height:auto;display:block;border-radius:4px;border:1px solid var(--rule,#c9b98f)}
.cq-fig figcaption{font-size:.8rem;color:var(--muted,#6b5d47);margin-top:.25rem}
.cq-pair{display:grid;gap:.6rem;grid-template-columns:1fr}
.cq-step-foot{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;align-items:center;font-size:.92rem;margin:.6rem 0 0;padding:.5rem .6rem;background:var(--paper,#f6efdc);border-radius:4px}
.cq-step-n{font-weight:700}
.cq-trail-step{scroll-margin-top:1rem}
.cq-trails{list-style:none;padding:0;display:grid;gap:.7rem;grid-template-columns:1fr}
.cq-trails li{border:1px solid var(--rule,#c9b98f);border-radius:6px;padding:.7rem .9rem;background:#fffaf0}
.cq-trails h3{margin:0 0 .2rem;font-size:1.05rem}
.cq-table{border-collapse:collapse;width:100%;font-size:.85rem;margin:.5rem 0}
.cq-table th,.cq-table td{border:1px solid var(--rule,#c9b98f);padding:.25rem .35rem;text-align:right}
.cq-table th:first-child,.cq-table td:first-child{text-align:left}
.cq-tablewrap{overflow-x:auto}
.cq-chart{width:100%;height:auto;max-width:760px;display:block;margin:.5rem 0}
.cq-poll{display:grid;gap:.6rem;grid-template-columns:1fr}
.cq-poll .card{padding:.6rem .8rem}
.cq-poll h4{margin:.2rem 0}
.cq-vote{display:inline-block;margin:.3rem .4rem 0 0}
.cq-toc{columns:1;font-size:.95rem}
.cq-bank li{margin:.2rem 0}
@media (min-width:720px){.cq-pair,.cq-poll{grid-template-columns:1fr 1fr}.cq-trails{grid-template-columns:1fr 1fr}.cq-toc{columns:2}}
.cq-photo{border:2px dashed var(--rule,#c9b98f);border-radius:6px;padding:.6rem .8rem;margin:.9rem 0;background:#fffdf6;font-size:.95rem}
.cq-perm{display:block;font-size:.82rem;color:var(--muted,#6b5d47);margin-top:.25rem}
.cq-set{margin:1.6rem 0;scroll-margin-top:1rem}
.cq-set>h2{margin-bottom:.3rem}
.cq-conf{font-size:.82rem;font-weight:700;color:#4a5a2c}
.cq-jump{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;margin:.6rem 0}
.cq-jump a{display:inline-block;padding:.35rem .6rem;border:1px solid var(--rule,#c9b98f);border-radius:999px;background:#fffaf0;text-decoration:none;font-size:.9rem}
.cq-mapfig{max-width:320px}
/* Square Detective page */
.cq-head .cq-tag{font-size:1.15rem;margin:.2rem 0 .6rem}
.cq-lead{color:var(--muted,#555)}
.cq-tips ul{margin:.4rem 0 0;padding-left:1.1rem}
.cq-tips li{margin:.25rem 0}
.cq-locker{border-left:4px solid var(--accent,#8a5a2b);background:rgba(0,0,0,.03);padding:.5rem .75rem;margin:1rem 0;font-size:.95rem}
.cq-set{margin:2rem 0}
.cq-set>h2{scroll-margin-top:1rem}
.cq{scroll-margin-top:1rem}
.cq-fig img{max-width:100%;height:auto;display:block}
.sd-hub{border:2px solid var(--accent,#8a5a2b);border-radius:8px;padding:.75rem 1rem;margin:1rem 0}
.sd-hub .btn{margin-top:.4rem}
/* v2: compare sliders (original / colorized / enhanced) */
.sd-cmp{position:relative;width:100%;overflow:hidden;border:1px solid var(--rule,#c9b98f);border-radius:4px;background:#ddd;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.sd-cmp img,.cq-fig .sd-cmp img{display:block;width:100%;max-width:none;height:auto;border:0;border-radius:0}
.sd-cmp .sd-layer{position:absolute;inset:0}
.sd-cmp input[type=range]{position:absolute;top:0;left:-24px;width:calc(100% + 48px);height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;display:none}
.sd-cmp input[type=range]{pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent}
.sd-cmp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:48px;height:2000px;cursor:ew-resize}
.sd-cmp input[type=range]::-moz-range-thumb{pointer-events:auto;width:48px;height:2000px;border:0;cursor:ew-resize}
.sd-cmp input[type=range]:focus-visible{opacity:.25}
.sd-bar,.sd-tag{display:none}
.sd-on input[type=range]{display:block}
.sd-on .sd-bar{display:block;position:absolute;top:0;bottom:0;width:3px;margin-left:-1px;background:#fff;box-shadow:0 0 4px #000;pointer-events:none}
.sd-on .sd-bar::after{content:'';position:absolute;top:50%;left:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#fff;border:2px solid #2b2b2b;box-shadow:0 0 4px #000}
.sd-on .sd-tag{display:block;position:absolute;top:6px;background:rgba(43,43,43,.85);color:#fff;font:600 .72rem/1.2 system-ui,sans-serif;padding:3px 6px;border-radius:3px;pointer-events:none}
.sd-tl{left:6px}.sd-tr{right:6px}.sd-tc{left:50%;transform:translateX(-50%)}
.sd-c3.sd-on .sd-tc{top:auto;bottom:6px}
.cq-still{margin:.5rem 0 0;padding:.4rem .6rem;border-left:3px solid var(--accent,#7a1f1f);background:rgba(122,31,31,.05)}
@media(min-width:700px){.sd-on .sd-tag{font-size:.8rem}}