/* Pool AI public header, base look for every page except the front page and /demo/ (which carry these rules in their own CSS).
   Load BEFORE /nav.css. Everything is scoped to header.hdr so it never touches the page's own styles. Same values as the front page. */
header.hdr{--bg:#0B0A0A;--s1:#131314;--ln:#232325;--tx:#DFDEDF;--mu:#85858A;--so:#B5B4B5;--b1:#5EBBFE;--b2:#2A72DB;--b3:#1B4C93;--sans:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;
  display:flex;align-items:center;flex-wrap:wrap;gap:10px;row-gap:12px;box-sizing:border-box;max-width:1200px;margin:0 auto 18px;color:var(--tx);font-family:var(--sans);font-size:16px;line-height:normal;text-align:left}
header.hdr *,header.hdr *::before,header.hdr *::after{box-sizing:border-box}
header.hdr a{text-decoration:none}
header.hdr .lg{width:32px;height:32px;display:block;flex:none;max-width:none}
header.hdr .brand{font:800 18px var(--sans);color:var(--b1);letter-spacing:-.02em;white-space:nowrap;margin:0}
header.hdr .brand:hover{color:var(--b1)}
header.hdr .pick{order:4;margin-left:4px;position:relative;flex:none;display:flex;align-items:center;gap:7px;min-height:44px;padding:0 6px;color:var(--tx);font:700 14px var(--sans);letter-spacing:.04em}
header.hdr .pick:hover,header.hdr .pick:focus-within{color:var(--b1)}
header.hdr .pick select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px;border:0;padding:0;margin:0}
header.hdr .pick select option{background:var(--s1);color:var(--tx)}
header.hdr .pick:focus-within{outline:2px solid var(--b1);outline-offset:2px;border-radius:8px}
header.hdr .nav{display:flex;flex-wrap:wrap;gap:10px;order:3;margin-left:auto;justify-content:flex-end}
header.hdr .pill{flex:none;white-space:nowrap;border:1px solid;border-radius:999px;padding:0 18px;min-height:44px;display:inline-flex;align-items:center;font:700 11.5px var(--sans);letter-spacing:.08em}
header.hdr .p-w{background:var(--tx);border-color:var(--tx);color:var(--bg)}header.hdr .p-w:hover{background:#fff;border-color:#fff;color:var(--bg)}
header.hdr .p-d{background:var(--b2);border-color:var(--b2);color:#fff}header.hdr .p-d:hover{background:var(--b1);border-color:var(--b1);color:var(--bg)}
header.hdr .p-o{border-color:var(--b2);color:var(--b1)}header.hdr .p-o:hover{background:var(--b2);color:#fff}
header.hdr .mini{font:700 12px var(--sans)}
@media(max-width:999px){header.hdr .pick{order:2;margin-left:auto}header.hdr .nav{margin-left:0;justify-content:flex-start;width:100%}}
/* narrow page columns: on wide screens the bar breaks out to the same 1200px as the front page, centred */
@media(min-width:1000px){header.hdr{width:min(1200px,calc(100vw - 48px));margin-left:calc(50% - min(600px,50vw - 24px));margin-right:0}}