
.curiosity-page{max-width:1120px;margin:auto}.curiosity-page>h1{font-size:clamp(38px,6vw,76px);max-width:17ch;line-height:1.03}.curiosity-page>.lead{max-width:70ch}.curiosity-page .prose{margin:3rem 0}.curiosity-page button{background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:12px 18px;font:inherit;cursor:pointer}.curiosity-page :focus-visible{outline:3px solid var(--orange);outline-offset:5px}.curiosity-directory{margin:3rem 0}.curiosity-directory>a{display:grid;grid-template-columns:45px 1fr 24px;gap:22px;padding:28px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.curiosity-directory h2{font-size:26px;margin:0 0 8px}.curiosity-directory p{line-height:1.6;max-width:70ch;margin:0}.curiosity-directory>a:hover h2{text-decoration:underline;color:var(--blue)}.curiosity-number{font:18px Consolas,monospace;color:var(--blue)}.odd-stage{border:2px solid var(--ink);padding:clamp(25px,5vw,65px);margin:35px 0;position:relative;background:var(--yellow);overflow:hidden}.odd-stage>i{font-size:clamp(45px,9vw,110px);color:var(--blue);float:right;margin:10px}.odd-big{font-size:clamp(32px,6vw,65px);font-weight:800;line-height:1.05;letter-spacing:-.045em;margin:0 0 20px}.odd-stamp{display:inline-block;border:3px solid currentColor;padding:10px;color:var(--blue);font:700 13px Consolas,monospace;transform:rotate(-3deg)}.odd-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.odd-panel{border-bottom:1px solid var(--line);padding:20px 0}.odd-panel p{line-height:1.8}.odd-actions{display:flex;flex-wrap:wrap;gap:12px}.odd-result{padding:20px;border-left:4px solid var(--orange);min-height:70px;background:var(--yellow);color:var(--ink)}.curiosity-page details{border-block:1px solid var(--line);padding:20px 0;margin:25px 0}.curiosity-page summary{cursor:pointer;font-weight:700}.road-scene{display:flex;align-items:center;flex-direction:column;padding:40px 0 0;overflow:hidden;border-bottom:4px solid var(--ink)}.speed-sign{border:9px solid #171717;outline:2px solid #fff;border-radius:20px;background:#fff;color:#171717;width:220px;text-align:center;padding:20px 5px;font:bold 36px Arial,sans-serif;box-shadow:9px 9px 0 #0002}.speed-sign i{display:block;font-size:105px;margin:22px 0}.sign-pole{height:90px;width:16px;background:#7b817e}.highway-sign{background:#fff;color:#111;border:8px solid #111;border-radius:30px 30px 70px 70px;width:240px;text-align:center;padding:20px 0;box-shadow:9px 9px 0 #0002}.highway-sign span{font:bold 35px Arial,sans-serif}.highway-sign strong{display:block;font:bold 110px Arial,sans-serif}.long-list{padding-left:35px;max-width:75ch}.long-list li{padding:12px 0;border-bottom:1px solid var(--line)}.long-list p{line-height:1.8}.long-filename{overflow-wrap:anywhere;font:16px Consolas,monospace}.orbit-stage{position:relative;height:540px;max-width:720px;margin:40px auto;border:1px solid var(--line);border-radius:50%;--turn:0deg}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;font-size:32px;font-weight:800}.orbit-core small{display:block;font-size:10px}.orbit-node{position:absolute;left:50%;top:50%;width:150px;padding:12px;text-align:center;border:2px solid var(--blue);background:var(--paper);color:var(--ink);font-size:14px;transform:translate(-50%,-50%) rotate(calc(var(--n)*45deg + var(--turn))) translateY(-200px) rotate(calc(var(--n)*-45deg - var(--turn)))}.orbit-control{display:block;font-weight:700}.orbit-control input{display:block;width:min(100%,650px);margin:20px 0;accent-color:var(--blue)}.gazette{padding:30px;border:2px solid var(--ink);font-family:Georgia,serif}.gazette>h2{font-size:clamp(30px,6vw,65px);text-align:center;border-block:4px double var(--ink);padding:20px 0;margin:15px 0}.gazette-line,.gazette-motto{text-align:center;font-size:13px}.gazette-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.gazette h3{font-size:27px;line-height:1.2}.gazette p{line-height:1.8}.gazette aside{border-top:3px double var(--ink);margin-top:20px}.curiosity-page .work-list h2{font-size:22px}html[data-focus=true] .odd-stage{display:none}@media(max-width:700px){.odd-columns,.gazette-columns{grid-template-columns:1fr}.curiosity-directory>a{grid-template-columns:25px 1fr 16px;gap:12px}.curiosity-directory h2{font-size:23px}.odd-stage>i{float:none;display:block;margin-bottom:25px}.orbit-stage{height:auto;border-radius:0;display:grid;grid-template-columns:1fr;gap:12px;padding:20px}.orbit-core,.orbit-node{position:static;transform:none;width:auto}.orbit-core{margin-bottom:10px}.orbit-control{display:none}.gazette{padding:20px}}
