/* hank-v2-compat-fixes.css: FINAL (v2-restyle-4-final, Oct 27 2026), for Cody. Separate file; append AFTER
   hank-v2-compat.3715cd7a36.css (or merge into it). CSS only: no text, href or attribute changes.
   Revised per Walt 10:38 condition 6: no CSS "content" property anywhere (C4 chevron and C6 counter badge removed),
   and it hides nothing (the earlier .mfilters / .helpbox / summary-marker / scrollbar hides are removed).
   It restores the unverified-fact highlight (C2). Numbers refer to v2-restyle-4/COMPAT-CSS-REVIEW.md. */
/* C1 banner: use the token-based .gbanner colour instead of a stray hex; keep it readable */
.gart .banner{background:var(--tint);color:var(--ink2);line-height:1.55}
/* C2 unconfirmed facts: restore a visible "verify this" highlight (was a yellow box on the old site) */
.gart .unc{font-style:normal;color:#7A4A0A;background:var(--ambbg);box-shadow:inset 0 0 0 1px var(--ambln);border-radius:6px;padding:1px 6px}
/* C3 tables: never crush columns on phones; scroll sideways instead */
.gart .tablewrap{-webkit-overflow-scrolling:touch}
.gart .tablewrap table{min-width:560px;margin:0}
.gart thead th,.gart th[scope=col]{font-weight:600;font-size:14px}
@media (max-width:760px){
 .gart table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14.5px}
 .gart th,.gart td{min-width:8.5rem}
}
/* C4 FAQ summaries: 44px tap target; the browser's own open/closed marker is kept (no generated chevron) */
.gart details.faq{padding:0 16px}
.gart details.faq summary{min-height:44px;padding:10px 0;cursor:pointer}
.gart details.faq summary::marker{color:var(--skyd)}
.gart details.faq[open] summary{border-bottom:1px solid var(--line);margin-bottom:8px}
.gart details.faq summary:focus-visible{outline:3px solid var(--deep);outline-offset:2px;border-radius:6px}
/* C5 first heading inside a card must not add 24px on top of the card padding */
.gart .step>h2:first-child,.gart .step>h3:first-child,.gart .rule-change>h3:first-child{margin-top:0}
/* C6 step cards: v2 accent edge instead of the old number badge (the badge needed generated text, so it is dropped) */
.gart .step{position:relative;border-left:4px solid var(--light)}
/* C7 state buttons: hover + focus + full-width on phones */
.gart .statebtn{min-height:48px;display:inline-flex;align-items:center}
.gart a.statebtn:hover{background:var(--tint);border-color:#BFDDF5}
.gart a.statebtn:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
@media (max-width:760px){.gart ul.states li{flex:1 1 100%}.gart .statebtn{display:flex}}
/* C8 inline code (2 uses) has no style on v2 pages */
.gart code{font-size:.9em;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;padding:0 4px;overflow-wrap:anywhere}
/* C9 .cb in compat is only a margin; scope it so it can't fight hank's .cb filter-row flex rule */
.gart li.cb{display:block}

/* K1 chips on county pages: pressed + selected states (hank already styles [aria-current="page"]) */
.chip:active{background:#D3E8F8;transform:scale(.98)}
.chip[aria-current="page"]:hover{background:var(--deep);color:#fff}
@media (prefers-reduced-motion:reduce){.chip:active{transform:none}}
/* K2 phones: show the sidebar chips (hank-v2 hides the whole #filters aside at <=760px), so the "#filters" jump from
   the mobile bar and the "Filters" pill land on real content. Nothing is hidden by this file. */
@media (max-width:760px){
 .rbody>.side{display:block;min-width:0;margin:0;scroll-margin-top:72px}
 .rbody>.side>h4{margin:0 0 8px}
 .rbody>.side .chips{flex-wrap:wrap;gap:8px;margin:0}
 .rbody>.side .chip{font-size:14px;padding:10px 14px;max-width:100%;border-radius:22px}
 /* K3 the pill row (hrefs now keep the county, approval 3): scroll sideways instead of clipping, 44px targets */
 .mfilters{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .mfilters a{min-height:44px;display:inline-flex;align-items:center}
}
/* PENDING-WALT 30i (Hank, Oct 27 2026): mobile menu button + drop-down polish. Append to hank-v2-chrome AFTER the 30h menu rules
   (the copies of v2-restyle-4-final.ed24e807ab.css lines 143-150, 198, 208, 233, which stay as they are).
   CSS only, every selector starts "body .hd details.menu" or "body .hd .menu-": no generated-content property, no image URLs, no hidden-attribute selectors, no button/listing/paid-tag rules, no text/href/markup change. */
/* button: the existing <summary> as a 44px pill, icon + "Menu" label centred, disclosure marker hidden */
body .hd details.menu summary.menu-btn{list-style:none;display:inline-flex;align-items:center;gap:8px;box-sizing:border-box;height:44px;min-width:44px;margin:0;padding:0 14px;cursor:pointer;color:var(--ink);white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
body .hd details.menu summary.menu-btn::-webkit-details-marker{display:none}
body .hd details.menu summary.menu-btn:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
body .hd details.menu summary.menu-btn span{display:block;font:600 15px/1 Inter,system-ui,sans-serif;color:inherit}
/* icon: the existing 3-bar SVG in ink; when open the bars fold into an X (transform only, so no layout shift) */
body .hd details.menu summary.menu-btn .menu-icon{display:block;flex:none;width:20px;height:20px;fill:currentColor}
body .hd details.menu summary.menu-btn .menu-icon rect{transform-box:fill-box;transform-origin:center;transition:transform .18s ease,opacity .18s ease}
body .hd details.menu[open] summary.menu-btn .menu-icon rect:nth-child(1){transform:translateY(5px) rotate(45deg)}
body .hd details.menu[open] summary.menu-btn .menu-icon rect:nth-child(2){opacity:0}
body .hd details.menu[open] summary.menu-btn .menu-icon rect:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
/* panel: no bullets or indent, no underlines (hover/focus keep the tint cue), 44px rows, thin dividers between groups */
body .hd .menu-panel{z-index:30;overscroll-behavior:contain}
body .hd .menu-panel ul{list-style:none;margin:0;padding:0}
body .hd .menu-panel li{margin:0;padding:0}
body .hd .menu-group+.menu-group{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
body .hd .menu-h{margin:6px 12px 4px;font-weight:600;line-height:1.3}
body .hd .menu-panel a{display:flex;align-items:center;min-height:44px;padding:0 12px;line-height:1.3;text-decoration:none}
body .hd .menu-panel a:focus-visible{outline:3px solid var(--deep);outline-offset:-3px;background:var(--tint);color:var(--skyd);text-decoration:none}
@media (prefers-reduced-motion:reduce){body .hd details.menu summary.menu-btn .menu-icon rect{transition:none}}
/* narrow phones: re-apply ed24e807ab line 233 verbatim so the pill stays 10px-padded and fits beside Get Listed at 360 */
@media (max-width:400px){
 body .hd details.menu summary.menu-btn{padding:0 10px}
}
/* PENDING-WALT 30j-r2 (Hank, Oct 27 2026): replaces 30j. Open mobile menu panel stops above the sticky bottom bar (.mbar).
   Only change from 30j: selector is "html body .hd .menu-panel" (0,2,3 vs 0,2,2) so it beats v2-restyle-4-final.ed24e807ab.css
   line 146 (max-height:calc(100vh - 90px)), which loads AFTER compat-fixes on the 17 restyled pages.
   Append AFTER the 30i block in BOTH hank-v2-chrome and hank-v2-compat-fixes, replacing the 30j block.
   CSS only. No generated-content property, no image URLs, no hidden-attribute selectors, no button/listing/paid-tag/footer rules, no markup change, no :has().
   68px panel top + 65px .mbar + 8px gap = 141px. vh line is the fallback for browsers without dvh. */
@media (max-width:760px){
 html body .hd .menu-panel{max-height:calc(100vh - 141px);max-height:calc(100dvh - 141px);overflow-y:auto;-webkit-overflow-scrolling:touch}
}