/* Wit & Folly Site Chrome v1.2 — Direction D shared header + footer, CHROME ONLY.
   Every rule is scoped under body.wf-v12 (no global resets, no body/page restyling) so un-redesigned page bodies are untouched.
   Tokens and values are the approved v1.1 chrome.css values. */
body.wf-v12{
  --bone:#f4f1ea;--ink:#1b1a16;--butter:#f5d78e;--pine:#12241f;--paper:#fbf9f2;--hair:#e4ddcb;--hand:#8a5a12;
  --link-hover:#2e5f52;--wf-gutter:48px;--wf-mv-reserve:0px;
  --wf-sans:'Hanken Grotesk',system-ui,sans-serif;--wf-serif:'Source Serif 4',Georgia,serif;--wf-spring:cubic-bezier(.34,1.56,.64,1);
}
body.wf-v12 .wf-d,body.wf-v12 .wf-d *{box-sizing:border-box}
body.wf-v12 .wf-d a{color:inherit;text-decoration:none}
body.wf-v12 .wf-d .sr,body.wf-v12 .wf-skip.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.wf-v12 .wf-skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;background:var(--ink);color:var(--bone);padding:10px 14px;font:600 14px var(--wf-sans);text-decoration:none}
body.wf-v12 .wf-d a:focus-visible,body.wf-v12 .wf-d button:focus-visible{outline:2px solid var(--link-hover);outline-offset:2px}
body.wf-v12 .site-footer.wf-d a:focus-visible{outline-color:var(--butter)}

/* header: full-width bone band; content is capped at 1600px via side padding (no 100vmax tricks -> no scrollable overflow,
   no clipping of the mobile menu panel). Not sticky -> no Mediavine adhesion conflict. */
body.wf-v12 .site-header.wf-d{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;
  padding:26px max(var(--wf-gutter),calc((100% - 1600px)/2 + var(--wf-gutter)));position:relative;z-index:20;
  background:var(--bone);color:var(--ink);font-family:var(--wf-sans);line-height:1.5;-webkit-font-smoothing:antialiased;border:0;border-bottom:1px solid var(--hair)}
body.wf-v12 .wf-d .wordmark{font-weight:750;font-size:19px;letter-spacing:-.01em;color:var(--ink)}
body.wf-v12 .wf-d .wordmark:hover{color:var(--ink)}
body.wf-v12 .site-header.wf-d .nav{display:flex;gap:30px;font-size:15px;font-weight:500}
body.wf-v12 .site-header.wf-d .nav a{display:inline-block;padding:8px 0;color:var(--ink);transition:transform .25s var(--wf-spring),color .2s}
body.wf-v12 .site-header.wf-d .nav a:hover{color:var(--link-hover)}
body.wf-v12 .site-header.wf-d .nav a[aria-current="page"]{border-bottom:1px solid var(--ink);padding-bottom:2px}
body.wf-v12 .site-header.wf-d .nav a.nav-boba:hover{transform:translateY(-7px) rotate(-8deg);color:var(--hand)}
body.wf-v12 .site-header.wf-d .menu-btn{display:none;background:none;border:0;border-radius:0;box-shadow:none;font:inherit;font-size:22px;line-height:1;padding:8px;cursor:pointer;min-width:44px;min-height:44px;color:var(--ink)}

/* footer */
body.wf-v12 .site-footer.wf-d{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;position:relative;width:100%;margin:0;
  background:var(--ink);color:var(--bone);padding:44px var(--wf-gutter);padding-bottom:calc(44px + var(--wf-mv-reserve));font-family:var(--wf-sans);font-size:16px;line-height:1.5;text-align:left;-webkit-font-smoothing:antialiased}
body.wf-v12 .site-footer.wf-d>div:first-child{flex:0 0 auto}
body.wf-v12 .site-footer.wf-d .wf-foot-links{flex:1 1 auto;min-width:0}
body.wf-v12 .site-footer.wf-d a{color:var(--bone)}
body.wf-v12 .site-footer.wf-d a:hover{color:var(--butter)}
body.wf-v12 .site-footer.wf-d .wordmark{display:block;font-weight:750;font-size:19px;letter-spacing:-.01em;color:var(--bone)}
body.wf-v12 .site-footer.wf-d small{display:block;font-size:12px;color:#9a948a;margin-top:6px}
body.wf-v12 .site-footer.wf-d .footer__links{display:flex;gap:0 36px;font-size:14px;flex-wrap:wrap}
body.wf-v12 .site-footer.wf-d .footer__links a{display:inline-block;padding:4px 0}
body.wf-v12 .site-footer.wf-d .tag{font:italic 16px var(--wf-serif);color:#9a948a}
body.wf-v12 .wf-d .wf-places{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:18px;font:13px var(--wf-sans);color:#9a948a}
body.wf-v12 .wf-d .wf-places__label{font:600 11px var(--wf-sans);letter-spacing:.16em;text-transform:uppercase;color:#9a948a;align-self:center}
body.wf-v12 .site-footer.wf-d .wf-places a{color:#c9c4b6;padding:4px 0}
body.wf-v12 .wf-d .wf-legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;margin-top:14px;font:12px var(--wf-sans);color:#9a948a}
body.wf-v12 .site-footer.wf-d .wf-legal a{color:#9a948a;padding:4px 0}
body.wf-v12 .site-footer.wf-d .wf-legal a:hover{color:var(--butter)}

/* retired GP leftovers that can still print empty wrappers */
body.wf-v12 .wf-gp-footer-retired{display:none}
body.wf-v12 .mobile-menu-control-wrapper,body.wf-v12 #mobile-header,body.wf-v12 .slideout-overlay{display:none}

@media (max-width:1180px){body.wf-v12{--wf-gutter:32px}}
@media (max-width:767px){
  body.wf-v12{--wf-gutter:20px}
  body.wf-v12 .site-header.wf-d{padding:14px var(--wf-gutter)}
  body.wf-v12 .site-header.wf-d .wordmark{display:inline-flex;align-items:center;min-height:44px}
  body.wf-v12 .site-header.wf-d .menu-btn{display:block}
  body.wf-v12 .site-header.wf-d .nav{display:none}
  body.wf-v12 .site-header.wf-d .nav.is-open{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:var(--bone);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:8px var(--wf-gutter) 12px;box-shadow:0 12px 24px rgba(27,26,22,.08)}
  body.wf-v12 .site-header.wf-d .nav.is-open a{padding:12px 0;min-height:44px;font-size:17px;border-bottom:1px solid var(--hair)}
  body.wf-v12 .site-header.wf-d .nav.is-open a:last-child{border-bottom:0}
  body.wf-v12 .site-header.wf-d .nav.is-open a[aria-current="page"]{border-bottom:1px solid var(--hair);padding-bottom:12px;font-weight:700}
  body.wf-v12 .site-footer.wf-d{padding:16px var(--wf-gutter);padding-bottom:calc(16px + var(--wf-mv-reserve));flex-direction:column;gap:12px}
  body.wf-v12 .site-footer.wf-d .footer__links{gap:4px 16px;font-size:12px}
  body.wf-v12 .site-footer.wf-d .footer__links a{padding:10px 0}
  body.wf-v12 .wf-d .wf-places{gap:0 16px;margin-top:8px;font-size:12px}
  body.wf-v12 .site-footer.wf-d .wf-places a{padding:10px 0}
  body.wf-v12 .site-footer.wf-d .wf-browse a{display:inline-flex;align-items:center;min-height:44px;padding:0} /* 1.2.0-stg.3: Browse row tap targets >=44px */
  body.wf-v12 .site-footer.wf-d .wf-browse{row-gap:4px} /* 1.2.0-stg.5: wrapped Browse links no longer touch (0px gap at 390) */
  body.wf-v12 .site-footer.wf-d .wf-legal a{padding:10px 0}
  body.wf-v12 .wf-d .wf-legal{margin-top:4px}
}
@media (prefers-reduced-motion:reduce){body.wf-v12 .site-header.wf-d .nav a{transition:none}}