/* Cookie choice strip (consent.js, assets/cc-gate.js). r21: it sits in the page flow at the very top of the page, in
   space of its own, so it never covers anything; it scrolls away with the page like any other content. Fixed heights
   for each screen width, so web fonts and late stylesheets never change its size. In a window (join, dialogs) it is
   the first thing in the window. Self-contained so it looks the same on the app, content and legal pages.
   The strip rules below are generated by qa/r21/cc.py and copied into assets/cc-gate.js: keep them in step */
section.ffc-cc{display:block;position:relative;z-index:31;box-sizing:border-box;width:auto;max-width:none;height:auto;min-height:0;margin:0;padding:0;background:#fbfaf6;color:#14211f;border:0;border-bottom:1px solid #d9d6cb;border-radius:0;box-shadow:none;transform:none;float:none;font:400 14px/20px Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0;text-align:left}
section.ffc-cc[hidden]{display:none}
section.ffc-cc .ffc-cc-in{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;height:63px;margin:0 auto;padding:0 24px;overflow:hidden}
section.ffc-cc .ffc-cc-copy{flex:1 1 auto;min-width:0;margin:0;padding:0}
section.ffc-cc .ffc-cc-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
section.ffc-cc p{margin:0;padding:0;max-width:none;font:400 14px/20px Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0;color:#3b4846}
section.ffc-cc a{display:inline;margin:0;padding:0;font:inherit;color:#0a7562;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
section.ffc-cc .ffc-cc-short{display:none}
section.ffc-cc .ffc-cc-btns{display:flex;flex:0 0 auto;gap:16px;margin:0;padding:0}
section.ffc-cc .ffc-cc-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:112px;height:44px;min-height:44px;min-width:0;margin:0;padding:0 12px;border:2px solid #14211f;border-radius:10px;background:#14211f;color:#fff;font:700 15px/1 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
section.ffc-cc .ffc-cc-btn:hover{background:#0a7562;border-color:#0a7562}
section.ffc-cc .ffc-cc-btn:focus-visible,section.ffc-cc a:focus-visible{outline:3px solid #0e806b;outline-offset:2px}
section.ffc-cc .ffc-cc-btn[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #fbfaf6}
section.ffc-cc .ffc-cc-status{display:none;flex-basis:100%;margin:0;font-size:13px;line-height:18px}
section.ffc-cc .ffc-cc-status:not(:empty){display:block}
section.ffc-cc.ffc-cc-re .ffc-cc-in{height:auto;min-height:63px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;row-gap:8px}
.ffc-cc-space{display:block;margin:0;padding:0;border:0}
@media (max-width:899px){section.ffc-cc .ffc-cc-full{display:none}section.ffc-cc .ffc-cc-short{display:block}}
@media (max-width:599px){section.ffc-cc .ffc-cc-in{gap:12px;padding:0 12px}section.ffc-cc p{font-size:13px;line-height:17px}section.ffc-cc .ffc-cc-btn{width:84px;font-size:14px}}
@media (max-width:374px){section.ffc-cc .ffc-cc-in{height:103px;flex-direction:column;align-items:stretch;justify-content:center;gap:10px}section.ffc-cc .ffc-cc-copy{flex:0 0 auto}section.ffc-cc .ffc-cc-btn{flex:1 1 0;width:auto}}
section.ffc-cc.ffc-cc-inwin{position:static;z-index:auto;margin:0 72px 0 0;border-right:1px solid #d9d6cb;border-radius:0 0 14px 0}
section.ffc-cc.ffc-cc-inwin .ffc-cc-in{height:auto;min-height:0;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:10px;max-width:none;padding:14px 20px}
section.ffc-cc.ffc-cc-inwin .ffc-cc-copy{flex:0 0 auto}
section.ffc-cc.ffc-cc-inwin .ffc-cc-btn{flex:1 1 0;width:auto;max-width:150px}
.auth-modal>section.ffc-cc.ffc-cc-inwin{grid-column:1/-1}
@media (max-width:599px){section.ffc-cc.ffc-cc-inwin{margin-right:68px}section.ffc-cc.ffc-cc-inwin .ffc-cc-in{padding:12px}}
html.ffc-menu-open section.ffc-cc{visibility:hidden}
@media (max-width:374px) and (max-height:600px){html.ffc-cc-pend .hp-hero-copy .hp-position{display:none}}
@media print{section.ffc-cc,.ffc-cc-space{display:none!important}}
[data-cookie-settings]{cursor:pointer}
.ffc-cc-open{min-height:44px;padding:10px 18px;border:2px solid #14211f;border-radius:10px;background:#14211f;color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;cursor:pointer}
.ffc-cc-open:hover{background:#0a7562;border-color:#0a7562}
.ffc-cc-open:focus-visible{outline:3px solid #0e806b;outline-offset:2px}
/* Shared tap targets (every page loads this sheet): footer, nav, breadcrumb and in-text links get a hit area at least
   24px tall with space around it. Padding only, so the text looks the same and lines don't move apart much */
@media (max-width:900px),(pointer:coarse){
  footer a,footer .link-button,nav a,.c-crumbs a,.breadcrumb a{display:inline-block;padding-top:6px;padding-bottom:6px}
  :is(p,li,td,dd,aside,small,figcaption) a:not([class]),footer p a,.hp-link,.c-more,.legal-contact a,.legal-footer a,.hp-blog-head a,.link-button{padding-top:5px;padding-bottom:5px}
}
@media (min-width:901px){.desktop-nav a,.c-nav a{padding-top:5px;padding-bottom:5px}}
/* r22 (Ops D8): stacked footer links on content pages keep at least 8px clear space between their 44px tap areas */
@media (max-width:900px),(pointer:coarse){.c-foot-in a,.c-foot-in .link-button{margin:0 0 8px}}