/* MedCore · дизайн v6, экраны учёбы: вопрос (конспект), шторка ИИ-репетитора, тест, итог проверки, работа над ошибками.
   Макеты: docs/дизайн/v6/V6_2_08g_question_final, V6_2_10_tutor, V6_2_13_test, V6_2_14_result, V6_2_15_errors.
   Основа v6 (токены, белые карточки .lg, стекло только на рамке, кнопки, шапка, панель) – app/v6.css; этот файл подключён после неё.
   Разметка – app.js, флаг V6L (вопрос – qBody6/qHead6/ask6, шторка – openTutor6, тест/итог/ошибки – прежняя разметка v5 + классы v6t/v6r/v6e). */

/* ============ вопрос (конспект) ============ */
/* фон экрана вопроса – белый (у остальных внутренних экранов #F4F6FA): широкая белая тень вокруг колонки закрывает общий фон
   (position:fixed не годится – у экрана анимация появления с transform, fixed-слой прилип бы к колонке) */
.v6q{display:flex;flex-direction:column;gap:22px;min-width:0;padding-bottom:4px;color:#061331;background:#fff;box-shadow:0 0 0 100vmax #fff}

/* липкая шапка: на всю ширину экрана, полупрозрачная белая с размытием, снизу линия; head() внутри (BackButton жмёт её стрелку) */
.v6qtop{position:sticky;top:0;z-index:15;margin:calc(-14px - var(--sat)) -18px 0;padding:calc(10px + var(--sat)) 16px 10px;display:flex;flex-direction:column;gap:10px;
  background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(6,19,49,.06)}
html.lite .v6qtop{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.97)}
.v6qtop .head{min-height:42px;gap:10px}
.v6qtop .head > .iconbtn{width:42px;height:42px;border-radius:15px;flex:none;display:grid;place-items:center;color:#061331;
  background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.4));-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);
  border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 1px #fff,0 10px 28px rgba(20,40,120,.14)}
.v6qtop .head .t{min-width:0;line-height:1.2}
.v6qtop .head .t small{display:block;font-size:12px;color:#56627E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6qtop .head .t b{font-size:16px;font-weight:600;letter-spacing:-.01em}
.v6bar{height:3px;border-radius:3px;background:#EEF1F6;overflow:hidden}
.v6bar i{display:block;height:100%;border-radius:3px;background:#0062FE}

/* заголовок, «N мин чтения · зачтено на 4», сегмент режима */
.v6qhd{display:flex;flex-direction:column;gap:10px;min-width:0}
.v6h1{margin:0;font-size:26px;line-height:1.18;font-weight:700;letter-spacing:-.025em;color:#061331;overflow-wrap:break-word}
.v6h2{margin:0;font-size:21px;line-height:1.22;font-weight:700;letter-spacing:-.02em;color:#061331;overflow-wrap:break-word}
.v6meta{display:flex;gap:6px;flex-wrap:wrap;font-size:13px;line-height:1.35;color:#56627E}
.v6meta i{font-style:normal}
.v6meta .ok{color:#0B7A55;font-weight:600}
.v6meta .warn{color:#8A5A00;font-weight:600}
.v6meta a{color:#0062FE;font-weight:600}
.v6utop .plaque{font-size:14px;background:#F4F6FA;border-radius:16px}
.v6modebar{display:flex;align-items:center;gap:8px}
.v6modebar .v6mode{flex:1;min-width:0}
.v6modebar .v6mode button{padding:0 4px;font-size:13.5px}
.v6nextq{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#F1F3F8;color:#061331;text-decoration:none;-webkit-tap-highlight-color:transparent}
.v6nextq:active{transform:scale(.96)}
.v6mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border-radius:999px;background:#F1F3F8}
.v6mode button{height:36px;min-width:0;padding:0 8px;border:0;border-radius:999px;background:transparent;color:#3A4A6B;font:600 14px var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6mode button.on{background:#fff;color:#0062FE;box-shadow:0 2px 8px rgba(20,40,120,.1)}

/* тело конспекта: Onest 17/1.62, заголовки блоков 19/700, маркеры синие */
.v6qbody{display:flex;flex-direction:column;gap:22px;min-width:0}
.v6short{padding:16px 18px;border-radius:20px;background:#EEF4FF;font-size:17px;line-height:1.62;color:#1B2436;overflow-wrap:break-word}
.v6short b{font-weight:600;color:#061331}
.v6blk{display:flex;flex-direction:column;gap:12px;min-width:0}
.v6blk h3{margin:0;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.015em;color:#061331}
.v6tx{display:flex;flex-direction:column;gap:12px;font-size:17px;line-height:1.62;color:#1B2436;overflow-wrap:break-word}
.v6tx p{margin:0}
.v6tx b,.v6short b,.v6terms b{font-weight:600;color:#061331}
.v6tx ul,.v6tx ol,.v6ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.v6tx li::marker,.v6ul li::marker{color:#0062FE}
.v6tx ol li::marker{font-weight:600}
.v6terms{display:flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.5;color:#1B2436}
.v6terms div{padding:10px 14px;border-radius:14px;background:#F4F6FA}
.v6imp{padding:12px 14px;border-radius:16px;border-left:3px solid #0062FE;background:#F7F9FC;font-size:16px;line-height:1.55;color:#1B2436}
.v6imp span{display:block;font-size:12px;font-weight:600;color:#56627E;margin-bottom:2px}
.v6qbody .fig{margin:0;padding:0;border-radius:20px;background:none;gap:8px}
.v6qbody .fig img{border-radius:18px;background:#F4F6FA}
.v6qbody .fig figcaption{font-size:13.5px;color:#56627E}
.v6qbody .tbl{border-radius:18px;background:#fff;padding:4px;box-shadow:inset 0 0 0 1px rgba(6,19,49,.07)}
/* широкая таблица (QA-телефон): прокрутка вбок внутри карточки и лёгкая тень у края, за которым ещё есть столбцы.
   тени – фоном (scroll), белые «крышки» – фоном (local): у начала и конца прокрутки тень сама прячется */
.v6qbody .tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/36px 100% no-repeat local,
    linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/36px 100% no-repeat local,
    radial-gradient(farthest-side at 0 50%,rgba(6,19,49,.22),rgba(6,19,49,0)) left/16px 100% no-repeat scroll,
    radial-gradient(farthest-side at 100% 50%,rgba(6,19,49,.22),rgba(6,19,49,0)) right/16px 100% no-repeat scroll,#fff}
.v6qbody .tbl table{background:transparent}

/* вставки MedCore цветными плашками внутри текста: «ловушка» – красноватая, «простыми словами»/«как запомнить» – лёд */
.v6call{border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.5;color:#3A4A6B;background:#EEF4FF;overflow-wrap:anywhere}
.v6call b{font-weight:600;color:#061331}
.v6call.trap{background:#FFF4F5}
.v6lab{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#0062FE}
.v6call.trap .v6lab{color:#B42335}
.v6lab svg{flex:none}
.v6add{align-self:flex-start;margin-top:4px;font-size:12px;font-weight:500;line-height:1.3;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.75);color:#56627E}
/* «могут спросить на экзамене»: серый блок, вопросы-раскрывашки */
.v6xq{border-radius:18px;padding:6px 16px 4px;background:#F7F9FC}
.v6xq > .v6lab{color:#3A4A6B;padding:10px 0 2px}
.v6xq details{border-bottom:1px solid rgba(6,19,49,.06)}
.v6xq details:last-child{border-bottom:0}
.v6xq summary{display:flex;align-items:flex-start;gap:10px;padding:12px 0;list-style:none;cursor:pointer;font-size:15px;font-weight:600;line-height:1.4;color:#061331;-webkit-tap-highlight-color:transparent}
.v6xq summary::-webkit-details-marker{display:none}
.v6xq summary > span{flex:1;min-width:0;overflow-wrap:anywhere}
.v6xq summary svg{flex:none;margin-top:1px;transition:transform .2s}
.v6xq details[open] summary svg{transform:rotate(180deg)}
.v6xq-a{padding:0 0 12px;font-size:14.5px;line-height:1.5;color:#3A4A6B;overflow-wrap:anywhere}
.v6xq-a .v6add{display:inline-block}
/* «строго по конспекту» / «строго методичка»: «коротко» и вставки MedCore скрыты */
.v6qbody.strict .v6mc{display:none}

/* хвост: мини-шпаргалка, синяя карточка проверки, «знаю на 3 / у доски / карточки», «нашли ошибку?» */
.v6tail{display:flex;flex-direction:column;gap:22px;min-width:0}
.v6acc{border-radius:18px;background:#F4F6FA}
.v6acc summary{display:flex;align-items:center;gap:12px;padding:16px;list-style:none;cursor:pointer;font-size:16px;font-weight:600;color:#061331;-webkit-tap-highlight-color:transparent}
.v6acc summary::-webkit-details-marker{display:none}
.v6acc summary > span{flex:1}
.v6acc summary svg{flex:none;transition:transform .2s}
.v6acc[open] summary svg{transform:rotate(180deg)}
.v6acc .v6ul{padding:0 18px 16px 38px;font-size:16px;line-height:1.55;color:#1B2436}
.v6check{position:relative;overflow:hidden;border-radius:24px;padding:20px;display:flex;align-items:center;gap:14px;color:#fff;
  background:linear-gradient(160deg,#3F7BFF 0%,#0062FE 55%,#0050E0 100%);box-shadow:0 16px 34px rgba(0,98,254,.26)}
.v6check-t{flex:1;min-width:0}
.v6check-t b{display:block;font-size:19px;font-weight:600;letter-spacing:-.01em}
.v6check-t span{display:block;font-size:14px;opacity:.9;padding-top:2px}
.v6check-b{flex:none;height:46px;padding:0 20px;border-radius:16px;background:#fff;color:#0062FE;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}
.v6check-b:active{transform:scale(.98)}
.v6acts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.v6act{height:38px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid rgba(6,19,49,.1);box-shadow:0 1px 2px rgba(6,19,49,.04);color:#061331;font:600 13.5px var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6act svg{flex:none}
.v6know{align-self:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:0;background:none;font:600 15px var(--sans);color:#0062FE;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6know:active{opacity:.6}
.v6report{align-self:center;display:inline-flex;align-items:center;gap:8px;padding:4px 0;border:0;background:none;font:600 14px var(--sans);color:#56627E;cursor:pointer}
/* замок бесплатника – синяя карточка из основы, отступ как у проверки */
.v6q .lock{border-radius:24px;padding:20px;gap:12px}
.v6q .lock .title{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.01em}
.v6q .lock .btn.white{height:46px;border-radius:16px;padding:0 20px;font-size:15px}

/* плавающая строка «спроси ИИ-репетитора…» (стекло-2 – класс .gl2 основы): прилипает к низу экрана, нижнего меню на вопросе нет */
.v6ask{position:sticky;bottom:max(26px,calc(var(--sab) + 12px));z-index:14;margin:26px -4px 0;height:56px;border-radius:28px;display:flex;align-items:center;gap:6px;padding:0 6px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.v6ask,.v6qtop{background:rgba(255,255,255,.97)}}
.v6ask-in{flex:1;min-width:0;height:44px;border:0;background:none;text-align:left;padding:0 12px;font:400 15px var(--sans);color:#8892A6;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6ask-mic,.v6ask-go{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;flex:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6ask-mic{background:#EEF4FF}
.v6ask-go{background:#061331}

/* iPad (две колонки, styles.css .padsplit): шапка во всю ширину своего отступа, правая колонка – хвост */
.pad .v6qtop{margin:calc(-16px - var(--sat)) -20px 0;padding-left:20px;padding-right:20px}
.padside .v6tail{gap:12px}
/* ПК: колонка конспекта по центру, шапка – плавающая плашка */
@media (min-width:1024px){
  html:not(.pad) .v6q{width:100%;max-width:820px;margin:0 auto}
  html:not(.pad) .v6qtop{margin:0;top:16px;border-radius:22px;padding:12px 16px;border:1px solid rgba(6,19,49,.06)}
  .v6h1{font-size:34px}
  .v6tx,.v6short{font-size:18px;line-height:1.65}
}

/* биология: свой шрифт конспекта (состояние 2.8 «м») – сохраняем и в v6 */
.subj-biology .v6tx,.subj-biology .v6short,.subj-biology .v6imp{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.005em}

/* ============ шторка ИИ-репетитора (openTutor6) ============ */
.modal.v6sheet{background:rgba(6,19,49,.35);padding:0;place-items:end center;grid-template-columns:minmax(0,1fr)}
.modal .box.v6ts{position:relative;width:100%;min-width:0;max-width:560px;height:min(800px,calc(100dvh - 44px - var(--sat)));padding:0;gap:0;border-radius:32px 32px 0 0;background:#fff;color:#061331;display:flex;flex-direction:column;box-shadow:0 -20px 50px rgba(6,19,49,.2)}
@supports not (height:1dvh){.modal .box.v6ts{height:min(800px,calc(100vh - 44px - var(--sat)))}}
@media (prefers-reduced-motion:no-preference){.modal.v6sheet.fresh .v6ts{animation:v6up .26s cubic-bezier(.2,.8,.2,1)}}
@keyframes v6up{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.v6ts-grip{align-self:center;flex:none;width:40px;height:5px;border-radius:3px;background:#D6DCE6;margin-top:10px}
.v6ts-h{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(6,19,49,.07)}
.v6ts-t{flex:1;min-width:0;line-height:1.25}
.v6ts-t b{display:block;font-size:17px;font-weight:700}
.v6ts-t span{display:block;font-size:13px;color:#56627E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v6ts-x{width:40px;height:40px;border:0;border-radius:50%;background:#F1F3F8;display:grid;place-items:center;flex:none;cursor:pointer}
.v6orb{position:relative;display:inline-block;flex:none;border-radius:50%;overflow:hidden;background:conic-gradient(from 0deg,#0033FF,#0062FE,#00E0FF,#8E9BFF,#3F7BFF,#0033FF);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
.v6orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(40% 30% at 35% 25%,rgba(255,255,255,.85),rgba(255,255,255,0) 70%)}
.v6orb.ph{background:#EAF0FB}.v6orb.ph::after{display:none}.v6orb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;border-radius:50%;display:block}
.v6ts-chat.chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:12px;background:none;border-radius:0;box-shadow:none}
.v6chips{display:flex;gap:8px;flex-wrap:wrap}
.v6chip{height:36px;padding:0 14px;border:0;border-radius:999px;background:#F1F3F8;color:#061331;font:500 14px var(--sans);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6chip[disabled]{opacity:.5;cursor:default}
.v6chip.board{background:#EEF4FF;color:#0062FE;font-weight:600}
.v6ts-empty{font-size:14px;line-height:1.45;color:#56627E}
.v6bub{max-width:86%;padding:12px 14px;border-radius:20px;font-size:15.5px;line-height:1.5;overflow-wrap:anywhere}
.v6bub.me{align-self:flex-end;background:#0062FE;color:#fff;border-bottom-right-radius:6px}
.v6bub.ai{align-self:flex-start;background:#F4F6FA;color:#1B2436;border-bottom-left-radius:6px;white-space:pre-line}
.v6bub.ai b{font-weight:600;color:#061331}
.v6bub-meta{align-self:flex-start;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:-4px;font-size:13px;color:#56627E}
.v6bub-meta button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:13px var(--sans);color:#56627E;cursor:pointer}
.v6think{display:flex;gap:5px;padding:16px 16px}
.v6think i{width:7px;height:7px;border-radius:50%;background:#8892A6;opacity:.5}
@media (prefers-reduced-motion:no-preference){.v6think i{animation:v6dot 1.1s ease-in-out infinite}.v6think i:nth-child(2){animation-delay:.15s}.v6think i:nth-child(3){animation-delay:.3s}}
@keyframes v6dot{0%,100%{opacity:.35;transform:none}50%{opacity:1;transform:translateY(-3px)}}
.v6ts-f{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 14px max(28px,calc(var(--sab) + 12px))}
.v6ts-rec{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:#0062FE;text-align:center}
.v6ts-rec[hidden]{display:none}
.v6ts-rec i{width:8px;height:8px;border-radius:50%;background:#F0445A;flex:none}
@media (prefers-reduced-motion:no-preference){.v6ts-rec i{animation:recpulse 1.2s ease-in-out infinite}}
.v6ts-in{width:100%;min-height:56px;border-radius:28px;background:#F4F6FA;display:flex;align-items:flex-end;gap:6px;padding:6px 6px 6px 18px;box-sizing:border-box}
.v6ts-in textarea{flex:1;min-width:0;align-self:center;height:24px;max-height:120px;margin:0;padding:8px 0;box-sizing:content-box;border:0;outline:0;border-radius:0;box-shadow:none;resize:none;background:transparent;color:#061331;font:16px/1.5 var(--sans)}
.v6ts-in textarea::placeholder{color:#8892A6}
.v6ts-mic,.v6ts-go{width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;flex:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.v6ts-mic{background:#fff}
.v6ts-mic.rec{background:#0062FE;box-shadow:0 0 0 6px rgba(0,98,254,.15)}
.v6ts-mic.rec svg{stroke:#fff}
.v6ts-mic.busy{opacity:.55;pointer-events:none}
.v6ts-go{background:#061331}
.v6ts-mic[disabled],.v6ts-go[disabled]{opacity:.5;cursor:default}

/* ============ тест (v6t, макет V6_2_13) ============ */
.v6t .head .t small{font-size:13px}
.v6t .head .t b{font-size:19px}
.v6t .v5tq{border-radius:30px}
.v6t .v5tq .pill{background:#EEF4FF}
.v6t .v5why .cap{color:#0062FE}

/* ============ итог проверки (v6r, макет V6_2_14) ============ */
.v6r .head .t small{font-size:13px}
.v6r .head .t b{font-size:19px}
.v6r .stamp.v5stamp{letter-spacing:.16em;opacity:.9;transform:rotate(-8deg)}
.v6r .v5res-msg.result-msg{padding-top:4px}
.v6r .v5topic-bar{background:#EEF1F6}
.v6r .v5btns > .v5btnl{height:54px}
/* «кинуть вызов другу» – компактная вторичная кнопка (бриф v6, решение 3) */
.v6duel{height:48px;margin-top:4px;padding:0 16px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#061331;font:600 15px var(--sans);background:transparent;border:1px solid rgba(6,19,49,.1);-webkit-tap-highlight-color:transparent;white-space:nowrap;overflow:hidden}
.v6duel span{font-size:13px;font-weight:500;color:#56627E;overflow:hidden;text-overflow:ellipsis}
.v6duel span::before{content:"· "}

/* ============ работа над ошибками (v6e, макет V6_2_15) ============ */
.v6e .v5no{background:#EEF4FF}
.v6e .v5err-why{background:#F4F6FA}
.v6e .v5egrp summary{border-radius:26px}
/* пустые сегменты теста – серо-голубые (на ровном фоне белые почти не видны) */
.v6t .segs i{background:#E3EAF6}
.v6t .segs i.okk{background:var(--v-ok)}
.v6t .segs i.no{background:var(--v-bad)}

/* ============ окна «сообщить об ошибке» и отзыв (openReport, askFeedback): плотные белые, как карточки v6 ============ */
.modal .box.v5modal{background:#fff;border:1px solid rgba(6,19,49,.05)}

/* тест: разбор подкручивается под шапку; картинка фото-теста не больше трети экрана; плашка ошибки раскрывается по нажатию */
.v5why{scroll-margin-top:84px}
@media (max-width:1023px){.v5photo .photo img{max-height:34vh;width:auto;max-width:100%;margin:0 auto;object-fit:contain}}
button.pill.v5wrong{border:0;font-family:inherit;text-align:left;cursor:pointer}
.v5wrong .wf{display:none}
.v5wrong.open .ws{display:none}
.v5wrong.open .wf{display:inline}

/* замок: первый блок плавно гаснет к низу – видно, что дальше есть текст */
.v6qbody.fade{position:relative}
.v6qbody.fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;pointer-events:none;background:linear-gradient(to bottom,rgba(238,243,255,0),#EEF3FF)}

/* ИИ-репетитор – экран-чат #/tutor (макеты V6_2_10_tutor, V6_9_2_10_tutor; правка руководителя 21.10 п. 8) */
.tut6{display:flex;flex-direction:column;height:calc(100dvh - 44px - var(--sat) - var(--sab));min-height:420px}
@supports not (height:1dvh){.tut6{height:calc(100vh - 44px - var(--sat) - var(--sab))}}
.tut6-h{flex:none;gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(6,19,49,.07);margin-bottom:6px}
.tut6-h .t small{font-size:12px;color:#56627E}
.tut6-h .t b{display:block;font-size:20px;line-height:1.15}
.tut6-h .it{font-family:var(--serif,Literata,Georgia,serif);font-style:italic;font-weight:500}
.tut6-l,.tut6-r,.tut6-ch{display:none}
:root:not([data-theme=dark]) .tut6 .tut6-c.card{flex:1;min-height:0;display:flex;flex-direction:column;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.tut6-chat{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 0 8px;display:flex;flex-direction:column;gap:16px}
.t6m.me{align-self:flex-end;max-width:84%;padding:11px 15px;border-radius:20px 20px 6px 20px;background:#F1F3F8;color:#061331;font-size:16px;line-height:1.45;overflow-wrap:anywhere;white-space:pre-wrap}
.t6m.ai{display:flex;gap:10px;align-items:flex-start}
.t6m.ai > .v6orb{margin-top:2px}
.t6a{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.t6a-text{font-size:16px;line-height:1.6;color:#1B2436;white-space:pre-line;overflow-wrap:anywhere}
.t6a-text b{font-weight:600;color:#061331}
.t6a-meta{display:flex;gap:14px;font-size:13px;color:#56627E}
.t6a-meta button{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font:13px var(--sans);color:#56627E;cursor:pointer}
.tut6-chips{display:flex;flex-wrap:wrap;gap:8px;padding-top:2px}
.tut6-chip{height:36px;padding:0 14px;border:0;border-radius:999px;background:#F1F3F8;color:#061331;font:500 14px var(--sans);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.tut6-empty{margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:12px 8px}
.tut6-empty b{font-size:19px;font-weight:700}
.tut6-empty > span{font-size:14px;line-height:1.5;color:#56627E;max-width:340px}
.tut6-empty .tut6-chips{justify-content:center;margin-top:6px}
.tut6-empty .tut6-chip{height:auto;min-height:36px;padding:8px 14px;white-space:normal;text-align:left}
.tut6-f{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 0}
.tut6-f .v6ts-in{background:#F1F3F8}

/* карточка босса раздела (правка 21.10, п. 4): скруглённая, как карточки v6. В WebKit (iOS/Telegram) overflow:hidden с размытым ::before и ссылкой
   даёт прямые углы и прямоугольную вспышку при нажатии – отдельный слой, маска по скруглению, без вспышки */
a.arena.boss{border-radius:28px;isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000);-webkit-tap-highlight-color:transparent;outline-offset:3px}
a.arena.boss:focus-visible{outline:2px solid var(--v-blue)}

/* строка репетитора – стекло как в макете V6_2_08g (.gl): градиент .7 → .4, тень 0 10 28 */
.v6ask.gl2{background:linear-gradient(160deg,rgba(255,255,255,.7),rgba(255,255,255,.4));box-shadow:inset 0 1px 1px #fff,0 10px 28px rgba(20,40,120,.14)}

/* узкие телефоны (375): подпись «строго по конспекту» не обрезается (правка 21.10) */
@media (max-width:400px){.v6mode{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.v6mode button,.v6modebar .v6mode button{padding:0 2px;font-size:12.5px;letter-spacing:-.01em}}
@media (max-width:340px){.v6mode button,.v6modebar .v6mode button{font-size:11.5px}}