/* Runde 3: Heute, News, a story's page, Mehr lesen, Ausgaben (the app's TodayR3, NewsView, NewsTiles, NewsStoryView,
   IssuesR3). Loaded after app.css; tokens and the shared blocks are in app.css §1 and §17. Sizes are the app's points
   (1 CSS px = 1 pt at the 402 pt iPhone width); cards sit 16 from the screen's edge, labels 18. White cards with a
   hairline (rule) instead of shadows; ink for what is tapped; no italics anywhere. */

/* ── Shared: labels, cards, rows, Mehr lesen, Von uns, the sign-up card ─────────────────────────────────────── */
.r3-label{overflow:hidden;font:400 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;text-overflow:ellipsis}
.r3-card{background:var(--surface);border:1px solid var(--rule);border-radius:14px}
.q{color:var(--quiet)}
/* "SYMBOLBILD" on a photo that only illustrates the story */
.r3-symbol{position:absolute;left:10px;bottom:10px;padding:3px 6px 2px;border-radius:4px;background:rgba(10,10,12,.55);color:#fff;
  font:400 9px/1.25 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase}
/* "NEU" under a headline, only where this browser hasn't shown the story (app.js sets .is-new) */
.nsources.r3-new{display:none;margin-top:6px;font:400 9.5px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent-text)}
.nsources.r3-new.is-new{display:block}
.nsources.r3-new.is-new::before{content:none}

/* rows (StoryRows): the headline with its photo on the right, a hairline above each */
.r3-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-top:1px solid var(--rule)}
.r3-row.no-rule{border-top-color:transparent}
.r3-row-text{display:block;flex:1;min-width:0}
.r3-row-h{display:-webkit-box;overflow:hidden;font:650 16.5px/1.22 var(--sans);letter-spacing:-.012em;color:var(--ink);
  -webkit-box-orient:vertical;-webkit-line-clamp:3;text-wrap:pretty}
.r3-row-thumb{position:relative;width:64px;height:64px;flex:none;overflow:hidden;border-radius:8px;background:var(--soft)}
.r3-row-thumb img,.r3-row-thumb .nmosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Mehr lesen: sideways cards (220 pt) that run to the screen's edge, the next one peeking in */
.r3-reads{display:flex;gap:10px;margin:12px -16px 0;padding:0 16px 2px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-padding:0 16px;scrollbar-width:none;overscroll-behavior-x:contain}
.r3-reads::-webkit-scrollbar{display:none}
.r3-read{display:flex;flex:none;flex-direction:column;width:220px;overflow:hidden;border:1px solid var(--rule);border-radius:14px;
  background:var(--surface);scroll-snap-align:start}
.r3-read-photo{position:relative;display:block;height:120px;overflow:hidden;background:var(--soft)}
.r3-read-photo img,.r3-read-photo .nmosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r3-read-body{display:flex;flex-direction:column;gap:5px;padding:11px 12px 14px}
.r3-read-outlet{overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;text-overflow:ellipsis}
.r3-read-h{display:-webkit-box;height:78px;overflow:hidden;font:700 16px/1.22 var(--sans);letter-spacing:-.014em;color:var(--ink);
  -webkit-box-orient:vertical;-webkit-line-clamp:4}

/* Von uns: our newest issue on the tint */
.r3-vonuns{display:flex;flex-direction:column;padding:16px;border-radius:14px;background:var(--tinted)}
.r3-vonuns-t{margin-top:6px;font:800 22px/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance}
.r3-vonuns-meta{margin-top:3px;overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis}
.r3-vonuns-lead{display:-webkit-box;margin-top:12px;overflow:hidden;font:400 16.5px/1.42 var(--serif);color:var(--ink);
  -webkit-box-orient:vertical;-webkit-line-clamp:3}
.r3-go{display:inline-flex;align-items:center;gap:2px;margin-top:14px;font:650 14.5px/1.2 var(--sans);color:var(--ink)}
.r3-go svg{width:13px;height:13px}

/* a sign-up on the tint (TintSignupCard): Heute's Campus card, Ausgaben's mail edition */
.r3-tintcard{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:16px;border-radius:14px;
  background:var(--tinted)}
.r3-tintcard[data-campus-card] .r3-label{padding-right:32px}
.r3-tintcard-t{margin-top:6px;font:800 22px/1.15 var(--sans);letter-spacing:-.03em;color:var(--ink)}
.r3-tintcard-text{margin-top:10px;font:400 16.5px/1.42 var(--serif);color:var(--ink)}
.r3-tintcard .inkcap{margin-top:14px}
.r3-tintcard-x{position:absolute;top:0;right:0;display:grid;place-items:center;width:44px;height:44px;color:var(--ink-3)}
.r3-tintcard-x svg{width:13px;height:13px}

/* ── Heute (TodayR3View) ────────────────────────────────────────────────────────────────────────────────────────── */
/* each block brings its own space; the first one opens the page (app.js keeps .is-first in step) */
.hb-topStory{margin-top:16px}.hb-topStory.is-first{margin-top:0}
.hb-mosaik{margin-top:10px}.hb-mosaik.is-first{margin-top:14px}
.hb-news{margin-top:16px}.hb-news.is-first{margin-top:14px}
.hb-lesenswert,.hb-raetsel{margin-top:30px}
.hb-themen{margin-top:24px}.hb-themen.is-first{margin-top:14px}
.hb-news .r3-card,.hb-news .r3-vonuns{margin-top:16px}
.hb-news.is-first .r3-card{margin-top:0}
.hb-news.is-first>.srule{display:none}
.hb-news:not(.is-first) .r3-when-first{display:none}
.hb-news:not(.is-first) .r3-rows-card .r3-row:first-of-type{border-top-color:transparent}
.hb-news .srule-heavy{margin:20px 0 0;padding-bottom:8px}

/* the lead: one white card across the band's edge, the squares down the right margin beside its photo */
.r3-lead-wrap{position:relative}
.r3-lead{display:block;overflow:hidden;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}
.r3-lead-photo{position:relative;display:block;height:190px;overflow:hidden;background:var(--soft)}
.r3-lead-photo img,.r3-lead-photo .nmosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r3-lead-body{display:block;padding:14px 16px 16px}
.r3-lead-h{display:block;margin-top:8px;font:650 23px/1.1 var(--sans);letter-spacing:-.026em;color:var(--ink);text-wrap:pretty}
.r3-lead-sum{display:block;margin-top:10px;font:400 15.5px/1.4 var(--serif);color:var(--ink-2)}
.r3-lead-sq{position:absolute;top:2px;right:-16px}
.hb-topStory:not(.is-first) .r3-lead-sq{display:none}

/* the day's Mosaik as one slim card, the quiet way to more under it */
.r3-mosaik{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}
.r3-mosaik-board{width:44px;height:44px;flex:none;overflow:hidden;border-radius:9px}
.r3-mosaik-board .board{display:block;width:100%;height:100%}
.r3-mosaik-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.r3-mosaik-text strong{font:750 17px/1.15 var(--sans);letter-spacing:-.02em;color:var(--ink)}
.r3-mosaik-text span{overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;text-overflow:ellipsis}
.r3-more-mosaik{display:inline-flex;align-items:center;gap:3px;margin:10px 0 0 2px;font:500 14px/1.2 var(--sans);color:var(--ink-3)}
.r3-more-mosaik svg{width:11px;height:11px}

/* Auch wichtig: the rows on one card */
.r3-rows-card{padding:4px 16px}
.hb-news.is-first .r3-rows-card{padding-top:16px}
.r3-rows-card .r3-label{padding-bottom:10px}

/* Mehr Rätsel */
.r3-puzzles{padding:16px 16px 4px}
.r3-puzzles .r3-label{padding-bottom:10px}
.r3-prow{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--rule);color:var(--ink)}
.r3-glyph{width:30px;height:30px;flex:none;margin:1px}
.r3-prow-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.r3-prow-text strong{font:650 16px/1.2 var(--sans);color:var(--ink)}
.r3-prow-text span{font:400 14px/1.3 var(--serif);color:var(--ink-2)}
.r3-prow>svg:last-child{width:13px;height:13px;flex:none;color:var(--ink-3)}

/* the Campus card at the end, then the page's end */
.r3-home~.r3-tintcard{margin-top:20px}
.r3-end{gap:16px;margin-top:36px}
.r3-end .hairline{background:var(--rule)}
.r3-end p{margin-top:6px;font:550 15px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink-3)}

/* ── News (NewsView, NewsTiles, NewsR3) ─────────────────────────────────────────────────────────────────────────── */
/* "FÜR DICH ⌄" in the bar's row beside the profile button (the app's toolbar menu); its menu drops under it */
.r3-newsbar{position:fixed;z-index:41;top:calc(var(--safe-top) + 6px);right:max(68px,calc(50% - 220px + 68px))}
.r3-newsbar-pill{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px 0 16px;border-radius:22px;cursor:pointer;
  list-style:none;font:400 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.r3-newsbar-pill::-webkit-details-marker{display:none}
.r3-newsbar-pill svg{width:11px;height:11px;transform:rotate(90deg);transition:transform .2s ease}
.r3-newsbar[open] .r3-newsbar-pill svg{transform:rotate(-90deg)}
.r3-newsmenu{position:absolute;top:52px;right:0;display:flex;flex-direction:column;gap:4px;min-width:230px;padding:8px;border-radius:22px}
.r3-newsmenu .chip{justify-content:flex-start;width:100%}
.r3-newsmenu-link{display:flex;align-items:center;gap:8px;height:42px;margin-top:4px;padding:0 14px;border-top:1px solid var(--rule);
  font:500 15px/1 var(--sans);color:var(--ink)}
.r3-newsmenu-link svg{width:17px;height:17px}

/* the tiles: white with a hairline, corners of 18, 10 apart; photos inset with corners of 12 */
.r3k-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.r3k{position:relative;display:block;overflow:hidden;border:1px solid var(--rule);border-radius:18px;background:var(--surface);color:var(--ink)}
.r3k img{display:block}
.nsources.r3k-kicker{display:block;overflow:hidden;font:400 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis}
.r3k-kicker b{font-weight:400;color:var(--ink)}
.nsources.r3k-kicker.is-new::before{color:var(--accent-text);font-weight:400}
.nsources.r3k-kicker.on-photo,.r3k-kicker.on-photo b{color:rgba(255,255,255,.78)}
.nsources.r3k-kicker.on-photo.is-new::before{color:#fff}
.r3k-photo,.r3k-bg,.r3k-zahl-photo,.r3k-round,.r3k-corner,.r3k-kopf-face{position:relative;display:block;overflow:hidden;background:var(--soft)}
.r3k-photo img,.r3k-bg img,.r3k-zahl-photo img,.r3k-round img,.r3k-corner img,.r3k-kopf-face img,
.r3k-photo .nmosaic,.r3k-bg .nmosaic,.r3k-zahl-photo .nmosaic,.r3k-round .nmosaic,.r3k-corner .nmosaic,.r3k-kopf-face .nmosaic{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r3k-photo{height:184px;border-radius:12px}
.r3k-h{display:block;margin-top:8px;font:650 22px/1.16 var(--sans);letter-spacing:-.024em;text-wrap:pretty}
.r3k-h.is-lead{font-size:26px}
.r3k-sum{display:-webkit-box;margin-top:10px;overflow:hidden;font:400 16px/1.4 var(--serif);color:var(--ink-2);-webkit-line-clamp:3;
  -webkit-box-orient:vertical}
.r3k-follow{display:block;margin-top:12px;overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
.r3k-follow.on-photo{color:#fff}
.r3k-face{display:inline-block;width:.92em;height:.92em;margin:0 .04em;border-radius:50%;object-fit:cover;vertical-align:-.13em}
.r3k-foto{padding:6px 6px 18px}
.r3k-foto .r3k-body{display:block;padding:16px 12px 0 14px}
.r3k-bild{display:flex;flex-direction:column;justify-content:flex-end;padding-top:180px;border:0;color:#fff}
.r3k-bild.is-lead{padding-top:230px}
.r3k-bg{position:absolute;inset:0}
.r3k-bild>.r3-symbol{top:16px;bottom:auto;left:16px}
.r3k-bild .r3k-body{position:relative;z-index:1;display:block;padding:0 18px 18px 20px}
.r3k-bild .r3k-body::before{content:"";position:absolute;z-index:-1;inset:-110px 0 0;
  background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.58) 20%,rgba(0,0,0,.74) 45%,rgba(0,0,0,.86) 100%)}
.r3k-bild .q{color:rgba(255,255,255,.7)}
.r3k-bild .r3k-sum{color:rgba(255,255,255,.84)}
.r3k-head{padding:20px 18px 18px 20px}
.r3k-headtop{display:flex;align-items:flex-start;gap:12px}
.r3k-headtop .r3k-kicker{flex:1;min-width:0}
.r3k-corner{flex:none;width:64px;height:64px;border-radius:20px}
.r3k-big{display:block;margin-top:4px;font:650 24px/1.12 var(--sans);letter-spacing:-.03em;text-wrap:pretty}
.r3k-big.is-tight{margin-top:12px}
.r3k-head.is-lead .r3k-big{font-size:26px}
.r3k-head .r3k-sum{margin-top:14px}
/* the number a story opens on, the photo beside it */
.r3k-zahl{display:flex;gap:4px;padding:6px}
.r3k-zahl-text{display:flex;flex:1;flex-direction:column;min-width:0;min-height:176px;padding:8px 8px 8px 12px}
.r3k-zahl-top{display:flex;align-items:flex-start;gap:4px;margin-bottom:12px}
.r3k-zahl-k{flex:1;font:400 9.5px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.r3k-zahl-top .r3-new{margin-top:0}
.r3k-zahl-v{margin-top:auto;overflow:hidden;font:800 40px/.9 var(--sans);letter-spacing:-.045em;white-space:nowrap;color:var(--ink)}
.r3k-zahl-l{margin-top:8px;font:400 9.5px/1.45 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3)}
.r3k-zahl-t{margin-top:6px;font:700 17px/1.2 var(--sans);letter-spacing:-.016em;color:var(--ink)}
.r3k-zahl-photo{flex:none;width:156px;border-radius:12px}
/* an important story summed up */
.r3k-kurz{padding:22px 20px 20px 22px}
.r3k-kurz .r3k-h{margin-top:10px}
.r3k-kurz .r3k-face{width:1.1em;height:1.1em;vertical-align:-.2em}
.r3k-kurz-sum{display:block;margin-top:10px;font:400 16.5px/1.4 var(--serif);color:var(--ink-2)}
/* a follow-up, why it matters */
.r3k-folge{display:flex;align-items:flex-start;gap:12px;padding:16px 12px 16px 18px}
.r3k-folge-text{display:flex;flex:1;flex-direction:column;min-width:0}
.r3k-folge-line{display:block;overflow:hidden;font:500 14px/1.3 var(--sans);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis}
.r3k-folge-k{font:400 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.r3k-strip-t{display:block;margin-top:5px;font:700 17.5px/1.2 var(--sans);letter-spacing:-.016em;color:var(--ink)}
.nsources.r3k-meta{display:block;margin-top:9px;overflow:hidden;font:400 10px/1.3 var(--mono);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis}
.r3k-meta b{font-weight:400;color:var(--ink)}
.nsources.r3k-meta.is-new::before{color:var(--accent-text);font-weight:600}
.r3k-round{flex:none;width:52px;height:52px;border-radius:50%}
.r3k-warum{padding:18px 18px 16px 20px}
.r3k-warum .r3k-strip-t{margin-top:6px}
.r3k-warum-h{display:block;margin-top:14px;font:400 10px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.r3k-warum-text{display:block;margin-top:6px;font:400 16.5px/1.38 var(--serif);color:var(--ink)}
.r3k-warum .r3-new,.r3k-warum .r3k-follow{margin-top:12px}
/* Köpfe des Tages */
.r3k-koepfe{padding:16px 16px 2px}
.r3k-kopf{position:relative;display:flex;align-items:flex-start;gap:12px;padding:14px 0}
.r3k-kopf+.r3k-kopf::before{content:"";position:absolute;top:0;left:60px;right:0;height:1px;background:var(--rule)}
.r3k-kopf-face{flex:none;width:48px;height:48px;border-radius:50%}
.r3k-kopf-text{display:flex;flex:1;flex-direction:column;min-width:0}
.r3k-kopf-text strong{margin-top:4px;font:700 17.5px/1.2 var(--sans);letter-spacing:-.018em;color:var(--ink)}
.r3k-kopf-says{margin-top:3px;font:400 17px/1.32 var(--serif);color:var(--ink-2)}
/* rows in one box; the day's smaller stories */
.r3k-zeilen{padding:4px 16px}
.r3k-list{padding:16px 16px 4px}
.r3k-list-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding-bottom:10px}
.r3k-breaking{margin:0 0 -2px 16px;font:400 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--alert)}
/* today's first tile across the band's edge, the squares down the right margin beside it */
.r3k-first{position:relative}
.r3k-first-sq{position:absolute;top:2px;right:-16px}
/* a day's head: a 2 pt ink rule, the day, its date and count in mono, "Alle N ›" */
.r3k-dayhead{margin:30px 2px 14px;padding-top:12px;border-top:2px solid var(--ink)}
.r3k-dayhead p{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.r3k-dayhead strong{overflow:hidden;font:750 20px/1.2 var(--sans);letter-spacing:-.022em;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}
.r3k-dayhead a{flex:none;font:650 15px/1.2 var(--sans);color:var(--ink)}
.r3k-dayhead>span{display:block;margin-top:3px;font:400 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.r3k-all{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:6px 8px;font:650 15px/1.2 var(--sans);color:var(--ink)}
.r3k-all svg{width:12px;height:12px}
.r3k-after{margin-top:30px}
/* Frühere Tage: a chip each, opening the day into the ticker */
.r3-earlier{margin-top:30px}
.r3-earlier-days{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.nearlier{display:grid;gap:3px;padding:9px 12px;border-radius:14px;background:var(--surface);text-align:left}
.nearlier strong{font:600 14px/1.2 var(--sans);color:var(--ink)}
.nearlier .mono{font-size:9.5px;color:var(--ink-3)}
.nearlier.is-failed .mono{color:var(--alert)}
/* the end of the feed */
.r3-note{margin-top:24px;padding:0 2px;font:400 16.5px/1.4 var(--serif);color:var(--ink-2)}
.r3-newsfoot{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px;padding:0 2px}
.r3-newsfoot::before{content:"";align-self:stretch;height:1px;background:var(--rule)}
.r3-newsfoot p{font:400 14.5px/1.4 var(--serif);color:var(--ink-3)}
.r3-newsfoot p a{text-decoration:underline;text-underline-offset:2px}
/* a full day: its date and count in mono over the tiles */
.r3-dayline{padding:8px 0 6px;font:400 10.5px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}

/* ── A story's page (NewsStoryView, board R3-Meldung) ───────────────────────────────────────────────────────────── */
/* no tab bar under a story and no title in the bar: the sources' button stands at the bottom */
.r3-story .tabbar{display:none}
.r3-story .nav-title{visibility:hidden}
.r3-story-page{padding:8px 2px 0}
.r3-story-tags{display:flex;align-items:center;gap:10px}
.r3-tag{padding:4px 7px 3px;border-radius:4px;background:var(--tag-bg);color:var(--ink);font:400 10.5px/1.2 var(--mono);letter-spacing:.08em;
  text-transform:uppercase}
.r3-story-alert{font:400 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--alert)}
/* its place among today's stories, for the three most important (NewsStoryView.todaysRank) */
.r3-story-rank{font:400 10.5px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}
.r3-story-h{margin-top:12px;font:750 27px/1.07 var(--sans);letter-spacing:-.028em;color:var(--ink);text-wrap:pretty}
.r3-story-dek{margin-top:10px;font:400 18.5px/1.3 var(--serif);color:var(--ink)}
.r3-story-meta{display:flex;flex-direction:column;gap:2px;margin-top:14px}
.r3-story-meta>span:first-child{font:400 13px/1.3 var(--sans);color:var(--ink-2)}
.r3-story-meta b{font-weight:700;color:var(--ink)}
.r3-story-date{font:400 10.5px/1.3 var(--mono);letter-spacing:.04em;color:var(--ink-3)}
/* the photo edge to edge, its credit under it */
.r3-story-photo{margin:18px -18px 0}
.r3-story-img{position:relative;display:block;height:200px;overflow:hidden;background:var(--soft)}
.r3-story-img img,.r3-story-img .nmosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r3-story-credit{margin-top:8px;padding:0 18px;font:400 10px/1.6 var(--mono);color:var(--ink-3)}
.r3-story-credit a{color:var(--ink-2)}
/* our summary in Newsreader, 30 pt between its paragraphs (build 63) */
.r3-story-text{padding-top:18px}
.r3-story-text>p:not([class]){font:400 18.5px/1.55 var(--serif);color:var(--ink)}
.r3-story-text>p:not([class])+p:not([class]){margin-top:30px}
.r3-story-whyh{margin-top:26px}
.r3-story-why{margin-top:8px;font:400 18.5px/1.45 var(--serif);color:var(--ink)}
.r3-story-follow{display:flex;flex-direction:column;gap:4px;margin-top:22px;padding:14px 16px;border:1px solid var(--rule);
  border-radius:14px;background:var(--surface)}
.r3-story-follow strong{font:650 16px/1.25 var(--sans);color:var(--ink)}
.r3-story .nst-ai{margin-top:22px;font:400 14px/1.45 var(--serif);color:var(--ink-3)}
/* "N Quellen ansehen" in ink, a pill as wide as its words, at the bottom until it reaches the sources */
.r3-story-pill{position:sticky;z-index:5;bottom:max(16px,calc(var(--safe-bottom) + 8px));display:flex;justify-content:center;
  width:max-content;min-width:180px;height:44px;margin:24px auto 0;padding:0 24px;font-size:15px}
.r3-story-sources{padding-top:34px}
.r3-srcs{margin-top:12px;overflow:hidden}
/* folded into one row (the user, 29 Oct: "die Quellen in Artikeln sollten grundsätzlich zusammengefaltet sein"): the
   outlets' names and the arrow in a soft circle; open, each source under a hairline inset 14 pt; the note and
   "Quellen verwalten" only then (NewsStoryView.sources) */
.r3-srcs-head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;list-style:none;cursor:pointer;
  background:var(--surface)}
.r3-srcs-head::-webkit-details-marker{display:none}
.r3-srcs-head strong{flex:1;min-width:0;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font:700 16px/1.25 var(--sans);letter-spacing:-.012em;color:var(--ink)}
.r3-srcs-chev{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--ink)}
.r3-srcs-chev svg{width:13px;height:13px;transform:rotate(90deg);transition:transform .2s ease}
.r3-srcs[open] .r3-srcs-chev svg{transform:rotate(-90deg)}
.r3-srcs .src-row{position:relative}
.r3-srcs .src-row::before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:var(--rule)}
.r3-srcs[data-sources-fold]:not([open])~.r3-srcs-after{display:none}
.r3-story .src-outlet{font:700 16px/1.25 var(--sans);letter-spacing:-.012em;color:var(--ink)}
.r3-story .src-title{font:400 15px/1.35 var(--serif);color:var(--ink-2)}
.r3-story .src-note{font:400 14px/1.4 var(--serif);color:var(--ink-3)}

/* ── Ausgaben (IssuesR3View) ─────────────────────────────────────────────────────────────────────────────────────── */
.r3-issues>*+*{margin-top:16px}
.r3-issue-art{position:relative;display:block;aspect-ratio:1200/627;overflow:hidden;background:var(--soft)}
.r3-issue-art img,.r3-issue-art .mosaic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.r3-clamp3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.r3-issue-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:14px}
.r3-issue-foot>span:first-child{overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis}
.r3-issue-foot .r3-go{flex:none;margin-top:0}
.r3-issue-rows,.r3-next{padding:16px 16px 4px}
.r3-issue-rows .r3-label,.r3-next .r3-label{padding-bottom:10px}
.r3-issue-rows .r3-row-text{display:flex;flex-direction:column;gap:6px}
.r3-issue-rows .kicker{font-size:9.5px}
.r3-issue-meta{overflow:hidden;font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);
  white-space:nowrap;text-overflow:ellipsis}
.r3-issue-rows .r3-row-thumb .mosaic{position:absolute;inset:0;width:100%;height:100%}
.r3-next-row{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-top:1px solid var(--rule)}
.r3-next-sq{display:block;width:10px;height:10px;flex:none}
.r3-next-row>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.r3-next-row strong{font:650 16.5px/1.2 var(--sans);letter-spacing:-.012em;color:var(--ink)}
.r3-next-row>span>span{font:400 9.5px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}