@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800;900&display=swap');
/* Фирменный стиль «Пифагор Трекерс» — общий для всех разделов платформы.
   Цвета из логотипа pifagor.kz: тёмно-синий (надпись PIFAGOR) и зелёный (дерево).
   Только переменные с префиксом --pt- и полоска меню .pt-nav: глобальные стили страниц здесь не задаются. */
:root{
  color-scheme:light;
  --pt-navy:#20275F; --pt-navy-hi:#2E3584; --pt-indigo:#3E4294; --pt-green:#4A8C0C; --pt-green-hi:#3F7A0A; --pt-lime:#9EDC12; --pt-lime-hi:#8CC70C; --pt-lime-ink:#101522; --pt-gold:#F2C230; --pt-gold-hi:#E0AE16; --pt-gold-soft:rgba(242,194,48,.18); --pt-pill:#EEF0F7;
  --pt-bg:#F4F6FA; --pt-surface:#FFFFFF; --pt-surface-2:#F8F8FB; --pt-elev:rgba(255,255,255,.82);
  --pt-fill:rgba(118,118,128,.12); --pt-fill-2:rgba(118,118,128,.08); --pt-sep:rgba(60,60,67,.14); --pt-sep-strong:rgba(60,60,67,.24);
  --pt-ink:#1D2130; --pt-ink-2:#596079; --pt-ink-3:#7C8296;
  --pt-tint:#3E4294; --pt-tint-ink:#FFFFFF; --pt-tint-soft:rgba(62,66,148,.09);
  --pt-go:#4A8C0C; --pt-go-ink:#FFFFFF; --pt-go-soft:rgba(158,220,18,.20);
  --pt-red:#E5333B; --pt-red-soft:rgba(229,51,59,.11); --pt-orange:#D97706; --pt-orange-soft:rgba(217,119,6,.13);
  --pt-yellow-soft:#FFF4D6; --pt-blue:#3E4294;
  --pt-shadow-1:0 4px 14px rgba(31,40,72,.06),0 1px 2px rgba(31,40,72,.05);
  --pt-shadow-2:0 12px 32px rgba(31,40,72,.12),0 2px 6px rgba(31,40,72,.06);
  --pt-shadow-3:0 24px 64px rgba(17,12,46,.24);
  --pt-r-s:10px; --pt-r:16px; --pt-r-l:22px;
  --pt-font:"Raleway",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --pt-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
:root[data-theme="dark"]{
  --pt-bg:#0B0A14; --pt-surface:#17162A; --pt-surface-2:#1E1D34; --pt-elev:rgba(23,22,42,.82);
  --pt-fill:rgba(120,120,128,.24); --pt-fill-2:rgba(120,120,128,.14); --pt-sep:rgba(255,255,255,.10); --pt-sep-strong:rgba(255,255,255,.18);
  --pt-ink:#F5F5F7; --pt-ink-2:#A6A6B0; --pt-ink-3:#76767F;
  --pt-tint:#A8A1FF; --pt-tint-ink:#0B0A14; --pt-tint-soft:rgba(168,161,255,.16);
  --pt-go:#2FCB72; --pt-go-ink:#04170C; --pt-go-soft:rgba(47,203,114,.16);
  --pt-red:#FF6B70; --pt-red-soft:rgba(255,107,112,.16); --pt-orange:#FFB054; --pt-orange-soft:rgba(255,176,84,.16); --pt-yellow-soft:#3A3014;
  --pt-shadow-1:0 1px 2px rgba(0,0,0,.4); --pt-shadow-2:0 10px 30px rgba(0,0,0,.45); --pt-shadow-3:0 24px 64px rgba(0,0,0,.6);
}

/* Светлая полоска для светлых страниц */
.pt-nav[data-pt-theme="light"]{--pt-elev:rgba(255,255,255,.86);--pt-ink:#1C1C1E;--pt-ink-2:#6C6C72;--pt-fill:rgba(118,118,128,.12);--pt-sep-strong:rgba(60,60,67,.24);--pt-tint:#3E4294;--pt-tint-ink:#FFFFFF;color-scheme:light}

/* Полоска меню платформы на страницах со своим оформлением (аналитика, оргструктура, почты) */
.pt-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:sticky;top:0;z-index:50;margin:0;box-sizing:border-box;
  padding:max(8px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));
  background:var(--pt-elev);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);
  border-bottom:.5px solid var(--pt-sep-strong);font:600 14px/1.2 var(--pt-font);letter-spacing:-.01em}
.pt-nav a{color:var(--pt-ink-2);border:0;text-decoration:none;padding:7px 11px;border-radius:999px;white-space:nowrap;transition:background .15s,color .15s}
.pt-nav a:hover{background:var(--pt-fill);color:var(--pt-ink)}
.pt-nav a.on{background:var(--pt-tint);color:var(--pt-tint-ink)}
.pt-nav .pt-b{display:flex;align-items:center;gap:9px;color:var(--pt-ink);margin-right:8px;padding:3px 10px 3px 3px;font-size:15px}
.pt-nav .pt-b:hover{background:transparent}
.pt-nav .pt-logo{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 .5px var(--pt-sep-strong);background:#fff;flex:none}
.pt-nav .pt-t{margin-left:auto;border:0;background:var(--pt-fill);color:var(--pt-ink);font:600 14px var(--pt-font);padding:7px 12px;border-radius:999px;cursor:pointer}
.pt-nav.pt-c{position:static}
.pt-nav.pt-c>a:not(.pt-b){display:none}
.pt-nav.pt-c.open>a{display:inline-block}
@media (max-width:760px){
  .pt-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pt-nav::-webkit-scrollbar{display:none}
  .pt-nav .pt-b span{display:none}
  .pt-nav.pt-c{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.pt-nav a{transition:none}}

/* QA: единая светлая тема, видимый фокус и удобные области нажатия. */
:focus-visible{outline:3px solid var(--pt-green);outline-offset:3px}
.pt-nav.pt-responsive>.pt-t{display:none}
@media(max-width:760px){
 .pt-nav.pt-responsive{flex-wrap:wrap;overflow:visible;padding:8px 12px;gap:6px}
 .pt-nav.pt-responsive .pt-b{margin-right:0;min-height:40px}
 .pt-nav.pt-responsive .pt-b span{display:block;font-size:14px}
 .pt-nav.pt-responsive>.pt-t{display:block;min-height:44px}
 .pt-nav.pt-responsive>a:not(.pt-b){display:none}
 .pt-nav.pt-responsive.open>a:not(.pt-b){display:flex;align-items:center;box-sizing:border-box;min-height:44px;width:calc(50% - 3px);white-space:normal;line-height:1.3;border-radius:12px}
 button,input,select{min-height:44px}
 input,select,textarea{max-width:100%;font-size:16px}
}
@media(max-width:1100px){
 /* На узких экранах все поля остаются в подписанных карточках. */
 :root table[data-pt-cards]{display:block!important;width:100%!important;min-width:0!important;table-layout:auto}
 :root table[data-pt-cards] colgroup,:root table[data-pt-cards] thead,:root table[data-pt-cards] tr[data-pt-head]{display:none!important}
 :root table[data-pt-cards] tbody{display:block!important}
 :root table[data-pt-cards] tr:not([data-pt-head]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 12px;border:1px solid var(--pt-sep);border-radius:12px;padding:12px!important;margin:8px 0;background:var(--pt-surface)}
 :root table[data-pt-cards] tr>td{display:block!important;min-width:0!important;max-width:none!important;width:auto!important;padding:3px 0!important;border:0!important;white-space:normal!important;text-align:left!important;overflow-wrap:anywhere}
 :root table[data-pt-cards] tr>td:first-child,:root table[data-pt-cards] td[colspan],:root table[data-pt-cards] td.todo,:root table[data-pt-cards] td.next{grid-column:1/-1}
 :root table[data-pt-cards] td::before{content:attr(data-pt-label)!important;display:block;font:600 11px/1.35 var(--pt-font);color:var(--pt-ink-2);margin-bottom:4px;text-transform:none!important;letter-spacing:normal!important}
 :root table[data-pt-cards] td .tag,:root table[data-pt-cards] td .seg{white-space:normal}
 :root table[data-pt-cards] td .hb{min-width:0;max-width:100%}
 :root table[data-pt-cards] td .num-link{min-height:36px}
 .pt-sort{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:8px 0;font:13px var(--pt-font);color:var(--pt-ink-2)}
}
@media(min-width:1101px){.pt-sort{display:none}}

/* ===== Фирменный слой pifagor.kz (24.10): шрифт Raleway, индиго-кнопки, лаймовые акценты, золотая метка активного раздела ===== */
html{font-variant-numeric:lining-nums}
*,*::before,*::after{font-feature-settings:"lnum" 1}
body{font-family:var(--pt-font)}
button,input,select,textarea{font-family:inherit}
h1,h2,h3{font-family:var(--pt-font);font-weight:800;letter-spacing:-.015em;color:var(--pt-navy)}
.pt-nav{background:rgba(255,255,255,.92);border-bottom:0;box-shadow:0 6px 24px rgba(31,40,72,.07);font:700 14px/1.2 var(--pt-font);gap:6px}
.pt-nav a{color:#46526E;border-radius:12px;padding:8px 12px;position:relative}
.pt-nav a:hover{background:var(--pt-pill);color:var(--pt-navy)}
.pt-nav a.on{background:#fff;color:var(--pt-navy);box-shadow:0 4px 12px rgba(31,40,72,.10),inset 0 0 0 1px rgba(62,66,148,.10)}
.pt-nav a.on::after{content:"";position:absolute;left:50%;bottom:3px;width:26px;height:3px;margin-left:-13px;border-radius:3px;background:var(--pt-gold)}
.pt-nav .pt-b{color:var(--pt-navy);font-weight:800}
.pt-nav .pt-b:hover{background:transparent}
.pt-nav .pt-t{background:var(--pt-indigo);color:#fff;font-weight:800;border-radius:12px;box-shadow:0 8px 18px rgba(62,66,148,.24)}
@media(min-width:761px){.pt-nav{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}}
:focus-visible{outline:3px solid var(--pt-gold);outline-offset:2px}
::selection{background:rgba(158,220,18,.35)}
/* Меню в одну строку на ноутбуке: компактнее подписи, логотип без текста на средних экранах */
@media(min-width:761px){.pt-nav{gap:2px;font-size:13.5px}.pt-nav a{padding:8px 10px}}
@media(min-width:761px) and (max-width:1680px){.pt-nav .pt-b span{display:none}.pt-nav .pt-b{margin-right:4px;padding-right:4px}}
.btn.primary,.em-btn.primary,.pf-btn:not(.ghost),.rs-button.rs-primary,button.primary{box-shadow:0 8px 18px rgba(62,66,148,.24);font-weight:700}
@media(min-width:761px) and (max-width:1600px){.pt-nav a{padding:8px 8px;font-size:13px}.pt-nav{gap:0}}

/* Меню по группам (30.10.2026): Главная + выпадающие группы «Работа / Данные / Публикации / Обучение / Админ» (nav.js) */
.pt-nav .pt-g{position:relative}
.pt-nav .pt-g[hidden]{display:none!important}
.pt-nav .pt-gb{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#46526E;font:inherit;font-weight:700;padding:8px 11px;border-radius:12px;cursor:pointer;white-space:nowrap}
.pt-nav .pt-gb:hover,.pt-nav .pt-g.pt-open>.pt-gb{background:var(--pt-pill);color:var(--pt-navy)}
.pt-nav .pt-g.on>.pt-gb{background:#fff;color:var(--pt-navy);box-shadow:0 4px 12px rgba(31,40,72,.10),inset 0 0 0 1px rgba(62,66,148,.10)}
.pt-nav .pt-gc{font-weight:600;color:var(--pt-indigo)}
.pt-nav .pt-ga{font-size:10px;opacity:.6;transition:transform .15s}
.pt-nav .pt-g.pt-open .pt-ga{transform:rotate(180deg)}
.pt-nav .pt-dd{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:230px;background:#fff;border-radius:16px;padding:6px;box-shadow:0 18px 44px rgba(31,40,72,.18),0 0 0 1px rgba(62,66,148,.08);z-index:60}
.pt-nav .pt-g.pt-open>.pt-dd{display:flex;flex-direction:column;gap:2px}
.pt-nav .pt-dd a{padding:10px 12px;border-radius:10px;font-weight:600}
.pt-nav .pt-dd a[hidden]{display:none}
.pt-nav .pt-dd a.on::after{display:none}
.pt-nav .pt-dd a.on{background:var(--pt-indigo);color:#fff;box-shadow:none}
@media(min-width:761px) and (max-width:1100px){.pt-nav .pt-gc{display:none}}
/* Телефон и компактные страницы: «Разделы ▾» раскрывает все группы списком с заголовками */
@media(max-width:760px){.pt-nav.pt-c>.pt-g{display:none}.pt-nav.pt-c.open>.pt-g{display:block;width:100%}}
/* Меню теперь короткое — на компьютере компактные страницы (оргструктура) тоже показывают группы в одну строку */
@media(min-width:761px){.pt-nav.pt-c>a:not(.pt-b){display:inline-block}.pt-nav.pt-c>.pt-t{display:none}}
@media(min-width:1101px){.pt-nav .pt-b span{display:inline}}
@media(max-width:760px){
 .pt-nav.pt-responsive>.pt-g{display:none}
 .pt-nav.pt-responsive.open>.pt-g{display:block;width:100%}
}
.pt-nav.open>.pt-g>.pt-gb{pointer-events:none;background:transparent!important;box-shadow:none!important;padding:10px 4px 4px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#7c8296}
.pt-nav.open>.pt-g>.pt-gb .pt-gc,.pt-nav.open>.pt-g>.pt-gb .pt-ga{display:none}
.pt-nav.open>.pt-g>.pt-dd{display:grid;grid-template-columns:1fr 1fr;gap:6px;position:static;box-shadow:none;padding:0;min-width:0;background:transparent}
.pt-nav.open>.pt-g>.pt-dd a{background:var(--pt-pill);min-height:44px;display:flex;align-items:center;white-space:normal}
.pt-nav.open>.pt-g>.pt-dd a[hidden]{display:none}
/* Телефон (31.10.2026): плавающие кнопки «Видео-урок» и «ИИ-директор» — маленькие круглые справа, над Пифагорчиком, не закрывают содержимое */
@media (max-width:700px){
  .ptgv-fab,.ptlv-fab{font-size:0!important;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;left:auto!important;right:10px!important;display:grid;place-items:center;line-height:1}
  .ptgv-fab[hidden],.ptlv-fab[hidden]{display:none!important}
  .ptgv-fab::before{content:'▶';font-size:17px}
  .ptlv-fab::before{content:'🎓';font-size:20px}
  .ptlv-fab{bottom:calc(196px + env(safe-area-inset-bottom,0px))!important}
  .ptgv-fab{bottom:calc(248px + env(safe-area-inset-bottom,0px))!important}
  .ptlv-tip{bottom:calc(250px + env(safe-area-inset-bottom,0px))!important;right:62px!important;left:10px!important;width:auto!important}
}