/* Перенесено из атрибутов style="…" скриптом generator/vynesti_inline_stili.py.
   CSP сайта не разрешает инлайн-стили; правила не править руками — править
   генератор и перезапускать скрипт. Почему селектор с :not(#_il) — см. скрипт. */
.il-0040be8:not(#_il):not(#_il){margin: 96px 0}
.il-00e9398:not(#_il):not(#_il){border-left: 3px solid #39ff14}
.il-06e3b5a:not(#_il):not(#_il){font-family: var(--font-mono); font-size: 12px; color: var(--accent); text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 8px}
.il-0866258:not(#_il):not(#_il){margin: 40px 0 60px; padding: 36px; background: rgba(18, 24, 34, 0.55); border: 1px solid var(--accent); border-radius: 24px; box-shadow: 0 0 30px rgba(102, 252, 241, 0.2)}
.il-0880fec:not(#_il):not(#_il){padding-top: 48px}
.il-0a35644:not(#_il):not(#_il){font-size: 14px; color: var(--text-secondary); line-height: 1.7; margin-bottom: 24px}
.il-0e8bc90:not(#_il):not(#_il){font-size: 12px; font-weight: 700; color: #fff; margin-top: 4px}
.il-0feaefb:not(#_il):not(#_il){list-style: none; font-size: 13px; display: flex; flex-direction: column; gap: 8px}
.il-115bccc:not(#_il):not(#_il){padding: 18px; border-radius: 16px; background: rgba(102, 252, 241, 0.08); border: 1px solid rgba(102, 252, 241, 0.3)}
.il-14d3c40:not(#_il):not(#_il){font-size: 22px; font-weight: 700; font-family: var(--font-mono); color: #fff; margin-top: 6px}
.il-159772a:not(#_il):not(#_il){padding: 8px 20px; font-size: 13px}
.il-163f5ee:not(#_il):not(#_il){border-left: 3px solid #ffb800}
.il-16949d4:not(#_il):not(#_il){margin-bottom: 8px}
.il-17cbd74:not(#_il):not(#_il){font-size: 12px; color: var(--text-muted); font-family: var(--font-mono)}
.il-1bfbf9d:not(#_il):not(#_il){flex: 1; min-width: min(280px, 100%); padding: 14px 18px; border-radius: 14px; background: rgba(0,0,0,0.6); border: 1px solid var(--border-glass); color: #fff; font-size: 14px; outline: none}
.il-1dd3b6b:not(#_il):not(#_il){padding: 24px; border-radius: 18px; background: rgba(0,0,0,0.5); border: 1px solid var(--border-glass); margin-bottom: 24px}
.il-1f5724b:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(140px, 100%), 1fr)); gap: 12px}
.il-23913dd:not(#_il):not(#_il){font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 8px}
.il-243f7f3:not(#_il):not(#_il){display: flex; flex-direction: column; gap: 32px}
.il-26d8fb8:not(#_il):not(#_il){font-size: 12px; color: #ff2a54; font-weight: 600}
.il-2c03d28:not(#_il):not(#_il){border-left: 3px solid #c77dff}
.il-2fdb781:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.08); padding-bottom: 12px; margin-bottom: 16px}
.il-3066d2c:not(#_il):not(#_il){font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 8px}
.il-31b2dc4:not(#_il):not(#_il){font-size: 22px; font-weight: 700; font-family: var(--font-mono); color: #39ff14; margin-top: 6px}
.il-31d8f56:not(#_il):not(#_il){margin-top: 36px; padding-top: 24px; border-top: 1px solid var(--border-glass)}
.il-3301f58:not(#_il):not(#_il){text-align: center; max-width: 820px; margin: 0 auto 48px}
.il-337c91d:not(#_il):not(#_il){font-size: 15px; font-weight: 700; color: #ffb800}
.il-35fbed7:not(#_il):not(#_il){text-align: center; font-size: 16px; color: #66fcf1; padding: 16px}
.il-38feeb6:not(#_il):not(#_il){font-size: 13px; color: var(--text-muted); line-height: 1.6}
.il-3b9be78:not(#_il):not(#_il){font-size: 14px; font-weight: 600; color: #fff}
.il-3c2c4db:not(#_il):not(#_il){font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 12px}
.il-3dae085:not(#_il):not(#_il){font-size: 12px; color: var(--accent); font-weight: 600}
.il-3fe0ad9:not(#_il):not(#_il){padding: 8px 12px; border-radius: 8px; background: rgba(0,0,0,0.6); font-family: var(--font-mono); font-size: 12px; color: var(--accent); margin-bottom: 12px}
.il-428d6b6:not(#_il):not(#_il){font-size: 11px; color: var(--text-muted)}
.il-437a279:not(#_il):not(#_il){padding: 12px; border-radius: 12px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05)}
.il-43bfe48:not(#_il):not(#_il){padding: 18px; border-radius: 16px; background: rgba(57, 255, 20, 0.08); border: 1px solid rgba(57, 255, 20, 0.3)}
.il-44b2edb:not(#_il):not(#_il){font-weight: 700; font-size: 14px; color: var(--accent)}
.il-45f467e:not(#_il):not(#_il){font-size: 14px; color: var(--text-secondary); line-height: 1.7}
.il-4699da6:not(#_il):not(#_il){display: flex; gap: 12px; flex-wrap: wrap}
.il-46db5fb:not(#_il):not(#_il){font-size: 26px; font-weight: 800; color: #fff; margin-bottom: 6px}
.il-4a275dd:not(#_il):not(#_il){font-size: 18px; font-weight: 700; font-family: var(--font-mono); color: #39ff14}
.il-4f07b71:not(#_il):not(#_il){font-size: 18px; font-weight: 700; color: #fff; margin-bottom: 8px}
.il-4f7f1ad:not(#_il):not(#_il){margin-top: 20px}
.il-4fe033f:not(#_il):not(#_il){margin: 80px 0}
.il-52ed303:not(#_il):not(#_il){font-size: 14px; color: var(--accent); font-family: var(--font-mono); margin-bottom: 12px}
.il-56b5181:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); gap: 10px}
.il-59bcea0:not(#_il):not(#_il){font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 24px}
.il-5a8c018:not(#_il):not(#_il){text-align: center; max-width: 820px; margin: 0 auto 36px}
.il-5beb8fb:not(#_il):not(#_il){margin-bottom: 12px}
.il-5ee391f:not(#_il):not(#_il){font-size: 20px; font-weight: 700; font-family: var(--font-mono); color: #fff; margin-top: 6px}
.il-5f6e5b6:not(#_il):not(#_il){font-size: 20px; font-weight: 700; color: #fff}
.il-6000f75:not(#_il):not(#_il){margin: 96px 0; padding: 48px; border-radius: 28px; border: 1px solid rgba(255, 184, 0, 0.3); background: linear-gradient(180deg, rgba(20, 16, 8, 0.7) 0%, rgba(5, 5, 8, 0.95) 100%)}
.il-606a4f7:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: flex-end}
.il-61b60ae:not(#_il):not(#_il){display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px}
.il-6313b6b:not(#_il):not(#_il){display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 24px}
.il-6325d43:not(#_il):not(#_il){padding: 32px; border-radius: 28px}
.il-64dc425:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px}
.il-64fbee0:not(#_il):not(#_il){color: #ffb800}
.il-67fba57:not(#_il):not(#_il){display: flex; justify-content: flex-end; gap: 12px; border-top: 1px solid var(--border-glass); padding-top: 20px}
.il-68f762d:not(#_il):not(#_il){color: var(--muted); font-size: 16px; margin-bottom: 24px; max-width: 820px}
.il-69579e5:not(#_il):not(#_il){height: 480px}
.il-6a0f42d:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: 16px}
.il-6aa3bb7:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 20px}
.il-6ace47f:not(#_il):not(#_il){font-size: 13px; color: var(--text-muted); line-height: 1.6; margin-top: 14px; max-width: 360px}
.il-6b1f0d9:not(#_il):not(#_il){margin-top: 4px}
.il-6e0fd9b:not(#_il):not(#_il){font-size: 12px; color: var(--text-muted)}
.il-708641e:not(#_il):not(#_il){font-size: 15px; color: var(--text-secondary); line-height: 1.8; margin-bottom: 18px}
.il-717c152:not(#_il):not(#_il){position: absolute; bottom: 16px; left: 20px; font-size: 11px; color: var(--text-muted); font-family: var(--font-mono); pointer-events: none}
.il-7232cbc:not(#_il):not(#_il){padding: 18px; border-radius: 16px; background: rgba(255, 42, 84, 0.08); border: 1px solid rgba(255, 42, 84, 0.3)}
.il-747ad6f:not(#_il):not(#_il){font-size: 12px; color: #39ff14; font-weight: 600}
.il-765e167:not(#_il):not(#_il){border-left: 3px solid #ff2a54}
.il-777602c:not(#_il):not(#_il){border-color: rgba(255, 42, 84, 0.4); color: #ff2a54}
.il-7977194:not(#_il):not(#_il){display: flex; justify-content: space-between; font-size: 11px; color: var(--text-muted); margin-top: 6px}
.il-7c9dbf6:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; margin-bottom: 24px}
.il-7cef750:not(#_il):not(#_il){padding: 14px 24px}
.il-7d494df:not(#_il):not(#_il){font-size: 13px; font-weight: 700; color: #ff2a54; margin-bottom: 12px}
.il-80963aa:not(#_il):not(#_il){margin-top: 56px}
.il-81d2dba:not(#_il):not(#_il){display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 24px; border-radius: 18px; background: rgba(0,0,0,0.6); border: 1px solid var(--border-glass); margin-bottom: 24px}
.il-82e1fd3:not(#_il):not(#_il){padding: 8px 18px; font-size: 13px}
.il-8613885:not(#_il):not(#_il){color: #fff; text-decoration: none}
.il-88f2c93:not(#_il):not(#_il){font-size: 32px; font-weight: 800; color: #ffb800; margin: 16px 0}
.il-8ba2631:not(#_il):not(#_il){border-color: rgba(102, 252, 241, 0.4)}
.il-8cef079:not(#_il):not(#_il){font-size: 13px; color: var(--text-muted)}
.il-8f624a5:not(#_il):not(#_il){display: flex; gap: 12px}
.il-9004d31:not(#_il):not(#_il){margin-top: 14px; font-size: 12px; line-height: 1.6}
.il-91a8b2e:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 14px; margin-bottom: 16px}
.il-97b2b98:not(#_il):not(#_il){border-top: 1px solid rgba(255, 184, 0, 0.2); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px}
.il-9a87f84:not(#_il):not(#_il){margin-top: 16px; padding: 12px 16px; border-radius: 10px; background: rgba(102, 252, 241, 0.08); border: 1px solid rgba(102, 252, 241, 0.25); font-size: 12px; color: var(--text-primary)}
.il-9bdaf32:not(#_il):not(#_il){grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 16px}
.il-9be8a8b:not(#_il):not(#_il){font-size: 11px; font-family: var(--font-mono); color: var(--accent); font-weight: 700}
.il-9c7830e:not(#_il):not(#_il){list-style: none; display: flex; flex-direction: column; gap: 8px}
.il-9fae37a:not(#_il):not(#_il){font-size: 11px; color: var(--text-muted); margin-top: 4px}
.il-a3a35f6:not(#_il):not(#_il){margin: 80px 0 96px}
.il-a552d06:not(#_il):not(#_il){padding: 24px; border-radius: 18px; background: rgba(0,0,0,0.75); border: 1px solid var(--border-glass-bright)}
.il-a5976a1:not(#_il):not(#_il){font-size: 12px; color: var(--text-muted); margin-bottom: 20px}
.il-a6b0e66:not(#_il):not(#_il){font-size: 36px; font-weight: 800; font-family: var(--font-mono); color: var(--accent); margin-top: 4px}
.il-b264e9d:not(#_il):not(#_il){display: flex; align-items: center; gap: 12px}
.il-b305c5e:not(#_il):not(#_il){text-decoration: underline}
.il-ba68f70:not(#_il):not(#_il){padding: 28px; border-radius: 22px}
.il-bc737e1:not(#_il):not(#_il){color: #c77dff}
.il-bcb3880:not(#_il):not(#_il){font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); line-height: 1.5}
.il-c08bafc:not(#_il):not(#_il){color: #ff2a54}
.il-c81dd3c:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(180px, 100%), 1fr)); gap: 14px}
.il-ca14ab7:not(#_il):not(#_il){margin-bottom: 28px}
.il-cd59aab:not(#_il):not(#_il){position: absolute; inset: 0}
.il-d01ab6b:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 14px; border-top: 1px solid var(--border-glass); padding-top: 20px}
.il-d265c43:not(#_il):not(#_il){font-size: 20px; font-weight: 700; color: #ffb800}
.il-d297519:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 24px}
.il-d37748d:not(#_il):not(#_il){border-top: 1px solid var(--border-glass); padding-top: 18px; margin-bottom: 20px}
.il-d38b72e:not(#_il):not(#_il){font-size: 20px; font-weight: 700; font-family: var(--font-mono); color: var(--accent)}
.il-d7d5cce:not(#_il):not(#_il){font-size: 10px; color: var(--text-muted); margin-top: 2px}
.il-d9eea44:not(#_il):not(#_il){margin-top: 28px}
.il-e2b4c44:not(#_il):not(#_il){font-size: 32px; font-weight: 800; margin-bottom: 12px; color: #fff}
.il-e478d90:not(#_il):not(#_il){color: var(--text-muted); text-decoration: none}
.il-e5a6d3c:not(#_il):not(#_il){margin-top: 10px}
.il-e710afd:not(#_il):not(#_il){color: #39ff14}
.il-e94e452:not(#_il):not(#_il){border-color: rgba(255, 184, 0, 0.4); color: #ffb800; background: rgba(255, 184, 0, 0.1)}
.il-e991ced:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(135px, 100%), 1fr)); gap: 10px; margin-bottom: 24px}
.il-eb47394:not(#_il):not(#_il){margin-bottom: 24px}
.il-ecb7e23:not(#_il):not(#_il){border-left: 3px solid var(--accent)}
.il-ed47f07:not(#_il):not(#_il){margin-top: 16px; padding: 16px; border-radius: 12px; background: rgba(57, 255, 20, 0.1); border: 1px solid rgba(57, 255, 20, 0.4); color: #39ff14; font-family: var(--font-mono); font-size: 12px}
.il-ef86ff0:not(#_il):not(#_il){font-size: 20px; font-weight: 700; color: #ff2a54}
.il-f120801:not(#_il):not(#_il){display: flex; justify-content: space-between; align-items: center}
.il-f15dadf:not(#_il):not(#_il){padding: 14px; border-radius: 12px; background: rgba(255,255,255,0.02); border: 1px solid rgba(255,255,255,0.05)}
.il-f4f2d2a:not(#_il):not(#_il){padding: 36px; border-radius: 28px; transition: transform 0.3s ease; position: relative}
.il-f6b61bb:not(#_il):not(#_il){color: var(--accent-warm)}
.il-f6fd89b:not(#_il):not(#_il){font-size: 12px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.1em}
.il-fa2f6eb:not(#_il):not(#_il){font-size: 18px; font-weight: 700; font-family: var(--font-mono); color: var(--accent)}
.il-fbe2367:not(#_il):not(#_il){font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-muted); margin-bottom: 12px}
.il-fe8c4f2:not(#_il):not(#_il){display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 28px; margin: 44px 0 32px}

/* Коан в шапке статьи (20.10.2026): цвет наследуется — работает в светлой и тёмной теме */
.koan{margin:1.5rem auto 0;max-width:46rem;padding:.9rem 1.2rem;border-left:3px solid currentColor;font-style:italic;text-align:left;opacity:.92}
.koan p{margin:0 0 .45rem;font-size:1.05em;line-height:1.6}
.koan cite{display:block;font-style:normal;font-size:.85em;opacity:.78}

/* 21.10.2026: поле ввода со шрифтом меньше 16px Safari на iPhone увеличивает при касании — страница «прыгает».
   Проверка вёрстки WebKit нашла такие поля на всех /reading. Флажки, переключатели и ползунки не затронуты. */
@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}

/* 21.10.2026: проверка вёрстки WebKit — сетка библиотеки (minmax 262px во встроенном стиле страницы) на 320px шире экрана. */
@media (max-width: 480px) { body .grid { grid-template-columns: repeat(auto-fit, minmax(min(262px, 100%), 1fr)); } }