/* The Russia influence graphics, scoped under .rig (the site's styles cannot reach in, these cannot reach out).
   Light mode only. Two sides, one colour each, used the same way in every figure and named in words in each key:
   Russia's side red, Norway's side blue (Rafa 2026-11-03), one dot per event; the card gives the date as the source
   does. Neither is a good/bad colour. */
.rig {
  --bg: #fbfbfa; --paper: #fbfbfa; --ink: #121518; --ink-2: #353a41; --quiet: #5f666f; --faint: #8b929b;
  --grid: #e6e8eb; --grid-2: #cfd3d8; --accent: #e8600a;
  --ru: #c0262d; --ru-soft: #f8dede; --ru-mid: #e39494;
  --no: #1d5a85; --no-soft: #dde9f2; --no-mid: #7fa7c6;
  --sea0: #edf3f6; --sea1: #e1ebf1; --sea2: #d3e2eb; --sea3: #c5d8e4; --sea4: #b7cedd;
  --land: #f1eee7; --land-edge: #9d978b;
  --f-serif: var(--font-serif, "Source Serif 4"), Georgia, "Times New Roman", serif;
  --f-data: var(--font-data, "IBM Plex Sans Condensed"), "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  color-scheme: light;
}
.rig, .rig *, .rig *::before, .rig *::after { box-sizing: border-box; }
.rig { background: var(--bg); color: var(--ink); font-family: var(--f-serif); font-size: 17px; line-height: 1.45; -webkit-text-size-adjust: 100%; }
.rig h2, .rig h3, .rig p, .rig figure, .rig blockquote, .rig ul, .rig ol { margin: 0; padding: 0; }
.rig ul, .rig ol { list-style: none; }
.rig a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 2px; text-decoration-color: var(--faint); }
.rig :focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
.rig svg { display: block; overflow: visible; max-width: 100%; }
.rig button { font: inherit; color: inherit; }

/* one figure */
.rig .ri-fig { min-width: 0; }
.rig .ri-wide { max-width: 1240px; margin: 0 auto; padding: 0 16px; }
@media (min-width: 1100px) { .rig .ri-wide { padding: 0 32px; } }
.rig .ri-h { font-family: var(--f-serif); font-size: clamp(21px, 2.3vw, 27px); font-weight: 700; line-height: 1.15; letter-spacing: -.012em; text-wrap: balance; max-width: 900px; }
.rig .ri-key { display: flex; flex-wrap: wrap; gap: 4px 18px; margin: 8px 0 14px; font-family: var(--f-data); font-size: 14px; color: var(--ink-2); }
.rig .ri-key span { display: inline-flex; flex-direction: row; align-items: center; gap: 6px; white-space: nowrap; }
.rig .sw { display: inline-block; flex: none; width: 11px; height: 11px; border-radius: 50%; }
.rig .sw.sw-bar { width: 18px; height: 8px; border-radius: 2px; }
.rig .sw.sw-sq { width: 10px; height: 10px; border-radius: 1.5px; background: #fff; border: 1.6px solid var(--ink-2); }
.rig .sw.sw-open { width: 18px; height: 8px; border-radius: 2px; background: transparent !important; border: 1.5px solid currentColor; }
.rig .sw.ru { background: var(--ru); color: var(--ru); } .rig .sw.no { background: var(--no); color: var(--no); }
.rig .sw.grey { background: var(--ink-2); color: var(--ink-2); }
.rig .ri-credit { font-family: var(--f-data); font-size: 13px; color: var(--quiet); line-height: 1.4; margin-top: 12px; max-width: 900px; }
.rig details.ri-how { margin-top: 6px; font-family: var(--f-data); font-size: 14px; color: var(--ink-2); max-width: 820px; }
.rig details.ri-how summary { cursor: pointer; color: var(--ink); font-weight: 600; width: max-content; max-width: 100%; }
.rig details.ri-how p { margin-top: 6px; line-height: 1.45; }

/* SVG type */
.rig .t-lane { font-family: var(--f-data); font-size: 13px; font-weight: 600; fill: var(--ink-2); }
.rig .t-axis { font-family: var(--f-data); font-size: 12px; fill: var(--quiet); }
.rig .t-axis.b { font-weight: 600; fill: var(--ink-2); }
.rig .t-lbl { font-family: var(--f-serif); font-size: 15px; fill: var(--ink); }
.rig .t-lbl.b { font-weight: 600; }
.rig .t-sub { font-family: var(--f-data); font-size: 13px; fill: var(--quiet); }
.rig .t-ru { font-family: var(--f-data); font-size: 13px; fill: var(--quiet); }
.rig .t-out { font-family: var(--f-data); font-size: 13px; font-weight: 600; letter-spacing: .02em; fill: var(--ink); }
.rig .t-time { font-family: var(--f-data); font-size: 13px; font-weight: 600; fill: var(--ru); }
.rig .t-place { font-family: var(--f-data); font-size: 13px; font-weight: 500; fill: var(--ink); }
.rig .t-place.big { font-size: 14px; font-weight: 600; }
.rig .t-country { font-family: var(--f-data); font-size: 11px; letter-spacing: .2em; fill: #8d8778; }
.rig .t-sea { font-family: var(--f-serif); font-style: italic; font-size: 13px; letter-spacing: .25em; fill: #5b7b92; }
.rig .t-num { font-family: var(--f-data); font-size: 12px; font-weight: 700; fill: #fff; }
.rig .halo { paint-order: stroke; stroke: var(--paper); stroke-width: 4px; stroke-linejoin: round; }
.rig .halo-land { paint-order: stroke; stroke: var(--land); stroke-width: 4px; stroke-linejoin: round; }
.rig .halo-sea { paint-order: stroke; stroke: var(--sea0); stroke-width: 4px; stroke-linejoin: round; }
.rig .hl-ru { fill: var(--ru); font-weight: 700; }

/* marks: everything with a source behind it is a button */
.rig .mk { cursor: pointer; outline: none; }
.rig .mk .hit { fill: transparent; }
.rig .mk.ru .ri-dot { fill: var(--ru); } .rig .mk.no .ri-dot { fill: var(--no); }
.rig .mk .ri-dot { stroke: var(--paper); stroke-width: 1.5; }
.rig .mk.ru .ri-bar { fill: var(--ru); } .rig .mk.no .ri-bar { fill: var(--no); }
.rig .mk.ru .ri-band { fill: var(--ru-soft); stroke: var(--ru); } .rig .mk.no .ri-band { fill: var(--no-soft); stroke: var(--no); }
.rig .mk .ri-band { stroke-width: 1.3; }
.rig .mk.ru .ri-ysq { fill: #fff; stroke: var(--ru); } .rig .mk.no .ri-ysq { fill: #fff; stroke: var(--no); }
.rig .mk .ri-ysq { stroke-width: 1.8; }
.rig .mk.ru .ri-yjoin { stroke: var(--ru-mid); } .rig .mk.no .ri-yjoin { stroke: var(--no-mid); }
.rig .mk .ri-yjoin { stroke-width: 1.2; stroke-dasharray: 2 3; }
.rig .mk:hover .ri-ysq, .rig .mk:focus-visible .ri-ysq, .rig .mk.on .ri-ysq { stroke: var(--ink); stroke-width: 2.4; }
.rig .leader { stroke: var(--ink-2); stroke-width: .9; }
.rig .t-ann { font-family: var(--f-serif); font-size: 14px; fill: var(--ink); }
.rig .t-annd { font-family: var(--f-data); font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; fill: var(--ink-2); }
.rig .ri-row.key { background: #fff; box-shadow: inset 3px 0 0 var(--ink); padding-left: 8px; margin-left: -8px; width: calc(100% + 8px); }
.rig .ri-row.key .s { font-weight: 600; }
.rig .mk:hover .ri-dot, .rig .mk:focus-visible .ri-dot, .rig .mk.on .ri-dot { stroke: var(--ink); stroke-width: 2; }
.rig .mk:hover .ri-bar, .rig .mk:hover .ri-band, .rig .mk:focus-visible .ri-bar, .rig .mk:focus-visible .ri-band, .rig .mk.on .ri-bar, .rig .mk.on .ri-band { stroke: var(--ink); stroke-width: 2; }
.rig .mk:focus-visible .hit, .rig .mk.on .hit { fill: rgba(232, 96, 10, .08); stroke: var(--accent); stroke-width: 1.5; }
.rig .lanebg { fill: #f3f4f5; }
.rig .lanebg.no { fill: #eef3f7; }
.rig .grid { stroke: var(--grid); stroke-width: 1; }
.rig .grid.y { stroke: var(--grid-2); }
.rig .axis { stroke: var(--ink); stroke-width: 1; }

/* the reading line under a chart: always there, never over the chart */
.rig .ri-read { min-height: 76px; margin-top: 10px; padding: 10px 14px; border-left: 3px solid var(--grid-2); background: #fff; }
.rig .ri-read.ru { border-left-color: var(--ru); } .rig .ri-read.no { border-left-color: var(--no); }
.rig .ri-read .d { font-family: var(--f-data); font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
.rig .ri-read .d i { font-style: normal; font-weight: 400; color: var(--quiet); letter-spacing: 0; text-transform: none; }
.rig .ri-read .s { font-size: 17px; line-height: 1.4; margin-top: 2px; }
.rig .ri-read .o { font-family: var(--f-data); font-size: 14px; color: var(--ink-2); margin-top: 4px; }
.rig .ri-read .o.no-it { font-style: normal; }

/* lists (the phone timeline, the full list) */
.rig .ri-yr { font-family: var(--f-data); font-size: 15px; font-weight: 700; margin: 18px 0 6px; padding-bottom: 3px; border-bottom: 1px solid var(--ink); }
.rig .ri-row { display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 2px 8px; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--grid); padding: 9px 0; cursor: pointer; }
.rig .ri-row:hover .s, .rig .ri-row:focus-visible .s { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.rig .ri-row .m { margin-top: 5px; }
.rig .ri-row .m i { display: block; width: 12px; height: 12px; border-radius: 50%; }
.rig .ri-row .m i.p { width: 18px; height: 7px; border-radius: 2px; margin-top: 2px; }
.rig .ri-row .m i.y { width: 11px; height: 11px; border-radius: 1.5px; background: transparent !important; border: 1.5px solid; }
.rig .ri-row.ru .m i { background: var(--ru); border-color: var(--ru); } .rig .ri-row.no .m i { background: var(--no); border-color: var(--no); }
.rig .ri-row .d { font-family: var(--f-data); font-size: 13px; font-weight: 600; color: var(--ink-2); }
.rig .ri-row .d i { font-style: normal; font-weight: 400; color: var(--quiet); }
.rig .ri-row .s { grid-column: 2; font-size: 16px; line-height: 1.38; }
.rig details.ri-list { margin-top: 12px; }
.rig details.ri-list > summary { cursor: pointer; font-family: var(--f-data); font-size: 15px; font-weight: 600; width: max-content; max-width: 100%; }
.rig .ri-cols { columns: 2 380px; column-gap: 32px; }
.rig .ri-cols .ri-ygroup { break-inside: avoid-column; }

/* the relay */
.rig .rl-node { stroke: var(--paper); stroke-width: 2; }
.rig .rl-node.src { fill: var(--ru); }
.rig .rl-node.rep { fill: #fff; stroke: var(--ru); stroke-width: 2.4; }
.rig .rl-link { fill: none; stroke: var(--ru-mid); stroke-width: 1.6; }
.rig .rl-drop { stroke: var(--grid-2); stroke-dasharray: 2 3; }
.rig .rl-brace { fill: none; stroke: var(--ink-2); stroke-width: 1.2; }
.rig .rl-later { display: grid; grid-template-columns: 52px repeat(3, minmax(0, 1fr)); gap: 12px; align-items: stretch; margin-top: 18px; }
.rig .rl-break { font-family: var(--f-data); font-weight: 700; font-size: 22px; color: var(--quiet); display: flex; align-items: center; justify-content: center; border-top: 2px dashed var(--grid-2); border-bottom: 2px dashed var(--grid-2); }
.rig .rl-card { display: flex; flex-direction: column; justify-content: flex-start; text-align: left; background: #fff; border: 1.5px solid var(--ru); border-radius: 3px; padding: 10px 12px; cursor: pointer; position: relative; }
.rig .rl-card.end { border-style: dashed; border-color: var(--ink-2); background: var(--paper); }
.rig .rl-card:hover, .rig .rl-card:focus-visible, .rig .rl-card.on { box-shadow: 0 0 0 2px var(--accent); }
.rig .rl-card .d { display: block; font-family: var(--f-data); font-size: 13px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); }
.rig .rl-card .o { display: block; font-family: var(--f-data); font-size: 13px; color: var(--quiet); margin: 1px 0 4px; }
.rig .rl-card .s { display: block; font-size: 15.5px; line-height: 1.38; }
.rig .rl-cc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 18px; margin-top: 22px; }
.rig .rl-box { border-top: 3px solid var(--ink); padding-top: 8px; }
.rig .rl-box.claim { border-top-color: var(--ru); }
.rig .rl-box.check { border-top-color: var(--no); }
.rig .rl-box .k { font-family: var(--f-data); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
.rig .rl-box .ru-t { font-family: var(--f-data); font-size: 15px; color: var(--ink-2); margin-top: 6px; line-height: 1.4; }
.rig .rl-box .en-t { font-size: 17px; margin-top: 6px; line-height: 1.42; }
.rig .rl-box .tr { font-family: var(--f-data); font-size: 13px; color: var(--quiet); margin-top: 4px; }
.rig .rl-box .who { font-family: var(--f-data); font-size: 14px; color: var(--ink-2); margin-top: 8px; }
.rig .rl-checkin { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 14px; align-items: start; margin-top: 6px; }
.rig .ri-btn { display: block; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--grid); padding: 8px 0; font-size: 16px; line-height: 1.4; cursor: pointer; }
.rig .ri-btn:hover, .rig .ri-btn:focus-visible, .rig .ri-btn.on { text-decoration: underline; text-underline-offset: 3px; }
.rig .ri-btn .d { display: block; font-family: var(--f-data); font-size: 13px; font-weight: 600; color: var(--ink-2); text-decoration: none; }
.rig .rl-phone .rl-hop { width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--grid); padding: 10px 0; cursor: pointer; display: block; }
.rig .rl-hop .top { display: flex; justify-content: space-between; gap: 8px; font-family: var(--f-data); font-size: 14px; }
.rig .rl-hop .top b { color: var(--ink); } .rig .rl-hop .top span { color: var(--ru); font-weight: 700; }
.rig .rl-hop .clock { display: block; position: relative; height: 10px; margin: 6px 0 6px; border-top: 1px solid var(--grid-2); }
.rig .rl-hop .clock i { position: absolute; top: -5px; width: 10px; height: 10px; margin-left: -5px; border-radius: 50%; background: var(--ru); }
.rig .rl-hop .clock i.rep { background: #fff; border: 2px solid var(--ru); }
.rig .rl-hop .clock s { position: absolute; top: 2px; font-family: var(--f-data); font-size: 10px; color: var(--quiet); text-decoration: none; transform: translateX(-50%); }
.rig .rl-hop .en { font-size: 16px; line-height: 1.35; margin-top: 10px; }
.rig .rl-hop .ru { font-family: var(--f-data); font-size: 13px; color: var(--quiet); margin-top: 2px; }
.rig .rl-hop .nt { font-family: var(--f-data); font-size: 13px; color: var(--ink-2); font-style: italic; margin-top: 3px; }
.rig .rl-hop .en b { color: var(--ru); }
@media (max-width: 759px) {
  .rig .rl-later { grid-template-columns: minmax(0, 1fr); }
  .rig .rl-break { border: 0; justify-content: flex-start; font-size: 18px; height: auto; }
  .rig .rl-cc { grid-template-columns: minmax(0, 1fr); }
  .rig .rl-checkin { grid-template-columns: minmax(0, 1fr); }
}

/* Article 9 */
.rig .a9-top { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 22px; align-items: start; }
.rig .a9-text { font-size: 19px; line-height: 1.55; border-left: 3px solid var(--ink); padding: 2px 0 2px 16px; }
.rig .a9-text .a9-art { display: block; font-family: var(--f-data); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 4px; }
.rig .a9-text mark { background: linear-gradient(transparent 58%, #ece6d6 58%); color: inherit; font-weight: 600; padding: 0 1px; }
.rig .a9-src { font-family: var(--f-data); font-size: 13px; color: var(--quiet); margin-top: 6px; }
.rig .a9-loc .cap { font-family: var(--f-data); font-size: 13px; color: var(--ink-2); margin-top: 4px; }
.rig .a9-table { margin-top: 22px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 18px; }
.rig .a9-table .hd { font-family: var(--f-data); font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid; }
.rig .a9-table .hd.ru { color: var(--ru); border-color: var(--ru); } .rig .a9-table .hd.no { color: var(--no); border-color: var(--no); }
.rig .a9-cell { text-align: left; background: none; border: 0; border-bottom: 1px solid var(--grid-2); padding: 11px 0 12px; cursor: pointer; display: flex; flex-direction: column; justify-content: flex-start; width: 100%; }
.rig .a9-cell .d { display: block; font-family: var(--f-data); font-size: 13px; font-weight: 600; color: var(--ink-2); }
.rig .a9-cell .side { display: none; }
.rig .a9-cell .s { display: block; font-size: 16px; line-height: 1.4; margin-top: 2px; }
.rig .a9-cell:hover .s, .rig .a9-cell:focus-visible .s, .rig .a9-cell.on .s { text-decoration: underline; text-underline-offset: 3px; }
.rig .a9-cell.ru .d { color: var(--ru); } .rig .a9-cell.no .d { color: var(--no); }
.rig .a9-pair { display: contents; }
@media (max-width: 759px) {
  .rig .a9-top { grid-template-columns: minmax(0, 1fr); }
  .rig .a9-table { grid-template-columns: minmax(0, 1fr); }
  .rig .a9-table .hd { display: none; }
  .rig .a9-pair { display: block; border-top: 2px solid var(--ink); margin-top: 8px; }
  .rig .a9-cell .side { display: inline; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
}

/* the cargo map and strip */
.rig .sea0 { fill: var(--sea0); } .rig .d200 { fill: var(--sea1); } .rig .d1000 { fill: var(--sea2); } .rig .d2000 { fill: var(--sea3); } .rig .d3000 { fill: var(--sea4); }
.rig .land { fill: var(--land); stroke: var(--land-edge); stroke-width: .5; stroke-linejoin: round; }
.rig .grat { fill: none; stroke: #fff; stroke-width: .7; stroke-opacity: .8; }
.rig .place-dot { fill: var(--ink); stroke: #fff; stroke-width: 1.2; }
.rig .leg { fill: none; stroke-width: 3; stroke-linecap: round; }
.rig .leg.ru { stroke: var(--ru); } .rig .leg.no { stroke: var(--no); }
.rig .leg.dash { stroke-dasharray: 2 6; stroke-width: 2.6; }
.rig .leghit { fill: none; stroke: transparent; stroke-width: 16; pointer-events: stroke; }
.rig .mk.legmk:hover .leg, .rig .mk.legmk:focus-visible .leg, .rig .mk.legmk.on .leg { stroke-width: 4.5; }
.rig .stopbar { stroke: var(--ru); stroke-width: 4; stroke-linecap: round; }
.rig .numc.ru { fill: var(--ru); } .rig .numc.no { fill: var(--no); }
.rig .cg-top { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: 20px; align-items: start; }
.rig .cg-legs li { margin: 0; }
.rig .cg-legs .ri-btn { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 8px; }
.rig .cg-legs .n { width: 22px; height: 22px; border-radius: 50%; color: #fff; font-family: var(--f-data); font-weight: 700; font-size: 13px; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
.rig .cg-legs .n.ru { background: var(--ru); } .rig .cg-legs .n.no { background: var(--no); }
.rig .cg-legs .n.dashn { background: #fff; color: var(--no); border: 2px dashed var(--no); }
@media (max-width: 759px) { .rig .cg-top { grid-template-columns: minmax(0, 1fr); } }

/* PST */
.rig .pst-grid { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); gap: 6px; }
@media (max-width: 759px) { .rig .pst-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rig .pst-cell { background: #fff; border: 1.5px solid var(--grid-2); border-radius: 3px; padding: 8px 8px 10px; text-align: left; cursor: pointer; min-width: 0; }
.rig .pst-cell.named { background: var(--no); border-color: var(--no); color: #fff; }
.rig .pst-cell .y { display: block; font-family: var(--f-data); font-size: 20px; font-weight: 700; line-height: 1.1; }
.rig .pst-cell .w { display: block; font-family: var(--f-data); font-size: 13px; margin-top: 3px; }
.rig .pst-cell:not(.named) .w { color: var(--quiet); }
.rig .pst-cell:hover, .rig .pst-cell:focus-visible, .rig .pst-cell.on { box-shadow: 0 0 0 2px var(--accent); }
.rig .pst-q { font-size: 17px; line-height: 1.45; }
.rig .pst-q .nb { font-family: var(--f-data); font-size: 15px; color: var(--ink-2); display: block; margin-top: 2px; }

/* the source panel (one per page): closable, never over the page for long (Escape, the ×, or scrolling it away) */
.rig.ri-float { position: static; background: transparent; }
.rig #ri-ev { position: fixed; z-index: 60; right: 18px; bottom: 18px; left: auto; top: auto; width: min(400px, calc(100vw - 36px)); max-height: min(70vh, 520px); overflow: auto;
  background: #fff; border: 1px solid var(--ink); box-shadow: 0 10px 30px rgba(18, 21, 24, .22); padding: 14px 16px 14px; }
.rig #ri-ev[hidden] { display: none; }
.rig #ri-ev .k { font-family: var(--f-data); font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--quiet); }
.rig #ri-ev h3 { font-family: var(--f-data); font-size: 15px; font-weight: 700; margin: 2px 32px 6px 0; }
.rig #ri-ev .sum { font-size: 16px; line-height: 1.42; }
.rig #ri-ev .qt { font-size: 15px; line-height: 1.42; margin-top: 8px; padding-left: 10px; border-left: 2px solid var(--grid-2); }
.rig #ri-ev .qt .ri-orig { display: block; font-family: var(--f-data); color: var(--ink-2); }
.rig #ri-ev .src { font-family: var(--f-data); font-size: 14px; color: var(--ink-2); margin-top: 8px; }
.rig #ri-ev .src + .src { margin-top: 4px; }
.rig #ri-ev .ev-x { position: absolute; top: 6px; right: 8px; width: 34px; height: 34px; border: 0; background: none; font-size: 24px; line-height: 1; cursor: pointer; color: var(--ink); }
@media (min-width: 760px) { .rig #ri-ev { right: auto; bottom: auto; } }
@media (max-width: 759px) { .rig #ri-ev { left: 8px; right: 8px; bottom: 8px; width: auto; max-height: 55vh; } }
/* the card beside the item: placed by placePanel() in graphic.js */

/* the share card */
.rig #ri-share { width: 1200px; height: 630px; padding: 34px 44px; background: var(--bg); flex-direction: column; }
.rig #ri-share .ri-sk { font-family: var(--f-data); font-size: 18px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--quiet); }
.rig #ri-share .ri-st { font-family: var(--f-serif); font-size: 44px; font-weight: 700; line-height: 1.05; letter-spacing: -.02em; margin: 6px 0 4px; }
.rig #ri-share .ri-sc { font-family: var(--f-data); font-size: 15px; color: var(--quiet); margin-top: auto; }
@media print { .rig #ri-ev { display: none; } }

/* the how-to-read line under a graphic title */
.rig .ri-sub { font-family: var(--f-data); font-size: 15px; color: var(--ink-2); margin: -2px 0 8px; }

/* the card: the item's text, then its source; dragged by the top bar on desktop */
.rig #ri-ev .ev-d { font-family: var(--f-data); font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); margin: 2px 32px 4px 0; }
.rig #ri-ev .pst-q .tr { display: block; font-size: 16px; line-height: 1.42; }
.rig #ri-ev .pst-q .nb { display: block; margin-top: 6px; font-size: 14px; color: var(--ink-2); }
@media (min-width: 760px) { .rig #ri-ev .ev-grip { cursor: move; user-select: none; touch-action: none; margin: -14px -16px 6px; padding: 12px 48px 8px 16px; background: #f3f4f5; border-bottom: 1px solid var(--grid-2); } }