:root{color-scheme:dark;--bg:#11141e;--surface:#1b2030;--line:#ffffff30;--ink:#f7f4f1;--muted:#bac5d5;--accent:#e4c48b;--glow:#657cef}*{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 110% 55% at 60% -5%,#2c385a,#10141e 74%);font:16px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}a{color:inherit}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:3px solid #e4c48b;outline-offset:4px}
.sitebar{position:sticky;z-index:20;top:0;background:#111722eb;backdrop-filter:blur(17px);border-bottom:1px solid var(--line)}
.shell{max-width:1180px;margin:0 auto;padding:0 24px}.sitebar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand-mark{font-size:36px;color:#c9afff;line-height:1}.nav{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.nav a{font-size:13px;text-decoration:none}.langs{display:flex;border:1px solid #d6d6e040;border-radius:40px;padding:4px;gap:3px}.langs a{text-decoration:none;font-size:12px;min-width:31px;text-align:center;padding:5px;border-radius:40px}.langs a[aria-current]{background:var(--accent);color:#151c2b;font-weight:800}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:66px 0 52px}.hero::after{content:"";position:absolute;z-index:-1;right:-80px;top:5px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#9c7ce54d,transparent 65%);filter:blur(25px)}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-size:11px;font-weight:800}h1{max-width:1000px;margin:14px 0 22px;font-size:clamp(38px,6.6vw,78px);font-weight:800;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(25px,3.5vw,35px);line-height:1.17;letter-spacing:-.035em}.lead{font-size:clamp(17px,2.1vw,21px);max-width:690px;color:var(--muted);line-height:1.7}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.breadcrumbs a{text-underline-offset:3px}.micro{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.chip{font-size:12px;border:1px solid #ddb87e6b;color:#f6e3be;padding:6px 12px;border-radius:90px;background:#292b35}.hero-illustration{position:absolute;right:5%;top:6%;width:min(34%,340px);opacity:.75;pointer-events:none;z-index:-1}.hero-illustration svg{width:100%;height:auto}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:14px 0 60px}.tile{border:1px solid var(--line);background:linear-gradient(145deg,#242c43,#191f2d);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}.tile:hover{transform:translateY(-4px);border-color:#dac390}.tile-visual{min-height:200px;padding:20px;display:grid;place-items:center;background:radial-gradient(circle at 65% 45%,#7064ba5e,transparent 48%),#1d2440}.tile-visual svg{max-width:230px;width:80%;height:auto}.tile-body{padding:28px}.tile h2{margin:7px 0 10px}.tile p{color:var(--muted);margin:0 0 22px}.tile a.btn{display:inline-flex;text-decoration:none;background:var(--accent);color:#151b24;padding:11px 17px;border-radius:12px;font-weight:800}.status{padding:17px 21px;border:1px solid #c8b07f73;background:#252534;border-radius:17px;max-width:850px;color:#e8d9bd;font-size:14px;margin:26px 0}.connections{display:flex;flex-wrap:wrap;gap:11px;margin:22px 0 60px}.connections a{border:1px solid var(--line);padding:9px 16px;text-decoration:none;border-radius:30px;font-size:14px}
.read-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:28px;align-items:start;margin:20px auto 70px}.reading{min-width:0;border-radius:22px;background:#f9f7f1;color:#1c2531;padding:clamp(24px,5vw,62px);box-shadow:0 16px 60px #00000026}.reading h2{font-size:30px;color:#1c2531;margin:0 0 20px}.reading p{font:clamp(17px,1.7vw,19px)/1.92 Georgia,"Times New Roman",serif;margin:0 0 1.3em;white-space:pre-wrap;overflow-wrap:anywhere}.reading .source-note{padding:16px;border-top:1px solid #b1aea0;font-size:12px;color:#4d5561;margin-top:35px;font-family:system-ui,sans-serif}.reading .source-note a{color:#253c78}
.side{position:sticky;top:100px;background:#1b2131;border:1px solid var(--line);border-radius:20px;padding:21px}.side h3{font-size:17px;margin:0 0 12px}.side dl{margin:0}.side dt{font-size:12px;color:var(--muted);margin-top:13px}.side dd{font-size:14px;margin:2px 0;overflow-wrap:anywhere}.side a{color:#dfceff;font-size:13px}.view-switch{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.view-switch button{background:#232b3e;border:1px solid #e4c48b80;color:#fff7e8;padding:10px 14px;border-radius:10px;cursor:pointer;min-height:44px}.view-switch button[aria-pressed="true"]{background:var(--accent);color:#172234;font-weight:800}
.meaning-map{border:1px solid #ffffff45;border-radius:21px;padding:20px;margin-top:20px;background:linear-gradient(145deg,#1c2840,#1e1b30)}.meaning-map strong{display:block;margin-bottom:14px;color:#ead29e}.nodes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.node{background:#282c48;border:1px solid #9894de75;padding:14px;border-radius:12px;text-align:center;font-size:13px}.node.main{grid-column:span 2;border-color:#e3bc80;background:#3c3342}
body[data-view="story"]{background:radial-gradient(circle at 78% 20%,#563456,transparent 32%),#0d0f1a}body[data-view="story"] .read-layout{display:block;max-width:800px}body[data-view="story"] .reading{background:transparent;color:#f4ecdf;border:0;padding:15px 15px 28px;box-shadow:none}body[data-view="story"] .reading h2{color:#ecc98d}body[data-view="story"] .reading p{font-size:clamp(19px,2.2vw,23px);line-height:2;color:#ede4e1}body[data-view="story"] .side{position:static;max-width:760px;margin:auto}
body[data-view="map"] .read-layout{grid-template-columns:minmax(0,1fr) 340px}body[data-view="map"] .reading{background:#202b3d;color:#f7fafc;border:1px solid #5b83a7;box-shadow:none}body[data-view="map"] .reading h2,body[data-view="map"] .reading p{color:#f7fafc}body[data-view="map"] .reading p{font-family:system-ui,sans-serif;font-size:16px;line-height:1.85}body[data-view="map"] .meaning-map{box-shadow:0 0 0 3px #e4c48b28}
footer{border-top:1px solid var(--line);padding:25px 0 45px;color:var(--muted);font-size:13px}
@media(max-width:790px){.shell{padding:0 16px}.sitebar-inner{min-height:68px;flex-wrap:wrap;padding:11px 0}.nav{gap:8px}.nav a{font-size:12px}.hero{padding:43px 0 30px}.hero-illustration{width:38%;top:10%;opacity:.3}.grid{grid-template-columns:1fr}.read-layout,body[data-view="map"] .read-layout{grid-template-columns:1fr}.side{position:static;order:-1}.reading{padding:24px}.tile-visual{min-height:150px}.view-switch button{flex:1 1 120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}}

/* 6.11.26: читабельный светлый режим в стиле ИС, без искусственного логотипа. */
.brand img{height:40px;width:40px;display:block;object-fit:contain;flex:none;border-radius:50%}.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.theme-toggle{min-height:40px;border-radius:10px;background:#f1eadc;color:#292936;border:1px solid #9b8c73;padding:8px 12px;cursor:pointer;font:600 12px system-ui,sans-serif}.theme-toggle:hover{box-shadow:0 0 0 2px #d8ba83}
body[data-theme="light"]{color-scheme:light;--bg:#f6f7fb;--surface:#fff;--line:#233b5729;--ink:#18283d;--muted:#4c5870;--accent:#8463a6;--glow:#657cef;background:radial-gradient(ellipse 90% 56% at 92% -5%,#dce9ff,#f7f8fc 71%);color:var(--ink)}
body[data-theme="light"] .sitebar{background:#ffffffed;border-bottom:1px solid #cbd6e3}
body[data-theme="light"] .brand,body[data-theme="light"] .nav a{color:#26374e}
body[data-theme="light"] .langs{border-color:#a9b5c8}
body[data-theme="light"] .langs a[aria-current]{background:#273857;color:#fff}
body[data-theme="light"] .theme-toggle{background:#24344c;color:#fff;border-color:#24344c}
body[data-theme="light"] .eyebrow{color:#57549c}
body[data-theme="light"] .breadcrumbs{color:#4c5870}
body[data-theme="light"] .chip{background:#f3f5fb;color:#333f5a;border:1px solid #aab7cb}
body[data-theme="light"] .status{background:#edf3fd;color:#3c4a61;border-color:#acc3e0}
body[data-theme="light"] .tile{background:#fff;border-color:#d0dae6;box-shadow:0 10px 30px #34486813}
body[data-theme="light"] .tile-visual{background:radial-gradient(circle at 60% 45%,#a3b8e358,transparent 57%),linear-gradient(140deg,#eaf2fd,#f6f1fa)}
body[data-theme="light"] .tile h2{color:#1a2b40}
body[data-theme="light"] .tile a.btn{background:#253b5d;color:#fff}
body[data-theme="light"] .reading{background:#fff;color:#253448;border:1px solid #d7e1ed;box-shadow:0 22px 50px #30476214}
body[data-theme="light"] .reading h2{color:#1c304d}
body[data-theme="light"] .side{background:#f7f9fd;border-color:#d4dfed;color:#263b54}
body[data-theme="light"] .side a{color:#4756a1}
body[data-theme="light"] .view-switch button{background:#fff;color:#303e58;border-color:#adbdd0}
body[data-theme="light"] .view-switch button[aria-pressed="true"]{background:#263c5c;color:#fff}
body[data-theme="light"] .meaning-map{background:#edf2fa;border-color:#c6d1e7}
body[data-theme="light"] .meaning-map strong{color:#334b6b}
body[data-theme="light"] .node{background:#e2eaf5;border-color:#b0bdd6;color:#273d57}
body[data-theme="light"] .node.main{background:#d5e4f7;border-color:#91b4e9}
body[data-theme="light"] .connections a{border-color:#abbace}
body[data-theme="light"][data-view="story"]{background:#f5f1e9;color:#272b38}
body[data-theme="light"][data-view="story"] .reading{background:#fffaf2;color:#263345}
body[data-theme="light"][data-view="story"] .reading h2,body[data-theme="light"][data-view="story"] .reading p{color:#263345}
body[data-theme="light"][data-view="map"] .reading{background:#fff;color:#263345}
body[data-theme="light"][data-view="map"] .reading h2,body[data-theme="light"][data-view="map"] .reading p{color:#263345}
body[data-theme="light"] footer{color:#546477}
@media(max-width:820px){.sitebar-inner{align-items:flex-start}.sitebar-inner .nav{gap:9px}.header-actions{margin-left:auto}.brand img{height:34px;width:34px}.brand{font-size:14px}.nav{width:100%;justify-content:flex-start}.nav a{min-height:36px;display:inline-flex;align-items:center}}

/* 6.11.26 10:xx — общий интерфейс чтения: оригинальная эмблема, доступное меню и иллюстрации с функцией */

body,.nav,.sitebar,.view-switch,.chip{font-family:Onest,system-ui,-apple-system,"Segoe UI",sans-serif}
.sitebar-inner{max-width:1190px}.article-menu{display:inline-flex;gap:3px;flex:0 0 auto}.sitebar .is-toggle{width:42px;height:42px;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:#1e344e;border:1px solid #243b56;border-radius:11px;cursor:pointer}.sitebar .is-toggle span{width:20px;height:2px;background:#fff;border-radius:3px}.sitebar .is-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#14243b;color:#f8f0dc;padding:14px max(16px,calc((100vw - 1120px)/2));max-height:70vh;overflow:auto;box-shadow:0 20px 50px #17253966}.sitebar .is-panel.open{display:block}.sitebar .is-panel nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px}.sitebar .is-panel a{color:#f2f0e9;text-decoration:none;padding:10px 12px;min-height:42px;border-radius:10px}.sitebar .is-panel a:hover,.sitebar .is-panel a:focus-visible{background:#344c6f;color:#fff}.sitebar .is-panel .menu-langs{display:flex;gap:5px;margin-top:12px}.sitebar .is-panel .menu-langs a[aria-current]{background:#e5cca3;color:#1b2e46}
.article-visual{width:100%;margin:4px 0 28px;aspect-ratio:2.35;overflow:hidden;background:#253d5c;border-radius:24px;border:1px solid #d0dbe8;box-shadow:0 14px 37px #2e47671c}.article-visual img{width:100%;height:100%;object-fit:cover;display:block}.tile-visual img{width:100%;height:100%;object-fit:cover;display:block}.tile-visual{padding:0;min-height:185px;height:210px}.tile-visual img{max-width:none}.tile{overflow:hidden}
body[data-theme="light"] .article-visual{background:#f4f6fc}body[data-theme="light"] .tile-visual{background:#e8f0fc}
.hero-illustration{display:none}.hero{padding-top:35px;padding-bottom:22px}.hero h1{font-size:clamp(30px,5vw,60px)}.hero .lead{font-size:clamp(15px,1.7vw,18px)}
.reader-author-link{color:inherit;text-underline-offset:3px}.reader-author-link:hover{color:#7156a3}
@media(max-width:850px){.sitebar-inner{display:flex;align-items:center;gap:8px}.sitebar-inner .nav{margin-left:auto;width:auto;flex:0 1 auto}.sitebar .nav>a{display:none}.sitebar .nav .langs{display:none}.sitebar .brand{flex:1;min-width:0}.sitebar .brand img{width:35px;height:35px}.sitebar .is-toggle{min-width:42px}.sitebar .theme-toggle{max-width:104px;font-size:11px;padding:6px}.sitebar .is-panel nav{grid-template-columns:1fr 1fr}.hero{padding-top:27px}.article-visual{aspect-ratio:1.6;border-radius:16px;margin:4px 0 20px}.tile-visual{height:177px}.grid{gap:13px}}
@media(max-width:430px){.sitebar .brand{font-size:13px;white-space:normal;line-height:1.1}.sitebar .is-panel nav{grid-template-columns:1fr}.sitebar .theme-toggle{max-width:88px;font-size:10px}}

/* 6.11.26 — единая навигация: языки и тема только внутри ☰, размерные токены из Onest */
.sitebar-inner{min-height:66px;gap:12px}.sitebar .brand{letter-spacing:-.02em;font-weight:800}.sitebar .nav .langs{display:none!important}
.sitebar .is-panel{background:#14243b;color:#fff;max-height:min(78vh,700px);overflow-y:auto;z-index:21;border-bottom:2px solid #d9b87e;border-radius:0 0 20px 20px;padding-top:20px;padding-bottom:22px}
.sitebar .is-panel nav{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.sitebar .is-panel nav>a{display:flex;align-items:center;background:#ffffff0d;border:1px solid #ffffff20;border-radius:12px;text-decoration:none;min-height:48px;font-weight:700}
.sitebar .is-panel nav>a:hover,.sitebar .is-panel nav>a:focus-visible{background:#ffffff24}
.sitebar .menu-language-title{margin-top:24px;color:#f1d9ae;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.sitebar .is-panel .menu-langs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 6px;padding:0;border:0;width:100%;border-radius:0}
.sitebar .is-panel .menu-langs>a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px;min-height:58px;border:1px solid #ffffff2b;border-radius:12px;text-decoration:none;color:#eef4fc;background:#ffffff0d;font-size:14px;font-weight:600}
.sitebar .is-panel .menu-langs>a[aria-current]{background:#e1c48e;color:#1a2940;border-color:#e1c48e}
.sitebar .is-panel .menu-langs>a[aria-current] .lang-code{color:#263b58}
.sitebar .lang-code{font-size:11px;color:#e0c99f;letter-spacing:.09em;font-weight:800}
.sitebar .menu-preferences{margin-top:18px;display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff25;padding-top:16px}
.sitebar .menu-preferences .theme-toggle{font-size:13px;padding:10px 16px;max-width:none}
body[data-theme="light"] .sitebar .is-panel a{color:#f3f5fa}
body[data-theme="light"] .sitebar .is-panel .menu-langs>a[aria-current]{color:#17263b}
body[data-theme="light"] .sitebar .is-panel .theme-toggle{background:#f6e6c2;border-color:#f6e6c2;color:#1c2e44}
@media(max-width:850px){.sitebar .nav{width:auto!important;margin-left:auto;flex:0 0 auto}.sitebar .nav>a{display:none}.sitebar-inner{flex-wrap:nowrap}.sitebar .is-panel nav{grid-template-columns:1fr 1fr}}
@media(max-width:570px){.sitebar .is-panel .menu-langs{grid-template-columns:repeat(2,minmax(0,1fr))}.sitebar .is-panel nav{grid-template-columns:1fr 1fr}.sitebar .brand{max-width:calc(100vw - 112px);font-size:14px}.sitebar .is-panel{padding-left:16px;padding-right:16px}}