/* The picker over Whitman in print (sketched as sketches/2026-10-31-whitman/comps/picker.js; his words, 2026-11-01, about 1:23 am: "i like
   the idea of the switcher/ picker"): a thin strip docked at the top of the window, so it never sits over his words; each place starts
   beneath it (every place leaves the top 38 px to it). Plain links, no script needed; the place shown marked. */
.wp{position:fixed; left:0; right:0; top:0; height:38px; z-index:2147483000; display:flex; align-items:center; gap:6px 14px; padding:0 14px;
  background:#1d1a16; color:#efe8da; font:500 12px/1 "Libre Franklin","Helvetica Neue",Arial,sans-serif; overflow-x:auto; white-space:nowrap;
  box-shadow:0 1px 0 rgba(0,0,0,.25); scrollbar-width:none; box-sizing:border-box}
.wp::-webkit-scrollbar{display:none}
.wp b{letter-spacing:.14em; text-transform:uppercase; font-size:10px; opacity:.72; font-weight:600}
.wp .wp-home{font:italic 400 14px/1 "Libre Caslon Text",Georgia,serif; opacity:.9; padding:5px 4px}
.wp .wp-set{display:inline-flex; align-items:center; gap:4px}
.wp .wp-ed{font:italic 400 14px/1 "Libre Caslon Text",Georgia,serif; opacity:.62; margin-right:2px}
.wp a{color:inherit; text-decoration:none; padding:5px 8px; border-radius:12px; opacity:.88}
.wp a:hover{background:rgba(239,232,218,.12)}
.wp a:focus-visible{outline:2px solid #efe8da; outline-offset:1px}
.wp a[aria-current]{background:#efe8da; color:#1d1a16; opacity:1}
.wp .wp-sep{width:1px; height:16px; background:rgba(239,232,218,.25); flex:none}
html.wp-on body{padding-top:38px !important}
/* the site's own top strip, placed at the top of the page on the case study, sits below the picker */
html.wp-on .site-top{top:38px}