@import url('/css/fonts/nunito.css');
pd-site-header { display:block; position:sticky; top:0; z-index:100; min-height:88px; isolation:isolate; }
pd-site-header > a { display:inline-block; padding:24px 18px; color:#eaf3ec; background:#0a1716; font:800 16px Nunito,system-ui,sans-serif; }
[data-site-legacy-header] { display:none!important; }
/* Privacy text keeps its reading width; navigation uses the full page width. */
body.pd-legal-page { max-width:none; margin:0; padding:0; }
.pd-legal-content { max-width:680px; margin:0 auto; padding:40px 20px; }
/* The legacy /app, /mac and /win download cards used a centered flex row.
   With navigation as a sibling, give it a full-width row above the card. */
body:has(> pd-site-header + .container) { flex-direction:column; justify-content:flex-start; padding:0; }
body:has(> pd-site-header + .container) > pd-site-header { width:100%; flex-shrink:0; }
body:has(> pd-site-header + .container) > .container {
  box-sizing:border-box;
  width:calc(100% - 32px);
  max-width:682px;
  margin:24px auto;
  padding:clamp(20px, 4vw, 40px);
  flex-shrink:0;
}