/* home.css — Closing Claims homepage pieces: header, service + territory picker, audiences, footer.
   Colour, type and motion come only from chakras.css tokens. This file arranges boxes. */
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:var(--radius-card)}
.skip-link:focus{left:8px}
.site-header .nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.header-cta{display:flex;align-items:center;gap:18px}
.header-cta .phone{font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap}
.header-cta a.btn{min-height:40px;padding:0 18px;font-size:14px;color:var(--on-action)}
.picker-hero{padding:clamp(28px,4vw,56px) 0 clamp(32px,5vw,64px)}
.picker-head{max-width:68ch;margin-bottom:var(--space-6)}
.picker-head .h1{margin-top:12px;font-size:clamp(28px,4vw,48px);line-height:1.1}
.picker-head .lead{margin-top:14px}
.picker{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:var(--space-5);align-items:stretch}
.picker-panel{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-6)}
.step{display:flex;flex-direction:column;gap:10px}
.step-label{font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.step-label b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--soft);color:var(--link);margin-right:6px;letter-spacing:0}
.svc-chips{display:flex;flex-wrap:wrap;gap:8px}
.svc-chip{font:inherit;font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.svc-chip:hover{border-color:var(--link)}
.svc-chip[aria-pressed="true"]{background:var(--action);border-color:var(--action);color:var(--on-action)}
.zip-form{display:flex;gap:8px}
.zip-form .input{flex:1;min-width:0}
.result{border:1px solid var(--line);background:var(--soft);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.result strong{font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style);font-size:22px;line-height:1.15}
.result p{margin:0;color:var(--ink-soft)}
.tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.tags li{font-size:12.5px;padding:3px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-soft)}
.tags li.hit{background:var(--action);border-color:var(--action);color:var(--on-action)}
.picker-note{margin:0;color:var(--ink-soft)}
.picker-map{position:relative;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;min-height:480px;background:var(--surface)}
#home-map{position:absolute;inset:0}
.map-jump{position:absolute;top:12px;left:12px;z-index:500;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}
.map-jump button{font:inherit;font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer}
.map-jump button:hover{border-color:var(--link)}
.map-key{position:absolute;left:12px;bottom:12px;z-index:500;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:6px 10px;color:var(--ink-soft);max-width:calc(100% - 24px)}
.key-dot{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--action);opacity:.5;margin-right:4px}
.picker-map .leaflet-container{background:var(--surface);font-family:var(--font-body)}
.hero-facts{margin-top:var(--space-5)}
.aud{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.aud p{color:var(--ink-soft);margin:0}
.aud-list{margin:0;padding-left:18px;color:var(--ink-soft);line-height:1.6;flex:1}
.card-link{margin-top:auto;font-weight:600;color:var(--link);text-decoration:none}
.card-link:hover{text-decoration:underline}
.legal-page{max-width:760px}
.legal-page .h2{margin-top:var(--space-6);font-size:22px}
.legal-page p{margin-top:8px;color:var(--ink-soft);line-height:1.65}
/* footer */
.share-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;padding:var(--space-5) var(--space-6);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--soft);margin-bottom:var(--space-7)}
.share-title{font-family:var(--font-display);font-weight:var(--display-weight);font-style:var(--display-style);font-size:22px}
.share-copy{margin:4px 0 0;color:var(--ink-soft);max-width:52ch}
.share-actions{display:flex;flex-wrap:wrap;gap:8px}
.share-actions .btn{min-height:40px;padding:0 16px;font-size:14px}
.share-status{flex-basis:100%;min-height:1em;color:var(--ink-soft)}
.footer--map{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:var(--space-6)}
.site-footer .footer-col a{color:var(--ink-soft);text-decoration:none}
.site-footer .footer-col a:hover{color:var(--link);text-decoration:underline}
.site-footer .footer-col strong{margin-bottom:2px}
.legal{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line);display:grid;gap:10px;font-size:13px;line-height:1.6;color:var(--ink-soft);max-width:110ch}
.legal p{margin:0}
.legal a{color:var(--link)}
@media (max-width:1000px){.footer--map{grid-template-columns:1fr 1fr}.footer--map>.footer-col:first-child{grid-column:1/-1}}
@media (max-width:860px){
.picker{grid-template-columns:1fr}
.picker-map{min-height:380px}
.header-cta .phone{display:none}
.hero-art{display:none}
}
@media (max-width:520px){.footer--map{grid-template-columns:1fr}.picker-panel{padding:var(--space-5)}}

/* universal footer (chakra-shell) keeps these as full-width rows */
.ee-pf-col:has(.share-box),.ee-pf-col:has(.legal){grid-column:1/-1}
.header-cta a:not(.btn){font-weight:500;color:var(--ink);text-decoration:none}