/* A campsite form belongs to the canvas; it is not a marketing landing page. */
.onboarding-start{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #d8d7ca;border-radius:16px;padding:30px;background:#faf9f3;color:#30352a;box-shadow:0 18px 70px #30352a26}
.onboarding-start::backdrop{background:#eceee477;backdrop-filter:blur(2px)}
.onboarding-start h2{margin:0 0 6px;font-size:23px;line-height:1.4;letter-spacing:-.6px}
.onboarding-start .onboarding-intro{margin:0 0 24px;font-size:13px;color:#797e6d}
.onboarding-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.onboarding-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;min-width:0}
.onboarding-fields input{width:100%;min-width:0;height:44px;box-sizing:border-box;padding:10px 12px;border:1px solid #d6d9cd;border-radius:7px;background:#fffefa;color:#30352a;font:inherit;font-size:15px}
.onboarding-floor{display:flex;gap:8px;border:0;margin:20px 0;padding:0}
.onboarding-floor legend{padding:0;margin-bottom:8px;font-size:12px;font-weight:600}
.onboarding-floor button{flex:1;min-height:44px;padding:8px 10px;border:1px solid #d6d9cd;border-radius:7px;background:#f3f3eb;color:#727966;font:inherit;font-size:13px;cursor:pointer}
.onboarding-floor button[aria-pressed=true]{border-color:#626e4e;background:#e7ebdc;color:#414f2f;font-weight:700}
.onboarding-floor button::before{content:"";display:block;height:28px;margin-bottom:7px;border-radius:3px;background:#dcd9cf}
.onboarding-floor button[data-surface=grass]::before{background:#a8b592}
.onboarding-floor button[data-surface=deck]::before{background:repeating-linear-gradient(90deg,#c5ac87 0 14px,#a8906d 14px 15px)}
.onboarding-floor button[data-surface=gravel]::before{background:radial-gradient(#aaa99b 1px,transparent 2px) 0 0/5px 5px,#d3d0c2}
.onboarding-unknown{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:12px;line-height:1.6;cursor:pointer}
.onboarding-unknown input{width:18px;height:18px;flex:none;accent-color:#535f3f}
.onboarding-start-footer{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:28px}
.onboarding-start-footer p{font-size:11px;color:#848977;margin:0 0 3px}
.onboarding-replay{border:0;background:transparent;padding:5px 0;color:#6c765a;font-size:12px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.onboarding-start-submit{min-height:44px;flex:none;border:1px solid #535f3f;border-radius:8px;padding:11px 22px;background:#535f3f;color:#fffefa;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.onboarding-error{color:#8d4b32;font-size:12px;line-height:1.6;margin:12px 0 0}
.onboarding-start [hidden]{display:none!important}
.onboarding-start input:focus-visible,.onboarding-start button:focus-visible{outline:2px solid #75855f;outline-offset:2px}
@media(max-width:700px){.onboarding-start{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - 24px);border-radius:18px 18px 0 0;padding:24px 20px max(24px,env(safe-area-inset-bottom))}.onboarding-fields input{font-size:16px}.onboarding-start h2{font-size:22px}.onboarding-unknown{min-height:44px}.onboarding-replay{min-height:44px}.onboarding-start-footer{margin-top:20px}}
.onboarding-recent{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #dedfd3}
.onboarding-recent h3{font-size:12px;font-weight:650;margin:0 0 9px;color:#6d765d}
.onboarding-recent-chips{display:flex;gap:7px;flex-wrap:wrap;max-height:132px;overflow:auto;overscroll-behavior:contain;padding:2px}
.onboarding-recent-chips+.onboarding-recent-chips{margin-top:8px}
.onboarding-recent-chips button{display:flex;align-items:center;gap:7px;min-height:38px;max-width:100%;padding:8px 10px;border:1px solid #d2d7c7;border-radius:8px;background:#f0f2e9;color:#46523b;font:inherit;font-size:12px;text-align:left;cursor:pointer;line-height:1.5;overflow-wrap:anywhere}
.onboarding-recent-chips button:hover{background:#e6ecda;border-color:#9aa98a}
.onboarding-recent-chips i{display:block;width:14px;height:14px;border-radius:3px;flex:none;background:#d3d0c2}
.onboarding-recent-chips i[data-surface=grass]{background:#a8b592}
.onboarding-recent-chips i[data-surface=deck]{background:repeating-linear-gradient(90deg,#c5ac87 0 5px,#a8906d 5px 6px)}
.onboarding-recent-chips i[data-surface=gravel]{background:radial-gradient(#aaa99b 1px,transparent 2px) 0 0/5px 5px,#d3d0c2}
@media(max-width:700px){.onboarding-recent{margin-bottom:20px}.onboarding-recent-chips button{min-height:44px}.onboarding-recent-chips{max-height:108px}}

/* Mobile sheets stay above the visual keyboard; actions remain reachable. */
@media(max-width:700px){
 dialog#onboarding-start{position:fixed;inset:auto 0 var(--kbd,0px);margin:0;width:100%;max-width:none;max-height:calc(var(--vvh,100dvh) - 24px);overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border-radius:18px 18px 0 0;padding:24px 20px 0;}
 .onboarding-start-footer{position:sticky;bottom:0;margin:20px -20px 0;padding:12px 20px max(16px,env(safe-area-inset-bottom));background:var(--camp-surface);box-shadow:0 -10px 10px -6px var(--camp-surface);z-index:1;}
}
/* Lookup line: what the site search found, with its source and Google's search suggestions. */
.onboarding-lookup{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin:14px 0 0;font-size:12px;line-height:1.6;color:#5f6a4c}
.onboarding-lookup.is-busy{color:#848977}
.onboarding-lookup a{color:#535f3f;text-decoration:underline;text-underline-offset:3px}
.onboarding-lookup .lookup-suggest{display:block;width:100%;height:46px;border:0;margin-top:2px;background:transparent}