@media(min-width:601px){.chapter.pattern-room .chapter-copy{top:31%}.chapter.pattern-room .chapter-kicker{margin-bottom:14px}.chapter.pattern-room h3{margin-bottom:12px}.chapter.pattern-room .section-description{margin-bottom:10px}.chapter.pattern-room .tilt-label{margin-top:12px}.chapter.pattern-room .symmetry-button{margin-bottom:12px}.chapter.pattern-room .pattern-facts{padding-top:12px}.chapter.pattern-room .pattern-explanation{margin:8px 0 0}}
.pattern-room .chapter-sticky{background:radial-gradient(ellipse at 78% 52%,#f5f0f5,#e9e5ed 60%,#dedde5)}.pattern-room .chapter-copy{left:7%;right:auto;width:34%;top:35%}.pattern-room .book-dock{left:51%;width:43%;top:29%;height:53%}.pattern-room .chapter-heading{left:7%}.pattern-room .tilt-label{color:#797185}
#polygon-sides{appearance:none;-webkit-appearance:none;width:100%;height:36px;background:transparent;cursor:ew-resize}#polygon-sides::-webkit-slider-runnable-track{height:3px;background:#9188a050;border-radius:5px}#polygon-sides::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;margin-top:-7px;border:2px solid #fff;border-radius:50%;background:#73617f;box-shadow:0 2px 8px #33214422}
.symmetry-button{min-height:44px;font-size:11px;padding:10px 15px;border:1px solid #aea1b788;border-radius:25px;color:#6b597b;margin:8px 0 20px}.symmetry-button[aria-pressed=true]{background:#776783;color:#fff;border-color:#776783}.pattern-facts{display:flex;gap:60px;border-top:1px solid #9985a43b;padding-top:19px}.pattern-facts span{display:block;font-size:8px;letter-spacing:.1em;color:#958a9d}.pattern-facts strong{font:35px/1.5 Georgia,serif;color:#66536e}.pattern-explanation{font-size:12px;line-height:1.7;color:#87788e;max-width:340px}.chapter-index{grid-template-columns:repeat(4,1fr);gap:25px}.chapter-index a{font-size:13px;gap:10px}
@media(max-width:1000px) and (min-width:601px){.pattern-room .chapter-copy{width:40%;left:5%}.pattern-room .book-dock{left:54%;width:42%}.pattern-facts{gap:30px}.chapter-index{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pattern-room .chapter-sticky{min-height:890px}.pattern-room .chapter-heading{left:7%;top:4%}.pattern-room .chapter-heading h2{font-size:34px}.pattern-room .book-dock{left:19%;width:62%;top:19%;height:25%}.pattern-room .chapter-copy{left:8%;right:8%;width:auto;top:47%}.pattern-facts{padding-top:13px;gap:60px}.symmetry-button{margin-bottom:15px}.pattern-facts strong{font-size:30px}.pattern-explanation{font-size:11px}.chapter-index{grid-template-columns:1fr}}
/* Keep the full interaction reachable on short phones, without hiding the next link below a pinned panel. */
@media(max-width:600px){.chapter.light-lab .chapter-sticky,.chapter.design-studio .chapter-sticky,.chapter.pattern-room .chapter-sticky{min-height:844px;top:min(0px,calc(100svh - 844px))}.chapter.pattern-room .book-dock{top:16%;height:23%}}