/* NL School — платформа. Образ: старинная колода Ленорман на ночном столе — чернила, пергамент, золото, винный. */
:root{
  --noch:#16131d; --noch2:#211c2b; --noch3:#2d2639;
  --perg:#f5efe3; --perg2:#ebe2d1; --list:#fffdf8;
  --t:#2a2430; --sv:#7a7080; --zoloto:#b8923f; --zoloto2:#d9bd76; --vino:#7a2e3a;
  --ok:#3d7a4f; --zhd:#a8741b; --osh:#a3392f; --linia:#e2d8c5;
  --ten:0 1px 2px rgba(40,28,20,.06),0 8px 24px -12px rgba(40,28,20,.18);
  --r:10px;
}
@media (prefers-color-scheme:dark){:root{
  --perg:#1b1822; --perg2:#24202d; --list:#221e2a; --t:#ece5d8; --sv:#a39aa8; --linia:#352f40;
  --ok:#7cc896; --zhd:#e3b25b; --osh:#ee8d83; --vino:#d98c97; --ten:0 1px 2px rgba(0,0,0,.3),0 10px 28px -14px rgba(0,0,0,.6);
}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--perg);color:var(--t);font:16px/1.65 Onest,system-ui,sans-serif;
  background-image:radial-gradient(1200px 600px at 100% -10%,rgba(184,146,63,.08),transparent 60%)}
a{color:var(--vino);text-decoration-thickness:1px;text-underline-offset:3px}
h1,h2,h3,.serif{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.01em;color:var(--t)}
h1{font-size:clamp(30px,4.2vw,44px);line-height:1.08;margin:0 0 10px}
h2{font-size:28px;line-height:1.15;margin:36px 0 14px}
h3{font-size:22px;line-height:1.2;margin:0 0 6px}
.sv{color:var(--sv);font-size:14px}
.osh{color:var(--osh)}.ok{color:var(--ok)}

/* ---------- каркас ---------- */
.bok{position:fixed;inset:0 auto 0 0;width:256px;background:var(--noch);color:#e9e1d2;display:flex;flex-direction:column;padding:22px 14px;z-index:20;
  background-image:linear-gradient(180deg,rgba(184,146,63,.10),transparent 30%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='none' stroke='%23b8923f' stroke-opacity='.06'%3E%3Cpath d='M60 10 70 50 110 60 70 70 60 110 50 70 10 60 50 50z'/%3E%3C/g%3E%3C/svg%3E")}
.marka{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;padding:0 8px 22px;border-bottom:1px solid rgba(217,189,118,.18)}
.marka img{width:38px;height:56px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 1px rgba(217,189,118,.5),0 6px 14px rgba(0,0,0,.4)}
.marka b{display:block;font:600 24px/1 "Cormorant Garamond",serif;color:var(--zoloto2);letter-spacing:.02em}
.marka i{display:block;font-style:normal;font-size:12px;color:#a99f8d;margin-top:4px;letter-spacing:.03em}
.bok nav{display:flex;flex-direction:column;gap:2px;margin-top:18px;flex:1}
.bok nav a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:8px;color:#cfc6b5;text-decoration:none;font-size:15px;transition:background .2s,color .2s}
.bok nav a:hover{background:var(--noch2);color:#fff}
.bok nav a.tut{background:linear-gradient(90deg,rgba(184,146,63,.22),rgba(184,146,63,.04));color:var(--zoloto2);box-shadow:inset 2px 0 0 var(--zoloto)}
.bok nav .nav-vyhod{margin-top:auto;color:#8f8676}
.kto{border-top:1px solid rgba(217,189,118,.18);padding:14px 10px 0;margin-top:10px}
.kto-imya{font-size:14px;color:#efe7d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kto-rol{font-size:12px;color:var(--zoloto2);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
.mob{display:none}
.glav{margin-left:256px;min-height:100vh}
.bez-menu .glav{margin-left:0}
.w{max-width:1080px;margin:0 auto;padding:36px 40px 80px}
@media (max-width:900px){
  .bok{transform:translateX(-100%);transition:transform .25s}
  .otkr .bok{transform:none;box-shadow:0 0 0 100vmax rgba(10,8,14,.55)}
  .mob{display:flex;position:sticky;top:0;z-index:15;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--noch);color:var(--zoloto2)}
  .mob .marka{border:0;padding:0}.mob .marka img{width:26px;height:38px}
  .mob b{font:600 22px "Cormorant Garamond",serif}
  .burger{background:none;border:1px solid rgba(217,189,118,.4);color:var(--zoloto2);border-radius:8px;padding:4px 12px;font-size:20px;margin:0;cursor:pointer}
  .glav{margin-left:0}.w{padding:22px 16px 64px}
}

/* ---------- элементы ---------- */
.karta{background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:22px 24px;margin:16px 0;box-shadow:var(--ten)}
.uzkaya{max-width:460px;margin:0 auto}
label{display:block;margin:14px 0;font-size:14px;color:var(--sv)}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:11px 13px;border:1px solid var(--linia);border-radius:8px;background:var(--perg);color:var(--t);font:inherit;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--zoloto);box-shadow:0 0 0 3px rgba(184,146,63,.18)}
button,.knopka{display:inline-flex;align-items:center;gap:8px;background:var(--noch);color:var(--zoloto2);border:1px solid var(--noch);border-radius:8px;padding:11px 20px;font:500 15px Onest,sans-serif;cursor:pointer;text-decoration:none;margin:6px 8px 0 0;transition:transform .15s,box-shadow .2s}
button:hover,.knopka:hover{transform:translateY(-1px);box-shadow:0 6px 16px -6px rgba(22,19,29,.5)}
button.vtor,.knopka.vtor{background:transparent;color:var(--t);border-color:var(--linia)}
button.ok-k{background:var(--ok);border-color:var(--ok);color:#fff}
@media (prefers-color-scheme:dark){button,.knopka{background:var(--zoloto);border-color:var(--zoloto);color:#1b1822}}
.metka{display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:1;padding:5px 9px;border-radius:20px;background:var(--perg2);color:var(--sv);white-space:nowrap;font-weight:500}
.metka::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.metka.accepted{color:var(--ok);background:rgba(61,122,79,.1)}
.metka.new{color:var(--zhd);background:rgba(168,116,27,.12)}
.metka.rework{color:var(--osh);background:rgba(163,57,47,.1)}
.metka.stop{color:var(--vino);background:rgba(122,46,58,.08)}
.metka.zakr{color:var(--sv)}
.metka.bez::before{display:none}

/* ---------- вход ---------- */
.vhod-fon{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}
.vhod-kart{background:var(--noch) url(/platforma/img/mir-taro.webp) center 20%/cover;position:relative}
.vhod-kart::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,19,29,.15),rgba(22,19,29,.85))}
.vhod-kart .citata{position:absolute;left:48px;right:48px;bottom:48px;z-index:1;color:#f3ead9;font:italic 500 30px/1.25 "Cormorant Garamond",serif;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.vhod-kart .citata small{display:block;font:500 13px Onest,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--zoloto2);margin-top:14px}
.vhod-forma{display:flex;align-items:center;justify-content:center;padding:40px 24px}
.vhod-forma .marka{color:var(--t);border:0;padding:0 0 28px}.vhod-forma .marka b{color:var(--vino)}.vhod-forma .marka i{color:var(--sv)}
.vhod-forma button{width:100%;justify-content:center;margin-top:12px}
@media (max-width:820px){.vhod-fon{grid-template-columns:1fr}.vhod-kart{height:220px}.vhod-kart .citata{font-size:22px;left:20px;right:20px;bottom:20px}}

/* ---------- кабинет ученика ---------- */
.geroj{position:relative;border-radius:14px;overflow:hidden;background:var(--noch) url(/platforma/img/oblozhka-lenorman.webp) center 30%/cover;color:#f4ecdc;padding:44px 40px;margin-bottom:28px;box-shadow:var(--ten);
  animation:vsplyt .6s ease both}
.geroj::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(22,19,29,.94) 0%,rgba(22,19,29,.78) 48%,rgba(22,19,29,.25) 100%)}
.geroj>*{position:relative}
.geroj .nadpis{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--zoloto2)}
.geroj h1{color:#fbf4e6;font-size:clamp(40px,6vw,64px);margin:8px 0 6px}
.geroj p{margin:0;color:#d8cdb9;max-width:520px}
.geroj-niz{display:flex;flex-wrap:wrap;gap:28px;align-items:center;margin-top:26px}
.krug{--p:0;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--zoloto2) calc(var(--p)*1%),rgba(255,255,255,.14) 0);display:grid;place-items:center}
.krug span{width:60px;height:60px;border-radius:50%;background:rgba(22,19,29,.92);display:grid;place-items:center;font:600 20px "Cormorant Garamond",serif;color:#fff}
.geroj .knopka{background:var(--zoloto);border-color:var(--zoloto);color:#1b1822;padding:13px 22px}
.cifry{display:flex;gap:26px}.cifry div{font-size:13px;color:#cbbfa9}.cifry b{display:block;font:600 26px "Cormorant Garamond",serif;color:#fff}
.modul-zag{display:flex;align-items:baseline;gap:14px;margin:40px 0 14px}
.modul-zag h2{margin:0}.modul-zag .sv{white-space:nowrap}
.setka{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.uk{position:relative;display:flex;gap:14px;background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:12px;text-decoration:none;color:var(--t);box-shadow:var(--ten);transition:transform .2s,box-shadow .2s,border-color .2s;animation:vsplyt .5s ease both}
a.uk:hover{transform:translateY(-2px);border-color:var(--zoloto);box-shadow:0 14px 30px -16px rgba(40,28,20,.45)}
.uk img{width:62px;height:92px;object-fit:cover;border-radius:5px;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 4px 10px -4px rgba(0,0,0,.35)}
.uk .uk-t{display:flex;flex-direction:column;gap:6px;min-width:0}
.uk .nomer{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--zoloto)}
.uk .imya{font-weight:500;font-size:15px;line-height:1.3}
.uk .metki{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.uk.zakryt{background:var(--perg2);box-shadow:none}
.uk.zakryt img{filter:grayscale(1) brightness(.85);opacity:.55}
.uk.zakryt .imya{color:var(--sv)}
.uk .pochemu{font-size:12px;color:var(--sv);line-height:1.35}
.zamochek{position:absolute;left:36px;top:46px;width:26px;height:26px;border-radius:50%;background:var(--noch);color:var(--zoloto2);display:grid;place-items:center;font-size:12px;box-shadow:0 2px 6px rgba(0,0,0,.3)}
@keyframes vsplyt{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- урок ---------- */
.urok-setka{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.urok-bok{position:sticky;top:20px;background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:14px;max-height:calc(100vh - 40px);overflow:auto;font-size:14px}
.urok-bok .bm{font:600 17px "Cormorant Garamond",serif;margin:10px 6px 6px;color:var(--vino)}
.urok-bok a,.urok-bok span.z{display:flex;gap:8px;padding:7px 8px;border-radius:6px;text-decoration:none;color:var(--t);line-height:1.3}
.urok-bok a:hover{background:var(--perg2)}
.urok-bok a.tut{background:var(--noch);color:var(--zoloto2)}
.urok-bok span.z{color:var(--sv)}
.urok-bok i{font-style:normal;width:14px;flex:none;text-align:center}
.urok-shapka{display:flex;gap:22px;align-items:center;margin-bottom:18px}
.urok-shapka img{width:84px;height:124px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 10px 22px -10px rgba(0,0,0,.5);transform:rotate(-3deg)}
.kroshki{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--zoloto)}
.kroshki a{color:inherit;text-decoration:none}
.video{position:relative;margin:18px 0;border-radius:12px;overflow:hidden;background:#0c0a10;box-shadow:var(--ten)}
.video video,.video iframe{display:block;width:100%;aspect-ratio:16/9;max-height:72vh;border:0}
.vz{position:absolute;top:12px;right:16px;color:rgba(255,255,255,.28);font-size:12px;pointer-events:none;user-select:none;letter-spacing:.04em}
.tekst{font-size:17px;line-height:1.75}
.tekst>*:first-child{margin-top:0}
.tekst h1,.tekst h2,.tekst h3,.tekst h4{font-family:"Cormorant Garamond",serif;margin:26px 0 10px;line-height:1.2}
.tekst h3{font-size:24px}.tekst h4{font-size:20px}
.tekst p{margin:0 0 12px}
.tekst a{font-weight:500}
.tekst mark{background:none;color:inherit}
.tekst mark a,.tekst h3 a{display:inline-flex;align-items:center;gap:8px;font:500 15px Onest,sans-serif;padding:9px 16px;border:1px solid var(--zoloto);border-radius:8px;text-decoration:none;color:var(--t);background:rgba(184,146,63,.08)}
.tekst img{max-width:100%;height:auto;border-radius:8px}
.zadanie{border:1px solid var(--zoloto);background:linear-gradient(180deg,rgba(184,146,63,.08),transparent 120px),var(--list)}
.zadanie h2{margin-top:0;display:flex;align-items:center;gap:10px}
.zadanie h2::before{content:"✦";color:var(--zoloto);font-size:20px}
.otvet{border-left:3px solid var(--linia);padding:10px 16px;margin:14px 0;background:var(--perg);border-radius:0 8px 8px 0}
.otvet.accepted{border-color:var(--ok)}.otvet.new{border-color:var(--zhd)}.otvet.rework{border-color:var(--osh)}
.kom{margin-top:10px;padding:10px 12px;background:var(--list);border-radius:8px;border:1px solid var(--linia);font-size:15px}
.fajly{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.fajly a img{width:96px;height:96px;object-fit:cover;border-radius:6px;border:1px solid var(--linia)}
.fajly a.pdf{display:inline-flex;padding:8px 12px;border:1px solid var(--linia);border-radius:6px;font-size:13px;text-decoration:none}
.nav-urok{display:flex;justify-content:space-between;gap:12px;margin:28px 0}
.vidno-tolko{font-size:13px;color:var(--sv)}
@media (max-width:980px){.urok-setka{grid-template-columns:1fr}.urok-bok{position:static;max-height:none;order:2}}

/* ---------- админка ---------- */
.plitki{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:6px 0 24px}
.plitka{background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:18px 20px;box-shadow:var(--ten);text-decoration:none;color:var(--t);position:relative;overflow:hidden}
.plitka b{display:block;font:600 40px/1 "Cormorant Garamond",serif;color:var(--t);margin-bottom:6px}
.plitka.vazhno{background:var(--noch);border-color:var(--noch);color:#d9cfbd}.plitka.vazhno b{color:var(--zoloto2)}
.plitka::after{content:"";position:absolute;right:-20px;top:-20px;width:90px;height:90px;border-radius:50%;border:1px solid rgba(184,146,63,.25)}
.filtr{display:flex;flex-wrap:wrap;gap:10px;align-items:end;background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:14px 16px;margin:0 0 16px}
.filtr label{margin:0;flex:1;min-width:150px}
.filtr button{margin:0}
.vkladki{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}
.vkladki a{padding:8px 14px;border-radius:20px;border:1px solid var(--linia);text-decoration:none;color:var(--t);font-size:14px;background:var(--list)}
.vkladki a.tut{background:var(--noch);border-color:var(--noch);color:var(--zoloto2)}
.vkladki a i{font-style:normal;color:var(--sv);margin-left:4px}
.tablica{overflow-x:auto;background:var(--list);border:1px solid var(--linia);border-radius:var(--r);box-shadow:var(--ten)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font-weight:500;color:var(--sv);text-align:left;padding:12px 14px;border-bottom:1px solid var(--linia);font-size:12px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--perg)}
td{padding:12px 14px;border-bottom:1px solid var(--linia);vertical-align:middle}
tr:last-child td{border-bottom:0}
tr.ssyl{cursor:pointer}tr.ssyl:hover td{background:rgba(184,146,63,.06)}
tr.vykl{opacity:.5}
.ava{width:36px;height:36px;border-radius:50%;background:var(--noch);color:var(--zoloto2);display:inline-grid;place-items:center;font:600 16px "Cormorant Garamond",serif;flex:none}
.chel{display:flex;gap:12px;align-items:center}.chel b{font-weight:500}
.polosa{height:6px;background:var(--perg2);border-radius:3px;overflow:hidden;min-width:90px}.polosa i{display:block;height:100%;background:linear-gradient(90deg,var(--zoloto),var(--zoloto2))}
.matrica td,.matrica th{padding:6px 5px;text-align:center}
.matrica th.u{writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;letter-spacing:0;text-transform:none;height:120px;white-space:nowrap}
.matrica td.imya{text-align:left;white-space:nowrap;position:sticky;left:0;background:var(--list)}
.kl{display:inline-block;width:18px;height:18px;border-radius:4px;background:var(--perg2)}
.kl.accepted{background:var(--ok)}.kl.new{background:var(--zhd)}.kl.rework{background:var(--osh)}.kl.net{background:transparent;border:1px dashed var(--linia)}
.legenda{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--sv);margin:10px 0}.legenda span{display:inline-flex;gap:6px;align-items:center}
.dva{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
@media (max-width:980px){.dva{grid-template-columns:1fr}}
.dva>*{min-width:0}.v-ryad select{max-width:100%}
.svojstva{display:grid;grid-template-columns:110px 1fr;gap:6px 10px;font-size:14px}.svojstva dt{color:var(--sv)}.svojstva dd{margin:0;word-break:break-word}
.lenta-dz .karta{padding:18px 20px}
.dz-shapka{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:8px}
.knopki{display:flex;flex-wrap:wrap;gap:0}
.v-ryad{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.v-ryad select,.v-ryad input{width:auto;margin:0;padding:8px 10px;font-size:14px}
.v-ryad button{margin:0;padding:8px 14px;font-size:14px}
.qr{background:#fff;padding:12px;display:inline-block;border-radius:8px;margin:8px 0}
code{font-size:13px;word-break:break-all}
.ssylka{display:block;padding:10px;background:var(--perg);border-radius:6px;margin-top:6px;border:1px dashed var(--zoloto)}
details>summary{cursor:pointer;color:var(--vino);font-weight:500;list-style:none}
.pusto{text-align:center;padding:40px 20px;color:var(--sv)}
.pusto img{width:70px;opacity:.7;margin-bottom:10px;border-radius:5px}

.plitka b,.cifry b,.krug span,h1,h2{font-variant-numeric:lining-nums}
.plitki{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
.uk .imya{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.uk .pochemu{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- карта миров ---------- */
.mir-zag{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:16px}
.karta-obertka{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--linia),0 24px 50px -24px rgba(40,28,20,.55);background:#e9dcc0}
.karta-mira{position:relative;aspect-ratio:2752/1536;min-width:720px}
.karta-mira img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tuman{position:absolute;width:calc(var(--r)*2.3);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  z-index:1;-webkit-backdrop-filter:blur(3px) grayscale(.9) brightness(1.06);backdrop-filter:blur(3px) grayscale(.9) brightness(1.06);
  background:radial-gradient(closest-side,rgba(246,241,232,.62),rgba(246,241,232,.4) 55%,rgba(246,241,232,0) 100%);
  -webkit-mask:radial-gradient(closest-side,#000 62%,transparent 100%);mask:radial-gradient(closest-side,#000 62%,transparent 100%);
  animation:dymka 9s ease-in-out infinite alternate}
.tuman:nth-of-type(2n){animation-duration:12s;animation-delay:-3s}
@keyframes dymka{from{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-52%,-48%) scale(1.06)}}
.zemlya{position:absolute;z-index:2;transform:translate(-50%,-50%);width:calc(var(--r)*1.7);aspect-ratio:1;border-radius:50%;background:transparent;border:0;margin:0;padding:0;box-shadow:none;cursor:pointer}
.zemlya:hover{transform:translate(-50%,-50%);box-shadow:none}
.zemlya.otkr::before{content:"";position:absolute;inset:8%;border-radius:50%;box-shadow:0 0 0 2px rgba(217,189,118,.0),0 0 40px 10px rgba(255,214,120,.0);animation:svet 3s ease-in-out infinite}
@keyframes svet{50%{box-shadow:0 0 0 2px rgba(217,189,118,.55),0 0 46px 14px rgba(255,214,120,.35)}}
.flag{position:absolute;left:50%;bottom:-6%;transform:translateX(-50%);white-space:nowrap;display:flex;flex-direction:column;align-items:center;
  background:var(--noch);color:#f3e7cc;padding:6px 14px 7px;border-radius:6px;box-shadow:0 6px 14px -4px rgba(0,0,0,.5);transition:transform .2s}
.flag::before,.flag::after{content:"";position:absolute;top:50%;width:10px;height:10px;background:var(--noch);transform:translateY(-50%) rotate(45deg)}
.flag::before{left:-4px}.flag::after{right:-4px}
.flag b{font:600 17px/1.1 "Cormorant Garamond",serif;color:var(--zoloto2);letter-spacing:.02em}
.flag i{font-style:normal;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#c9bda4;margin-top:2px}
.zemlya.zakr .flag{background:#4a4352;}
.zemlya.zakr .flag::before,.zemlya.zakr .flag::after{background:#4a4352}
.zemlya.zakr .flag b{color:#e8e0cf}
.zemlya:hover .flag{transform:translateX(-50%) translateY(-3px)}
.okno{border:0;border-radius:14px;padding:0;max-width:640px;width:calc(100% - 32px);background:var(--list);color:var(--t);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
.okno::backdrop{background:rgba(22,19,29,.6);backdrop-filter:blur(2px)}
.okno-v{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:26px}
.okno-v img{width:100%;border-radius:8px;box-shadow:0 12px 26px -10px rgba(0,0,0,.5);transform:rotate(-2deg)}
.okno h2{margin:4px 0 2px;font-size:32px}.okno-kurs{margin:0 0 10px;color:var(--vino);font-weight:500}
@media (max-width:600px){.okno-v{grid-template-columns:1fr}.okno-v img{width:120px}}
.mir-spisok{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.mir-k{display:flex;gap:14px;align-items:center;text-align:left;background:var(--list);color:var(--t);border:1px solid var(--linia);border-radius:var(--r);padding:12px;margin:0;box-shadow:var(--ten)}
.mir-k img{width:58px;height:86px;object-fit:cover;border-radius:5px;flex:none}
.mir-k span{display:flex;flex-direction:column;gap:3px}.mir-k b{font:600 20px "Cormorant Garamond",serif}
.mir-k i{font-style:normal;font-size:13px;color:var(--sv)}.mir-k em{font-style:normal;font-size:12px;color:var(--ok);font-weight:500}
.mir-k.zakr img{filter:grayscale(.9);opacity:.7}.mir-k.zakr em{color:var(--sv)}
.mob-podskazka{display:none}
@media (max-width:900px){.karta-obertka{overflow-x:auto;-webkit-overflow-scrolling:touch}.mob-podskazka{display:block}}

.sloj-tuman,.sloj-zemli{position:absolute;inset:0}.sloj-tuman{z-index:1;pointer-events:none}.sloj-zemli{z-index:3}

/* ---------- тесты и анкеты ---------- */
.vopros{border:1px solid var(--linia);border-radius:10px;padding:14px 16px 10px;margin:0 0 12px;background:var(--list)}
.vopros legend{font-weight:500;padding:0 6px;display:flex;gap:10px;align-items:baseline}
.vopros legend span{font:600 20px "Cormorant Garamond",serif;color:var(--zoloto)}
.var{display:flex;gap:10px;align-items:flex-start;margin:6px 0;padding:9px 12px;border:1px solid var(--linia);border-radius:8px;cursor:pointer;color:var(--t);font-size:15px;transition:border-color .15s,background .15s}
.var:hover{border-color:var(--zoloto)}
.var input{width:auto;margin:3px 0 0;flex:none;accent-color:var(--vino)}
.var:has(input:checked){border-color:var(--vino);background:rgba(122,46,58,.06)}
.ocenka{display:flex;flex-wrap:wrap;gap:6px}.ocenka label{margin:0}.ocenka input{display:none}
.ocenka span{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--linia);border-radius:8px;cursor:pointer;font-weight:600;color:var(--t)}
.ocenka input:checked+span{background:var(--vino);border-color:var(--vino);color:#fff}
.anketa-blok{margin:22px 0 10px;color:var(--vino)}
.rez-testa.ok{border-color:var(--ok)}.rez-testa.net{border-color:var(--osh)}
.razbor li{margin:0 0 12px;line-height:1.5}

/* миры: свой цвет и знак */
.flag{border-top:3px solid var(--c)}
.flag b em{font-style:normal;color:var(--c);margin-right:6px;font-size:18px;filter:brightness(1.35)}
.zemlya.zakr .flag b em{filter:brightness(1.5) saturate(.8)}
.zemlya.otkr::before{animation:svet2 3s ease-in-out infinite}
@keyframes svet2{50%{box-shadow:0 0 0 2px var(--c),0 0 48px 14px color-mix(in srgb,var(--c) 55%,transparent)}}
.zemlya.sled::before{content:"";position:absolute;inset:6%;border-radius:50%;border:2px dashed var(--c);animation:sled 2.4s ease-in-out infinite}
@keyframes sled{50%{transform:scale(1.05);opacity:.6}}
.okno .okno-v{border-top:4px solid var(--c);border-radius:14px}
.okno h2{color:var(--c)}
.mir-k{border-left:4px solid var(--c)}
.mir-k .znak{font-style:normal;color:var(--c)}

/* ---------- герой и карта пути ---------- */
.geroj-panel{display:grid;grid-template-columns:150px 1fr 240px;gap:26px;align-items:center;background:var(--noch);color:#e9e1d2;border-radius:14px;padding:24px 28px;margin:0 0 16px;box-shadow:var(--ten);
  background-image:radial-gradient(500px 200px at 10% 0%,rgba(217,189,118,.18),transparent 70%)}
.geroj-oblik{position:relative;justify-self:center}
.geroj-oblik img{width:120px;height:178px;object-fit:cover;border-radius:8px;box-shadow:0 0 0 2px var(--zoloto),0 0 30px rgba(217,189,118,.45);animation:dyhanie 4s ease-in-out infinite}
@keyframes dyhanie{50%{box-shadow:0 0 0 2px var(--zoloto2),0 0 46px rgba(217,189,118,.7)}}
.uroven{position:absolute;right:-12px;bottom:-12px;width:44px;height:44px;border-radius:50%;background:var(--zoloto);color:#1b1822;display:grid;place-items:center;font:700 22px "Cormorant Garamond",serif;box-shadow:0 4px 10px rgba(0,0,0,.4)}
.geroj-info h2{color:#fbf2df;margin:2px 0 2px;font-size:34px}
.geroj-info .sv{color:#b9ae9b;margin:0 0 12px}
.opyt span{font-size:13px;color:#cdbf9f}
.opyt .polosa{height:10px;background:rgba(255,255,255,.1);margin-bottom:6px}
.geroj-cifry{display:flex;gap:26px;margin-top:14px}.geroj-cifry div{font-size:13px;color:#b9ae9b}.geroj-cifry b{display:block;font:600 28px "Cormorant Garamond",serif;color:#fff;font-variant-numeric:lining-nums}
.geroj-bok h3,.nahodki h3{font-size:20px;margin:0 0 8px}.geroj-bok h3{color:var(--zoloto2)}
.navyki{list-style:none;margin:0;padding:0;font-size:14px}
.navyki li{display:flex;gap:8px;padding:4px 0;color:#7d7486}.navyki li.est{color:#efe4cc}.navyki li i{font-style:normal;width:14px;color:var(--zoloto2)}
.nahodki{margin:0 0 26px}
.nahodki-ryad{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.nahodka{background:var(--list);border:1px solid var(--linia);border-radius:10px;padding:10px;text-align:center;box-shadow:var(--ten)}
.nahodka img{width:54px;height:80px;object-fit:cover;border-radius:4px;filter:grayscale(1);opacity:.35;transition:.3s}
.nahodka b{display:block;font:600 16px "Cormorant Garamond",serif;margin-top:6px;color:var(--sv)}
.nahodka span{display:block;font-size:11.5px;color:var(--sv);line-height:1.3}
.nahodka.est{border-color:var(--zoloto);background:linear-gradient(180deg,rgba(184,146,63,.12),transparent 70%),var(--list)}
.nahodka.est img{filter:none;opacity:1;box-shadow:0 0 16px rgba(217,189,118,.6)}
.nahodka.est b{color:var(--t)}
.put{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px var(--linia),var(--ten);margin:10px 0 10px;background:#efe3c8 url(/platforma/img/karta-mira-m.webp) center/cover}
.put-holst{position:relative;width:100%;background:rgba(245,236,214,.86)}
.put-svg{position:absolute;inset:0;width:100%;height:100%}
.tropa{fill:none;stroke:#8a6f3e;stroke-width:5;stroke-dasharray:2 12;stroke-linecap:round;opacity:.75}
.modul-podp{font:600 17px "Cormorant Garamond",serif;fill:#7a2e3a;letter-spacing:.02em}
.uzel{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:600 17px "Cormorant Garamond",serif;transition:transform .2s;font-variant-numeric:lining-nums}
.uzel span{line-height:1}
.uzel.ok{background:radial-gradient(circle at 35% 30%,#f3d98c,#b8923f 70%);color:#3a2a10;box-shadow:0 0 0 3px #fff7e0,0 4px 10px rgba(80,50,10,.35)}
.uzel.otkr{background:#fffaf0;color:#7a2e3a;box-shadow:0 0 0 2px #b8923f,0 4px 10px rgba(80,50,10,.2)}
.uzel.zakr{background:#d9d2c6;color:#8f877c;box-shadow:0 0 0 2px #c7bfb2}
a.uzel:hover{transform:translate(-50%,-50%) scale(1.12)}
.uzel.tut{box-shadow:0 0 0 3px #7a2e3a,0 0 0 8px rgba(122,46,58,.18)}
.geroj-na-trope{position:absolute;transform:translate(-50%,-118%);pointer-events:none;animation:pryzhok 1.6s ease-in-out infinite}
.geroj-na-trope img{width:38px;height:56px;object-fit:cover;border-radius:4px;box-shadow:0 0 0 2px #fff,0 6px 14px rgba(0,0,0,.4)}
@keyframes pryzhok{50%{transform:translate(-50%,-128%)}}
.put-zag{margin-top:6px}
@media (max-width:900px){.geroj-panel{grid-template-columns:1fr;text-align:center}.geroj-cifry{justify-content:center}.geroj-bok{text-align:left}
  .put{overflow-x:auto}.put-holst{min-width:760px}}

/* ---------- библиотека и мастерская ---------- */
.polka{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.material{display:flex;gap:12px;align-items:center;background:var(--list);border:1px solid var(--linia);border-radius:var(--r);padding:10px 12px;text-decoration:none;color:var(--t);box-shadow:var(--ten);transition:transform .2s,border-color .2s}
a.material:hover{transform:translateY(-2px);border-color:var(--zoloto)}
.material img{width:40px;height:60px;object-fit:cover;border-radius:4px;flex:none}
.material div{display:flex;flex-direction:column;gap:2px;min-width:0}
.material b{font-weight:500;font-size:15px;line-height:1.3}
.material .sv{font-size:12.5px;line-height:1.3}
.mvid{font-size:12px;color:var(--zoloto)}
.material.zakr{background:var(--perg2);box-shadow:none}.material.zakr img{filter:grayscale(1);opacity:.5}.material.zakr b{color:var(--sv)}
.material .pochemu{font-size:12px;color:var(--sv)}
h2 .sv{font-family:Onest,sans-serif;font-size:14px;font-weight:400}
.sert{max-width:520px;width:100%;border-radius:8px;box-shadow:var(--ten);margin-top:12px}

/* ---------- 04.11: меню сверху вместо боковой колонки (Наталья: «меню на пол экрана, странно») ---------- */
.bok{position:sticky;top:0;inset:auto;width:auto;height:auto;flex-direction:row;align-items:center;gap:22px;padding:10px 28px;transform:none;
  box-shadow:0 6px 20px -10px rgba(0,0,0,.5);background-image:linear-gradient(90deg,rgba(184,146,63,.10),transparent 40%)}
.bok .marka{padding:0;border:0;flex:none}
.bok .marka img{width:30px;height:44px}
.bok .marka b{font-size:22px}
.bok nav{flex-direction:row;flex-wrap:wrap;gap:2px;margin:0;flex:1}
.bok nav a{padding:8px 12px;font-size:14.5px}
.bok nav a.tut{box-shadow:inset 0 -2px 0 var(--zoloto);background:rgba(184,146,63,.14)}
.bok nav .nav-vyhod{margin:0}
.bok .kto{border:0;margin:0;padding:0;text-align:right;flex:none;max-width:200px}
.glav{margin-left:0}
.w{max-width:1200px}
@media (max-width:1100px){.bok nav a span{display:none}.bok nav a{padding:9px}}
@media (max-width:900px){
  .bok{position:fixed;inset:56px 0 auto 0;flex-direction:column;align-items:stretch;padding:12px 16px 18px;transform:translateY(-130%);transition:transform .25s;z-index:30}
  .otkr .bok{transform:none;box-shadow:0 20px 40px rgba(0,0,0,.5)}
  .bok .marka,.bok .kto{display:none}
  .bok nav{flex-direction:column}.bok nav a span{display:inline}.bok nav a{padding:11px 12px;font-size:16px}
}

.tolko-mob{display:none!important}
.kto a{color:inherit;text-decoration:none}.kto-rol a{color:#a99f8d}
@media (max-width:900px){.tolko-mob{display:flex!important}}
.nahodka img{width:76px;height:76px;object-fit:contain;border-radius:0;box-shadow:none!important;filter:grayscale(1) contrast(.8);opacity:.3}
.nahodka.est img{filter:drop-shadow(0 4px 10px rgba(184,146,63,.55));opacity:1}
.nahodki-ryad{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}

/* ---------- декор: артефакты в стиле гравюры ---------- */
.zag-art{display:flex;align-items:center;gap:16px;margin-bottom:6px}
.zag-art img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(80,50,10,.3));animation:plyv 6s ease-in-out infinite}
.zag-art.malyj img{width:52px;height:52px}
.zag-art h1,.zag-art h2{margin:0}
@keyframes plyv{50%{transform:translateY(-5px) rotate(-2deg)}}
.dekor{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.dekor img{position:absolute;width:150px;opacity:.08;filter:sepia(.4);animation:dreif 22s ease-in-out infinite}
.dekor .d1{left:2%;bottom:6%;animation-duration:20s}.dekor .d2{right:3%;top:22%;width:130px;animation-delay:-6s}
.dekor .d3{right:6%;bottom:4%;animation-delay:-11s}.dekor .d4{left:4%;top:30%;width:110px;animation-delay:-3s}
@keyframes dreif{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(10px,-18px) rotate(4deg)}}
.glav{position:relative;z-index:1}
@media (max-width:900px){.dekor{display:none}}
@media (min-width:1100px){.nahodki-ryad{grid-template-columns:repeat(8,1fr)}}
.kom-1{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--linia)}
.kom-1 .ava{width:32px;height:32px;font-size:14px}
.kom-otv{margin-left:44px}
button.mal{padding:3px 8px;font-size:12px}
.uved{display:flex;flex-direction:column;gap:2px;background:var(--list);border:1px solid var(--linia);border-radius:10px;padding:12px 16px;margin:8px 0;text-decoration:none;color:var(--t)}
.uved.nov{border-left:4px solid var(--zoloto);background:linear-gradient(90deg,rgba(184,146,63,.08),transparent 40%),var(--list)}
.schet{font-style:normal;background:var(--vino);color:#fff;border-radius:10px;padding:0 7px;font-size:12px;margin-left:4px}
.prazdnik{position:fixed;inset:0;margin:auto;z-index:50;max-width:520px}
#salyut{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:49}
dialog.prazdnik[open]{box-shadow:0 0 0 100vmax rgba(22,19,29,.55),0 30px 80px -20px rgba(0,0,0,.6)}

/* ---------- 04.11: тема мира Ленорман — винный и бронза, как сертификат «Профессионал» (Наталья: «оформить всю страницу курса в этой гамме») ---------- */
.tema-lenorman{--noch:#2b0f1a;--noch2:#3d1726;--zoloto:#b9874a;--zoloto2:#e6bf82;--vino:#8a2236;--perg:#f7eee2;--perg2:#efdfcd;--list:#fffaf4;--linia:#e8d3bf;
  background-color:var(--perg);background-image:radial-gradient(900px 500px at 50% -10%,rgba(138,34,54,.12),transparent 70%)}
.tema-lenorman .bok{background-color:#2b0f1a;background-image:linear-gradient(90deg,rgba(185,135,74,.18),transparent 45%)}
.tema-lenorman .geroj{background-image:url(/platforma/img/tema-len-verh.webp);background-position:center 30%}
.tema-lenorman .geroj::before{background:linear-gradient(100deg,rgba(43,15,26,.95) 0%,rgba(74,20,36,.82) 50%,rgba(43,15,26,.35) 100%)}
.tema-lenorman .geroj-panel{background-color:#2b0f1a;background-image:radial-gradient(500px 220px at 10% 0%,rgba(230,191,130,.22),transparent 70%)}
.tema-lenorman .uk:hover,.tema-lenorman a.material:hover{border-color:var(--vino)}
.tema-lenorman .modul-zag h2,.tema-lenorman h1{color:#4a1424}
.tema-lenorman .metka.stop{color:var(--vino)}
.tema-lenorman .uzel.ok{background:radial-gradient(circle at 35% 30%,#f1d2a0,#b9874a 70%)}
.tema-lenorman .uzel.tut{box-shadow:0 0 0 3px #8a2236,0 0 0 8px rgba(138,34,54,.2)}
.tema-lenorman .put-holst{background:rgba(247,236,222,.88)}
.tema-lenorman .modul-podp{fill:#8a2236}
.tema-lenorman .zadanie{border-color:var(--vino);background:linear-gradient(180deg,rgba(138,34,54,.07),transparent 120px),var(--list)}
.tema-lenorman .zadanie h2::before{color:var(--vino)}
.tema-lenorman .urok-bok a.tut{background:#2b0f1a}
.tema-lenorman button,.tema-lenorman .knopka{background:#4a1424;border-color:#4a1424;color:#f3d9a8}
.tema-lenorman button.vtor,.tema-lenorman .knopka.vtor{background:transparent;color:var(--t);border-color:var(--linia)}
.tema-lenorman .geroj .knopka{background:var(--zoloto);border-color:var(--zoloto);color:#2b0f1a}
.tema-lenorman button.ok-k{background:#3d7a4f;border-color:#3d7a4f;color:#fff}
.tema-bok{position:fixed;top:68px;bottom:0;width:190px;background-size:cover;background-repeat:no-repeat;opacity:.55;pointer-events:none;z-index:0;
  -webkit-mask:linear-gradient(90deg,#000 40%,transparent);mask:linear-gradient(90deg,#000 40%,transparent)}
.tema-bok.l{left:0;background-image:url(/platforma/img/tema-len-l.webp);background-position:right center}
.tema-bok.r{right:0;background-image:url(/platforma/img/tema-len-r.webp);background-position:left center;-webkit-mask:linear-gradient(270deg,#000 40%,transparent);mask:linear-gradient(270deg,#000 40%,transparent)}
@media (max-width:1500px){.tema-bok{width:110px;opacity:.4}}
@media (max-width:1250px){.tema-bok{display:none}}
@media (prefers-color-scheme:dark){.tema-lenorman{--perg:#1d1218;--perg2:#281820;--list:#24161d;--linia:#3a2630}.tema-lenorman h1,.tema-lenorman .modul-zag h2{color:#f0d9c2}}
/* как на сертификате: заголовки — винные ленты с золотом, страница — пергамент в бронзовой рамке */
.tema-lenorman .geroj h1{color:#fbeedd}
.tema-lenorman .w{position:relative;background:linear-gradient(180deg,rgba(255,250,242,.65),rgba(247,236,222,.4));border:1px solid rgba(185,135,74,.55);
  box-shadow:inset 0 0 0 6px rgba(247,236,222,.8),inset 0 0 0 7px rgba(185,135,74,.45),0 20px 60px -30px rgba(74,20,36,.45);border-radius:6px;margin:24px auto 40px;padding:44px 48px 70px}
.tema-lenorman .w::before,.tema-lenorman .w::after{content:"❦";position:absolute;font-size:28px;color:#b9874a;opacity:.8;line-height:1}
.tema-lenorman .w::before{left:14px;top:10px}.tema-lenorman .w::after{right:14px;bottom:10px;transform:rotate(180deg)}
.tema-lenorman .modul-zag{justify-content:center;margin:46px 0 18px}
.tema-lenorman .modul-zag h2,.tema-lenorman h2.lenta,.tema-lenorman .put-zag{position:relative;display:inline-block;background:linear-gradient(180deg,#8a2236,#6a1428);color:#f3d9a8!important;
  padding:8px 40px 9px;font-size:24px;letter-spacing:.03em;box-shadow:0 6px 14px -6px rgba(74,20,36,.6),inset 0 1px 0 rgba(255,220,170,.25),inset 0 -1px 0 rgba(0,0,0,.25);border-top:1px solid #b9874a;border-bottom:1px solid #b9874a}
.tema-lenorman .modul-zag h2::before,.tema-lenorman .modul-zag h2::after,.tema-lenorman .put-zag::before,.tema-lenorman .put-zag::after{content:"";position:absolute;top:8px;width:22px;height:100%;background:#5a1022;z-index:-1}
.tema-lenorman .modul-zag h2::before,.tema-lenorman .put-zag::before{left:-16px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}
.tema-lenorman .modul-zag h2::after,.tema-lenorman .put-zag::after{right:-16px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}
.tema-lenorman .modul-zag .sv{position:absolute;right:0}
.tema-lenorman .modul-zag{position:relative}
.tema-lenorman .zag-art.malyj{justify-content:center}
.tema-lenorman .uk{border-color:#e3cdb4;background:linear-gradient(180deg,#fffaf4,#fbf1e4)}
.tema-lenorman .uk::after{content:"";position:absolute;inset:4px;border:1px solid rgba(185,135,74,.28);border-radius:7px;pointer-events:none}
.tema-lenorman .karta{border-color:#e3cdb4}
.tema-lenorman .nahodka.est{border-color:#b9874a}
@media (max-width:900px){.tema-lenorman .w{margin:10px 8px 24px;padding:24px 16px 50px}.tema-lenorman .modul-zag .sv{position:static}}
.geroj h1.geroj-nazv{font:700 clamp(46px,8vw,96px)/0.95 "Cormorant Garamond",serif;letter-spacing:.14em;text-transform:uppercase;margin:12px 0 4px;
  background:linear-gradient(180deg,#fff3d6 0%,#e6bf82 55%,#b9874a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.geroj-pod{font:500 italic 22px "Cormorant Garamond",serif;color:#e6bf82;letter-spacing:.06em;margin-bottom:12px}
@media (max-width:700px){
  .geroj{padding:28px 20px}
  .geroj h1.geroj-nazv{font-size:11.5vw;letter-spacing:.06em}
  .geroj-pod{font-size:18px}
  .cifry{flex-wrap:wrap;gap:14px 20px}
  .geroj-niz{gap:18px}
}
@media (max-width:700px){.geroj h1.geroj-nazv{font-size:10vw;letter-spacing:.05em}
  .tema-lenorman .modul-zag h2,.tema-lenorman .put-zag{font-size:19px;padding:7px 22px;max-width:calc(100% - 30px)}}
.bok .kto{max-width:280px}.kto-imya{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kto-rol{white-space:nowrap}
/* 04.11 (Наталья 15715): по бокам — как на сертификате, во всю высоту и без бледности */
.tema-bok{top:0;bottom:0;width:calc((100vw - 1200px) / 2 + 40px);min-width:150px;opacity:1;background-size:cover;-webkit-mask:none;mask:none;z-index:0;
  box-shadow:inset 0 0 0 1px rgba(185,135,74,.35)}
.tema-bok.l{background-position:right top}.tema-bok.r{background-position:left top;-webkit-mask:none;mask:none}
.tema-lenorman .bok{position:sticky;z-index:20}
.tema-lenorman .glav{position:relative;z-index:1}
.tema-lenorman{background-color:#3a1220}
@media (max-width:1500px){.tema-bok{width:150px;opacity:1}}
@media (max-width:1250px){.tema-bok{display:block;width:70px}}
@media (max-width:900px){.tema-bok{display:none}.tema-lenorman{background-color:var(--perg)}}
/* 04.11 (Наталья 15716: «вся графика волшебная, не безличная»): центр — живой пергамент с сертификата, карточки — состаренная бумага */
.tema-lenorman .w{background:#f4e6d2 url(/platforma/img/tema-len-perg.webp) center top/100% auto repeat-y;
  box-shadow:inset 0 0 0 6px rgba(244,230,210,.6),inset 0 0 0 7px rgba(185,135,74,.55),inset 0 0 80px rgba(120,60,30,.25),0 25px 70px -25px rgba(20,5,10,.8)}
.tema-lenorman .uk,.tema-lenorman .karta,.tema-lenorman .material,.tema-lenorman .nahodka,.tema-lenorman .mir-k{background:rgba(255,248,236,.82) url(/platforma/img/tema-len-perg.webp) center/cover;background-blend-mode:soft-light;
  border-color:rgba(185,135,74,.55);box-shadow:0 2px 0 rgba(255,255,255,.4) inset,0 10px 24px -14px rgba(74,20,36,.55)}
.tema-lenorman .uk.zakryt{background:rgba(232,218,200,.85)}
.tema-lenorman .uk::before{content:"";position:absolute;right:8px;top:8px;width:14px;height:14px;background:radial-gradient(circle,#e6bf82 0 2px,transparent 3px),conic-gradient(from 45deg,transparent 0 25%,rgba(185,135,74,.5) 0 26%,transparent 0 50%,rgba(185,135,74,.5) 0 51%,transparent 0 75%,rgba(185,135,74,.5) 0 76%,transparent 0);opacity:.9}
.tema-lenorman h2:not(.lenta):not(.put-zag),.tema-lenorman h3{color:#5a1424}
.tema-lenorman .w>h2::after,.tema-lenorman .karta h2::after{content:" ❦";color:#b9874a;font-size:.8em}
.tema-lenorman .geroj-panel{border:1px solid rgba(230,191,130,.4)}
.tema-lenorman .put{box-shadow:0 0 0 1px rgba(185,135,74,.6),0 0 0 6px rgba(244,230,210,.6),0 0 0 7px rgba(185,135,74,.4),0 16px 40px -20px rgba(74,20,36,.6)}

/* ---------- 04.11: тема мира «Знакомство с Таро» (мини-курс). Наталья: «своя гамма, сказочная, как сертификат Ленорман, графика в Gemini, не такая как у Ленорман». Правила темы Ленорман целиком, перекрашены: ночная синева, золото, пергамент; картинки tema-zn-* из Gemini. Собрано perenos-gc/kurs_minikurs/sobrat_temu2.py ---------- */
.tema-znakomstvo{--noch:#0f1a38;--noch2:#1b2c5c;--zoloto:#c9a24a;--zoloto2:#f0cf7a;--vino:#2f4a8a;--perg:#f6eedd;--perg2:#ece0c6;--list:#fffbf2;--linia:#e3d4b4;
  background-color:var(--perg);background-image:radial-gradient(900px 500px at 50% -10%,rgba(47,74,138,.12),transparent 70%)}
.tema-znakomstvo .bok{background-color:#0f1a38;background-image:linear-gradient(90deg,rgba(201,162,74,.18),transparent 45%)}
.tema-znakomstvo .geroj{background-image:url(/platforma/img/tema-zn-verh.webp);background-position:center 30%}
.tema-znakomstvo .geroj::before{background:linear-gradient(100deg,rgba(15,26,56,.95) 0%,rgba(27,44,92,.82) 50%,rgba(15,26,56,.35) 100%)}
.tema-znakomstvo .geroj-panel{background-color:#0f1a38;background-image:radial-gradient(500px 220px at 10% 0%,rgba(240,207,122,.22),transparent 70%)}
.tema-znakomstvo .uk:hover,.tema-znakomstvo a.material:hover{border-color:var(--vino)}
.tema-znakomstvo .modul-zag h2,.tema-znakomstvo h1{color:#1b2c5c}
.tema-znakomstvo .metka.stop{color:var(--vino)}
.tema-znakomstvo .uzel.ok{background:radial-gradient(circle at 35% 30%,#f6dc96,#c9a24a 70%)}
.tema-znakomstvo .uzel.tut{box-shadow:0 0 0 3px #2f4a8a,0 0 0 8px rgba(47,74,138,.2)}
.tema-znakomstvo .put-holst{background:rgba(246,238,221,.88)}
.tema-znakomstvo .modul-podp{fill:#2f4a8a}
.tema-znakomstvo .zadanie{border-color:var(--vino);background:linear-gradient(180deg,rgba(47,74,138,.07),transparent 120px),var(--list)}
.tema-znakomstvo .zadanie h2::before{color:var(--vino)}
.tema-znakomstvo .urok-bok a.tut{background:#0f1a38}
.tema-znakomstvo button,.tema-znakomstvo .knopka{background:#1b2c5c;border-color:#1b2c5c;color:#f3dc9c}
.tema-znakomstvo button.vtor,.tema-znakomstvo .knopka.vtor{background:transparent;color:var(--t);border-color:var(--linia)}
.tema-znakomstvo .geroj .knopka{background:var(--zoloto);border-color:var(--zoloto);color:#0f1a38}
.tema-znakomstvo button.ok-k{background:#3d7a4f;border-color:#3d7a4f;color:#fff}
@media (prefers-color-scheme:dark){.tema-znakomstvo{--perg:#121a2e;--perg2:#1a2440;--list:#17213a;--linia:#2a3756}.tema-znakomstvo h1,.tema-znakomstvo .modul-zag h2{color:#efe0b8}}
.tema-znakomstvo .geroj h1{color:#fbf2dc}
.tema-znakomstvo .w{position:relative;background:linear-gradient(180deg,rgba(255,251,242,.65),rgba(246,238,221,.4));border:1px solid rgba(201,162,74,.55);
  box-shadow:inset 0 0 0 6px rgba(246,238,221,.8),inset 0 0 0 7px rgba(201,162,74,.45),0 20px 60px -30px rgba(27,44,92,.45);border-radius:6px;margin:24px auto 40px;padding:44px 48px 70px}
.tema-znakomstvo .w::before,.tema-znakomstvo .w::after{content:"✦";position:absolute;font-size:28px;color:#c9a24a;opacity:.8;line-height:1}
.tema-znakomstvo .w::before{left:14px;top:10px}
.tema-znakomstvo .w::after{right:14px;bottom:10px;transform:rotate(180deg)}
.tema-znakomstvo .modul-zag{justify-content:center;margin:46px 0 18px}
.tema-znakomstvo .modul-zag h2,.tema-znakomstvo h2.lenta,.tema-znakomstvo .put-zag{position:relative;display:inline-block;background:linear-gradient(180deg,#2f4a8a,#1d3270);color:#f3dc9c!important;
  padding:8px 40px 9px;font-size:24px;letter-spacing:.03em;box-shadow:0 6px 14px -6px rgba(27,44,92,.6),inset 0 1px 0 rgba(255,236,180,.25),inset 0 -1px 0 rgba(0,0,0,.25);border-top:1px solid #c9a24a;border-bottom:1px solid #c9a24a}
.tema-znakomstvo .modul-zag h2::before,.tema-znakomstvo .modul-zag h2::after,.tema-znakomstvo .put-zag::before,.tema-znakomstvo .put-zag::after{content:"";position:absolute;top:8px;width:22px;height:100%;background:#14244f;z-index:-1}
.tema-znakomstvo .modul-zag h2::before,.tema-znakomstvo .put-zag::before{left:-16px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,40% 50%)}
.tema-znakomstvo .modul-zag h2::after,.tema-znakomstvo .put-zag::after{right:-16px;clip-path:polygon(0 0,100% 0,60% 50%,100% 100%,0 100%)}
.tema-znakomstvo .modul-zag .sv{position:absolute;right:0}
.tema-znakomstvo .modul-zag{position:relative}
.tema-znakomstvo .zag-art.malyj{justify-content:center}
.tema-znakomstvo .uk{border-color:#e0cfa6;background:linear-gradient(180deg,#fffbf2,#faf2e0)}
.tema-znakomstvo .uk::after{content:"";position:absolute;inset:4px;border:1px solid rgba(201,162,74,.28);border-radius:7px;pointer-events:none}
.tema-znakomstvo .karta{border-color:#e0cfa6}
.tema-znakomstvo .nahodka.est{border-color:#c9a24a}
@media (max-width:900px){.tema-znakomstvo .w{margin:10px 8px 24px;padding:24px 16px 50px}.tema-znakomstvo .modul-zag .sv{position:static}}
@media (max-width:700px){.geroj h1.geroj-nazv{font-size:10vw;letter-spacing:.05em}
  .tema-znakomstvo .modul-zag h2,.tema-znakomstvo .put-zag{font-size:19px;padding:7px 22px;max-width:calc(100% - 30px)}}
.tema-znakomstvo .bok{position:sticky;z-index:20}
.tema-znakomstvo .glav{position:relative;z-index:1}
.tema-znakomstvo{background-color:#101a35}
@media (max-width:900px){.tema-bok{display:none}.tema-znakomstvo{background-color:var(--perg)}}
.tema-znakomstvo .w{background:#f3e9d3 url(/platforma/img/tema-zn-perg.webp) center top/100% auto repeat-y;
  box-shadow:inset 0 0 0 6px rgba(243,233,211,.6),inset 0 0 0 7px rgba(201,162,74,.55),inset 0 0 80px rgba(30,50,110,.25),0 25px 70px -25px rgba(5,10,25,.8)}
.tema-znakomstvo .uk,.tema-znakomstvo .karta,.tema-znakomstvo .material,.tema-znakomstvo .nahodka,.tema-znakomstvo .mir-k{background:rgba(255,251,240,.82) url(/platforma/img/tema-zn-perg.webp) center/cover;background-blend-mode:soft-light;
  border-color:rgba(201,162,74,.55);box-shadow:0 2px 0 rgba(255,255,255,.4) inset,0 10px 24px -14px rgba(27,44,92,.55)}
.tema-znakomstvo .uk.zakryt{background:rgba(226,220,200,.85)}
.tema-znakomstvo .uk::before{content:"";position:absolute;right:8px;top:8px;width:14px;height:14px;background:radial-gradient(circle,#f0cf7a 0 2px,transparent 3px),conic-gradient(from 45deg,transparent 0 25%,rgba(201,162,74,.5) 0 26%,transparent 0 50%,rgba(201,162,74,.5) 0 51%,transparent 0 75%,rgba(201,162,74,.5) 0 76%,transparent 0);opacity:.9}
.tema-znakomstvo h2:not(.lenta):not(.put-zag),.tema-znakomstvo h3{color:#1f3366}
.tema-znakomstvo .w>h2::after,.tema-znakomstvo .karta h2::after{content:" ✦";color:#c9a24a;font-size:.8em}
.tema-znakomstvo .geroj-panel{border:1px solid rgba(240,207,122,.4)}
.tema-znakomstvo .put{box-shadow:0 0 0 1px rgba(201,162,74,.6),0 0 0 6px rgba(243,233,211,.6),0 0 0 7px rgba(201,162,74,.4),0 16px 40px -20px rgba(27,44,92,.6)}
.tema-znakomstvo .tema-bok.l{background-image:url(/platforma/img/tema-zn-l.webp)}
.tema-znakomstvo .tema-bok.r{background-image:url(/platforma/img/tema-zn-r.webp)}
.tema-znakomstvo .tema-bok{box-shadow:inset 0 0 0 1px rgba(201,162,74,.35)}
@media (max-width:900px){.tema-znakomstvo .bok{position:fixed}}

/* ---------- 04.11: страница курса Ленорман по эскизу Gemini (Наталья 15723 «прям то что нужно») ---------- */
@media (min-width:901px){
  .tema-lenorman .geroj{background:#2b0f1a url(/platforma/img/len-shapka.webp) 0 0/100% 100% no-repeat;aspect-ratio:4/1;min-height:290px;padding:3.2% 23% 2.6% 37%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid rgba(185,135,74,.6)}
  .tema-lenorman .geroj::before{background:none}
  .tema-lenorman .geroj p{display:none}
  .tema-lenorman .geroj .nadpis{font-size:11px}
  .tema-lenorman .geroj h1.geroj-nazv{font-size:clamp(44px,5.4vw,84px);margin:2px 0 0}
  .tema-lenorman .geroj-pod{font-size:clamp(17px,1.6vw,24px);margin-bottom:6px}
  .tema-lenorman .geroj-niz{position:static;justify-content:center;gap:16px;margin-top:8px}
  .tema-lenorman .geroj .krug{position:absolute;left:24.7%;top:47%;transform:translate(-50%,-50%);width:12.4%;height:auto;aspect-ratio:1;
    background:conic-gradient(#f0cf8e calc(var(--p)*1%),rgba(255,230,190,.12) 0);box-shadow:0 0 30px rgba(240,207,142,.45)}
  .tema-lenorman .geroj .krug span{width:84%;height:84%;background:radial-gradient(circle,#3d1726,#24090f);font-size:clamp(22px,2.6vw,40px);color:#f6dfae}
  .tema-lenorman .geroj .cifry{gap:18px}.tema-lenorman .geroj .cifry b{font-size:22px}.tema-lenorman .geroj .cifry div{font-size:12px}
  .tema-lenorman .geroj .knopka{padding:10px 18px;font-size:14px;box-shadow:0 0 22px rgba(240,207,142,.45)}
}
/* карта пути — сад роз с тропой, светящиеся медальоны */
.tema-lenorman .put{background:#efe2c8 url(/platforma/img/len-sad.webp) center/cover}
.tema-lenorman .put-holst{background:rgba(247,238,222,.30)}
.tema-lenorman .tropa{stroke:#8a5a2b;stroke-width:6;stroke-dasharray:1 0;opacity:.55}
.tema-lenorman .uzel{width:50px;height:50px;font-size:20px}
.tema-lenorman .uzel.ok{background:radial-gradient(circle at 35% 30%,#fff3c4,#f0c867 45%,#b9862f 80%);color:#3a2408;box-shadow:0 0 0 3px #fff2cc,0 0 18px 6px rgba(255,210,120,.75),0 4px 10px rgba(80,40,10,.4)}
.tema-lenorman .uzel.otkr{background:radial-gradient(circle at 35% 30%,#7a4a2a,#4a2414);color:#f6dfae;box-shadow:0 0 0 3px #c99a5a,0 4px 10px rgba(40,10,5,.5)}
.tema-lenorman .uzel.zakr{background:radial-gradient(circle at 35% 30%,#6b4a3a,#3b2418);color:transparent;box-shadow:0 0 0 3px #8a6a4a,0 4px 10px rgba(40,10,5,.5)}
.tema-lenorman .uzel.zakr::after{content:"";position:absolute;inset:0;margin:auto;width:18px;height:20px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6bf82' stroke-width='2.2'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}
.tema-lenorman .uzel.tut{box-shadow:0 0 0 3px #8a2236,0 0 0 8px rgba(138,34,54,.25),0 0 22px 8px rgba(255,210,120,.6)}
.tema-lenorman .modul-podp{fill:#5a1424;paint-order:stroke;stroke:rgba(255,246,228,.85);stroke-width:4px}
/* герой: портрет в бронзовой раме, навыки — на свитке */
.tema-lenorman .geroj-oblik img{box-shadow:0 0 0 3px #b9874a,0 0 0 7px #3d1726,0 0 0 8px #b9874a,0 0 34px rgba(230,191,130,.5)}
.tema-lenorman .geroj-bok{background:linear-gradient(90deg,#d9c19b,#f4e6cc 8%,#f6ead4 92%,#d9c19b);color:#3a2318;border-radius:4px;padding:16px 20px;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.tema-lenorman .geroj-bok::before,.tema-lenorman .geroj-bok::after{content:"";position:absolute;left:-6px;right:-6px;height:12px;border-radius:6px;background:linear-gradient(180deg,#8a5a2b,#5a3416)}
.tema-lenorman .geroj-bok::before{top:-6px}.tema-lenorman .geroj-bok::after{bottom:-6px}
.tema-lenorman .geroj-bok h3{color:#5a1424}.tema-lenorman .navyki li{color:#9a8a76}.tema-lenorman .navyki li.est{color:#3a2318}.tema-lenorman .navyki li i{color:#8a2236}
.tema-lenorman .geroj-info h2{color:#fbf2df!important}
.tema-lenorman .geroj-info h2::after{content:none}
@media (min-width:901px){.tema-lenorman .geroj h1.geroj-nazv{font-size:clamp(40px,4.5vw,72px);letter-spacing:.1em}}

/* ---------- урок на весь экран (Наталья 15726), без лишних вензелей (15725) ---------- */
.knopka-spisok{display:none}
.zakryt-spisok{display:none}
.tema-lenorman .knopka-spisok,.tema-znakomstvo .knopka-spisok{display:inline-flex;margin:0 0 14px}
.tema-lenorman .urok-setka,.tema-znakomstvo .urok-setka{grid-template-columns:1fr}
.tema-lenorman .urok-bok,.tema-znakomstvo .urok-bok{position:fixed;top:0;left:0;bottom:0;width:340px;max-height:none;z-index:40;border-radius:0;transform:translateX(-105%);transition:transform .25s;
  background:linear-gradient(90deg,#efe0c4,#f8eedc);box-shadow:10px 0 40px rgba(20,5,10,.5);padding:60px 16px 20px}
.spisok-otkr .urok-bok{transform:none!important}
.tema-lenorman .zakryt-spisok,.tema-znakomstvo .zakryt-spisok{display:inline-flex;position:absolute;top:12px;right:12px;margin:0;padding:6px 12px}
.tema-lenorman .urok-telo{max-width:1180px;margin:0 auto}
.tema-lenorman .video{border-radius:6px;box-shadow:0 0 0 2px #b9874a,0 0 0 6px #3d1726,0 0 0 7px rgba(185,135,74,.7),0 24px 50px -20px rgba(20,5,10,.7);background:#0c0508;margin:22px 0}
.tema-lenorman .video video{max-height:82vh}
.tema-lenorman .zadanie{position:relative;background:#f4e6d0 url(/platforma/img/tema-len-perg.webp) center/cover;border:1px solid rgba(138,34,54,.4);padding-right:120px}
.tema-lenorman .zadanie::after{content:"";position:absolute;right:18px;top:14px;width:88px;height:88px;background:url(/platforma/img/len-pechat.webp) center/contain no-repeat;filter:drop-shadow(0 6px 8px rgba(40,10,10,.4))}
.tema-lenorman .zadanie h2::before{content:none}
.tema-lenorman .zadanie form button{background:radial-gradient(circle at 35% 30%,#a12c44,#6a1428);border:0;border-radius:40px;padding:13px 26px;color:#f6dfae;box-shadow:0 0 0 3px rgba(185,135,74,.6),0 8px 18px rgba(74,20,36,.5);font-family:"Cormorant Garamond",serif;font-size:19px;font-weight:600}
@media (max-width:700px){.tema-lenorman .zadanie{padding-right:20px}.tema-lenorman .zadanie::after{width:56px;height:56px;right:10px;top:10px}}
.tema-lenorman .urok-bok,.tema-znakomstvo .urok-bok{top:68px;z-index:60;padding-top:56px}
@media (max-width:900px){.tema-lenorman .urok-bok,.tema-znakomstvo .urok-bok{top:58px;width:86vw}}
/* 04.11: мини-курс — своя карта пути (Gemini) и камни следующих ступеней школы */
.tema-znakomstvo .put{background-image:url(/platforma/img/zn-karta-puti.webp)}
.tema-znakomstvo .put-holst{background:rgba(246,238,221,.55)}
.uzel.dalee{width:58px;height:58px;margin:-29px 0 0 -29px;background:radial-gradient(circle at 35% 30%,#2f4a8a,#0f1a38 75%);color:#f0cf7a;box-shadow:0 0 0 3px #c9a24a,0 0 0 9px rgba(201,162,74,.25),0 8px 20px -6px rgba(15,26,56,.7);font-size:24px;opacity:.95}
.uzel.dalee:hover{transform:scale(1.08)}
.modul-podp.dalee-podp{fill:#1b2c5c;font-weight:700}
.tema-znakomstvo .geroj-panel h2,.tema-znakomstvo .geroj-panel h3{color:#f0cf7a!important}
.tema-znakomstvo .geroj-panel .geroj-bok h3{color:#e9d9a8!important}
.dalee-nazv{fill:#2f4a8a;font:italic 600 15px "Cormorant Garamond",serif}

/* ---------- 04.11: страница курса как на картинке Gemini ekran-kurs (Наталья: «то, что было первым») ---------- */
body.tema-lenorman.str-kurs .w,body.tema-lenorman.str-urok .w{background:transparent;border:0;box-shadow:none;max-width:1260px;padding:24px 20px 60px}
body.tema-lenorman.str-kurs .w::before,body.tema-lenorman.str-kurs .w::after,body.tema-lenorman.str-urok .w::before,body.tema-lenorman.str-urok .w::after{content:none}
body.tema-lenorman.str-kurs,body.tema-lenorman.str-urok{background:#2a0e18 radial-gradient(1200px 700px at 50% 20%,#4a1726,#2a0e18 70%)}
body.tema-lenorman.str-kurs h2:not(.lenta),body.tema-lenorman.str-kurs .nahodki h3,body.tema-lenorman.str-kurs .sv{color:#ecd3b0}
@media (min-width:901px){
  body.str-kurs .tema-lenorman .geroj,body.tema-lenorman.str-kurs .geroj{background:transparent;border:0;box-shadow:none;aspect-ratio:auto;min-height:0;padding:10px 0 20px;
    display:grid;grid-template-columns:220px 1fr 260px;align-items:center;gap:20px;text-align:center}
  body.tema-lenorman.str-kurs .geroj .nadpis{grid-column:2;grid-row:1;align-self:end;margin-bottom:-4px}
  body.tema-lenorman.str-kurs .geroj h1.geroj-nazv{grid-column:2;grid-row:2;font-size:clamp(54px,6.4vw,96px);letter-spacing:.06em;margin:0;
    background:linear-gradient(180deg,#fff4d0 0%,#f0cf8e 45%,#b9874a 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 3px 0 #3a1408) drop-shadow(0 0 18px rgba(240,207,142,.35))}
  body.tema-lenorman.str-kurs .geroj-pod{grid-column:2;grid-row:3;font-size:clamp(22px,2.4vw,34px);color:#f0cf8e;margin:0}
  body.tema-lenorman.str-kurs .geroj-niz{display:contents}
  body.tema-lenorman.str-kurs .geroj .krug{position:static;transform:none;grid-column:1;grid-row:1/5;width:200px;justify-self:center;
    background:conic-gradient(#f6d58e calc(var(--p)*1%),rgba(255,230,190,.12) 0);box-shadow:0 0 0 6px #2a0e18,0 0 0 8px #b9874a,0 0 0 18px rgba(185,135,74,.18),0 0 0 19px rgba(185,135,74,.55),0 0 40px rgba(240,207,142,.4)}
  body.tema-lenorman.str-kurs .geroj .krug span{font-size:46px}
  body.tema-lenorman.str-kurs .geroj .cifry{grid-column:2;grid-row:4;justify-content:center;margin-top:6px}
  body.tema-lenorman.str-kurs .geroj .knopka{grid-column:3;grid-row:1/5;align-self:center;justify-self:center;font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:600;padding:16px 26px;
    background:linear-gradient(180deg,#5a1424,#3a0c18);color:#f6dfae;border:2px solid #c99a5a;border-radius:10px;box-shadow:0 0 0 4px rgba(42,14,24,.9),0 0 28px 6px rgba(240,190,110,.45);white-space:normal;line-height:1.2}
}
/* герой и свиток поверх карты пути */
body.tema-lenorman.str-kurs .geroj-panel{background:transparent;border:0;box-shadow:none;grid-template-columns:1fr 240px 300px 1fr;padding:0;margin:0 0 -60px;position:relative;z-index:2}
body.tema-lenorman.str-kurs .geroj-oblik{grid-column:2;background:linear-gradient(180deg,#4a1726,#2a0e18);border:2px solid #b9874a;border-radius:8px;padding:16px 16px 12px;box-shadow:0 12px 30px rgba(0,0,0,.5)}
body.tema-lenorman.str-kurs .geroj-info{grid-column:2;grid-row:2;text-align:center;background:linear-gradient(180deg,#4a1726,#2a0e18);border:2px solid #b9874a;border-top:0;border-radius:0 0 8px 8px;padding:8px 14px 14px;margin-top:-14px}
body.tema-lenorman.str-kurs .geroj-info .kroshki,body.tema-lenorman.str-kurs .geroj-info .sv,body.tema-lenorman.str-kurs .geroj-cifry{display:none}
body.tema-lenorman.str-kurs .geroj-info h2{font-size:26px;margin:0}
body.tema-lenorman.str-kurs .geroj-bok{grid-column:3;grid-row:1/3;align-self:start;margin-top:10px}
body.tema-lenorman.str-kurs .put{margin-top:0}
body.tema-lenorman.str-kurs .put-zag,body.tema-lenorman.str-kurs .zag-art.malyj,body.tema-lenorman.str-kurs .put-zag+p{display:none}
body.tema-lenorman.str-kurs .put-holst{padding-top:60px}
body.tema-lenorman.str-kurs .uzel{width:60px;height:60px;font-size:24px}
body.tema-lenorman.str-kurs .nahodka,body.tema-lenorman.str-kurs .uk{background-color:rgba(255,248,236,.92)}
@media (max-width:900px){body.tema-lenorman.str-kurs .geroj-panel{grid-template-columns:1fr;margin:0 0 16px}body.tema-lenorman.str-kurs .geroj-oblik,body.tema-lenorman.str-kurs .geroj-info,body.tema-lenorman.str-kurs .geroj-bok{grid-column:1;grid-row:auto}}
.knopka-urok{display:block;font:400 12px Onest,sans-serif;opacity:.75;margin-top:3px}
.knopka:has(.knopka-urok){flex-direction:column;align-items:center}
body.tema-lenorman.str-kurs .w{display:flex;flex-direction:column}
body.tema-lenorman.str-kurs .w>*{order:10}
body.tema-lenorman.str-kurs .w>.geroj{order:1}
body.tema-lenorman.str-kurs .w>.geroj-panel{order:2}
body.tema-lenorman.str-kurs .w>.put{order:3}
body.tema-lenorman.str-kurs .w>.nahodki{order:4;margin-top:26px}
body.tema-lenorman.str-kurs .nahodki .knopka.vtor{color:#ecd3b0;border-color:#b9874a}
body.tema-lenorman.str-kurs .put{margin-top:24px}body.tema-lenorman.str-kurs .geroj-panel{margin-bottom:-30px}
/* 04.11 (Наталья: «убрать излишние золотые элементы на кнопках, на рамках») */
body.tema-lenorman.str-kurs .geroj .knopka{box-shadow:none;border:1px solid rgba(201,154,90,.7);background:#4a1424}
body.tema-lenorman.str-kurs .geroj .krug{box-shadow:0 0 0 6px #2a0e18,0 0 0 7px rgba(185,135,74,.7)}
body.tema-lenorman.str-kurs .geroj h1.geroj-nazv{filter:drop-shadow(0 2px 0 #3a1408)}
body.tema-lenorman.str-kurs .geroj-oblik,body.tema-lenorman.str-kurs .geroj-info{border-color:rgba(185,135,74,.55)}
.tema-lenorman .geroj-oblik img{box-shadow:0 0 0 2px rgba(185,135,74,.7)}
.tema-lenorman .geroj-oblik img{animation:none}
.tema-lenorman .uzel.ok{box-shadow:0 0 0 2px #fff2cc,0 3px 8px rgba(80,40,10,.35)}
.tema-lenorman .uzel.tut{box-shadow:0 0 0 3px #8a2236,0 0 0 7px rgba(138,34,54,.22)}
.tema-lenorman .zadanie form button{box-shadow:0 6px 14px rgba(74,20,36,.35)}
.tema-lenorman .uk::before{content:none}
.tema-lenorman .w>h2::after,.tema-lenorman .karta h2::after{content:none}
.tropa-perenos{fill:none;stroke:#8a5a2b;stroke-width:2;stroke-dasharray:3 9;opacity:.35}
/* 04.11 (Наталья 15747: «наложение блоков, где общий дизайн») — герой, свиток и путь в ОДНОМ пергаменте, без наездов */
body.tema-lenorman.str-kurs .geroj-panel{margin:0!important;background:#efe2c8 url(/platforma/img/tema-len-perg.webp) center/cover;border:1px solid rgba(185,135,74,.7);border-bottom:0;
  border-radius:12px 12px 0 0;padding:28px 24px 8px;grid-template-columns:1fr 230px 320px 1fr;gap:28px;align-items:start}
body.tema-lenorman.str-kurs .geroj-oblik{grid-row:1}
body.tema-lenorman.str-kurs .geroj-info{margin-top:-2px;grid-row:2}
body.tema-lenorman.str-kurs .geroj-bok{margin-top:0;box-shadow:0 6px 14px rgba(60,30,10,.25)}
body.tema-lenorman.str-kurs .put{margin-top:0!important;border-radius:0 0 12px 12px;border:1px solid rgba(185,135,74,.7);border-top:0;box-shadow:0 20px 40px -20px rgba(0,0,0,.6);background-position:center bottom}
body.tema-lenorman.str-kurs .put-holst{padding-top:0;background:transparent}

/* ---------- «Миры школы» — карта-атлас на столе путешественника (картинка Gemini №5, выбор Натальи 04.11) ---------- */
body.str-mir{background:#e9dcc6 url(/platforma/img/atlas-stol.webp) center top/cover fixed}
body.str-mir .bok{background:#fbf8f2;background-image:none;color:#2f2a26;box-shadow:0 2px 12px rgba(80,60,30,.15)}
body.str-mir .marka b{color:#2f2a26;font-family:"Lora",Georgia,serif;font-weight:500}
body.str-mir .marka i,body.str-mir .kto-rol,body.str-mir .kto-rol a{color:#8a7a66}
body.str-mir .bok nav a{color:#4a4038;font-family:"Lora",Georgia,serif}
body.str-mir .bok nav a:hover{background:#f1e9dc;color:#2f2a26}
body.str-mir .bok nav a.tut{background:none;color:#1f1a16;box-shadow:inset 0 -2px 0 #2f2a26;font-weight:600}
body.str-mir .kto-imya{color:#2f2a26}
body.str-mir .w{max-width:1320px;padding:26px 24px 50px}
.atlas-karta{position:relative;width:100%;filter:drop-shadow(0 18px 30px rgba(70,45,20,.35))}
.atlas-karta>img{display:block;width:100%;height:auto;border-radius:3px}
.atl-ostrov{position:absolute;width:17%;aspect-ratio:1.35;transform:translate(-50%,-50%);background:none;border:0;margin:0;padding:0;box-shadow:none;cursor:pointer;border-radius:40%}
.atl-ostrov:hover{transform:translate(-50%,-50%);box-shadow:none;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent)}
.atl-lenta{position:absolute;transform:translate(-50%,-50%) rotate(-3deg);width:21%;aspect-ratio:800/348;background:url(/platforma/img/atlas-lenta.webp) center/contain no-repeat;border:0;margin:0;padding:0 0 2%;box-shadow:none;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#3a2a1c}
.atl-lenta:hover{transform:translate(-50%,-54%) rotate(-3deg);box-shadow:none}
.atl-lenta span{display:inline-block;font:400 clamp(15px,1.75vw,27px)/1 "Marck Script","Bad Script",cursive;white-space:nowrap}
.atl-lenta i{font:500 clamp(9px,.75vw,12px) Onest,sans-serif;font-style:normal;color:#2f6b45;margin-top:3px}
.atl-lenta.otkr span{color:#7a1f30}
@media (max-width:900px){.atlas{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.atlas-karta{min-width:820px}}
body.str-mir .okno{background:#f7efdf url(/platforma/img/tema-len-perg.webp) center/cover;border:1px solid #c9b48e}
body.str-mir .okno .okno-v{border-top:0}
body.str-mir .okno h2{font-family:"Marck Script",cursive;font-weight:400;font-size:40px;color:#3a2a1c}
body.str-mir .okno .knopka{background:#3a2a1c;border-color:#3a2a1c;color:#f7efdf}
body.str-mir .mob{background:#fbf8f2;color:#2f2a26;box-shadow:0 2px 10px rgba(80,60,30,.15)}body.str-mir .mob b{color:#2f2a26;font-family:Lora,serif}body.str-mir .burger{color:#2f2a26;border-color:#c9b48e}
/* 04.11 сверка с картинкой 5: карта почти на всю ширину, тонкая кромка, ленты крупнее, меню простое */
body.str-mir .w{max-width:1560px;padding:18px 18px 40px}
.atl-lenta{width:24%}
.atl-lenta span{font-size:clamp(16px,2.2vw,36px);color:#2f2218}
body.str-mir .bok nav a svg,body.str-mir .marka img,body.str-mir .marka i{display:none}
body.str-mir .bok nav{justify-content:center}
body.str-mir .marka b{font-size:28px}
/* как на картинке 5: вся карта в одном экране, ленты тоньше */
.atlas-karta{width:min(100%,calc((100vh - 100px) * 2025 / 1250));margin:0 auto}
.atl-lenta{width:23%;aspect-ratio:800/250;background-size:100% 100%}
.atl-lenta span{font-size:clamp(14px,2vw,32px);font-weight:400;text-shadow:0 0 .5px #2f2218}
.atl-lenta i{margin-top:1px}
/* 04.11: подписи — с картинки Gemini (не накладываем свой текст), карта целиком */
.atlas-karta{width:min(100%,calc((100vh - 110px) * 2065 / 1200))}
.atl-zona{position:absolute;background:none;border:0;margin:0;padding:0;box-shadow:none;cursor:pointer;border-radius:30px}
.atl-zona:hover{transform:none;box-shadow:none;background:rgba(255,255,255,.14)}
.atl-znachok{position:absolute;left:50%;bottom:-2%;transform:translateX(-50%);background:#7a1f30;color:#fff;font:500 12px Onest,sans-serif;padding:3px 10px;border-radius:12px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.25)}
@media (max-width:900px){.atlas{overflow:visible;margin:0;padding:0}.atlas-karta{min-width:0;width:100%}body.str-mir .w{padding:12px 8px 30px}}
@media (max-width:900px){.atl-znachok{font-size:8px;padding:1px 5px;bottom:-9%}}
/* замок старшего тарифа на уроке (04.11.2026): закрытая карточка-кнопка с предложением перехода */
button.uk.vyshe{width:100%;margin:0;text-align:left;font:inherit;cursor:pointer;color:var(--t);border:1px dashed #b89a6a}
button.uk.vyshe:hover{transform:translateY(-2px);box-shadow:var(--ten);border-color:#7a1f30}
button.uk.vyshe .pochemu{color:#7a1f30}
#d-vyshe h2{color:#5a1626}#d-vyshe .sv{color:#7a6a55}
/* «Ваш следующий мир» после курса */
.dalee-blok h2{margin:4px 0}.dalee-setka{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:12px}
.dalee-mir{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--linia);border-radius:var(--r);background:var(--list);text-decoration:none;color:var(--t);transition:transform .2s}
.dalee-mir:hover{transform:translateY(-2px)}.dalee-mir img{width:52px;height:76px;object-fit:cover;border-radius:5px}
.dalee-mir span{display:flex;flex-direction:column}.dalee-mir b{font:600 19px "Cormorant Garamond",serif}.dalee-mir i{font-style:normal;font-size:13px;color:var(--sv)}
/* галочка с подписью в строку (оплата, команда) */
label.galka{display:flex;flex-direction:row;align-items:center;gap:8px;font-weight:400}
label.galka input{width:18px;height:18px;margin:0;flex:none}
.oplata-summa{font:600 40px "Cormorant Garamond",serif;margin:6px 0 10px}

/* ===== мир runy (04.11.2026): надстройка над оформлением мира Таро — свои картинки Gemini и гамма ===== */
.tema-znakomstvo.tema-runy{--noch:#141f19;--noch2:#22362b;--vino:#3f5f4a}
.tema-znakomstvo.tema-runy .bok{background-color:#141f19}
.tema-znakomstvo.tema-runy .geroj{background-image:url(/platforma/img/tema-runy-verh.webp)}
.tema-znakomstvo.tema-runy .geroj-panel{background-color:#141f19}
.tema-znakomstvo.tema-runy .modul-zag h2,.tema-znakomstvo.tema-runy h1{color:#22362b}
.tema-znakomstvo.tema-runy .uzel.tut{box-shadow:0 0 0 3px #3f5f4a,0 0 0 8px rgba(47,74,138,.2)}
.tema-znakomstvo.tema-runy .modul-podp{fill:#3f5f4a}
.tema-znakomstvo.tema-runy .urok-bok a.tut{background:#141f19}
.tema-znakomstvo.tema-runy button,.tema-znakomstvo.tema-runy .knopka{background:#22362b;border-color:#22362b}
.tema-znakomstvo.tema-runy .geroj .knopka{color:#141f19}
.tema-znakomstvo.tema-runy .modul-zag h2,.tema-znakomstvo.tema-runy h2.lenta,.tema-znakomstvo.tema-runy .put-zag{background:linear-gradient(180deg,#3f5f4a,#1d3270)}
.tema-znakomstvo.tema-runy .w{background:#f3e9d3 url(/platforma/img/tema-runy-perg.webp) center top/100% auto repeat-y}
.tema-znakomstvo.tema-runy .uk,.tema-znakomstvo.tema-runy .karta,.tema-znakomstvo.tema-runy .material,.tema-znakomstvo.tema-runy .nahodka,.tema-znakomstvo.tema-runy .mir-k{background:rgba(255,251,240,.82) url(/platforma/img/tema-runy-perg.webp) center/cover}
.tema-znakomstvo.tema-runy .tema-bok.l{background-image:url(/platforma/img/tema-runy-l.webp)}
.tema-znakomstvo.tema-runy .tema-bok.r{background-image:url(/platforma/img/tema-runy-r.webp)}
.tema-znakomstvo.tema-runy .put{background-image:url(/platforma/img/runy-karta-puti.webp)}

/* ===== мир matrica (04.11.2026): надстройка над оформлением мира Таро — свои картинки Gemini и гамма ===== */
.tema-znakomstvo.tema-matrica{--noch:#1c1433;--noch2:#2e2152;--vino:#5a4390}
.tema-znakomstvo.tema-matrica .bok{background-color:#1c1433}
.tema-znakomstvo.tema-matrica .geroj{background-image:url(/platforma/img/tema-matrica-verh.webp)}
.tema-znakomstvo.tema-matrica .geroj-panel{background-color:#1c1433}
.tema-znakomstvo.tema-matrica .modul-zag h2,.tema-znakomstvo.tema-matrica h1{color:#2e2152}
.tema-znakomstvo.tema-matrica .uzel.tut{box-shadow:0 0 0 3px #5a4390,0 0 0 8px rgba(47,74,138,.2)}
.tema-znakomstvo.tema-matrica .modul-podp{fill:#5a4390}
.tema-znakomstvo.tema-matrica .urok-bok a.tut{background:#1c1433}
.tema-znakomstvo.tema-matrica button,.tema-znakomstvo.tema-matrica .knopka{background:#2e2152;border-color:#2e2152}
.tema-znakomstvo.tema-matrica .geroj .knopka{color:#1c1433}
.tema-znakomstvo.tema-matrica .modul-zag h2,.tema-znakomstvo.tema-matrica h2.lenta,.tema-znakomstvo.tema-matrica .put-zag{background:linear-gradient(180deg,#5a4390,#1d3270)}
.tema-znakomstvo.tema-matrica .w{background:#f3e9d3 url(/platforma/img/tema-matrica-perg.webp) center top/100% auto repeat-y}
.tema-znakomstvo.tema-matrica .uk,.tema-znakomstvo.tema-matrica .karta,.tema-znakomstvo.tema-matrica .material,.tema-znakomstvo.tema-matrica .nahodka,.tema-znakomstvo.tema-matrica .mir-k{background:rgba(255,251,240,.82) url(/platforma/img/tema-matrica-perg.webp) center/cover}
.tema-znakomstvo.tema-matrica .tema-bok.l{background-image:url(/platforma/img/tema-matrica-l.webp)}
.tema-znakomstvo.tema-matrica .tema-bok.r{background-image:url(/platforma/img/tema-matrica-r.webp)}
.tema-znakomstvo.tema-matrica .put{background-image:url(/platforma/img/matrica-karta-puti.webp)}

/* ===== мир manara (04.11.2026): надстройка над оформлением мира Таро — свои картинки Gemini и гамма ===== */
.tema-znakomstvo.tema-manara{--noch:#331623;--noch2:#4d2236;--vino:#9a4a6c}
.tema-znakomstvo.tema-manara .bok{background-color:#331623}
.tema-znakomstvo.tema-manara .geroj{background-image:url(/platforma/img/tema-manara-verh.webp)}
.tema-znakomstvo.tema-manara .geroj-panel{background-color:#331623}
.tema-znakomstvo.tema-manara .modul-zag h2,.tema-znakomstvo.tema-manara h1{color:#4d2236}
.tema-znakomstvo.tema-manara .uzel.tut{box-shadow:0 0 0 3px #9a4a6c,0 0 0 8px rgba(47,74,138,.2)}
.tema-znakomstvo.tema-manara .modul-podp{fill:#9a4a6c}
.tema-znakomstvo.tema-manara .urok-bok a.tut{background:#331623}
.tema-znakomstvo.tema-manara button,.tema-znakomstvo.tema-manara .knopka{background:#4d2236;border-color:#4d2236}
.tema-znakomstvo.tema-manara .geroj .knopka{color:#331623}
.tema-znakomstvo.tema-manara .modul-zag h2,.tema-znakomstvo.tema-manara h2.lenta,.tema-znakomstvo.tema-manara .put-zag{background:linear-gradient(180deg,#9a4a6c,#1d3270)}
.tema-znakomstvo.tema-manara .w{background:#f3e9d3 url(/platforma/img/tema-manara-perg.webp) center top/100% auto repeat-y}
.tema-znakomstvo.tema-manara .uk,.tema-znakomstvo.tema-manara .karta,.tema-znakomstvo.tema-manara .material,.tema-znakomstvo.tema-manara .nahodka,.tema-znakomstvo.tema-manara .mir-k{background:rgba(255,251,240,.82) url(/platforma/img/tema-manara-perg.webp) center/cover}
.tema-znakomstvo.tema-manara .tema-bok.l{background-image:url(/platforma/img/tema-manara-l.webp)}
.tema-znakomstvo.tema-manara .tema-bok.r{background-image:url(/platforma/img/tema-manara-r.webp)}
.tema-znakomstvo.tema-manara .put{background-image:url(/platforma/img/manara-karta-puti.webp)}
/* главная кнопка в шапке курса — золотая во всех мирах-надстройках (общее правило кнопок выше её перекрывало) */
.tema-znakomstvo.tema-runy .geroj .knopka,.tema-znakomstvo.tema-matrica .geroj .knopka,.tema-znakomstvo.tema-manara .geroj .knopka{background:var(--zoloto);border-color:var(--zoloto)}
/* запрет копирования текста урока ученику (план «Забыли», 04.11.2026); поля ввода не трогаем */
.bez-kopii{-webkit-user-select:none;user-select:none}.bez-kopii input,.bez-kopii textarea{-webkit-user-select:text;user-select:text}
/* CRM: доска воронки (04.11.2026) */
.crm-doska{display:flex;gap:12px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}
.crm-kol{flex:0 0 250px;background:var(--perg2,#f3ecdf);border-radius:var(--r);padding:10px}
.crm-kol-zag{display:flex;flex-direction:column;gap:2px;padding:6px 4px 10px;border-radius:6px}
.crm-sd{display:flex;flex-direction:column;gap:3px;background:var(--list);border:1px solid var(--linia);border-radius:8px;padding:9px 10px;margin:0 0 8px;text-decoration:none;color:var(--t);font-size:14px}
.crm-sd:hover{border-color:var(--zol,#b8923f)}

/* ---------- 05.11: меню блоками (Наталья 16043): CRM / Обучение / Эфиры / Управление — выпадающие списки ---------- */
.bok nav .nav-gr{position:relative}
.bok nav .nav-gl{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:8px;color:#cfc6b5;font-size:14.5px;cursor:pointer;user-select:none}
.bok nav .nav-gl::after{content:"▾";font-size:11px;opacity:.6}
.bok nav .nav-gr:hover .nav-gl,.bok nav .nav-gr:focus-within .nav-gl{background:var(--noch2);color:#fff}
.bok nav .nav-gr.tut .nav-gl{box-shadow:inset 0 -2px 0 var(--zoloto);background:rgba(184,146,63,.14);color:var(--zoloto2)}
.bok nav .nav-pod{display:none;position:absolute;top:100%;left:0;min-width:230px;padding:8px;background:#1f1b26;border:1px solid rgba(184,146,63,.25);border-radius:10px;box-shadow:0 16px 30px rgba(0,0,0,.45);z-index:50;flex-direction:column;gap:2px}
.bok nav .nav-gr:hover .nav-pod,.bok nav .nav-gr:focus-within .nav-pod{display:flex}
.bok nav .nav-pod a{padding:8px 12px;font-size:14.5px;white-space:nowrap}
.bok nav .nav-pod a.tut{box-shadow:inset 2px 0 0 var(--zoloto)}
@media (max-width:1100px){.bok nav .nav-gl span{display:none}.bok nav .nav-pod a span{display:inline}}
@media (max-width:900px){
  .bok nav .nav-gl{padding:10px 4px 4px;color:var(--zoloto2);font-size:12px;text-transform:uppercase;letter-spacing:.08em;cursor:default}
  .bok nav .nav-gl span{display:inline}.bok nav .nav-gl::after{content:none}.bok nav .nav-gl svg{display:none}
  .bok nav .nav-gr:hover .nav-gl{background:none}
  .bok nav .nav-pod{display:flex;position:static;min-width:0;padding:0 0 6px 8px;background:none;border:0;box-shadow:none}
}
/* 05.11: знак школы вместо карты Ленорман (Наталья 16045: «почему всё под Ленорман») */
.marka img[src$="nl-znak.svg"]{width:42px;height:42px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.35);object-fit:contain}
.bok .marka img[src$="nl-znak.svg"]{width:38px;height:38px}
.mob .marka img[src$="nl-znak.svg"]{width:32px;height:32px}

/* ===== 05.11.2026 Мир Таро: единый стандарт кнопок и заголовков (по приёмам лендинга «Стань тарологом»).
   Наталья: «кнопки в едином стандарте, скруглённые, цвет убогий; заголовки-плашки криво». Ленорман не трогаем. ===== */
.tema-znakomstvo .w .knopka,.tema-znakomstvo .w button:not(.burger){border-radius:999px;border:0;padding:13px 26px;font:600 16px/1.2 Onest,sans-serif;letter-spacing:.01em;
  background:linear-gradient(180deg,#f4dc95 0%,#d9b25a 55%,#c49a42 100%);color:#13204a;box-shadow:0 10px 24px -12px rgba(160,120,40,.9),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .2s,box-shadow .2s,filter .2s}
.tema-znakomstvo .w .knopka:hover,.tema-znakomstvo .w button:not(.burger):hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 14px 30px -12px rgba(160,120,40,.95),inset 0 1px 0 rgba(255,255,255,.6)}
.tema-znakomstvo .w .knopka.vtor,.tema-znakomstvo .w button.vtor{background:transparent;color:#1b2c5c;box-shadow:inset 0 0 0 1.5px rgba(27,44,92,.35)}
.tema-znakomstvo .w .knopka.vtor:hover,.tema-znakomstvo .w button.vtor:hover{box-shadow:inset 0 0 0 1.5px #c49a42;background:rgba(201,162,74,.08)}
.tema-znakomstvo .w button.ok-k{background:#3d7a4f;color:#fff}
.tema-znakomstvo .w .knopka.bolshaya{padding:17px 32px;font-size:17px;animation:tz-siyanie 3.5s ease-in-out infinite}
@keyframes tz-siyanie{0%,100%{box-shadow:0 10px 24px -12px rgba(160,120,40,.9),0 0 0 0 rgba(240,207,122,0)}50%{box-shadow:0 10px 24px -12px rgba(160,120,40,.9),0 0 26px 2px rgba(240,207,122,.45)}}
.tema-znakomstvo .geroj .knopka small.knopka-urok{display:none}
/* заголовки разделов: надпись антиквой с золотыми линиями по бокам вместо синей плашки-ленты */
.tema-znakomstvo .modul-zag{flex-direction:column;align-items:center;gap:4px;margin:56px 0 22px}
.tema-znakomstvo .modul-zag .sv{position:static;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:#9a7a34}
.tema-znakomstvo .modul-zag h2,.tema-znakomstvo .put-zag{background:none;box-shadow:none;border:0;padding:0;color:#1b2c5c!important;
  font:400 clamp(28px,3.4vw,40px)/1.15 "Cormorant Garamond",Forum,serif;letter-spacing:.01em;display:flex;align-items:center;gap:18px}
.tema-znakomstvo .modul-zag h2::before,.tema-znakomstvo .modul-zag h2::after,.tema-znakomstvo .put-zag::before,.tema-znakomstvo .put-zag::after{
  content:"";position:static;width:clamp(28px,6vw,70px);height:1px;top:auto;left:auto;right:auto;z-index:auto;clip-path:none;background:linear-gradient(90deg,transparent,#c49a42)}
.tema-znakomstvo .modul-zag h2::after,.tema-znakomstvo .put-zag::after{background:linear-gradient(90deg,#c49a42,transparent)}
.tema-znakomstvo .dalee-podp{font-size:19px}.tema-znakomstvo .dalee-nazv{font:italic 400 17px "Cormorant Garamond",serif;fill:#1b2c5c}
@media (prefers-color-scheme:dark){.tema-znakomstvo .modul-zag h2,.tema-znakomstvo .put-zag{color:#efe0b8!important}.tema-znakomstvo .w .knopka.vtor,.tema-znakomstvo .w button.vtor{color:#efe0b8;box-shadow:inset 0 0 0 1.5px rgba(239,224,184,.35)}}
@media (max-width:900px){.tema-znakomstvo .modul-zag h2,.tema-znakomstvo .put-zag{font-size:26px;padding:0;max-width:100%}.tema-znakomstvo .w .knopka.bolshaya{width:100%;justify-content:center}}

/* ===== 05.11.2026 Обсуждение и вопросы куратору — как чат (Наталья: «не выглядит как чат») ===== */
.chat{background:var(--list);border:1px solid var(--linia);border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -28px rgba(15,26,56,.45)}
.chat-lenta{max-height:62vh;min-height:320px;overflow-y:auto;padding:22px 20px 10px;display:flex;flex-direction:column;gap:10px;
  background:radial-gradient(600px 300px at 80% 0,rgba(201,162,74,.08),transparent),var(--perg2)}
.chat-den{text-align:center;margin:6px 0}.chat-den span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sv);background:var(--list);padding:4px 12px;border-radius:999px;border:1px solid var(--linia)}
.chat-soob{display:flex;gap:10px;align-items:flex-end;max-width:78%}.chat-soob.moe{align-self:flex-end;flex-direction:row-reverse}
.chat-soob .ava{width:34px;height:34px;font-size:13px;flex:none}
.chat-puz{background:var(--list);border:1px solid var(--linia);border-radius:18px 18px 18px 6px;padding:10px 14px 6px;box-shadow:0 4px 12px -8px rgba(0,0,0,.25);min-width:120px}
.chat-soob.moe .chat-puz{background:linear-gradient(180deg,#24396f,#1b2c5c);color:#f6ecd2;border-color:#1b2c5c;border-radius:18px 18px 6px 18px}
.chat-soob.kurator .chat-puz{border-color:rgba(201,162,74,.6);background:linear-gradient(180deg,#fffaf0,#f8eed6)}
.chat-kto{font-weight:600;font-size:14px;margin-bottom:2px;display:flex;gap:8px;align-items:center}
.chat-rol{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9a7a34;background:rgba(201,162,74,.15);padding:1px 8px;border-radius:999px}
.chat-tekst{font-size:16px;line-height:1.5;white-space:normal;word-wrap:break-word}
.chat-cit{display:block;border-left:3px solid #c49a42;padding:3px 10px;margin:4px 0 6px;font-size:13.5px;color:inherit;opacity:.8;text-decoration:none;background:rgba(201,162,74,.1);border-radius:0 8px 8px 0}
.chat-cit b{display:block;font-size:12.5px}
.chat-niz{display:flex;gap:12px;justify-content:flex-end;align-items:center;font-size:12px;opacity:.65;margin-top:4px}.chat-niz form{margin:0}
.w .chat-otv,.tema-znakomstvo .w button.chat-otv{all:unset;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:2px}
.chat-pusto{margin:auto;text-align:center;color:var(--sv);max-width:420px;padding:40px 10px}
.chat-vvod{border-top:1px solid var(--linia);padding:12px 14px;background:var(--list)}
.chat-komu{font-size:13px;color:var(--sv);margin:0 0 8px;display:flex;gap:6px;align-items:center}.w .chat-komu button{all:unset;cursor:pointer;font-size:18px;padding:0 6px}
.chat-stroka{display:flex;gap:10px;align-items:flex-end}
.chat-stroka textarea{flex:1;resize:none;border-radius:22px;padding:12px 18px;font:16px/1.4 Onest,sans-serif;min-height:24px;max-height:160px;margin:0}
.w .chat-poslat,.tema-znakomstvo .w button.chat-poslat{width:48px;height:48px;padding:0;border-radius:50%;justify-content:center;flex:none}
.vopros-forma details{margin:4px 0 12px}.vopros-forma summary{cursor:pointer}.vopros-forma details input{margin-top:8px}
.voprosy-spisok{display:grid;gap:10px}
.vopros-k{display:flex;gap:14px;align-items:center;background:var(--list);border:1px solid var(--linia);border-radius:16px;padding:14px 18px;text-decoration:none;color:var(--t);transition:transform .2s,border-color .2s}
.vopros-k:hover{transform:translateY(-2px);border-color:var(--zoloto)}.vopros-k b{flex:1;font-weight:500}
@media (max-width:700px){.chat-soob{max-width:92%}.chat-lenta{max-height:58vh;padding:16px 10px}.vopros-k{flex-wrap:wrap}}

.chat-komu[hidden]{display:none!important}

/* 05.11.2026: подписи ступеней на карте — со светлой обводкой, не сливаются с рамкой и рисунком */
.tema-znakomstvo .dalee-podp,.tema-znakomstvo .dalee-nazv{paint-order:stroke;stroke:rgba(250,243,226,.92);stroke-width:6px;stroke-linejoin:round}

/* 05.11.2026 уведомления: абзацы, ссылки переносятся (на телефоне адрес вылезал за экран) */
.uved{display:block;background:var(--list);border:1px solid var(--linia);border-radius:16px;padding:14px 18px;margin:0 0 10px;color:var(--t)}
.uved.nov{border-color:var(--zoloto);box-shadow:0 0 0 3px rgba(201,162,74,.15)}
.uved .sv{display:block;font-size:13px;margin-bottom:6px}.uved-tekst{line-height:1.6;overflow-wrap:anywhere}.uved .knopka{margin-top:10px}

/* 05.11.2026: короткая страница — пергамент до низа экрана, без «куска» фона под ним; служебные значки над названием материала убраны */
.tema-znakomstvo .w,.tema-lenorman .w{min-height:calc(100vh - 150px);box-sizing:border-box}
.tema-znakomstvo .material .mvid{display:none}

/* 05.11.2026 Наталья: «везде шрифт наш один утверждённый» — Forum (брендовый шрифт школы) на всём тексте платформы,
   включая кнопки, поля, подписи карты. Чуть крупнее: у Forum мелкий глаз буквы. */
html body,html body *:not(.burger),html body svg text{font-family:Forum,Georgia,serif!important}
body{font-size:17px}
html body h1,html body h2,html body h3{font-weight:400;letter-spacing:.01em}
/* Forum: выравнивание по высоте строчных, чтобы мелкие подписи читались (Safari 17+, Chrome 127+) */
html body,html body *{font-size-adjust:.5}
/* 05.11.2026: своя русская кнопка вместо «Choose Files» браузера */
.fajl-pole{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:10px 0 14px}.fajl-pole>.sv{flex-basis:100%}.fajl-knopka{cursor:pointer}
.fajl-knopka input[type=file]{display:none!important}.fajl-knopka{white-space:nowrap;padding:11px 22px!important}
/* 05.11.2026 v2: «Прикрепить фото» — одна компактная строка (Наталья: «большая, куча всего непонятного»). Поле файла спрятано вне экрана: так его не показывает ни Safari, ни Chrome */
.fajl-pole{display:flex;gap:12px;align-items:center;margin:6px 0 16px;flex-wrap:nowrap}
.w label.fajl-knopka{display:inline-flex;align-items:center;gap:6px;margin:0;padding:8px 16px!important;border-radius:999px;border:1.5px dashed rgba(196,154,66,.7);background:rgba(201,162,74,.08);color:#1b2c5c;font-size:15px;cursor:pointer;white-space:nowrap;position:relative;overflow:hidden}
.w label.fajl-knopka:hover{background:rgba(201,162,74,.16);border-style:solid}
.w label.fajl-knopka input[type=file]{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;display:block!important}
.fajl-imena{font-size:14px;color:var(--sv);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}
.audio{margin:16px 0;padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.04);box-shadow:var(--ten)}.audio-nazva{font-weight:600;margin-bottom:8px}.audio audio{width:100%}
.knopka-mesto{margin:10px 0}

/* ===== 06.11.2026 (мак-сессия, Наталья: «кривое, 44% криво, продолжить урок криво, куцо — переделать»): шапка курса Ленорман заново ОДНИМ блоком.
   Перекрывает слои 04.11 (картинка-рамка len-shapka с прибитым кругом, сетка 220/1fr/260). Стиль — как утверждённая страница kurs/lenorman. ===== */
body.tema-lenorman.str-kurs .w>.geroj.geroj{display:grid!important;grid-template-columns:150px minmax(0,1fr) 250px;column-gap:34px;row-gap:0;align-items:center;
 grid-template-areas:"krug nadpis knopka" "krug nazv knopka" "krug pod knopka" "krug tekst knopka" "krug cifry knopka";
 position:relative;overflow:hidden;aspect-ratio:auto!important;min-height:0!important;padding:34px 40px!important;margin:0 0 26px;text-align:left!important;
 background:#2b0f1a url(/dizajn/elementy/lenorman/len-sad.webp) center 35%/cover no-repeat!important;
 border:1px solid rgba(201,151,79,.65)!important;border-radius:18px;box-shadow:0 0 0 5px rgba(201,151,79,.07),0 30px 60px -20px rgba(0,0,0,.6)!important}
body.tema-lenorman.str-kurs .w>.geroj.geroj::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(43,15,26,.92) 0%,rgba(52,18,30,.86) 55%,rgba(43,15,26,.92) 100%)!important}
body.tema-lenorman.str-kurs .w>.geroj.geroj>*,body.tema-lenorman.str-kurs .w>.geroj.geroj .geroj-niz>*{position:relative;z-index:1}
body.tema-lenorman.str-kurs .w>.geroj.geroj .geroj-niz{display:contents}
body.tema-lenorman.str-kurs .w>.geroj.geroj .nadpis{grid-area:nadpis;font-size:12px;letter-spacing:.2em;color:#e0b56f;margin:0}
body.tema-lenorman.str-kurs .w>.geroj.geroj h1.geroj-nazv{grid-area:nazv;font:400 clamp(44px,4.6vw,68px)/1 Forum,"Cormorant Garamond",serif!important;letter-spacing:.14em!important;margin:8px 0 2px!important;text-align:left}
body.tema-lenorman.str-kurs .w>.geroj.geroj .geroj-pod{grid-area:pod;font:italic 400 22px/1.2 Forum,"Cormorant Garamond",serif;color:#e6bf82;margin:0 0 10px}
body.tema-lenorman.str-kurs .w>.geroj.geroj p{grid-area:tekst;display:block!important;color:#e3d3c0;font-size:16px;line-height:1.5;max-width:560px;margin:0 0 16px}
body.tema-lenorman.str-kurs .w>.geroj.geroj .krug{grid-area:krug;position:relative!important;left:auto!important;top:auto!important;transform:none!important;
 width:150px!important;height:150px!important;aspect-ratio:1;justify-self:center;
 background:conic-gradient(#e6bf82 calc(var(--p)*1%),rgba(230,191,130,.16) 0)!important;box-shadow:0 0 0 1px rgba(201,151,79,.5),0 0 34px rgba(230,191,130,.25)!important}
body.tema-lenorman.str-kurs .w>.geroj.geroj .krug span{width:124px!important;height:124px!important;background:radial-gradient(circle at 50% 35%,#4a1a2c,#26090f)!important;
 font:400 38px Forum,serif!important;color:#f6dfae!important}
body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry{grid-area:cifry;display:flex;gap:0;justify-content:flex-start;border-top:1px solid rgba(201,151,79,.3);padding-top:14px}
body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry div{font-size:13px;color:#cdb9a3;padding:0 22px;border-left:1px solid rgba(201,151,79,.25);text-align:left}
body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry div:first-child{padding-left:0;border-left:0}
body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry b{font:400 28px/1.1 Forum,serif!important;color:#f6dfae}
body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka{grid-area:knopka;align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:4px;
 padding:18px 22px!important;border-radius:14px;background:linear-gradient(180deg,#e9c58a,#c9974f)!important;border:0!important;color:#2b0f1a!important;
 font:400 19px Forum,serif!important;text-decoration:none;box-shadow:0 12px 30px rgba(201,151,79,.3)!important}
body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka::after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px}
body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka .knopka-urok{display:block;font:400 13px/1.35 Forum,serif;color:#5a2433;opacity:1;padding-right:26px;text-align:left}
body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka:hover{filter:brightness(1.06);transform:translateY(-1px)}
@media (max-width:900px){
 body.tema-lenorman.str-kurs .w>.geroj.geroj{grid-template-columns:1fr;grid-template-areas:"nadpis" "nazv" "pod" "tekst" "krug" "cifry" "knopka";padding:26px 20px!important;text-align:center!important;row-gap:0}
 body.tema-lenorman.str-kurs .w>.geroj.geroj h1.geroj-nazv{text-align:center;font-size:12vw!important;letter-spacing:.08em!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj p{margin:0 auto 18px;font-size:15px}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .krug{width:120px!important;height:120px!important;margin-bottom:16px}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .krug span{width:98px!important;height:98px!important;font-size:30px!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry{justify-content:center;margin-bottom:18px}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry div{padding:0 12px;text-align:center}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry b{font-size:24px!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka{width:100%;align-items:center}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka .knopka-urok{text-align:center;padding-right:0}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .knopka::after{content:none}
}
/* шапка урока Ленорман: заголовок и навигация были тёмным по тёмному */
body.tema-lenorman.str-urok .urok-shapka h1{color:#f6e7c8!important;font-family:Forum,serif}
body.tema-lenorman.str-urok .urok-shapka .kroshki,body.tema-lenorman.str-urok .urok-shapka .kroshki a{color:#e0b56f!important}
body.tema-lenorman.str-urok .w .vtor,body.tema-lenorman.str-urok .w a.vtor,body.tema-lenorman.str-urok .w button.vtor{color:#f1dcb4!important;border-color:rgba(230,191,130,.6)!important;opacity:1!important}
/* 06.11.2026: у Ленормана не было мобильной поправки меню (как .tema-znakomstvo стр.530) — меню стояло в потоке и давало 431px пустоты сверху на телефоне */
@media (max-width:900px){.tema-lenorman .bok{position:fixed}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry{flex-wrap:nowrap}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry div{padding:0 9px;font-size:11px}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .cifry b{font-size:21px!important}}

/* ===== 06.11.2026 (мак-сессия, Наталья: «Толкователь, навыки, тропа, модули, уроки — всё криво, неровно»): кабинет Ленорман ниже шапки — одним блоком.
   Перекрывает слои 04.11. Тот же язык, что новая шапка: тёмный бордо, золотая кайма, Forum, ровные сетки. ===== */
body.tema-lenorman.str-kurs .w{--lk:#e6bf82;--lk2:#c9974f;--lt:#f6e7c8;--ls:#cdb9a3;--lp:#3d1726;--lr:rgba(201,151,79,.45)}
/* панель героя: карта | ступень и опыт | навыки — одна карточка */
body.tema-lenorman.str-kurs .w>.geroj-panel{display:grid!important;grid-template-columns:150px minmax(0,1fr) 300px!important;gap:34px!important;align-items:center!important;
 position:relative;margin:0 0 26px!important;padding:28px 34px!important;text-align:left!important;aspect-ratio:auto!important;min-height:0!important;
 background:linear-gradient(180deg,#3a1424,#2b0f1a)!important;border:1px solid var(--lr)!important;border-radius:18px!important;box-shadow:0 0 0 5px rgba(201,151,79,.06),0 24px 50px -24px rgba(0,0,0,.6)!important}
body.tema-lenorman.str-kurs .w>.geroj-panel::before,body.tema-lenorman.str-kurs .w>.geroj-panel::after{content:none!important}
body.tema-lenorman.str-kurs .w>.geroj-panel>*{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important;max-width:none!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-oblik{justify-self:center}
body.tema-lenorman.str-kurs .geroj-panel .geroj-oblik img{width:130px!important;height:216px!important;border-radius:10px!important;object-fit:cover;box-shadow:0 0 0 2px var(--lk2),0 0 0 6px #2b0f1a,0 0 0 7px var(--lr),0 16px 34px rgba(0,0,0,.5)!important;animation:none!important}
body.tema-lenorman.str-kurs .geroj-panel .uroven{position:absolute;right:-10px;bottom:-10px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
 background:radial-gradient(circle at 35% 30%,#f1d2a0,#b9874a 75%);color:#2b0f1a;font:400 20px Forum,serif;box-shadow:0 0 0 3px #2b0f1a}
body.tema-lenorman.str-kurs .geroj-panel .geroj-info{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;text-align:left!important}
body.tema-lenorman.str-kurs .geroj-panel .kroshki{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lk)!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-info h2{font:400 40px/1.1 Forum,serif!important;color:var(--lt)!important;margin:6px 0 2px!important;text-align:left!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-info h2::after{content:none!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-info .sv{color:var(--ls)!important;font-size:16px;margin:0 0 14px!important}
body.tema-lenorman.str-kurs .geroj-panel .opyt .polosa{height:10px!important;background:rgba(230,191,130,.15)!important;border-radius:5px;max-width:460px}
body.tema-lenorman.str-kurs .geroj-panel .opyt .polosa i{background:linear-gradient(90deg,var(--lk2),#f1d2a0)!important}
body.tema-lenorman.str-kurs .geroj-panel .opyt span{color:var(--ls)!important;font-size:14px}
body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry{display:flex!important;gap:0!important;margin-top:18px!important;justify-content:flex-start!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry div{padding:0 22px;border-left:1px solid rgba(201,151,79,.25);font-size:13px;color:var(--ls)!important;text-align:left}
body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry div:first-child{padding-left:0;border-left:0}
body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry b{font:400 28px/1.1 Forum,serif!important;color:var(--lt)!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-bok{background:rgba(255,255,255,.03)!important;border:1px solid var(--lr)!important;border-radius:14px!important;padding:20px 22px!important;color:var(--lt)!important;box-shadow:none!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-bok::before,body.tema-lenorman.str-kurs .geroj-panel .geroj-bok::after{content:none!important}
body.tema-lenorman.str-kurs .geroj-panel .geroj-bok h3{font:400 22px Forum,serif!important;color:var(--lk)!important;margin:0 0 10px!important}
body.tema-lenorman.str-kurs .geroj-panel .navyki li{padding:6px 0!important;font-size:15px!important;color:#9c8577!important;border-bottom:1px solid rgba(201,151,79,.12);align-items:center}
body.tema-lenorman.str-kurs .geroj-panel .navyki li:last-child{border-bottom:0}
body.tema-lenorman.str-kurs .geroj-panel .navyki li.est{color:var(--lt)!important}
body.tema-lenorman.str-kurs .geroj-panel .navyki li i{width:18px;color:var(--lk)!important}
/* снаряжение: ровный ряд одинаковых карточек */
body.tema-lenorman.str-kurs .w>.nahodki{margin:0 0 30px!important}
body.tema-lenorman.str-kurs .nahodki h3,body.tema-lenorman.str-kurs .w>h2,body.tema-lenorman.str-kurs .w>.zag-art h2{font:400 30px Forum,serif!important;color:var(--lt)!important;margin:0 0 16px!important;text-align:left!important}
body.tema-lenorman.str-kurs .nahodki-ryad{display:grid!important;grid-template-columns:repeat(8,1fr)!important;gap:12px!important}
body.tema-lenorman.str-kurs .nahodka{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 10px 14px!important;border-radius:14px!important;
 background:rgba(255,255,255,.03)!important;border:1px solid rgba(201,151,79,.22)!important;box-shadow:none!important;min-height:170px}
body.tema-lenorman.str-kurs .nahodka img{width:70px!important;height:70px!important;margin-bottom:8px}
body.tema-lenorman.str-kurs .nahodka b{font:400 16px/1.2 Forum,serif!important;color:#9c8577!important;margin:0 0 4px!important}
body.tema-lenorman.str-kurs .nahodka span{font-size:12px!important;color:#8a7468!important;line-height:1.35}
body.tema-lenorman.str-kurs .nahodka.est{border-color:var(--lr)!important;background:linear-gradient(180deg,rgba(230,191,130,.12),rgba(255,255,255,.03))!important}
body.tema-lenorman.str-kurs .nahodka.est b{color:var(--lt)!important}
body.tema-lenorman.str-kurs .nahodka.est span{color:var(--ls)!important}
body.tema-lenorman.str-kurs .nahodki>p{display:none}
/* тропа: подписи модулей не налезают на камни — выше и с подложкой */
body.tema-lenorman.str-kurs .w>.sv{color:var(--ls)!important;font-size:14px;margin:0 0 10px!important}
body.tema-lenorman.str-kurs .put{border-radius:18px!important;box-shadow:0 0 0 1px var(--lr),0 24px 50px -24px rgba(0,0,0,.6)!important}
body.tema-lenorman.str-kurs .modul-podp{font:400 15px Forum,serif!important;fill:#5a1424!important;paint-order:stroke;stroke:#f6ecd8;stroke-width:5px;stroke-linejoin:round;transform:translateY(-18px)}
/* все уроки: заголовок модуля — лента с счётчиком рядом, карточки одной высоты */
body.tema-lenorman.str-kurs .modul-zag{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;margin:36px 0 14px!important;padding:0 0 10px;border-bottom:1px solid rgba(201,151,79,.3)}
body.tema-lenorman.str-kurs .modul-zag h2{font:400 26px Forum,serif!important;color:var(--lt)!important;background:none!important;padding:0!important;margin:0!important;text-align:left!important;box-shadow:none!important}
body.tema-lenorman.str-kurs .modul-zag h2::before,body.tema-lenorman.str-kurs .modul-zag h2::after{content:none!important}
body.tema-lenorman.str-kurs .modul-zag .sv{font-size:13px;color:#2b0f1a!important;background:var(--lk);border-radius:999px;padding:3px 12px;position:static!important}
body.tema-lenorman.str-kurs .setka{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important;gap:14px!important;align-items:stretch}
body.tema-lenorman.str-kurs .uk{display:flex!important;gap:14px!important;align-items:flex-start;min-height:118px;padding:14px!important;border-radius:14px!important;
 background:#f7eee2!important;border:1px solid #e2cdb6!important;box-shadow:0 10px 24px -14px rgba(0,0,0,.6)!important;color:#3a2226!important}
body.tema-lenorman.str-kurs .uk img{width:56px!important;height:90px!important;border-radius:6px!important;flex:none;box-shadow:0 0 0 1px #c9974f,0 6px 12px -6px rgba(0,0,0,.5)!important}
body.tema-lenorman.str-kurs .uk .nomer{font-size:11px;letter-spacing:.16em;color:#a8402f!important}
body.tema-lenorman.str-kurs .uk .imya{font:400 16px/1.3 Forum,serif!important;color:#2b0f1a!important;-webkit-line-clamp:3}
body.tema-lenorman.str-kurs .uk .metki{margin-top:auto}
body.tema-lenorman.str-kurs .uk:has(.metka.accepted) .metka.stop{display:none}
body.tema-lenorman.str-kurs .uk.zakryt{background:rgba(247,238,226,.55)!important;border-color:rgba(226,205,182,.4)!important;box-shadow:none!important}
body.tema-lenorman.str-kurs .uk.zakryt .imya{color:#6e5256!important}
body.tema-lenorman.str-kurs .uk.zakryt .pochemu{font-size:12px;color:#6e5256!important;-webkit-line-clamp:2}
body.tema-lenorman.str-kurs .uk .zamochek{position:absolute;left:34px;top:48px;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#3d1726;color:#f1d2a0;box-shadow:0 0 0 2px #f7eee2}
@media (max-width:1100px){body.tema-lenorman.str-kurs .nahodki-ryad{grid-template-columns:repeat(4,1fr)!important}}
@media (max-width:900px){
 body.tema-lenorman.str-kurs .w>.geroj-panel{grid-template-columns:1fr!important;text-align:center!important;padding:24px 18px!important;gap:20px!important}
 body.tema-lenorman.str-kurs .geroj-panel .geroj-info,body.tema-lenorman.str-kurs .geroj-panel .geroj-info h2{text-align:center!important}
 body.tema-lenorman.str-kurs .geroj-panel .opyt .polosa{margin:0 auto 6px}
 body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry{justify-content:center!important}
 body.tema-lenorman.str-kurs .geroj-panel .geroj-cifry div{padding:0 12px;text-align:center}
 body.tema-lenorman.str-kurs .nahodki-ryad{grid-template-columns:repeat(2,1fr)!important}
 body.tema-lenorman.str-kurs .nahodka{min-height:150px}
 body.tema-lenorman.str-kurs .modul-zag h2{font-size:22px!important}
}
/* 06.11 добивка: панель — явные колонки (старые правила раскладывали детей по своим местам), одна линия у модулей, закрытые уроки — тёмные карточки */
@media (min-width:901px){
 body.tema-lenorman.str-kurs .w>.geroj-panel{grid-template-areas:none!important;grid-template-rows:auto!important}
 body.tema-lenorman.str-kurs .geroj-panel>.geroj-oblik{grid-column:1!important;grid-row:1!important}
 body.tema-lenorman.str-kurs .geroj-panel>.geroj-info{grid-column:2!important;grid-row:1!important}
 body.tema-lenorman.str-kurs .geroj-panel>.geroj-bok{grid-column:3!important;grid-row:1!important}}
body.tema-lenorman.str-kurs .modul-zag h2{border:0!important;text-decoration:none!important;background-image:none!important}
body.tema-lenorman.str-kurs .w>p.sv{display:none!important}
body.tema-lenorman.str-kurs .uk.zakryt{background:#36131f!important;border:1px solid rgba(201,151,79,.22)!important}
body.tema-lenorman.str-kurs .uk.zakryt .nomer{color:#c9974f!important}
body.tema-lenorman.str-kurs .uk.zakryt .imya{color:#e3d3c0!important}
body.tema-lenorman.str-kurs .uk.zakryt .pochemu{color:#a8907f!important}
body.tema-lenorman.str-kurs .uk.zakryt img{opacity:.45!important;filter:grayscale(1)!important;box-shadow:0 0 0 1px rgba(201,151,79,.35)!important}
body.tema-lenorman.str-kurs .uk .zamochek{box-shadow:0 0 0 2px #36131f!important}
/* 06.11 (Наталья: «всё выходит за края») — середина Ленормана ровно в промежутке между боковыми картинками .tema-bok (ширина: >1500 (100vw-1200)/2+40, 1251-1500 150px, 901-1250 70px) с отступом 20px */
@media (min-width:1501px){body.tema-lenorman.str-kurs .w,body.tema-lenorman.str-urok .w{max-width:1080px!important;margin-left:auto!important;margin-right:auto!important}}
@media (min-width:1251px) and (max-width:1500px){body.tema-lenorman.str-kurs .w,body.tema-lenorman.str-urok .w{max-width:calc(100vw - 340px)!important;margin-left:auto!important;margin-right:auto!important}}
@media (min-width:901px) and (max-width:1250px){body.tema-lenorman.str-kurs .w,body.tema-lenorman.str-urok .w{max-width:calc(100vw - 180px)!important;margin-left:auto!important;margin-right:auto!important}}
@media (min-width:901px){body.tema-lenorman.str-kurs .w,body.tema-lenorman.str-urok .w{padding-left:0!important;padding-right:0!important;box-sizing:border-box}
 body.tema-lenorman.str-kurs .nahodki-ryad{grid-template-columns:repeat(auto-fill,minmax(118px,1fr))!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj{grid-template-columns:130px minmax(0,1fr) 230px;column-gap:26px;padding:30px 30px!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .krug{width:130px!important;height:130px!important}
 body.tema-lenorman.str-kurs .w>.geroj.geroj .krug span{width:106px!important;height:106px!important;font-size:32px!important}
 body.tema-lenorman.str-kurs .w>.geroj-panel{grid-template-columns:140px minmax(0,1fr) 270px!important;gap:26px!important;padding:26px 28px!important}
 body.tema-lenorman.str-kurs .setka{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important}}
/* 06.11: без «сирот» — снаряжение 8 в ряд или 4×2, уроки по 4 в ряд; верхнее меню в одну строку на 1250-1400 */
@media (min-width:901px){body.tema-lenorman.str-kurs .nahodki-ryad{grid-template-columns:repeat(8,1fr)!important}
 body.tema-lenorman.str-kurs .setka{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:901px) and (max-width:1400px){body.tema-lenorman.str-kurs .nahodki-ryad{grid-template-columns:repeat(4,1fr)!important}
 body.tema-lenorman .bok nav{gap:0!important}body.tema-lenorman .bok nav a{font-size:14px!important;padding-left:8px!important;padding-right:8px!important}}
@media (min-width:901px) and (max-width:1150px){body.tema-lenorman.str-kurs .setka{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:901px) and (max-width:1400px){body.tema-lenorman .bok nav{flex-wrap:nowrap!important}
 body.tema-lenorman .bok nav>a{font-size:13px!important;padding:7px 7px!important;white-space:nowrap;letter-spacing:0!important}
 body.tema-lenorman .bok .kto{font-size:13px}}
/* 06.11.2026 аудит: задание-отметка как в GetCourse — галочка «Ознакомился» + «Отправить ответ»; показ формы сотруднику */
form.oznakomilsya{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}
form.oznakomilsya .galochka{display:flex;align-items:center;gap:10px;font-size:17px;cursor:pointer;margin:0}
form.oznakomilsya .galochka input{width:22px;height:22px;accent-color:#8a2236;margin:0}
form.oznakomilsya button[disabled]{opacity:.5;cursor:not-allowed}
.kak-uchenik{margin-top:14px;padding:14px 16px;border:1px dashed rgba(185,135,74,.6);border-radius:12px;background:rgba(255,250,240,.5)}
.kak-uchenik .sv{font-size:13px;margin-bottom:6px}
/* 06.11.2026: шпаргалки в уроке — раскрывающиеся разделы */
details.shpargalka{margin:14px 0;padding:12px 16px;border:1px solid rgba(185,135,74,.45);border-radius:12px;background:rgba(255,250,240,.6)}
details.shpargalka>summary{cursor:pointer;font-size:17px}

/* 12.11.2026: «Мои оплаты» — галочка автосписания стоит рядом с текстом (общий стиль полей растягивал её на колонку); таблица истории на телефоне */
label.galochka input[type=checkbox]{width:18px;height:18px;flex:none;margin:3px 0 0}
@media (max-width:600px){
  .ist-oplat th,.ist-oplat td{padding:8px 6px;font-size:13px}
  .ist-oplat td:first-child,.ist-oplat td:nth-child(3),.ist-oplat td:nth-child(4){white-space:nowrap}
}