/* Research & documents one-pager, the 2026-10-13 version (user choice on canvas NWoD11BJzyskmpdT4be3EX: main B's cover
   cards, pioneers band and archive documents, main A's "Begin with" band on top and its six doors at the end).
   Built by upgrade/content/documents/reading.py; assets/js/research.js. White ground, ink, the section's powder blue in
   the head, navy for the pioneers, the doors in the home's six colours. Loaded after about.css; page-head.css (the
   head kit) loads after this file, so head rules use .ed-tools.rr-tools. */
body:has(.rr-page) { --ground: #fff; --paper: #fff; background: #fff; }
.rr-page {
	--rr-ink: #111; --rr-mute: #4a4d55; --rr-line: #d5d8e0; --rr-navy: #32365f; --rr-blue: #24408e; --rr-gold: #e8c26a; --rr-orange: #ef6530;
	color: var(--rr-ink);
}
.editorial .entry-content .rr-page :is(h2, h3) { color: inherit; margin: 0; text-transform: none; letter-spacing: 0; }
.editorial .entry-content .rr-page p { max-width: none; margin: 0; }
.rr-page a { color: inherit; }
.rr-page [lang="ar"] { font-family: var(--font-ar); letter-spacing: 0; }
.lang-ar .rr-page [lang="en"], .lang-ar .rr-page [lang="fr"], .lang-ar .rr-page .num { font-family: var(--font); }
.rr-page .num { font-variant-numeric: tabular-nums; }
.rr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rr-arw { display: inline-block; }
/* event.css keeps Latin names on one line inside Arabic text; whole titles in the other language must wrap */
.lang-ar .rr-page span[lang][dir="ltr"] { white-space: normal; }
.lang-ar .rr-arw { transform: scaleX(-1); }
.rr-page .is-off, .rr-page .rr-group.is-empty, .rr-page.is-filtering .rr-begin { display: none; }

/* ---------------------------------------------------------------- the head's tools */
.ed-tools.rr-tools { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 10px; width: 100%; }
.rr-tools .ed-tools__row--main { flex: 1 1 100%; flex-wrap: nowrap; }
.rr-field { position: relative; flex: 0 1 520px; }
.rr-field svg { position: absolute; inset-inline-start: 16px; top: 50%; width: 16px; height: 16px; margin-top: -8px; color: var(--sec-fg); pointer-events: none; }
.ed-tools .rr-field input { padding-inline-start: 42px; }
.rr-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.rr-chips__g { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.rr-sep { width: 1px; height: 22px; background: var(--sec-line, rgba(28, 36, 51, .22)); margin: 0 4px; }
.rr-chips__l { color: var(--sec-fg); font-size: 11.5px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; margin-inline-end: 4px; white-space: nowrap; }
.lang-ar .rr-chips__l { font-size: 13.5px; letter-spacing: 0; text-transform: none; }
.rr-tools .ed-chip[aria-pressed="true"] { background: var(--sec-fg, #1c2433); border-color: var(--sec-fg, #1c2433); color: #fff; }
.ed-strip.is-stuck .rr-chips__l, .ed-strip.is-stuck .rr-sep { display: none; }
@media (max-width: 640px) {
	.rr-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
	.rr-chips::-webkit-scrollbar { display: none; }
	.rr-chips__g { flex-wrap: nowrap; }
	.rr-sep, .rr-chips__l { display: none; }
	.rr-field { flex: 1 1 auto; }
}

/* ---------------------------------------------------------------- 1 · begin with (on black, right under the head) */
.ab-band.rr-begin { --ab-bg: #111; color: #fff; padding-block: 64px 72px; margin-top: calc(-1 * (var(--stack, 36px) + var(--pad-panel, 42px))); }
.rr-begin__g { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
.rr-cover { position: relative; margin-inline-end: 36px; }
.rr-cover a { display: block; }
.rr-cover__ph { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 15%; }
.rr-cover__disc { position: absolute; inset-inline-end: -36px; bottom: -36px; width: 50%; aspect-ratio: 1; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 8px #111; }
.rr-cover__disc img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rr-kick { color: var(--rr-gold); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 20px !important; }
.lang-ar .rr-kick { font-size: 15px; letter-spacing: 0; }
.editorial .entry-content .rr-page .rr-begin__t { font-family: var(--font-ar); font-size: clamp(30px, 3.2vw, 46px); font-weight: 600; line-height: 1.45; }
.rr-begin__t a { text-decoration: none; }
.rr-begin__t a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 8px; color: #fff; }
.rr-begin__gl { font-size: 22px; font-weight: 600; line-height: 1.3; margin-top: 12px !important; }
.rr-begin__d { color: #d9d9d9; font-size: 17px; line-height: 1.6; margin-top: 16px !important; max-width: 60ch !important; }
.lang-ar .rr-begin__d { font-size: 18px; line-height: 1.8; }
.rr-begin__m { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; color: #c9c9c9; font-size: 14px; margin-top: 18px !important; }
.rr-tag { display: inline-block; padding: 3px 8px; border: 1px solid currentColor; font-size: 11px; font-weight: 800; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.lang-ar .rr-tag { font-size: 13px; letter-spacing: 0; }
.rr-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.rr-page .rr-btn {
	display: inline-flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 20px; border: 1px solid #fff; border-radius: 0;
	background: transparent; color: #fff; font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer;
}
.rr-page .rr-btn svg { width: 14px; height: 14px; fill: currentColor; flex: none; }
.rr-page .rr-btn--w { background: #fff; color: #111; }
.rr-page .rr-btn--w:hover { background: var(--rr-gold); border-color: var(--rr-gold); color: #111; }
.rr-page .rr-btn--o:hover, .rr-page .rr-btn--o.is-playing { background: #fff; color: #111; }
.rr-page .rr-btn--ink { border-color: #111; background: #111; color: #fff; }
.rr-page .rr-btn--ink:hover { background: var(--rr-blue); border-color: var(--rr-blue); color: #fff; }
.rr-page .rr-btn:focus-visible, .rr-page .rr-voice:focus-visible, .rr-page .rr-player__b:focus-visible { outline: 2px solid var(--rr-gold); outline-offset: 3px; }
.rr-i-pause { display: none; }
.is-playing > .rr-i-play { display: none; }
.is-playing > .rr-i-pause { display: inline; }

/* the bar that drives the hidden AMAR player */
.rr-player { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 10px 16px; align-items: center; margin-top: 24px; padding: 14px 16px; background: #1d1d1d; }
.rr-player[hidden] { display: none; }
.rr-page .rr-player__b { display: grid; place-items: center; width: 52px; height: 52px; min-height: 0; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #111; cursor: pointer; }
.rr-page .rr-player__b:hover { background: var(--rr-gold); color: #111; }
.rr-player__b svg { width: 16px; height: 16px; fill: currentColor; }
.rr-begin.is-loading .rr-player__b { animation: rr-pulse 1s ease-in-out infinite; }
@keyframes rr-pulse { 50% { opacity: .55; } }
@media (prefers-reduced-motion: reduce) { .rr-begin.is-loading .rr-player__b { animation: none; } }
.rr-player__t { font-size: 14px; line-height: 1.4; }
.rr-player__t b { display: block; font-size: 15.5px; }
.rr-player__t span { color: #c4c4c4; }
.rr-player__time { color: #c4c4c4; font-size: 13px; white-space: nowrap; }
.rr-player__bar { grid-column: 2 / 4; position: relative; height: 3px; background: rgba(255, 255, 255, .22); cursor: pointer; }
.rr-player__bar::before { content: ""; position: absolute; inset: -8px 0; }
.rr-player__bar span { position: absolute; inset-block: 0; inset-inline-start: 0; width: 0; background: var(--rr-gold); }
.rr-player__msg { grid-column: 1 / -1; color: var(--rr-gold); font-size: 14px; line-height: 1.5; }
.rr-player__msg[hidden] { display: none; }
.rr-audio { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; }

.rr-voices { margin-top: 30px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, .22); }
.editorial .entry-content .rr-page .rr-voices h3, .editorial .entry-content .rr-page .rr-also h3 { color: #c4c4c4; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 14px; }
.lang-ar.editorial .entry-content .rr-page .rr-voices h3, .lang-ar.editorial .entry-content .rr-page .rr-also h3 { font-size: 14px; letter-spacing: 0; }
.rr-voices__g { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.rr-page .rr-voice {
	display: flex; align-items: center; gap: 10px; min-height: 0; margin: -6px; padding: 6px; border: 0; background: none; color: #fff;
	font: inherit; font-size: 13.5px; line-height: 1.3; text-align: start; cursor: pointer;
}
.rr-page .rr-voice:hover { background: rgba(255, 255, 255, .06); color: #fff; }
.rr-page .rr-voice:disabled { cursor: default; }
.rr-voice img { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; filter: grayscale(1); }
.rr-voice[aria-pressed="true"] img { filter: none; box-shadow: 0 0 0 2px var(--rr-gold); }
.rr-voice b { display: block; font-weight: 700; }
.rr-voice[aria-pressed="true"] b { color: var(--rr-gold); }
.rr-voice b + span { color: #c4c4c4; }
.lang-ar .rr-page .rr-voice { font-size: 14.5px; }
.rr-also { margin-top: 34px; }
.rr-also a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px; align-items: baseline; padding: 13px 0; border-top: 1px solid rgba(255, 255, 255, .22); color: #fff; text-decoration: none; }
.rr-also a:hover { color: var(--rr-gold); }
.rr-also b { font-size: 16px; }
.rr-also a > span { color: #c4c4c4; font-size: 13px; white-space: nowrap; }
.lang-ar .rr-also b { font-size: 17px; }

/* ---------------------------------------------------------------- 2 · the texts */
.ab-page .ev-section.rr-group, .ab-page .ev-section.rr-next { padding-top: 0; }
.ab-page .ev-section.rr-group { margin-top: 84px; }
.rr-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 440px); gap: 24px; align-items: end; padding-top: 18px; border-top: 3px solid #111; }
.editorial .entry-content .rr-page .rr-head h2 { font-size: clamp(34px, 4vw, 58px); font-weight: 700; line-height: .95; letter-spacing: -.045em; text-transform: uppercase; }
.lang-ar.editorial .entry-content .rr-page .rr-head h2 { font-size: clamp(30px, 3.2vw, 46px); line-height: 1.25; letter-spacing: 0; text-transform: none; }
.editorial .entry-content .rr-page .rr-head p { color: var(--rr-mute); font-size: 15.5px; }
.lang-ar.editorial .entry-content .rr-page .rr-head p { font-size: 16.5px; line-height: 1.8; }

.rr-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px 28px; margin-top: 30px; }
.rr-card { display: flex; flex-direction: column; min-width: 0; }
.rr-card__img { display: block; overflow: hidden; background: #eee; }
.rr-card__img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 22%; transition: transform .35s ease; }
.rr-card__img:hover img { transform: scale(1.03); }
@media (prefers-reduced-motion: reduce) { .rr-card__img img { transition: none; } }
.rr-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; color: var(--rr-mute); font-size: 13px; margin-top: 14px !important; }
.lang-ar .rr-meta { font-size: 14px; }
.rr-lang { display: inline-block; padding: 2px 7px; background: #111; color: #fff; font-size: 11.5px; font-weight: 700; line-height: 1.5; }
.lang-ar .rr-lang { font-size: 13px; }
.editorial .entry-content .rr-page .rr-card__t { font-size: 22px; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; margin-top: 8px; }
.editorial .entry-content .rr-page .rr-card__t [lang="ar"], .lang-ar.editorial .entry-content .rr-page .rr-card__t { font-size: 24px; font-weight: 600; line-height: 1.55; letter-spacing: 0; }
.lang-ar.editorial .entry-content .rr-page .rr-card__t [lang="en"], .lang-ar.editorial .entry-content .rr-page .rr-card__t [lang="fr"] { font-size: 22px; font-weight: 700; line-height: 1.3; }
.rr-card__t a { text-decoration: none; }
.rr-card__t a:hover { text-decoration: underline; text-underline-offset: 4px; color: inherit; }
.rr-card__o { color: var(--rr-mute); font-size: 15px; margin-top: 2px !important; }
.rr-card__d { font-size: 15.5px; line-height: 1.55; margin-top: 10px !important; }
.lang-ar .rr-card__d { font-size: 16.5px; line-height: 1.8; }
.rr-card__by { font-size: 14px; font-weight: 600; margin-top: 10px !important; }
.rr-card__also { font-size: 13.5px; font-weight: 700; margin-top: 8px !important; }
.rr-card__also a { text-decoration: none; border-bottom: 1px solid currentColor; }
.rr-card__also a:hover { color: var(--rr-blue); }

/* «From Ocean to Gulf» (content/documents/ocean.py): four cards a row, a disc label whole on black, parts as a list */
.rr-cards--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 24px; }
.rr-ocean .rr-kick { color: var(--rr-blue); margin-bottom: 12px !important; }
.editorial .entry-content .rr-page .rr-ocean .rr-oc__sub { color: var(--rr-ink); font-size: 19px; font-weight: 600; margin-top: 12px !important; }
.editorial .entry-content .rr-page .rr-ocean .rr-oc__sign { color: var(--rr-ink); font-size: 14px; font-weight: 700; margin-top: 12px !important; }
.lang-ar.editorial .entry-content .rr-page .rr-ocean .rr-oc__sub { font-size: 20px; }
.lang-ar.editorial .entry-content .rr-page .rr-ocean .rr-oc__sign { font-size: 15px; }
.rr-card__img--disc { background: #111; }
.rr-card__img--disc img { object-fit: contain; object-position: 50% 50%; }
.editorial .entry-content .rr-page .rr-oc__parts { list-style: none; margin: 12px 0 0; padding: 0; border-top: 1px solid var(--rr-line); }
.editorial .entry-content .rr-page .rr-oc__parts li { margin: 0; padding: 0; border-bottom: 1px solid var(--rr-line); }
.rr-oc__parts li::before, .rr-oc__parts li::marker { content: none; }
.rr-oc__parts a { display: flex; align-items: baseline; gap: 8px; padding: 8px 0; font-size: 14px; text-decoration: none; }
.rr-oc__parts a b, .rr-oc__parts a .num { flex: none; white-space: nowrap; }
.rr-oc__parts a span:not(.num):not(.rr-arw) { min-width: 0; }
.lang-ar .rr-oc__parts a { font-size: 15px; }
.rr-oc__parts a span { color: var(--rr-mute); }
.rr-oc__parts a .rr-arw { margin-inline-start: auto; }
.rr-oc__parts a:hover b { color: var(--rr-blue); }

/* the pioneers, on navy */
.ab-page .ev-section.ab-band.rr-pion { --ab-bg: var(--rr-navy); color: #fff; margin-top: 96px; padding-block: 64px 72px; }
.rr-pion .rr-head { border-top-color: #fff; }
.editorial .entry-content .rr-page .rr-pion .rr-head p { color: #d0d3e6; }
.rr-pps { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 22px; margin-top: 30px; }
.rr-pp { display: flex; flex-direction: column; min-width: 0; }
.rr-pp__pic { display: block; border-radius: 50%; text-decoration: none; }
.rr-page .rr-pp__f, .rr-page .rr-pp__nf { display: block; width: 100%; aspect-ratio: 1; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255, 255, 255, .18); }
.rr-page .rr-pp__f { height: auto; object-fit: cover; filter: grayscale(1); transition: filter .25s; }
.rr-pp__pic:hover .rr-pp__f { filter: none; }
.rr-page .rr-pp__nf { display: grid; place-items: center; background: #23264a; color: var(--rr-gold); font-size: clamp(16px, 1.5vw, 22px); font-weight: 800; }
.rr-pp__y { color: var(--rr-gold); font-size: 12.5px; font-weight: 700; margin-top: 14px !important; font-variant-numeric: tabular-nums; }
.editorial .entry-content .rr-page .rr-pp__n { font-size: 17px; font-weight: 700; line-height: 1.25; margin-top: 4px; }
.lang-ar.editorial .entry-content .rr-page .rr-pp__n { font-size: 18px; line-height: 1.5; }
.rr-pp__n a { text-decoration: none; }
.rr-pp__n a:hover { text-decoration: underline; text-underline-offset: 3px; color: #fff; }
.rr-pp__o { color: #c9cde6; font-size: 13.5px; margin-top: 2px !important; }
.rr-pp__d { color: #d9dcee; font-size: 14px; line-height: 1.5; margin-top: 8px !important; }
.lang-ar .rr-pp__d { font-size: 15px; line-height: 1.75; }
.rr-pp__by { color: #aeb2cf; font-size: 12.5px; margin-top: 6px !important; }
.lang-ar .rr-pp__by { font-size: 13.5px; }
.rr-pp__r { font-size: 12.5px; font-weight: 700; margin-top: auto !important; padding-top: 10px; }
.lang-ar .rr-pp__r { font-size: 13.5px; }
.rr-pp__r a { text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .5); }
.rr-pp__r a:hover { color: var(--rr-gold); border-color: var(--rr-gold); }

/* the archive's documents */
.rr-docs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; margin-top: 30px; }
.rr-doc { display: flex; flex-direction: column; min-width: 0; padding-top: 14px; border-top: 6px solid var(--rr-orange); }
.rr-doc__k { color: #b84329; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 10px !important; }
.lang-ar .rr-doc__k { font-size: 13.5px; letter-spacing: 0; }
.rr-doc__img { display: block; background: #eee; }
.rr-doc__img img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 30%; }
.editorial .entry-content .rr-page .rr-doc__t { font-size: 18px; font-weight: 700; line-height: 1.3; margin-top: 12px; }
.lang-ar.editorial .entry-content .rr-page .rr-doc__t { font-size: 19px; line-height: 1.55; }
.rr-doc__t a { text-decoration: none; }
.rr-doc__t a:hover { text-decoration: underline; text-underline-offset: 3px; color: inherit; }
.rr-doc__o { font-size: 16px; font-weight: 600; line-height: 1.5; margin-top: 2px !important; color: #2b2d33; }
.lang-ar .rr-doc__o { font-size: 15px; line-height: 1.35; }
.rr-doc__d { font-size: 14.5px; line-height: 1.55; margin-top: 8px !important; color: #2b2d33; }
.lang-ar .rr-doc__d { font-size: 15.5px; line-height: 1.75; }
.rr-doc__m { color: var(--rr-mute); font-size: 13px; margin-top: 8px !important; }
.rr-doc__l { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto !important; padding-top: 12px; }
.rr-doc__l a { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 0 10px; border: 1px solid #111; font-size: 13px; font-weight: 700; text-decoration: none; }
.rr-doc__l a:hover { background: #111; color: #fff; }

.rr-empty { padding: 56px 0 8px; }
.rr-empty[hidden] { display: none; }
.rr-empty p { font-size: 18px; margin-bottom: 18px !important; }

/* ---------------------------------------------------------------- 3 · where the texts lead: the six doors */
.ab-page .ev-section.rr-next { margin-top: 96px; }
.rr-doors { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin-top: 28px; }
.rr-door { display: flex; flex-direction: column; gap: 10px; min-height: 400px; padding: 22px 20px 24px; min-width: 0; }
.editorial .entry-content .rr-page .rr-door h3 { font-size: 22px; font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.lang-ar.editorial .entry-content .rr-page .rr-door h3 { font-size: 22px; line-height: 1.4; letter-spacing: 0; }
.rr-door p { font-size: 14.5px; line-height: 1.45; }
.lang-ar .rr-door p { font-size: 15.5px; line-height: 1.7; }
.rr-door ul { display: flex; flex-direction: column; gap: 6px; margin: 4px 0 0; padding: 0; list-style: none; font-size: 14.5px; font-weight: 600; }
.lang-ar .rr-door ul { font-size: 15.5px; }
.rr-door li { margin: 0; padding: 0; }
.rr-door ul a { text-decoration: none; }
.rr-door ul a:hover, .rr-door__go:hover { text-decoration: underline; text-underline-offset: 3px; color: inherit; }
.rr-door__go { margin-top: auto; padding-top: 12px; border-top: 1px solid currentColor; font-size: 14px; font-weight: 800; text-decoration: none; }
.rr-door__faces { display: flex; margin: 4px 0 2px; }
.rr-door__faces img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; filter: grayscale(1); box-shadow: 0 0 0 2px #b84329; margin-inline-end: -8px; }
.rr-door--p { background: #b84329; color: #fff; }
.rr-door--m { background: #32365f; color: #fff; }
.rr-door--w { background: #ef6530; color: #1f140e; }
.rr-door--l { background: #d4ad52; color: #1f1d16; }
.rr-door--c { background: #5f6f35; color: #fff; }
.rr-door--t { background: #a8c5dc; color: #1c2433; }
.rr-door--p a:hover, .rr-door--m a:hover, .rr-door--c a:hover { color: #fff; }

/* ---------------------------------------------------------------- narrower screens */
@media (max-width: 1199px) {
	.rr-begin__g { gap: 48px; }
	.rr-voices__g { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.rr-pps { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px 22px; }
	.rr-docs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px 22px; }
	.rr-doors { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.rr-door { min-height: 300px; }
	.rr-cards--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.rr-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 22px; }
	.rr-head { grid-template-columns: minmax(0, 1fr); gap: 10px; }
}
@media (max-width: 760px) {
	.ab-band.rr-begin { padding-block: 32px 40px; }
	.rr-begin__g { grid-template-columns: minmax(0, 1fr); gap: 44px; }
	.rr-cover { margin-inline-end: 28px; }
	.rr-cover__disc { inset-inline-end: -28px; bottom: -28px; width: 46%; box-shadow: 0 0 0 6px #111; }
	.rr-begin__gl { font-size: 18px; }
	.rr-begin__d { font-size: 15.5px; }
	.rr-player { grid-template-columns: 48px minmax(0, 1fr); }
	.rr-page .rr-player__b { width: 48px; height: 48px; }
	.rr-player__time { grid-column: 2; grid-row: 2; }
	.rr-player__bar { grid-column: 1 / 3; grid-row: 3; }
	.rr-also a { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.ab-page .ev-section.rr-group { margin-top: 56px; }
	.rr-cards { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.ab-page .ev-section.ab-band.rr-pion { margin-top: 64px; padding-block: 40px 48px; }
	.rr-pps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; }
	.rr-docs { grid-template-columns: minmax(0, 1fr); gap: 34px; }
	.ab-page .ev-section.rr-next { margin-top: 64px; }
	.rr-doors { grid-template-columns: minmax(0, 1fr); }
	.rr-door { min-height: 0; }
	/* the series on a phone: a small picture beside each card */
	.rr-cards--4 { gap: 28px; }
	.rr-oc { display: grid; grid-template-columns: 96px minmax(0, 1fr); column-gap: 16px; align-content: start; }
	.rr-oc > * { grid-column: 2; }
	.rr-oc > .rr-card__img { grid-column: 1; grid-row: 1 / span 6; align-self: start; }
	.rr-oc .rr-card__img img { aspect-ratio: 3 / 4; }
	.rr-oc .rr-meta { margin-top: 0 !important; }
	.editorial .entry-content .rr-page .rr-oc .rr-card__t { font-size: 19px; margin-top: 6px; }
}

/* responsive QA 2026-11-05: docked filters stay one swipe row on tablets */
.ed-strip.is-stuck .rr-chips__g { flex: none; flex-wrap: nowrap; }