/* PENDING-HANK (cand-9, Walt 10:38 fix 3): the skip-link rules copied byte for byte from the old site stylesheet. No text. */
.skip{position:absolute;left:8px;top:-60px;background:#fff;color:var(--ink);padding:10px 14px;z-index:10;border:2px solid var(--ink);font-weight:700}
.skip:focus{top:8px}
/* PENDING-WALT (Hank 12:11 PM ET Oct 27, option 2): the mobile-menu and footer-legal rules copied byte for byte from v2-restyle-4-final.ed24e807ab.css (lines 143-150, 165-167; @media lines 198, 208, 233). No text. */
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)}
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}
@media (min-width:761px){
 body .hd details.menu{margin-left:0}
}
@media (max-width:760px){
 body .hd .menu-panel{left:12px;right:12px;width:auto}
}
@media (max-width:400px){
 body .hd details.menu summary.menu-btn{padding:0 10px}
}
/* 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}
}