*{box-sizing:border-box}html{background:#f2f0e6;color:#193f39;font-family:system-ui,sans-serif}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #bc884a;outline-offset:4px}.demo-home{max-width:720px;margin:auto}.demo-home header{display:flex;gap:12px;align-items:center;padding:18px;font-family:Georgia,serif;font-weight:700;font-size:25px;background:#faf7ef}.demo-home header small{display:block;font:10px system-ui;letter-spacing:2px;margin-top:4px}.demo-home nav{margin-left:auto;display:flex;gap:12px;font:14px system-ui}.demo-home nav [aria-current=page]{font-weight:800}.demo-hero{min-height:520px;display:flex;align-items:flex-end;padding:28px;background-position:center;background-size:cover;color:#fff7e8}.demo-hero h1{font:clamp(28px,6vw,38px) Georgia,serif;line-height:1.1;max-width:520px}.demo-hero p{line-height:1.6;max-width:490px}.demo-primary{display:inline-block;padding:14px 30px;border-radius:12px;background:#faf3de;color:#193f39;font-weight:750;text-decoration:none;min-height:48px}.demo-progress{font-size:13px}.demo-content{padding:24px}.demo-content h2{font:28px Georgia,serif}.demo-content p{line-height:1.6}.demo-room{width:100%;max-height:480px;object-fit:cover;object-position:center;border-radius:16px}.demo-options{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.demo-options button,.demo-home footer button{border:1px solid #b9c3b3;border-radius:10px;background:#fffaf0;color:#193f39;padding:12px 18px;min-height:48px}.demo-options [aria-pressed=true]{background:#193f39;color:#fff}.demo-note{font-size:13px}.demo-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px 0}.demo-levels a{text-align:center;padding:14px 8px;border:1px solid #bdc6b8;border-radius:8px;text-decoration:none}.demo-levels [aria-disabled=true]{opacity:.4;pointer-events:none}.demo-home footer{padding:24px;font-size:13px;line-height:1.6}.demo-home summary{cursor:pointer;min-height:48px;padding-top:14px}@media(min-width:800px){.demo-home{margin:20px auto;box-shadow:0 12px 48px #143e3820;border-radius:20px;overflow:hidden}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}