/* GIBRID.AI School — общий слой v2 (14.10.2026): верхняя навигация, поиск, страницы инструкций Студии.
   Подключается и новыми страницами, и старыми курсами (там только .gtop, .gs-*, .upd, .retired). */
:root{
  --bg:#0a0808;--panel:#141010;--panel2:#1b1512;--ui:#0f0c0a;--ui2:#181210;
  --text:#ece4d8;--dim:#a0958a;--faint:#6b6258;
  --gold:#f5b96b;--violet:#a78bfa;--green:#4ade80;--red:#f87171;--amber:#fbbf24;
  --line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.14);--acc:var(--gold);
}
html[data-theme="light"]{--bg:#f6f3ee;--panel:#fff;--panel2:#efe8dd;--ui:#1b1512;--ui2:#211c16;--text:#241f19;--dim:#6e6557;--faint:#9a9082;--gold:#b4691e;--violet:#6d28d9;--green:#047857;--red:#b91c1c;--amber:#b45309;--line:rgba(35,28,20,.12);--line2:rgba(35,28,20,.22)}
.s2 *,.gtop *,.gs-search *{box-sizing:border-box}
body.s2{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 -apple-system,'Segoe UI',Roboto,sans-serif;-webkit-font-smoothing:antialiased}
body.s2 a{color:var(--gold);text-decoration:none}
body.s2 a:hover{text-decoration:underline}
html{scroll-behavior:smooth}
img,video,svg{max-width:100%;height:auto}

/* ── верхняя навигация ── */
.gtop{position:relative;z-index:60;background:rgba(10,8,8,.94);border-bottom:1px solid var(--line);font:14px/1.4 -apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text)}
html[data-theme="light"] .gtop{background:rgba(246,243,238,.96)}
.gtop--sticky{position:sticky;top:0;backdrop-filter:blur(14px)}
.gtop-in{max-width:1020px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:6px}
.gtop a{text-decoration:none}
.gtop-logo{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;margin-right:6px}
.gtop-logo span{font-size:15px;font-weight:800;color:var(--text)}
.gtop-logo span i{font-style:normal;color:var(--gold)}
.gtop-logo em{font-style:normal;font-size:10px;font-weight:800;color:#16100a;background:var(--gold);border-radius:5px;padding:2px 7px;letter-spacing:.06em}
html[data-theme="light"] .gtop-logo em{color:#fff}
.gtop-links{display:flex;gap:2px;align-items:center;min-width:0}
.gtop-links a{font-size:13px;font-weight:600;color:var(--dim);border-radius:999px;padding:6px 12px;white-space:nowrap;border:1px solid transparent}
.gtop-links a:hover{color:var(--text)}
.gtop-links a.on{color:var(--gold);border-color:rgba(245,185,107,.35);background:rgba(245,185,107,.07)}
.gtop .nav-actions{margin-left:auto;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
.gtop .theme-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line2);background:var(--panel);color:var(--text);cursor:pointer;font-size:14px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.gtop .theme-btn:hover,.gtop .gs-sbtn:hover{border-color:var(--gold)}
.gs-sbtn{height:32px;min-width:32px;border-radius:999px;border:1px solid var(--line2);background:var(--panel);color:var(--dim);cursor:pointer;font:600 12.5px/1 inherit;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}
.gs-sbtn kbd{font:600 10.5px/1 ui-monospace,Menlo,monospace;border:1px solid var(--line2);border-radius:4px;padding:2px 5px;color:var(--faint)}
.gtop .gs-cta{display:inline-flex;align-items:center;gap:6px;background:#9b4a1f;color:#fff;padding:7px 14px;border-radius:10px;font-weight:700;font-size:13px}
.gtop .gs-cta:hover{background:#b85a28;text-decoration:none}
.gtop .gs-dd{position:relative;display:inline-flex}
.gtop .gs-pbtn{display:inline-flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line2);padding:3px 10px 3px 3px;border-radius:999px;cursor:pointer;font:inherit;color:var(--text)}
.gtop .gs-av{width:26px;height:26px;border-radius:50%;object-fit:cover;display:block;background:var(--gold)}
.gtop .gs-av-init{display:inline-flex;align-items:center;justify-content:center;color:#16100a;font-size:13px;font-weight:800}
.gtop .gs-pname{font-size:13px;font-weight:700;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gtop .gs-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:var(--panel);border:1px solid var(--line2);border-radius:13px;padding:6px;box-shadow:0 18px 50px rgba(0,0,0,.4);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .12s,transform .12s;z-index:80}
.gtop .gs-dd.open .gs-menu{opacity:1;transform:none;pointer-events:auto}
.gtop .gs-menu a{display:flex;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text)}
.gtop .gs-menu a:hover{background:rgba(245,185,107,.08)}
.gtop .gs-menu a.danger{color:var(--red)}
.gtop .gs-mhead{padding:8px 10px;font-size:13px;font-weight:800}
.gtop .gs-sep{height:1px;background:var(--line);margin:5px 4px}
@media(max-width:820px){
  .gtop-in{flex-wrap:wrap;row-gap:4px}
  .gtop-links{order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .gtop-links::-webkit-scrollbar{display:none}
  .gtop-links a{padding:5px 11px;font-size:12.5px}
  .gtop-logo em{display:none}
  .gs-sbtn kbd{display:none}
  .gtop .gs-pname{display:none}
  .gtop .gs-cta span+span{display:none}
}

/* ── поиск по сайту ── */
.gs-search{position:fixed;inset:0;z-index:99998;background:rgba(0,0,0,.6);display:none;align-items:flex-start;justify-content:center;padding:9vh 14px 14px;font:15px/1.5 -apple-system,'Segoe UI',Roboto,sans-serif}
.gs-search.open{display:flex}
.gs-sbox{width:100%;max-width:620px;background:var(--panel);border:1px solid var(--line2);border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;color:var(--text)}
.gs-sbox input{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);font:inherit;font-size:16px;padding:16px 18px;outline:none}
.gs-sres{max-height:56vh;overflow:auto;padding:6px}
.gs-sres a{display:block;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none}
.gs-sres a:hover,.gs-sres a.act{background:rgba(245,185,107,.1)}
.gs-sres b{display:block;font-size:14.5px}
.gs-sres small{display:block;color:var(--dim);font-size:12.5px;line-height:1.4}
.gs-sres i{font-style:normal;font-size:10.5px;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-left:8px;font-weight:700}
.gs-sempty{padding:18px;color:var(--dim);font-size:14px}

/* ── страницы Студии ── */
.s2 .wrap{max-width:860px;margin:0 auto;padding:0 20px 80px}
.crumbs{font-size:12.5px;color:var(--faint);margin:22px 0 0}
.crumbs a{color:var(--dim)!important}
.ph{padding:28px 0 22px;border-bottom:1px solid var(--line)}
.ph .kick{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);border:1px solid rgba(245,185,107,.3);border-radius:999px;padding:3px 12px;margin-bottom:12px}
.ph h1{font-size:clamp(27px,5vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.01em;margin:0 0 10px}
.ph h1 em{font-style:normal;color:var(--gold)}
.ph p{color:var(--dim);margin:0;max-width:640px}
.ph .meta{margin-top:12px;font-size:12.5px;color:var(--faint)}
.tldr{background:var(--panel);border:1px solid var(--line2);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 18px;margin:22px 0}
.tldr>b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.tldr ul{margin:6px 0 0 18px;padding:0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 6px}
.toc a{font-size:13px;font-weight:600;color:var(--dim)!important;border:1px solid var(--line2);border-radius:999px;padding:5px 13px;background:var(--panel)}
.toc a:hover{color:var(--gold)!important;text-decoration:none!important;border-color:var(--gold)}
.sec{margin-top:54px;scroll-margin-top:80px}
.sec>h2{font-size:25px;line-height:1.25;font-weight:800;letter-spacing:-.01em;margin:0 0 6px;display:flex;gap:12px;align-items:center}
.sec>h2 .n{flex:0 0 38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold);background:var(--panel);border:1px solid rgba(245,185,107,.35)}
.sec>.lead{color:var(--dim);margin:2px 0 16px}
.s2 h3{font-size:18px;margin:26px 0 8px;font-weight:700}
.s2 p{margin:10px 0}
.steps{list-style:none;counter-reset:st;margin:14px 0;padding:0}
.steps>li{counter-increment:st;position:relative;padding:14px 16px 14px 56px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin:10px 0}
.steps>li::before{content:counter(st);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#16100a;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
html[data-theme="light"] .steps>li::before{color:#fff}
.steps>li b.t{display:block;font-size:15.5px;margin-bottom:2px}
.steps>li p{margin:4px 0;color:var(--dim);font-size:15px}
.steps>li p:first-of-type{margin-top:0}
.ui{font-weight:700;color:var(--text);background:rgba(245,185,107,.1);border:1px solid rgba(245,185,107,.25);border-radius:6px;padding:0 6px;white-space:nowrap}
.tip,.warn,.ok,.cost{border-left:3px solid var(--gold);background:rgba(245,185,107,.06);border-radius:0 10px 10px 0;padding:11px 16px;margin:14px 0;font-size:14.5px}
.tip b:first-child,.warn b:first-child,.ok b:first-child,.cost b:first-child{margin-right:6px}
.warn{border-color:var(--amber);background:rgba(251,191,36,.08)}
.ok{border-color:var(--green);background:rgba(74,222,128,.06)}
.cost{border-color:var(--violet);background:rgba(167,139,250,.07)}
.shot{margin:16px 0;background:var(--ui);border:1px solid var(--line2);border-radius:14px;overflow:hidden}
.shot img{display:block;width:100%;height:auto}
.shot figcaption{padding:9px 14px;font-size:12.5px;color:#a0958a;border-top:1px solid var(--line);background:var(--ui2);line-height:1.5}
.shot.schem{background:var(--panel)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:16px 0}
.cardx{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--text)!important}
a.cardx:hover{border-color:var(--gold);text-decoration:none!important}
.cardx h3{margin:0 0 4px;font-size:16px;color:var(--text)}
.cardx p{margin:0;font-size:13.5px;color:var(--dim)}
.cardx .go{display:inline-block;margin-top:8px;font-size:13px;font-weight:700;color:var(--gold)}
.tbl{width:100%;border-collapse:collapse;font-size:14px;display:block;overflow-x:auto}
.tbl th,.tbl td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{color:var(--faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:9px 0;padding:0}
.faq summary{cursor:pointer;padding:13px 16px;font-weight:700;font-size:15.5px;list-style:none;display:flex;gap:10px;justify-content:space-between;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gold);font-size:20px;font-weight:400}
.faq details[open] summary::after{content:"–"}
.faq .a{padding:0 16px 14px;color:var(--dim);font-size:15px}
.faq .a p{margin:6px 0}
.pn{display:flex;gap:12px;margin:48px 0 0;flex-wrap:wrap}
.pn a{flex:1 1 240px;border:1px solid var(--line2);border-radius:12px;padding:13px 16px;background:var(--panel);color:var(--text)!important}
.pn a:hover{border-color:var(--gold);text-decoration:none!important}
.pn small{display:block;color:var(--faint);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em}
.pn a.next{text-align:right}
.cta2{display:inline-block;background:var(--gold);color:#16100a!important;font-weight:800;border-radius:12px;padding:12px 26px;font-size:15px;margin:6px 8px 6px 0}
html[data-theme="light"] .cta2{background:#9b4a1f;color:#fff!important}
.cta2:hover{text-decoration:none!important;filter:brightness(1.08)}
.ghost2{display:inline-block;border:1px solid var(--line2);color:var(--text)!important;border-radius:12px;padding:11px 22px;font-weight:700;font-size:15px;margin:6px 8px 6px 0}
.mode-tabs{display:flex;gap:8px;margin:18px 0 8px;flex-wrap:wrap}
.mode-tabs span{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:999px;border:1px solid var(--line2);color:var(--dim)}
.mode-tabs .first{background:var(--gold);color:#16100a;border-color:var(--gold)}
html[data-theme="light"] .mode-tabs .first{color:#fff}
.sfoot{margin-top:70px;padding-top:22px;border-top:1px solid var(--line);color:var(--faint);font-size:12.5px;text-align:center}
.sfoot a{color:var(--dim)!important}
/* схематичные плашки (мокапы без людей) */
.sk{display:grid;gap:10px;padding:14px}
.sk .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sk .pill{font-size:12px;font-weight:700;border:1px solid var(--line2);border-radius:999px;padding:5px 12px;color:var(--dim);background:var(--panel)}
.sk .pill.on{background:var(--gold);border-color:var(--gold);color:#16100a}
.sk .frame{flex:1 1 120px;min-height:96px;border-radius:10px;border:1px dashed var(--line2);background:linear-gradient(135deg,rgba(245,185,107,.1),rgba(167,139,250,.08));display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:var(--dim);padding:8px;text-align:center}
.sk .frame b{color:var(--text);font-size:13px}
.sk .btn{font-size:13px;font-weight:800;border-radius:10px;padding:8px 16px;background:#9b3030;color:#fff}
.sk .box{border:1px solid var(--line2);border-radius:10px;padding:10px 12px;background:var(--panel);font-size:13px;color:var(--dim)}
.sk .box b{color:var(--text)}

/* ── плашки на старых курсах ── */
.upd,.retired{max-width:860px;margin:18px auto 0;border-radius:12px;padding:12px 16px;font:14px/1.55 -apple-system,'Segoe UI',Roboto,sans-serif;color:var(--text)}
.upd{background:rgba(245,185,107,.07);border:1px solid rgba(245,185,107,.3)}
.retired{background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.4)}
.upd b,.retired b{color:var(--gold)}
.retired b{color:var(--red)}
.upd ul{margin:6px 0 0 18px;padding:0}
.upd a,.retired a{color:var(--gold)}
.upd-wrap{padding:0 20px}
@media(max-width:640px){
  body.s2{font-size:15.5px}
  .sec>h2{font-size:21px}
  .steps>li{padding:12px 12px 12px 50px}
  .steps>li::before{left:11px}
  .pn a.next{text-align:left}
}

/* ── главная: «Начать за 5 минут», инструкции, новости ── */
.start5{background:var(--panel);border:1px solid rgba(245,185,107,.35);border-radius:18px;padding:24px 24px 20px;margin:36px 0 8px}
.start5 h2{font-size:24px;font-weight:800;margin:0 0 4px;letter-spacing:-.01em}
.start5 .sub5{color:var(--dim);margin:0 0 16px}
.s5g{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 16px}
.s5g div{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel2);font-size:14px;color:var(--dim)}
.s5g b{display:block;color:var(--text);margin-bottom:2px}
.s5g i{font-style:normal;color:var(--gold);font-weight:800;margin-right:6px}
.hubg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:14px 0}
.hubg a{display:block;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px 17px;color:var(--text);text-decoration:none}
.hubg a:hover{border-color:var(--gold)}
.hubg b{display:block;font-size:15.5px;margin-bottom:3px}
.hubg span{font-size:13px;color:var(--dim)}
.news{list-style:none;margin:14px 0;padding:0}
.news li{display:flex;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.news time{flex:0 0 100px;color:var(--gold);font-weight:700;font-size:13px}
.news b{color:var(--text)}
@media(max-width:560px){.news li{flex-direction:column;gap:2px}.start5{padding:18px 16px}}
.shot img[height="1100"],.shot img[height="860"]{max-width:440px;margin:0 auto}

/* главная на телефоне: ссылки навигации во втором ряду */
@media(max-width:820px){
  .nav .nav-in:has(.nav-links){flex-wrap:wrap!important;overflow:visible!important;row-gap:4px}
  .nav .nav-links{display:flex!important;order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:none;gap:2px}
  .nav .nav-links::-webkit-scrollbar{display:none}
  .nav .nav-actions{position:static!important;margin-left:auto}
}