/* The site header: a fixed height and fonts that never reflow it. */
@font-face { font-family:"PDS Header Mono"; font-weight:600; font-display:optional;
             src:url("/blog/assets/fonts/IBMPlexMono-SemiBold.woff2") format("woff2"); }
@font-face { font-family:"PDS Header Mono"; font-weight:700; font-display:optional;
             src:url("/blog/assets/fonts/IBMPlexMono-Bold.woff2") format("woff2"); }
html { overflow-x:clip; }
header.pds-top { box-sizing:border-box; display:flex; align-items:center; gap:10px; height:47px; margin:0; padding:0 16px;
  border-bottom:1px solid #222a32; background:#06090d; position:sticky; top:0; z-index:50;
  font-family:"PDS Header Mono","IBM Plex Mono",ui-monospace,Menlo,monospace; line-height:1; white-space:nowrap; overflow:hidden;
  text-transform:none; letter-spacing:0; color:#dad7d0; }
header.pds-top * { box-sizing:border-box; margin:0; }
header.pds-top .pds-lg { display:flex; align-items:center; gap:8px; flex:none; text-decoration:none; color:#dad7d0; }
header.pds-top .pds-lg img { display:block; width:22px; height:22px; border:0; }
header.pds-top .pds-nm { font-weight:700; font-size:12px; letter-spacing:.1em; color:#dad7d0; }
header.pds-top nav { display:flex; gap:14px; margin-left:auto; font-weight:600; font-size:12px; letter-spacing:.06em; flex:none; }
header.pds-top nav a { color:#7e8791; text-decoration:none; }
header.pds-top nav a.on { color:#dad7d0; }
header.pds-top .pds-share { flex:none; font:700 12px/1 "PDS Header Mono","IBM Plex Mono",ui-monospace,Menlo,monospace; letter-spacing:.06em;
  color:#06090d; background:#49de78; border:0; border-radius:5px; padding:7px 11px; cursor:pointer; }
/* phones: the P mark and the three tabs on one line; the wordmark and SHARE from 441 px up */
@media (max-width:440px) { header.pds-top .pds-nm, header.pds-top .pds-share { display:none; } header.pds-top nav { gap:10px; } }
/* the Desk's pages centre a 760 px column; the bar spans the window above it */
body > header.pds-top:first-child { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
