.demo-staff{--staff-ink:#182b24;--staff-accent:#255d42;--staff-paper:#eff2ed;--staff-font:Arial,sans-serif;background:var(--staff-paper);min-height:100vh;color:var(--staff-ink);font-family:var(--staff-font);font-size:16px;line-height:1.5}.demo-staff-service{--staff-ink:#17251c;--staff-accent:#984500;--staff-paper:#edf0e8}.demo-staff-store{--staff-ink:#343d2e;--staff-accent:#8b392d;--staff-paper:#f3efe2}.demo-staff-foodtruck{--staff-ink:#182018;--staff-accent:#3d5100;--staff-paper:#f0f4c9}.demo-staff-salon{--staff-ink:#29252d;--staff-accent:#66516d;--staff-paper:#f4f0f6}.demo-staff *{box-sizing:border-box}.demo-staff a{color:inherit;text-underline-offset:4px}.demo-staff button,.demo-staff input,.demo-staff select,.demo-staff textarea{font:inherit}.demo-staff :focus-visible{outline:3px solid var(--staff-accent);outline-offset:4px}.demo-staff-header{border-bottom:1px solid #0002;justify-content:space-between;align-items:center;gap:18px;padding:20px 4vw;font-size:14px;display:flex}.demo-staff-header span{letter-spacing:.1em;font-size:11px;font-weight:700}.demo-staff-main{max-width:1080px;margin:auto;padding:56px 28px 36px}.demo-staff-intro{max-width:760px}.demo-staff h1{letter-spacing:-.045em;margin:12px 0 24px;font-size:clamp(34px,6vw,66px);line-height:1.03}.demo-staff h2{letter-spacing:-.025em;font-size:26px;line-height:1.15}.demo-staff-service h1,.demo-staff-foodtruck h1{text-transform:uppercase;font-weight:900}.demo-staff-store h1,.demo-staff-store h2{font-family:Georgia,serif}.demo-staff-salon h1{font-weight:400}.demo-staff-eyebrow{letter-spacing:.12em;font-size:12px;font-weight:700}.demo-staff-disclosure{border-left:3px solid var(--staff-accent);background:#fff8;margin:28px 0;padding:16px 20px;font-size:13px}.demo-staff-steps{gap:22px;margin:30px 0;padding:0;font-size:13px;list-style:none;display:flex}.demo-staff-steps li{align-items:center;gap:8px;display:flex}.demo-staff-steps b{border:1px solid;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.demo-staff-steps [aria-current]{font-weight:700}.demo-staff-status{background:#fff;border:1px solid #0003;border-radius:8px;min-height:58px;padding:16px 20px;scroll-margin-top:24px}.demo-staff-status.is-error{color:#8d2420;background:#fff5f1;border-color:#b5584b}.demo-staff-fields>fieldset{border:0;min-width:0;margin:26px 0;padding:0}.demo-staff-fields fieldset fieldset,.demo-staff-fields article,.demo-staff-card{background:#fff;border:1px solid #0002;border-radius:10px;min-width:0;margin:18px 0;padding:24px}.demo-staff-fields legend{padding:0 8px;font-weight:700}.demo-staff-fields label{margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.demo-staff-fields input:not([type=checkbox]):not([type=radio]),.demo-staff-fields select,.demo-staff-fields textarea{width:100%;max-width:100%;min-height:46px;color:var(--staff-ink);background:#fff;border:1px solid #858a82;border-radius:6px;margin:6px 0 0;padding:11px 12px;line-height:1.4;display:block}.demo-staff-fields input[type=checkbox],.demo-staff-fields input[type=radio]{vertical-align:middle;width:22px;height:22px;accent-color:var(--staff-accent);margin-right:10px}.demo-staff-fields textarea{resize:vertical;min-height:92px}.demo-staff-fields small,.demo-staff-fields .staff-help{color:#555;margin-top:5px;font-size:13px;font-weight:400;line-height:1.5;display:block}.demo-staff-grid,.demo-staff-fields .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.demo-staff-actions,.demo-staff-save{flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0;display:flex}.demo-staff button{border:1px solid var(--staff-accent);color:#fff;background:var(--staff-accent);cursor:pointer;border-radius:6px;min-height:46px;padding:12px 20px;font-size:14px;font-weight:700}.demo-staff button:disabled{opacity:.48;cursor:not-allowed}.demo-staff .demo-staff-secondary{color:var(--staff-ink);background:0 0;border-color:#777}.demo-staff .demo-staff-text{color:var(--staff-ink);text-underline-offset:4px;background:0 0;border-color:#0000;text-decoration:underline}.demo-staff-reset{border:2px solid var(--staff-accent);background:#fff;border-radius:10px;padding:24px;scroll-margin:24px}.demo-staff-reset button{margin:5px 8px 0 0}.demo-staff-preview{overflow-wrap:anywhere;background:#fff;border:1px solid #0003;border-radius:14px;margin:36px 0;padding:28px;scroll-margin:20px}.demo-staff-preview-heading{border-bottom:1px solid #0002;margin-bottom:24px;padding-bottom:20px}.demo-staff-preview article{border-bottom:1px solid #0002;padding:18px 0}.demo-staff-preview h3{margin:8px 0;font-size:21px}.demo-staff-preview p{max-width:75ch}.demo-staff-preview ul{padding-left:22px}.demo-staff-save{border-top:1px solid #0002;margin-bottom:0;padding-top:24px}.demo-staff-save a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.demo-staff-footer{border-top:1px solid #0002;padding-top:28px;font-size:13px}.demo-staff-footer a{align-items:center;min-height:44px;display:inline-flex}.demo-staff-skip{z-index:100;background:#fff;padding:10px;position:absolute;top:-100px;left:12px}.demo-staff-skip:focus{top:10px}@media (max-width:600px){.demo-staff-header{flex-wrap:wrap;gap:8px;padding:15px 20px}.demo-staff-header span{flex-basis:100%;order:3}.demo-staff-main{padding:30px 18px}.demo-staff-steps{justify-content:space-between;gap:10px;font-size:11px}.demo-staff-steps li{flex-direction:column;align-items:flex-start;gap:6px}.demo-staff-grid,.demo-staff-fields .staff-grid{grid-template-columns:1fr;gap:0}.demo-staff-fields fieldset fieldset,.demo-staff-fields article,.demo-staff-card{padding:18px}.demo-staff-actions button{width:100%}.demo-staff-preview{padding:20px}.demo-staff-save{flex-direction:column;align-items:stretch}.demo-staff-reset button{width:100%;margin:12px 0 0;display:block}.demo-staff h2{font-size:23px}}@media (prefers-reduced-motion:reduce){.demo-staff *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.demo-staff button{border:2px solid buttontext}.demo-staff-status,.demo-staff-preview{border:1px solid canvastext}}