.demo-site .demo-intro{max-width:800px}.demo-site .demo-intro h1{text-wrap:balance;font-size:clamp(32px,3.5vw,46px)}.demo-site .demo-controls>label>input,.demo-customise input,.demo-customise select{font-size:16px}.demo-customise{border:1px solid #e0e7d8;border-radius:12px;margin-top:16px}.demo-customise summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 15px;font-size:12px;font-weight:500;list-style:none;display:flex}.demo-customise summary::-webkit-details-marker{display:none}.demo-customise[open] summary svg{transform:rotate(45deg)}.demo-customise-body{gap:15px;padding:0 15px 15px;display:grid}.demo-customise-body label{margin:0;font-size:11px}.demo-customise-body p{color:#687260;margin:0;font-size:11px;line-height:1.65}.demo-palette{gap:10px;display:flex}.demo-palette button{color:#2c3d30;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.demo-palette button[aria-pressed=true]{border-color:#2c3d30;box-shadow:inset 0 0 0 3px #ffffff8c}.demo-site .demo-action-buttons{grid-template-columns:1fr;display:grid}.demo-site .demo-action-buttons .button{white-space:normal;text-align:center;min-height:46px}.demo-site .demo-data-note{flex-wrap:wrap;font-size:11px}.demo-confirmation{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:12px 0 0;display:flex}.demo-confirmation>svg{color:#718550}.demo-confirmation>strong{overflow-wrap:anywhere;font-size:20px}.demo-confirmation>p{color:#687260;font-size:14px;line-height:1.8}.demo-confirmation>div{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:600px){.demo-site .demo-intro h1{letter-spacing:-1.2px}.demo-site .demo-controls{padding:22px 20px}.demo-site .demo-next .button{white-space:normal;text-align:center}.demo-confirmation>div{width:100%}.demo-confirmation .button{flex:1;min-width:110px}}