/* Журнал: блок на главной (section#zhurnal) и страницы статей (/zhurnal/*.html) */

/* ---------- блок «Журнал» на главной: белый фон, заголовок Конструктором, плашки статей ---------- */
.jr{background:#FFFFFF}
.jr .sec-head{margin-bottom:clamp(24px,4vw,40px)}
.jr-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
@media(min-width:1100px){.jr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.jr-card{display:flex;flex-direction:column;background:#FFFFFF;border:2px solid var(--line);border-radius:var(--r-l);
  overflow:hidden;color:var(--k-navy);text-decoration:none;transition:border-color .2s,transform .2s}
.jr-card:hover{border-color:var(--k-blue);transform:translateY(-3px)}
.jr-card:focus-visible{outline:3px solid var(--k-blue);outline-offset:3px}
.jr-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--bg)}
.jr-body{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px}
.jr-title{margin:0;font-size:1.25rem;line-height:1.25;font-weight:700;color:var(--k-navy)}
.jr-time{margin:0;font-size:.9375rem;color:var(--ink-2)}
@media (prefers-reduced-motion:reduce){.jr-card{transition:none}.jr-card:hover{transform:none}}

/* ---------- страница статьи ---------- */
.art-wrap{max-width:820px}
.art .crumbs{margin-bottom:8px}
.art-h1{font-size:clamp(2rem,6.4vw,3.6rem);line-height:1.1;margin:8px 0 14px}
.art-meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 10px;color:var(--ink-2);font-size:.9375rem}
.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.tag{display:inline-block;padding:.35em .8em;border-radius:999px;font-size:.875rem;font-weight:700;text-decoration:none;border:2px solid var(--tag-c);color:var(--k-navy);background:#FFFFFF}
.tag:hover{background:var(--tag-c);color:#FFFFFF}
.tag--dry{--tag-c:var(--k-blue)} .tag--wet{--tag-c:var(--k-teal)} .tag--eng{--tag-c:#C9A500}
.art-cover{margin:0 0 28px}
.art-cover img{display:block;width:100%;height:auto;border-radius:var(--r-l)}
.art-lead{font-size:clamp(1.15rem,2.2vw,1.35rem);line-height:1.55;color:var(--k-navy);margin:0 0 28px}

.art-body{font-size:1.1875rem;line-height:1.7;color:var(--ink)}
.art-body p{margin:0 0 1em}
.art-body h2{position:relative;margin:2.2em 0 .7em;padding-top:.6em;font-size:clamp(1.45rem,3.6vw,2rem);line-height:1.2;color:var(--k-navy)}
.art-body h2::before{content:"";position:absolute;left:0;top:0;width:56px;height:6px;border-radius:999px;background:var(--k-red)}
.art-body h3{margin:1.6em 0 .5em;font-size:clamp(1.2rem,2.6vw,1.4rem);line-height:1.3;color:var(--k-navy)}
.art-body ul,.art-body ol{margin:0 0 1.1em;padding-left:1.3em}
.art-body li{margin:.35em 0}
.art-body li::marker{color:var(--k-red);font-weight:700}
.art-body a{color:var(--k-blue);text-decoration:underline;text-underline-offset:3px}
.art-body strong{color:var(--k-navy)}
/* источник — маленькая стрелка после абзаца */
.art-body a.src{display:inline-block;margin-left:4px;font-size:.8em;text-decoration:none;vertical-align:super;line-height:1;color:var(--ink-2)}
.art-body a.src:hover{color:var(--k-blue)}
.art-body .xref{font-weight:700}
.art-body .kicker{font-size:1.25rem;font-weight:700;color:var(--k-blue)}

/* цитата между блоками */
.pull{margin:2em 0;padding:4px 0 4px 28px;border-left:6px solid var(--k-blue)}
.pull p{margin:0;font-size:clamp(1.4rem,3.4vw,1.9rem);line-height:1.3;font-weight:700;color:var(--k-navy)}
.pull cite{display:block;margin-top:10px;font-style:normal;font-size:1rem;color:var(--ink-2)}

/* блоки-истории «открытия во сне» */
.story{padding:1.4em 0 .4em;border-top:2px solid var(--line)}
.story::after{content:"";display:block;clear:both}
.art-fig{margin:0 0 1em}
.art-fig img{display:block;width:100%;height:auto;border-radius:var(--r-l)}
.art-fig figcaption{margin-top:8px;font-size:.9375rem;color:var(--ink-2)}
@media(min-width:760px){.fig--side{float:right;width:44%;margin:.3em 0 1em 28px}}
@media(max-width:759px){.fig--side{max-width:440px}}

/* рамки: интересные факты, проверь на себе, кем стать */
.facts,.box{margin:1.8em 0;padding:clamp(20px,3vw,28px) clamp(20px,3.4vw,32px);border-radius:var(--r-l)}
.facts{background:color-mix(in srgb,var(--k-blue) 8%,#FFFFFF);background-color:#EEF0FE}
.facts h2,.box h2{margin-top:0;padding-top:0}
.facts h2::before,.box h2::before{display:none}
.facts ul{margin-bottom:0}
.box--try{border:3px solid var(--k-yellow);background:#FFFFFF}
.box--who{border:3px solid var(--k-teal);background:#FFFFFF}
.box p:last-child{margin-bottom:0}

/* что дальше */
.next{margin:2.4em 0 1.6em}
.next h2{margin:0 0 16px;font-size:clamp(1.45rem,3.6vw,2rem);color:var(--k-navy)}
.next-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.next-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--r-m);border:3px solid var(--nc);background:#FFFFFF;
  color:var(--k-navy);text-decoration:none;transition:transform .2s}
.next-card:hover{transform:translateY(-3px)}
.next-k{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.next-t{font-size:1.0625rem;font-weight:700;line-height:1.3}
.next-card--test{--nc:var(--k-red)} .next-card--dry{--nc:var(--k-blue)} .next-card--wet{--nc:var(--k-teal)}
.next-card--eng{--nc:var(--k-yellow)} .next-card--tg{--nc:var(--k-navy)}

/* источники — свёрнуты */
.sources{margin:1.6em 0 0;padding:16px 20px;border-radius:var(--r-m);background:var(--bg)}
.sources summary{cursor:pointer;font-weight:700;font-size:1.0625rem;color:var(--k-navy)}
.sources h3{margin:1.2em 0 .4em;font-size:1rem;color:var(--k-navy)}
.sources ol{margin:0;padding-left:2.2em;font-size:.9375rem;line-height:1.5;color:var(--ink-2)}
.sources li{margin:.25em 0;overflow-wrap:anywhere}

/* серия статей — список частей в конце статьи */
.series{margin:2.4em 0 0;padding:clamp(18px,3vw,26px) clamp(20px,3.4vw,30px);border-radius:var(--r-l);background:#FFFFFF;border:2px solid var(--line)}
.series h2{margin:0 0 12px;font-size:1.25rem;color:var(--k-navy)}
.series ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.series li{display:flex;align-items:center;gap:12px;font-size:1.0625rem;font-weight:700;color:var(--k-navy)}
.series a{display:flex;align-items:center;gap:12px;color:var(--k-blue);text-decoration:none}
.series a:hover{text-decoration:underline}
.series li[aria-current] {color:var(--ink-2)}
.ser-n{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--k-yellow);color:var(--k-navy);font-size:.9375rem}
.series li[aria-current] .ser-n{background:var(--k-blue);color:#FFFFFF}

/* карточка журнала без картинки — заглушка с мамонтёнком */
.jr-ph{display:grid;place-items:center;width:100%;aspect-ratio:16/10;background:#EEF0FE}
.jr-ph img{width:34%;aspect-ratio:auto;height:auto;opacity:.5;background:none}
.jr-card .jr-cover-portrait{object-position:center 30%}
.jr-series{margin:0;font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--k-red)}

/* компактная шапка статьи: без пустого места сверху, заголовок меньше, метки направлений — внизу статьи */
.art--compact{padding-top:clamp(12px,2vw,24px)}
.art--compact .art-h1{font-size:clamp(1.6rem,4.2vw,2.6rem);margin:4px 0 20px}
.art-tags--bottom{margin:2em 0 0}

/* короткий текст на плашке журнала */
.jr-teaser{margin:0;font-size:1rem;line-height:1.45;color:var(--ink-2)}

/* ================= статья, версия 2 («Ночью надо спать») ================= */
.art--v2{--art-c:var(--k-yellow)}
.art--v2.art--dry{--art-c:var(--k-blue)}
.art--v2.art--wet{--art-c:var(--k-teal)}
.art-wrap--v2{max-width:1180px}
.art-layout{display:block}
@media(min-width:1100px){
  .art-layout{display:grid;grid-template-columns:minmax(0,800px) 260px;gap:56px;justify-content:space-between;align-items:start}
}
.art-main{min-width:0}
/* навигация справа — остаётся на месте при прокрутке */
.toc-side{display:none}
@media(min-width:1100px){
  .toc-side{display:block;position:sticky;top:calc(var(--header-h) + 24px);max-height:calc(100vh - var(--header-h) - 48px);overflow:auto;padding-top:8px}
  .toc-side ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
  .toc-side a{display:block;font-size:.9375rem;line-height:1.35;color:var(--ink-2);text-decoration:none;padding-left:12px;border-left:3px solid transparent}
  .toc-side a:hover{color:var(--k-navy)}
  .toc-side a.on{color:var(--k-navy);font-weight:700;border-left-color:var(--art-c)}
}
/* содержание после вступления */
.toc{margin:4px 0 32px;padding:20px 24px;border-radius:var(--r-l);background:#FFFFFF}
.toc-t{margin:0 0 10px;font-weight:700;font-size:1.0625rem;color:var(--k-navy)}
.toc ul{margin:0;padding-left:1.2em;display:grid;gap:4px}
.toc li::marker{color:var(--ink-2)}
.toc a{color:var(--k-blue);text-decoration:none;font-size:1.0625rem}
.toc a:hover{text-decoration:underline}
.art--v2 [id]{scroll-margin-top:calc(var(--header-h) + 20px)}

/* ссылки по ходу статьи — плашка со скруглёнными углами, контур цвета вектора */
.art--v2 .art-body a.lnk{display:inline-block;padding:0 .55em;border:2px solid var(--art-c);border-radius:999px;color:var(--k-navy);
  text-decoration:none;line-height:1.45;transition:background .15s}
.art--v2 .art-body a.lnk:hover{background:var(--art-c)}
.art--v2 .art-body a.src{display:inline-block;margin-left:6px;padding:0 .6em;border:1.5px solid var(--art-c);border-radius:999px;
  font-size:.72em;line-height:1.6;vertical-align:.12em;color:var(--ink-2);text-decoration:none}
.art--v2 .art-body a.src::after{content:" \2197"}
.art--v2 .art-body a.src:hover{background:var(--art-c);color:var(--k-navy)}

/* ремарка — важная мысль, не текст статьи */
.remark{margin:2em 0;padding:22px 28px;border-radius:var(--r-l);background:#E4F7F6;border:2px dashed var(--k-teal)}
.remark p{margin:0;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.3;font-weight:700;color:#08787A}

/* эксперимент «Проверь на себе» — другой фон и рамка */
.lab{margin:2.4em 0;padding:clamp(22px,3.4vw,34px);border-radius:var(--r-l);background:#FFF7DA;border:3px solid var(--k-yellow)}
.lab-k{display:inline-block;margin:0 0 8px;padding:.25em .8em;border-radius:999px;background:var(--k-yellow);color:var(--k-navy);
  font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.art-body .lab h2{margin:0 0 .6em;padding-top:0}
.art-body .lab h2::before{display:none}
/* шпаргалка: тетрадный листок в клетку с неровными краями */
.cheat{position:relative;margin:.4em 0 1.2em;max-width:520px;padding:26px 30px;transform:rotate(-1.2deg);
  background-color:#FFFFFF;
  background-image:linear-gradient(rgba(18,52,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(18,52,248,.16) 1px,transparent 1px);
  background-size:20px 20px}
.cheat-main{margin:0 0 8px;padding:6px 14px;display:inline-block;border:3px solid var(--k-navy);border-radius:10px;background:#FFFFFF;
  font-size:clamp(1.8rem,4.6vw,2.4rem);font-weight:700;color:var(--k-navy);letter-spacing:.02em}
.cheat-ex{margin:0;font-size:1.0625rem;color:var(--k-navy)}
.cheat-f{display:inline-block;margin-top:4px;font-size:1.35rem;font-weight:700;white-space:nowrap}

/* кто занимается сном — цветные плашки профессий */
.profs{margin:2.4em 0}
.art-body .profs h2{margin-top:0}
.art-body ul.prof-grid,.prof-grid{list-style:none;margin:0;padding:0;display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:600px){.art-body ul.prof-grid,.prof-grid{grid-template-columns:1fr 1fr}}
.art-body .prof-grid li{margin:0}
.prof{padding:18px 20px;border-radius:var(--r-m);font-weight:700;line-height:1.4;font-size:1.0625rem}
.prof--red{background:var(--k-red);color:#FFFFFF}
.prof--yellow{background:var(--k-yellow);color:var(--k-navy)}
.prof--blue{background:var(--k-blue);color:#FFFFFF}
.prof--teal{background:var(--k-teal);color:#FFFFFF}

/* статьи той же рубрики */
.same{margin:3em 0 0}
.same h2,.adj h2{margin:0 0 18px;font-size:clamp(1.45rem,3.6vw,2rem);color:var(--k-navy)}
.same ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.same-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px 18px 12px 12px;border-radius:var(--r-l);background:#FFFFFF}
.same-img img{display:block;width:180px;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-m)}
.same-ph{display:grid;place-items:center;width:180px;aspect-ratio:16/10;border-radius:var(--r-m);background:#EEF0FE}
.same-ph img{width:40%;opacity:.5}
.same-title{display:block;font-size:1.1875rem;font-weight:700;line-height:1.3;color:var(--k-navy);text-decoration:none}
.same-title:hover{text-decoration:underline}
.same-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
.chip-rub,.chip-date{display:inline-block;padding:.2em .7em;border-radius:8px;font-size:.8125rem;line-height:1.4}
.chip-rub{background:#FFFFFF;border:1.5px solid var(--k-red);color:var(--k-red);font-weight:700}
.chip-date{padding-left:0;padding-right:0;background:none;border:0;color:var(--ink-2)}
.same-btn{padding:.65em 1.4em;border-radius:12px;font-weight:700;text-decoration:none;white-space:nowrap}
.same-btn--eng{background:var(--k-yellow);color:var(--k-navy)}
.same-btn--dry{background:var(--k-blue);color:#FFFFFF}
.same-btn--wet{background:var(--k-teal);color:#FFFFFF}
@media(max-width:699px){
  .same-row{grid-template-columns:110px minmax(0,1fr)}
  .same-img img,.same-ph{width:110px}
  .same-btn{grid-column:1/-1;text-align:center}
}
/* смежные направления */
.adj{margin:3em 0 0}
.adj-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.adj-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:var(--r-m);border:3px solid var(--nc);background:#FFFFFF;color:var(--k-navy);text-decoration:none;transition:transform .2s}
.adj-card:hover{transform:translateY(-3px)}
.adj-k{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}
.adj-t{font-weight:700;line-height:1.3}
.adj-card--eng{--nc:var(--k-yellow)} .adj-card--dry{--nc:var(--k-blue)} .adj-card--wet{--nc:var(--k-teal)} .adj-card--test{--nc:var(--k-red)}
/* подписка на канал */
.tgsub{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin:3em 0 0;padding:22px 26px;border-radius:var(--r-l);background:#FFFFFF}
.tgsub-t{margin:0;flex:1 1 280px;font-size:1.25rem;font-weight:700;line-height:1.35;color:var(--k-navy)}
.tgsub-btn{padding:.7em 1.4em;border-radius:12px;background:var(--k-yellow);color:var(--k-navy);font-weight:700;text-decoration:none}
.art--v2 .sources{margin-top:2em}

/* ================= плашки журнала на главной, версия 2 ================= */
.jr-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.jr-fact{margin:0;font-size:1rem;line-height:1.45;color:var(--ink-2)}
.jr-card .jr-body{flex:1}
.jr-btn{align-self:center;display:inline-flex;align-items:center;gap:4px;margin-top:auto;padding:.4em .95em;border:2px solid var(--bc);border-radius:10px;
  background:transparent;color:var(--k-navy);font-weight:700;font-size:.9375rem;transition:background .15s,color .15s}
.jr-btn--eng{--bc:var(--k-yellow)}
.jr-btn--dry{--bc:var(--k-blue)}
.jr-btn--wet{--bc:var(--k-teal)}
.jr-btn:hover,.jr-card:focus-visible .jr-btn{background:var(--k-yellow);border-color:var(--k-yellow);color:var(--k-navy)}

/* ================= «Ночью надо спать»: цитаты и плитки статей (приёмы с sciencely.ru) ================= */
/* общая крупная кавычка */
.q-mark{display:block;font-family:Georgia,"Times New Roman",serif;font-weight:700;font-size:6rem;line-height:.8;height:.5em}
/* 1) цитата в тексте: крупный курсив, сдвинута вправо, кавычка слева */
.art--v2 .q-side{display:grid;grid-template-columns:auto 1fr;gap:0 18px;margin:2.2em 0 2.2em clamp(0px,6vw,64px);padding:0;border:0}
.art--v2 .q-side .q-mark{color:var(--k-navy)}
.art--v2 .q-side p{margin:0;font-size:clamp(1.3rem,2.6vw,1.65rem);line-height:1.45;font-style:italic;font-weight:700;color:var(--k-navy)}
/* 2–3) цитата на цветном фоне во всю ширину колонки: тёмно-синий и голубой */
.q-band{margin:2.6em 0;padding:clamp(28px,5vw,56px) clamp(24px,5vw,56px);border-radius:var(--r-l)}
.q-band .q-mark{margin-bottom:.35em}
.q-band p{margin:0;font-size:clamp(1.5rem,3.4vw,2.1rem);line-height:1.35;font-weight:700}
.q-band--dark{background:#1B2A8C;color:#FFFFFF}
.q-band--dark .q-mark,.q-band--dark p{color:#FFFFFF}
.q-band--light{background:#CDE5FD;color:var(--k-navy)}
.q-band--light .q-mark,.q-band--light p{color:var(--k-navy)}
/* статьи той же рубрики: три плитки в ряд, картинки разной формы — квадрат, круг, квадрат */
.same-tiles{list-style:none;margin:0;padding:0;display:grid;gap:28px 24px;grid-template-columns:1fr}
@media(min-width:640px){.same-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.same-tile{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;color:var(--k-navy);text-decoration:none}
.same-pic{display:block;width:100%;max-width:260px;aspect-ratio:1/1;overflow:hidden;background:#EEF0FE;transition:transform .25s}
.same-pic img{display:block;width:100%;height:100%;object-fit:cover}
.same-pic--sq{border-radius:var(--r-m)}
.same-pic--circle{border-radius:50%}
.same-tile:hover .same-pic{transform:translateY(-4px) rotate(-1.5deg)}
.same-tile .same-meta{display:flex;justify-content:center;gap:8px;margin:6px 0 0}
.same-tile .same-title{font-size:1.25rem;font-weight:700;line-height:1.25}
.same-fact{font-size:.9375rem;line-height:1.45;color:var(--ink-2)}
.same-tile .jr-btn{margin-top:4px}
.same-tile:hover .jr-btn,.same-tile:focus-visible .jr-btn{background:var(--k-yellow);border-color:var(--k-yellow)}
@media (prefers-reduced-motion:reduce){.same-pic{transition:none}.same-tile:hover .same-pic{transform:none}}
.q-band .q-mark{margin-bottom:.1em}
.same-tiles > li{display:flex}
.same-tile{flex:1}
.same-tile .jr-btn{margin-top:auto}
.same-fact{margin-bottom:6px}
@media(max-width:639px){.same-tiles{gap:44px}}

/* ---------- цитаты, единый формат (заменяет q-side / тёмную плашку выше) ----------
   светлая плашка, сверху крупная «кавычка» шрифтом Конструктор, под ней текст одного шрифта и размера */
.q-band{margin:2.6em 0;padding:clamp(24px,4.5vw,48px) clamp(24px,5vw,56px);border-radius:var(--r-l);color:var(--k-navy)}
.q-band .q-mark{display:block;height:auto;margin:0 0 .15em;font-family:"Konstruktor","Arial Rounded MT Bold",Arial,sans-serif;font-weight:400;font-size:clamp(3rem,7vw,4.5rem);line-height:1;color:var(--k-blue)}
.q-band p{margin:0;font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.38;font-weight:700;font-style:normal;color:var(--k-navy)}
.q-band--white{background:#FFFFFF}
.q-band--teal{background:#D3F1F0}
.q-band--blue{background:#CDE5FD}
.q-band--grey{background:#DCDCE1}
.q-band .q-mark{font-size:clamp(4.5rem,10vw,6.5rem);line-height:.7;margin:0 0 .12em -.04em}

/* ---------- цитаты: пиктограмма Конструктора слева, текст справа (кавычка сверху убрана) ---------- */
.q-band{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px)}
.q-band .q-ico{display:block;width:clamp(48px,7vw,76px);height:auto}
/* подзаголовки с пиктограммой: Ловушки, Научные эксперименты…, Как сон улучшить */
.art-body h3.h3-ico{display:flex;align-items:center;gap:14px}
.art-body h3.h3-ico img{flex:none;width:44px;height:44px}
/* навигация по статье справа — цветная вертикальная плашка с контуром во всю высоту окна */
@media(min-width:1100px){
  .toc-side{height:calc(100vh - var(--header-h) - 48px);max-height:none;box-sizing:border-box;padding:24px 18px;
    background:#FFF7DA;border:3px solid var(--k-yellow);border-radius:var(--r-l)}
  .toc-side a.on{border-left-color:var(--k-navy)}
}
.q-band--yellow{background:#FFF0B3}
.q-band--teal{background:#CFF1EF}
.q-band--blue{background:#CDE5FD}
.q-band--red{background:#FFDADA}
/* навигация справа: деликатная серая плашка, на фоне — полупрозрачные детальки конструктора (img/deco/toc-pieces.svg) */
@media(min-width:1100px){
  .toc-side{background:#E3E3EA url("/img/deco/toc-pieces.svg") no-repeat center top/100% auto;border:1.5px solid rgba(18,23,58,.08)}
}
/* активный раздел в навигации: жирный, жёлтая черта слева */
@media(min-width:1100px){
  .toc-side a{border-left:3px solid transparent}
  .toc-side a.on{color:var(--k-navy);font-weight:700;border-left-color:var(--k-yellow)}
}
/* цитаты: пиктограммы меньше; фоны мягче — светло-сиреневый, белый, голубой (как был), светло-синий */
.q-band .q-ico{width:clamp(36px,4.5vw,50px)}
.q-band--teal{background:#E8E2F6}
.q-band--yellow{background:#FFFFFF}
.q-band--red{background:#DCE4FA}
@media(min-width:1100px){.toc-side{background-image:url("/img/deco/toc-pieces-2.svg")}}

/* ---------- «Лабжурнал» на главной: рубрики-фильтры ---------- */
.jr-filters{display:flex;flex-wrap:wrap;gap:10px 12px;margin:0 0 clamp(24px,3.5vw,36px)}
.jr-f{appearance:none;cursor:pointer;padding:.6em 1.3em;border:2px solid rgba(18,23,58,.22);border-radius:999px;background:transparent;
  font-family:inherit;font-weight:700;font-size:.875rem;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:var(--k-navy);transition:background .15s,border-color .15s}
.jr-f:hover{border-color:var(--k-blue)}
.jr-f[aria-pressed="true"]{background:#CDE5FD;border-color:var(--k-blue)}
.jr-f:focus-visible{outline:3px solid var(--k-blue);outline-offset:2px}
.jr-card[hidden]{display:none}
.jr-empty{margin:8px 0 0;font-size:1.0625rem;color:var(--ink-2)}
.jr-empty a{color:var(--k-blue)}
@media(max-width:599px){.jr-f{font-size:.75rem;letter-spacing:.08em;padding:.55em 1em}}
@media(min-width:1100px){.toc-side{background-image:url("/img/deco/toc-pieces-3.svg")}}

/* ---------- «Ночью надо спать», правки 01.10: цвета текста цитат, пиктограммы с мамонтёнка в шапке ---------- */
.q-band .q-ico{width:34px}
.q-band--teal p{color:#0A9496}
.q-band--yellow{background:#DCE3EE}
.q-band--yellow p{color:var(--k-blue)}
.q-band--blue p{color:var(--k-red)}
.q-band--red p{color:var(--k-blue)}
/* профессии: только цветной контур, заливка — при наведении */
.prof{background:transparent;border:3px solid var(--pc);color:var(--k-navy);transition:background .15s,color .15s}
.prof--red{--pc:var(--k-red)} .prof--yellow{--pc:var(--k-yellow)} .prof--blue{--pc:var(--k-blue)} .prof--teal{--pc:var(--k-teal)}
.prof--red,.prof--yellow,.prof--blue,.prof--teal{background:transparent;color:var(--k-navy)}
.prof--red:hover,.prof--blue:hover,.prof--teal:hover{background:var(--pc);color:#FFFFFF}
.prof--yellow:hover{background:var(--pc);color:var(--k-navy)}
/* статьи той же рубрики — карточки как на главной */
.same-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(min-width:700px){.same-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.same-grid .jr-title{font-size:1.125rem}
@media(min-width:1100px){.toc-side{background-image:url("/img/deco/toc-pieces-4.svg")}}

/* ---------- шапка статьи: «Все статьи Лабжурнала», рубрика, время чтения ---------- */
.art-back{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin:0 0 clamp(16px,3vw,32px);font-size:1.0625rem;color:var(--k-navy);text-decoration:none}
.art-back-i{display:grid;place-items:center;width:30px;height:30px;border:2px solid currentColor;border-radius:50%}
.art-back:hover{color:var(--k-blue)}
.art-rub{margin:0 0 10px;font-size:.8125rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2)}
.art-read{margin:-8px 0 20px;font-size:.875rem;font-weight:700;letter-spacing:.06em;color:var(--ink-2)}
@media(min-width:1100px){.toc-side{background-image:url("/img/deco/toc-pieces-5.svg")}}
/* правки цитат 01.10 (2): курсив у всех, фон первой чуть ярче, жёлтый текст последней, пиктограммы — с мамонтёнка */
.q-band p{font-style:italic}
.q-band--teal{background:#DDD1F8}
.q-band--red p{color:#C49400}
.art-body h3.h3-ico img{width:34px;height:34px}

/* профессии — обычный список: цветная планка-маркер слева, без рамок, заливки и анимации */
.art-body ul.prof-grid,.prof-grid{display:grid;grid-template-columns:1fr;gap:12px}
.art-body .prof-grid li.prof,.prof{position:relative;margin:0;padding:0 0 0 38px;border:0;border-radius:0;background:none;
  font-weight:400;font-size:1.0625rem;line-height:1.55;color:var(--k-navy);transition:none}
.prof::before{content:"";position:absolute;left:0;top:.55em;width:24px;height:9px;border-radius:999px;background:var(--pc)}
.prof--red:hover,.prof--blue:hover,.prof--teal:hover,.prof--yellow:hover{background:none;color:var(--k-navy)}
.prof strong{font-weight:700}
.art-body .prof-grid li.prof,.prof{font-size:inherit;line-height:inherit}
/* цитаты: обычный PT Sans, как подзаголовки, без жирного и наклона, размер подзаголовка */
.q-band p{font-style:normal;font-weight:400;font-size:clamp(1.25rem,2.4vw,1.4rem);line-height:1.5}
.q-band .q-txt{min-width:0}
.q-band cite{display:block;margin-top:8px;font-style:normal;font-size:1rem;color:var(--ink-2)}
.art--v2 .story{border-top:0;padding-top:0;margin-top:0}
.profs .prof-grid{margin-bottom:1.2em}
.art-rub{margin:2px 0 20px}
.q-band--narrow{width:fit-content;max-width:100%;padding-right:clamp(36px,6vw,64px)}
.art-cta{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 0}
.art-body .art-cta a.btn{text-decoration:none}
.art-body .art-cta a.btn-teal{color:#0F1E2C}
.art-body .art-cta a.btn-blue{color:#FFFFFF}
.art-body .art-cta a.btn-blue .i-tg{color:#FFFFFF}
.profs .prof-grid + p{margin-top:1.2em}

/* ---------- «Биоэлектроника читает мысли»: таблицы, «Человек в науке», шаги опыта ---------- */
.art-table{margin:1.4em 0 1.6em;overflow-x:auto;border-radius:var(--r-m);background:#FFFFFF;-webkit-overflow-scrolling:touch}
.art-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:.9375rem;line-height:1.45;color:var(--k-navy)}
.art-table th,.art-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(18,23,58,.1)}
.art-table thead th{background:#DCE3EE;font-weight:700;font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--k-navy)}
.art-table tbody th{font-weight:700;white-space:nowrap}
.art-table tbody tr:last-child th,.art-table tbody tr:last-child td{border-bottom:0}
.person{margin:2.4em 0;padding:clamp(22px,3.4vw,34px);border-radius:var(--r-l);background:#E7ECFA;border:3px solid var(--k-blue)}
.person-k{display:inline-block;margin:0 0 8px;padding:.25em .8em;border-radius:999px;background:var(--k-blue);color:#FFFFFF;
  font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.art-body .person h2{margin:0 0 .6em;padding-top:0}
.art-body .person h2::before{display:none}
.art-body ol.steps{list-style:none;margin:1em 0 1.2em;padding:0;display:grid;gap:10px;counter-reset:none}
.art-body ol.steps li{margin:0;padding:14px 18px;border-radius:var(--r-m);background:#FFFFFF}

/* тетрадный листок в клетку для больших блоков (Павлов, таблицы) — как .cheat, но во всю ширину и почти без наклона */
.paper{position:relative;background-color:#FFFFFF;
  background-image:linear-gradient(rgba(18,52,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(18,52,248,.16) 1px,transparent 1px);
  background-size:20px 20px}
.person.paper{border:0;transform:rotate(-.4deg);padding:clamp(26px,4vw,40px)}
.person.paper .steps li{background:rgba(255,255,255,.85);border:2px solid rgba(18,23,58,.12)}
.paper--table{margin:1.4em 0 1.6em;padding:18px 16px;transform:rotate(-.6deg)}
.paper--table .art-table{margin:0;background:transparent;border-radius:0}
.paper--table .art-table thead th{background:rgba(220,227,238,.85)}
.paper--table .art-table td,.paper--table .art-table th{border-bottom-color:rgba(18,23,58,.18)}
/* абзац с пиктограммой слева (От железа / От органики) */
.art-body p.p-ico{display:flex;gap:14px;align-items:flex-start}
.art-body p.p-ico .p-ico-i{flex:none;width:34px;height:34px;margin-top:2px}
@media (prefers-reduced-motion:reduce){.person.paper,.paper--table{transform:none}}
/* таблицы на тетрадном листке: чёткие разделители строк и столбцов, ячейки чуть подсвечены, чтобы клетка не мешала читать */
.paper--table .art-table table{border-collapse:collapse;border:2px solid var(--k-navy);background:rgba(255,255,255,.82)}
.paper--table .art-table th,.paper--table .art-table td{border:1.5px solid rgba(18,23,58,.45)}
.paper--table .art-table thead th{background:#DCE3EE;border-bottom:2px solid var(--k-navy)}
.paper--table .art-table tbody th{background:rgba(234,233,241,.9)}
.paper--table .art-table tbody tr:last-child th,.paper--table .art-table tbody tr:last-child td{border-bottom:1.5px solid rgba(18,23,58,.45)}
/* таблицы — светло-жёлтый фон, как у обложки статьи (#FDF4E0) */
.paper--table{background-color:#FDF4E0}
.paper--table .art-table table{background:rgba(253,244,224,.92)}
.paper--table .art-table thead th{background:#F5E4BE}
.paper--table .art-table tbody th{background:#F9ECD0}
/* «Человек в науке» — шрифт мельче основного текста */
.person p:not(.person-k),.person .steps li{font-size:1rem;line-height:1.6}
/* таблицы: только внутренние линии, без внешней рамки */
.paper--table .art-table table{border:0}
.paper--table .art-table tr > :first-child{border-left:0}
.paper--table .art-table tr > :last-child{border-right:0}
.paper--table .art-table thead th{border-top:0}
.paper--table .art-table tbody tr:last-child th,.paper--table .art-table tbody tr:last-child td{border-bottom:0}
/* навигация справа: ссылка «Все статьи Лабжурнала» у нижнего края плашки */
@media(min-width:1100px){
  .toc-side{display:flex;flex-direction:column}
  .toc-side .toc-back{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 0 0 0;font-size:.9375rem;font-weight:400;color:var(--k-navy);text-decoration:none}
  .toc-side .toc-back .art-back-i{width:26px;height:26px;flex:none;background:rgba(255,255,255,.7)}
  .toc-side .toc-back:hover{color:var(--k-blue)}
}
/* лист под таблицей — белый в клетку, жёлтая только сама таблица */
.paper--table{background-color:#FFFFFF}
.paper--table .art-table table{background:#FDF4E0}
@media(min-width:1100px){.toc-side .toc-back .art-back-i{background:var(--k-yellow);border-color:var(--k-yellow);color:var(--k-navy)}}
@media(min-width:1100px){.toc-side .toc-back .art-back-i{background:transparent;border-color:var(--k-yellow);color:var(--k-yellow)}}
/* «Все статьи Лабжурнала» над статьёй: кружок с жёлтым контуром и жёлтой стрелкой, без заливки (как в навигации справа) */
.art-back .art-back-i{background:transparent;border-color:var(--k-yellow);color:var(--k-yellow)}
/* навигация справа: при наведении пункт синий, как ссылка «Все статьи Лабжурнала» внизу плашки */
@media(min-width:1100px){.toc-side ul a:hover{color:var(--k-blue)}}
/* метка рубрики на карточках — цветом вектора: инженерные (Сон, Нейроинтерфейсы) жёлтые, сухие (Биохакинг) синие */
.chip-rub--eng{border-color:var(--k-yellow);color:var(--k-navy)}
.chip-rub--dry{border-color:var(--k-blue);color:var(--k-blue)}
.chip-rub--wet{border-color:var(--k-teal);color:var(--k-navy)}
/* текст метки рубрики — в цвет её контура */
.chip-rub--eng{color:var(--k-yellow)}
.chip-rub--wet{color:var(--k-teal)}
/* кнопка «Читать» при наведении — цветом своей рубрики: синие (сухие) — синим, бирюзовые (мокрые) — бирюзовым */
.jr-btn--dry:hover,.jr-card:focus-visible .jr-btn--dry{background:var(--k-blue);border-color:var(--k-blue);color:#FFFFFF}
.jr-btn--wet:hover,.jr-card:focus-visible .jr-btn--wet{background:var(--k-teal);border-color:var(--k-teal);color:#FFFFFF}
/* карточка при наведении обводится цветом своего направления */
.jr-card--eng:hover{border-color:var(--k-yellow)}
.jr-card--dry:hover{border-color:var(--k-blue)}
.jr-card--wet:hover{border-color:var(--k-teal)}

/* список целей в «Биологии по чертежу»: крупные номера, вложенные пункты */
.art-body ol.goals{padding-left:1.6em}
.art-body ol.goals > li{margin:0 0 .9em}
.art-body ol.goals > li::marker{font-weight:700;color:var(--art-c, var(--k-blue))}
.art-body ol.goals ul{margin:.35em 0 0;padding-left:1.1em}
.art-body ol.goals p{margin:.35em 0 0}
/* плашка «источник» во вступлении — как в тексте статьи */
.art--v2 .art-lead a.src{display:inline-block;margin-left:6px;padding:0 .6em;border:1.5px solid var(--art-c);border-radius:999px;
  font-size:.62em;line-height:1.6;vertical-align:.18em;color:var(--ink-2);text-decoration:none}
.art--v2 .art-lead a.src::after{content:" \2197"}
.art--v2 .art-lead a.src:hover{background:var(--art-c);color:var(--k-navy)}

/* ---------- страница «Журнал» (blog.html) ---------- */
.jr-page{padding-top:clamp(24px,3.4vw,44px)}
.jr-page .sec-head{margin-bottom:clamp(8px,1.4vw,16px)}
/* бегущая строка рубрик: светло-серые крупные прописные на белом, едут справа налево по кругу */
.jr-ticker{overflow:hidden;margin:0 0 clamp(18px,2.6vw,32px);padding:6px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.jr-tick-track{display:flex;width:max-content;animation:jr-tick 60s linear infinite}
.jr-ticker:hover .jr-tick-track,.jr-ticker:focus-within .jr-tick-track{animation-play-state:paused}
.jr-tick-set{display:flex;flex:none}
.jr-tick-i{appearance:none;flex:none;margin:0 clamp(22px,2.8vw,44px) 0 0;padding:0;border:0;background:none;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.15;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;
  color:#C6C6CE;transition:color .15s}
.jr-tick-i:hover,.jr-tick-i:focus-visible{color:var(--k-blue);outline:none}
@keyframes jr-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.jr-tick-track{animation:none}.jr-ticker{overflow-x:auto}}
/* бегущая строка — шрифт меньше; выбранная рубрика синяя */
.jr-tick-i{font-size:clamp(1.1rem,1.8vw,1.55rem);margin-right:clamp(18px,2.2vw,32px)}
.jr-tick-i.on{color:var(--k-blue)}
/* бегущая строка — размер и разрядка как у бывших кнопок-рубрик (.jr-f) */
.jr-tick-i{font-size:.875rem;letter-spacing:.12em;line-height:1.4;margin-right:clamp(24px,3vw,40px)}
@media(max-width:599px){.jr-tick-i{font-size:.75rem;letter-spacing:.08em}}
.jr-ticker{padding:10px 0}
.jr-tick-i{color:#9C9CA8}
.jr-tick-i:hover,.jr-tick-i.on{color:var(--k-blue)}
/* «Лабжурнал» на главной: рубрика «Все» — жёлтый контур и жёлтые буквы */
.jr-f[data-f="all"],.jr-f[data-f="all"][aria-pressed="true"]{background:transparent;border-color:var(--k-yellow);color:var(--k-yellow)}
.jr-f[data-f="all"]:hover{border-color:var(--k-yellow);background:rgba(242,206,28,.12)}
/* «Все» — жёлтая плашка с синими буквами, как «Для 10–18 лет» на первом экране */
.jr-f[data-f="all"],.jr-f[data-f="all"][aria-pressed="true"]{background:#F2CE1C;border-color:#F2CE1C;color:#1234F8}
.jr-f[data-f="all"]:hover{background:#F2CE1C;border-color:#F2CE1C;filter:brightness(.97)}
/* «Все» — точная копия плашки «Для 10–18 лет» (.k-title.k-plate.hero-plate): шрифт Konstruktor Mono, жёлтый фон, синие буквы */
.jr-filters .jr-f[data-f="all"],.jr-filters .jr-f[data-f="all"][aria-pressed="true"]{align-self:center;
  font-family:"Konstruktor Mono","Arial Rounded MT Bold",Arial,sans-serif;font-weight:normal;font-synthesis:none;font-size:clamp(1rem,3.4vw,1.25rem);
  line-height:1.2;letter-spacing:0;text-transform:uppercase;padding:.28em .6em .22em;border:0;border-radius:.4em;background:#F2CE1C;color:#1234F8}
.jr-filters .jr-f[data-f="all"]:hover{background:#F2CE1C;filter:brightness(.97)}
/* плашка во вступлении «Сухих специальностей»: сиреневый фон, синие буквы */
.q-band--lilac{background:#E8E2F6}
.q-band--lilac p{color:var(--k-blue)}
.q-band--intro{margin:1.2em 0 1.4em}
/* «Биология по чертежу»: краткое видение на тетрадном листе в клетку */
.paper--vision{margin:1.6em 0 1.8em;padding:clamp(26px,4vw,44px) clamp(22px,4vw,44px);transform:rotate(-.4deg)}
.paper--vision .vision-t{margin:0 0 .4em;font-family:"Konstruktor","Arial Rounded MT Bold",Arial,sans-serif;font-weight:normal;font-size:clamp(1.3rem,3vw,1.7rem);line-height:1.2;text-transform:uppercase;color:var(--k-blue)}
.paper--vision h3.h3-ico{margin-top:1.1em}
.paper--vision ul,.paper--vision ol.goals ul{background:none}
.paper--vision .vision-end{margin:1.2em 0 0;font-weight:700;color:var(--k-navy)}
.art-body .next-t{margin:2em 0 0;font-weight:700;font-size:1.15rem;color:var(--k-blue)}
@media (prefers-reduced-motion:reduce){.paper--vision{transform:none}}
/* «Биология по чертежу»: подзаголовки, подсвеченные жёлтым маркером */
.art-body .hl-y > span{background:var(--k-yellow);padding:.06em .35em;border-radius:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.art-body p.hl-big{margin:1.4em 0 .2em;font-size:clamp(1.35rem,3vw,1.65rem);font-weight:700;line-height:1.35;color:var(--k-navy)}
/* «Все» в «Лабжурнале» на главной — ссылка на страницу Лабжурнала, выглядит как прежняя кнопка (09.10) */
.jr-filters a.jr-f{text-decoration:none}
/* «Выбрать профессию» в бегущей строке Лабжурнала — ссылка на тест, выглядит как остальные рубрики (09.10) */
.jr-ticker a.jr-tick-i{text-decoration:none}
/* сердечки Лабжурнала (10.10.2026): на карточке — в правом нижнем углу, внизу статьи — отдельная плашка */
.jr-card{position:relative}
.jr-like,.art-like-btn{display:inline-flex;align-items:center;gap:6px;border:2px solid rgba(18,23,58,.16);border-radius:999px;background:#FFFFFF;
  color:var(--k-navy);font:inherit;font-weight:700;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.jr-like{position:absolute;right:18px;bottom:20px;min-height:39px;padding:0 13px;font-size:.9375rem}
.jr-like:hover,.art-like-btn:hover{border-color:var(--k-red);color:var(--k-red)}
.jr-like:focus-visible,.art-like-btn:focus-visible{outline:3px solid var(--k-blue);outline-offset:2px}
.jr-like.is-on,.art-like-btn.is-on{border-color:var(--k-red);color:var(--k-red)}
.jr-like.is-on .like-i path,.art-like-btn.is-on .like-i path{fill:currentColor}
.like-n:empty{display:none}
.art-like{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:2em 0 1.6em;padding:18px 22px;border-radius:16px;background:#FFFFFF}
.art-like-t{margin:0;font-weight:700;font-size:1.125rem;color:var(--k-navy)}
.art-like-btn{min-height:44px;padding:0 18px;font-size:1.0625rem}
.art-like-btn .like-i{width:24px;height:24px}
/* сердечки: без обводки, счётчик серый (10.10.2026) */
.jr-like,.art-like-btn,.jr-like:hover,.art-like-btn:hover,.jr-like.is-on,.art-like-btn.is-on{border-color:transparent}
.jr-like:hover .like-i,.art-like-btn:hover .like-i{color:var(--k-red)}
.jr-like:hover,.art-like-btn:hover{color:var(--k-navy)}
.jr-like.is-on,.art-like-btn.is-on{color:var(--k-red)}
.like-n,.jr-like.is-on .like-n,.art-like-btn.is-on .like-n{color:#8A8A93;font-weight:400}
/* число прочитавших статью — над призывом поставить сердечко */
.art-views{flex-basis:100%;margin:0;font-size:.9375rem;color:#8A8A93}
/* сердечко «Конструктор» из четырёх деталей (10.10.2026): синяя и голубая планки через одну, после нажатия — красные */
.like-i .s1{stroke:#1234F8}
.like-i .s2{stroke:#1294F8}
.jr-like:hover .like-i path,.art-like-btn:hover .like-i path,.jr-like.is-on .like-i path,.art-like-btn.is-on .like-i path{stroke:var(--k-red);fill:none}
/* поставленное сердечко закрашено красным (заливка под деталями «Конструктора») */
.like-i .hf{fill:none;stroke:none}
.jr-like.is-on .like-i .hf,.art-like-btn.is-on .like-i .hf{fill:var(--k-red)}
/* сердечко по картинке пользователя (10.10.2026): до лайка — тонкий красный контур, при наведении — бледная заливка, после лайка — закрашено */
.like-i .hp{fill:none;stroke:var(--k-red);stroke-width:1.6;stroke-linejoin:round}
.jr-like:hover .like-i .hp,.art-like-btn:hover .like-i .hp{fill:rgba(231,35,35,.15)}
.jr-like.is-on .like-i .hp,.art-like-btn.is-on .like-i .hp{fill:var(--k-red)}
/* сердечко на 10% крупнее (10.10.2026): на карточке 20 → 22 px, внизу статьи 24 → 26.4 px */
.jr-like .like-i{width:22px;height:22px}
.art-like-btn .like-i{width:26.4px;height:26.4px}
/* внизу статьи рядом с сердечком серым: «прочитали N, понравилось M» (строка «Эту статью прочитали…» убрана) */
.art-like .art-views{display:none}
.art-like-act{display:inline-flex;align-items:center;gap:2px}
.art-stats{font-size:1rem;color:#8A8A93}
/* внизу статьи два счётчика: сердечко + цифра (оценили), красные очки + цифра (прочитали) — 10.10.2026 */
.art-like-act{gap:14px}
.art-like-btn .like-n{font-size:1.0625rem}
.art-stats{display:inline-flex;align-items:center;gap:6px;font-size:1.0625rem;color:#8A8A93}
.art-stats .read-i{width:26.4px;height:26.4px;flex:none}
/* очки «прочитали» */
/* сердечко на карточке без белой подложки: в узких карточках она закрывала правый край рамки «Читать» (10.10.2026) */
.jr-like{background:transparent;padding:0 6px;right:12px}
/* счётчики в одну строку с вопросом, сердечко и очки ближе друг к другу (10.10.2026); на узком экране — под вопросом */
.art-like{flex-wrap:nowrap;gap:12px 20px}
.art-like-t{flex:1 1 auto}
.art-like-act{flex:none;gap:6px}
.art-like-btn{padding:0 6px}
@media(max-width:599px){.art-like{flex-wrap:wrap}}
/* очки «прочитали» — бирюзовые (10.10.2026) */
.art-stats .read-i{stroke:var(--k-teal)}
/* тетрадный листок под вопросом «Было интересно?…» внизу статьи (10.10.2026) */
.art-like.paper{border-radius:0;background-color:#FFFFFF;
  background-image:linear-gradient(rgba(18,52,248,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(18,52,248,.16) 1px,transparent 1px);
  background-size:20px 20px;padding:24px 28px;transform:rotate(-.3deg)}
@media (prefers-reduced-motion:reduce){.art-like.paper{transform:none}}
/* «Новости и статьи выходят сначала в Telegram» внизу статьи — без белой подложки (10.10.2026) */
.tgsub{background:transparent;padding-left:0;padding-right:0}
/* листок под вопросом «Было интересно?…» — поля как у прежней плашки, чтобы вопрос помещался в одну строку */
.art-like.paper{padding:22px 22px}
.art-like.paper .art-like-btn{background:transparent}
/* список с маленькими пиктограммами вместо номеров (статья «Анабиоз», 11.10.2026) */
.art-body ul.ico-list{list-style:none;padding-left:0}
.art-body ul.ico-list li{display:flex;align-items:flex-start;gap:12px}
.art-body ul.ico-list li::before{content:none}
.art-body ul.ico-list .li-ico{flex:none;width:24px;height:24px;margin-top:.2em}
/* призыв в конце статьи: строка текста и кнопка рядом (11.10.2026) */
.art-body .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:18px 0 0}
.art-body .cta-row p{margin:0;flex:0 1 auto}
.art-body .cta-row a.btn{text-decoration:none}
.art-body .cta-row a.btn-teal{color:#0F1E2C}
.art-body .cta-row a.btn-blue,.art-body .cta-row a.btn-blue .i-tg{color:#FFFFFF}
/* выделение части подзаголовка жёлтым маркером («Мысль первая: …», 12.10.2026) */
.art-body .hl-mark{background:var(--k-yellow);padding:0 .2em;border-radius:.15em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* бегущая строка Лабжурнала в колонке карточек; круг стал в 4 раза длиннее — время прохода увеличено, скорость прежняя (12.10.2026) */
.jr-page .jr-ticker{margin-left:0;margin-right:0}
.jr-page .jr-tick-track{animation-duration:150s}

/* в тексте плашки статьи можно начать новую строку (перенос строки в поле fact, mk1.py) — 12.10.2026 */
.jr-fact{white-space:pre-line}
/* списки на листе «Пример из жизни» / «Человек в науке» — тем же размером, что и абзацы листа (12.10.2026) */
.person li{font-size:1rem;line-height:1.6}