/* The evening briefing as an old newspaper (owner, 2026-11-13). Loaded on the evening pages only. */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(fonts/playfair-display-roman-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700 900; font-display: swap; src: url(fonts/playfair-display-roman-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 700; font-display: swap; src: url(fonts/playfair-display-italic-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 700; font-display: swap; src: url(fonts/playfair-display-italic-cyrillic.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/old-standard-tt-roman-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/old-standard-tt-roman-cyrillic-400.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/old-standard-tt-roman-latin-700.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Old Standard TT'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/old-standard-tt-roman-cyrillic-700.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/old-standard-tt-italic-latin-400.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Old Standard TT'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/old-standard-tt-italic-cyrillic-400.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
:root { --paper: #efe5cf; --ink: #211c15; --bg: #efe5cf; --text: #211c15; --muted: #211c15; --line: #211c15; }
html, body { background: var(--paper); }
body::before { content: ""; position: fixed; inset: 0; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='300' height='300'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/><feColorMatrix values='0 0 0 0 .25  0 0 0 0 .18  0 0 0 0 .08  0 0 0 .55 -.16'/></filter><rect width='300' height='300' filter='url(%23n)'/></svg>"); opacity: .5; pointer-events: none; z-index: 5; }
header.top, nav.rubrics, main, footer { position: relative; z-index: 1; }
main .wrap { padding-left: 10px; padding-right: 10px; color: var(--ink); }
.f3 { position: relative; padding: 17px 17px 20px; margin-top: 8px; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M7 .8 8 3.5 10.7 4.5 8 5.5 7 8.2 6 5.5 3.3 4.5 6 3.5Z' fill='%23211c15'/><circle cx='0' cy='4.5' r='.9' fill='%23211c15'/><circle cx='14' cy='4.5' r='.9' fill='%23211c15'/></svg>") 7px 0/14px 9px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M7 .8 8 3.5 10.7 4.5 8 5.5 7 8.2 6 5.5 3.3 4.5 6 3.5Z' fill='%23211c15'/><circle cx='0' cy='4.5' r='.9' fill='%23211c15'/><circle cx='14' cy='4.5' r='.9' fill='%23211c15'/></svg>") 7px 100%/14px 9px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14'><path d='M4.5 3.3 5.5 6 8.2 7 5.5 8 4.5 10.7 3.5 8 .8 7 3.5 6Z' fill='%23211c15'/><circle cx='4.5' cy='0' r='.9' fill='%23211c15'/><circle cx='4.5' cy='14' r='.9' fill='%23211c15'/></svg>") 0 7px/9px 14px repeat-y,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14'><path d='M4.5 3.3 5.5 6 8.2 7 5.5 8 4.5 10.7 3.5 8 .8 7 3.5 6Z' fill='%23211c15'/><circle cx='4.5' cy='0' r='.9' fill='%23211c15'/><circle cx='4.5' cy='14' r='.9' fill='%23211c15'/></svg>") 100% 7px/9px 14px repeat-y; }
.f3 .c { position: absolute; width: 15px; height: 15px; background: var(--paper); fill: var(--ink); }
.f3 .c.a { left: -3px; top: -3px; } .f3 .c.b { right: -3px; top: -3px; }
.f3 .c.d { left: -3px; bottom: -3px; } .f3 .c.e { right: -3px; bottom: -3px; }
svg.mast, svg.moon { display: block; width: 100%; height: auto; max-width: 420px; margin: 0 auto; color: var(--ink); }
svg.mast .p { fill: var(--paper); }
svg.mast .tt { font-family: "Playfair Display", Georgia, serif; font-weight: 900; paint-order: stroke; stroke: var(--paper); stroke-width: 8px; stroke-linejoin: round; }
svg.mast .dt { font-family: "Old Standard TT", Georgia, serif; font-weight: 700; letter-spacing: 1.5px; }
h1.vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.r1 { border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); height: 4px; margin-top: 10px; }
.evening-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
/* The three columns of 1100 px are plain wrappers below it: their stories take their places by style order. */
li.colw, li.colw > ol { display: contents; }
li.blind-li { list-style: none; }
.mastw, .ear, .ev-fig.sm { display: none; }
.ev-item { grid-template-columns: 36px minmax(0, 1fr); gap: 0 8px; padding: 14px 0; border-top: 0; position: relative; }
.ev-item::before { content: "\25C6"; position: absolute; top: -7px; left: 0; right: 0; text-align: center; font: 9px/14px "Segoe UI Symbol", sans-serif;
  background: linear-gradient(var(--ink), var(--ink)) left center/calc(50% - 15px) 1px no-repeat,
              linear-gradient(var(--ink), var(--ink)) right center/calc(50% - 15px) 1px no-repeat; }
.ev-item.lead::before { content: none; }
.ev-n { font: italic 700 38px/.9 "Playfair Display", Georgia, serif; text-align: center; padding-top: 10px; }
.ev-kicker { font: 700 10.5px/1.5 "Old Standard TT", Georgia, serif; letter-spacing: .14em; text-transform: uppercase; color: var(--ink); }
.ev-item h2 { font: 700 19px/1.18 "Playfair Display", Georgia, serif; margin: 3px 0 5px; }
.ev-follow { font: italic 13.5px/1.35 "Old Standard TT", Georgia, serif; color: var(--ink); opacity: .85; }
.ev-lede { font: 15.5px/1.4 "Old Standard TT", Georgia, serif; }
.cov .wide { border: 1px solid var(--ink); padding: 1px; border-radius: 0; box-sizing: border-box; height: 26px; align-items: stretch; }
.cov .wide i { border-radius: 0; box-sizing: border-box; height: 22px; line-height: 22px; padding-top: 0; padding-bottom: 0; }
.ev-sides { font: 14.5px/1.4 "Old Standard TT", Georgia, serif; }
.ev-sides li.none { opacity: .8; }
.ev-chip { border-radius: 0; }
.evening-list .read h2 a { color: var(--ink); opacity: .7; }
.ev-item.lead { display: block; padding: 12px 0 20px; }
.lead .ev-kicker { text-align: center; }
.lead h2 { font-size: 24px; line-height: 1.14; text-align: center; margin: 4px 0 0; }
.lead .ev-follow { text-align: center; margin: 6px 0 0; }
.lead .swl { display: block; margin: 10px auto 8px; color: var(--ink); }
.ev-fig { margin: 0 0 8px; }
.ev-fig .ph { border: 1px solid var(--ink); padding: 3px; }
.ev-fig img { display: block; width: 100%; height: auto; aspect-ratio: 16/9; object-fit: cover; object-position: 50% 30%;
  filter: grayscale(1) sepia(.35) contrast(1.12); }
.ev-fig.sq img { aspect-ratio: 4/3; object-position: 50% 25%; }
.ev-fig figcaption { font: italic 12px/1.3 "Old Standard TT", Georgia, serif; text-align: center; margin: 5px 0 0; }
.ev-fig figcaption a { color: inherit; }
.lead .ev-lede { font-size: 16.5px; line-height: 1.42; text-align: justify; hyphens: auto; }
.lead .ev-lede::first-letter { float: left; font: 900 56px/.8 "Playfair Display", Georgia, serif; padding: 5px 7px 0 0; }
.ev-blind { background: none; border: 1px solid var(--ink); outline: 1px solid var(--ink); outline-offset: 3px; border-radius: 0;
  margin: 20px 3px 0; padding: 10px 12px 12px; text-align: center; }
.ev-blind > h2 { font: 700 12px "Old Standard TT", Georgia, serif; letter-spacing: .2em; text-transform: uppercase; margin: 0; }
.ev-blind > p { font: italic 14px/1.3 "Old Standard TT", Georgia, serif; margin: 3px 0 4px; }
.ev-blind .kicker { font: 700 10.5px "Old Standard TT", Georgia, serif; letter-spacing: .14em; color: var(--ink); }
.ev-blind .card.compact h2 { font: 700 19px/1.18 "Playfair Display", Georgia, serif; }
.ev-blind .card.compact p { font: 15px/1.4 "Old Standard TT", Georgia, serif; }
.ev-blind .cov .cap, .ev-blind .meta { font-family: "Old Standard TT", Georgia, serif; color: var(--ink); justify-content: center; }
.ev-blind .covrow { justify-content: center; }
svg.moon { margin-top: 22px; }
.progress { font: italic 13.5px "Old Standard TT", Georgia, serif; color: var(--ink); text-align: center; margin: 12px 0 0; }
.progress.done { color: var(--ink); }
.ev-end { font: italic 16px/1.4 "Old Standard TT", Georgia, serif; text-align: center; border-top: 0; margin: 6px 4px 0; padding: 0; }
.subscribe { background: none; border: 1px solid var(--ink); border-radius: 0; }
/* Chrome on Android turns a sideways swipe anywhere into back or forward in history, which took the swipe between
   editions away (owner, 2026-11-13). Off on the evening pages only. The system back gesture at the screen edge stays. */
html, body { overscroll-behavior-x: none; }
/* Past editions (owner, 2026-11-13): the row under the moon to the neighbours, and the open edition in the list */
.pn { display: grid; grid-template-columns: 1fr 1fr; margin: 14px 4px 0; border-top: 1.3px solid var(--ink); border-bottom: 1.3px solid var(--ink); }
.pn a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 58px; padding: 8px 6px;
  text-decoration: none; color: var(--ink); text-align: center; }
.pn a + a { border-left: 1.3px solid var(--ink); }
.pn a[rel="next"]:only-child { grid-column: 2; border-left: 1.3px solid var(--ink); }
.pn b { font: 700 10px/1 "Old Standard TT", Georgia, serif; letter-spacing: .13em; text-transform: uppercase; }
.pn span { font: italic 16px/1 "Old Standard TT", Georgia, serif; text-decoration: underline; text-underline-offset: 3px; }
.pn a[rel="prev"]:only-child { border-right: 1.3px solid var(--ink); }
@media (max-width: 600px) { .pn b { font-size: 9px; letter-spacing: .07em; white-space: nowrap; } }
.ev-earlier .cur { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; }
/* The swipe between editions (assets/evening.js): the old page leaves the way the finger went, the new one comes in.
   Pages of the evening briefing only, nothing with reduced motion, a plain change where the browser cannot do it. */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  html:active-view-transition-type(ev-next)::view-transition-old(root) { animation: ev-out-l .26s ease-in both; }
  html:active-view-transition-type(ev-next)::view-transition-new(root) { animation: ev-in-r .26s ease-out both; }
  html:active-view-transition-type(ev-prev)::view-transition-old(root) { animation: ev-out-r .26s ease-in both; }
  html:active-view-transition-type(ev-prev)::view-transition-new(root) { animation: ev-in-l .26s ease-out both; }
}
@keyframes ev-out-l { to { transform: translateX(-100%); } }
@keyframes ev-in-r { from { transform: translateX(100%); } }
@keyframes ev-out-r { to { transform: translateX(100%); } }
@keyframes ev-in-l { from { transform: translateX(-100%); } }
@media (min-width: 820px) {
  .f3 { padding: 22px 26px 26px; }
  svg.mast { max-width: 560px; } svg.moon { max-width: 480px; }
  .evening-list { display: grid; grid-template-columns: 1fr 1fr; }
  .ev-item.lead { grid-column: 1 / -1; padding-bottom: 26px; }
  .lead .ev-body { display: grid; grid-template-columns: 1.1fr 1fr; column-gap: 24px; align-items: start; }
  .lead .ev-body > * { grid-column: 1 / -1; }
  .lead .ev-body > .ev-fig { grid-column: 1; align-self: stretch; display: flex; flex-direction: column; }
  .lead .ev-fig .ph { flex: 1 1 auto; display: flex; min-height: 220px; }
  .lead .ev-fig img { aspect-ratio: auto; height: 0; min-height: 100%; }
  .lead .ev-body > .ev-fig + .ev-col { grid-column: 2; }
  .ev-item.lead h2 { font-size: 34px; line-height: 1.12; margin: 6px 20px 0; }
  .lead .ev-lede { font-size: 17.5px; margin-top: -4px; }
  .ev-sides { font-size: 15.5px; }
  .ev-item[data-n="2"], .ev-item[data-n="4"], .ev-item[data-n="6"] { padding-right: 20px; border-right: 1px solid var(--ink); }
  .ev-item[data-n="3"], .ev-item[data-n="5"], .ev-item[data-n="7"] { padding-left: 20px; }
  li.blind-li { grid-column: 1 / -1; }
  .ev-item h2 { font-size: 21px; }
  .ev-lede { font-size: 16.5px; }
  .ev-blind { margin: 26px 90px 0; }
  .ev-end { font-size: 18px; }
}
/* Wide screens (owner, 2026-11-13, out/evening_design/handover_desktop_2026-11-13.md): the wide engraving with the two
   ears on the ribbon's line, the lead across the page, stories 2 to 7 in three columns with rules between them, small
   covers, the blind spot at the end of the shortest column. */
@media (min-width: 1100px) {
  main .wrap { max-width: 1120px; }
  .f3 { padding: 24px 30px 30px; }
  svg.mast { display: none; }
  .mastw { display: block; position: relative; container-type: inline-size; }
  .mastw svg.mast.wide { display: block; max-width: none; }
  svg.mast.wide .tt { stroke-width: 10px; }
  svg.mast.wide .dt { letter-spacing: 2px; }
  .ear { display: flex; align-items: center; justify-content: center; gap: .6cqw; position: absolute; top: 80.7%; height: 15.6%;
    width: max-content; max-width: 20cqw; box-sizing: border-box; padding: 0 .85cqw; border: 1.3px solid var(--ink); background: var(--paper);
    text-align: center; text-decoration: none; color: var(--ink); white-space: nowrap; }
  .ear[hidden] { display: none; }
  .ear.l { left: 0; } .ear.r { right: 0; }
  .ear b { font: 700 .9cqw/1.15 "Old Standard TT", Georgia, serif; letter-spacing: .13em; text-transform: uppercase; white-space: normal; }
  .ear span { font: italic 1.33cqw/1 "Old Standard TT", Georgia, serif; text-decoration: underline; text-underline-offset: 3px; }
  .ear:hover b, .ear:focus-visible b { text-decoration: underline; }
  .evening-list { display: flex; flex-direction: row; flex-wrap: wrap; }
  li.colw { display: block; flex: 1 1 0; min-width: 0; list-style: none; padding: 0 24px; border-left: 1px solid var(--ink); }
  li.colw:nth-child(2) { padding-left: 0; border-left: 0; }
  li.colw:last-child { padding-right: 0; }
  li.colw > ol { display: block; list-style: none; margin: 0; padding: 0; }
  .ev-item.lead { flex: 0 0 100%; padding: 14px 0 26px; }
  .ev-item.lead h2 { font-size: 44px; line-height: 1.1; margin: 8px 60px 0; }
  .lead .ev-body { grid-template-columns: 1.4fr 1fr; column-gap: 30px; }
  .lead .ev-lede { font-size: 18.5px; line-height: 1.45; }
  .lead .ev-sides { font-size: 16px; }
  .ev-item:not(.lead)[data-n] { padding: 0 0 18px; border: 0; }
  .ev-item:not(.lead)::before { position: static; grid-column: 1 / -1; margin: 0 0 8px; }
  .ev-fig.sm { display: block; margin: 6px 0 0; }
  .ev-fig.sm img { aspect-ratio: 16/9; }
  .ev-fig.sm figcaption { font-size: 11.5px; text-align: left; margin: 4px 0 6px; }
  li.blind-li { padding-top: 10px; }
  li.blind-li .ev-blind { margin: 14px 3px 3px; }
  svg.moon { margin-top: 30px; }
  .pn { max-width: 480px; margin: 18px auto 0; }
}
@media (prefers-color-scheme: dark) {
  :root { --paper: #181613; --ink: #e6dcc6; --bg: #181613; --text: #e6dcc6; --muted: #e6dcc6; --line: #e6dcc6; }
  body::before { content: none; }
  .f3 { background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M7 .8 8 3.5 10.7 4.5 8 5.5 7 8.2 6 5.5 3.3 4.5 6 3.5Z' fill='%23e6dcc6'/><circle cx='0' cy='4.5' r='.9' fill='%23e6dcc6'/><circle cx='14' cy='4.5' r='.9' fill='%23e6dcc6'/></svg>") 7px 0/14px 9px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='9'><path d='M7 .8 8 3.5 10.7 4.5 8 5.5 7 8.2 6 5.5 3.3 4.5 6 3.5Z' fill='%23e6dcc6'/><circle cx='0' cy='4.5' r='.9' fill='%23e6dcc6'/><circle cx='14' cy='4.5' r='.9' fill='%23e6dcc6'/></svg>") 7px 100%/14px 9px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14'><path d='M4.5 3.3 5.5 6 8.2 7 5.5 8 4.5 10.7 3.5 8 .8 7 3.5 6Z' fill='%23e6dcc6'/><circle cx='4.5' cy='0' r='.9' fill='%23e6dcc6'/><circle cx='4.5' cy='14' r='.9' fill='%23e6dcc6'/></svg>") 0 7px/9px 14px repeat-y,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14'><path d='M4.5 3.3 5.5 6 8.2 7 5.5 8 4.5 10.7 3.5 8 .8 7 3.5 6Z' fill='%23e6dcc6'/><circle cx='4.5' cy='0' r='.9' fill='%23e6dcc6'/><circle cx='4.5' cy='14' r='.9' fill='%23e6dcc6'/></svg>") 100% 7px/9px 14px repeat-y; }
  .ev-fig img { filter: grayscale(1) sepia(.35) contrast(1.12) brightness(.85); }
}