/* Phone menu and footer, plus the phone-size adjustments that apply on every page. Loaded last. */
[hidden]{display:none!important}
html.menu-open,html.sheet-open{overflow:hidden}
.scale button{font-size:12px!important;letter-spacing:0!important}
.chk small{font-size:12px!important}
.menu-btn{display:none;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;background:var(--navy-900);color:var(--white);font-size:15px;font-weight:600;white-space:nowrap;transition:background .25s,color .25s,transform .2s var(--ease)}
.menu-btn:active{transform:scale(.96)}
.menu-btn .ic{position:relative;width:18px;height:14px;flex:none}
.menu-btn .ic i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease),opacity .2s,top .3s var(--ease)}
.menu-btn .ic i:nth-child(1){top:0}
.menu-btn .ic i:nth-child(2){top:6px}
.menu-btn .ic i:nth-child(3){top:12px}
.nav.open .menu-btn{background:var(--chalk);color:var(--navy-900)}
.nav.open .menu-btn .ic i:nth-child(1){top:6px;transform:rotate(45deg)}
.nav.open .menu-btn .ic i:nth-child(2){opacity:0}
.nav.open .menu-btn .ic i:nth-child(3){top:6px;transform:rotate(-45deg)}
.nav.open{background:var(--white)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.nav.open .sub{display:none}
.menu{display:none}
.m-search{display:flex;flex-direction:column;gap:8px;padding-bottom:12px}
.m-search label{font-size:13px;font-weight:500;color:var(--grey-500)}
.m-search input{width:100%;height:52px;padding:0 22px;border:1px solid var(--grey-300);border-radius:999px;background:var(--paper);color:var(--navy-900);font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}
.m-search input::placeholder{color:var(--grey-500)}
.m-search input:focus{outline:0;border-color:var(--mint-600);box-shadow:0 0 0 4px var(--mint-50)}
.m-sec{border-bottom:1px solid var(--offwhite)}
.m-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.m-top a{font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em;text-decoration:none;padding:10px 0;transition:color .2s}
.m-top a:hover,.m-top a:active{color:var(--mint-700)}
.m-top .go{font-size:20px;font-weight:700;color:var(--mint-700);padding-right:8px}
.m-tog{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px;border-radius:999px;background:var(--chalk);color:var(--navy-500);font-size:13px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}
.m-tog svg{transition:transform .3s var(--ease)}
.m-tog[aria-expanded="true"]{background:var(--mint-50);color:var(--mint-700)}
.m-tog[aria-expanded="true"] svg{transform:rotate(180deg)}
.m-list{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.m-list.open{grid-template-rows:1fr}
.m-list>div{overflow:hidden;min-height:0}
.m-areas{display:flex;flex-wrap:wrap;gap:0 16px;padding:4px 0 14px}
.m-areas a{flex:1 1 40%;display:flex;align-items:center;gap:10px;min-height:46px;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s}
.m-areas a b{font-size:12px;font-weight:700;color:var(--mauve-500);width:18px;flex:none}
.m-groups{display:flex;flex-direction:column;padding:4px 0 14px}
.m-groups a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;text-decoration:none;font-size:16px;font-weight:500;transition:color .2s}
.m-groups a span{font-size:13px;font-weight:700;color:var(--mint-700);background:var(--mint-50);padding:2px 10px;border-radius:999px}
.m-areas a:hover,.m-groups a:hover,.m-areas a:active,.m-groups a:active{color:var(--mint-700)}
.m-grow{flex-grow:1;min-height:20px}
.m-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;flex:none;border-radius:999px;background:var(--navy-900);color:var(--white);text-decoration:none;font-size:17px;font-weight:700;transition:background .2s,transform .2s var(--ease)}
.m-cta:active{transform:scale(.98)}
.m-small{display:flex;flex-wrap:wrap;justify-content:center;gap:0 28px;padding-top:8px}
.m-small a{font-size:15px;color:var(--navy-500);padding:12px 0}
.ft{display:flex;flex-direction:column;gap:40px;padding-top:32px}
.ft-top{display:flex;flex-wrap:wrap;gap:40px 64px}
.ft-brand{flex:2 1 320px;max-width:380px;display:flex;flex-direction:column;gap:12px;font-size:15px}
.ft-brand .brand{color:var(--navy-900);align-self:flex-start}
.ft-col{flex:1 1 150px;min-width:0;display:flex;flex-direction:column}
.ft-col .eyebrow{padding-bottom:8px}
.ft-col a{align-self:flex-start;font-size:15px;padding:10px 0;color:var(--navy-500);text-decoration:none;transition:color .2s}
.ft-col a:hover{color:var(--navy-900);text-decoration:underline;text-underline-offset:4px}
/* Under the link columns, everything is centred: the disclaimer, then the copyright line with the
   privacy links, then the "Built by" seal to close the page. */
.ft-disclaimer{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:32px;border-top:1px solid var(--offwhite);text-align:center}
.ft-disclaimer h2{margin:0}
.ft-disclaimer p{margin:0;max-width:720px;font-size:13px;line-height:1.65;color:var(--grey-500)}
.ft-base{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 0 48px;border-top:1px solid var(--offwhite);text-align:center}
.ft-line{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 24px;font-size:13px;line-height:1.6;color:var(--grey-500)}
.ft-links{display:inline-flex;gap:0 20px}
.ft-links a{display:inline-block;padding:12px 0;color:var(--navy-500)}
.ft-links a:hover{color:var(--navy-900)}
.ft-cookies{font:inherit;color:var(--navy-500);background:none;border:0;padding:12px 0;cursor:pointer;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}
.ft-cookies:hover{color:var(--navy-900);text-decoration-color:currentColor}
.ft-seal{display:block;border-radius:999px;transition:transform .5s var(--ease)}
.ft-seal img{display:block;width:112px;height:112px}
a.ft-seal:hover{transform:rotate(-8deg)}
@media (prefers-reduced-motion:reduce){a.ft-seal:hover{transform:none}}
@media (max-width:860px){
  .wrap{padding-inline:20px}
  .brand{gap:10px}
  .brand .cpi{font-size:26px}
  .brand .bn{padding-left:10px}
  .brand .bn b{font-size:14px;white-space:normal;max-width:140px}
  .nav-links a.link,.nav-links .btn{display:none!important}
  .menu-btn{display:inline-flex}
  .menu{position:fixed;inset:0;z-index:29;display:flex;flex-direction:column;padding:calc(84px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,var(--white) 0%,var(--white) 60%,var(--chalk) 100%);opacity:0;transform:translateY(-12px);pointer-events:none;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
  .menu.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .35s var(--ease),visibility 0s}
  .ft{gap:32px}
  .ft-top{gap:28px 20px}
  .ft-brand{flex-basis:100%}
  .ft-col{flex:1 1 40%}
  .crumb a{padding:12px 0!important}
  .rrow,.irow,.vrow{margin-inline:-20px!important;padding-inline:20px!important}
  .sub a{padding:11px 14px!important}
  .chip,.tagl{display:inline-flex;align-items:center;min-height:44px}
  a.all,a.how{display:inline-flex!important;align-items:center;min-height:44px}
  .evb,.abar{min-height:44px!important}
  .seg{position:relative}
  .seg::before{content:"";position:absolute;inset:-15px 0}
}

/* Desktop header: a floating white pill, so it stands apart from the page whether scrolled or not.
   Pages with an "On this page" bar (principle, evidence) show it as a second, smaller pill beneath. */
@media (min-width:861px){
  .nav{padding:12px 24px 0;transition:padding .25s}
  .nav.scrolled{background:linear-gradient(180deg,var(--white) 0%,rgba(251,249,249,.94) 72%,rgba(251,249,249,0) 100%);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding-top:8px}
  .nav.scrolled.past{padding-bottom:6px}
  .nav .nav-in,.nav.scrolled .nav-in{max-width:1160px;padding:8px 8px 8px 22px;background:var(--paper);border-radius:999px;box-shadow:0 20px 60px rgba(6,24,38,.07),0 1px 4px rgba(6,24,38,.05);transition:box-shadow .25s}
  .nav.scrolled .nav-in{box-shadow:0 14px 36px rgba(6,24,38,.11),0 1px 4px rgba(6,24,38,.06)}
  .nav-links{gap:4px}
  .nav-links a.link{display:inline-flex;align-items:center;white-space:nowrap;height:44px;padding:0 16px;border-radius:999px;transition:background .2s,color .2s}
  .nav-links a.link::after{display:none}
  .nav-links a.link:hover,.nav-links a.link[aria-current]{background:var(--chalk)}
  .nav-links .btn-navy{height:44px;padding:0 22px;margin-left:12px}
  .btn-navy[aria-current]{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--mint-400)}
  .nav .sub-in{max-width:1160px;margin:6px auto 10px;padding:6px 8px 6px 22px;background:var(--paper);border-radius:999px;box-shadow:0 1px 4px rgba(6,24,38,.06),0 8px 24px rgba(6,24,38,.07)}
  .nav.past .sub{max-height:84px}

  /* Search in the header (inner pages only) */
  .nav-search{position:relative;margin-left:8px;width:220px;height:44px;flex:none}
  .nav-sf{position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;width:100%;height:44px;box-sizing:border-box;padding:0 8px 0 16px;border-radius:999px;background:var(--chalk);color:var(--navy-500);cursor:text;transition:width .3s var(--ease),background .2s,box-shadow .2s}
  .nav-sf:hover{background:var(--offwhite)}
  .nav-sf:focus-within{background:var(--paper);box-shadow:inset 0 0 0 1px var(--mint-600),0 0 0 4px var(--mint-50)}
  .nav-sf svg{flex:none}
  .nav-sf input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;color:var(--navy-900);font:inherit;font-size:15px}
  .nav-sf input::placeholder{color:var(--grey-500)}
  .nav-sf input::-webkit-search-cancel-button{display:none}
  .nav-sf kbd{font:inherit;font-size:12px;font-weight:700;line-height:1.5;color:var(--navy-500);background:var(--paper);border-radius:6px;padding:0 7px}
  .nav-sf:focus-within kbd{display:none}
  .nav-search .results{left:auto;right:0;width:380px}
}
/* Narrower desktops, and every desktop width once Insights is in the bar (four links leave no room for the
   full field): the search folds to a round button and opens over the links while in use */
@media (min-width:861px) and (max-width:1260px){
  .nav-search{width:44px}
  .nav-sf{padding:0 0 0 14px;z-index:2}
  .nav-sf:not(:focus-within) input,.nav-sf kbd{opacity:0}
  .nav-sf:focus-within{width:300px;padding-right:12px}
}
@media (min-width:1261px){
  .nav.wide-links .nav-search{width:44px}
  .nav.wide-links .nav-sf{padding:0 0 0 14px;z-index:2}
  .nav.wide-links .nav-sf:not(:focus-within) input,.nav.wide-links .nav-sf kbd{opacity:0}
  .nav.wide-links .nav-sf:focus-within{width:300px;padding-right:12px}
}
@media (min-width:861px) and (max-width:1100px){
  .nav-links a.link{padding:0 11px}
  .nav-links .btn-navy{margin-left:6px;padding:0 18px}
}
@media (min-width:861px) and (max-width:990px){
  .nav .brand .bn{display:none}
}
@media (max-width:860px){
  .nav-search{display:none!important}
}

/* Cookie banner: a card in the bottom corner on desktop, across the bottom on phones. It sits under the header and menu. */
.consent{position:fixed;left:24px;bottom:24px;z-index:28;width:min(520px,calc(100% - 48px));display:flex;flex-direction:column;gap:16px;padding:22px 24px;border-radius:24px;background:var(--paper);box-shadow:var(--shadow-lift),inset 0 0 0 1px var(--offwhite);animation:consent-in .45s var(--ease) both}
.consent[hidden]{display:none}
.consent h2{margin:0 0 6px;font-size:17px;font-weight:700;line-height:1.3;color:var(--navy-900)}
.consent p{margin:0;font-size:14.5px;line-height:1.55;color:var(--navy-500)}
.consent .textlink{white-space:nowrap}
.consent-btns{display:flex;gap:10px}
.consent-btns .btn{flex:1 1 0;min-height:44px}
@keyframes consent-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.consent{animation:none}}
@media (max-width:640px){
  .consent{left:12px;right:12px;width:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));padding:18px 18px 16px;border-radius:20px;gap:14px}
}