/* Стили шапки витрины. Раньше жили строкой внутри partials/header.js и
   приезжали на страницу только после выполнения скрипта. Вынесены в отдельный
   файл, чтобы шапку можно было вставлять в разметку статически
   (tools/inline-header.mjs), а стиль браузер брал из кеша один раз на все
   страницы. Подключается последним в <head>: правила .mega-*, .menu-* и .brand
   не привязаны к #shared-header и обязаны выигрывать у страничных стилей —
   так же, как выигрывал прежний <style> в конце документа. */

/* Резерв высоты под фиксированную шапку. Пилюля висит в 14px от края и
   занимает 66px, поэтому канон резерва — 86px. Значение читается из
   --hdr-reserve, чтобы страница со своим отступом героя его не удваивала:
   #shared-header{--hdr-reserve:86px} включает бронь, 0px — выключает. */
:where(#shared-header){min-height:var(--hdr-reserve,0px)}
/* Шапка самодостаточна: базовые правила .nav/.brand/.nav-links заданы здесь
   через #shared-header, чтобы страничные CSS их не переопределяли (id бьёт
   класс). Канон — пилюля с главной, styles.css и teoriya/theory.css. */
#shared-header .nav{position:fixed;inset:14px 14px auto 14px;z-index:80;display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0;padding:10px 14px 10px 18px;background:transparent;border:1px solid transparent;border-radius:999px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:all .35s cubic-bezier(.22,1,.36,1)}
#shared-header .nav.scrolled{inset:10px max(14px,calc(50vw - 620px)) auto max(14px,calc(50vw - 620px));background:rgba(255,253,248,.82);border-color:var(--line,rgba(31,41,55,.08));backdrop-filter:saturate(1.2) blur(14px);-webkit-backdrop-filter:saturate(1.2) blur(14px);box-shadow:var(--shadow-sm,0 1px 2px rgba(79,54,24,.06),0 2px 6px rgba(79,54,24,.05))}
@media(max-width:760px){#shared-header .nav{inset:10px 10px auto 10px}}
[data-theme="dark"] #shared-header .nav.scrolled{background:rgba(36,30,23,.85);border-color:var(--line-2,rgba(245,237,224,.16))}
#shared-header .brand{display:flex;align-items:center;gap:10px;margin:0;padding:0;font-family:Unbounded,sans-serif;font-weight:700;font-size:17px;line-height:1.2;color:var(--ink,#1F2937);white-space:nowrap;flex-shrink:0}
[data-theme="dark"] #shared-header .brand{color:var(--ink,#F5EDE0)}
#shared-header .brand-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(160deg,#FFE6C5,#F3B880);display:grid;place-items:center;box-shadow:inset 0 -2px 0 rgba(0,0,0,.06),0 4px 12px rgba(223,153,91,.35);overflow:hidden;flex-shrink:0;padding:0}
[data-theme="dark"] #shared-header .brand-mark{background:linear-gradient(160deg,#3A2B18,#5C4225)}
#shared-header .brand img{width:34px;height:34px;max-width:none;border-radius:0;object-fit:contain;display:block}
#shared-header a,#shared-header .mega-menu a{text-decoration:none}
#shared-header .nav-links{flex:1;display:flex;justify-content:center;gap:28px;margin:0;padding:0;font-weight:500;font-size:14.5px;color:var(--ink-2,#4B5563);background:transparent;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="dark"] #shared-header .nav-links{color:var(--ink-2,#CBBFA9)}
#shared-header .nav-links a{color:inherit;font-family:inherit;font-size:inherit;font-weight:500;padding:6px 2px;border:none;border-radius:0;background:transparent;transition:color .2s}
#shared-header .nav-links a:hover{color:var(--brand-ink,#B36E30);background:transparent}
[data-theme="dark"] #shared-header .nav-links a:hover{color:#F0B964}
@media(max-width:900px){#shared-header .nav-links{display:none}}
#shared-header .nav-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
#shared-header .nav-cabinet{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;background:rgba(255,253,248,.7);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid rgba(223,153,91,.15);font-weight:700;font-size:13.5px;color:var(--ink,#1F2937);text-decoration:none;box-shadow:0 4px 16px -4px rgba(79,54,24,.15);transition:all .3s cubic-bezier(.22,1,.36,1);white-space:nowrap}
#shared-header .nav-cabinet:hover{border-color:var(--brand,#DF995B);color:#8C5422;transform:translateY(-1px);box-shadow:0 6px 20px -4px rgba(223,153,91,.3)}
#shared-header .nav-cabinet svg{flex-shrink:0;color:var(--brand,#DF995B)}
@media(max-width:900px){#shared-header .nav-cabinet span{display:none}#shared-header .nav-cabinet{padding:9px 11px;border-radius:50%;width:44px;height:44px;justify-content:center}}
#shared-header .burger-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(223,153,91,.15);background:rgba(255,253,248,.7);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 4px 16px -4px rgba(79,54,24,.15);z-index:91;position:relative;flex-shrink:0}
#shared-header .burger-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px -4px rgba(223,153,91,.3)}
#shared-header .burger-line{width:18px;height:2px;border-radius:2px;background:var(--ink,#1F2937);transition:all .35s cubic-bezier(.22,1,.36,1);transform-origin:center}
#shared-header .burger-btn.open .burger-line:nth-child(1){transform:rotate(45deg) translate(2.5px,2.5px)}
#shared-header .burger-btn.open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}
#shared-header .burger-btn.open .burger-line:nth-child(3){transform:rotate(-45deg) translate(2.5px,-2.5px)}
#shared-header .burger-btn.open{background:var(--brand,#DF995B);border-color:var(--brand,#DF995B)}
#shared-header .burger-btn.open .burger-line{background:#fff}
.mega-menu{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:0;visibility:hidden}
.mega-menu.open{opacity:1;visibility:visible;pointer-events:all;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.mega-menu.closing{opacity:1;visibility:visible;pointer-events:none}
.mega-menu-bg{position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,248,238,.96),rgba(252,237,208,.94));backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);clip-path:circle(0% at 50% 50%);transition:clip-path .55s cubic-bezier(.22,1,.36,1)}
.mega-menu-bg::before,.mega-menu-bg::after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);opacity:0;transition:opacity .6s ease .1s,transform 1.4s cubic-bezier(.22,1,.36,1) .1s}
.mega-menu-bg::before{width:600px;height:600px;top:-200px;right:-150px;background:radial-gradient(circle,rgba(223,153,91,.28),transparent 60%);transform:translate(40px,-40px)}
.mega-menu-bg::after{width:500px;height:500px;bottom:-150px;left:-100px;background:radial-gradient(circle,rgba(73,111,130,.18),transparent 60%);transform:translate(-40px,40px)}
.mega-menu.open .mega-menu-bg::before,.mega-menu.open .mega-menu-bg::after{opacity:1;transform:translate(0,0)}
.menu-top{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:rgba(255,248,238,.7);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-bottom:1px solid rgba(31,41,55,.06);z-index:2;opacity:0;transform:translateY(-12px);transition:opacity .35s ease .05s,transform .4s cubic-bezier(.22,1,.36,1) .05s}
.mega-menu.open .menu-top{opacity:1;transform:none}
.menu-top .brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink,#1F2937)}
.menu-brand-text{display:flex;flex-direction:column;line-height:1}
.menu-brand-text b{font-family:Unbounded,sans-serif;font-size:17px;font-weight:700}
.menu-brand-text span{font-size:11px;color:#B36E30;font-weight:600;margin-top:3px;letter-spacing:.04em}
.mega-close{width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.8);border:1px solid rgba(31,41,55,.1);color:var(--ink,#1F2937);display:grid;place-items:center;cursor:pointer;transition:transform .35s cubic-bezier(.68,-.55,.27,1.55),background .2s,color .2s}
.mega-close:hover{background:var(--brand,#DF995B);color:#fff;border-color:var(--brand,#DF995B);transform:rotate(90deg) scale(1.05)}
.mega-menu-content{max-width:1280px;margin:0 auto;padding:48px 32px 60px;position:relative;z-index:1}
.menu-featured{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:34px}
.menu-feat-card{background:linear-gradient(160deg,#FFF7E6,#FFFDF8);border:1px solid rgba(223,153,91,.25);border-radius:18px;padding:20px 22px;text-decoration:none;color:inherit;display:flex;gap:14px;align-items:center;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .25s,opacity .4s;opacity:0;transform:translateY(20px) scale(.97)}
.mega-menu.open .menu-feat-card{opacity:1;transform:none;transition-delay:calc(.1s + var(--i,0)*.07s)}
.menu-feat-card:nth-child(1){--i:0}.menu-feat-card:nth-child(2){--i:1}.menu-feat-card:nth-child(3){--i:2}
.menu-feat-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -18px rgba(223,153,91,.5);border-color:#DF995B}
.menu-feat-card.primary{background:linear-gradient(160deg,#F8CFA0 0%,#EBAA6A 100%);color:#1F2937;border-color:#DF995B;box-shadow:0 14px 30px -16px rgba(179,110,48,.45)}
.menu-feat-card.primary:hover{box-shadow:0 24px 44px -16px rgba(179,110,48,.5);border-color:#DF995B}.menu-feat-card.primary .feat-t{color:#1F2937}.menu-feat-card.primary .feat-go{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px 0 18px;border-radius:999px;background:#DF995B;color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:13.5px;letter-spacing:.01em;box-shadow:0 10px 22px -10px rgba(223,153,91,.9),inset 0 -2px 0 rgba(0,0,0,.12);transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s;white-space:nowrap}.menu-feat-card.primary .feat-go svg{width:16px;height:16px}.menu-feat-card.primary:hover .feat-go{transform:translateX(3px);background:#D08A48}
.menu-feat-card.primary .feat-sub{color:#5B3D1E}
.menu-feat-card.primary .feat-em{background:#FFF7EA;color:#B36E30}
.feat-em{width:46px;height:46px;border-radius:13px;background:#FFE6C5;display:grid;place-items:center;font-size:22px;flex-shrink:0;transition:transform .35s cubic-bezier(.68,-.55,.27,1.55)}
.menu-feat-card:hover .feat-em{transform:scale(1.1) rotate(-6deg)}
.feat-tx{flex:1}
.feat-t{display:block;font-family:Unbounded,sans-serif;font-weight:700;font-size:15.5px;line-height:1.2}
.feat-sub{display:block;font-size:12.5px;color:#6B7280;margin-top:4px}
.mega-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.mega-col{opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.mega-menu.open .mega-col{opacity:1;transform:none;transition-delay:calc(.28s + var(--c,0)*.06s)}
.mega-col:nth-child(1){--c:0}.mega-col:nth-child(2){--c:1}.mega-col:nth-child(3){--c:2}.mega-col:nth-child(4){--c:3}
.mega-col .mega-col-title{font-family:Unbounded,sans-serif;font-weight:700;font-size:11px;letter-spacing:.14em;color:#B36E30;text-transform:uppercase;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.mega-col .mega-col-title::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(223,153,91,.3),transparent)}
.mega-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}
.mega-col li a{display:flex;gap:11px;align-items:flex-start;padding:9px 10px;border-radius:11px;text-decoration:none;color:var(--ink,#1F2937);font-size:14.5px;font-weight:600;transition:background .2s,transform .25s cubic-bezier(.22,1,.36,1);position:relative}
.mega-col li a::after{content:"\2192";position:absolute;right:12px;top:50%;transform:translate(-6px,-50%);opacity:0;color:var(--brand,#DF995B);font-weight:800;font-size:14px;transition:transform .25s,opacity .2s}
.mega-col li a:hover{background:rgba(223,153,91,.12);transform:translateX(4px);padding-right:32px}
.mega-col li a:hover::after{opacity:1;transform:translate(0,-50%)}
.mega-col li a:hover .mi{background:var(--brand,#DF995B);color:#fff;transform:rotate(-6deg) scale(1.08)}
.mi{width:26px;height:26px;border-radius:8px;background:#F6D9B8;color:#B36E30;display:grid;place-items:center;flex-shrink:0;font-size:14px;transition:all .25s cubic-bezier(.22,1,.36,1)}
.mb{flex:1;padding-top:3px}.ml{display:block;line-height:1.2}.md{display:block;font-size:11.5px;color:#6B7280;font-weight:500;margin-top:3px}
.mnew{margin-left:auto;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#10B981,#0EA371);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em;align-self:center;flex-shrink:0;box-shadow:0 4px 10px -2px rgba(16,185,129,.5)}
.menu-bottom{margin-top:50px;padding-top:30px;border-top:1px dashed rgba(31,41,55,.1);display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;opacity:0;transform:translateY(16px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.mega-menu.open .menu-bottom{opacity:1;transform:none;transition-delay:.55s}
.menu-bottom-left{font-size:13.5px;color:#6B7280}
.menu-bottom-left a{color:#B36E30;font-weight:700;text-decoration:none;border-bottom:1px dashed rgba(179,110,48,.4)}
.menu-bottom-socials{display:flex;gap:10px;justify-content:flex-end}
.menu-bottom-socials a{width:42px;height:42px;border-radius:12px;background:#FFFDF8;border:1px solid rgba(31,41,55,.08);color:#4B5563;display:grid;place-items:center;text-decoration:none;transition:all .3s cubic-bezier(.68,-.55,.27,1.55)}
.menu-bottom-socials a:hover{background:#DF995B;border-color:#DF995B;color:#fff;transform:translateY(-3px) rotate(-4deg);box-shadow:0 10px 20px -6px rgba(223,153,91,.5)}
.menu-bottom-socials a svg{width:18px;height:18px}
@media(max-width:760px){.mega-menu-content{padding:24px 18px 50px}.mega-menu-grid{grid-template-columns:1fr 1fr;gap:24px}.menu-featured{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.menu-bottom{grid-template-columns:1fr;gap:20px}.menu-bottom-socials{justify-content:center}}
@media(max-width:500px){.mega-menu-grid{grid-template-columns:1fr}.menu-top{padding:12px 16px}.menu-brand-text span{display:none}}
[data-theme="dark"] #shared-header .nav-cabinet{background:rgba(36,30,23,.7);border-color:var(--line-2,rgba(245,237,224,.16));box-shadow:0 4px 16px -4px rgba(0,0,0,.4)}
[data-theme="dark"] #shared-header .nav-cabinet:hover{border-color:var(--brand,#DF995B);color:#F3B880;box-shadow:0 6px 20px -4px rgba(223,153,91,.35)}
[data-theme="dark"] #shared-header .burger-btn{background:rgba(36,30,23,.7);border-color:var(--line-2,rgba(245,237,224,.16));box-shadow:0 4px 16px -4px rgba(0,0,0,.4)}
[data-theme="dark"] #shared-header .burger-line{background:var(--ink,#F5EDE0)}
[data-theme="dark"] .mega-menu-bg{background:linear-gradient(180deg,rgba(26,20,16,.97),rgba(32,24,15,.95))}
[data-theme="dark"] .menu-top{background:rgba(36,30,23,.75);border-bottom-color:var(--line,rgba(245,237,224,.09))}
[data-theme="dark"] .menu-brand-text span{color:#F0B964}
[data-theme="dark"] .mega-close{background:rgba(36,30,23,.8);border-color:var(--line-2,rgba(245,237,224,.16))}
[data-theme="dark"] .menu-feat-card.primary{background:linear-gradient(160deg,#2E2314,#241E17);color:#F5EDE0;border-color:rgba(223,153,91,.45)}[data-theme="dark"] .menu-feat-card.primary .feat-t{color:#F5EDE0}[data-theme="dark"] .menu-feat-card.primary .feat-sub{color:#CBBFA9}[data-theme="dark"] .menu-feat-card.primary .feat-em{background:#4A3520;color:#F0B964}[data-theme="dark"] .menu-feat-card:not(.primary){background:linear-gradient(160deg,#2E2314,#241E17);border-color:rgba(223,153,91,.22)}
[data-theme="dark"] .feat-em{background:var(--brand-soft,#4A3520)}
[data-theme="dark"] .feat-sub{color:var(--ink-3,#9C8F79)}
[data-theme="dark"] .mega-col .mega-col-title{color:#F0B964}
[data-theme="dark"] .mi{background:rgba(223,153,91,.16);color:#F0B964}
[data-theme="dark"] .md{color:var(--ink-3,#9C8F79)}
[data-theme="dark"] .menu-bottom{border-top-color:var(--line-2,rgba(245,237,224,.16))}
[data-theme="dark"] .menu-bottom-left{color:var(--ink-3,#9C8F79)}
[data-theme="dark"] .menu-bottom-left a{color:#F0B964;border-bottom-color:rgba(240,185,100,.4)}
[data-theme="dark"] .menu-bottom-socials a{background:var(--surface,#241E17);border-color:var(--line-2,rgba(245,237,224,.16));color:var(--ink-2,#CBBFA9)}

/* Кнопка темы в шапке — только на телефоне (≤900px, как бургер) и только там,
   где у страницы есть тёмная тема: признак — плавающая кнопка .theme-fab
   разделов «Теория», «ЕГЭ», «ОГЭ», «Материалы», блога. На главной и лендингах
   тёмных стилей нет, там кнопка не показывается. Механизм темы общий:
   data-theme на <html> и ключ neuromisha.theme в localStorage. Плавающую
   кнопку на телефоне прячем, чтобы не было двух переключателей. */
#shared-header .nav-theme{display:none;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgba(223,153,91,.15);background:rgba(255,253,248,.7);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);color:var(--ink,#1F2937);cursor:pointer;box-shadow:0 4px 16px -4px rgba(223,153,91,.18);transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}
.menu-theme{display:none;align-items:center;gap:11px;width:100%;min-height:52px;padding:10px 14px;border-radius:14px;border:1px solid rgba(223,153,91,.25);background:#FFFDF8;color:var(--ink,#1F2937);font:inherit;font-size:14.5px;font-weight:600;text-align:left;cursor:pointer}
@media(max-width:900px){
  html:has(.theme-fab) #shared-header .nav-theme{display:grid}
  html:has(.theme-fab) .menu-theme{display:flex}
  html:has(.theme-fab) .theme-fab{display:none}
}
/* Четыре элемента не влезают в строку уже на 375px: на узких экранах от
   логотипа остаётся знак с медведем, название читается из alt картинки. */
@media(max-width:380px){html:has(.theme-fab) #shared-header .nav>.brand>span:not(.brand-mark){display:none}}
#shared-header .nav-theme:active{transform:scale(.94)}
#shared-header .nav-theme:focus-visible,.menu-theme:focus-visible{outline:2px solid var(--brand,#DF995B);outline-offset:2px}
#shared-header .nav-theme .moon,[data-theme="dark"] #shared-header .nav-theme .sun{display:none}
[data-theme="dark"] #shared-header .nav-theme .moon{display:block}
.menu-theme-t{flex:1}
.menu-theme-sw{position:relative;width:40px;height:24px;border-radius:999px;background:rgba(31,41,55,.14);flex-shrink:0;transition:background .2s}
.menu-theme-sw::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(.22,1,.36,1)}
.menu-theme[aria-pressed="true"] .menu-theme-sw{background:var(--brand,#DF995B)}
.menu-theme[aria-pressed="true"] .menu-theme-sw::after{transform:translateX(16px)}
[data-theme="dark"] #shared-header .nav-theme{background:rgba(36,30,23,.7);border-color:var(--line-2,rgba(245,237,224,.16));color:var(--ink,#F5EDE0);box-shadow:0 4px 16px -4px rgba(0,0,0,.4)}
[data-theme="dark"] .menu-theme{background:var(--surface,#241E17);border-color:var(--line-2,rgba(245,237,224,.16));color:var(--ink,#F5EDE0)}
@media(prefers-reduced-motion:reduce){.menu-theme-sw,.menu-theme-sw::after,#shared-header .nav-theme{transition:none}}
