/* Almanac: the edition switch. One strip above the first screen of every edition. The strip takes the
   surface of the page it sits on; each label is a swatch of the edition it opens: its face, its colour,
   its one device. Markup in the four index.html files and the generated block below (label faces, label
   and caption widths) are written by tools/build_switch.py from ../data/editions.js. */

/* generated:begin */
@font-face { font-family: "edsw-s"; src: url("data:font/woff2;base64,d09GMgABAAAAAAT0AAwAAAAACYQAAASnAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG4FeBmAAfBEICos4iSIBNgIkAzoLIAAEIAVCByAbeQeInge2LWT9UCkxKeH92YQM+s766p6JehBqssjt2VnzIP/hZc9k8GBPA2Qpyi6AfdDBict5PC2Or12srcoilo5GJTQIldAImVJEF9Em6olrHI1EpFRIphX//PMp/nwTC/FN0xmcgFzLvecQbjkbBABDAE1Axg6aOh568ADwJbjHDJtsM0OLgAcV1BMGksMAQxvU6WuwiTZgVYkbBgGnoBSgARMUUzRMSnHqQZNK6lSgVwMDMgQBRUHCsAWtWtxgpU09FQoFAQAE6KonoZ7RQCAc58hLsgIagF6hiwAskQPkPbTC3wCFRqvHYfmg+nZrRVXViFD4LO6N//8FdhH+4ocAkHfoFQAKKEDAoS0xERHwGPnXDpjAQQsFO3grb+cDfArfmm/Ld+OzVBWwsxRa5KtQv1PH//53P/vp2Ncff4SglSAg6sMILUPgdWaAfA7QHgC0AMTBDaCgIMCg/wCq6m5ms9kN7cJuRbDZgvZ2DXrkgpF8TR6R1tjWbEB0o32tnR1KEDakPtlYsPUXg6ZSoYcAVsfoiGisJdiiBEHqk4SwOG6vqdfEHrFFD2IxRA0P0/zjZLIHtlOHmDDO0AntSRIsw9iYMbeTQWFL7MWDRWvP2tfa1x92Hgu2RlkiMaR+SxaNZbD1zvWbSf0mxzrHXl19aBg1d4p9PaLxkxeFxZevH/cKG05c2Y7+Cl6fFn8ZR90OHIkpwq7EsUN9Fl04EcNw4+kje05dCgeNRGMvYiOb++QRAZsbr79c2Z46o+cc6xyXt/UYrbCOv+Da4KIb7WsvLk1+FPKrMzdSjbikNiN9imuvuq6xp+zaomus3iUw0SozQfKxjaH8Rocw19pIFm9kPkkQJKvIBNf2QGlrm641GdCkF3vA6i0DavBfv74ZC7J6Vzdp3JgUokCqvvq0/n1GuOZllAddriAroHeEFsfVv+Y4U850GxjK7JxS2bIlKUSBTd1SU8trB4wbl0wvT4XvnG9AwzL3nGHD6H0al21XPH1uBrLbGbsEi7T/pTXv0SRn4+2uCW/9fXXmoU+MAVmSjWZIf9VGR1VJHUKndy0fdU2aKPTIVt8g/ekLlozCsfPbr+X2a5v4hWrczMDMAmOij60LRRph3mcRS+2nw+ye1y0ndDZ237d+uBLOVsoCvTt18fcRI8G0tEhQhGldTn9mfLXdVOE/4/9N3f4KXz82h+9YemRl0fCdsBk9cnrOZEOnxFAGgfRwtqaAY6j5Nbaky2q8dz6gfCjbF3TLVNL84x9+vfTvIz7x4Dv2YZ9aaiMRS+3tsNnd+cYnB5pEnxyy4Id71rzXxfCvc537HWmQp/Sfq9NV/uDro90W7ja+vN0o02Q+oyW/oBQbH5/dXHErf7K9olEoso6JIvMIZo+BGaaDaiEBoGjNhJ7xvWsnBg8wdvlN7+W+BIAnra5+DACff/O9Cqgm8j99DMAAOknz9U5MwwBs5P+PcL+MHwFyH03JX2hKw8gQHvm69QcEyAqkkqs6Jij1K9zkmBQuIIAfjxQwot1WXa2JlEiHijgQ3hB1AMDdFDIcKDfZIOONMoxxMKamGadKwxGAY6vIZBxaeepZrQA=") format("woff2"); font-weight: 400; font-style: normal; font-display: block; }
.edsw-s { --edsw-w: 3.245em; --edsw-w2: 3.245em; }
@font-face { font-family: "edsw-a1"; src: url("data:font/woff2;base64,d09GMgABAAAAAAVsAA8AAAAACfAAAAUTAAEI9gAAAAAAAAAAAAAAAAAAAAAAAAAAGigbglAcMAZgP1NUQVRiAIEMEQgKiACGRgE2AiQDRAskAAQgBYFwByAbEQhRVG3eo/hx4JzeYpWcJqkmxatotBClS8IOPRzJujo83MTDyZd4eJqz/3MnmbSbpO1jUqj4M7Ai1AiO1NP7FZEGVIRzvN3bBCAW70vZkOpO7KD23Bl+/Np6HybtdlRKEA2drqVQVUKGCCdWzZKZzsn838/Xd7cGHEXE8VKIbMu2kY4w4/iownA6oA/EBcrfNlsmNqIRwmYiNwfRY8/+OAI9IKlVGmGoFXojYWIiBFprbVPtE52YCZpnV4s4oHkJRvFAUw2lIBAXIxEPZBEItWQoDCXvqDHtB70BgEFpogFKQV8eAUAvaZD05Y1GW4bBQC9ZWFb+HwBZlg30OspfUH6mliQA0aUMNBVXjmBEUJ7GQKq0sKj8BpBiDbv2DWsfRCt1uc0MSaiM1TIqQwNTklZoQIcZtLmShSTWWDTQt95GS4Ubo417eH2dFyjbJNK9KRfAwSYdp4H7JQOfKv4L7bNvZjRcsaIOl2369wcw/CxNIaD6LicBrNALYajGHBU2SXtnpmeIAVdfwqPExMT1JMUQE5eupzMoMQmVxiyrBFLMB1RCioVA+R2EipitbAMJFeaoBOao3QAsMkOltcJTtSqpky7pkzm5kjv5kj+F//8PANoUCv2E/0f/cf7Mz3zHt3zB27zFq7zC8wj81YQo/5ggzASrMI/YHeI5QA2ApBJCEnJiXkpWQqulLmVlecvhynbmjVXQnNvWTqrH2X3myV12Vzuz9zEVAE2PjulUNFP+vK63V4jmHkmSsCaFZEiSPTozUoybLziuS7M6SWXfK8+e46VIJ3txmZKtvfNpN4qrwYnmlJAaoAByWnA1JQb2rMdIRlFCI/XSmGOJlGHAA96jeTKFmZTFHj2SP9kqx32ynNp9X9YcoAPaRjtGQU5FnD6SVZYg7WDywnF+yrt5AqdPu44hqmjbnvW9JAXbnMqmhFSQRdkJNPaOMh1YUtbY5c6qaBOtKroJyjBFHXcf3Oc/nEPqhlls1BnluXfm+eTE98W7pruljxd5ubvJ3FEnnFfZbHFFv8bgiv3OTKsdznmqcVWP6l72XDs4880q4SW9bcPPxErmPdcHXvmGwBGrwGH8GL0Xn93z7h3n+Nazo6d1S1IYpmUWSwa2BksWZSC1yXN3L7vjDda1Y2f6GPBSA76EvfH93pl7a3GtNP3T3Er5PSc9Hvhq6KtdHoez+rpdxnjFyB5W2yACcAWwf1ekv7LCafdtX2Ft/1QcXVjYHs6qVgcevmQIcLDYp88bBjSTEkWR+ol6udUZmkOnVRuJhiyDEx0V7QndReI0g2uqic6x4WxIIHVXNE/LT6ZxR1B8Ia//b3yhLJz9tvEwHP4q5Nd69KPdm5O3NFzXq9o6UrOYx+rwllULDQOf4hH7kL3/ycpD5aNHqN5mBQwBuA1YhrtwfsdmjwzXnqifDNdC/l0RDWMNUS0Ay0sTAjH83fR1/EFEJfBNVnzwPnw9nt4Vvvnx/v//5/9h6WKpbjQSCP4lV3MWgik/dNleFp3Z4HAnJQBczUKwKt9wTqNPUDY2by2ec3T9AUzZFzvnCEjI5EY8d0QOfht17FtfNV9gpnUqEHTTlKtIiHpKWIJDScaWcAUzrKWG1k4gIfehVnqHUWejdRJ1PnrnvH4hxq6QgcCE8BAQU/vjozAwEdIhdOU4MCIR+HgoIpgylIxQ4xNzMJFmhiUiTPQoJRzKEtiS81kRLoyzkRAav1E5DooEULY5hwI=") format("woff2"); font-weight: 900; font-style: normal; font-display: block; }
.edsw-a1 { --edsw-w: 8.142em; --edsw-w2: 4.656em; }
@font-face { font-family: "edsw-a2"; src: url("data:font/woff2;base64,d09GMgABAAAAAAVwAA8AAAAACgAAAAUVAAQZ2wAAAAAAAAAAAAAAAAAAAAAAAAAAGiIbgkYcMAZgP1NUQVREAHwRCAqIbIcqATYCJANKCygABCAFgUQHIBsRCCAuCmNj1tiTRbAYGmnc/fvxVPNou4qHL53V+y3JY0n2jpcIoiOiFAgiAIoQw6uNDhDj/knv6+VnlZk/ayBZAGp9YEdXYHvdnbGzYdxts21mkZIkskuZ8fd110eLsOdy3x1gbE3tQUGhAkesqkyVaDwQqTpgy9uEnNuEnKP4rxsRCDlLqPRU50TJ9FEWCqtjcviZ+F8X6AGSwpAhodEThg2EQGORDYrtdgiOBulj68oLQfq0tMpikFZClkCcenx5MYggEEpJV+hK3lFiq5/UGsrOpNuMfDKkc82BptlVOead/ZPu6+ZnkJs6/3pSZcrIM5NKyx81vLptYU3UoJKEIQPgUhqljlIoVIZ0IbEalasSoylVK3ao7xLLJhKrUlW76ORljNPqKtI1vFhgVzh4HMEytCXtVMAD2G1fAG+YUXoWl/17L8U/sQQlxA/pRmCGQghdCWMkzJHOPDG3ksI3Q39K9SCUBgKiS6ujEFKQKYMpX2CM2QhZpZM2Os5AoWOGe0uJUqlULTVLi9KpdC09szCRxSnmX0X+OxvXtmXIkljQywiRZRhhNJiHYeJQEHcAc7AGkCRRBbOgK2tYnIQwqRQVlZ4uaw/ORLZWXKmI++VSZlo8IJM01aB+2fjlD6Y1i8+nHDTZcAfi/ffv/yCi7VV77Qsueu8A3+7g3m6uuZl5s72GEjwMJYHJQM40SKAVFZ7s9HrI5ueb/tmJTj0vHWQvGjuFoi99nveBgPWDhy66rR04WBxz+W57DUW3rU+aDiQzNTf24BEMnk2UqlvSRQgRjB573RzT7jE++ATYh7voMVtsTmDpc/y95gA8gnfi4usGPbjRLyjmsvmJVx8uvmVqbMzUmN2Hz8zZXJQW0yhwPjiBDbH+hf3ef6+9Ri7BG45jsfP3M1cnRBMw2OXymgmoi9FHu7IUVdQTN3d4NtvN4Jl3vY9x7mAw6RHPapDMgs/VkccUFXw9XWRTUjKKir6euqbkEh1Jp49bRuloazp/3DwLrqmJ5Mm4z/bb4AbEm9xRMj/4vZ443VLq+O/kMmr0j6U1n217gv+QfRdDfL1CvixaZ0bw02rhCh83X9cQf+Z53/KSyllKv0b0H0zuetWrLW5J+hwR6T5m65Yx6g9nz1UZajnXQ9Po0q2QNJlNP370Kh83P31Uv82s27xTgpq3EtTwShW6Dxe1te8WCQ3BnYLzZFy017VdZWRd5RBdYGVLqvo95Zqw/fqga3pefFq6n34yZxYol62iL+loq6qvAnXrcskEwUtAuWBTu3u94yh+ezu1MQhersL2ZGOkek83PDDVU9pbcduiTHD8/gqZ6hbvJy3+MWuatqmMnKl2v/LdwfCLr2O/O+6dZmbq5QsL9t2bA35rfNzzJU1tvc7/2dSmoOmq/7nsUCtK67xQ9T8Tauh0IGSccIFL3FlbRWy8CDKJp3kjMD0jHuRNQZ84owuOze4e/5sC0eEc0tjLvcARKCd+emQ3n3ak2Jb/uwX9Db4870vgh1//lJmRxqb76EggeJUF0joCUD+CbmxUsBzi6D/jLdOjEYk8MsnWlKinbBrgLpgXO5SaqKUSGSiakT6hCwACo22QKmnA0kKgYw+0KBkIa2iKkhHWqFGgZxuxCIyyh5gPPUcdBIHGaaKUyJYnjbp9pSlWQd32alUqN7C2VZLKlGXWA1amyLfNUaVQmnKcLHly5Kq81eEpsLBTgEppCuXJSKkSRcM8Gg1kaxUFAAAA") format("woff2"); font-weight: 800; font-style: normal; font-display: block; }
.edsw-a2 { --edsw-w: 2.125em; --edsw-w2: 2.125em; }
@font-face { font-family: "edsw-b"; src: url("data:font/woff2;base64,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") format("woff2"); font-weight: 800; font-style: normal; font-display: block; }
.edsw-b { --edsw-w: 5.152em; --edsw-w2: 3.512em; }
.edsw[data-self="s"] { --edsw-capw: 11.104em; }
.edsw[data-self="a1"] { --edsw-capw: 11.530em; }
.edsw[data-self="a2"] { --edsw-capw: 10.201em; }
.edsw[data-self="b"] { --edsw-capw: 11.322em; }
/* generated:end */

/* --edsw-u is the phone unit. The four labels are sized in it and together take 23px + 84.1u, so the
   row fits a 340 px strip with 20 px gutters, grows with it and stops at 4.1px (about 410 px). The strip
   is the measure (cqw), not the window: a classic scrollbar takes its width out of the page, not of 100vw. */
.edsw { --edsw-u: clamp(3.25px, calc((100vw - 66px) / 84.1), 4.1px); container-type: inline-size; overflow: hidden; background: var(--edsw-bg); color: var(--edsw-fg); font-synthesis: none; -webkit-tap-highlight-color: transparent; }
.edsw[data-self="s"] { --edsw-bg: var(--wine); --edsw-fg: var(--bone); --edsw-fg2: var(--bone-2); --edsw-max: var(--max); --edsw-pad: var(--pad); }
.edsw[data-self="a1"] { --edsw-bg: var(--paper); --edsw-fg: var(--ink); --edsw-fg2: var(--ink-soft); --edsw-max: var(--page); --edsw-pad: var(--gutter); }
.edsw[data-self="a2"] { --edsw-bg: var(--y); --edsw-fg: var(--ink); --edsw-fg2: var(--on-y-2); --edsw-max: calc(1320px + 2 * var(--gut)); --edsw-pad: var(--gut); }
.edsw[data-self="b"] { --edsw-bg: var(--bg); --edsw-fg: var(--ink); --edsw-fg2: var(--ink-2); --edsw-max: var(--maxw); --edsw-pad: var(--pad); }

@supports (width: 1cqw) {
  .edsw { --edsw-u: clamp(3.25px, calc((100cqw - 66px) / 84.1), 4.1px); }
}

.edsw-in { box-sizing: border-box; display: grid; gap: 5px; max-width: var(--edsw-max); margin: 0 auto; padding: 9px var(--edsw-pad) 8px; }
.edsw-cap { margin: 0; font-size: 13px; font-weight: 500; line-height: 16px; letter-spacing: 0; text-transform: none; color: var(--edsw-fg2); }
.edsw-list { display: flex; gap: 5px; margin: 0; padding: 0; list-style: none; }
.edsw-list li { display: flex; flex: 1 1 auto; margin: 0; padding: 0; }

/* .edsw-i is the touch target, 44 px high; .edsw-c inside it is the swatch one sees. */
.edsw-i { display: flex; flex: 1; align-items: center; min-height: 44px; text-decoration: none; font-weight: 400; }
.edsw a.edsw-i:focus-visible { outline: none; }
.edsw-c { position: relative; box-sizing: border-box; display: flex; flex: 1; align-items: center; justify-content: center; height: 40px; white-space: nowrap; letter-spacing: 0; text-transform: none; font-style: normal; outline: 1.5px solid transparent; outline-offset: 3px; }
.edsw-i[aria-current] .edsw-c { outline-color: var(--edsw-fg); }
.edsw a.edsw-i:hover .edsw-c { outline-color: var(--edsw-fg2); }
.edsw a.edsw-i:focus-visible .edsw-c { outline: 2.5px solid var(--edsw-fg); }
.edsw a.edsw-i:active .edsw-c { transform: translateY(1px); }
/* The label box has its width from the build, so a swatch does not resize when its face is decoded. */
.edsw-t { display: block; width: var(--edsw-w); text-align: center; }
.edsw-vh { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

/* Strict: the wine folder, the foil frame, Oranienbaum. */
.edsw-s .edsw-c { padding: 0 .36em; background: #4E0F1C; color: #F1EBDF; font: 400 calc(var(--edsw-u) * 4.6)/1 "edsw-s", Georgia, "Times New Roman", serif; }
.edsw-s .edsw-c::after { content: ""; position: absolute; inset: 3px; border: 1px solid rgba(201, 166, 107, .72); pointer-events: none; }
.edsw-s .edsw-t { padding-bottom: 1px; }

/* Three inks: white stock, the black wide grotesque, yellow, blue and red printed over each other.
   On a phone the label stacks in two lines, the way the nameplate of that edition does. */
.edsw-a1 .edsw-c { gap: .5em; padding: 0 .58em; background: #fff; color: #101218; box-shadow: inset 0 0 0 2px #101218; font: 900 calc(var(--edsw-u) * 2.65)/1.14 "edsw-a1", "Arial Narrow", "Helvetica Neue", sans-serif; text-transform: uppercase; }
.edsw-a1 .edsw-c::before { content: ""; flex: none; width: 2.1em; height: 2em;
  background:
    radial-gradient(circle at 50% 32%, #ffd60a 0 .62em, transparent .67em),
    radial-gradient(circle at 31% 67%, #2a5bff 0 .62em, transparent .67em),
    radial-gradient(circle at 69% 67%, #ff4733 0 .62em, transparent .67em);
  background-blend-mode: multiply; }
.edsw-a1 .edsw-t { width: var(--edsw-w2); white-space: normal; text-align: left; }

/* Board: the signal yellow and black split flaps, one letter a flap. */
.edsw-a2 .edsw-c { padding: 0 .3em; background: #FFD200; color: #fff; border-radius: 6px; font: 800 calc(var(--edsw-u) * 4.3)/1 "edsw-a2", "Arial Narrow", "Roboto Condensed", sans-serif; }
.edsw-a2 .edsw-t { display: flex; gap: 1px; width: auto; }
.edsw-a2 i { position: relative; display: grid; place-items: center; width: .72em; height: 1.24em; border-radius: 1.5px; background: linear-gradient(#1E1E21 50%, #17171A 50%); font-style: normal; }
.edsw-a2 i::after { content: ""; position: absolute; left: 0; right: 0; top: calc(50% - .5px); height: 1px; background: #000; }

/* Day ruler: the volt pill with the ink edge, Fira Sans Extra Condensed. */
.edsw-b .edsw-c { padding: 0 .42em; background: #C6F135; color: #12150F; border: 1.5px solid #12150F; border-radius: 999px; font: 800 calc(var(--edsw-u) * 4.35)/1 "edsw-b", "Arial Narrow", "Roboto Condensed", sans-serif; letter-spacing: .01em; }

@media (max-width: 339px) {
  .edsw-list { display: grid; grid-template-columns: 1fr 1fr; gap: 5px 8px; }
}
@media (min-width: 520px) {
  .edsw-list { gap: 10px; }
  .edsw-list li { flex: none; }
  .edsw-s .edsw-c { padding: 0 14px; font-size: 18px; }
  .edsw-a1 .edsw-c { gap: .55em; padding: 0 12px 0 10px; font-size: 11px; line-height: 1; }
  .edsw-a1 .edsw-t { width: var(--edsw-w); white-space: nowrap; }
  .edsw-a2 .edsw-c { padding: 0 9px; font-size: 18px; }
  .edsw-b .edsw-c { padding: 0 16px; font-size: 18px; }
}
/* On a wide screen the caption leads the row. It is set in the face of the page, and when that face arrives
   its width changes, so its box has the width from the build and the labels after it stay where they are. */
@media (min-width: 720px) {
  .edsw-in { grid-template-columns: auto auto; justify-content: start; align-items: center; gap: 14px; padding-block: 4px; }
  .edsw-cap { width: var(--edsw-capw); white-space: nowrap; }
  .edsw-c { height: 34px; }
}
@media (prefers-reduced-motion: no-preference) {
  .edsw-c { transition: outline-color .18s, transform .18s; }
}
@media print { .edsw { display: none; } }