/* MedCore · дизайн v6, ПК-версия (от 1024 px). Макеты: docs/дизайн/v6/V6_9_*.dc.html, раскладка D4d – docs/дизайн/v6/СВОДКА.md, п. 3.
   Подключён ПОСЛЕДНИМ в index.html. Всё – под html.pc6 (app.js ставит класс, когда окно ≥1024 px и это не iPad) и внутри @media (min-width:1024px):
   телефон и iPad этот файл не задевает. Разметку экранов не меняем – раскладываем их CSS-сетками; своя разметка ПК только у шапки (pcHead),
   главной (homePc) и карточки предмета на «обучении».
   Холст 1440: поля 40, контент 1360, промежуток 20; шапка – три стеклянные пилюли сверху (top 24, высота 60); заголовок страницы – кнопка «назад» 52×52 и Literata 36. */
@media (min-width:1024px){

/* ============ 1. каркас ============ */
html.pc6 .side{display:none}
html.pc6 .tabbar{display:none}
html.pc6 .app{padding:calc(100px + var(--sat)) 40px 40px;min-height:100vh}
html.pc6 body.focus .app{padding-bottom:48px}
html.pc6 .shell{max-width:1360px;margin:0 auto;display:flex;flex-direction:column;min-height:calc(100vh - 140px - var(--sat))}
html.pc6 .main{gap:20px;flex:1 0 auto;width:100%}
/* без «дырки» снизу (правка 21.10, п. 1): оболочка не ниже окна, последний блок экрана тянется до низа; кроме экзамена и прохождений (у них своя раскладка) */
html.pc6 body:not([data-route^=exam]):not([data-route$="-in"]):not(.t6) .main > :last-child{flex:1 0 auto}
/* фон ПК: ровный #F4F6FA; на витрине (главная, старт экзамена, онбординг) – #EEF2FA и три больших пятна */
html.pc6:root[data-scene=show]:not([data-theme=dark]) body::before{
  background:
    radial-gradient(560px 560px at 480px 20px,rgba(156,196,255,.6) 0%,rgba(156,196,255,0) 70%),
    radial-gradient(460px 460px at calc(100% + 70px) 390px,rgba(0,194,255,.3) 0%,rgba(0,194,255,0) 70%),
    radial-gradient(520px 520px at 860px calc(100% + 40px),rgba(91,140,255,.25) 0%,rgba(91,140,255,0) 70%),
    #EEF2FA}

/* ============ 2. шапка: лого-пилюля · меню 5 разделов · лупа и «кто я» ============ */
.pc6h{position:fixed;z-index:30;top:calc(16px + var(--sat));left:max(40px,calc(50% - 680px));right:max(40px,calc(50% - 680px));height:60px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.pc6h > *{pointer-events:auto}
/* под шапкой при прокрутке – мягкая размытая полоса, чтобы текст не просвечивал между пилюлями */
.pc6h::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(88px + var(--sat));z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(244,246,250,.82) 0%,rgba(244,246,250,.6) 62%,rgba(244,246,250,0) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
html[data-scene=show] .pc6h::before{background:linear-gradient(180deg,rgba(238,242,250,.5) 0%,rgba(238,242,250,0) 100%)}
.pc6-logo,.pc6-nav,.pc6-ic,.pc6-me{background:var(--v6-glass2);-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,.12);color:var(--v-ink);text-decoration:none}
html.lite .pc6-logo,html.lite .pc6-nav,html.lite .pc6-ic,html.lite .pc6-me{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(255,255,255,.95)}
.pc6-logo{height:60px;padding:0 20px 0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:10px}
.pc6-logo .logo{width:44px;height:44px;border-radius:14px;box-shadow:none}
.pc6-logo b{font-size:18px;font-weight:700;letter-spacing:-.02em}
.pc6-nav{position:absolute;left:50%;top:0;transform:translateX(-50%);height:60px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:2px;white-space:nowrap}
.pc6-nav a{height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;color:var(--v-ink2);text-decoration:none;transition:background .15s,color .15s}
.pc6-nav a:hover{color:var(--v-ink);background:rgba(255,255,255,.6)}
.pc6-nav a.on{background:#061331;color:#fff}
.pc6-r{display:flex;gap:10px}
.pc6-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center}
/* «на весь экран» (Telegram 8.0+, планшет и ПК): кнопка рядом с лупой; нажата – полноэкранный режим включён */
.pc6-fs{padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pc6-fs[aria-pressed=true]{background:#061331;border-color:#061331}
.pc6-fs[aria-pressed=true] svg{stroke:#fff}
.pc6-me{height:60px;padding:0 18px 0 8px;border-radius:999px;display:inline-flex;align-items:center;gap:10px;max-width:260px}
.pc6-ava{position:relative;overflow:hidden;width:44px;height:44px;border-radius:50%;flex:none;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:700;background:radial-gradient(85% 80% at 55% 42%,#0062FE 0%,#0072FF 42%,#00A6FF 80%,#00C2FF 100%)}
.pc6-who{min-width:0;line-height:1.2}
.pc6-who b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc6-who small{display:block;font-size:12px;color:var(--v-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc6-logo:focus-visible,.pc6-nav a:focus-visible,.pc6-ic:focus-visible,.pc6-me:focus-visible{outline:2px solid var(--v-blue);outline-offset:2px}
/* 1024–1279: меню по центру не влезает между пилюлями – «кто я» без подписи */
@media (max-width:1279px){
  .pc6-who small{display:none}
  .pc6-me{max-width:180px}
  .pc6-nav a{padding:0 14px}
}
@media (max-width:1120px){.pc6-who{display:none}.pc6-me{padding:0 8px}}
/* с кнопкой «на весь экран» (iPad 1180) правой группе нужно больше места: имя прячем, остаётся круг с буквой */
@media (max-width:1279px){.pc6-fs ~ .pc6-me .pc6-who{display:none}.pc6-fs ~ .pc6-me{padding:0 8px}}

/* ============ 3. заголовок внутренней страницы: кнопка «назад» 52×52 (стекло-2) + подпись 13 + Literata 36 ============ */
html.pc6 .head{min-height:72px;gap:16px;align-items:center}
html.pc6 .head > .iconbtn{width:52px;height:52px;border-radius:18px;background:var(--v6-glass2);border:1px solid rgba(255,255,255,.9);box-shadow:var(--v6-glass2-shadow);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%)}
html.pc6 .head .t small{font-size:13px;color:var(--v-mut);line-height:1.3}
html.pc6 .head .t b{font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;line-height:1.08;letter-spacing:-.02em;font-variation-settings:"opsz" 72}
/* шапка инструмента: подпись в ряду с кнопкой, Literata-заголовок прижат к ней (как один блок), описание – справа */
html.pc6 .head.h6tool{min-height:52px;margin-bottom:-74px}
html.pc6 .head.h6tool > .iconbtn{width:52px;height:52px;border-radius:18px;align-self:flex-start}
html.pc6 .head.h6tool .t{align-self:flex-start;padding-top:6px}
html.pc6 .h6tt{pointer-events:none;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 0 0 68px;min-height:72px}
html.pc6 .h6tt > *{pointer-events:auto}
html.pc6 .h6tt .ttl{font-size:36px;line-height:1.08}
html.pc6 .h6tt .v6desc{max-width:560px;text-align:right;padding-bottom:8px}


/* ============ 4. контурная «5» вместо шара экзаменатора (вариант D, V6_9_D4d_exam_options): текст, обрезается краем ночной карточки ============ */
.pc5{position:absolute;right:-14px;top:-88px;font:italic 500 350px/1 var(--serif);font-variation-settings:"opsz" 72;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);letter-spacing:-.04em;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:0}

/* ============ 5. главная D4d (homePc): верх 880+460 (370), низ 460+400+460 (330) ============ */
html.pc6 .hpc{display:grid;grid-template-columns:minmax(0,460fr) minmax(0,400fr) minmax(0,460fr);grid-template-rows:minmax(300px,370fr) minmax(260px,330fr);gap:20px;flex:1 0 auto}
html.pc6 .hpc-cont{grid-column:1 / 3;grid-row:1}
html.pc6 .hpc-exam{grid-column:3;grid-row:1}
html.pc6 .hpc-today{grid-column:1;grid-row:2}
html.pc6 .hpc-err{grid-column:2;grid-row:2}
html.pc6 .hpc-col{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:20px;min-width:0}
html.pc6 .hpc-col > .hpc-err{flex:1 1 auto}
html.pc6 .hpc-col > .hm-inv{flex:none}
html.pc6 .hpc-ready{grid-column:3;grid-row:2}
html.pc6 .hpc-unset{display:flex;align-items:center;gap:8px;align-self:flex-start;height:44px;padding:0 18px;border-radius:999px;color:var(--v-blue);font-size:14px;font-weight:600;text-decoration:none}
/* продолжить: текст слева, обложка справа (330, r24) со стеклянной плашкой */
.hpc-cont{position:relative;border-radius:32px;overflow:hidden;display:flex;align-items:stretch;gap:24px;padding:14px 14px 14px 36px;min-width:0}
.hpc-l{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:22px 0}
.hpc-pill{align-self:flex-start;height:28px;padding:0 11px;border-radius:999px;background:var(--v-ice);color:var(--v-blue);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpc-t{margin:0;font-family:var(--serif);font-style:italic;font-weight:500;font-variation-settings:"opsz" 72;line-height:1.02;letter-spacing:-.02em;color:var(--v-ink);text-wrap:balance;overflow-wrap:anywhere}
.hpc-t.l{font-size:48px}.hpc-t.m{font-size:40px}.hpc-t.s{font-size:32px;line-height:1.08}
.hpc-sub{font-size:15px;color:var(--v-mut);line-height:1.4}
.hpc-bar{display:flex;align-items:center;gap:12px;max-width:380px}
.hpc-bar .vbar{flex:1;height:8px;background:#E6EFFF}
.hpc-bar .vbar i{background:linear-gradient(90deg,#00C2FF,#0062FE)}
.hpc-bar span{font-size:13px;font-weight:600;color:var(--v-ink2);white-space:nowrap}
.hpc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.hpc-btns .btnp{height:56px;padding:0 28px;border-radius:18px;font-size:16px;width:auto}
.hpc-btns .btnl{height:56px;padding:0 22px;border-radius:18px}
.hpc-cover{position:relative;flex:0 0 clamp(220px,23vw,330px);border-radius:24px;overflow:hidden;background:#0A5CF5;display:block}
.hpc-img{position:absolute;inset:0;background:#0A5CF5 no-repeat 50% 85%/190% auto}
.hpc-cover > .art{position:absolute;inset:0;height:auto}
.hpc-cover > .art > svg{width:100%;height:100%}
.hpc-glass{position:absolute;left:14px;right:14px;bottom:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:4px;color:var(--v-ink)}
.hpc-glass small{font-size:12px;color:var(--v-mut)}
.hpc-glass b{font-size:15px;font-weight:700;line-height:1.3}
/* ночной экзаменатор */
html.pc6 .hpc-exam{border-radius:32px;padding:30px;gap:14px;background:radial-gradient(90% 90% at 30% 20%,#0062FE 0%,#004FD1 50%,#061331 100%);box-shadow:0 24px 50px rgba(6,19,49,.28)}
html.pc6 .hpc-exam::before{inset:-60px -60px auto auto;width:320px;height:320px;border-radius:50%;background:#00C2FF;filter:blur(90px);opacity:.35}
html.pc6 .hpc-exam > .pc5{position:absolute}
.hpc-ek{font-size:13px;opacity:.75}
.hpc-et{margin:0;font-family:var(--serif);font-style:italic;font-weight:500;font-size:40px;line-height:1.02;letter-spacing:-.02em;font-variation-settings:"opsz" 72;max-width:300px}
.hpc-seg{display:inline-flex;align-self:flex-start;padding:4px;border-radius:999px;background:rgba(255,255,255,.12)}
.hpc-seg button{border:0;background:none;color:#fff;opacity:.75;padding:7px 14px;border-radius:999px;font:600 13px var(--sans);cursor:pointer}
.hpc-seg button.on{background:#fff;color:#061331;opacity:1}
.hpc-seg button:focus-visible{outline:2px solid #fff;outline-offset:1px}
.hpc-go{display:flex;align-items:center;gap:14px}
.hpc-go .btnw{height:52px;padding:0 22px;border-radius:18px;width:auto;flex:none;white-space:nowrap}
.hpc-go span{font-size:13px;opacity:.8;line-height:1.35}
/* нижние карточки */
.hpc-card{border-radius:28px;padding:22px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.hpc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.01em}
.hpc-h > b{font-size:18px;font-weight:700}
.hpc-h > span{font-size:13px;font-weight:400;color:var(--v-mut);white-space:nowrap}
.hpc-tks{display:flex;flex-direction:column}
.hpc-tk{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(6,19,49,.07);color:var(--v-ink);text-decoration:none;min-width:0}
.hpc-tk:last-child{border-bottom:0}
.hpc-tk .rt{flex:1;min-width:0}
.hpc-tk .rt b{display:block;font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpc-tk .rt small{display:block;font-size:13px;color:var(--v-mut)}
.hpc-tk .hpc-done b{color:var(--v-faint);text-decoration:line-through}
.hpc-tk:hover .rt:not(.hpc-done) b{color:var(--v-blue)}
.hpc-ck{width:26px;height:26px;border-radius:9px;flex:none;display:grid;place-items:center;background:#EEF1F6}
.hpc-ck.done{background:var(--v-blue)}
.hpc-ck.now{background:#fff;box-shadow:inset 0 0 0 2px var(--v-blue)}
.hpc-tk .pill{height:28px;padding:0 11px;font-size:12.5px}
.hpc-tk .pill.ok{background:#E3F7EE;color:#0B7A55}
.hpc-tk .pill.now{background:var(--v-blue);color:#fff}
.hpc-foot{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid rgba(6,19,49,.07)}
.hpc-foot > span{font-size:13px;color:var(--v-ink2);white-space:nowrap}
.hpc-hatch{flex:1;height:10px;border-radius:6px;background:repeating-linear-gradient(135deg,#E6EFFF 0 6px,#F4F6FA 6px 12px);overflow:hidden}
.hpc-hatch i{display:block;height:100%;border-radius:6px;background:var(--v-blue)}
.hpc-errn{display:flex;align-items:baseline;gap:10px}
.hpc-errn .num{font-size:56px;font-weight:700;letter-spacing:-.04em;line-height:1}
.hpc-errn .num.bad{color:#F0445A}
.hpc-errn .num.ok{color:var(--v-ink)} /* «0 ошибок» – не зелёный: зелёный в v6 только «верно» */
.hpc-errn > span:last-child{font-size:15px;color:var(--v-ink2)}
.hpc-errs a{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid rgba(6,19,49,.06);font-size:14px;color:var(--v-ink);text-decoration:none}
.hpc-errs a span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hpc-errs a b{color:#F0445A}
.hpc-errs a:hover span{color:var(--v-blue)}
.hpc-errb{align-self:flex-start;height:48px;padding:0 22px;border-radius:18px;width:auto}
.hpc-ready{gap:16px}
.hpc-rtop{display:flex;align-items:center;gap:20px}
.hpc-ring{width:132px;height:132px;border-radius:50%;flex:none;display:grid;place-items:center;background:conic-gradient(#0062FE 0 calc(var(--p) * 1%),#E6EFFF calc(var(--p) * 1%) 100%)}
.hpc-ring > div{width:106px;height:106px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hpc-ring b{font-size:31px;font-weight:700;letter-spacing:-.03em;line-height:1}
.hpc-ring small{font-size:11px;color:var(--v-mut);margin-top:3px}
.hpc-rr{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.hpc-rr .pill{align-self:flex-start;height:28px;font-size:12.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.hpc-chips{display:flex;gap:8px}
.hpc-chips span{flex:1;min-width:0;border-radius:14px;background:var(--v6-bg);padding:10px 0;text-align:center}
.hpc-chips b{display:block;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.hpc-chips small{font-size:11px;color:var(--v-mut)}
.hpc-wk{font-size:13px;color:var(--v-mut)}
.hpc-bars{flex:1;display:flex;gap:8px;min-height:110px}
.hpc-bars > span{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
.hpc-bars i{width:100%;max-width:20px;border-radius:6px;background:#E6EFFF}
.hpc-bars .on i{background:#9CC4FF}
.hpc-bars .now i{background:var(--v-blue)}
.hpc-bars small{font-size:11px;color:var(--v-faint)}
/* узкий ПК (1024–1279): обложка уже, низ – 2 колонки + готовность во всю ширину */
@media (max-width:1279px){
  html.pc6 .hpc{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
  html.pc6 .hpc-cont{grid-column:1 / 3}
  html.pc6 .hpc-exam{grid-column:3}
  html.pc6 .hpc-today{grid-column:1}
  html.pc6 .hpc-err{grid-column:2}
  html.pc6 .hpc-col{grid-column:2}
  html.pc6 .hpc-ready{grid-column:3}
  .hpc-t.l{font-size:40px}.hpc-t.m{font-size:34px}.hpc-t.s{font-size:28px}
  .hpc-cover{flex-basis:200px}
  .hpc-img{background-size:cover}
  html.pc6 .hpc-exam{padding:24px}
  .hpc-et{font-size:34px}
  .hpc-rtop{flex-direction:column;align-items:flex-start;gap:14px}
  .hpc-ring{width:110px;height:110px}.hpc-ring > div{width:88px;height:88px}.hpc-ring b{font-size:26px}
}


/* ============ 6. обучение (viewLearnV6): заголовок слева, переключатель справа; предмет во всю ширину; плитки в ряд ============ */
html.pc6 .h6learn{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end}
html.pc6 .h6learn > *{grid-column:1 / -1}
html.pc6 .h6learn > .ln-top{grid-column:1;min-height:72px}
html.pc6 .h6learn > .seg{grid-column:2;grid-row:1;display:inline-flex;padding:5px;background:rgba(6,19,49,.06);margin-bottom:8px}
html.pc6 .h6learn > .seg button{height:42px;padding:0 22px;flex:none;font-size:15px}
html.pc6 .h6learn .ln-top .sqb{display:none}
html.pc6 .h6learn .ttl{font-size:44px}
html.pc6 .h6learn .v6sub{font-size:14px}
/* карточка предмета ПК (learnCurPc): обложка 440 · середина · разделы 360 */
.lpc-cur{border-radius:32px;display:grid;grid-template-columns:minmax(260px,440px) minmax(0,1fr) minmax(260px,360px);gap:40px;padding:14px 40px 14px 14px;min-height:320px;align-items:stretch}
.lpc-art{position:relative;border-radius:24px;overflow:hidden;background:#0A5CF5;display:block;min-height:292px}
.lpc-art > .art{position:absolute;inset:0;height:auto}
.lpc-art > .art > svg{width:100%;height:100%}
.lpc-img{background-position:50% 80%;background-size:150% auto}
.lpc-art > .pill{position:absolute;left:16px;top:16px;height:28px;padding:0 11px;font-size:12.5px;background:rgba(255,255,255,.94);z-index:2}
.lpc-mid{display:flex;flex-direction:column;gap:14px;padding-top:26px;min-width:0}
.lpc-t{font-family:var(--serif);font-style:italic;font-weight:500;font-size:52px;line-height:1;letter-spacing:-.02em;font-variation-settings:"opsz" 72;color:var(--v-ink);text-decoration:none;overflow-wrap:anywhere}
.lpc-s{font-size:16px;color:var(--v-mut)}
.lpc-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lpc-btns .btnp{height:56px;padding:0 28px;border-radius:18px;font-size:16px;width:auto}
.lpc-btns .btnl{height:56px;border-radius:18px}
.lpc-secs{display:flex;flex-direction:column;gap:18px;padding-top:26px;min-width:0}
.lpc-k{font-size:14px;font-weight:600;color:var(--v-ink2)}
.lpc-sec{display:flex;flex-direction:column;gap:6px;color:var(--v-ink);text-decoration:none}
.lpc-sec > span{display:flex;justify-content:space-between;gap:10px;font-size:15px}
.lpc-sec b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lpc-sec small{font-size:15px;color:var(--v-mut);white-space:nowrap}
.lpc-sec > i{display:block;height:8px;border-radius:5px;background:#EEF1F6;overflow:hidden}
.lpc-sec > i > i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#00C2FF,#0062FE)}
.lpc-sec:hover b{color:var(--v-blue)}
.lpc-more{font-size:14px;font-weight:600;color:var(--v-blue);text-decoration:none}
/* плитки предметов и инструментов: 240 / 216, рисунок растягивается */
html.pc6 .h6learn{align-content:start}
html.pc6 .h6learn .h6grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
html.pc6 .h6learn .h6tile{height:240px}
html.pc6 .h6learn .h6tile .art{height:184px}
html.pc6 .h6learn .h6tile .art > svg{height:184px}
html.pc6 .h6learn .h6plus-ic{height:184px}
html.pc6 .art > img[src*="anatomy-cover"]{width:116%!important;right:-6%!important;top:-18%!important}
html.pc6 .h6learn .h6tile:hover{box-shadow:0 0 0 2px rgba(0,98,254,.25),var(--v6-tile-shadow)}
html.pc6 .h6add{height:60px;border-radius:22px}
html.pc6 .h6hello{padding:0}
html.pc6 .h6hello .ttl{font-size:36px}
html.pc6 .h6learn .h6hello + .h6grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
html.pc6 .h6learn .h6hello + .h6grid .h6tile{height:216px}
html.pc6 .h6learn .h6hello + .h6grid .h6tile .art,html.pc6 .h6learn .h6hello + .h6grid .h6tile .art > svg{height:160px}
html.pc6 .h6sched{padding:18px 24px;border-radius:28px}
@media (max-width:1279px){
  .lpc-cur{grid-template-columns:minmax(220px,320px) minmax(0,1fr);padding-right:28px;gap:16px 28px}
  .lpc-art{grid-row:1 / span 2}
  .lpc-secs{grid-column:2;padding-top:0;padding-bottom:20px}
  .lpc-t{font-size:44px}
  html.pc6 .h6learn .h6hello + .h6grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}


/* ============ 7. экраны инструментов (body.t6): шапка в первом ряду, дальше – колонки (V6_9_2_22a…28) ============ */
html.pc6 body.t6 .main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
html.pc6 body.t6 .main > *{min-width:0}
html.pc6 body.t6 .main > .head.h6tool,html.pc6 body.t6 .main > .h6tt{grid-row:1;grid-column:1 / -1;margin:0}
html.pc6 body.t6 .main > .head:not(.h6tool),html.pc6 body.t6 .main > .lecwarn{grid-column:1 / -1}
html.pc6 body.t6 .main > :last-child:nth-child(odd){grid-column:1 / -1}
html.pc6 body.t6 .card{border-radius:28px;padding:24px 26px}
/* карточки: «на сегодня» и прогресс слева (460), колоды справа */
html.pc6 body.t6[data-route=cards] .main{grid-template-columns:minmax(0,460fr) minmax(0,880fr)}
html.pc6 body.t6[data-route=cards] .main > .blue{grid-column:1;grid-row:2;min-height:200px}
html.pc6 body.t6[data-route=cards] .main > .card:has(.bar){grid-column:1;grid-row:3}
html.pc6 body.t6[data-route=cards] .main > .card:has(.list){grid-column:2;grid-row:2 / span 3}
html.pc6 body.t6[data-route=cards] .main > :last-child:nth-child(odd):not(.card:has(.list)){grid-column:1}
/* правка 21.10 (п. 18): страница не листается – колоды листаются внутри своей карточки; слева под прогрессом – «как пользоваться» */
html.pc6 body.t6[data-route=cards] .main{height:calc(100vh - 140px - var(--sat));min-height:540px;grid-template-rows:auto auto auto auto minmax(0,1fr)}
html.pc6 body.t6[data-route=cards] .main > .blue{min-height:0;padding:20px 26px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:2px;align-items:end}
html.pc6 body.t6[data-route=cards] .main > .blue > *{grid-column:1;margin:0}
html.pc6 body.t6[data-route=cards] .main > .blue > .btn{grid-column:2;grid-row:2 / span 2;align-self:end;margin:0!important}
html.pc6 body.t6[data-route=cards] .main > .blue .big{font-size:56px;line-height:1.05}
html.pc6 body.t6[data-route=cards] .main > .card:not(.c-how):not(.c-decks):last-child{padding:16px 22px;gap:10px}
html.pc6 body.t6[data-route=cards] .c-hint{display:none}
html.pc6 body.t6[data-route=cards] .c-how{display:flex;grid-column:1;grid-row:4;gap:10px;padding:20px 26px}
html.pc6 body.t6[data-route=cards] .c-how-l{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.4;color:#56627E}
html.pc6 body.t6[data-route=cards] .c-how-l li::marker{color:#0062FE}
html.pc6 body.t6[data-route=cards] .main > .card.c-decks{grid-column:2;grid-row:2 / -1;align-self:stretch;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C9D6EE transparent}
html.pc6 body.t6[data-route=cards] .main > .card:not(.c-how):not(.c-decks):last-child{grid-column:1;grid-row:5}
/* презентации: список во всю ширину, вопросы темы – в две колонки */
html.pc6 body.t6[data-route=slides] .main > section,html.pc6 body.t6[data-route=lecture] .main > section{grid-column:1 / -1}
html.pc6 body.t6[data-route=slides] .sltopic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html.pc6 body.t6[data-route=slides] .sltopic > .sltopic-h{grid-column:1 / -1}
html.pc6 body.t6[data-route=slides] .slq{height:100%;justify-content:flex-start;align-content:flex-start}
/* расписание: даты и план слева, форма справа */
html.pc6 body.t6[data-route=schedule] .main > section{grid-column:1}
html.pc6 body.t6[data-route=schedule] .main > [data-sform]{grid-column:2;grid-row:2 / span 3}
/* доска, выбор темы (V6_9_2_23): слева 420 – «продолжить» и разделы, справа 920 – вопросы выбранного раздела в две колонки */
html.pc6 body.t6[data-route=board] .main{grid-template-columns:minmax(0,420fr) minmax(0,920fr);grid-template-rows:auto;align-items:start}
html.pc6 body.t6[data-route=board] .main > .bdcont,html.pc6 body.t6[data-route=board] .main > .bdpick{grid-column:1}
html.pc6 body.t6[data-route=board] .main > .bdqs{grid-column:2;grid-row:2 / span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;align-content:start}
/* страница не листается (1440×900 и 1280×800): колонки по высоте окна, список вопросов листается внутри своей карточки, разделы – внутри своей */
html.pc6 body[data-route=board] .app{padding-bottom:24px}
html.pc6 body[data-route=board] .shell{min-height:0}
html.pc6 body.t6[data-route=board] .main{height:max(520px,calc(100vh - 124px - var(--sat)));grid-template-rows:auto auto minmax(0,1fr);align-items:stretch}
html.pc6 body.t6[data-route=board] .main > .bdcont{grid-row:2}
html.pc6 body.t6[data-route=board] .main > .bdpick{grid-row:3;min-height:0;overflow:hidden;padding:20px 22px}
html.pc6 body.t6[data-route=board] .bdsecs{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
html.pc6 body.t6[data-route=board] .main > .bdqs{min-height:0;grid-auto-rows:max-content;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
html.pc6 body.t6[data-route=board] .bdqh{position:sticky;top:-24px;z-index:1;margin:-24px -26px 4px;padding:24px 26px 8px;background:#fff}
html.pc6 body.t6[data-route=board] .bdqs > .bdqh,html.pc6 body.t6[data-route=board] .bdqs > .bdsub > small{grid-column:1 / -1}
html.pc6 body.t6[data-route=board] .bdqs > .bdqh{margin-bottom:4px}
html.pc6 body.t6[data-route=board] .bdqs > .bdsub{display:contents}
html.pc6 body.t6[data-route=board] .bdsec{min-height:64px;padding:8px 22px;border-radius:22px}
html.pc6 body.t6[data-route=board] .bdsec b{font-size:17px}
/* 3D-атлас: сцена слева, переключатель и подпись кости справа (860 + 480) */
html.pc6 body.t6[data-route=atlas] .main > [data-atlas]{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:16px 20px;align-items:start}
html.pc6 body.t6[data-route=atlas] [data-atlas] > .atl-stage{grid-column:1;grid-row:1 / -1;height:clamp(380px,calc(100vh - 388px - var(--sat)),640px)}
/* правая колонка ровно в высоту сцены: режим, отделы, карточка кости (прокрутка внутри), подпись авторов */
html.pc6 body.t6[data-route=atlas] [data-atlas-full]{grid-template-rows:auto auto auto minmax(0,1fr) auto;height:calc(clamp(380px,calc(100vh - 388px - var(--sat)),640px) + 48px)}
html.pc6 body.t6[data-route=atlas] [data-atlas] > .atl-chips{flex-wrap:wrap;overflow:visible}
html.pc6 body.t6[data-route=atlas] [data-atlas-full] > .atl-info{min-height:0;max-height:100%;overflow:auto}
html.pc6 body.t6 .card.atl-note{padding:12px 20px}
html.pc6 body.t6[data-route=atlas] [data-atlas] > :not(.atl-stage){grid-column:2}
html.pc6 body.t6[data-route=atlas] [data-atlas] > .atl-credit{grid-column:2;grid-row:5} /* под карточкой кости, колонка – в высоту сцены */
/* внутри прохождения (карточка, термин, доска с вопросом, лекция): узкая колонка по центру, как в макетах */
html.pc6 body.t6[data-route$="-in"] .main{grid-template-columns:minmax(0,880px);justify-content:center}
/* правка 21.10 (п. 17): запись лекции – шапка и колонка слева, как у списка «голос → конспект» и других инструментов, а не по центру со сдвигом вправо */
html.pc6 body.t6[data-route=lecture-in] .main{justify-content:start}
html.pc6 body.t6[data-route=board-in] .main{grid-template-columns:minmax(0,1fr)}
/* «репетитор у доски» с вопросом (V6_9_2_23): доска – основная часть слева (клетка 140×120, board.js), справа узкая колонка 360
   (шаг, кнопки, «спроси у доски», «проверь себя»); раскладка колонок – в board.css (≥900), здесь только вид листа и карточек */
html.pc6 body[data-route=board-in] .bd > .bd-sheet{border-radius:32px;border-color:var(--v6-edge);box-shadow:var(--v6-card-shadow)}
/* правки 21.10 (вечер): доска почти на весь экран ноутбука и страница не листается – высота доски = окно минус шапка (1440×900 и 1280×800);
   справа большая белая карточка (текст репетитора крупно, кнопки и «спроси у доски» внизу), длинное листается внутри неё;
   кнопка-ручка на стыке сворачивает колонку – доска растягивается на всю ширину (board.js перерисовывает клетку под новую форму) */
html.pc6 body[data-route=board-in] .app{padding-bottom:24px}
html.pc6 body[data-route=board-in] .shell{min-height:0}
html.pc6 body[data-route=board-in] .main{gap:12px}
html.pc6 body[data-route=board-in] .bd.bd-live:not(.bd-txt){--bd-side:440px;position:relative;height:max(440px,calc(100vh - 210px - var(--sat)));grid-template-columns:minmax(0,1fr) var(--bd-side);grid-template-rows:minmax(0,1fr);column-gap:20px;row-gap:0;align-items:stretch}
html.pc6 body[data-route=board-in] .bd.bd-live.bd-folded:not(.bd-txt){grid-template-columns:minmax(0,1fr) 0;column-gap:0}
html.pc6 body[data-route=board-in] .bd.bd-live.bd-folded:not(.bd-txt) > .bd-side{display:none}
html.pc6 body[data-route=board-in] .bd.bd-live:not(.bd-txt) > .bd-sheet{height:100%;min-height:0;display:flex;flex-direction:column;padding:10px 10px 30px}
html.pc6 body[data-route=board-in] .bd .bd-svg{flex:1 1 0;height:0;min-height:0;width:100%}
html.pc6 body[data-route=board-in] .bd-multi .bd-sheet{padding-bottom:46px}
html.pc6 body[data-route=board-in] .bd.bd-live:not(.bd-txt) > .bd-side{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;gap:12px;padding:22px 22px 20px;background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);border-radius:32px}
html.pc6 body[data-route=board-in] .bd .bd-say{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 0 0;border-radius:0;background:none;box-shadow:none;color:var(--v-ink,#061331);font-size:22px;line-height:1.55;gap:14px;scrollbar-width:thin}
html.pc6 body[data-route=board-in] .bd .bd-say::before{display:none}
html.pc6 body[data-route=board-in] .bd .bd-chip{position:sticky;top:0;z-index:1;flex:none;background:var(--v-ice,#EEF4FF);border:0;color:var(--v-blue,#0062FE);height:30px;padding:0 14px}
html.pc6 body[data-route=board-in] .bd .bd-saytext .bd-note{color:var(--v-mut,#667085)}
html.pc6 body[data-route=board-in] .bd .bd-answer{max-height:min(200px,22vh);overflow-y:auto;overscroll-behavior:contain}
html.pc6 body[data-route=board-in] .bd .bd-tutor{background:var(--v-ice,#EEF4FF)}
html.pc6 body[data-route=board-in] .bd .bd-check{flex:none;max-height:min(280px,34vh);overflow-y:auto;overscroll-behavior:contain;background:var(--v-ice,#EEF4FF);border-radius:24px}
html.pc6 body[data-route=board-in] .bd .bd-ask input{border-radius:16px;border-color:var(--v6-edge);background:var(--v6-bg,#F4F6FA)}
html.pc6 body[data-route=board-in] .bd .bd-ask .bd-btn.round{border-radius:16px}
html.pc6 body[data-route=board-in] .bd .bd-btn{border-radius:16px}
html.pc6 body[data-route=board-in] .bd-fold{position:absolute;z-index:3;top:50%;right:calc(var(--bd-side) - 8px);width:36px;height:36px;margin-top:-18px;padding:0;border:1px solid var(--v6-edge);border-radius:50%;background:#fff;color:var(--v-blue,#0062FE);box-shadow:0 6px 18px rgba(20,40,120,.16);display:grid;place-items:center;cursor:pointer}
html.pc6 body[data-route=board-in] .bd-fold:hover{background:var(--v-ice,#EEF4FF)}
html.pc6 body[data-route=board-in] .bd-fold:focus-visible{outline:2px solid var(--v-blue,#0062FE);outline-offset:2px}
html.pc6 body[data-route=board-in] .bd.bd-folded .bd-fold{right:10px}
html.pc6 body[data-route=board-in] .bd.bd-folded .bd-fold svg{transform:scaleX(-1)}
/* окно ниже 660: страница листается, доска не ниже 440 (max() в высоте .bd) */

/* ============ 8. конспект вопроса (V6_9_2_08g): шапка страницы + полоса, конспект – одна широкая белая карточка (поля 140),
   внизу пара карточек: «ИИ-репетитор» (строка репетитора стала карточкой) и «проверь себя» (ночная с контурной «5») ============ */
html.pc6 .v6q{position:relative;max-width:none;width:auto;margin:0;background:none;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-auto-flow:row dense;gap:20px;align-items:start;padding-bottom:0}
html.pc6 .v6q > *{grid-column:1 / -1;min-width:0}
html.pc6 .v6qtop{position:relative;top:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;gap:16px;z-index:auto}
html.pc6 .v6qtop .head{min-height:72px;gap:16px;padding-right:420px}
html.pc6 .v6qtop .head > .iconbtn{width:52px;height:52px;border-radius:18px}
html.pc6 .v6qtop .head .t small{font-size:13px;white-space:nowrap}
html.pc6 .v6qtop .head .t b{font-size:36px;font-weight:500}
html.pc6 .v6bar{height:4px;background:#E3EAF6}
/* режим «с объяснениями | строго» – справа в ряду заголовка */
html.pc6 .v6q .v6mode{position:absolute;right:0;top:12px;width:auto;display:inline-flex;padding:5px;background:rgba(6,19,49,.06);z-index:2}
html.pc6 .v6q .v6mode button{height:40px;padding:0 18px;font-size:14px}
/* конспект – белая карточка 1360 с полями 140 */
html.pc6 .v6qbody{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);border-radius:32px;padding:52px clamp(40px,10vw,140px) 56px}
html.pc6 .v6qbody .v6qhd{gap:12px}
html.pc6 .v6utop{padding:0 4px}
html.pc6 .v6tx,html.pc6 .v6short{font-size:18px;line-height:1.65}
html.pc6 .v6qbody .v6blk h3{font-size:21px}
/* хвост: шпаргалка, «проверь себя», действия – правая колонка; строка репетитора – карточка слева */
html.pc6 .v6tail{grid-column:2;gap:16px}
html.pc6 .v6q:not(:has(> .v6ask)) > .v6tail{grid-column:1 / -1}
html.pc6 .v6acc{background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);border-radius:24px}
html.pc6 .v6acc summary{padding:18px 22px}
html.pc6 .v6check{min-height:230px;border-radius:32px;padding:30px;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:18px;background:radial-gradient(90% 90% at 30% 20%,#0062FE 0%,#004FD1 50%,#061331 100%);box-shadow:0 24px 50px rgba(6,19,49,.22)}
html.pc6 .v6check::after{content:"5";position:absolute;right:-10px;top:-96px;font:italic 500 300px/1 var(--serif);font-variation-settings:"opsz" 72;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);letter-spacing:-.04em;pointer-events:none}
html.pc6 .v6check::before{content:"";position:absolute;right:-60px;top:-60px;width:280px;height:280px;border-radius:50%;background:#00C2FF;filter:blur(90px);opacity:.3;pointer-events:none}
html.pc6 .v6check > *{position:relative;z-index:1}
html.pc6 .v6check-t b{font-family:var(--serif);font-style:italic;font-weight:500;font-size:34px;line-height:1.05;letter-spacing:-.02em;max-width:330px}
html.pc6 .v6check-t span{font-size:14px;padding-top:8px}
html.pc6 .v6check-b{height:52px;padding:0 24px;border-radius:18px}
html.pc6 .v6acts{justify-content:flex-start}
html.pc6 .v6report{align-self:flex-start}
html.pc6 .v6know{align-self:flex-start;padding:0}
html.pc6 .v6ask{grid-column:1;position:relative;bottom:auto;margin:0;height:auto;min-height:230px;border-radius:32px;padding:30px 24px 24px;display:grid;grid-template-columns:minmax(0,1fr) 48px 48px;align-content:end;gap:10px;background:var(--v-ice);border:1px solid #DCE8FF;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.pc6 .v6ask::before{content:"ИИ-репетитор";grid-column:1 / -1;align-self:start;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--v-ink)}
html.pc6 .v6ask::after{content:"объяснит проще, даст пример, проверит по этому конспекту – и нарисует схему у доски";grid-column:1 / -1;grid-row:2;font-size:15px;line-height:1.45;color:var(--v-ink2);margin-bottom:auto}
html.pc6 .v6ask-in{grid-row:3;height:52px;border-radius:18px;background:#fff;padding:0 16px;font-size:15px;box-shadow:0 1px 2px rgba(6,19,49,.05)}
html.pc6 .v6ask-mic,html.pc6 .v6ask-go{grid-row:3;width:48px;height:52px;border-radius:18px}
html.pc6 .v6ask-mic{background:#fff}
html.pc6 .v6ask-in:hover{color:var(--v-mut)}

/* конец конспекта внутри карточки (макет V6_9_2_08g, Q6_PC_CARD): мини-шпаргалка серой плашкой, пара карточек 230 px, «нашли ошибку?» по центру */
html.pc6 .v6modebar{position:absolute;right:0;top:12px;z-index:2;display:flex;align-items:center;gap:10px}
html.pc6 .v6q .v6modebar .v6mode{position:static}
html.pc6 .v6nextq{width:50px;height:50px;background:rgba(6,19,49,.06)}
html.pc6 .v6qbody{gap:26px}
html.pc6 .v6qbody .v6qhd{gap:10px}
html.pc6 .v6qbody .v6qhd .v6h1{font-size:34px;line-height:1.15}
html.pc6 .v6qbody .v6meta{font-size:14px;gap:8px}
html.pc6 .v6qbody .v6short{padding:18px 22px}
html.pc6 .v6qbody .v6blk h3{font-size:22px;letter-spacing:-.015em}
html.pc6 .v6qbody .v6tx ul,html.pc6 .v6qbody .v6tx ol,html.pc6 .v6qbody .v6ul{padding-left:24px}
html.pc6 .v6qbody .v6call{padding:14px 18px;border-radius:18px;font-size:16px;line-height:1.55}
html.pc6 .v6qbody .v6lab{font-size:14px}
html.pc6 .v6qbody .v6xq{border-radius:20px;padding:8px 20px 6px}
html.pc6 .v6qbody .v6xq > .v6lab{padding:12px 0 2px}
html.pc6 .v6qbody .v6xq summary{padding:14px 0;font-size:16px}
html.pc6 .v6qbody .v6xq-a{font-size:16px;line-height:1.55;padding:0 0 14px}
html.pc6 .v6qbody > .v6tail{display:contents}
html.pc6 .v6qbody .v6acc{background:#F4F6FA;border:0;box-shadow:none;border-radius:18px}
html.pc6 .v6qbody .v6acc summary{padding:18px 20px;font-size:17px}
html.pc6 .v6qbody .v6acc .v6ul{padding:0 20px 18px 44px;font-size:17px}
html.pc6 .v6pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
html.pc6 .v6tc{position:relative;overflow:hidden;height:230px;border-radius:28px;background:#EEF4FF;padding:28px 30px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;color:#061331;cursor:pointer;outline-offset:3px}
html.pc6 .v6tc-glow{position:absolute;right:-40px;top:-40px;width:200px;height:200px;border-radius:50%;background:#9CC4FF;filter:blur(60px);opacity:.6;pointer-events:none}
html.pc6 .v6tc-bub{position:absolute;right:22px;top:18px;pointer-events:none}
html.pc6 .v6tc-s{position:relative;font-size:14px;color:#3A4A6B}
html.pc6 .v6tc-t{position:relative;font:italic 500 34px/1.05 var(--serif);font-variation-settings:"opsz" 72;letter-spacing:-.02em}
html.pc6 .v6tc-chips{position:relative;display:flex;gap:8px;margin-top:auto}
html.pc6 .v6tc-chips button{height:40px;padding:0 16px;border:0;border-radius:999px;background:#fff;color:#061331;font:500 14.5px var(--sans);cursor:pointer;white-space:nowrap}
html.pc6 .v6tc-chips button:hover{box-shadow:0 2px 8px rgba(20,40,120,.14)}
html.pc6 .v6qbody .v6check{height:230px;min-height:230px;box-sizing:border-box;border-radius:28px;padding:28px 30px;justify-content:flex-start;gap:8px;box-shadow:0 20px 44px rgba(6,19,49,.26)}
html.pc6 .v6qbody .v6check::before{right:-60px;top:-60px;width:300px;height:300px;filter:blur(90px);opacity:.35}
html.pc6 .v6qbody .v6check::after{right:-6px;top:-64px}
html.pc6 .v6qbody .v6check-t{display:flex;flex-direction:column;gap:8px;flex:none}
html.pc6 .v6qbody .v6check-t span{padding:0;font-size:14px;opacity:.8}
html.pc6 .v6qbody .v6check-b{margin-top:auto;height:52px;padding:0 30px;border-radius:18px}
html.pc6 .v6qbody .v6know,html.pc6 .v6qbody .v6report{align-self:center;padding:0}
html.pc6 .v6qbody .v6know{min-height:44px}


/* ============ 9. тест (V6_9_2_13): вопрос и варианты слева 880, «почему» и «дальше» справа 460 ============ */
html.pc6 .v6t{gap:20px}
html.pc6 .v6t .v5segs{gap:8px}
html.pc6 .v6t .v5segs i{height:6px}
html.pc6 .v6t .v5tcols{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
html.pc6 .v6t .v5tcols > .v5photo{max-width:880px}
html.pc6 .v6t .v5tcard{display:grid;grid-template-columns:minmax(0,880fr) minmax(0,460fr);gap:20px;align-items:start}
html.pc6 .v6t .v5tcard > *{grid-column:1;min-width:0}
html.pc6 .v6t .v5tq{min-height:150px;border-radius:28px;padding:30px 34px;justify-content:center}
html.pc6 .v6t .v5tq-q{font-size:28px;line-height:1.25}
html.pc6 .v6t .v5opts{gap:12px}
html.pc6 .v6t .v5why{grid-column:2;grid-row:1 / span 2;min-height:380px;border-radius:28px;padding:30px 32px}
html.pc6 .v6t .v5why .v5why-t{font-size:17px;line-height:1.65}
html.pc6 .v6t .v5next{grid-column:2;grid-row:3;height:68px;border-radius:22px;font-size:17px;align-self:start}
html.pc6 .v6t .v5report{grid-column:2;grid-row:1;align-self:start;justify-self:start}
html.pc6 .v6t .v5tcard:has(.v5why) .v5report{grid-row:4;justify-self:center}

/* ============ 10. итог проверки (V6_9_2_14): результат 880 слева, тема и кнопки 460 справа ============ */
html.pc6 .v6r,html.pc6 .v5e.v6e{max-width:none}
html.pc6 .v6r{display:grid;grid-template-columns:minmax(0,880fr) minmax(0,460fr);gap:20px;align-items:start}
html.pc6 .v6r > *{grid-column:1 / -1;min-width:0}
html.pc6 .v6r > .v5res{grid-column:1;grid-row:2 / span 3;min-height:440px;border-radius:40px;padding:48px}
html.pc6 .v6r > .v5topic{grid-column:2;grid-row:2;min-height:180px;border-radius:32px;padding:32px;justify-content:center}
html.pc6 .v6r > .v5btns{grid-column:2;grid-row:3;display:flex;flex-direction:column;gap:12px}
html.pc6 .v6r > .v5btns > *{width:100%}
html.pc6 .v6r > .v5btns .btnp{height:68px;border-radius:22px;font-size:17px}
html.pc6 .v6r .v5res-big{font-size:150px}
html.pc6 .v6r .v5res-msg{font-size:20px;line-height:1.45;max-width:600px}
html.pc6 .v6r:not(:has(> .v5topic)) > .v5btns{grid-row:2}

/* ============ 11. работа над ошибками (V6_9_2_15): карточки в две колонки ============ */
html.pc6 .v5e.v6e{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
html.pc6 .v5e.v6e > *{min-width:0}
html.pc6 .v5e.v6e .v5err{border-radius:32px;padding:26px 28px}
html.pc6 .v5e.v6e .v5opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
html.pc6 .v5e.v6e .v5err-why{grid-column:1 / -1}
html.pc6 .v5e.v6e .v5egrp[open]{grid-column:1 / -1}
html.pc6 .v5empty.v6e{max-width:880px}


/* ============ 12. прогресс (V6_9_4_01): заголовок слева, переключатель и «поделиться» справа; кольцо 520 + плитки и неделя 820 ============ */
html.pc6 body[data-route=progress] .me6-page,html.pc6 body[data-route=zachetka] .me6-page{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,820fr);gap:20px;align-items:start}
html.pc6 body[data-route=progress] .me6-page > *,html.pc6 body[data-route=zachetka] .me6-page > *{grid-column:1 / -1;min-width:0}
html.pc6 .me6-page > .me6-top{grid-row:1;padding-top:0;min-height:72px}
html.pc6 .me6-page > .me6-top .ttl{font-size:36px}
html.pc6 .me6-page > .me6-seg{grid-row:1;grid-column:2;justify-self:end;align-self:center;margin-right:72px;display:inline-flex;width:auto;padding:5px;background:rgba(6,19,49,.06)}
html.pc6 .me6-page > .me6-seg a{height:46px;padding:0 38px;flex:none;font-size:15px}
html.pc6 .me6-page > .me6-top .sqb{width:58px;height:58px}
html.pc6 body[data-route=progress] .me6-hero{grid-column:1;grid-row:2;align-self:stretch;min-height:380px;border-radius:32px;padding:32px;justify-content:center}
html.pc6 body[data-route=progress] .me6-tiles{grid-column:2;grid-row:2;gap:20px;align-self:start}
html.pc6 body[data-route=progress] .me6-tiles > *{min-height:140px;border-radius:28px;padding:28px 32px;justify-content:center}
html.pc6 body[data-route=progress] .me6-tiles b{font-size:48px}
html.pc6 body[data-route=progress] .me6-page > .me6-card:has(.me6-bars){grid-column:2;grid-row:2;margin-top:160px;border-radius:32px;padding:24px 36px}
html.pc6 body[data-route=progress] .me6-bars{height:150px}
html.pc6 body[data-route=progress] .me6-page > .me6-card:has(.m5-pl){grid-column:1;grid-row:3;align-self:stretch;border-radius:32px;padding:30px}
html.pc6 body[data-route=progress] .me6-page > .me6-errs{grid-column:1;grid-row:4}
/* правка 21.10 (п. 22): история билетов – справа от «по разделам», а не внизу на всю ширину */
html.pc6 body[data-route=progress] .me6-page > .m5-list0{grid-column:2;grid-row:3;align-self:stretch}
/* правка 21.10 (п. 20): прогресс – один экран; «по разделам» и «история билетов» листаются внутри своих карточек, как зачётка */
html.pc6 body[data-route=progress] .me6-page{height:calc(100vh - 140px - var(--sat));min-height:600px;grid-template-rows:auto auto minmax(0,1fr) auto}
html.pc6 body[data-route=progress] .me6-hero{min-height:0;padding:24px 32px}
html.pc6 body[data-route=progress] .me6-tiles > *{min-height:108px;padding:16px 28px}
html.pc6 body[data-route=progress] .me6-tiles b{font-size:40px}
html.pc6 body[data-route=progress] .me6-page > .me6-card:has(.me6-bars){margin-top:128px;padding:18px 32px}
html.pc6 body[data-route=progress] .me6-bars{height:90px}
html.pc6 body[data-route=progress] .me6-page > .me6-card:has(.m5-pl),html.pc6 body[data-route=progress] .me6-page > .m5-list0{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C9D6EE transparent;padding:26px 30px}
html.pc6 body[data-route=progress] .me6-page > .me6-card:has(.m5-pl) > *,html.pc6 body[data-route=progress] .me6-page > .m5-list0 > *{flex:none}
html.pc6 body[data-route=progress] .me6-page > .me6-errs{grid-column:1 / -1;grid-row:4}

/* ============ 13. зачётка (V6_9_4_06): чипы предметов, «бумага» 900 слева, сводка по предмету 440 справа (zachAsidePc) ============ */
html.pc6 body[data-route=zachetka] .me6-page{grid-template-columns:minmax(0,900fr) minmax(0,440fr)}
html.pc6 body[data-route=zachetka] .me6-paper{grid-column:1;grid-row:3;border-radius:32px;padding:36px 48px 0}
html.pc6 body[data-route=zachetka] .me6-page > .zpc{grid-column:2;grid-row:3}
/* правка 21.10 (п. 24): зачётка не длиннее окна – листается сама «бумага» (шапка листа и таблица едут вместе), строка «экзамен» прилипает к низу листа, сводка справа стоит на месте */
html.pc6 body[data-route=zachetka] .me6-paper{align-self:start;height:max(420px,calc(100vh - 304px - var(--sat)));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#C9D6EE transparent;display:flex;flex-direction:column}
html.pc6 body[data-route=zachetka] .me6-paper > *{flex:none}
html.pc6 body[data-route=zachetka] .me6-paper .me6-zrw.ex{position:sticky;bottom:0;margin-top:auto;z-index:2;border-bottom:0}
html.pc6 body[data-route=zachetka] .me6-page > .zpc{align-self:start;position:sticky;top:calc(100px + var(--sat));gap:16px}
html.pc6 body[data-route=zachetka] .zpc .blue{min-height:190px}
html.pc6 body[data-route=zachetka] .zpc .m5-hint{padding:0}
html.pc6 body[data-route=zachetka] .me6-page:not(:has(> .me6-zchips)) .me6-paper{height:max(420px,calc(100vh - 246px - var(--sat)))}
html.pc6 body[data-route=zachetka] .me6-page:not(:has(> .me6-zchips)) > .me6-paper,html.pc6 body[data-route=zachetka] .me6-page:not(:has(> .me6-zchips)) > .zpc{grid-row:2}
html.pc6 body[data-route=zachetka] .me6-zchips{margin:0;padding:0;flex-wrap:wrap}
html.pc6 .me6-zrw{grid-template-columns:minmax(0,1fr) 166px 280px;gap:16px;padding:22px 0}
html.pc6 .me6-zrw.hd{padding:0 0 12px}
html.pc6 .me6-zrw.ex{margin:0 -48px;padding:22px 48px}
html.pc6 .me6-zrw b{font-size:18px}
/* 1024–1279 (QA-ПК P1-3): колонка «раздел» не уже 150 px – отметка и подпись уже, поля бумаги меньше; названия не ломаются по буквам */
@media (max-width:1279px){
  html.pc6 body[data-route=zachetka] .me6-paper{padding:32px 28px 0}
  html.pc6 .me6-zrw{grid-template-columns:minmax(150px,1fr) 100px 180px;gap:12px}
  html.pc6 .me6-zrw.ex{margin:0 -28px;padding:22px 28px}
  html.pc6 .me6-zrw b{font-size:17px;overflow-wrap:normal;word-break:normal;hyphens:manual}
  html.pc6 .zpc-n{font-size:56px}
  html.pc6 .zpc-n small{display:block;margin:8px 0 0}
}
html.pc6 .me6-ph b{font-size:30px}
html.pc6 .me6-pname{font-size:26px}
.zpc{display:flex;flex-direction:column;gap:20px;min-width:0}
.zpc .blue{border-radius:32px;padding:28px;gap:12px;min-height:250px;justify-content:center}
.zpc-k{font-size:13px;opacity:.85}
.zpc-n{font-size:72px;font-weight:700;letter-spacing:-.05em;line-height:1}
.zpc-n small{font-size:18px;font-weight:500;letter-spacing:-.01em;margin-left:10px}
.zpc .m5-chips{display:flex;gap:8px;flex-wrap:wrap}
.zpc .w6{border-radius:32px;padding:28px;display:flex;flex-direction:column;gap:18px}
.zpc .w6 > b{font-size:20px;font-weight:700}
.zpc-l{display:flex;flex-direction:column;gap:8px}
.zpc-l > span{display:flex;justify-content:space-between;font-size:15px}
.zpc-l > span b{font-weight:600}
.zpc-l > i{display:block;height:8px;border-radius:5px;background:#E6EFFF;overflow:hidden}
.zpc-l > i > i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#00C2FF,#0062FE)}
.zpc-f{display:flex;justify-content:space-between;align-items:baseline;font-size:15px;color:var(--v-mut)}
.zpc-f b{font-size:28px;color:var(--v-blue);font-weight:700}

/* ============ 14. профиль (V6_9_5_01): три колонки по 440 – я и статистика · учёба · помощь ============ */
html.pc6 body[data-route=profile] .me6-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start;grid-template-rows:auto minmax(320px,1fr) auto auto}
html.pc6 body[data-route=profile] .me6-page > *{min-width:0;margin-top:0}
/* дети по порядку: 1 заголовок · 2 «я» · 3 подпись · 4 доступ · 5 подпись · 6 план · 7 учёба · 8 подпись · 9 помощь · 10 подпись внизу.
   как в макете: «я» и доступ · план и учёба · помощь; подписи групп на ПК не нужны (карточки и так разведены колонками) */
html.pc6 body[data-route=profile] .me6-page > :nth-child(1){grid-column:1 / -1;grid-row:1}
html.pc6 body[data-route=profile] .me6-page > .cap{display:none}
html.pc6 body[data-route=profile] .me6-page > :nth-child(2){grid-column:1;grid-row:2;align-self:stretch;min-height:320px;border-radius:32px;padding:28px;justify-content:space-between}
html.pc6 body[data-route=profile] .me6-page > :nth-child(4){grid-column:1;grid-row:3;border-radius:32px;padding:24px 28px}
html.pc6 body[data-route=profile] .me6-page > :nth-child(6){grid-column:2;grid-row:2;align-self:stretch;border-radius:32px;padding:28px;justify-content:space-between}
html.pc6 body[data-route=profile] .me6-page > :nth-child(7){grid-column:2;grid-row:3;border-radius:32px}
html.pc6 body[data-route=profile] .me6-page > :nth-child(9){grid-column:3;grid-row:2 / span 2;border-radius:32px}
html.pc6 body[data-route=profile] .me6-page > :nth-child(10){grid-column:1 / -1;grid-row:4}
/* правка 21.10 (п. 21): «студенческий medcore» и «мой план» – по размеру соседних карточек (шрифт, отступы, высота) */
html.pc6 body[data-route=profile] .me6-page{grid-template-rows:auto auto auto auto}
html.pc6 body[data-route=profile] .me6-page > .me6-me,html.pc6 body[data-route=profile] .me6-page > .me6-plan{align-self:stretch;min-height:0;border-radius:28px;padding:20px 24px;gap:12px;justify-content:space-between}
html.pc6 body[data-route=profile] .me6-me .m5-ava{width:56px;height:56px;border-radius:20px}
html.pc6 body[data-route=profile] .me6-me .m5-ava svg{width:28px;height:28px}
html.pc6 body[data-route=profile] .me6-me .m5-meid{gap:14px}
html.pc6 body[data-route=profile] .me6-me .m5-meid b{font-size:24px}
html.pc6 body[data-route=profile] .me6-me .m5-meid span{font-size:13px}
html.pc6 body[data-route=profile] .me6-plan .m5-cardt{font-size:18px}

/* ============ 15. доступ (V6_9_5_07): плашка «сейчас» и окна цен в ряд, пакеты – три колонки ============ */
html.pc6 body[data-route=pricing] .me6-page{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
html.pc6 body[data-route=pricing] .me6-page > *{grid-column:1 / -1;min-width:0}
html.pc6 body[data-route=pricing] .me6-page > .me6-now{grid-column:1 / 3;border-radius:32px;padding:30px;justify-content:center}
html.pc6 body[data-route=pricing] .me6-page > .me6-now + .me6-wins{grid-column:3;align-self:center}
html.pc6 body[data-route=pricing] .me6-page > .me6-tier{grid-column:auto;border-radius:32px;padding:28px}
html.pc6 body[data-route=pricing] .me6-winrow{flex-wrap:wrap}
html.pc6 body[data-route=pricing] .me6-tier .m5-btn,html.pc6 body[data-route=pricing] .me6-tier > .pill{margin-top:auto}

/* ============ 16. добавить предмет (V6_9_2_01b): плитки по 3–4 в ряд, поиск ============ */
html.pc6 body[data-route=subjects] .me6-sgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
html.pc6 body[data-route=subjects] .me6-st{height:200px}
html.pc6 body[data-route=subjects] .me6-st .art,html.pc6 body[data-route=subjects] .me6-st .art > svg{height:136px}
html.pc6 body[data-route=subjects] .me6-find{max-width:560px}

/* ============ 17. мой план, вуз: формы – колонка 720 по центру ============ */
html.pc6 body[data-route=plan] .me6-page,html.pc6 body[data-route=uni] .main > *{max-width:880px}


/* ============ 18. онбординг, загрузка плана, «план готов» (V6_9_6_01a…g): центрированная белая карточка 720 на витрине, лого-пилюля слева сверху ============ */
html.pc6 .m5-onb.me6-show{margin:0 auto;width:100%;max-width:720px;min-height:0;padding:36px 48px 40px;border-radius:36px;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 60px rgba(20,40,120,.12);overflow:visible}
html.pc6 .m5-onb.me6-show > .me6-spots{display:none}
html.pc6 .m5-onb.me6-show::before{content:"medcore";position:fixed;left:40px;top:24px;height:60px;padding:0 20px 0 62px;border-radius:999px;display:flex;align-items:center;font:700 18px var(--sans);letter-spacing:-.02em;color:var(--v-ink);
  background:url(brand-v2/logo.png) 8px 50%/44px 44px no-repeat,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,.12);z-index:5}
html.pc6 .m5-onb.me6-show .ttl.me6-oh{font-size:40px}
html.pc6 .m5-onb.me6-show .m5-next{height:60px;border-radius:22px}
html.pc6 .m5-onb.me6-show.m5-load,html.pc6 .m5-onb.me6-show.me6-pready{margin-top:0}

html.pc6 .m5-onb.me6-show .m5-dots i{background:#E3EAF6}
html.pc6 .m5-onb.me6-show .m5-dots i.on{background:var(--v-blue)}
/* заставка ПК (V6_9_6_01): крупнее заголовок, кнопки-пилюли в ряд под ним */
html.pc6 .me6-splash .meet{top:470px}
html.pc6 .me6-splash .meet .t1{font-size:76px;letter-spacing:-.04em;line-height:1.05}
html.pc6 .me6-splash .meet .t2{font-size:26px;margin-top:10px}
html.pc6 .me6-splash .cta{flex-direction:row;justify-content:center;left:calc(50% - 220px);right:calc(50% - 220px);top:720px;bottom:auto}
html.pc6 .me6-splash .cta > *{flex:1;height:60px;border-radius:999px}
/* заставка ПК по V6_9_6_01 (QA-ПК): всё считается от середины окна, чтобы и 1440×900, и 1024×768 помещались.
   орб 260 с логотипом 120 – центр на 175 px выше середины; иконки вокруг него (позиции из макета, !important – поверх
   телефонных --dx/--dy из разметки); текст сразу под серединой, кнопки под ним; «как это работает» – карточка 560 по центру */
html.pc6 .me6-splash .bub{width:260px;margin-left:-130px}
html.pc6 .me6-splash .bub .logo{left:27%;top:27%;width:46%;height:46%}
html.pc6 .me6-splash.st1 .bub,html.pc6 .me6-splash.st2 .bub{animation-name:me6riseP}
@keyframes me6riseP{0%{opacity:1;top:100%;transform:scale(1.2)}55%{opacity:1;top:calc(50% - 330px);transform:scale(1.05)}100%{opacity:1;top:calc(50% - 305px);transform:scale(1)}}
html.pc6 .me6-splash .fly{top:calc(50% - 203px)}
html.pc6 .me6-splash .fly:nth-child(1 of .fly){--dx:-330px!important;--dy:40px!important;--s:1.36!important}
html.pc6 .me6-splash .fly:nth-child(2 of .fly){--dx:-215px!important;--dy:-80px!important;--s:1.14!important}
html.pc6 .me6-splash .fly:nth-child(3 of .fly){--dx:235px!important;--dy:-90px!important;--s:1.36!important}
html.pc6 .me6-splash .fly:nth-child(4 of .fly){--dx:340px!important;--dy:30px!important;--s:1.07!important}
html.pc6 .me6-splash .fly:nth-child(5 of .fly){--dx:-410px!important;--dy:-55px!important;--s:.95!important}
html.pc6 .me6-splash .fly:nth-child(6 of .fly){--dx:420px!important;--dy:120px!important;--s:.88!important}
html.pc6 .me6-splash .fly:nth-child(7 of .fly){--dx:-250px!important;--dy:112px!important;--s:.8!important}
html.pc6 .me6-splash .fly:nth-child(8 of .fly){--dx:235px!important;--dy:112px!important;--s:.95!important}
html.pc6 .me6-splash .meet{top:calc(50% - 4px)}
html.pc6 .me6-splash .meet .t2 br{display:none}
html.pc6 .me6-splash .meet .t2{font-size:28px;margin-top:16px}
html.pc6 .me6-splash .cta{top:calc(50% + 170px)}
html.pc6 .me6-splash .cta > :first-child{flex:none;padding:0 34px}
html.pc6 .me6-splash .cta > :last-child{flex:none;padding:0 56px}
html.pc6 .me6-splash .how{left:calc(50% - 280px);right:calc(50% - 280px);bottom:auto;top:calc(50% - 18px)}
html.pc6 .me6-splash.howon .how{top:calc(50% - 18px)}
/* пятна – как в макете и целиком в окне (контейнер заставки фиксирован на всё окно) */
html.pc6 .me6-splash .me6-spots{position:fixed;inset:0}
html.pc6 .me6-splash .me6-spots i:nth-child(1){left:calc(50% - 520px);top:-260px;right:auto;width:560px;height:560px;background:radial-gradient(closest-side,rgba(156,196,255,.6),rgba(156,196,255,0))}
html.pc6 .me6-splash .me6-spots i:nth-child(2){right:-160px;top:160px;left:auto;width:460px;height:460px;background:radial-gradient(closest-side,rgba(0,194,255,.3),rgba(0,194,255,0))}
html.pc6 .me6-splash .me6-spots i:nth-child(3){left:calc(50% - 120px);top:auto;bottom:-300px;right:auto;width:520px;height:520px;background:radial-gradient(closest-side,rgba(91,140,255,.25),rgba(91,140,255,0))}


/* ============ 19. шторка ИИ-репетитора на ПК (V6_9_2_08h): панель справа 500 под шапкой, конспект виден слева ============ */
html.pc6 .modal.v6sheet{place-items:stretch end;padding:108px 24px 24px;background:rgba(6,19,49,.16);z-index:40}
html.pc6 .modal .box.v6ts .v6ts-grip{visibility:hidden;height:2px}
html.pc6 .modal .box.v6ts{width:500px;max-width:500px;height:auto;border-radius:32px;box-shadow:0 30px 70px rgba(6,19,49,.22)}
@media (prefers-reduced-motion:no-preference){html.pc6 .modal.v6sheet.fresh .v6ts{animation:pc6side .26s cubic-bezier(.2,.8,.2,1)}}
@keyframes pc6side{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}


/* ============ 20. экзамен (V6_9_3_*; разметка e6* – экраны экзамена v6) ============ */
/* старт (V6_9_3_01): весь экран – ночной герой r40 1360×720, слева «твой экзаменатор» 104 и строгость, справа режим и «взять билет»,
   вместо шара – контурная «5» 560px, обрезанная краем героя */
html.pc6 .e6setup{position:relative;overflow:hidden;isolation:isolate;border-radius:40px;min-height:max(720px,calc(100vh - 140px - var(--sat)));padding:44px 56px 56px;color:#fff;
  background:radial-gradient(90% 90% at 30% 20%,#0062FE 0%,#004FD1 50%,#061331 100%);box-shadow:0 30px 60px rgba(6,19,49,.28);
  display:grid;grid-template-columns:minmax(0,1fr) 464px;grid-template-rows:auto minmax(0,1fr) auto auto auto auto;column-gap:56px;row-gap:14px;align-items:end}
html.pc6 .e6setup::before{content:"";position:absolute;right:-80px;top:-80px;width:460px;height:460px;border-radius:50%;background:#00C2FF;filter:blur(110px);opacity:.3;z-index:-1;pointer-events:none}
html.pc6 .e6setup::after{content:"5";position:absolute;right:-10px;top:-150px;font:italic 500 560px/1 var(--serif);font-variation-settings:"opsz" 72;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.55);letter-spacing:-.04em;z-index:-1;pointer-events:none}
html.pc6 .e6setup > *{min-width:0;margin:0}
html.pc6 .e6setup > .e6top{grid-column:1 / -1;grid-row:1;align-self:start;display:flex;align-items:center;gap:16px;color:rgba(255,255,255,.85);font-size:15px}
html.pc6 .e6setup > .e6top .sqb{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
html.pc6 .e6setup > .e6hero{grid-column:1;grid-row:2 / 5;align-self:end;align-items:flex-start;text-align:left;gap:12px;padding:0}
html.pc6 .e6setup .e6hero .e5orb{display:none}
html.pc6 .e6setup .e6ttl{font-family:var(--serif);font-style:italic;font-weight:500;font-size:104px;line-height:.98;letter-spacing:-.03em;color:#fff;max-width:720px;text-align:left}
html.pc6 .e6setup .e6desc{margin-top:14px}
html.pc6 .e6setup .e6desc,html.pc6 .e6setup .e6fcast{color:rgba(255,255,255,.85);font-size:16px;text-align:left;max-width:640px}
/* цифра прогноза на синей карточке – белая (была синей на синем, QA-ПК) */
html.pc6 .e6setup .e6fcast b{color:#fff;font-weight:700}
html.pc6 .e6setup > .e6seg{grid-column:1;grid-row:5 / 7;align-self:end;justify-self:start;display:inline-flex;padding:5px;background:rgba(255,255,255,.12)}
html.pc6 .e6setup > .e6seg button{height:48px;padding:0 24px;flex:none;color:rgba(255,255,255,.85);font-size:15px}
html.pc6 .e6setup > .e6seg button.on{background:#fff;color:#061331}
html.pc6 .e6setup > .e6resume{grid-column:2;grid-row:2;align-self:end;border-radius:28px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);box-shadow:none}
html.pc6 .e6setup > .e2free,html.pc6 .e6setup > .e5limit{grid-column:2;grid-row:3;border-radius:20px}
html.pc6 .e6setup > .e6two{grid-column:2;grid-row:4;display:grid;grid-template-columns:1fr 1fr;gap:10px}
html.pc6 .e6setup .e6mode{height:56px;border-radius:20px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:none}
html.pc6 .e6setup .e6mode.on{background:#fff;color:#061331;border-color:#fff}
html.pc6 .e6setup > .e6go{grid-column:2;grid-row:5;height:68px;border-radius:22px;background:#fff;color:var(--v-blue);font-size:18px;box-shadow:0 14px 30px rgba(6,19,49,.25)}
html.pc6 .e6setup > .e6go svg{stroke:var(--v-blue)}
html.pc6 .e6setup > .e6cap{grid-column:2;grid-row:6;color:rgba(255,255,255,.8);text-align:center;font-size:14px}
@media (max-width:1279px){
  html.pc6 .e6setup{grid-template-columns:minmax(0,1fr) 380px;column-gap:32px;padding:36px 40px 44px}
  html.pc6 .e6setup .e6ttl{font-size:76px}
  html.pc6 .e6setup::after{font-size:420px;top:-110px}
}
/* настройки (V6_9_3_02): строгость карточками в ряд, «как отвечаешь» и «откуда билеты» – колонками */
html.pc6 .e6set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}
html.pc6 .e6set > *{grid-column:1 / -1;min-width:0}
html.pc6 .e6set > .head,html.pc6 .e6set > .e6h1{grid-row:1}
html.pc6 .e6set > .head .t b:empty{display:none}
html.pc6 .e6set > .head .t{align-self:flex-start;padding-top:6px}
html.pc6 .e6set > .e6h1{margin:0;padding:28px 0 0 68px;font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;line-height:1.08;pointer-events:none}
html.pc6 .e6set .e6picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
html.pc6 .e6set > .e6box{grid-column:span 1;border-radius:28px;padding:26px}
html.pc6 .e6set > .e6save{grid-column:3;justify-self:end;grid-row:1;align-self:center;height:56px;padding:0 34px;border-radius:18px;width:auto}
/* билеты: рубашки на всю ширину и высоту окна (сколько поместится – считает bindExam2), нажатие – сразу подготовка */
html.pc6 .e6tix{display:flex;flex-direction:column;gap:20px}
html.pc6 .e6tix > *{min-width:0}
html.pc6 .e6tickets{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
html.pc6 .e6tickets .ticket-card{border-radius:26px}
/* подготовка: таймер и билет (с кнопкой «я готов отвечать») слева, черновик справа во всю высоту окна */
html.pc6 .e6prepv{display:grid;grid-template-columns:minmax(0,460fr) minmax(0,880fr);grid-template-rows:auto auto minmax(0,1fr);gap:20px;align-items:start;min-height:max(560px,calc(100vh - 140px - var(--sat)))}
html.pc6 .e6prepv > *{grid-column:1;min-width:0}
html.pc6 .e6prepv > .head{grid-column:1 / -1}
html.pc6 .e6prepv > .e6draft{grid-column:2;grid-row:2 / span 2;align-self:stretch;border-radius:32px;padding:22px 26px}
html.pc6 .e6prepv > .e6draft textarea{min-height:0;font-size:17px}
html.pc6 .e6prepv > .e6timer{grid-row:2}
html.pc6 .e6prepv > .e6pticket{grid-row:3;border-radius:32px;padding:24px}
/* диалог (V6_9_3_05–07): 380 · 940 – слева ночная колонка (кто принимает, вопрос, билет, оценки по ходу, крупная цифра вопроса), справа разговор.
   правая колонка с билетом и оценками (280) пустовала – её содержимое ушло влево (замечание руководителя 21.10, п. 20) */
html.pc6 .e6chat{display:grid;grid-template-columns:380px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;column-gap:20px;row-gap:16px;align-items:start;min-height:calc(100vh - 140px - var(--sat))}
/* окно диалога фиксированной высоты (QA-ПК P1-1): страница не растёт выше окна, при «согласны с оценкой?» сжимается переписка,
   карточка оценки остаётся в пределах экрана; 520 – нижняя граница для низких окон */
html.pc6 .e6chat{height:calc(100vh - 140px - var(--sat));min-height:520px}
html.pc6 .e6chat > *{min-width:0}
html.pc6 .e6chat > .e6head{grid-column:1;grid-row:1 / -1;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;top:auto;z-index:auto;margin:0;border-bottom:0;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;isolation:isolate;border-radius:32px;padding:28px 26px;color:#fff;
  background:radial-gradient(120% 90% at 30% 10%,#0062FE 0%,#004FD1 50%,#061331 100%);box-shadow:0 24px 50px rgba(6,19,49,.22)}
html.pc6 .e6chat > .e6head .e6who b{color:#fff;font-size:20px}
html.pc6 .e6chat > .e6head .e6who small{color:rgba(255,255,255,.8);white-space:normal;font-size:14px;line-height:1.4}
html.pc6 .e6chat > .e6head .sqb{position:absolute;right:20px;top:20px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;box-shadow:none}
/* билет и оценки по ходу – внизу колонки; крупная контурная цифра текущего вопроса – как «5» на старте и на главной */
html.pc6 .e6pcs{display:flex;flex-direction:column;gap:14px;align-self:stretch;min-height:0;overflow:auto;margin-top:auto}
html.pc6 .e6pcs .e5tq li{font-size:14px;padding:8px 0;border-bottom-color:rgba(255,255,255,.18);color:#fff}
html.pc6 .e6pcs .e5tq small{display:none}
html.pc6 .e6pcs .e5tq .e5no{background:rgba(255,255,255,.18);color:#fff;box-shadow:none}
html.pc6 .e6pcs .e5tq li.cur .e5no{background:#fff;color:var(--v-blue)}
html.pc6 .e6pcs .e5tq li.done{opacity:.6}
html.pc6 .e6pcs .e6fcard{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;border-radius:20px;padding:14px}
html.pc6 .e6pcs .e6fc,html.pc6 .e6pcs .e6fc em,html.pc6 .e6pcs .e6fc .cur b{color:#fff}
html.pc6 .e6pcs .e5segs i{background:rgba(255,255,255,.26)}
html.pc6 .e6pcs .e5segs i.on{background:#fff}
html.pc6 .e6pcs .e5segs i.half{background:rgba(255,255,255,.62)}
html.pc6 .e6bign{position:absolute;z-index:-1;right:14px;top:74px;font:italic 500 470px/1 var(--serif);font-variation-settings:"opsz" 72;color:transparent;-webkit-text-stroke:2.5px rgba(255,255,255,.6);letter-spacing:-.04em;pointer-events:none;user-select:none;-webkit-user-select:none}
html.pc6 .e6chat > .e6msgs{grid-column:2;grid-row:1 / 3;align-self:stretch;background:#fff;border:1px solid var(--v6-edge);box-shadow:var(--v6-card-shadow);border-radius:32px;padding:28px 30px;overflow:auto;max-height:none;min-height:0}
html.pc6 .e6chat > .e6prop,html.pc6 .e6chat > .e6comp,html.pc6 .e6chat > .e6voice{grid-column:2;grid-row:3}
html.pc6 .e6chat > .e6comp{margin:0;padding:0;background:none}
/* протокол (V6_9_3_09): оценка 440 слева, первый вопрос 900 справа, остальные – под оценкой. правка 21.10: всё на одном экране –
   шапка и оценка на месте, списки вопросов листаются внутри своих карточек; кнопки крупные, рядом друг с другом */
html.pc6 .e6proto{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,900fr);grid-template-rows:auto auto minmax(0,1fr);gap:20px;align-items:start;height:calc(100vh - 140px - var(--sat));min-height:560px}
html.pc6 .e6proto > *{grid-column:1 / -1;min-width:0}
html.pc6 .e6proto > .e6head{min-height:72px;gap:16px}
html.pc6 .e6proto > .e6head .sqb{width:52px;height:52px;border-radius:18px;background:var(--v6-glass2);border:1px solid rgba(255,255,255,.9);box-shadow:var(--v6-glass2-shadow)}
html.pc6 .e6proto > .e6head .e6who b{font-family:var(--serif);font-style:italic;font-weight:500;font-size:36px;line-height:1.08;letter-spacing:-.02em}
html.pc6 .e6proto > .e6grade{grid-column:1;grid-row:2;min-height:0;border-radius:40px;padding:30px 40px;justify-content:center}
html.pc6 .e6proto > .e6q.first{grid-column:2;grid-row:2 / span 2;align-self:stretch;min-height:0;overflow:auto;border-radius:32px;padding:0}
html.pc6 .e6proto > .e6q.first > summary{position:sticky;top:0;z-index:1;background:#fff;padding:20px 24px;border-radius:32px 32px 0 0}
html.pc6 .e6proto > .e6q.first .e6qb{padding:0 24px 24px}
html.pc6 .e6proto > .e6qlist{grid-column:1;grid-row:3;align-self:stretch;min-height:0;overflow:auto}
html.pc6 .e6proto > .e6grid2{display:flex;justify-content:flex-start;gap:16px}
html.pc6 .e6proto > .e6grid2 > *{flex:none;width:280px;height:60px;font-size:17px;border-radius:20px}

/* ИИ-репетитор – экран-чат (V6_9_2_10_tutor): слева «с чего начать» 280, чат по центру, справа режимы 280; шапка – обычный заголовок страницы */
html.pc6 .tut6{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;grid-template-rows:auto minmax(0,1fr);gap:20px;height:calc(100vh - 140px - var(--sat));min-height:560px}
html.pc6 .tut6-h{grid-column:1 / -1;border:0;padding:0;margin:0;min-height:72px}
html.pc6 .tut6-h .tut6-orb{display:none}
html.pc6 .tut6-h .t b{font-size:36px;line-height:1.1}
html.pc6 .tut6-l,html.pc6 .tut6-r{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}
html.pc6 .tut6-l.card,html.pc6 .tut6-r.card{padding:24px 20px;border-radius:28px}
html.pc6 .tut6-l small{font-size:13px;color:#56627E;padding:0 6px}
html.pc6 .tut6-l > b{font-size:20px;font-weight:700;letter-spacing:-.02em;padding:0 6px 6px}
html.pc6 .tut6-idea,html.pc6 .tut6-mode{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 14px;border:0;border-radius:16px;background:#F1F3F8;color:#061331;font:500 15px/1.3 var(--sans);text-align:left;cursor:pointer}
html.pc6 .tut6-idea:hover,html.pc6 .tut6-mode:hover,html.pc6 .tut6-chip:hover{background:#E6ECF8}
html.pc6 .tut6-mode{height:50px;border-radius:999px;padding:0 18px;font-size:16px}
html.pc6 .tut6-free{margin-top:auto;padding:10px 6px 0;font-size:13.5px;line-height:1.45;color:#56627E}
html.pc6 .tut6-r.card{align-items:stretch}
html.pc6 .tut6-note{margin-top:auto;margin-bottom:auto;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;font-size:13.5px;line-height:1.45;color:#56627E}
html.pc6:root:not([data-theme=dark]) .tut6 .tut6-c.card{background:#fff;border-radius:32px;border:1px solid rgba(6,19,49,.05);box-shadow:0 1px 2px rgba(6,19,49,.04),0 10px 28px rgba(20,40,120,.06)}
html.pc6 .tut6-ch{display:flex;align-items:center;gap:14px;padding:20px 28px 18px;border-bottom:1px solid rgba(6,19,49,.07);flex:none}
html.pc6 .tut6-ct b{display:block;font-size:18px;font-weight:700}
html.pc6 .tut6-ct span{font-size:13px;color:#56627E}
html.pc6 .tut6-chat{padding:22px 28px 8px;gap:18px}
html.pc6 .t6m.me{font-size:16.5px;padding:14px 20px;border-radius:24px 24px 6px 24px;max-width:80%}
html.pc6 .t6a-text{font-size:17px}
html.pc6 .tut6-chips{display:none}
html.pc6 .tut6-empty .tut6-chips{display:none}
html.pc6 .tut6-f{padding:14px 20px 22px}
html.pc6 .tut6-f .v6ts-in{min-height:60px;border-radius:30px}

/* голос на ПК: крупнее экзаменатор и реплика в белой карточке разговора */
html.pc6 .e6vorbw{width:300px;height:300px}
html.pc6 .e6vorbw .e6ring{inset:30px}
html.pc6 .e6vorb .e5orb{--s:240px!important}
html.pc6 .e6vsay{font-size:26px;max-width:680px}
html.pc6 .e6vme{max-width:640px}
html.pc6 .e6live:not(:has(> .e6prop)) > .e6vtalk{grid-row:1 / -1}
}