/* Sell Your Land: the state map and the land form. */
.sl-form{max-width:1040px; margin:0 auto;}
.sl-step{border:0; margin:0 0 clamp(36px,5vw,56px); padding:0; min-width:0;}
.sl-step legend{display:flex; align-items:baseline; gap:14px; padding:0; margin:0 0 22px; font-family:var(--display); font-weight:800; font-size:clamp(20px,2.4vw,26px); letter-spacing:-0.01em; color:var(--ink);}
.sl-step legend .n{font-size:11px; font-weight:700; letter-spacing:0.22em; color:var(--ink-label); text-transform:uppercase; flex:0 0 auto;}
.sl-hint{font-size:14px; color:var(--ink-body); margin:-10px 0 18px; max-width:62ch;}

.usmap{position:relative; background:var(--ink); padding:clamp(14px,3vw,34px); border:1px solid var(--ink);}
.usmap-svg{display:block; width:100%; height:auto; overflow:visible;}
.usmap .st{fill:#1C1C20; stroke:#3A3A40; stroke-width:.8; cursor:pointer; transition:fill .25s var(--ease), stroke .25s var(--ease); outline:none;}
.usmap .st:hover,.usmap .st:focus-visible{fill:#45444A; stroke:var(--platinum);}
.usmap .st.on{fill:var(--white); stroke:var(--white);}
.usmap .st.home{fill:#2E2E33;}
.usmap .st.home.on{fill:var(--white);}
.usmap-pulse{fill:var(--white); pointer-events:none;}
.usmap-pulse.ring{fill:none; stroke:var(--white); stroke-width:1.5; transform-box:fill-box; transform-origin:center; animation:slPulse 2.4s ease-out infinite;}
@keyframes slPulse{0%{transform:scale(1); opacity:.8}100%{transform:scale(4); opacity:0}}
.usmap-tip{position:absolute; pointer-events:none; background:var(--white); color:var(--ink); font-family:var(--display); font-weight:700; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; padding:6px 10px; transform:translate(-50%,-130%); white-space:nowrap; opacity:0; transition:opacity .15s ease;}
.usmap-tip.show{opacity:1;}
.usmap-bar{display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; margin-top:16px; color:var(--platinum); font-size:13px;}
.usmap-bar b{font-family:var(--display); font-weight:800; color:var(--white); font-size:15px; letter-spacing:0.02em;}
.usmap-key{display:inline-flex; align-items:center; gap:8px; color:var(--steel); font-size:12px;}
.usmap-key i{width:12px; height:12px; border-radius:50%; background:var(--white); box-shadow:0 0 0 4px rgba(255,255,255,.12);}
.usmap-bar .sl-state-field{margin:0 0 0 auto; min-width:min(260px,100%);}
.usmap-bar .sl-state-field label{color:var(--steel);}
.usmap-bar .sl-state-field select{background-color:var(--white);}
@media (max-width:640px){ .usmap-bar .sl-state-field{margin-left:0; width:100%;} }

.sl-types{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--rule-light); border:1px solid var(--rule-light); margin-bottom:22px;}
.sl-type{position:relative; display:block; background:var(--white); padding:clamp(20px,2.6vw,30px); cursor:pointer; transition:background .25s var(--ease);}
.sl-type input{position:absolute; opacity:0; pointer-events:none;}
.sl-type .t{display:block; font-family:var(--display); font-weight:800; font-size:18px; color:var(--ink); margin-bottom:6px;}
.sl-type .d{display:block; font-size:14px; line-height:1.6; color:var(--ink-body);}
.sl-type::after{content:''; position:absolute; top:18px; right:18px; width:18px; height:18px; border-radius:50%; border:1px solid var(--slate);}
.sl-type:hover{background:#F7F5F0;}
.sl-type:has(input:checked){background:var(--ink);}
.sl-type:has(input:checked) .t{color:var(--white);}
.sl-type:has(input:checked) .d{color:var(--platinum);}
.sl-type:has(input:checked)::after{background:var(--white); border-color:var(--white); box-shadow:inset 0 0 0 4px var(--ink);}
.sl-type:has(input:focus-visible){outline:2px solid var(--ink); outline-offset:2px;}
@media (max-width:560px){ .sl-types{grid-template-columns:1fr;} }
.sl-grid3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px;}
@media (max-width:820px){ .sl-grid3{grid-template-columns:1fr 1fr;} }
@media (max-width:560px){ .sl-grid3{grid-template-columns:1fr;} }

.sl-notice{border:1px solid var(--ink); border-left-width:4px; padding:18px 20px; margin:0 0 22px; background:#F7F5F0;}
.sl-notice strong{display:block; font-family:var(--display); font-weight:800; font-size:12px; letter-spacing:0.2em; text-transform:uppercase; margin-bottom:6px; color:var(--ink);}
.sl-notice p{margin:0; font-size:14.5px; line-height:1.65; color:var(--ink-body); max-width:none;}
.s-ink .sl-notice{background:var(--panel); border-color:var(--white);}
.s-ink .sl-notice strong{color:var(--white);}
.s-ink .sl-notice p{color:var(--platinum);}
.sl-ack{display:flex; gap:12px; align-items:flex-start; margin:0 0 18px; font-size:14px; line-height:1.6; color:var(--ink); cursor:pointer;}
.sl-ack input{flex:0 0 auto; width:20px; height:20px; margin:2px 0 0; accent-color:var(--ink);}
.sl-submit{display:flex; flex-wrap:wrap; align-items:center; gap:14px 24px;}
.sl-submit .btn{width:auto !important; margin:0 !important; min-width:240px;}
.sl-submit .form-note{margin:0;}
.usmap .st.home.on ~ .usmap-pulse{fill:var(--ink);}
.usmap .st.home.on ~ .usmap-pulse.ring{fill:none; stroke:var(--ink);}
@media (hover:none){ .usmap-tip{display:none;} }
