:root{
  --paper:#F1EEE6;
  --paper-2:#E9E5DC;
  --paper-line:#CFC9BC;
  --ink:#11100D;
  --ink-soft:#3E3A33;
  --ink-mute:#746E63;
  --ink-ghost:#AAA294;
  --night:#090908;
  --night-2:#10100E;
  --night-line:#34312B;
  --cream:#F3F0E8;
  --cream-soft:#D8D3C8;
  --cream-mute:#AAA397;
  --cream-ghost:#827B70;
  --red:#CF3D30;
  --gold:#B9973E;
  --grot:'Oswald',Arial,sans-serif;
  --serif:'Playfair Display',Georgia,serif;
  --reading:Georgia,'Times New Roman',serif;
  --mono:'JetBrains Mono',monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --spring:cubic-bezier(.34,1.3,.5,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--paper);
  color:var(--ink);
  font-family:var(--serif);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  zoom:1;
}
button{font-family:inherit;background:none;border:none;cursor:pointer;color:inherit}
::selection{background:rgba(207,61,48,.25)}
:focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:0}
[role="button"]{cursor:pointer}

.mono{font-family:var(--mono)}
.grot{font-family:var(--grot)}
.serif{font-family:var(--serif)}
.fadeup{animation:fadeup .7s var(--ease) both}
@keyframes fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes dots{0%,20%{content:'·'}40%{content:'··'}60%,100%{content:'···'}}
.thinking::after{content:'·';animation:dots 1.1s steps(1) infinite}

.row-toc{transition:background .18s ease}
.row-toc .toc-head{transition:color .18s ease}
.conn-row{transition:color .18s ease,background .18s ease}
.conn-row .conn-desc{transition:color .18s ease}
.qrow .qnum,.qrow .qarrow{transition:color .18s ease,opacity .18s ease,transform .3s var(--spring)}
.qrow .qtext{transition:color .18s ease}
.qrow:active{opacity:.8}
.source-link{color:inherit;text-decoration:none}
.source-link .source-title{transition:color .18s ease}

.audit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--night-line)}
.claim-row{display:grid;grid-template-columns:92px 1fr 82px;gap:12px;align-items:baseline}
.toc-grid{display:grid;grid-template-columns:56px 1fr 214px;gap:0 26px;align-items:start}
.tab-note{max-width:940px;margin:8px auto 0;font-size:11px;font-style:italic;line-height:1.45;color:var(--ink-mute)}
.cover-page,.contents-page{--ink-mute:#6F685C}

.story-status-row{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 24px;
}
.story-status-row>span{flex-shrink:0}
.story-controls{min-width:min(100%,260px)}
.story-controls summary{
  display:flex;
  align-items:center;
  min-height:44px;
  list-style:none;
  color:var(--cream-ghost);
  font-size:7.5px;
  letter-spacing:.18em;
  cursor:pointer;
}
.story-controls summary::-webkit-details-marker{display:none}
.story-controls summary::after{content:' +';color:var(--red)}
.story-controls[open] summary::after{content:' −'}
.story-controls-actions button,.spread-nav button,.spread-footer button{min-height:44px}
.spread-footer{align-items:center}
.perspective-row{display:grid}
.forecast-meter{display:flex}

/* Сюжетное медиа — самостоятельная редакционная полоса, не карточка.
   В изображение попадает только локальный blob из проверенного CacheStorage. */
.story-media{
  width:100%;
  margin:0 0 48px;
  border-top:1px solid rgba(243,240,232,.3);
}
.story-media-visual{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/8.8;
  background:#171613;
}
.story-media-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.story-media-label{
  position:absolute;
  top:14px;
  left:14px;
  max-width:calc(100% - 28px);
  padding:7px 9px;
  background:rgba(9,9,8,.92);
  color:var(--cream);
  font-size:8px;
  line-height:1.35;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.story-media-caption{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:28px;
  padding:16px 0 0;
  border-top:1px solid rgba(243,240,232,.18);
  color:var(--cream);
}
.story-media-copy{
  max-width:680px;
  color:var(--cream-soft);
  font-size:15px;
  line-height:1.52;
}
.story-media-credit{
  display:flex;
  align-content:flex-start;
  justify-content:flex-end;
  gap:7px 14px;
  flex-wrap:wrap;
  color:var(--cream-ghost);
  font-size:7.5px;
  line-height:1.55;
  letter-spacing:.11em;
  text-align:right;
  text-transform:uppercase;
}
.story-media-credit a{
  color:var(--cream-mute);
  text-decoration-color:rgba(243,240,232,.35);
  text-underline-offset:3px;
}
.story-media-credit a:focus-visible{color:var(--cream)}

/* ───── Журнальная арт-дирекция ─────
   Основная единица — полоса, а не карточка. Типографика, сетка и пустое поле
   различают жанры; цвет остаётся только маленьким редакционным сигналом. */
.spread-page{
  --mag-paper:#EEEAE1;
  --mag-paper-2:#E3DED3;
  --mag-ink:#090908;
  --mag-soft:#504B43;
  --mag-rule:#B8B1A4;
  --mag-night-rule:rgba(243,240,232,.24);
  --cream-ghost:#8E877C;
  min-height:100vh;
  padding:14px 26px 72px!important;
  background:var(--mag-ink)!important;
}
.spread-shell{
  max-width:1040px!important;
  counter-reset:mag-section;
}
.spread-page .micro-bar{
  color:#8E877C!important;
  font-size:8px!important;
  letter-spacing:.26em!important;
}
.spread-nav{
  position:relative;
  z-index:5;
  margin:18px 0 0!important;
}
.spread-nav button{
  min-width:48px;
  border-color:rgba(243,240,232,.22)!important;
  color:#A9A297!important;
}
.spread-title{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:clamp(210px,27vw,320px);
  max-width:none!important;
  margin:0!important;
  padding:42px 22% 34px 0;
  overflow:hidden;
  border-bottom:1px solid var(--mag-night-rule);
  color:var(--cream);
  font-size:clamp(54px,8.6vw,108px)!important;
  font-weight:500!important;
  line-height:.86!important;
  letter-spacing:-.055em!important;
  text-wrap:balance;
}
.spread-title::after{
  content:attr(data-folio);
  position:absolute;
  right:-.04em;
  bottom:-.26em;
  z-index:0;
  color:var(--cream);
  font-family:var(--serif);
  font-size:clamp(180px,30vw,360px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.08em;
  opacity:.055;
  pointer-events:none;
}
.spread-title>span,.spread-title>em{position:relative;z-index:1}
.spread-title em{font-weight:400!important}
.spread-meta{
  max-width:690px;
  margin:18px 0 12px!important;
  color:#AAA397!important;
  font-size:8.5px!important;
  line-height:1.65;
  letter-spacing:.2em!important;
}
.story-status-row{margin-bottom:12px}

/* Передовица и аналитический разворот */
.anatomy-heading{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:end;
  gap:24px;
  margin:52px 0 16px;
  padding-top:13px;
  border-top:1px solid var(--mag-night-rule);
}
.anatomy-heading .mono{
  color:var(--red);
  font-size:9px;
  letter-spacing:.24em;
}
.anatomy-heading .serif{
  justify-self:end;
  max-width:530px;
  color:#A19A8F;
  font-family:var(--reading);
  font-size:13px;
  font-style:italic;
  line-height:1.45;
  text-align:right;
}
.spread-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:0;
  align-items:stretch;
  background:var(--mag-paper);
}
.spread-context,.spread-outlook{display:contents}
.spread-summary{
  grid-column:1/-1;
  grid-row:auto;
  position:relative;
  min-height:260px;
  padding:54px 56px 62px!important;
  overflow:hidden;
  border:0!important;
  border-top:5px solid var(--red)!important;
  background:var(--mag-paper)!important;
  text-align:left!important;
}
.spread-summary::after{
  content:'Б';
  position:absolute;
  right:-.02em;
  bottom:-.33em;
  color:var(--mag-ink);
  font-family:var(--serif);
  font-size:260px;
  font-style:italic;
  font-weight:700;
  line-height:1;
  opacity:.045;
}
.spread-summary .mono{
  position:relative;
  z-index:1;
  color:var(--red)!important;
  font-size:9px!important;
  letter-spacing:.24em!important;
}
.spread-summary .serif{
  position:relative;
  z-index:1;
  max-width:820px;
  color:var(--mag-ink)!important;
  font-family:var(--reading)!important;
  font-size:clamp(24px,3.25vw,36px)!important;
  font-weight:700!important;
  line-height:1.26!important;
  letter-spacing:-.018em;
}
.primer-card{
  position:relative;
  min-height:260px;
  margin:0!important;
  padding:42px 36px 44px;
  overflow:hidden;
  border:0!important;
  border-top:1px solid var(--mag-rule)!important;
  background:var(--mag-ink)!important;
}
.primer-card::before{
  position:absolute;
  right:16px;
  top:8px;
  color:currentColor;
  font-family:var(--serif);
  font-size:88px;
  font-weight:700;
  line-height:1;
  opacity:.07;
}
.primer-before{grid-column:1/span 5;color:var(--cream)}
.primer-event{
  grid-column:6/-1;
  color:var(--mag-ink);
  background:var(--mag-paper-2)!important;
}
.primer-context{
  grid-column:1/span 7;
  color:var(--mag-ink);
  background:var(--mag-paper)!important;
}
.primer-next{grid-column:8/-1;color:var(--cream)}
.primer-before::before{content:'01'}
.primer-event::before{content:'02'}
.primer-context::before{content:'03'}
.primer-next::before{content:'04'}
.primer-card .mono{
  position:relative;
  z-index:1;
  max-width:78%;
  margin-bottom:16px!important;
  color:#A39C90!important;
  font-size:9px!important;
  line-height:1.45!important;
  letter-spacing:.2em!important;
}
.primer-event .mono,.primer-context .mono{color:var(--red)!important}
.primer-card .serif{
  position:relative;
  z-index:1;
  color:inherit!important;
  font-family:var(--reading)!important;
  font-size:16px!important;
  line-height:1.58!important;
}
.primer-event .serif{
  font-size:21px!important;
  font-weight:700;
  line-height:1.46!important;
}
.primer-next .serif{
  font-size:20px!important;
  font-style:italic;
  line-height:1.5!important;
}

/* Общий ритм журнальных полос */
.story-section{
  --mag-surface:var(--mag-ink);
  --mag-fg:var(--cream);
  --mag-sub:#A9A297;
  --mag-hair:var(--mag-night-rule);
  counter-increment:mag-section;
  position:relative;
  margin:88px -26px 0!important;
  padding:70px 58px 76px;
  overflow:hidden;
  isolation:isolate;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  background:var(--mag-surface)!important;
  color:var(--mag-fg);
}
.story-section::after{
  content:'0' counter(mag-section);
  position:absolute;
  right:34px;
  top:20px;
  z-index:0;
  color:var(--mag-fg);
  font-family:var(--serif);
  font-size:96px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.08em;
  opacity:.055;
  pointer-events:none;
}
.section-intro{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);
  gap:40px;
  align-items:end;
  min-height:0;
  margin-bottom:42px;
  padding:0 0 30px;
  border:0;
  border-bottom:1px solid var(--mag-hair);
}
.section-intro-copy{max-width:none;position:relative;z-index:1}
.section-kicker{
  color:var(--red);
  font-size:9px;
  line-height:1.45;
  letter-spacing:.22em;
}
.section-title{
  margin-top:9px;
  color:var(--mag-fg);
  font-family:var(--serif)!important;
  font-size:clamp(42px,6vw,68px);
  font-weight:500;
  line-height:.92;
  letter-spacing:-.045em;
  text-transform:uppercase;
  text-wrap:balance;
}
.section-deck{
  max-width:640px;
  margin-top:14px;
  color:var(--mag-sub);
  font-family:var(--reading)!important;
  font-size:15.5px;
  font-style:italic;
  line-height:1.5;
}
.section-symbol{display:none}
.section-aside{
  position:relative;
  z-index:2;
  max-width:260px;
  margin:0;
  align-self:end;
  justify-self:end;
}
.section-engine,.section-count{
  display:inline-block;
  padding:7px 9px;
  border:1px solid var(--mag-hair);
  color:var(--mag-sub);
  font-size:8px;
  line-height:1.45;
  letter-spacing:.13em;
}
.story-section .serif{font-family:var(--reading)}

/* Светлые полосы */
.trust-panel,.voices-panel,.questions-panel,.connections-panel{
  --mag-surface:var(--mag-paper);
  --mag-fg:var(--mag-ink);
  --mag-sub:#625D54;
  --mag-hair:rgba(9,9,8,.28);
}

/* Досье: статус слева, доказательство справа */
.trust-group{
  display:grid;
  grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);
  gap:18px 34px;
  margin:0!important;
  padding:25px 0 28px;
  border:0;
  border-top:1px solid var(--mag-hair);
  background:transparent;
}
.trust-level-heading{
  grid-column:1;
  align-content:start;
  align-items:flex-start!important;
  min-height:0;
  flex-wrap:wrap;
}
.trust-level-heading span:nth-child(2){
  color:var(--mag-ink)!important;
  font-size:9px!important;
  line-height:1.55;
}
.trust-level-heading span:nth-child(3){
  flex-basis:100%;
  margin-top:8px;
  color:#716B61!important;
  font-size:8px!important;
  line-height:1.55;
}
.trust-claim{
  grid-column:2;
  margin:0!important;
  padding:2px 0 15px 18px!important;
  border-left-width:2px!important;
  background:transparent!important;
}
.trust-claim .serif{
  color:var(--mag-ink)!important;
  font-size:18px!important;
  line-height:1.48!important;
}
.trust-claim .mono{color:#6A645A!important;font-size:8px!important}

/* Перспективы: многоколонный журнальный разбор */
.perspectives-panel{
  --mag-surface:#0B0B09;
  --mag-fg:var(--cream);
  --mag-sub:#ABA498;
  --mag-hair:rgba(243,240,232,.25);
}
.perspective-core{
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr);
  gap:26px!important;
  align-items:start!important;
  margin:0 0 34px!important;
  padding:0 0 28px!important;
  border:0!important;
  border-bottom:1px solid var(--mag-hair)!important;
  background:transparent!important;
}
.perspective-core .mono{
  color:var(--red)!important;
  font-size:9px!important;
  line-height:1.55;
}
.perspective-core .serif{
  color:var(--cream)!important;
  font-size:25px!important;
  font-weight:700;
  line-height:1.35!important;
}
.perspectives-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.perspective-row{
  grid-template-columns:1fr!important;
  gap:18px!important;
  min-height:230px;
  padding:8px 25px 18px!important;
  border:0!important;
  border-left:1px solid var(--mag-hair)!important;
  background:transparent!important;
}
.perspective-row:first-child{border-left:0!important;padding-left:0!important}
.perspective-row:last-child{padding-right:0!important}
.perspective-row>div:first-child{
  padding-bottom:12px;
  border-bottom:1px solid var(--mag-hair);
}
.perspective-row>div:first-child .mono:first-child{color:var(--cream)!important}
.perspective-row .serif{
  color:#E7E2D8!important;
  font-size:17px!important;
  line-height:1.55!important;
}

/* Цитатная полоса */
.voices-grid{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  gap:0;
}
.voice-card{
  position:relative;
  min-height:260px;
  margin:0!important;
  padding:34px 40px 16px 0!important;
  border:0!important;
  border-top:2px solid var(--mag-ink)!important;
  background:transparent!important;
}
.voice-card+.voice-card{
  padding-left:40px!important;
  padding-right:0!important;
  border-left:1px solid var(--mag-hair)!important;
}
.voice-card::before{
  content:'“';
  position:absolute;
  left:0;
  top:-22px;
  color:var(--red);
  font-family:var(--serif);
  font-size:80px;
  line-height:1;
  opacity:.75;
}
.voice-card+.voice-card::before{left:34px}
.voice-quote{
  color:var(--mag-ink)!important;
  font-family:var(--serif)!important;
  font-size:clamp(22px,2.7vw,31px)!important;
  font-style:italic;
  font-weight:500;
  line-height:1.33!important;
}
.voice-attribution{
  margin-top:24px!important;
  padding-top:12px!important;
  border-top:1px solid var(--mag-hair)!important;
  color:#615B51!important;
  font-size:8.5px!important;
  line-height:1.55!important;
}

/* Data poster: число становится изображением */
.forecast-panel{
  --mag-surface:#0A0A09;
  --mag-fg:var(--cream);
  --mag-sub:#AAA397;
  --mag-hair:rgba(243,240,232,.25);
}
.forecast-market{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);
  gap:36px;
  align-items:end!important;
  margin:0!important;
  padding:32px 0 30px!important;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  background:transparent!important;
  color:inherit;
}
.forecast-question>.serif{
  color:var(--cream)!important;
  font-family:var(--reading)!important;
  font-size:24px!important;
  font-weight:700;
  line-height:1.4!important;
}
.forecast-question>.mono{
  color:#918A7F!important;
  font-size:8px!important;
  line-height:1.55!important;
}
.forecast-odds{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-end;
  min-height:130px;
  padding:0 0 0 28px;
  border-left:1px solid var(--mag-hair);
}
.forecast-odds strong{
  color:var(--cream);
  font-family:var(--serif);
  font-size:clamp(82px,13vw,142px);
  font-weight:500;
  line-height:.72;
  letter-spacing:-.08em;
}
.forecast-odds strong small{font-size:.32em}
.forecast-odds span{
  margin-top:20px;
  color:#9D968A;
  font-size:8px;
  letter-spacing:.16em;
}
.forecast-meter{
  grid-column:1/-1;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:13px!important;
  margin-top:12px!important;
  align-items:center!important;
}
.forecast-meter>div:first-child{height:2px!important;background:rgba(243,240,232,.16)!important}
.forecast-meter>div:first-child>div{height:2px!important;background:var(--red)!important}
.forecast-meter>span{color:#8D867B!important;font-size:8px!important}
.forecast-panel>div.mono:last-child{color:#8D867B!important;font-size:8px!important}

/* Вопросы как интервью, не список карточек */
.questions-panel{border-left:0!important}
.questions-list{border:0}
.question-item{
  margin:0!important;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  background:transparent!important;
}
.qrow{
  grid-template-columns:94px minmax(0,1fr) 30px!important;
  gap:20px!important;
  align-items:center!important;
  min-height:118px;
  padding:24px 0!important;
}
.qnum{
  color:var(--red)!important;
  font-family:var(--serif)!important;
  font-size:54px!important;
  font-weight:500;
  line-height:1!important;
  letter-spacing:-.05em!important;
}
.qtext{
  color:var(--mag-ink)!important;
  font-family:var(--serif)!important;
  font-size:24px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:1.35!important;
}
.qarrow{color:var(--red)!important}
.question-answer{
  margin:0 0 30px 114px!important;
  padding:4px 0 18px 24px!important;
  border:0!important;
  border-left:2px solid var(--red)!important;
  background:transparent!important;
}
.question-answer .serif{color:#38342E!important;font-size:17px!important;line-height:1.62!important}
.questions-tech{
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid var(--mag-hair);
  color:#6E685E;
  font-size:8px;
  line-height:1.5;
  letter-spacing:.14em;
  text-align:right;
}

/* Типографический атлас */
.connections-legend{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:0 0 26px!important;
  padding:13px 0!important;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  border-bottom:1px solid var(--mag-hair)!important;
  background:transparent!important;
  color:#6B655B!important;
}
.connections-panel .conn-row{
  margin:0!important;
  padding:18px 0!important;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  background:transparent!important;
}
.connections-panel .conn-row .mono{color:#625C53!important}
.connections-panel .conn-row>span:first-child{color:var(--red)!important}
.connections-panel .conn-desc{
  color:var(--mag-ink)!important;
  font-family:var(--reading)!important;
  font-size:17px!important;
  line-height:1.48!important;
}
.connections-panel .conn-row.hist .serif{color:#5B4A19!important}

/* Финальный колофон */
.evidence-panel{
  --mag-surface:#0A0A09;
  --mag-fg:var(--cream);
  --mag-sub:#AAA397;
  --mag-hair:rgba(243,240,232,.25);
}
.source-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  counter-reset:source;
}
.source-link{
  counter-increment:source;
  position:relative;
  min-height:210px;
  padding:25px 26px 38px!important;
  border:0!important;
  border-top:1px solid var(--mag-hair)!important;
  border-left:1px solid var(--mag-hair)!important;
  background:transparent!important;
}
.source-link:first-child{border-left:0!important}
.source-link::before{
  content:'[' counter(source) ']';
  position:absolute;
  right:18px;
  bottom:14px;
  color:#716B62;
  font-family:var(--mono);
  font-size:8px;
}
.source-link[data-source-role="primary"]{
  grid-column:span 2;
  background:transparent!important;
}
.source-link[data-source-role="primary"] .source-title{
  max-width:620px;
  font-size:26px!important;
  line-height:1.28!important;
}
.source-link .source-meta .mono:first-child{color:var(--red)!important}
.source-link .source-title{
  color:var(--cream)!important;
  font-family:var(--reading)!important;
  font-size:17px!important;
  line-height:1.42!important;
}
.source-link>.mono{color:#827B70!important;font-size:8px!important}
.source-role{
  display:inline-block;
  padding:3px 5px;
  border:1px solid var(--mag-hair);
  color:#8F887D!important;
}

/* Автономный дизайн-режим: отдельная оболочка, не попадающая в обычный выпуск. */
.design-preview-bar{
  position:sticky;
  top:0;
  z-index:1000;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:42px;
  padding:7px 18px;
  border-bottom:1px solid #302D27;
  background:#CF3D30;
  color:#FFF8ED;
  font-size:8px;
  letter-spacing:.14em;
}
.design-preview-bar-copy{
  display:flex;
  align-items:baseline;
  gap:12px;
  min-width:0;
}
.design-preview-bar-copy strong{font-weight:700;white-space:nowrap}
.design-preview-bar-copy span{opacity:.78}
.design-preview-bar nav{display:flex;gap:5px;flex-shrink:0}
.design-preview-bar button{
  min-height:28px;
  padding:5px 8px;
  border:1px solid rgba(255,248,237,.38);
  color:#FFF8ED;
  font:inherit;
  letter-spacing:.1em;
}
.design-preview-bar button[aria-pressed="true"]{
  background:#FFF8ED;
  color:#9C241B;
}
.design-preview-home{
  display:flex;
  min-height:calc(100vh - 42px);
  flex-direction:column;
  padding:16px 26px;
  background:var(--paper);
}
.design-preview-home-main{
  width:min(940px,100%);
  margin:auto;
  padding:70px 0;
}
.design-preview-home-kicker{
  color:var(--red);
  font-size:9px;
  letter-spacing:.24em;
}
.design-preview-home h1{
  max-width:850px;
  margin-top:17px;
  color:var(--ink);
  font-size:clamp(62px,10vw,124px);
  font-weight:600;
  line-height:.82;
  letter-spacing:-.06em;
}
.design-preview-home h1 em{font-weight:400}
.design-preview-home p{
  max-width:610px;
  margin:34px 0 0 auto;
  color:var(--ink-soft);
  font-size:20px;
  font-style:italic;
  line-height:1.48;
}
.design-preview-home-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:28px;
  flex-wrap:wrap;
}
.design-preview-home-actions button{
  min-height:44px;
  padding:10px 14px;
  border:1px solid var(--ink);
  color:var(--ink);
  font-size:8px;
  letter-spacing:.16em;
}
.design-preview-home-actions button:first-child{
  background:var(--ink);
  color:var(--paper);
}

@media (hover:hover) and (pointer:fine){
  .row-toc:hover{background:rgba(0,0,0,.025)}
  .row-toc:hover .toc-head{color:var(--red)}
  .ghost:hover,.ghost-d:hover{color:var(--red)!important;border-color:var(--red)!important}
  .qrow:hover .qnum{color:var(--mag-ink)!important}
  .qrow:hover .qarrow{opacity:1!important;transform:translateX(4px)}
  .conn-row.link:hover .conn-desc{color:var(--red)!important}
  .source-link:hover .source-title{color:var(--red)!important}
  .forecast-market:hover .forecast-odds strong{color:var(--red)}
  .story-media-credit a:hover{color:var(--red)}
}

@media (max-width:960px){
  .spread-title{padding-right:14%;font-size:clamp(50px,9vw,82px)!important}
  .story-section{padding:58px 38px 64px}
  .section-intro{grid-template-columns:minmax(0,1.3fr) minmax(190px,.7fr);gap:28px}
  .section-title{font-size:clamp(40px,6.6vw,58px)}
  .perspectives-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .perspective-row:nth-child(3){border-left:0!important;padding-left:0!important;padding-top:28px!important}
  .source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .source-link[data-source-role="primary"]{grid-column:1/-1}
}

@media (max-width:760px){
  body{zoom:1}
  .design-preview-bar{
    position:relative;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
    min-height:0;
    padding:10px 12px 11px;
    font-size:9px;
    line-height:1.5;
  }
  .design-preview-bar-copy{align-items:flex-start;flex-direction:column;gap:2px}
  .design-preview-bar-copy strong{white-space:normal}
  .design-preview-bar nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .design-preview-bar button{min-height:44px;padding:7px 5px;font-size:8px}
  .design-preview-home{min-height:calc(100vh - 132px);padding:14px 16px}
  .design-preview-home-main{padding:58px 0}
  .design-preview-home-kicker{font-size:10px;line-height:1.55}
  .design-preview-home h1{font-size:clamp(52px,18vw,76px);line-height:.9}
  .design-preview-home p{margin-top:28px;font-size:17px}
  .design-preview-home-actions{justify-content:flex-start}
  .cover-page,.contents-page,.spread-page{padding:14px 16px 36px!important}
  .cover-page button,.contents-page button,.spread-page button{min-height:44px}
  .micro-bar{flex-wrap:wrap;gap:6px 14px!important;font-size:9px!important;line-height:1.45}
  .micro-bar>span:last-child{text-align:left!important}
  .audit-grid{grid-template-columns:repeat(2,1fr)}
  .claim-row{grid-template-columns:1fr;gap:7px}
  .toc-grid{grid-template-columns:38px minmax(0,1fr);gap:0 12px}
  .toc-rail{grid-column:2;margin-top:11px}
  .toc-rail .serif{font-size:14px!important;line-height:1.5!important}
  .tab-note{font-size:13px;margin-top:9px}

  .spread-shell{width:100%}
  .spread-nav{margin-top:10px!important}
  .spread-title{
    min-height:180px;
    padding:34px 13% 24px 0;
    font-size:clamp(40px,12vw,52px)!important;
    line-height:.94!important;
    hyphens:auto;
  }
  .spread-title::after{right:-.03em;bottom:-.2em;font-size:160px}
  .spread-meta{font-size:8px!important;line-height:1.7}
  .story-status-row{align-items:flex-start;margin-bottom:18px}
  .story-status-row>span{font-size:10.5px!important;line-height:1.45}
  .story-controls{width:100%;min-width:0}
  .story-controls summary{min-height:44px;font-size:10.5px;letter-spacing:.12em}
  .story-controls-actions{margin-top:2px!important}
  .story-media{
    margin:0 0 40px;
  }
  .story-media-visual{
    aspect-ratio:4/3;
    margin:0 -16px;
  }
  .story-media-label{
    top:10px;
    left:10px;
    max-width:calc(100% - 20px);
    padding:7px 8px;
    font-size:9px;
    line-height:1.45;
  }
  .story-media-caption{
    grid-template-columns:1fr;
    gap:13px;
    padding-top:14px;
  }
  .story-media-copy{
    font-size:16px;
    line-height:1.52;
  }
  .story-media-credit{
    display:grid;
    justify-content:start;
    gap:7px;
    font-size:9.5px;
    line-height:1.5;
    text-align:left;
  }
  .story-media-credit a{
    width:max-content;
    max-width:100%;
  }

  .anatomy-heading{
    grid-template-columns:1fr;
    gap:7px;
    margin-top:36px;
  }
  .anatomy-heading .mono{font-size:10px!important}
  .anatomy-heading .serif{justify-self:start;text-align:left;font-size:14px!important}
  .spread-grid{grid-template-columns:1fr}
  .spread-summary,.primer-before,.primer-event,.primer-context,.primer-next{grid-column:1}
  .spread-summary{
    min-height:0;
    padding:34px 22px 40px!important;
  }
  .spread-summary::after{font-size:150px}
  .spread-summary .serif{font-size:23px!important;line-height:1.35!important}
  .primer-card{
    min-height:0;
    padding:30px 21px 34px;
  }
  .primer-card::before{font-size:68px}
  .primer-card .mono{font-size:10px!important}
  .primer-card .serif{font-size:17px!important;line-height:1.55!important}
  .primer-event .serif,.primer-next .serif{font-size:19px!important}

  .story-section{
    margin:62px -16px 0!important;
    padding:42px 18px 48px;
  }
  .story-section::after{right:16px;top:14px;font-size:68px}
  .section-intro{
    grid-template-columns:1fr;
    gap:14px;
    margin-bottom:30px;
    padding:0 44px 22px 0;
  }
  .section-kicker{font-size:10px;letter-spacing:.15em}
  .section-title{
    font-size:clamp(34px,10.5vw,42px);
    line-height:.98;
    hyphens:auto;
  }
  .section-deck{font-size:16px;line-height:1.52}
  .section-aside{justify-self:start;max-width:100%}
  .section-engine,.section-count{font-size:10px}

  .trust-group{
    grid-template-columns:1fr;
    gap:16px;
    padding:22px 0;
  }
  .trust-level-heading,.trust-claim{grid-column:1}
  .trust-level-heading span:nth-child(2){font-size:10.5px!important}
  .trust-level-heading span:nth-child(3){font-size:10.5px!important}
  .trust-claim{padding:0 0 16px 16px!important}
  .trust-claim .serif{font-size:17px!important}
  .trust-claim .mono{font-size:10.5px!important}

  .perspective-core{
    grid-template-columns:1fr;
    gap:13px!important;
  }
  .perspective-core .mono{font-size:10.5px!important}
  .perspective-core .serif{font-size:21px!important}
  .perspectives-grid{grid-template-columns:1fr}
  .perspective-row,
  .perspective-row:first-child,
  .perspective-row:nth-child(3),
  .perspective-row:last-child{
    min-height:0;
    padding:22px 0!important;
    border-left:0!important;
    border-top:1px solid var(--mag-hair)!important;
  }
  .perspective-row .mono{font-size:10.5px!important}
  .perspective-row .serif{font-size:17px!important}

  .voices-grid{grid-template-columns:1fr}
  .voice-card,.voice-card+.voice-card{
    min-height:0;
    padding:34px 0 30px!important;
    border-left:0!important;
  }
  .voice-card+.voice-card::before{left:0}
  .voice-quote{font-size:25px!important;line-height:1.38!important}
  .voice-attribution{font-size:10.5px!important}

  .forecast-market{
    grid-template-columns:1fr!important;
    gap:22px;
    padding:25px 0 28px!important;
  }
  .forecast-question>.serif{font-size:20px!important}
  .forecast-question>.mono{font-size:10.5px!important}
  .forecast-odds{
    align-items:flex-start;
    min-height:0;
    padding:22px 0 0;
    border-top:1px solid var(--mag-hair);
    border-left:0;
  }
  .forecast-odds strong{font-size:82px}
  .forecast-odds span{font-size:10px}
  .forecast-meter{grid-template-columns:minmax(0,1fr) auto!important}
  .forecast-meter>span:last-child{grid-column:1/-1}
  .forecast-meter>span{font-size:9.5px!important}

  .qrow{
    grid-template-columns:58px minmax(0,1fr) 20px!important;
    gap:10px!important;
    min-height:92px;
    padding:20px 0!important;
  }
  .qnum{font-size:38px!important}
  .qtext{font-size:20px!important;line-height:1.38!important}
  .question-answer{margin:0 0 24px 68px!important;padding-left:16px!important}
  .question-answer .serif{font-size:16.5px!important}
  .questions-tech{font-size:10px;text-align:left}

  .connections-legend{font-size:10px!important}
  .conn-row{
    grid-template-columns:22px minmax(0,1fr)!important;
    gap:8px 11px!important;
    align-items:start!important;
  }
  .conn-row>:nth-child(3),.conn-row>:nth-child(4){grid-column:2}
  .conn-row>:nth-child(4){text-align:left!important}
  .connections-panel .conn-row .mono{font-size:10px!important}
  .connections-panel .conn-desc{font-size:17px!important}

  .source-grid{grid-template-columns:1fr}
  .source-link,.source-link[data-source-role="primary"]{
    grid-column:1;
    min-height:0;
    padding:22px 0 38px!important;
    border-left:0!important;
  }
  .source-link[data-source-role="primary"] .source-title{font-size:22px!important}
  .source-link .source-title{font-size:17px!important}
  .source-link .mono{font-size:10px!important}
}

@media (max-width:420px){
  .spread-title{font-size:40px!important}
  .section-title{font-size:34px}
  .section-deck{font-size:15px}
  .voice-quote{font-size:22px!important}
  .forecast-odds strong{font-size:72px}
  .qtext{font-size:18.5px!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

/* ─────────────────────────────────────────────────────────────────────────────
   RADICAL · основной читательский слой реального выпуска
   Изображения приходят только из media gate. Фиксированные aspect-ratio и
   object-fit:cover обрезают кадр без геометрического растяжения.
   ────────────────────────────────────────────────────────────────────────── */
.radical-page{
  --rl-ink:#080a0f;
  --rl-ink-soft:#12151d;
  --rl-paper:#f1eee6;
  --rl-paper-bright:#fbfaf5;
  --rl-line:rgba(8,10,15,.18);
  --rl-blue:#4656ff;
  --rl-blue-dark:#2533ca;
  --rl-coral:#ff553e;
  --rl-lime:#d9ff45;
  --rl-muted:#aaa9a2;
  --rl-sans:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --rl-topbar:56px;
  width:100%;
  min-height:100vh;
  color:var(--rl-ink);
  background:var(--rl-paper);
  font-family:var(--rl-sans);
  overflow-x:clip;
  zoom:1;
}
.radical-page img{display:block;max-width:100%}
.radical-key-fact{margin:24px 0;padding:16px 18px;border-left:4px solid var(--rl-blue);background:rgba(70,86,255,.06)}
.radical-key-fact.is-party{border-color:#a86c16;background:rgba(168,108,22,.08)}
.radical-key-fact.is-open{border-color:var(--rl-coral);background:rgba(255,85,62,.06)}
.radical-key-fact strong{font-size:10px;letter-spacing:.06em}
.radical-key-fact p{margin:8px 0;line-height:1.5;font-size:17px}
.radical-key-fact small{font-size:10px}
.radical-telegram-post{margin:0 0 26px;padding:18px;border:1px solid var(--rl-line);font-size:15px;line-height:1.5}
.radical-telegram-post strong{font-size:10px;letter-spacing:.05em}
.radical-telegram-post a{display:inline-block;min-height:44px;padding:12px 0;font-size:11px;text-underline-offset:4px}
.radical-page a{color:inherit}
.radical-page button,.radical-page a{-webkit-tap-highlight-color:transparent}
.radical-page :focus-visible{outline:3px solid var(--rl-lime);outline-offset:4px}
.radical-skip-link{
  position:fixed;
  z-index:1100;
  top:8px;
  left:8px;
  min-height:44px;
  padding:15px;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font-size:11px;
  font-weight:800;
  text-decoration:none;
  transform:translateY(-160%);
}
.radical-skip-link:focus{transform:none}
.radical-reading-progress{
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  right:0;
  height:3px;
  background:rgba(255,255,255,.12);
}
.radical-reading-progress span{
  display:block;
  height:100%;
  background:var(--rl-lime);
  transform-origin:left center;
}
.design-preview-app .radical-reading-progress{top:42px}
.design-preview-app .radical-topbar{top:45px}
.radical-topbar{
  position:fixed;
  z-index:900;
  top:3px;
  left:0;
  right:0;
  height:var(--rl-topbar);
  display:grid;
  grid-template-columns:190px minmax(170px,.55fr) minmax(560px,auto) 190px;
  align-items:center;
  gap:24px;
  padding:0 24px;
  color:#fff;
  background:rgba(8,10,15,.84);
  border-bottom:1px solid rgba(255,255,255,.14);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.radical-wordmark{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
}
.radical-wordmark>span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font:900 19px/1 var(--grot);
}
.radical-wordmark strong{font:700 17px/1 var(--grot);letter-spacing:.08em}
.radical-live-state,.radical-topnote,.radical-topnav{font-size:10px;line-height:1;letter-spacing:.06em}
.radical-live-state{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.68)}
.radical-live-state i{
  width:7px;
  height:7px;
  background:var(--rl-coral);
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,85,62,.16);
}
.radical-topnav{
  display:flex;
  min-width:0;
  gap:2px;
  overflow-x:auto;
  scrollbar-width:none;
  white-space:nowrap;
}
.radical-topnav::-webkit-scrollbar{display:none}
.radical-topnav a{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 10px;
  color:rgba(255,255,255,.78);
  text-decoration:none;
  border-left:1px solid rgba(255,255,255,.14);
}
.radical-topnav a:hover{color:var(--rl-lime)}
.radical-tophelp{position:relative;flex:0 0 auto;border-left:1px solid rgba(255,255,255,.14)}
.radical-tophelp>summary{
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 10px;
  color:rgba(255,255,255,.78);
  list-style:none;
  cursor:pointer;
}
.radical-tophelp>summary::-webkit-details-marker{display:none}
.radical-tophelp>summary::after{content:" +";margin-left:5px;color:var(--rl-lime)}
.radical-tophelp[open]>summary::after{content:" −"}
.radical-tophelp>div{
  position:fixed;
  z-index:950;
  top:calc(var(--rl-topbar) + 10px);
  right:18px;
  width:min(390px,calc(100vw - 36px));
  display:grid;
  gap:11px;
  padding:18px;
  color:#fff;
  background:rgba(8,10,15,.96);
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 18px 60px rgba(0,0,0,.34);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.design-preview-app .radical-tophelp>div{top:calc(var(--rl-topbar) + 7px)}
.radical-tophelp>div span{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.35}
.radical-tophelp>div i{width:9px;height:9px;flex:0 0 auto;background:#737772}
.radical-tophelp>div i.is-primary{background:var(--rl-blue)}
.radical-tophelp>div i.is-confirmed{background:var(--rl-lime)}
.radical-tophelp>div i.is-party{background:var(--rl-coral)}
.radical-topnote{
  justify-self:end;
  color:var(--rl-lime);
  font-size:8px;
  text-align:right;
  white-space:nowrap;
}

.radical-cover{
  position:relative;
  min-height:100svh;
  overflow:hidden;
  color:#fff;
  background:var(--rl-ink);
}
.radical-cover-background,
.radical-media-blank{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 72% 24%,rgba(70,86,255,.55),transparent 31%),
    radial-gradient(circle at 28% 78%,rgba(255,85,62,.26),transparent 34%),
    var(--rl-ink);
}
.radical-cover.is-text-only .radical-cover-wash{
  background:
    linear-gradient(90deg,rgba(7,9,15,.56),rgba(7,9,15,.12)),
    linear-gradient(0deg,rgba(7,9,15,.88),transparent 62%);
}
.radical-cover>.radical-media-image,
.radical-cover>.radical-media-status,
.radical-cover-wash{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.radical-cover>.radical-media-image{
  object-fit:cover;
  filter:saturate(.88) contrast(1.07);
}
.radical-cover-wash{
  background:
    linear-gradient(90deg,rgba(7,9,15,.86) 0%,rgba(7,9,15,.22) 60%,rgba(7,9,15,.6) 100%),
    linear-gradient(0deg,rgba(7,9,15,.94) 0%,transparent 60%);
}
/* Слот без фотографии. Никаких градиентов, виньеток и текстур: всё, что похоже на
   фотографическую поверхность, здесь запрещено — слот обязан читаться как набранный
   текст, а не как неудавшийся кадр. Цветом кодируется только статус ключевого факта,
   теми же четырьмя классами, что и маркеры доверия в карточке. */
.radical-media-status{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:18px;
  padding:clamp(44px,8vw,96px) clamp(24px,7vw,110px);
  color:#fff;
  background:var(--rl-ink);
  /* Цвет задаётся на ВСЕ стороны, а показывается одна: в боковом ярусе левая, на
     узком экране верхняя — там вставка уходит в край и левый бордюр не виден. */
  border:0 solid rgba(255,255,255,.28);
  border-left-width:3px;
}
.radical-media-status.is-primary{border-color:var(--rl-lime)}
.radical-media-status.is-confirmed{border-color:#4656ff}
.radical-media-status.is-party{border-color:#ff8a3d}
.radical-media-status.is-unconfirmed,
.radical-media-status.is-open{border-color:rgba(255,255,255,.34)}
.radical-media-status__note{
  font-size:10px;
  letter-spacing:.14em;
  color:rgba(255,255,255,.52);
}
.radical-media-status__gap{
  margin:0;
  max-width:760px;
  font-size:clamp(26px,4vw,54px);
  line-height:1.04;
  letter-spacing:-.02em;
}
.radical-media-status__line{
  margin:0;
  max-width:760px;
  font-size:clamp(12px,1.5vw,16px);
  line-height:1.5;
  letter-spacing:.06em;
  color:rgba(255,255,255,.88);
}
.radical-cover-meta{
  position:absolute;
  z-index:2;
  top:calc(var(--rl-topbar) + 38px);
  left:24px;
  right:24px;
  display:flex;
  gap:16px;
  font-size:10px;
  font-weight:650;
  letter-spacing:.08em;
}
.radical-cover-meta span{padding:7px 10px;border:1px solid rgba(255,255,255,.38)}
.radical-cover-copy{
  position:absolute;
  z-index:2;
  left:clamp(24px,5vw,80px);
  right:clamp(24px,5vw,80px);
  bottom:clamp(106px,13vh,170px);
}
.radical-cover-kicker{margin:0 0 18px;color:var(--rl-lime);font-size:11px;font-weight:750;letter-spacing:.08em}
.radical-cover h1{
  max-width:1380px;
  margin:0;
  font-size:clamp(66px,9.8vw,158px);
  font-weight:700;
  line-height:.8;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.radical-cover h1 span{display:block}
.radical-cover h1 span:nth-child(even){padding-left:clamp(28px,8vw,140px)}
.radical-cover h1 em{
  color:transparent;
  font-weight:500;
  font-style:italic;
  letter-spacing:-.07em;
  text-transform:none;
  -webkit-text-stroke:2px #fff;
}
.radical-cover-action{
  width:210px;
  margin-top:34px;
}
.radical-cover-deck{
  max-width:900px;
  margin:30px 0 0 clamp(28px,8vw,140px);
  display:grid;
  grid-template-columns:minmax(300px,1fr) 200px;
  gap:36px;
  align-items:end;
}
.radical-cover-deck p{max-width:690px;font-size:clamp(17px,1.5vw,24px);line-height:1.4}
.radical-start-reading{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  color:var(--rl-ink)!important;
  background:var(--rl-lime);
  font-size:11px;
  font-weight:750;
  text-decoration:none;
  text-transform:uppercase;
}
.radical-start-reading:hover{background:#fff}
.radical-start-reading span:last-child{font-size:20px}
.radical-cover-disclosure{
  position:absolute;
  z-index:3;
  right:24px;
  bottom:24px;
  width:min(250px,calc(100% - 48px));
}
.radical-media-credit{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
  font-size:8px;
  line-height:1.45;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.radical-media-credit strong{color:var(--rl-lime)}
.radical-media-credit span,.radical-media-credit a{color:rgba(255,255,255,.62)}
.radical-media-credit a{text-underline-offset:3px}
.radical-media-credit.is-compact{
  display:block;
  padding:11px 12px;
  background:rgba(8,10,15,.78);
  border-left:3px solid var(--rl-coral);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.radical-media-credit.is-compact strong,
.radical-media-credit.is-compact span{display:block}
.radical-media-credit.is-compact span{margin-top:5px}
.radical-media-credit-empty strong{color:var(--rl-coral)}
.radical-cover-index{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  height:58px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(8,10,15,.78);
  border-top:1px solid rgba(255,255,255,.18);
}
.radical-cover-index span{
  display:flex;
  align-items:center;
  padding:0 24px;
  font-size:10px;
  font-weight:650;
  border-right:1px solid rgba(255,255,255,.18);
}

.radical-bridge{
  min-height:64vh;
  display:grid;
  grid-template-columns:170px minmax(420px,1.35fr) minmax(300px,.72fr);
  align-items:center;
  gap:clamp(24px,5vw,80px);
  padding:clamp(80px,10vw,150px) clamp(24px,6vw,100px);
  background:var(--rl-paper);
}
.radical-bridge-label{
  align-self:start;
  padding-top:10px;
  font-size:10px;
  font-weight:750;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
}
.radical-bridge h2{
  font-size:clamp(54px,7vw,112px);
  font-weight:600;
  line-height:.92;
  letter-spacing:-.055em;
}
.radical-bridge-copy>p{max-width:440px;font-size:clamp(18px,1.65vw,25px);line-height:1.5}
.radical-bridge-basis{
  display:grid;
  gap:8px;
  margin-top:32px;
  padding-top:16px;
  border-top:1px solid var(--rl-line);
}
.radical-bridge-basis span{font-size:9px;color:#656660}
.radical-bridge-basis strong{font-size:12px;line-height:1.35}
.radical-bridge-key{
  grid-column:2/-1;
  display:flex;
  flex-wrap:wrap;
  gap:28px;
  padding-top:28px;
  border-top:1px solid var(--rl-line);
  font-size:10px;
  font-weight:650;
  text-transform:uppercase;
}
.radical-bridge-key span{display:flex;align-items:center;gap:8px}
.radical-bridge-key i,.radical-rail-legend i{width:9px;height:9px;display:inline-block}
.radical-bridge-key .key-photo{background:var(--rl-ink)}
.radical-bridge-key .key-copy{background:var(--rl-blue)}
.radical-bridge-key .key-proof{background:var(--rl-coral)}

.radical-lens{
  position:relative;
  display:grid;
  grid-template-columns:minmax(360px,32vw) minmax(560px,1fr);
  align-items:start;
  background:var(--rl-paper-bright);
}
.radical-lens.is-text-only{display:block}
.radical-lens.is-text-only .radical-story{
  width:min(1280px,100%);
  margin:0 auto;
  border-left:1px solid var(--rl-line);
}
.radical-visual-stage{
  position:sticky;
  top:var(--rl-topbar);
  height:calc(100svh - var(--rl-topbar));
  overflow:hidden;
  color:#fff;
  background:var(--rl-ink);
}
.radical-stage-frame{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transform:scale(1.025);
  transition:opacity 520ms ease,transform 800ms cubic-bezier(.2,.75,.2,1),visibility 0ms 520ms;
}
.radical-stage-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(8,10,15,.94),transparent 50%),linear-gradient(90deg,transparent,rgba(8,10,15,.44));
}
.radical-stage-frame.is-active{
  z-index:1;
  opacity:1;
  visibility:visible;
  transform:none;
  transition-delay:0ms;
}
.radical-stage-frame>.radical-media-image,
.radical-stage-frame>.radical-media-status{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.radical-stage-frame>.radical-media-image{object-fit:cover}
.radical-stage-frame>.radical-media-status{padding:72px 34px}
.radical-stage-frame figcaption{
  position:absolute;
  z-index:2;
  left:24px;
  right:70px;
  bottom:26px;
}
.radical-stage-frame figcaption>span{color:var(--rl-lime);font-size:11px;font-weight:750}
.radical-stage-frame figcaption .radical-media-credit{margin-top:7px}
.radical-stage-counter{
  position:absolute;
  z-index:5;
  top:50%;
  right:16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  color:#fff;
  font-size:10px;
  transform:translateY(-50%);
}
.radical-stage-counter i{width:1px;height:78px;background:rgba(255,255,255,.32)}
.radical-story{min-width:0;background:var(--rl-paper-bright);border-right:1px solid var(--rl-line)}
.radical-story-header{
  min-height:calc(100svh - var(--rl-topbar));
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(54px,7vw,104px) clamp(34px,5vw,84px);
}
.radical-story-flags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:52px;font-size:9px;font-weight:750}
.radical-story-flags span{padding:7px 9px;border:1px solid var(--rl-line)}
.radical-story-flags .is-strong{color:#fff;background:var(--rl-ink);border-color:var(--rl-ink)}
.radical-story-flags .is-alert{color:#fff;background:var(--rl-coral);border-color:var(--rl-coral)}
/* «НА ГЛАВНОЙ У» — видимая конвергенция главных страниц панели (решение 02.08).
   С 03.08 блок стоит в модуле «ГЛАВНОЕ» сразу после текста новости — размер
   контентный, логотипы изданий заметные. */
.radical-front-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
  margin:26px 0 0;
  font-size:10px;
}
.radical-front-label{padding:6px 10px;color:#fff;background:var(--rl-ink);font-weight:800;letter-spacing:.09em}
.radical-front-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid var(--rl-line);
  background:#fff;
  color:var(--rl-ink);
  font-weight:700;
  letter-spacing:.04em;
}
.radical-front-chip img{width:18px;height:18px;border-radius:4px;object-fit:contain}
.radical-front-chip em{font-style:normal;color:var(--rl-blue-dark);font-weight:800}
.radical-front-rows{display:grid;gap:8px;margin-top:26px}
.radical-front-rows .radical-front-row{margin-top:0}
/* «Ранее» — метка наследует цвет текста модуля (блок живёт на тёмной карточке). */
.radical-front-label.is-past{background:transparent;color:inherit;border:1px solid var(--rl-line);opacity:.75}
.radical-front-chip.is-past{opacity:.62}
.radical-front-chip small{font-size:8px;opacity:.7}
.radical-story-rubric{margin:0 0 24px;color:var(--rl-blue-dark);font-size:10px;font-weight:750;letter-spacing:.06em}
/* Продольный слой: линия, к которой относится новость (СЮЖЕТЫ.md §4). Регистр ниже
   рубрики — это не рубрика и не заголовок, а принадлежность к длинному сюжету. */
.radical-module > p.radical-storyline.mono,
.radical-storyline{margin:0 0 20px;padding-left:10px;border-left:2px solid currentColor;color:rgba(255,255,255,.52);border-left-color:rgba(255,255,255,.26);font-size:10px;font-weight:650;letter-spacing:.09em}
.radical-story-header h2{
  font-size:clamp(48px,5vw,82px);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.055em;
}
.radical-story-lead{max-width:780px;margin:32px 0 0;font-size:clamp(19px,1.55vw,24px);line-height:1.52}
.radical-byline{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:42px;
  padding-top:16px;
  border-top:1px solid var(--rl-line);
  font-size:9px;
  font-weight:700;
}
.radical-story-controls{margin-top:6px}
.radical-story-controls .story-controls summary{color:#686a64}
.radical-story-controls .story-controls-actions button{
  color:#686a64!important;
  border-color:var(--rl-line)!important;
}
.radical-main .radical-story-controls{margin-top:28px}
.radical-main .radical-story-controls .story-controls summary,
.radical-main .radical-story-controls .story-controls-actions button{
  color:rgba(255,255,255,.68)!important;
  border-color:rgba(255,255,255,.25)!important;
}
.radical-mobile-visual{display:none}
.radical-module{
  position:relative;
  scroll-margin-top:calc(var(--rl-topbar) + 3px);
  padding:clamp(62px,7vw,112px) clamp(34px,5vw,84px);
  border-top:1px solid var(--rl-line);
}
.design-preview-app .radical-module{
  scroll-margin-top:calc(var(--rl-topbar) + 45px);
}
.radical-module-number{
  position:absolute;
  top:28px;
  right:26px;
  font-size:clamp(58px,6vw,96px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.06em;
  opacity:.12;
}
.radical-module-heading{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-bottom:18px;
  border-bottom:1px solid currentColor;
  font-size:10px;
  font-weight:750;
  letter-spacing:.05em;
}
.radical-module h3{
  max-width:820px;
  margin:22px 0 0;
  font-size:clamp(34px,3.6vw,58px);
  font-weight:600;
  line-height:1.02;
  letter-spacing:-.045em;
}
.radical-module>p:not(.radical-module-number),.radical-module-intro{
  max-width:760px;
  font-size:19px;
  line-height:1.65;
}
.radical-main{
  min-height:74vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:#fff;
  background:var(--rl-ink);
}
.radical-main .radical-module-heading{color:var(--rl-lime)}
.radical-main h3{color:rgba(255,255,255,.62);font:500 18px/1.25 var(--rl-sans);letter-spacing:0}
.radical-display-claim{
  margin:26px 0 0;
  font-size:clamp(31px,3.2vw,52px)!important;
  font-weight:520;
  line-height:1.17!important;
  letter-spacing:-.035em;
}
.radical-claim-status{
  display:flex;
  gap:16px;
  align-items:center;
  max-width:680px;
  margin-top:46px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.25);
}
.radical-claim-status>span{
  flex:0 0 auto;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font-size:20px;
  border-radius:50%;
}
.radical-claim-status strong{color:var(--rl-lime);font-size:10px}
.radical-claim-status p{margin-top:5px;color:rgba(255,255,255,.58);font-size:9px;line-height:1.4}
.radical-claim-status.is-open-claim>span{background:var(--rl-coral);color:#fff}
.radical-claim-status.is-open-claim strong{color:var(--rl-coral)}
.radical-context{background:var(--rl-paper)}
.radical-timeline{
  position:relative;
  margin-top:52px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border:1px solid var(--rl-ink);
}
.radical-timeline::before{
  content:"";
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:18px;
  height:18px;
  background:var(--rl-lime);
  border:1px solid var(--rl-ink);
  transform:translate(-50%,-50%) rotate(45deg);
}
.radical-timeline>article{
  min-height:280px;
  padding:24px;
  border-right:1px solid var(--rl-ink);
  border-bottom:1px solid var(--rl-ink);
}
.radical-timeline>article:nth-child(2n){border-right:0}
.radical-timeline>article:nth-last-child(-n+2){border-bottom:0}
.radical-timeline>article.is-now{color:#fff;background:var(--rl-blue)}
.radical-timeline>article.is-next{background:var(--rl-lime)}
.radical-timeline article header{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.radical-timeline article header span{font-size:42px;line-height:1;letter-spacing:-.05em}
.radical-timeline time{font-size:9px;font-weight:750}
.radical-timeline p{margin-top:54px;font-size:17px;line-height:1.5}
.radical-mechanism{color:#fff;background:var(--rl-blue)}
.radical-mechanism .radical-module-heading{color:var(--rl-lime)}
.radical-mechanism-list{list-style:none;margin-top:54px;border-top:1px solid rgba(255,255,255,.5)}
.radical-mechanism-list li{
  min-height:104px;
  display:grid;
  grid-template-columns:70px 1fr;
  gap:18px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.32);
}
.radical-mechanism-list li>span{font-size:28px;font-weight:700}
.radical-mechanism-list li>p{max-width:580px;font-size:18px;line-height:1.5}
.radical-proof{background:var(--rl-lime)}
.radical-proof .radical-module-heading{border-bottom-color:rgba(8,10,15,.3)}
.radical-module-intro{margin-top:26px}
.radical-claim-ledger{margin-top:48px;border-top:2px solid var(--rl-ink)}
.radical-claim-ledger article{
  display:grid;
  grid-template-columns:62px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid rgba(8,10,15,.36);
}
.radical-claim-index{font-size:24px;font-weight:700}
.radical-claim-tag{
  display:inline-block;
  padding:5px 7px;
  color:#fff;
  background:var(--rl-ink);
  font-size:8px;
  font-weight:750;
}
.radical-claim-tag.is-primary{background:var(--rl-blue-dark)}
.radical-claim-tag.is-confirmed{color:var(--rl-ink);background:#fff}
.radical-claim-tag.is-party{background:var(--rl-coral)}
.radical-claim-tag.is-open{background:#6c6f68}
.radical-claim-ledger h4{margin-top:12px;font-size:19px;line-height:1.3}
.radical-claim-ledger p{margin-top:6px;font-size:9px;line-height:1.45}
.radical-empty-note{margin-top:38px!important;padding:20px 0;border-top:1px solid currentColor;font-size:16px!important;font-style:italic}
.radical-empty-note.is-light{color:rgba(255,255,255,.74)}
.radical-sources{background:var(--rl-paper-bright)}
.radical-source-stack{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:42px;
  background:var(--rl-line);
  border:1px solid var(--rl-line);
}
.radical-source-stack>a{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:20px;
  align-items:start;
  min-height:180px;
  padding:22px;
  color:inherit;
  background:var(--rl-paper-bright);
  text-decoration:none;
}
.radical-source-stack>a.is-primary{color:#fff;background:var(--rl-ink)}
.radical-source-rank{font-size:28px;font-weight:700}
.radical-source-kind,.radical-source-state{font-size:8px;font-weight:750}
.radical-source-kind{color:var(--rl-blue-dark)}
.radical-embed{display:grid;gap:6px}
.radical-embed iframe{width:100%;min-height:440px;border:1px solid var(--rl-line);background:#fff}
.radical-embed-note{font-size:8px;letter-spacing:.07em;opacity:.6}
.radical-source-agent{
  display:inline-block;
  margin-left:8px;
  padding:2px 5px;
  color:#fff;
  background:var(--rl-coral);
  font-size:7px;
  font-weight:800;
  letter-spacing:.06em;
}
.radical-source-stack>a.is-primary .radical-source-kind{color:var(--rl-lime)}
.radical-source-stack h4{margin-top:9px;font-size:18px}
.radical-source-stack div>p:last-child{margin-top:6px;color:#747570;font-size:13px;line-height:1.4}
.radical-source-stack>a.is-primary div>p:last-child{color:rgba(255,255,255,.6)}
.radical-source-state{grid-column:2;justify-self:start;padding:7px 8px;border:1px solid currentColor}
.radical-voices{color:#fff;background:var(--rl-coral)}
.radical-voices .radical-module-heading{color:var(--rl-ink)}
.radical-voice-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:50px;
  border-top:1px solid rgba(255,255,255,.55);
  border-left:1px solid rgba(255,255,255,.55);
}
.radical-voice-grid article{
  min-height:250px;
  padding:25px;
  border-right:1px solid rgba(255,255,255,.55);
  border-bottom:1px solid rgba(255,255,255,.55);
}
.radical-voice-grid article>span{color:var(--rl-ink);font-size:9px;font-weight:800}
.radical-voice-grid blockquote{margin-top:42px;font-size:25px;line-height:1.2}
.radical-voice-grid p{margin-top:22px;color:rgba(255,255,255,.72);font-size:13px;line-height:1.45}
/* Издание цитаты и его статус (этап 0 плана мини-аппа). Блок голосов стоит на коралловом
   фоне, а базовый чип .radical-source-agent — белый текст на той же корали: на этом фоне он
   был бы невидим (та же ошибка, что уже ловили с именами изданий белым по белому). Поэтому
   здесь чип инвертирован — тёмный текст на белой подложке. */
.radical-voice-outlet{margin-top:14px;color:rgba(255,255,255,.9);font-size:9px;font-weight:800;letter-spacing:.06em}
.radical-voice-outlet .radical-source-agent{color:var(--rl-ink);background:#fff}
.radical-perspectives{color:#fff;background:var(--rl-blue-dark)}
.radical-perspectives .radical-module-heading{color:var(--rl-lime)}
.radical-perspective-core{
  margin-top:34px;
  padding:18px 0;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:20px;
  border-top:1px solid rgba(255,255,255,.38);
  border-bottom:1px solid rgba(255,255,255,.38);
}
.radical-perspective-core span{color:var(--rl-lime);font-size:9px;font-weight:750}
.radical-perspective-core p{font-size:17px;line-height:1.5}
.radical-perspective-grid{margin-top:32px}
.radical-perspective-grid article{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:22px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.25);
}
.radical-perspective-grid article>div{display:grid;gap:7px}
.radical-perspective-grid span{color:var(--rl-lime);font-size:9px;font-weight:750}
.radical-perspective-grid small{color:rgba(255,255,255,.5);font-size:8px;line-height:1.5}
.radical-perspective-grid small.radical-perspective-kind{
  justify-self:start;
  padding:3px 6px;
  color:var(--rl-blue-dark);
  background:rgba(255,255,255,.72);
  font-size:8px;
  letter-spacing:.04em;
}
.radical-perspective-grid p{font-size:17px;line-height:1.5}
.radical-perspective-also{
  margin-top:26px;
  padding-top:18px;
  display:grid;
  grid-template-columns:180px 1fr;
  gap:22px;
  border-top:1px solid rgba(255,255,255,.25);
}
.radical-perspective-also span{color:rgba(255,255,255,.5);font-size:9px;font-weight:750}
.radical-perspective-also p{color:rgba(255,255,255,.62);font-size:12px;line-height:1.6}
.radical-crossing{overflow:hidden;background:#d8d5cc}
.radical-crossing>.radical-module-intro{margin-top:24px}
.radical-cross-map{position:relative;min-height:430px;margin-top:48px}
.radical-cross-center,.radical-cross-node{
  position:absolute;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid var(--rl-ink);
  border-radius:50%;
  font-size:10px;
  font-weight:750;
  line-height:1.2;
}
.radical-cross-center{
  top:50%;
  left:50%;
  width:132px;
  height:132px;
  padding:14px;
  color:#fff;
  background:var(--rl-blue);
  border:0;
  transform:translate(-50%,-50%);
}
.radical-cross-node{
  width:112px;
  height:112px;
  padding:12px;
  background:var(--rl-paper);
}
.radical-cross-node::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:190px;
  border-top:1px dashed rgba(8,10,15,.45);
  transform-origin:left center;
}
.radical-cross-node.node-1{top:0;left:5%}
.radical-cross-node.node-1::after{transform:rotate(30deg)}
.radical-cross-node.node-2{top:0;right:5%}
.radical-cross-node.node-2::after{transform:rotate(150deg)}
.radical-cross-node.node-3{bottom:0;left:5%}
.radical-cross-node.node-3::after{transform:rotate(-30deg)}
.radical-cross-node.node-4{right:5%;bottom:0}
.radical-cross-node.node-4::after{transform:rotate(210deg)}
.radical-history{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:24px;
  margin-top:48px;
  padding-top:26px;
  border-top:1px solid var(--rl-ink);
}
.radical-history>span{font-size:48px;line-height:1}
.radical-history strong{font-size:9px}
.radical-history p{margin-top:10px;font-size:17px;line-height:1.45}
.radical-history small{display:block;margin-top:9px;color:#686a64;font-size:13px;line-height:1.45}
.radical-forecast{color:#fff;background:var(--rl-ink-soft)}
.radical-forecast .radical-module-heading{color:var(--rl-lime)}
.radical-forecast .radical-module-intro{color:rgba(255,255,255,.74)}
.radical-market-pulse{
  display:grid;
  grid-template-columns:190px 1fr;
  margin-top:42px;
  color:#fff;
  text-decoration:none;
  border:1px solid rgba(255,255,255,.35);
}
.radical-market-value{
  min-height:220px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:20px;
  color:var(--rl-ink);
  background:var(--rl-lime);
}
.radical-market-value strong{font-size:82px;line-height:.8;letter-spacing:-.07em}
.radical-market-value sup{font-size:32px}
.radical-market-value span{font-size:9px;font-weight:800}
.radical-market-question{display:flex;flex-direction:column;justify-content:space-between;padding:24px}
.radical-market-question>p{font-size:24px;line-height:1.28}
.radical-market-question>small{margin-top:12px;color:rgba(255,255,255,.5);font-size:8px;line-height:1.45}
.radical-market-meta{display:flex;flex-wrap:wrap;gap:8px 15px;margin-top:30px;color:rgba(255,255,255,.58);font-size:8px}
.radical-market-question>small.radical-market-related{display:block;margin:0 0 10px;padding:5px 8px;border:1px solid rgba(255,183,77,.45);color:#ffb74d;font-size:8px;letter-spacing:.14em;line-height:1.5;align-self:flex-start}
/* Обратная ветка развилки: та же рамка, что у смежного яруса — пометка обязана быть
   заметна так же, как «СМЕЖНЫЙ ИНДИКАТОР» (решение 22.09.2026). */
.radical-market-question>small.radical-market-two-sided{display:block;margin:0 0 10px;padding:5px 8px;border:1px solid rgba(255,183,77,.45);color:#ffb74d;font-size:8px;letter-spacing:.14em;line-height:1.5;align-self:flex-start}
.radical-market-empty{margin-top:42px;padding:24px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.72)}
.radical-market-empty strong{color:var(--rl-lime);font-size:9px}
.radical-market-empty p{margin-top:12px;font-size:16px;line-height:1.5}
.radical-watch-list{margin-top:32px;border-top:1px solid rgba(255,255,255,.28)}
.radical-watch-list article{
  display:grid;
  grid-template-columns:70px 1fr;
  gap:20px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,.28);
}
.radical-watch-list span{color:var(--rl-lime);font-size:32px}
.radical-watch-list p{font-size:16px;line-height:1.45}
.radical-questions{background:var(--rl-paper)}
.radical-question-list{margin-top:46px;border-top:1px solid var(--rl-ink)}
.radical-question-list>details{border-bottom:1px solid var(--rl-line)}
.radical-question-list summary{list-style:none;cursor:pointer}
.radical-question-list summary::-webkit-details-marker{display:none}
.radical-question-list>details>summary{
  min-height:92px;
  display:grid;
  grid-template-columns:55px 1fr 26px;
  gap:15px;
  align-items:center;
  padding:20px 0;
}
.radical-question-list>details>summary span{font-size:28px}
.radical-question-list>details>summary strong{font-size:18px;line-height:1.4}
.radical-question-list>details>summary i{font-size:24px;font-style:normal;transition:transform .2s ease}
.radical-question-list>details[open]>summary i{transform:rotate(45deg)}
.radical-question-answer{margin:0 0 28px 70px;padding-left:20px;border-left:3px solid var(--rl-blue)}
.radical-question-answer>p{font-size:17px;line-height:1.6}
.radical-question-answer details{margin-top:16px;padding-top:16px;border-top:1px solid var(--rl-line)}
.radical-question-answer details summary{display:grid;grid-template-columns:58px 1fr;gap:12px}
.radical-question-answer details span{color:var(--rl-blue-dark);font-size:8px;font-weight:750}
.radical-question-answer details strong{font-size:14px;line-height:1.45}
.radical-question-answer details>p{margin:12px 0 0 70px;font-size:14px;line-height:1.55}
.radical-story-end{
  min-height:240px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:50px clamp(34px,5vw,84px);
  color:#fff;
  background:var(--rl-blue);
}
.radical-story-end p,.radical-story-end button{font-size:9px;font-weight:750;letter-spacing:.06em}
.radical-story-end button{min-height:44px}
.radical-evidence-rail{
  position:sticky;
  top:var(--rl-topbar);
  height:calc(100svh - var(--rl-topbar));
  color:#fff;
  background:var(--rl-ink);
}
.radical-evidence-rail>div{height:100%;display:flex;flex-direction:column;padding:25px 18px 18px}
.radical-rail-title,.radical-rail-proof p,.radical-rail-disclaimer{font-size:9px;line-height:1.35}
.radical-rail-title{color:rgba(255,255,255,.45)}
.radical-evidence-rail nav{margin-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.radical-evidence-rail nav a{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:12px;
  color:rgba(255,255,255,.52);
  font-size:10px;
  text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.2);
}
.radical-evidence-rail nav a span{color:rgba(255,255,255,.3)}
.radical-evidence-rail nav a.is-active,.radical-evidence-rail nav a:hover{color:var(--rl-lime)}
.radical-rail-proof{margin-top:auto;padding:18px;color:var(--rl-ink);background:var(--rl-lime)}
.radical-rail-proof p{opacity:.64}
.radical-rail-proof strong{display:block;margin-top:14px;font-size:23px;line-height:.95}
.radical-rail-proof span{display:block;margin-top:18px;font-size:8px;line-height:1.3}
.radical-rail-legend{display:grid;gap:7px;margin-top:18px;color:rgba(255,255,255,.58);font-size:8px}
.radical-rail-legend span{display:flex;align-items:center;gap:8px}
.radical-rail-legend .legend-primary{background:var(--rl-blue)}
.radical-rail-legend .legend-confirmed{background:var(--rl-lime)}
.radical-rail-legend .legend-position{background:var(--rl-coral)}
.radical-rail-legend .legend-open{background:#737772}
.radical-rail-disclaimer{margin-top:18px;color:rgba(255,255,255,.38)}
.radical-next-story{
  position:relative;
  min-height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  background:var(--rl-ink);
}
.radical-next-story>.radical-media-image,
.radical-next-story>.radical-media-status,
.radical-next-wash{position:absolute;inset:0;width:100%;height:100%}
.radical-next-story>.radical-media-image{object-fit:cover}
.radical-next-wash{background:rgba(8,10,15,.58)}
.radical-next-story>div:last-child{position:relative;z-index:1;width:min(1120px,calc(100% - 48px))}
.radical-next-story p,.radical-next-story button{color:var(--rl-lime);font-size:10px;font-weight:750}
.radical-next-story h2{
  max-width:1100px;
  margin:28px 0 40px;
  font-size:clamp(58px,8.3vw,132px);
  font-weight:650;
  line-height:.86;
  letter-spacing:-.045em;
  text-transform:uppercase;
}
.radical-next-story button{min-height:44px}
.radical-site-footer{
  min-height:270px;
  display:grid;
  grid-template-columns:1fr auto;
  align-content:center;
  gap:18px 30px;
  padding:50px clamp(24px,5vw,80px);
  color:#fff;
  background:var(--rl-ink);
  border-top:1px solid rgba(255,255,255,.16);
}
.radical-site-footer>div{grid-row:span 2;font-size:clamp(66px,11vw,170px);font-weight:700;line-height:.8;letter-spacing:-.06em}
.radical-site-footer p{font-size:9px;line-height:1.3}

@media (max-width:1180px){
  .radical-topbar{grid-template-columns:170px minmax(0,1fr)}
  .radical-live-state{display:none}
  .radical-topnote{display:none}
  .radical-lens{grid-template-columns:minmax(320px,34vw) minmax(500px,1fr)}
  .radical-story{border-right:0}
  .radical-bridge{grid-template-columns:110px minmax(340px,1.25fr) minmax(250px,.75fr);gap:32px;padding-right:40px;padding-left:40px}
}
@media (max-width:860px){
  .radical-page{--rl-topbar:52px}
  .radical-topbar{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:0 12px}
  .radical-wordmark strong{display:none}
  .radical-live-state{display:none}
  .radical-topnav{display:flex}
  .radical-topnav a{min-height:42px;padding:0 9px;font-size:8px}
  .radical-cover-meta{top:80px;left:16px;right:16px}
  .radical-cover-meta span:last-child{display:none}
  .radical-cover-copy{left:16px;right:16px;bottom:80px}
  .radical-cover h1{font-size:clamp(54px,15vw,104px)}
  .radical-cover h1 span:nth-child(even){padding-left:0}
  .radical-cover h1 em{-webkit-text-stroke-width:1px}
  .radical-start-reading{width:min(240px,100%)}
  .radical-cover-disclosure{right:16px;bottom:16px}
  .radical-bridge{min-height:auto;grid-template-columns:1fr;gap:28px;padding:88px 24px}
  .radical-bridge-label{writing-mode:horizontal-tb;transform:none}
  .radical-bridge h2{font-size:clamp(52px,12vw,84px)}
  .radical-bridge-key{grid-column:1}
  .radical-lens{display:block}
  .radical-visual-stage{display:none}
  .radical-story-header{min-height:auto;padding:90px 24px 70px}
  .radical-story-flags{margin-bottom:44px}
  .radical-story-header h2{font-size:clamp(46px,11vw,76px)}
  .radical-mobile-visual{display:block;margin:46px -24px 0}
  .radical-mobile-visual>.radical-media-image{
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:4/3;
    object-fit:cover;
  }
  /* Статусу фотографическая пропорция 4:3 не нужна: это текст, он занимает ровно
     столько, сколько занимает, и не притворяется кадром. Вставка уходит в край,
     поэтому маркер доверия переезжает с левой границы на верхнюю. */
  /* Фото уходит в край экрана, текст — нет: у статуса остаётся обычное поле
     страницы, иначе строка встаёт впритык к краю и читается как обрезанная. */
  .radical-mobile-visual.is-status{margin-left:0;margin-right:0}
  .radical-mobile-visual>.radical-media-status{
    position:relative;
    width:100%;
    height:auto;
    min-height:0;
    padding:28px 24px;
    border-left-width:0;
    border-top-width:3px;
  }
  .radical-mobile-visual figcaption{padding:10px 24px;color:rgba(255,255,255,.58);background:var(--rl-ink)}
  .radical-module{padding:72px 24px}
  .radical-module h3{font-size:clamp(36px,9vw,54px)}
  .radical-module>p:not(.radical-module-number),.radical-module-intro{font-size:18px}
  .radical-main{min-height:78svh}
  .radical-mechanism .radical-mobile-visual,.radical-voices .radical-mobile-visual{margin-left:-24px;margin-right:-24px}
  .radical-timeline{grid-template-columns:1fr}
  .radical-timeline::before{display:none}
  .radical-timeline>article,
  .radical-timeline>article:nth-child(2n),
  .radical-timeline>article:nth-last-child(-n+2){
    min-height:210px;
    border-right:0;
    border-bottom:1px solid var(--rl-ink);
  }
  .radical-timeline>article:last-child{border-bottom:0}
  .radical-timeline p{margin-top:32px}
  .radical-voice-grid{grid-template-columns:1fr}
  .radical-voice-grid article{min-height:220px}
  .radical-perspective-core,.radical-perspective-grid article,.radical-perspective-also{grid-template-columns:1fr}
  .radical-market-pulse{grid-template-columns:1fr}
  .radical-market-value{min-height:170px}
  .radical-cross-map{min-height:390px}
  .radical-source-stack{grid-template-columns:1fr}
  .radical-source-stack>a{grid-template-columns:38px 1fr;min-height:0}
  .radical-source-state{grid-column:2;justify-self:start}
  .radical-story-end{min-height:220px;padding:40px 24px}
  .radical-site-footer{grid-template-columns:1fr}
  .radical-site-footer>div{grid-row:auto}
}
@media (max-width:760px){
  .radical-page{width:100%;zoom:1}
  .design-preview-app .radical-reading-progress{top:100px}
  .design-preview-app .radical-topbar{top:103px}
  .design-preview-app .radical-tophelp>div{top:calc(var(--rl-topbar) + 7px)}
  .design-preview-app .radical-module{scroll-margin-top:calc(var(--rl-topbar) + 103px)}
}
@media (max-width:520px){
  .radical-wordmark strong{display:none}
  .radical-wordmark{width:44px}
  .radical-cover{min-height:860px}
  .radical-cover-kicker{max-width:270px;line-height:1.4}
  .radical-cover-deck p{font-size:16px}
  .radical-cover-disclosure{width:210px}
  .radical-cover-index{grid-template-columns:repeat(2,1fr);height:62px}
  .radical-cover-index span:nth-child(n+3){display:none}
  .radical-cover-index span{font-size:7px}
  .radical-story-rubric{line-height:1.4}
  .radical-story-lead{font-size:18px}
  .radical-module h3{font-size:38px}
  .radical-display-claim{font-size:29px!important}
  .radical-mechanism-list li{grid-template-columns:46px 1fr}
  .radical-claim-ledger article{grid-template-columns:42px 1fr}
  .radical-voice-grid blockquote{font-size:23px}
  .radical-cross-node{width:86px;height:86px;font-size:8px}
  .radical-cross-center{width:108px;height:108px;font-size:8px}
  .radical-cross-node.node-1,.radical-cross-node.node-3{left:0}
  .radical-cross-node.node-2,.radical-cross-node.node-4{right:0}
  .radical-history{grid-template-columns:1fr}
  .radical-question-list>details>summary{grid-template-columns:42px 1fr 22px}
  .radical-question-answer{margin-left:0}
  .radical-question-answer details>p{margin-left:0}
  .radical-next-story h2{font-size:clamp(50px,15vw,78px)}
}

/* ──────────────────────────────────────────────────────────────────────────
   RADICAL · ОБЛОЖКА ВЫПУСКА И СОДЕРЖАНИЕ
   ────────────────────────────────────────────────────────────────────────── */
.cover-page.radical-cover,
.radical-cover--preview,
.radical-contents{
  --rl-ink:#080a0f;
  --rl-ink-soft:#12151d;
  --rl-paper:#f1eee6;
  --rl-paper-bright:#fbfaf5;
  --rl-blue:#4656ff;
  --rl-coral:#ff553e;
  --rl-lime:#d9ff45;
  width:100%;
  min-height:100vh;
  color:#fff;
  background:var(--rl-ink);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow-x:clip;
}
.radical-page-bar{
  position:sticky;
  z-index:850;
  top:0;
  min-height:60px;
  display:grid;
  grid-template-columns:210px minmax(0,1fr) auto;
  align-items:center;
  gap:24px;
  padding:0 24px;
  color:#fff;
  background:rgba(8,10,15,.88);
  border-bottom:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.design-preview-app .radical-page-bar{top:42px}
.radical-page-brand{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  gap:11px;
  justify-self:start;
  color:#fff;
}
.radical-page-brand__mark{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font-size:20px;
  font-weight:900;
  line-height:1;
}
.radical-page-brand__name{font-size:15px;font-weight:800;letter-spacing:.12em}
.radical-page-bar__context{
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px 18px;
  color:rgba(255,255,255,.55);
  font-size:9px;
  letter-spacing:.07em;
  white-space:nowrap;
  overflow:hidden;
}
.radical-page-bar__context span{overflow:hidden;text-overflow:ellipsis}
.radical-page-bar__signal{
  position:relative;
  flex:0 0 auto;
  padding-left:15px;
  color:#fff;
}
.radical-page-bar__signal::before{
  content:"";
  position:absolute;
  top:50%;
  left:0;
  width:7px;
  height:7px;
  background:var(--rl-coral);
  border-radius:50%;
  box-shadow:0 0 0 5px rgba(255,85,62,.16);
  transform:translateY(-50%);
}
/* 28.09.2026 (ночь, повторное ревью): на соцвкладках колонку даты занимает длинная подпись возраста
   («ОБНОВЛЕНО 13:10 МСК · 28.09 · 22 Ч НАЗАД · ДАННЫЕ УСТАРЕЛИ») и сжимает ряд вкладок. Подпись —
   в одну строку и обрезается многоточием, а не распирает шапку; полный текст — в title, и он же
   целиком виден в полосе витрины (.radical-social__age). */
.radical-page-bar__date{
  min-width:0;
  overflow:hidden;
  color:var(--rl-lime);
  font-size:9px;
  letter-spacing:.07em;
  text-align:right;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cover-page.radical-cover{position:relative;display:block;min-height:100vh}
.cover-page.radical-cover::before,
.radical-cover--preview::before{
  content:"";
  position:absolute;
  inset:60px 0 auto;
  height:min(78vh,900px);
  pointer-events:none;
  background:
    radial-gradient(circle at 72% 18%,rgba(70,86,255,.58),transparent 32%),
    radial-gradient(circle at 25% 84%,rgba(255,85,62,.22),transparent 34%),
    linear-gradient(115deg,transparent 0 62%,rgba(255,255,255,.035) 62% 62.15%,transparent 62.15%);
}
.radical-cover--preview{position:relative;display:flex;padding:0}
.radical-cover__main{
  position:relative;
  z-index:1;
  min-height:calc(100svh - 60px);
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(350px,.65fr);
  align-items:stretch;
  margin:0;
  padding:0;
}
.radical-cover__hero{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(78px,8vw,132px) clamp(28px,6vw,104px);
}
.radical-cover__eyebrow{
  color:var(--rl-lime);
  font-size:10px;
  font-weight:750;
  letter-spacing:.1em;
}
.radical-cover .radical-cover__title{
  max-width:1100px;
  margin:22px 0 0;
  color:#fff;
  font-size:clamp(68px,8vw,128px);
  font-weight:700;
  line-height:.82;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.radical-cover .radical-cover__title>span{display:block}
.radical-cover .radical-cover__title-accent{
  margin-left:clamp(0px,7vw,112px);
  padding-left:0;
  color:transparent;
  font-size:.84em;
  font-weight:520;
  font-style:italic;
  letter-spacing:-.065em;
  text-transform:none;
  white-space:nowrap;
  -webkit-text-stroke:1.5px #fff;
}
.radical-cover__deck{
  width:min(720px,86%);
  margin:38px 0 0 clamp(0px,7vw,112px);
  color:rgba(255,255,255,.78);
  font-size:clamp(17px,1.45vw,23px);
  font-style:normal;
  line-height:1.48;
}
.radical-cover__source-line{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  margin:30px 0 0 clamp(0px,7vw,112px);
  color:rgba(255,255,255,.44);
  font-size:9px;
  letter-spacing:.08em;
}
.radical-cover__source-line span::before{content:"■";margin-right:7px;color:var(--rl-blue)}
.radical-cover__source-line span:nth-child(2)::before{color:var(--rl-lime)}
.radical-cover__source-line span:nth-child(3)::before{color:var(--rl-coral)}
.radical-cover__source-line span:nth-child(4)::before{color:#fff}
.radical-cover__primary-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:42px 0 0 clamp(0px,7vw,112px);
}
.radical-action{
  min-height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 18px;
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:color .18s ease,background .18s ease,border-color .18s ease;
}
.radical-action:disabled{cursor:wait;opacity:.64}
.radical-action--primary{color:var(--rl-ink);background:var(--rl-lime);border:1px solid var(--rl-lime)}
.radical-action--secondary{color:#fff;border:1px solid rgba(255,255,255,.32)}
.radical-action--primary:hover{background:#fff;border-color:#fff}
.radical-action--secondary:hover{color:var(--rl-lime);border-color:var(--rl-lime)}
.radical-cover__cache-status{
  min-height:14px;
  margin:14px 0 0 clamp(0px,7vw,112px);
  color:rgba(255,255,255,.46);
  font-size:8px;
  line-height:1.45;
  letter-spacing:.06em;
}
.radical-cover__cache-status.is-err{color:var(--rl-coral)}
.radical-cover__cache-status.is-ok{color:var(--rl-lime)}

.radical-cover__console{
  align-self:stretch;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(78px,7vw,118px) clamp(24px,3.4vw,54px);
  color:var(--rl-ink);
  background:var(--rl-paper);
  border-left:1px solid rgba(255,255,255,.16);
  animation-delay:.12s;
}
.radical-cover__console-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding-bottom:17px;
  border-bottom:1px solid var(--rl-ink);
  font-size:8px;
  font-weight:750;
  letter-spacing:.06em;
}
.radical-cover__engine{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
  padding:24px 0;
  border-bottom:1px solid rgba(8,10,15,.18);
}
.radical-cover__field-label{font-size:9px;font-weight:750;letter-spacing:.08em}
.radical-cover__field-note{margin-top:8px;color:#5d5e5a;font-size:14px;line-height:1.42}
.radical-cover__key-panel{padding:22px 0;border-bottom:1px solid rgba(8,10,15,.18)}
.radical-cover__key-status{display:flex;justify-content:space-between;gap:14px;color:#5e605b;font-size:7px}
.radical-cover__key-status span:first-child{color:var(--rl-blue)}
.radical-cover__key-form{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.radical-cover__key-input{
  flex:1 1 220px;
  min-width:0;
  min-height:42px;
  padding:0 11px;
  color:var(--rl-ink);
  background:var(--rl-paper-bright);
  border:1px solid rgba(8,10,15,.28);
  border-radius:0;
  font-size:8px;
  outline:none;
}
.radical-cover__key-input:focus{border-color:var(--rl-blue)}
.radical-cover__key-action{
  min-height:42px;
  padding:0 11px;
  color:#fff;
  background:var(--rl-ink);
  font-size:8px;
  font-weight:750;
}
.radical-cover__key-action:disabled{opacity:.4}
.radical-cover__key-action--quiet{color:var(--rl-ink);background:transparent;border:1px solid rgba(8,10,15,.22)}
.radical-cover__key-note{margin-top:12px;color:#666761;font-size:12px;line-height:1.45}
.radical-cover__key-message{margin-top:8px;color:var(--rl-coral);font-size:8px}
.radical-cover__capture{
  min-height:48px;
  margin-top:22px;
  padding:0 13px;
  color:var(--rl-ink);
  border:1px solid var(--rl-ink);
  font-size:8px;
  font-weight:750;
  letter-spacing:.06em;
}
.radical-cover__capture:hover{color:#fff;background:var(--rl-blue);border-color:var(--rl-blue)}
.radical-cover__warning{
  margin-top:14px;
  padding:12px;
  color:#fff;
  background:var(--rl-coral);
  font-size:8px;
  line-height:1.5;
}
.radical-cover__personalization{
  position:relative;
  z-index:1;
  padding:clamp(62px,7vw,108px) clamp(28px,6vw,104px);
  color:var(--rl-ink);
  background:var(--rl-lime);
}
.radical-cover__personalization-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:32px;
  align-items:end;
}
.radical-cover__section-kicker{font-size:9px;font-weight:800;letter-spacing:.1em}
.radical-cover__section-title{
  max-width:820px;
  margin-top:15px;
  font-size:clamp(38px,5vw,74px);
  font-weight:600;
  line-height:.96;
  letter-spacing:-.045em;
}
.radical-cover__personalization-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.radical-cover__personalization-actions button{
  min-height:42px;
  padding:0 10px;
  border:1px solid rgba(8,10,15,.34);
  font-size:7px;
}
.radical-cover__personalization-actions button[aria-pressed="true"]{color:#fff;background:var(--rl-ink)}
.radical-cover__picks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
  margin-top:42px;
  padding-top:28px;
  border-top:1px solid rgba(8,10,15,.42);
}
.radical-cover__picks-note{grid-column:1/-1;font-size:16px}
.radical-cover__pick-group .chip-row{justify-content:flex-start!important}
.radical-cover__pick-group .chip-row button{border-color:rgba(8,10,15,.38)!important;color:var(--rl-ink)!important}
.radical-cover__pick-group .chip-row button[aria-pressed="true"]{color:#fff!important;background:var(--rl-ink)!important}
.radical-cover__progress{
  position:relative;
  z-index:1;
  display:grid;
  gap:8px;
  padding:28px clamp(28px,6vw,104px);
  color:rgba(255,255,255,.54);
  background:var(--rl-ink-soft);
  border-top:1px solid rgba(255,255,255,.16);
}
.radical-cover__progress:empty{display:none}
.radical-cover__progress-row{font-size:8px;line-height:1.5;letter-spacing:.06em}
.radical-cover__progress-row span{display:inline-block;width:22px;color:var(--rl-blue)}
.radical-cover__progress-row.is-current{color:#fff}
.radical-cover__progress-row.is-current span{color:var(--rl-lime)}
.radical-cover__error{padding:13px;color:#fff;background:var(--rl-coral);font-size:9px;line-height:1.5}
.radical-cover__footer{position:relative;z-index:1;padding:12px 24px;background:var(--rl-ink)}
.radical-cover__footer .micro-bar{color:rgba(255,255,255,.44)!important}

.radical-cover__console--fixture{justify-content:center;background:var(--rl-blue);color:#fff}
.radical-cover__console--fixture .radical-cover__console-head{border-bottom-color:rgba(255,255,255,.45)}
.radical-cover__fixture-list{list-style:none;margin-top:26px;border-top:1px solid rgba(255,255,255,.38)}
.radical-cover__fixture-list li{
  min-height:92px;
  display:grid;
  grid-template-columns:58px 1fr;
  gap:18px;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.38);
}
.radical-cover__fixture-list .grot{font-size:34px}
.radical-cover__fixture-list .mono{font-size:9px;line-height:1.45}
.radical-cover--preview .radical-cover__main{flex:1;width:100%;margin:0;padding:0}
.radical-cover--preview .radical-cover__footer{width:100%}
.design-preview-home.radical-cover--preview{
  min-height:calc(100vh - 42px);
  flex-direction:column;
  background:var(--rl-ink);
}
.design-preview-home .radical-cover__deck{
  width:min(720px,86%);
  max-width:none;
  margin:38px 0 0 clamp(0px,7vw,112px);
  color:rgba(255,255,255,.78);
  font-size:clamp(17px,1.45vw,23px);
  font-style:normal;
}
.design-preview-home .radical-action--primary{
  color:var(--rl-ink);
  background:var(--rl-lime);
  border-color:var(--rl-lime);
}
.design-preview-home .radical-action--secondary{
  color:#fff;
  background:transparent;
  border-color:rgba(255,255,255,.32);
}

.radical-contents{display:flex;min-height:100vh;flex-direction:column}
.radical-contents__bar{grid-template-columns:210px minmax(0,1fr) auto}
/* 28.09.2026 (ночь, повторное ревью): на десктопе 821–~1050 px пять вкладок (с X и REDDIT) шире
   своей колонки, а center у контейнера с overflow-x:auto делит переполнение на обе стороны — левую
   часть прокрутка не достаёт, и «КАРТИНА ДНЯ» срезалась до «НЯ». safe center центрирует, пока ряд
   помещается, и прижимает к началу при переполнении; flex-start — фолбэк для движков без safe
   (старые WebView). Мобильное правило (≤820 px) — то же, но с safe flex-end. */
.radical-contents__tabs{
  min-width:0;
  display:flex;
  justify-content:flex-start;
  justify-content:safe center;
  align-self:stretch;
  overflow-x:auto;
  scrollbar-width:none;
}
.radical-contents__tabs::-webkit-scrollbar{display:none}
.radical-contents__tab{
  min-height:44px;
  padding:0 18px;
  color:rgba(255,255,255,.55);
  border-left:1px solid rgba(255,255,255,.14);
  font-size:9px;
  font-weight:750;
  letter-spacing:.06em;
  white-space:nowrap;
}
.radical-contents__tab:last-child{border-right:1px solid rgba(255,255,255,.14)}
.radical-contents__tab.is-active{color:var(--rl-lime)}
.radical-contents__main{flex:1}
.radical-contents__intro{
  position:relative;
  min-height:56vh;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:clamp(92px,10vw,160px) clamp(28px,5vw,84px) clamp(54px,6vw,96px);
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 20%,rgba(70,86,255,.62),transparent 33%),
    radial-gradient(circle at 20% 82%,rgba(255,85,62,.25),transparent 31%),
    var(--rl-ink);
  border-bottom:1px solid rgba(255,255,255,.2);
}
.radical-contents__intro::after{
  content:"";
  position:absolute;
  top:0;
  right:11%;
  width:1px;
  height:100%;
  background:rgba(255,255,255,.12);
}
.radical-contents__eyebrow{position:relative;z-index:1;color:var(--rl-lime);font-size:10px;font-weight:750}
.radical-contents__title{
  position:relative;
  z-index:1;
  max-width:1200px;
  margin-top:18px;
  font-size:clamp(78px,12vw,188px);
  font-weight:700;
  line-height:.78;
  letter-spacing:-.055em;
  text-transform:uppercase;
}
.radical-contents__count{
  position:absolute;
  top:-.08em;
  right:-.02em;
  color:transparent;
  font-family:var(--serif);
  font-size:.72em;
  font-style:italic;
  font-weight:500;
  -webkit-text-stroke:1.5px var(--rl-lime);
}
.radical-contents__description{
  position:relative;
  z-index:1;
  width:min(620px,58%);
  margin:36px 11% 0 auto;
  color:rgba(255,255,255,.7);
  font-size:clamp(16px,1.35vw,21px);
  font-style:normal;
  line-height:1.5;
}
.radical-contents__list{list-style:none}
.radical-contents__item{
  min-height:210px;
  color:#fff;
  background:var(--rl-ink);
  border-bottom:1px solid rgba(255,255,255,.18);
  transition:color .24s ease,background .24s ease;
}
.radical-contents__item:nth-child(4n+2):hover{background:var(--rl-blue)}
.radical-contents__item:nth-child(4n+3):hover{background:var(--rl-coral)}
.radical-contents__item:nth-child(4n):hover{color:var(--rl-ink);background:var(--rl-lime)}
.radical-contents__item.is-wildcard{color:var(--rl-ink);background:var(--rl-lime)}
/* Первый сюжет выпуска — hero: он должен читаться как главная новость дня. */
.radical-contents__item.is-lead{min-height:330px;border-bottom-width:2px}
.radical-contents__item.is-lead .radical-contents__story{min-height:330px;padding-top:48px;padding-bottom:48px}
.radical-contents__item.is-lead .radical-contents__number{font-size:86px}
.radical-contents__item.is-lead .radical-contents__headline{font-size:clamp(38px,5.4vw,84px);line-height:.94;letter-spacing:-.04em}
.radical-contents__item.is-lead .radical-contents__annotation{max-width:900px;margin-top:18px;color:rgba(255,255,255,.74);font-size:16px;line-height:1.5}
.radical-contents__item.is-lead:hover .radical-contents__annotation{color:inherit;opacity:.85}
.radical-contents__lead-flag{
  display:inline-block;
  margin-right:12px;
  padding:4px 7px;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
}
.radical-contents__item:nth-child(4n):hover .radical-contents__lead-flag,
.radical-contents__item.is-wildcard .radical-contents__lead-flag{color:var(--rl-lime);background:var(--rl-ink)}
.radical-contents__story{
  width:100%;
  min-height:210px;
  display:grid;
  grid-template-columns:92px minmax(320px,1fr) minmax(240px,330px) 42px;
  gap:clamp(18px,3vw,48px);
  align-items:center;
  padding:30px clamp(24px,4vw,68px);
  text-align:left;
}
.radical-contents__folio{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between}
.radical-contents__number{font-size:52px;font-weight:700;line-height:.9;letter-spacing:-.055em}
.radical-contents__time{font-size:8px;letter-spacing:.05em;opacity:.52}
.radical-contents__copy{min-width:0;display:block}
.radical-contents__rubric{display:block;color:var(--rl-lime);font-size:9px;font-weight:750;letter-spacing:.08em}
.radical-contents__item:nth-child(4n):hover .radical-contents__rubric,
.radical-contents__item.is-wildcard .radical-contents__rubric{color:var(--rl-blue)}
.radical-contents__storyline{display:block;margin-top:7px;color:rgba(255,255,255,.46);font-size:9px;font-weight:650;letter-spacing:.1em}
.radical-contents__item:hover .radical-contents__storyline{color:rgba(255,255,255,.62)}
.radical-contents__item:nth-child(4n):hover .radical-contents__storyline,
.radical-contents__item.is-wildcard .radical-contents__storyline{color:rgba(8,10,15,.58)}
.radical-contents__headline{
  display:block;
  margin-top:13px;
  font-size:clamp(28px,3.25vw,52px);
  font-weight:650;
  line-height:.98;
  letter-spacing:-.035em;
  text-transform:uppercase;
  /* На 375 px колонка заголовка 255 px, а «ОГРАНИЧИТЕЛЬНЫХ» кеглем 40 px — около 315:
     слово уезжало под стрелку. Перенос по слогам (lang="ru"), в крайнем случае — где угодно. */
  overflow-wrap:anywhere;
  -webkit-hyphens:auto;
  hyphens:auto;
  /* Переносим только длинные слова: без предела «НОВЫЙ» рвалось на «НО-ВЫЙ». */
  hyphenate-limit-chars:10 5 5;
}
.radical-contents__headline.is-statement{
  font-family:var(--serif);
  font-weight:560;
  font-style:italic;
  line-height:1.02;
  text-transform:none;
}
.radical-contents__annotation{
  display:block;
  max-width:760px;
  margin-top:15px;
  color:rgba(255,255,255,.59);
  font-size:14px;
  line-height:1.48;
}
.radical-contents__item:nth-child(4n):hover .radical-contents__annotation,
.radical-contents__item.is-wildcard .radical-contents__annotation{color:rgba(8,10,15,.67)}
/* «Почему в выпуске»: объективное обоснование отбора — публикации, независимые
   основы, главные страницы, всплеск. Микротип, не спорит с аннотацией. */
.radical-contents__rationale{
  display:block;
  max-width:760px;
  margin-top:9px;
  color:rgba(255,255,255,.38);
  font-size:9px;
  letter-spacing:.09em;
  line-height:1.5;
}
.radical-contents__item:hover .radical-contents__rationale{color:rgba(255,255,255,.55)}
.radical-contents__item:nth-child(4n):hover .radical-contents__rationale,
.radical-contents__item.is-wildcard .radical-contents__rationale{color:rgba(8,10,15,.5)}
.radical-contents__meta{
  display:grid;
  gap:14px;
  align-self:stretch;
  align-content:center;
  padding-left:22px;
  border-left:1px solid currentColor;
}
.radical-contents__source{display:grid;gap:4px;font-size:7px;line-height:1.4}
.radical-contents__source span{opacity:.5}
.radical-contents__source strong{font-size:8px;font-weight:700}
.radical-contents__audit{justify-self:start}
.radical-contents__arrow{font-size:22px;transition:transform .2s ease}
.radical-contents__story:hover .radical-contents__arrow{transform:translate(5px,-5px)}
.radical-contents__footer{
  min-height:130px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:30px clamp(24px,4vw,68px);
  color:rgba(255,255,255,.5);
  border-top:1px solid rgba(255,255,255,.18);
}
.radical-contents__footer>span{font-size:8px}

@media (max-width:1080px){
  .radical-cover__main{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)}
  .radical-cover .radical-cover__title{font-size:clamp(64px,9vw,108px)}
  .radical-cover__hero{padding-left:42px;padding-right:42px}
  .radical-cover__deck,
  .radical-cover__source-line,
  .radical-cover__primary-actions,
  .radical-cover__cache-status{margin-left:0}
  .radical-cover .radical-cover__title-accent{margin-left:0}
  .radical-contents__story{grid-template-columns:72px minmax(280px,1fr) minmax(210px,270px) 32px}
}
@media (max-width:820px){
  .radical-page-bar{grid-template-columns:auto minmax(0,1fr);gap:12px;padding:0 14px}
  .radical-page-brand__name{display:none}
  .radical-page-bar__context{justify-content:flex-end}
  .radical-page-bar__date{display:none}
  .radical-cover__main{display:block;min-height:0}
  .radical-cover__hero{min-height:calc(100svh - 60px);padding:100px 22px 74px}
  .radical-cover .radical-cover__title{font-size:clamp(58px,14.6vw,92px)}
  .radical-cover__deck{width:100%;font-size:17px}
  .design-preview-home .radical-cover__deck{width:100%;margin-left:0;font-size:17px}
  .radical-cover__console{padding:64px 22px;border-top:1px solid rgba(255,255,255,.18);border-left:0}
  .radical-cover__personalization{padding:64px 22px}
  .radical-cover__personalization-head{grid-template-columns:1fr}
  .radical-cover__personalization-actions{justify-content:flex-start}
  .radical-cover__picks{grid-template-columns:1fr}
  .radical-contents__bar{grid-template-columns:auto minmax(0,1fr)}
  /* 28.09.2026 (правка по ревью): с пятью вкладками (СОДЕРЖАНИЕ + X + REDDIT) ряд шире экрана
     320–375 px, а flex-end у контейнера с overflow-x:auto выталкивает НАЧАЛО ряда за левый край,
     куда прокрутка не достаёт: «КАРТИНА ДНЯ» пропадала. safe flex-end прижимает вправо, пока
     ряд помещается, и переходит к началу при переполнении; flex-start — фолбэк для движков
     без safe (старые WebView). Правило общее с читалкой (.reader-contents-bar в reader.css своего
     justify-content для вкладок не задаёт). */
  .radical-contents__tabs{justify-content:flex-start;justify-content:safe flex-end}
  .radical-contents__intro{min-height:50vh;padding-right:22px;padding-left:22px}
  .radical-contents__title{font-size:clamp(60px,15vw,110px)}
  .radical-contents__count{position:static;margin-left:14px}
  .radical-contents__description{width:100%;margin:28px 0 0}
  .radical-contents__story{
    grid-template-columns:58px minmax(0,1fr) 32px;
    gap:16px;
    padding:26px 20px;
  }
  .radical-contents__meta{grid-column:2;padding:18px 0 0;border-top:1px solid currentColor;border-left:0}
  .radical-contents__arrow{grid-column:3;grid-row:1}
}
@media (max-width:760px){
  .design-preview-app .radical-page-bar{top:0}
  .design-preview-home.radical-cover--preview{min-height:100vh;padding:0!important}
  .cover-page.radical-cover,.radical-contents{padding:0!important}
}
@media (max-width:520px){
  .radical-page-bar__context span:not(.radical-page-bar__signal){display:none}
  .radical-cover__hero{min-height:760px;padding-bottom:58px}
  .radical-cover .radical-cover__title{font-size:clamp(54px,17vw,78px);line-height:.86}
  .radical-cover .radical-cover__title-accent{white-space:normal}
  .radical-cover__eyebrow{max-width:280px;line-height:1.45}
  .radical-cover__primary-actions{align-items:stretch;flex-direction:column}
  .radical-action{width:100%}
  .radical-cover__engine{grid-template-columns:1fr}
  .radical-cover__key-status{align-items:flex-start;flex-direction:column}
  .radical-cover__section-title{font-size:42px}
  .radical-contents__tab{padding:0 9px;font-size:7px}
  .radical-contents__intro{min-height:420px}
  .radical-contents__title{font-size:56px;line-height:.84}
  .radical-contents__story{grid-template-columns:44px minmax(0,1fr) 24px;gap:12px;padding:24px 14px}
  .radical-contents__number{font-size:38px}
  .radical-contents__headline{font-size:29px}
  .radical-contents__annotation{font-size:13px}
  .radical-contents__item.is-lead{min-height:0}
  .radical-contents__item.is-lead .radical-contents__story{min-height:0;padding-top:34px;padding-bottom:34px}
  .radical-contents__item.is-lead .radical-contents__number{font-size:52px}
  .radical-contents__item.is-lead .radical-contents__headline{font-size:40px}
  .radical-contents__item.is-lead .radical-contents__annotation{font-size:14px}
  .radical-contents__footer{align-items:flex-start;flex-direction:column}
}

/* ───── Продольный слой: вкладка «Сюжеты» и страница сюжета (СЮЖЕТЫ.md §5) ─────
   Тот же тёмный регистр, что у содержания, но карточка линии намеренно спокойнее
   карточки темы: сюжет — справочная поверхность, он не конкурирует с выпуском
   за внимание. */
.radical-lines{padding:0 0 40px}
.radical-lines__note{
  padding:18px 11% 22px;
  color:rgba(255,255,255,.45);
  font-size:10px;
  letter-spacing:.1em;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.radical-lines__list{list-style:none}
.radical-lines__item{
  color:#fff;
  background:var(--rl-ink);
  border-bottom:1px solid rgba(255,255,255,.14);
  transition:background .24s ease;
}
.radical-lines__item:hover{background:#0f131c}
.radical-lines__card{
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-areas:"badge arrow" "title arrow" "who arrow" "stats arrow" "last arrow";
  gap:6px 24px;
  width:100%;
  padding:30px 11%;
  color:inherit;
  text-align:left;
  background:none;
  border:0;
  cursor:pointer;
}
.radical-lines__badge{grid-area:badge;color:var(--rl-lime);font-size:9px;font-weight:750;letter-spacing:.12em}
.radical-lines__title{grid-area:title;font-size:clamp(26px,2.6vw,42px);font-weight:650;line-height:1.02;letter-spacing:-.02em}
.radical-lines__participants{grid-area:who;color:rgba(255,255,255,.5);font-size:10px;letter-spacing:.08em}
.radical-lines__stats{grid-area:stats;margin-top:6px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.09em}
.radical-lines__last{grid-area:last;max-width:680px;margin-top:8px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.45}
.radical-lines__arrow{grid-area:arrow;align-self:center;color:rgba(255,255,255,.35);font-size:18px}
.radical-lines__item:hover .radical-lines__arrow{color:var(--rl-lime)}

.radical-line__passport{margin:22px 11% 0 auto;width:min(620px,58%);color:rgba(255,255,255,.55);font-size:10px;letter-spacing:.09em;line-height:1.7}
.radical-line__fork{width:min(620px,58%);margin:18px 11% 0 auto;padding-left:12px;border-left:2px solid var(--rl-lime)}
.radical-line__fork .mono{display:block;color:var(--rl-lime);font-size:9px;letter-spacing:.12em}
.radical-line__fork p{margin:6px 0 0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.45}
.radical-line__fork p.is-open{color:rgba(255,255,255,.45);font-size:10px;letter-spacing:.09em}
.radical-line__empty{padding:40px 11%;color:rgba(255,255,255,.7);font-size:17px;line-height:1.5}
.radical-line__empty p{max-width:640px;margin:0}
.radical-line__section{padding:34px 11%;border-top:1px solid rgba(255,255,255,.14)}
.radical-line__head{margin-bottom:22px;color:rgba(255,255,255,.42);font-size:9px;letter-spacing:.12em}
.radical-line__timeline,.radical-line__points,.radical-line__sides,.radical-line__voices{list-style:none;margin:0;padding:0}
.radical-line__day{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}
.radical-line__day:first-child{border-top:0}
.radical-line__date{color:var(--rl-lime);font-size:15px;font-weight:650;letter-spacing:.02em}
.radical-line__point{padding:6px 0}
.radical-line__open,.radical-line__static{display:block;width:100%;padding:0;color:inherit;text-align:left;background:none;border:0}
.radical-line__open{cursor:pointer}
.radical-line__open:hover .radical-line__headline{color:var(--rl-lime)}
.radical-line__headline{display:block;max-width:760px;color:rgba(255,255,255,.88);font-size:17px;line-height:1.4;transition:color .2s ease}
.radical-line__mark{display:block;margin-top:4px;color:rgba(255,255,255,.4);font-size:9px;letter-spacing:.09em}
.radical-line__side,.radical-line__voice{max-width:760px;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.radical-line__side:first-child,.radical-line__voice:first-child{border-top:0}
.radical-line__side-name,.radical-line__voice-who{display:block;color:var(--rl-lime);font-size:10px;font-weight:750;letter-spacing:.1em}
.radical-line__side-when{display:block;margin-top:2px;color:rgba(255,255,255,.38);font-size:9px;letter-spacing:.09em}
.radical-line__side p,.radical-line__voice p{margin:8px 0 0;color:rgba(255,255,255,.82);font-size:16px;line-height:1.5}
.radical-line__side-outlets,.radical-line__voice-src{display:block;margin-top:6px;color:rgba(255,255,255,.38);font-size:9px;letter-spacing:.09em}
@media (max-width:860px){
  .radical-lines__note,.radical-lines__card,.radical-line__section,.radical-line__empty{padding-left:24px;padding-right:24px}
  .radical-line__passport,.radical-line__fork{width:auto;margin-left:24px;margin-right:24px}
  .radical-line__day{grid-template-columns:1fr;gap:6px}
}

/* ───── Соцтренды X и Reddit: витрина «radical-social» (добавлено 28.09.2026 по просьбе пользователя) ─────
   Тот же тёмный регистр, что у содержания (.radical-contents): фон --rl-ink, акцент
   --rl-lime, моно-микротип 9px/.09em как у .radical-contents__rationale, границы
   rgba(255,255,255,.14). Это индикатор, а не выпуск: пометка СОЦСИГНАЛ и атрибуция
   источника — обязательная полоса сверху, а не мелкий шрифт в подвале.
   Переменные --rl-* объявлены на .radical-page/.radical-contents; дублируем их здесь
   значениями по умолчанию, чтобы витрина не теряла палитру, если читалка Mini App
   смонтирует её вне этих контейнеров. */
.radical-social{
  --rl-ink:#080a0f;
  --rl-blue:#4656ff;
  --rl-coral:#ff553e;
  --rl-lime:#d9ff45;
  min-width:0;
  padding:0 clamp(24px,4vw,68px) 48px;
  color:#fff;
  background:var(--rl-ink);
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  overflow-x:clip;
}
.radical-social__bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.radical-social__label{
  display:inline-block;
  padding:5px 8px;
  color:var(--rl-ink);
  background:var(--rl-lime);
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
}
/* 28.09.2026 (правка по ревью): служебные строки витрины — не ниже 4.5:1 на --rl-ink (#080a0f):
   белый с альфой .42 давал ~4:1, .62 — ~7.5:1; ошибки — непрозрачный коралл (~6:1). */
.radical-social__source,
.radical-social__age,
.radical-social__fixture{color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5}
.radical-social__fixture{color:rgba(255,255,255,.72);font-weight:750}
.radical-social__note{color:var(--rl-coral);font-size:9px;letter-spacing:.09em;line-height:1.5}
.radical-social__refresh{
  min-height:34px;
  padding:0 14px;
  color:var(--rl-lime);
  background:none;
  border:1px solid rgba(255,255,255,.3);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
  cursor:pointer;
  transition:color .2s ease,background .2s ease;
}
.radical-social__refresh:hover:not(:disabled){color:var(--rl-ink);background:var(--rl-lime);border-color:var(--rl-lime)}
.radical-social__refresh:disabled{color:rgba(255,255,255,.62);border-color:rgba(255,255,255,.2);cursor:default}
.radical-social__empty .radical-social__refresh{margin-left:6px;vertical-align:middle}

/* Ряд чипов стран/лент: горизонтальная прокрутка, полоса скрыта, как у вкладок содержания. */
.radical-social__chips{
  display:flex;
  gap:8px;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  overflow-x:auto;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.radical-social__chips::-webkit-scrollbar{display:none}
.radical-social__chip{
  flex:0 0 auto;
  min-height:32px;
  padding:0 12px;
  color:rgba(255,255,255,.62);
  background:none;
  border:1px solid rgba(255,255,255,.22);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
  white-space:nowrap;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.radical-social__chip:hover{color:#fff;border-color:rgba(255,255,255,.5)}
.radical-social__chip.is-active{color:var(--rl-ink);background:var(--rl-lime);border-color:var(--rl-lime)}
.radical-social__chip.is-empty:not(.is-active){color:rgba(255,255,255,.58);border-style:dashed}
.radical-social__chip.is-carried:not(.is-active){border-style:dashed}

/* Сводка «в топе сразу в нескольких странах» — над списком, отдельной секцией. */
.radical-social__topics{padding:22px 0 8px;border-bottom:1px solid rgba(255,255,255,.14)}
.radical-social__head{margin:0 0 6px;color:rgba(255,255,255,.62);font-size:9px;font-weight:750;letter-spacing:.12em}
.radical-social__topic-list{list-style:none;margin:0;padding:0}
.radical-social__topic{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  align-items:baseline;
  min-width:0;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.08)
}
.radical-social__topic:first-child{border-top:0}
.radical-social__geos{color:rgba(255,255,255,.66);font-size:9px;letter-spacing:.09em;line-height:1.6}

/* Список позиций: ранг · заголовок-ссылка + микрострока · чип совпадения.
   Заголовки — реальные хештеги без пробелов любой длины: overflow-wrap:anywhere и
   min-width:0 на колонке, иначе на 375 px появляется горизонтальный скролл. */
.radical-social__list{list-style:none;margin:0;padding:0}
.radical-social__item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  gap:6px 16px;
  align-items:start;
  padding:16px 0;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.radical-social__rank{
  padding-top:3px;
  color:rgba(255,255,255,.58);
  font-size:20px;
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}
.radical-social__copy{display:grid;gap:5px;min-width:0}
.radical-social__title{
  display:inline-block;
  max-width:100%;
  min-width:0;
  color:#fff;
  font-size:clamp(17px,1.6vw,23px);
  font-weight:650;
  line-height:1.15;
  letter-spacing:-.02em;
  text-decoration:none;
  overflow-wrap:anywhere;
  word-break:break-word;
  transition:color .2s ease;
}
.radical-social__title:hover{color:var(--rl-lime);text-decoration:underline}
.radical-social__title.is-hashtag{color:rgba(217,255,69,.88)}
.radical-social__line{color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5;overflow-wrap:anywhere}
/* 01.10.2026: остальные тренды того же повода под строкой группы всплесков */
.radical-social__related{display:block;margin-top:6px;color:rgba(255,255,255,.72);font-size:9px;letter-spacing:.09em;line-height:1.6;overflow-wrap:anywhere}.radical-social__related-title{color:#d9ff45;text-decoration:none}.radical-social__related-title:hover{text-decoration:underline}
.radical-social__outbound{margin-left:10px;color:rgba(255,255,255,.78);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.radical-social__outbound:hover{color:var(--rl-lime)}

/* Чип совпадения — та же лаймовая плашка, что .radical-contents__lead-flag: контрастная
   подсказка «→ В ВЫПУСКЕ NN», кнопка в расширении и читалке, статичная метка без onStory. */
.radical-social__match{
  display:inline-block;
  align-self:start;
  justify-self:start;
  padding:4px 7px;
  color:var(--rl-ink);
  background:var(--rl-lime);
  border:0;
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  white-space:nowrap;
  cursor:default;
}
button.radical-social__match{cursor:pointer}
button.radical-social__match:hover{color:var(--rl-lime);background:#fff}

.radical-social__meta{margin:14px 0 0;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.6}
.radical-social__meta a{color:inherit;text-decoration:none}
.radical-social__meta a:hover{color:var(--rl-lime)}
.radical-social__errors{list-style:none;margin:10px 0 0;padding:0;color:var(--rl-coral);font-size:9px;letter-spacing:.09em;line-height:1.6;overflow-wrap:anywhere}
.radical-social__empty{margin:0;padding:36px 0;color:rgba(255,255,255,.7);font-size:16px;line-height:1.5;letter-spacing:.02em}

@media (max-width:820px){
  .radical-social{padding-left:22px;padding-right:22px}
}
@media (max-width:520px){
  .radical-social{padding-left:14px;padding-right:14px;padding-bottom:36px}
  .radical-social__bar{gap:8px 12px;padding:14px 0}
  .radical-social__item{grid-template-columns:34px minmax(0,1fr);gap:6px 12px;padding:14px 0}
  .radical-social__rank{font-size:16px}
  .radical-social__match{grid-column:2;justify-self:start}
  .radical-social__title{font-size:18px}
  .radical-social__topic{gap:4px 10px}
}

/* Статус издания в РФ у внешней ссылки поста Reddit (28.09.2026): красная плашка, как метка
   ограниченного статуса у карточек; нежелательной организации ссылка «ИСТОЧНИК» не рисуется. */
.radical-social__restricted{
  display:inline-block;
  margin-left:8px;
  padding:2px 6px;
  color:#fff;
  background:var(--red);
  font-size:8px;
  font-weight:800;
  letter-spacing:.1em;
  vertical-align:middle;
}

/* ───── Соцтренды: правки по ревью (28.09.2026, вечер) ─────
   Пометки над списком страны/ленты (note каталога, «ИЗ ПРЕДЫДУЩЕГО СБОРА», «СКРЫТО ФИЛЬТРОМ»):
   меняют чтение списка, поэтому стоят над ним и контрастнее подвала. Чип стороны издания —
   контур, не заливка: это атрибуция из каталога, а не статус (статус — красная плашка).
   Чип «→ В ПУЛЕ ДНЯ» — лаймовый контур: слабее «→ В ВЫПУСКЕ NN», карточка вне первой полосы. */
.radical-social__notice{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  margin:14px 0 0;
  padding:8px 10px;
  color:rgba(255,255,255,.78);
  border-left:2px solid var(--rl-lime);
  background:rgba(255,255,255,.04);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
  line-height:1.5;
  overflow-wrap:anywhere;
}
.radical-social__notice-part{min-width:0}
.radical-social__side{
  display:inline-block;
  margin-left:8px;
  padding:1px 6px;
  color:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.4);
  font-size:8px;
  font-weight:750;
  letter-spacing:.1em;
  text-transform:uppercase;
  vertical-align:middle;
  white-space:nowrap;
}
.radical-social__match.is-pool{
  color:var(--rl-lime);
  background:transparent;
  box-shadow:inset 0 0 0 1px var(--rl-lime);
}
button.radical-social__match.is-pool:hover{color:var(--rl-ink);background:var(--rl-lime)}
.radical-social__meta span{color:inherit}

/* ───── Соцтренды: всплески, пояснения, выборка Reddit (29.09.2026, по просьбе пользователя) ─────
   Витрина перестроена вокруг блоков «ВСПЛЕСКИ · ЧТО ПОЯВИЛОСЬ И ПОЧЕМУ» и «ВЫБОРКА · НОВОСТНЫЕ
   ПОСТЫ»; полные списки по странам/лентам свёрнуты. Тот же регистр: --rl-ink, лайм, моно 9px/.09em;
   служебные строки — белый с альфой ≥ .58 (≥ 4.5:1 на #080a0f), лайм на --rl-ink ≈ 17:1.
   Пометка о тексте модели (SOCIAL_EXPLAIN_LABEL, перевод) — лаймовый контур: слабее плашки
   СОЦСИГНАЛ, но той же природы — предупреждение, а не подпись. Строки пояснения: about и why —
   обычный текст (why с лаймовой чертой слева: это и есть «почему в трендах»), основание — моно. */
.radical-social__explain-label{
  display:inline-block;
  margin:14px 0 0;
  padding:4px 8px;
  color:var(--rl-lime);
  border:1px solid var(--rl-lime);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
  line-height:1.5;
}
.radical-social__surges,
.radical-social__digest{padding:22px 0 8px;border-bottom:1px solid rgba(255,255,255,.14)}
.radical-social__surge-list,
.radical-social__digest-list{list-style:none;margin:0;padding:0}
.radical-social__surge{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 16px;
  align-items:start;
  padding:16px 0;
  border-top:1px solid rgba(255,255,255,.1);
}
.radical-social__surge:first-child{border-top:0}
.radical-social__title-row{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-width:0}
.radical-social__gloss{color:rgba(255,255,255,.72);font-size:12px;line-height:1.4;letter-spacing:.01em;overflow-wrap:anywhere}
.radical-social__about,
.radical-social__why{display:block;margin:2px 0 0;color:rgba(255,255,255,.88);font-size:14px;line-height:1.45;letter-spacing:.005em;overflow-wrap:anywhere}
.radical-social__why{padding-left:10px;border-left:2px solid var(--rl-lime)}
.radical-social__basis{display:block;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5;overflow-wrap:anywhere}
.radical-social__basis.is-missing{color:rgba(255,255,255,.58)}
.radical-social__toggle{
  min-height:28px;
  padding:0 10px;
  color:var(--rl-lime);
  background:none;
  border:1px solid rgba(255,255,255,.3);
  font-size:9px;
  font-weight:750;
  letter-spacing:.09em;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,border-color .2s ease;
}
.radical-social__toggle:hover{color:var(--rl-ink);background:var(--rl-lime);border-color:var(--rl-lime)}
.radical-social__toggle[aria-expanded="true"]{border-color:var(--rl-lime)}
.radical-social__group{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.radical-social__group-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:0;color:rgba(255,255,255,.62);font-size:9px;font-weight:750;letter-spacing:.12em}
.radical-social__lists{padding:18px 0 0}
.radical-social__lists-head{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.radical-social__topic-explain{display:grid;gap:4px;flex:1 0 100%;min-width:0}
.radical-social__ru{color:#fff}
.radical-social__orig{color:rgba(255,255,255,.66);font-size:12px;line-height:1.4;letter-spacing:.01em;overflow-wrap:anywhere}
.radical-social__orig.is-missing{color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5}
/* 29.09.2026 (по разметке редактора): «ГЛАВНОЕ» и одна свёрнутая группа «ОСТАЛЬНОЕ» — те же .radical-social__group
   и __group-head. Строка без повода в свёрнутой группе компактная (заголовок мельче, глосса «ru — о чём»,
   микрострока, основание): в списке из десятка таких строк полная высота разбора ни к чему. Подпись «ПОВОД
   СНЯТ ПРОВЕРКОЙ: …» — коралл, как ошибки сбора: повод модель нашла, его снял код, читателю это предупреждение,
   а не подпись. Коралл на --rl-ink — непрозрачный, контраст тот же, что у .radical-social__errors. */
.radical-social__surge.is-compact{gap:3px 16px;padding:10px 0}
.radical-social__surge.is-compact .radical-social__title{font-size:clamp(15px,1.3vw,18px)}
.radical-social__check{color:var(--rl-coral)}
/* 30.09.2026 (ночь, соцразговор по просьбе редакции 29.09): блок «ОБСУЖДАЮТ В СЕТИ · ПОВОД ПО ПОСТАМ, НЕ ПО
   НОВОСТЯМ» между «ГЛАВНОЕ» и «ОСТАЛЬНОЕ» — та же отбивка, что у группы; подпись под заголовком и микрострока
   фактов разговора (__talk) — в типографике основания (моно 9px, альфа .62). Чип рода (__kind: КАМПАНИЯ / СКАНДАЛ /
   МЕМ/ЧЕЛЛЕНДЖ) — контурный, как кнопка-переключатель, лаймовый у новостных родов (is-news). */
.radical-social__talk-group{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.radical-social__talk-label{display:block;margin:-2px 0 6px;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5;overflow-wrap:anywhere}
.radical-social__talk{display:block;color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5;overflow-wrap:anywhere}
.radical-social__kind{align-self:center;padding:1px 6px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.72);font-size:8px;font-weight:750;letter-spacing:.09em;line-height:1.6;white-space:nowrap}
.radical-social__kind.is-news{color:var(--rl-lime);border-color:var(--rl-lime)}
@media (max-width:520px){
  .radical-social__surge{grid-template-columns:minmax(0,1fr);gap:6px 12px;padding:14px 0}
  .radical-social__surge.is-compact{gap:3px 12px;padding:9px 0}
  .radical-social__surge .radical-social__match{grid-column:1;justify-self:start}
  .radical-social__about,
  .radical-social__why{font-size:13px}
  .radical-social__surges,
  .radical-social__digest{padding-top:18px}
}
/* 01.10.2026 (по просьбе пользователя, разбор живого среза в Mini App): у строки всплеска — рубрика своим цветом рядом с
   заголовком (__kind.is-<kind>), страны топа плашками «УКРАИНА №1» сверху (__where/__geo, топ-3 — лаймом) и
   разноцветные кодовые слова «#ТРАМП #США» снизу (__tags/__tag: люди — сирень, места — небо, темы — янтарь).
   Цвета светлые на --rl-ink: текст и рамка — цвет рубрики, фон — тот же цвет с альфой .12. */
.radical-social__kind{--k:rgba(255,255,255,.72);color:var(--k);border-color:var(--k);background:color-mix(in srgb,var(--k) 12%,transparent)}
.radical-social__kind.is-politics{--k:#8f9bff}
.radical-social__kind.is-conflict{--k:#ff7a66}
.radical-social__kind.is-economy{--k:#ffc24a}
.radical-social__kind.is-society{--k:#4fdcca}
.radical-social__kind.is-tech{--k:#bfa3ff}
.radical-social__kind.is-sport{--k:#6ee39a}
.radical-social__kind.is-show,
.radical-social__kind.is-meme{--k:#ff8fd2}
.radical-social__kind.is-scandal{--k:var(--rl-lime)}
.radical-social__kind.is-campaign{--k:#ffa04d}
.radical-social__where{display:grid;gap:6px;min-width:0}
.radical-social__movement{color:rgba(255,255,255,.62);font-size:9px;letter-spacing:.09em;line-height:1.5}
.radical-social__geo-pills{display:flex;flex-wrap:wrap;gap:6px}
.radical-social__geo{display:inline-flex;align-items:baseline;gap:6px;padding:4px 8px;border:1px solid rgba(255,255,255,.26);color:rgba(255,255,255,.78);font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1.3;white-space:nowrap}
.radical-social__geo-rank{color:#fff;font-size:13px;font-weight:800;letter-spacing:.02em}
.radical-social__geo.is-top{border-color:var(--rl-lime);background:rgba(217,255,69,.1)}
.radical-social__geo.is-top .radical-social__geo-rank{color:var(--rl-lime)}
.radical-social__geo.is-more{color:rgba(255,255,255,.62)}
.radical-social__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.radical-social__tag{--t:rgba(255,255,255,.72);padding:3px 7px;color:var(--t);background:color-mix(in srgb,var(--t) 14%,transparent);border:1px solid color-mix(in srgb,var(--t) 45%,transparent);font-size:9px;font-weight:750;letter-spacing:.08em;line-height:1.4;white-space:nowrap}
.radical-social__tag.is-person{--t:#c9b2ff}
.radical-social__tag.is-place{--t:#7cc8ff}
.radical-social__tag.is-theme{--t:#ffc65c}