/* v2-restyle-4-final shared stylesheet (Grant 10:36 AM approvals 1-5, Walt 10:25 / 10:38 conditions). Oct 27 2026.
   Loaded by ONE same-origin <link> per page, after the existing style.8f74f58ed0.css / listings.css / cards13.css.
   Styles the v2 header (.hd) + no-JS <details> menu, the v2 footer (.ft), page content, the finder card layout
   (one layout for every finder card: featured and free cards get identical card styling; the only Featured-specific
   rule is the "Featured (ad)" label pill itself) and the finder service-chip row.
   No CSS "content" property anywhere in this file. The only display:none rules are [hidden] and the responsive swap of
   the desktop .nav row for the Menu button (every .nav link is also in the Menu panel). Palette = hank-v2 tokens. */
:root{--sky:#1A8CE0;--skyd:#0A6CBF;--deep:#0B5FA8;--tint:#E8F4FD;--light:#7CC4F6;--ink:#13232C;--ink2:#33444F;--muted:#5B6B76;--line:#E2E9EF;--bg:#F5F8FB;--amb:#B45309;--ambbg:#FFF4E2;--ambln:#F5C97A;--r:16px;
 --sh:0 1px 2px rgba(19,35,44,.06),0 8px 24px rgba(19,35,44,.07);--shh:0 2px 4px rgba(19,35,44,.08),0 16px 40px rgba(19,35,44,.14);
 --brand:#0A6CBF;--brand-dark:#0B5FA8;--soft:#F5F8FB;--fld:#6B7A83;--err:#B00020;--focus:#0B5FA8}
[hidden]{display:none!important}
html body{font:16.5px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink2);background:#fff}
body h1,body h2,body h3,body legend{font-family:Poppins,Inter,system-ui,sans-serif;color:var(--ink);letter-spacing:-.015em}
body a{color:var(--skyd)}body a:hover{color:var(--deep)}
body :focus-visible{outline:3px solid var(--focus);outline-offset:2px;box-shadow:none}
body .wrap{max-width:1200px;padding:0 32px}
body main>.wrap{max-width:860px}
body .skip{border-radius:10px;border:2px solid var(--skyd);color:var(--skyd)}

/* page head: light v2 hero band behind the first heading */
body main{padding:0 0 64px;background:linear-gradient(180deg,#F2F8FD 0,#fff 260px)}
body main>.wrap{padding-top:40px}
body main h1{font-size:40px;font-weight:700;line-height:1.15;margin:0 0 14px}
body main h2{font-size:26px;font-weight:700;line-height:1.2;margin:40px 0 12px}
body main h3{font-size:19px;font-weight:600;line-height:1.3}
body .lede{font-size:18px;color:var(--ink2);max-width:780px;margin:0 0 20px}
body .muted{color:var(--muted)}
body main ul{padding-left:22px}body main li{margin:6px 0}

/* shared content blocks */
body .card{background:#fff;border:0;border-radius:var(--r);box-shadow:var(--sh);padding:24px 26px}
body .box{background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--light);border-radius:0 12px 12px 0;padding:12px 16px;color:var(--ink2)}
body .note{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:15px;color:var(--ink2)}
body .cite{font-size:13.5px;color:var(--muted)}
body .checked{font-size:14px;color:var(--muted);border-left:3px solid var(--light)}
body main blockquote{background:var(--bg);border-left:4px solid var(--light);border-radius:0 12px 12px 0;padding:12px 16px}
body main blockquote.top-warning{background:#FFF8E6;border-left-color:#E0A100}
body .sources{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:16px 22px;margin-top:40px;font-size:15px}
body .sources h2{font-size:18px;margin:4px 0 8px}
body .about-page h2,body .disclaimers h2{font-size:20px}
body .disclaimers .banner{background:#EEF4F8;border:0;border-radius:12px;font-size:14px}
body .disclaimers .banner .wrap{max-width:none;padding:12px 16px}

/* buttons (v2 .btn.p / .btn.s) */
body .claimform button,body .btn.solid,body .btn.call{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 22px;border:0;border-radius:12px;background:var(--skyd);color:#fff;font:600 15px/1.2 Inter,system-ui,sans-serif;box-shadow:0 6px 16px rgba(10,108,191,.28);text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
body .claimform button:hover,body .btn.solid:hover,body .btn.call:hover{background:var(--deep);color:#fff;transform:translateY(-1px)}
body .claimform button:disabled,body .claimform button:disabled:hover{background:#D5DEE5;color:#4A5964;box-shadow:none;transform:none;cursor:not-allowed}
body main .btn{border-radius:12px;font-weight:600}

/* forms (claim-listing, featured-checkout) */
body .claimform{max-width:none}
body .claimform label{font-weight:600;color:var(--ink);font-size:15px;margin:18px 0 0}
body .claimform input[type=text],body .claimform input[type=email],body .claimform input[type=tel],body .claimform input[type=url],body .claimform select,body .claimform textarea{max-width:560px;min-height:48px;margin-top:6px;padding:10px 14px;border:1.5px solid var(--fld);border-radius:12px;background:#fff;color:var(--ink);font:16px/1.4 Inter,system-ui,sans-serif;transition:border-color .15s,box-shadow .15s}
body .claimform textarea{min-height:120px}
body .claimform input:focus,body .claimform select:focus,body .claimform textarea:focus{border-color:var(--skyd);box-shadow:0 0 0 4px rgba(10,108,191,.15);outline:none}
body .claimform input:focus-visible,body .claimform select:focus-visible,body .claimform textarea:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
body .claimform fieldset{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);margin:24px 0;padding:14px 18px 16px}
body .claimform legend{font-size:16px;font-weight:600;padding:0 8px;margin-left:-8px;background:#fff;border-radius:8px}
body .claimform label.inline{font-weight:400;font-size:15.5px;color:var(--ink2);margin:2px 0;gap:12px;align-items:flex-start;padding:10px 0;min-height:44px}
body .claimform label.inline>input{margin-top:1px}
body .claimform input[type=checkbox],body .claimform input[type=radio]{accent-color:var(--skyd);width:20px;height:20px}
body .countygrid{background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 12px;gap:0 16px;max-height:22rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
body .countygrid label.inline{padding:6px 0;margin:0;border-bottom:1px solid #EEF2F5;align-items:center}
body .claimform label.inline:has(input:checked){color:var(--ink);font-weight:600}
body .claimform [aria-invalid=true]{border-color:var(--err)!important;outline:2px solid var(--err)}
body .errors{border:1.5px solid var(--err);border-left-width:4px;border-radius:0 12px 12px 0;background:#FFF5F5;padding:12px 16px}
body .fielderr{color:var(--err)}
body #lf-status,body #fc-status,body #fc-manage-status{margin-top:10px;font-weight:600}

/* featured-checkout specifics */
body #fc-a10{background:var(--ambbg);border:1px solid var(--ambln);border-radius:12px;padding:12px 16px;color:#5F3A06;font-size:15px}
body #fc-a10 a{color:#7A4A0A}
body .checkout-disclosure{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:14.5px;line-height:1.6;color:var(--ink2);margin:12px 0}
body #fc-billing label.inline{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin:8px 0}
body #fc-billing label.inline:has(input:checked){border-color:var(--skyd);box-shadow:0 0 0 3px var(--tint)}
body label.inline[for=fc-autorenew]{background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;margin:14px 0}
body .plan-if{color:var(--ink)}
body #fc-done{background:var(--bg);border-radius:var(--r);padding:18px 22px;margin-top:20px}

/* finder (find-inspector): filters + cards (v2 .lc look; existing images untouched) */
body .filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px 14px;align-items:end;margin:0}
body .filters label{grid-row:1;min-height:0;margin:0;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
body .filters select,body .filters input[type=search]{grid-row:2;width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--fld);border-radius:12px;background:#fff;color:var(--ink);font:16px/1.3 Inter,system-ui,sans-serif}
body .filters #f-county-note{grid-column:1/-1;grid-row:3;font-size:14px;margin:6px 0 0}
body #featured{border:0;border-radius:0;padding:0;margin:32px 0 0}
body #featured h2,body #free h2{font-size:24px;margin:8px 0 8px}
body .listings{gap:16px;margin:16px 0}
body .listing{border:0;border-radius:var(--r);background:#fff;box-shadow:var(--sh);padding:20px 22px;transition:box-shadow .18s,transform .18s}
body .listing:hover{box-shadow:var(--shh);transform:translateY(-2px)}
body .listing h3{font-size:19px;font-weight:600;color:var(--ink);margin:0 0 6px}
body .listing img.logo{border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);background:#fff}
body .listing .photos img{border-radius:10px}
body .listing.unclaimed{padding:18px 22px}
body .listing.unclaimed h3{font-size:18px}
body .listing.unclaimed .where{color:var(--ink2);font-size:15px}
body .listing.unclaimed .svc{gap:6px;margin:10px 0}
body .listing.unclaimed .svc .adv{font-size:13px;color:var(--muted)}
body .listing.unclaimed .chip{font-size:13px;line-height:1.3;padding:5px 10px;border:0;border-radius:8px;background:var(--bg);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line)}
body .listing.unclaimed .pond-desc{font-size:14.5px;color:var(--ink2)}
body .listing.unclaimed .unclaimed-note{font-size:13px;color:var(--muted);padding-top:10px;border-top:1px solid #EEF2F5;margin-top:12px}
body .listing.unclaimed .contact{font-size:15px;font-weight:600}
body .listing.unclaimed details.areas summary{color:var(--skyd);font-size:14.5px}
body .unclaimed-key{background:var(--bg);border-left:4px solid var(--light);border-radius:0 12px 12px 0;color:var(--ink2);font-size:14.5px}
body #f-count{font-weight:600;color:var(--ink2)}

/* templates: form cards, tags, download buttons (replaces page <style> brand/green colors) */
body .forms{gap:16px}
body .forms .form{border:0;border-radius:var(--r);background:#fff;box-shadow:var(--sh);padding:20px 22px;display:flex;flex-direction:column}
body .forms .form h3{font-size:17.5px;font-weight:600;color:var(--ink);margin:0 0 6px}
body .forms .form .meta{font-size:14px;color:var(--muted)}
body .forms .form .tag{font-size:12px;font-weight:600;padding:3px 9px;border:0;border-radius:8px;background:var(--bg);color:var(--ink2);box-shadow:inset 0 0 0 1px var(--line)}
body .forms .form .tag.off{background:var(--tint);color:var(--deep);box-shadow:inset 0 0 0 1px #BFDDF5}
body .forms .form .tag.warn{background:var(--ambbg);color:#7A4A0A;box-shadow:inset 0 0 0 1px var(--ambln)}
body main a.dl{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:48px;margin-top:auto;padding:12px 20px;border:0;border-radius:12px;background:var(--skyd);color:#fff;font:600 15px/1.2 Inter,system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 16px rgba(10,108,191,.28)}
body .forms .form>p:last-of-type{margin-bottom:14px}
body main a.dl:hover,body main a.dl:focus{background:var(--deep);color:#fff;text-decoration:none}
body main a.dl.alt{background:#fff;color:var(--skyd);box-shadow:inset 0 0 0 1.5px #BFDDF5}
body main a.dl.alt:hover,body main a.dl.alt:focus{background:var(--tint);color:var(--skyd)}
body main a.dl+a.dl{margin-top:8px}

/* finder: the old page wraps filters + both result sections in one .card; flatten it so cards are not nested in a card */
body main .card:has(> #f-form){background:none;box-shadow:none;border:0;border-radius:0;padding:0}
body main .card > #f-form{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:18px 20px 16px}

/* ===== v2 header (.hd), markup from Cody's preview-v2 header + the existing <details class="menu"> ===== */
body .skip{position:absolute;left:8px;top:-80px;z-index:40;background:#fff;padding:10px 14px;font-weight:700;text-decoration:none}
body .skip:focus{top:8px}
body .hd{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
body .hd .wrap{display:flex;align-items:center;min-height:72px;gap:28px;position:relative;margin:0 auto}
body .hd .brand{display:flex;align-items:center;text-decoration:none;min-height:44px}
body .hd .brand .logo{display:block;order:0;min-height:0;height:32px;width:auto}
body .hd .nav{display:flex;gap:26px;margin-left:auto}
body .hd .nav a{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px;display:inline-flex;align-items:center;min-height:44px}
body .hd .nav a:hover,body .hd .nav a.on{color:var(--skyd)}
body .hd .nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--skyd)}
body .btn.p,body .btn.s{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none;border:0;border-radius:12px;padding:14px 20px;min-height:44px;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}
body .btn.p{background:var(--skyd);color:#fff;box-shadow:0 6px 16px rgba(10,108,191,.28)}
body .btn.p:hover{background:var(--deep);color:#fff;transform:translateY(-1px)}
body .btn.s{background:#fff;color:var(--skyd);box-shadow:inset 0 0 0 1.5px #BFDDF5}
body .btn.s:hover{background:var(--tint);color:var(--skyd)}
body .btn.sm{padding:10px 14px;font-size:14px;border-radius:10px}
body .hd .btn.p[aria-current]{box-shadow:0 0 0 3px #BFDDF5,0 6px 16px rgba(10,108,191,.28)}
body .hd details.menu{position:static}
body .hd details.menu summary.menu-btn{border:0;border-radius:12px;background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);font:600 15px/1 Inter,system-ui,sans-serif;min-height:44px}
body .hd details.menu[open] summary.menu-btn,body .hd details.menu summary.menu-btn:hover{background:var(--tint);box-shadow:inset 0 0 0 1.5px #BFDDF5}
body .hd .menu-panel{position:absolute;top:100%;right:32px;left:auto;width:22rem;margin-top:6px;border:0;border-radius:var(--r);background:#fff;box-shadow:var(--shh);padding:10px;max-height:calc(100vh - 90px);overflow:auto}
body .hd .menu-h{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
body .hd .menu-panel a{color:var(--ink2);font-size:15px;border-radius:10px}
body .hd .menu-panel a:hover{background:var(--tint);color:var(--skyd);text-decoration:none}
body .hd .menu-panel a[aria-current]{background:var(--tint);color:var(--skyd);font-weight:600;box-shadow:inset 3px 0 0 var(--skyd)}

/* ===== v2 footer (.ft), markup from Cody's preview-v2 footer + Report an error / Request removal / Tell us ===== */
body .ft{background:#0E1C24;color:#B7C6D0;padding:64px 0 40px;font-size:14.5px;line-height:1.6}
body .ft .wrap{margin:0 auto}
body .ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
body .ft .logo{display:block;order:0;min-height:0;height:30px;width:auto}
body .ft .tag{margin:16px 0 0;max-width:320px}
body .ft h4{color:#fff;font:600 14px/1.3 Poppins,Inter,system-ui,sans-serif;margin:0 0 14px}
body .ft a{color:#B7C6D0;text-decoration:none}
body .ft .cols a{display:block;padding:4px 0}
body .ft a:hover{color:#fff;text-decoration:underline}
body .ft .disc{margin:40px 0 0;padding-top:24px;border-top:1px solid #22343F;font-size:13px;line-height:1.6;color:#8FA2AF}
body .ft .disc strong{color:#fff}
body .ft .disc a{color:#fff;text-decoration:underline}
body .ft .legal{list-style:none;display:flex;flex-wrap:wrap;gap:0 18px;margin:14px 0 0;padding:0;font-size:13.5px}
body .ft .legal li{margin:0}
body .ft .legal a{display:inline-flex;align-items:center;min-height:44px;color:#DCE6EC}
body .ft .idea{margin:4px 0 0;font-size:13.5px;color:#8FA2AF}
body .ft .idea a{color:#DCE6EC;text-decoration:underline}

/* ===== finder cards: mockup results.html .lc card look, ONE layout for every li.listing (Walt cond. 3) ===== */
body .listing,body .listing.featured,body .listing.unclaimed{border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:var(--sh);padding:20px 22px 18px}
body .listing:hover,body .listing.featured:hover,body .listing.unclaimed:hover{box-shadow:var(--shh);transform:translateY(-2px)}
body #featured{border:0;background:none}
body .listing h3,body .listing.unclaimed h3{font-size:19px;font-weight:600;color:var(--ink);margin:0 0 6px}
body .listing .paidtag{display:inline-flex;align-items:center;margin:0 0 8px;padding:5px 9px;border:1px solid var(--ambln);border-radius:7px;background:var(--ambbg);color:#7A4A0A;font-size:12.5px;line-height:1}
body .listing .paidtag strong{font-weight:700}
body .listing .where,body .listing .svc,body .listing>p{font-size:15px;color:var(--ink2)}
body .listing .where{padding-left:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6B76' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E") 0 .2em/16px 16px no-repeat}
body .listing .contact{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:14px 0 0;padding-top:12px;border-top:1px solid #EEF2F5;font-size:15px;font-weight:600}
body .listing .contact a{text-decoration:none}
body .listing .contact a:hover{text-decoration:underline}
body .listing .contact .btn.call{min-height:44px;padding:10px 16px;font-size:14px;border-radius:10px}
body .listing .unclaimed-note{border-top:0;padding-top:0;margin-top:10px}

/* ===== finder service-chip row (approval 2; active chip carries aria-current="page") + compat K1 chip states ===== */
body .v2chips{margin:16px 0 0}
body .v2chips-h{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}
body .v2chips .chips{display:flex;flex-wrap:wrap;gap:8px}
body .v2chips .chip{display:inline-flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 16px;border-radius:999px;border:1.5px solid #5B6B76;background:#fff;color:#33444F;font-size:14.5px;line-height:1.3;text-decoration:none}
body .v2chips .chip:hover{background:var(--tint);color:var(--ink)}
body .v2chips .chip:active{background:#D3E9FA;border-color:var(--skyd)}
body .v2chips .chip[aria-current="page"]{background:#0A6CBF;border-color:#0A6CBF;color:#fff;font-weight:600}
body .v2chips .chip:focus-visible{outline:3px solid #0B5FA8;outline-offset:2px}
@media (forced-colors:active){body .v2chips .chip[aria-current="page"]{border-width:3px}}

@media (min-width:761px){
 body .hd details.menu{margin-left:0}
 body .countygrid{grid-template-columns:repeat(4,1fr)}
 body .forms .form{min-height:100%}
}
@media (max-width:760px){
 body .wrap{padding:0 20px}
 body .hd .wrap{min-height:62px;gap:10px}
 body .hd .nav{display:none}
 body .hd .btn.p.sm{margin-left:auto}
 body .hd .brand .logo{height:28px}
 body .hd .menu-panel{left:12px;right:12px;width:auto}
 body .ft{padding:48px 0 32px}
 body .ft .cols{grid-template-columns:1fr 1fr;gap:24px}
 body .ft .cols>div:first-child{grid-column:1/3}
 body .ft .cols a{min-height:44px;display:flex;align-items:center;padding:0}
 body main>.wrap{padding-top:24px}
 body main h1{font-size:30px}
 body main h2{font-size:22px;margin-top:32px}
 body .lede{font-size:17px}
 body .card{padding:18px 16px;border-radius:14px}
 body .claimform fieldset{padding:10px 12px 12px}
 body .countygrid{grid-template-columns:1fr 1fr;max-height:24rem}
 body .filters{grid-template-columns:1fr;gap:4px}
 body .filters label,body .filters select,body .filters input[type=search],body .filters #f-county-note{grid-row:auto;grid-column:1}
 body .filters select+label,body .filters input+label{margin-top:10px}
 body .listing,body .listing.featured,body .listing.unclaimed{padding:16px}
 body main .card > #f-form{padding:14px 14px 12px}
 body .listing img.logo{max-width:64px}
 body .forms .form{padding:16px}
 body main a.dl{display:flex;width:100%;align-self:stretch}
 body .v2chips .chip{font-size:14px;padding:10px 14px}
}
@media (max-width:400px){
 body .hd .wrap{gap:8px}
 body .hd .btn.p.sm{padding:10px 12px}
 body .hd details.menu summary.menu-btn{padding:0 10px}
}
@media (prefers-reduced-motion:reduce){body *{transition:none!important}body .listing:hover,body .btn.p:hover,body .claimform button:hover{transform:none}}
@media print{body .hd{position:static}body main{background:none}}

/* cand-27c (Nov 2 2026): anchor targets clear the sticky .hd header (measured 63px at 390 wide, 73px at 1280; 84px clears both). */
:root{--anchor-offset:84px}h1[id],h2[id],h3[id],h4[id],h5[id],h6[id],:target{scroll-margin-top:var(--anchor-offset)}