[{"data":1,"prerenderedAt":12518},["ShallowReactive",2],{"navigation_docs":3,"-html-css-css-accessibility":2784,"-html-css-css-accessibility-surround":12513},[4,1640,1721,2175,2203,2410,2476,2526,2583,2617,2743,2780],{"title":5,"icon":6,"path":7,"stem":8,"children":9},"C#","i-devicon-csharp","/csharp","01.csharp",[10,13,60,90,120,202,219,253,379,404,457,650,1346,1636],{"title":11,"path":7,"stem":12},"C# Roadmap","01.csharp/index",{"title":14,"icon":15,"path":16,"stem":17,"children":18,"page":59},"Fundamentals","i-lucide-book-open","/csharp/fundamentals","01.csharp/01.fundamentals",[19,23,27,31,35,39,43,47,51,55],{"title":20,"path":21,"stem":22},"Вступ до екосистеми .NET","/csharp/fundamentals/introduction-to-ecosystem","01.csharp/01.fundamentals/01.introduction-to-ecosystem",{"title":24,"path":25,"stem":26},"Структура програми на C#","/csharp/fundamentals/program-structure","01.csharp/01.fundamentals/02.program-structure",{"title":28,"path":29,"stem":30},"Змінні та Типи Даних","/csharp/fundamentals/variables-data-types","01.csharp/01.fundamentals/03.variables-data-types",{"title":32,"path":33,"stem":34},"Масиви","/csharp/fundamentals/arrays","01.csharp/01.fundamentals/04.arrays",{"title":36,"path":37,"stem":38},"Strings & Text Handling","/csharp/fundamentals/strings-text-handling","01.csharp/01.fundamentals/05.strings-text-handling",{"title":40,"path":41,"stem":42},"Дати і Час","/csharp/fundamentals/dates-time-handling","01.csharp/01.fundamentals/06.dates-time-handling",{"title":44,"path":45,"stem":46},"Потік Керування","/csharp/fundamentals/control-flow","01.csharp/01.fundamentals/07.control-flow",{"title":48,"path":49,"stem":50},"Методи","/csharp/fundamentals/methods","01.csharp/01.fundamentals/08.methods",{"title":52,"path":53,"stem":54},"Основи Відлагодження","/csharp/fundamentals/debugging-basics","01.csharp/01.fundamentals/09.debugging-basics",{"title":56,"path":57,"stem":58},"Інтерактивна Консоль (Classic)","/csharp/fundamentals/interactive-console","01.csharp/01.fundamentals/10.interactive-console",false,{"title":61,"icon":62,"path":63,"stem":64,"children":65,"page":59},"OOP","i-lucide-box","/csharp/oop","01.csharp/02.oop",[66,70,74,78,82,86],{"title":67,"path":68,"stem":69},"Package Management (Управління Пакетами)","/csharp/oop/package-management","01.csharp/02.oop/01.package-management",{"title":71,"path":72,"stem":73},"Класи та Об'єкти","/csharp/oop/classes-objects","01.csharp/02.oop/02.classes-objects",{"title":75,"path":76,"stem":77},"Властивості та Поля","/csharp/oop/properties-fields","01.csharp/02.oop/03.properties-fields",{"title":79,"path":80,"stem":81},"Стовпи ООП","/csharp/oop/oop-pillars","01.csharp/02.oop/04.oop-pillars",{"title":83,"path":84,"stem":85},"Advanced Types","/csharp/oop/advanced-types","01.csharp/02.oop/05.advanced-types",{"title":87,"path":88,"stem":89},"Namespaces (Простори Імен)","/csharp/oop/namespaces","01.csharp/02.oop/06.namespaces",{"title":91,"icon":92,"path":93,"stem":94,"children":95,"page":59},"Advanced Core","i-lucide-zap","/csharp/advanced-core","01.csharp/03.advanced-core",[96,100,104,108,112,116],{"title":97,"path":98,"stem":99},"Generics (Узагальнення)","/csharp/advanced-core/generics","01.csharp/03.advanced-core/01.generics",{"title":101,"path":102,"stem":103},"Делегати, Події та Лямбда-вирази","/csharp/advanced-core/delegates-events-lambdas","01.csharp/03.advanced-core/02.delegates-events-lambdas",{"title":105,"path":106,"stem":107},"Interfaces Deep Dive (Інтерфейси: Поглиблений Розгляд)","/csharp/advanced-core/interfaces-deep-dive","01.csharp/03.advanced-core/03.interfaces-deep-dive",{"title":109,"path":110,"stem":111},"Обробка Винятків","/csharp/advanced-core/exception-handling","01.csharp/03.advanced-core/04.exception-handling",{"title":113,"path":114,"stem":115},"Pattern Matching","/csharp/advanced-core/pattern-matching","01.csharp/03.advanced-core/05.pattern-matching",{"title":117,"path":118,"stem":119},"Додаткові Можливості C#","/csharp/advanced-core/additional-features","01.csharp/03.advanced-core/06.additional-features",{"title":121,"icon":122,"path":123,"stem":124,"children":125,"page":59},"Architecture Best Practices","i-lucide-building-2","/csharp/architecture-best-practices","01.csharp/04.architecture-best-practices",[126,130,149,153,157,161,165,169],{"title":127,"path":128,"stem":129},"Software Design Principles (Частина 1)","/csharp/architecture-best-practices/software-design-principles","01.csharp/04.architecture-best-practices/01.software-design-principles",{"title":131,"icon":132,"path":133,"stem":134,"children":135,"page":59},"Design Patterns","i-lucide-folder","/csharp/architecture-best-practices/design-patterns","01.csharp/04.architecture-best-practices/02.design-patterns",[136],{"title":137,"icon":132,"path":138,"stem":139,"children":140,"page":59},"Creational","/csharp/architecture-best-practices/design-patterns/creational","01.csharp/04.architecture-best-practices/02.design-patterns/creational",[141,145],{"title":142,"path":143,"stem":144},"Singleton (Одинак)","/csharp/architecture-best-practices/design-patterns/creational/singleton","01.csharp/04.architecture-best-practices/02.design-patterns/creational/01.singleton",{"title":146,"path":147,"stem":148},"Builder (Будівельник)","/csharp/architecture-best-practices/design-patterns/creational/builder","01.csharp/04.architecture-best-practices/02.design-patterns/creational/02.builder",{"title":150,"path":151,"stem":152},"Building Professional CLIs","/csharp/architecture-best-practices/building-professional-clis","01.csharp/04.architecture-best-practices/03.building-professional-clis",{"title":154,"path":155,"stem":156},"Validation & Flow Control","/csharp/architecture-best-practices/validation-flow-control","01.csharp/04.architecture-best-practices/04.validation-flow-control",{"title":158,"path":159,"stem":160},"The Modern .NET Host (Microsoft.Extensions)","/csharp/architecture-best-practices/modern-dotnet-host","01.csharp/04.architecture-best-practices/05.modern-dotnet-host",{"title":162,"path":163,"stem":164},"Data Mapper: Repository та DAO патерни (Частина 1)","/csharp/architecture-best-practices/data-mapper-part1","01.csharp/04.architecture-best-practices/06.data-mapper-part1",{"title":166,"path":167,"stem":168},"Data Mapper: Repository та DAO патерни (Частина 2)","/csharp/architecture-best-practices/data-mapper-part2","01.csharp/04.architecture-best-practices/07.data-mapper-part2",{"title":170,"icon":132,"path":171,"stem":172,"children":173,"page":59},"Di Ioc","/csharp/architecture-best-practices/di-ioc","01.csharp/04.architecture-best-practices/08.di-ioc",[174,178,182,186,190,194,198],{"title":175,"path":176,"stem":177},"Проблема залежностей та Інверсія Контролю","/csharp/architecture-best-practices/di-ioc/the-dependency-problem","01.csharp/04.architecture-best-practices/08.di-ioc/01.the-dependency-problem",{"title":179,"path":180,"stem":181},"Будуємо власний Service Container","/csharp/architecture-best-practices/di-ioc/build-your-own-container","01.csharp/04.architecture-best-practices/08.di-ioc/02.build-your-own-container",{"title":183,"path":184,"stem":185},"Service Locator: Паттерн та Анти-паттерн","/csharp/architecture-best-practices/di-ioc/service-locator-pattern","01.csharp/04.architecture-best-practices/08.di-ioc/03.service-locator-pattern",{"title":187,"path":188,"stem":189},"Паттерни Dependency Injection","/csharp/architecture-best-practices/di-ioc/dependency-injection-patterns","01.csharp/04.architecture-best-practices/08.di-ioc/04.dependency-injection-patterns",{"title":191,"path":192,"stem":193},"Microsoft DI: IServiceCollection та IServiceProvider","/csharp/architecture-best-practices/di-ioc/microsoft-di-deep-dive","01.csharp/04.architecture-best-practices/08.di-ioc/05.microsoft-di-deep-dive",{"title":195,"path":196,"stem":197},"Service Lifetimes та Scopes","/csharp/architecture-best-practices/di-ioc/service-lifetimes-and-scopes","01.csharp/04.architecture-best-practices/08.di-ioc/06.service-lifetimes-and-scopes",{"title":199,"path":200,"stem":201},"DI Анти-паттерни та Найкращі Практики","/csharp/architecture-best-practices/di-ioc/di-anti-patterns-and-best-practices","01.csharp/04.architecture-best-practices/08.di-ioc/07.di-anti-patterns-and-best-practices",{"title":203,"icon":132,"path":204,"stem":205,"children":206,"page":59},"Standard Library","/csharp/standard-library","01.csharp/05.standard-library",[207,211,215],{"title":208,"path":209,"stem":210},"Collections (Колекції)","/csharp/standard-library/collections","01.csharp/05.standard-library/01.collections",{"title":212,"path":213,"stem":214},"High Performance Types (Високопродуктивні Типи)","/csharp/standard-library/high-performance-types","01.csharp/05.standard-library/02.high-performance-types",{"title":216,"path":217,"stem":218},"LINQ (Language Integrated Query)","/csharp/standard-library/linq","01.csharp/05.standard-library/03.linq",{"title":220,"icon":221,"path":222,"stem":223,"children":224,"page":59},"System Internals Concurrency","i-lucide-server","/csharp/system-internals-concurrency","01.csharp/06.system-internals-concurrency",[225,229,233,237,241,245,249],{"title":226,"path":227,"stem":228},"Memory Management","/csharp/system-internals-concurrency/memory-management","01.csharp/06.system-internals-concurrency/01.memory-management",{"title":230,"path":231,"stem":232},"Reflection API: System.Type та Метадані","/csharp/system-internals-concurrency/reflection-fundamentals","01.csharp/06.system-internals-concurrency/02.reflection-fundamentals",{"title":234,"path":235,"stem":236},"Attributes та Dynamic Language Runtime","/csharp/system-internals-concurrency/attributes-dynamic","01.csharp/06.system-internals-concurrency/03.attributes-dynamic",{"title":238,"path":239,"stem":240},"Expression Trees: Швидка Альтернатива Рефлексії","/csharp/system-internals-concurrency/expression-trees-compiled","01.csharp/06.system-internals-concurrency/04.expression-trees-compiled",{"title":242,"path":243,"stem":244},"Source Generators: Compile-Time Code Generation","/csharp/system-internals-concurrency/source-generators","01.csharp/06.system-internals-concurrency/05.source-generators",{"title":246,"path":247,"stem":248},"Multithreading Fundamentals","/csharp/system-internals-concurrency/multithreading-fundamentals","01.csharp/06.system-internals-concurrency/06.multithreading-fundamentals",{"title":250,"path":251,"stem":252},"Synchronization Primitives","/csharp/system-internals-concurrency/synchronization-primitives","01.csharp/06.system-internals-concurrency/07.synchronization-primitives",{"title":254,"icon":255,"path":256,"stem":257,"children":258,"page":59},"System Programming Windows","i-lucide-cpu","/csharp/system-programming-windows","01.csharp/07.system-programming-windows",[259,263,267,271,275,279,283,287,291,295,299,303,307,311,315,319,323,327,331,335,339,343,347,351,355,359,363,367,371,375],{"title":260,"path":261,"stem":262},"Як Працює Операційна Система","/csharp/system-programming-windows/how-os-works","01.csharp/07.system-programming-windows/01.how-os-works",{"title":264,"path":265,"stem":266},"Процеси в .NET — API та Запуск","/csharp/system-programming-windows/processes-in-dotnet","01.csharp/07.system-programming-windows/02.processes-in-dotnet",{"title":268,"path":269,"stem":270},"Процеси в .NET — IPC та Міжпроцесна Комунікація","/csharp/system-programming-windows/02a.processes-ipc","01.csharp/07.system-programming-windows/02a.processes-ipc",{"title":272,"path":273,"stem":274},"Application Domains та Збірки — AppDomain і AssemblyLoadContext","/csharp/system-programming-windows/appdomains-assemblies","01.csharp/07.system-programming-windows/03.appdomains-assemblies",{"title":276,"path":277,"stem":278},"Application Domains та Збірки — Plug-in Система з Hot-Reload","/csharp/system-programming-windows/03a.appdomains-plugin-system","01.csharp/07.system-programming-windows/03a.appdomains-plugin-system",{"title":280,"path":281,"stem":282},"Потоки — Основи та API Thread","/csharp/system-programming-windows/thread-fundamentals","01.csharp/07.system-programming-windows/04.thread-fundamentals",{"title":284,"path":285,"stem":286},"Потоки — Lifecycle, Пріоритети та Безпечне Завершення","/csharp/system-programming-windows/04a.thread-lifecycle-priorities","01.csharp/07.system-programming-windows/04a.thread-lifecycle-priorities",{"title":288,"path":289,"stem":290},"Проблеми Спільного Стану — Race Condition та Data Race","/csharp/system-programming-windows/shared-state-problems","01.csharp/07.system-programming-windows/05.shared-state-problems",{"title":292,"path":293,"stem":294},"Проблеми Спільного Стану — Memory Model та volatile","/csharp/system-programming-windows/05a.shared-state-memory-model","01.csharp/07.system-programming-windows/05a.shared-state-memory-model",{"title":296,"path":297,"stem":298},"Синхронізація — Monitor, lock та еволюція примітивів","/csharp/system-programming-windows/synchronization-fundamentals","01.csharp/07.system-programming-windows/06.synchronization-fundamentals",{"title":300,"path":301,"stem":302},"Синхронізація — Наскрізний Приклад та Deadlock Detection","/csharp/system-programming-windows/06a.synchronization-walkthrough","01.csharp/07.system-programming-windows/06a.synchronization-walkthrough",{"title":304,"path":305,"stem":306},"Синхронізація — Mutex, Semaphore та Event-Based Primitives","/csharp/system-programming-windows/synchronization-advanced","01.csharp/07.system-programming-windows/07.synchronization-advanced",{"title":308,"path":309,"stem":310},"Синхронізація — Interlocked, Volatile та Lock-Free Структури","/csharp/system-programming-windows/07a.synchronization-advanced-walkthrough","01.csharp/07.system-programming-windows/07a.synchronization-advanced-walkthrough",{"title":312,"path":313,"stem":314},"Interlocked, CAS та Lock-Free Структури","/csharp/system-programming-windows/interlocked-cas-lockfree","01.csharp/07.system-programming-windows/08.interlocked-cas-lockfree",{"title":316,"path":317,"stem":318},"Volatile, Memory Model та Spinning","/csharp/system-programming-windows/08a.volatile-memory-model","01.csharp/07.system-programming-windows/08a.volatile-memory-model",{"title":320,"path":321,"stem":322},"ThreadPool — Пул Потоків для Ефективного Виконання","/csharp/system-programming-windows/thread-pool","01.csharp/07.system-programming-windows/09.thread-pool",{"title":324,"path":325,"stem":326},"ThreadPool — Просунуті Сценарії та Внутрішня Будова","/csharp/system-programming-windows/09a.thread-pool-advanced","01.csharp/07.system-programming-windows/09a.thread-pool-advanced",{"title":328,"path":329,"stem":330},"Concurrent та Immutable Collections","/csharp/system-programming-windows/concurrent-collections","01.csharp/07.system-programming-windows/10.concurrent-collections",{"title":332,"path":333,"stem":334},"TPL, Task та Композиція — Від Thread до Task","/csharp/system-programming-windows/tpl-parallel-plinq","01.csharp/07.system-programming-windows/11.tpl-parallel-plinq",{"title":336,"path":337,"stem":338},"Parallel Class та PLINQ — Data Parallelism","/csharp/system-programming-windows/11a.tpl-parallel-plinq-advanced","01.csharp/07.system-programming-windows/11a.tpl-parallel-plinq-advanced",{"title":340,"path":341,"stem":342},"Async/Await — Фундамент Асинхронного Програмування","/csharp/system-programming-windows/async-fundamentals","01.csharp/07.system-programming-windows/12.async-fundamentals",{"title":344,"path":345,"stem":346},"SynchronizationContext та ConfigureAwait — Контекст Виконання","/csharp/system-programming-windows/async-context-configureawait","01.csharp/07.system-programming-windows/13.async-context-configureawait",{"title":348,"path":349,"stem":350},"Async — Просунуті Паттерни","/csharp/system-programming-windows/async-advanced","01.csharp/07.system-programming-windows/14.async-advanced",{"title":352,"path":353,"stem":354},"System.Threading.Channels — Async Producer-Consumer","/csharp/system-programming-windows/channels","01.csharp/07.system-programming-windows/15.channels",{"title":356,"path":357,"stem":358},"Асинхронна Синхронізація","/csharp/system-programming-windows/async-synchronization","01.csharp/07.system-programming-windows/16.async-synchronization",{"title":360,"path":361,"stem":362},"Unsafe Code та Вказівники","/csharp/system-programming-windows/unsafe-code","01.csharp/07.system-programming-windows/17.unsafe-code",{"title":364,"path":365,"stem":366},"P/Invoke та Windows API — Міст між .NET та Native Code","/csharp/system-programming-windows/pinvoke-winapi","01.csharp/07.system-programming-windows/18.pinvoke-winapi",{"title":368,"path":369,"stem":370},"Реєстр Windows — Центральна База Конфігурації Системи","/csharp/system-programming-windows/windows-registry","01.csharp/07.system-programming-windows/19.windows-registry",{"title":372,"path":373,"stem":374},"Windows Hooks, Hotkeys та Services — Глибока Інтеграція з ОС","/csharp/system-programming-windows/windows-hooks-services","01.csharp/07.system-programming-windows/20.windows-hooks-services",{"title":376,"path":377,"stem":378},"Системне Програмування C# (Windows) — 07.system-programming-windows","/csharp/system-programming-windows/implementation_plan","01.csharp/07.system-programming-windows/implementation_plan",{"title":380,"icon":132,"path":381,"stem":382,"children":383,"page":59},"Io","/csharp/io","01.csharp/08.io",[384,388,392,396,400],{"title":385,"path":386,"stem":387},"8.1.1. Основи роботи з файловою системою","/csharp/io/file-system-basics","01.csharp/08.io/01.file-system-basics",{"title":389,"path":390,"stem":391},"8.1.2. Потоки (Streams) та Серіалізація Даних","/csharp/io/streams-serialization","01.csharp/08.io/02.streams-serialization",{"title":393,"path":394,"stem":395},"8.2.1. JSON Serialization з System.Text.Json","/csharp/io/json-serialization","01.csharp/08.io/03.json-serialization",{"title":397,"path":398,"stem":399},"8.2.2. XML Serialization та LINQ to XML","/csharp/io/xml-serialization","01.csharp/08.io/04.xml-serialization",{"title":401,"path":402,"stem":403},"8.2.3. Binary Serialization: MessagePack та Protocol Buffers","/csharp/io/binary-serialization","01.csharp/08.io/05.binary-serialization",{"title":405,"icon":132,"path":406,"stem":407,"children":408,"page":59},"Ado Net","/csharp/ado-net","01.csharp/09.ado-net",[409,413,417,421,425,429,433,437,441,445,449,453],{"title":410,"path":411,"stem":412},"9.1. Введення в ADO.NET","/csharp/ado-net/introduction-to-adonet","01.csharp/09.ado-net/01.introduction-to-adonet",{"title":414,"path":415,"stem":416},"9.2. Клас DbConnection — з'єднання з базою даних","/csharp/ado-net/connection","01.csharp/09.ado-net/02.connection",{"title":418,"path":419,"stem":420},"9.3. Клас DbCommand — виконання SQL-запитів","/csharp/ado-net/command-and-queries","01.csharp/09.ado-net/03.command-and-queries",{"title":422,"path":423,"stem":424},"9.4. Клас DbDataReader — ефективне читання даних","/csharp/ado-net/datareader","01.csharp/09.ado-net/04.datareader",{"title":426,"path":427,"stem":428},"9.5. Параметризовані запити та захист від SQL Injection","/csharp/ado-net/parameters-and-sql-injection","01.csharp/09.ado-net/05.parameters-and-sql-injection",{"title":430,"path":431,"stem":432},"9.6. Транзакції в ADO.NET","/csharp/ado-net/transactions","01.csharp/09.ado-net/06.transactions",{"title":434,"path":435,"stem":436},"9.7. DbProviderFactory — провайдер-незалежний код","/csharp/ado-net/provider-factory","01.csharp/09.ado-net/07.provider-factory",{"title":438,"path":439,"stem":440},"9.8. Асинхронний доступ до даних","/csharp/ado-net/async-data-access","01.csharp/09.ado-net/08.async-data-access",{"title":442,"path":443,"stem":444},"9.9. Від'єднаний режим: DataSet, DataTable, DataRow","/csharp/ado-net/disconnected-mode-dataset","01.csharp/09.ado-net/09.disconnected-mode-dataset",{"title":446,"path":447,"stem":448},"9.10. DataAdapter — міст між DataSet та базою даних","/csharp/ado-net/data-adapter","01.csharp/09.ado-net/10.data-adapter",{"title":450,"path":451,"stem":452},"9.11. Data Mapper та Repository: Архітектура доступу до даних","/csharp/ado-net/data-mapper-repository","01.csharp/09.ado-net/11.data-mapper-repository",{"title":454,"path":455,"stem":456},"9.12. Identity Map, Unit of Work та Specification Pattern","/csharp/ado-net/advanced-patterns","01.csharp/09.ado-net/12.advanced-patterns",{"title":458,"icon":255,"path":459,"stem":460,"children":461,"page":59},"Ef Core","/csharp/ef-core","01.csharp/10.ef-core",[462,466,470,474,478,482,486,490,494,498,502,506,510,514,518,522,526,532,538,542,546,550,554,558,562,566,570,574,578,582,586,590,594,598,602,606,610,614,618,622,626,630,634,638,642,646],{"title":463,"path":464,"stem":465},"Що таке ORM? Від SQL до об'єктів","/csharp/ef-core/what-is-orm","01.csharp/10.ef-core/01.what-is-orm",{"title":467,"path":468,"stem":469},"Перший проєкт — від нуля до CRUD","/csharp/ef-core/first-project","01.csharp/10.ef-core/02.first-project",{"title":471,"path":472,"stem":473},"DbContext — Серце EF Core","/csharp/ef-core/dbcontext-deep-dive","01.csharp/10.ef-core/03.dbcontext-deep-dive",{"title":475,"path":476,"stem":477},"Провайдери баз даних — Архітектура та Вибір СУБД","/csharp/ef-core/database-providers","01.csharp/10.ef-core/04.database-providers",{"title":479,"path":480,"stem":481},"Конвенції EF Core — Магія без конфігурації","/csharp/ef-core/conventions","01.csharp/10.ef-core/05.conventions",{"title":483,"path":484,"stem":485},"Fluent API та Data Annotations — Явна конфігурація моделі","/csharp/ef-core/fluent-api-vs-annotations","01.csharp/10.ef-core/06.fluent-api-vs-annotations",{"title":487,"path":488,"stem":489},"Зв'язки — One-to-One та One-to-Many","/csharp/ef-core/relationships-basics","01.csharp/10.ef-core/07.relationships-basics",{"title":491,"path":492,"stem":493},"Зв'язки Advanced — Many-to-Many та Складні Сценарії","/csharp/ef-core/relationships-advanced","01.csharp/10.ef-core/08.relationships-advanced",{"title":495,"path":496,"stem":497},"Властивості — Типи, Конвертери, Компаратори (Частина 1)","/csharp/ef-core/property-configuration-part1","01.csharp/10.ef-core/09.property-configuration-part1",{"title":499,"path":500,"stem":501},"Властивості — Value Comparers, Generators, Shadow Properties (Частина 2)","/csharp/ef-core/property-configuration-part2","01.csharp/10.ef-core/09.property-configuration-part2",{"title":503,"path":504,"stem":505},"Складні типи — Owned Types та Complex Types (Частина 1)","/csharp/ef-core/complex-types-owned-part1","01.csharp/10.ef-core/10.complex-types-owned-part1",{"title":507,"path":508,"stem":509},"Складні типи — Complex Types, Keyless Entities, Порівняння (Частина 2)","/csharp/ef-core/complex-types-owned-part2","01.csharp/10.ef-core/10.complex-types-owned-part2",{"title":511,"path":512,"stem":513},"JSON Columns — Складні дані у JSON (Частина 1)","/csharp/ef-core/json-columns-part1","01.csharp/10.ef-core/11.json-columns-part1",{"title":515,"path":516,"stem":517},"JSON Columns — Value Comparers, Індекси, Провайдери (Частина 2)","/csharp/ef-core/json-columns-part2","01.csharp/10.ef-core/11.json-columns-part2",{"title":519,"path":520,"stem":521},"Успадкування — Абстрактні класи та TPH (Частина 1)","/csharp/ef-core/inheritance-part1","01.csharp/10.ef-core/12.inheritance-part1",{"title":523,"path":524,"stem":525},"Успадкування — TPT, TPC та Порівняння Стратегій (Частина 2)","/csharp/ef-core/inheritance-part2","01.csharp/10.ef-core/12.inheritance-part2",{"title":527,"path":528,"stem":529,"children":530},"Індекси, Обмеження та Схема (Частина 1)","/csharp/ef-core/indexes-constraints-part1","01.csharp/10.ef-core/13.indexes-constraints-part1",[531],{"title":527,"path":528,"stem":529},{"title":533,"path":534,"stem":535,"children":536},"Індекси, Обмеження та Схема (Частина 2)","/csharp/ef-core/indexes-constraints-part2","01.csharp/10.ef-core/13.indexes-constraints-part2",[537],{"title":533,"path":534,"stem":535},{"title":539,"path":540,"stem":541},"Seed Data — Початкові Дані (Частина 1)","/csharp/ef-core/seeding-part1","01.csharp/10.ef-core/14.seeding-part1",{"title":543,"path":544,"stem":545},"Seed Data — SQL-скрипти, Bogus та Стратегії (Частина 2)","/csharp/ef-core/seeding-part2","01.csharp/10.ef-core/14.seeding-part2",{"title":547,"path":548,"stem":549},"Global Query Filters — Глобальні Фільтри (Частина 1)","/csharp/ef-core/global-query-filters-part1","01.csharp/10.ef-core/15.global-query-filters-part1",{"title":551,"path":552,"stem":553},"Global Query Filters — Підводні камені та Інтеграція (Частина 2)","/csharp/ef-core/global-query-filters-part2","01.csharp/10.ef-core/15.global-query-filters-part2",{"title":555,"path":556,"stem":557},"LINQ-запити в EF Core (Частина 1)","/csharp/ef-core/linq-queries-part1","01.csharp/10.ef-core/16.linq-queries-part1",{"title":559,"path":560,"stem":561},"LINQ-запити в EF Core (Частина 2)","/csharp/ef-core/linq-queries-part2","01.csharp/10.ef-core/16.linq-queries-part2",{"title":563,"path":564,"stem":565},"Завантаження Пов'язаних Даних (Частина 1)","/csharp/ef-core/loading-related-data-part1","01.csharp/10.ef-core/17.loading-related-data-part1",{"title":567,"path":568,"stem":569},"Завантаження Пов'язаних Даних (Частина 2)","/csharp/ef-core/loading-related-data-part2","01.csharp/10.ef-core/17.loading-related-data-part2",{"title":571,"path":572,"stem":573},"Raw SQL, Views та Stored Procedures (Частина 1)","/csharp/ef-core/raw-sql-part1","01.csharp/10.ef-core/18.raw-sql-part1",{"title":575,"path":576,"stem":577},"Raw SQL — Stored Procedures, DbFunction та Bulk Operations (Частина 2)","/csharp/ef-core/raw-sql-part2","01.csharp/10.ef-core/18.raw-sql-part2",{"title":579,"path":580,"stem":581},"Продвинуті Запити — Compiled Queries, Bulk та Оптимізація (Частина 1)","/csharp/ef-core/advanced-queries-part1","01.csharp/10.ef-core/19.advanced-queries-part1",{"title":583,"path":584,"stem":585},"Продвинуті Запити — Query Tags, Bulk та Interceptors (Частина 2)","/csharp/ef-core/advanced-queries-part2","01.csharp/10.ef-core/19.advanced-queries-part2",{"title":587,"path":588,"stem":589},"Change Tracker — Відстеження Змін (Частина 1)","/csharp/ef-core/change-tracking-part1","01.csharp/10.ef-core/20.change-tracking-part1",{"title":591,"path":592,"stem":593},"Change Tracker — Графи Об'єктів та Disconnected (Частина 2)","/csharp/ef-core/change-tracking-part2","01.csharp/10.ef-core/20.change-tracking-part2",{"title":595,"path":596,"stem":597},"Збереження Даних та Транзакції (Частина 1)","/csharp/ef-core/saving-data-part1","01.csharp/10.ef-core/21.saving-data-part1",{"title":599,"path":600,"stem":601},"Збереження Даних — Concurrency та Outbox (Частина 2)","/csharp/ef-core/saving-data-part2","01.csharp/10.ef-core/21.saving-data-part2",{"title":603,"path":604,"stem":605},"Конкурентність та Блокування (Частина 1)","/csharp/ef-core/concurrency-part1","01.csharp/10.ef-core/22.concurrency-part1",{"title":607,"path":608,"stem":609},"Конкурентність — Дедлоки та Queue Processing (Частина 2)","/csharp/ef-core/concurrency-part2","01.csharp/10.ef-core/22.concurrency-part2",{"title":611,"path":612,"stem":613},"Міграції в EF Core — Основи (Частина 1)","/csharp/ef-core/migrations-basics-part1","01.csharp/10.ef-core/23.migrations-basics-part1",{"title":615,"path":616,"stem":617},"Міграції в EF Core — Основи (Частина 2)","/csharp/ef-core/migrations-basics-part2","01.csharp/10.ef-core/23.migrations-basics-part2",{"title":619,"path":620,"stem":621},"Міграції — Просунуті Сценарії (Частина 1)","/csharp/ef-core/migrations-advanced-part1","01.csharp/10.ef-core/24.migrations-advanced-part1",{"title":623,"path":624,"stem":625},"Міграції — Просунуті Сценарії (Частина 2)","/csharp/ef-core/migrations-advanced-part2","01.csharp/10.ef-core/24.migrations-advanced-part2",{"title":627,"path":628,"stem":629},"Управління Схемою та Database-First (Частина 1)","/csharp/ef-core/schema-management-part1","01.csharp/10.ef-core/25.schema-management-part1",{"title":631,"path":632,"stem":633},"Управління Схемою та Database-First (Частина 2)","/csharp/ef-core/schema-management-part2","01.csharp/10.ef-core/25.schema-management-part2",{"title":635,"path":636,"stem":637},"Продуктивність EF Core — Основи (Частина 1)","/csharp/ef-core/performance-fundamentals-part1","01.csharp/10.ef-core/26.performance-fundamentals-part1",{"title":639,"path":640,"stem":641},"Interceptors в EF Core (Частина 1)","/csharp/ef-core/interceptors-part1","01.csharp/10.ef-core/29.interceptors-part1",{"title":643,"path":644,"stem":645},"Interceptors в EF Core — Connection, Transaction та Materialization (Частина 2)","/csharp/ef-core/interceptors-part2","01.csharp/10.ef-core/29.interceptors-part2",{"title":647,"path":648,"stem":649},"План вивчення Entity Framework Core — Повний курс","/csharp/ef-core/implementation_plan","01.csharp/10.ef-core/implementation_plan",{"title":651,"icon":652,"path":653,"stem":654,"children":655,"page":59},"ASP.NET","i-devicon-dotnetcore","/csharp/aspnet","01.csharp/11.aspnet",[656,730,791,869,927,941,967,1057,1111,1182,1212,1289],{"title":657,"icon":658,"path":659,"stem":660,"children":661,"page":59},"Minimal API","i-lucide-network","/csharp/aspnet/minimal-api","01.csharp/11.aspnet/01.minimal-api",[662,666,670,674,678,682,686,690,694,698,702,706,710,714,718,722,726],{"title":663,"path":664,"stem":665},"Вступ до ASP.NET та еволюція фреймворку","/csharp/aspnet/minimal-api/introduction","01.csharp/11.aspnet/01.minimal-api/01.introduction",{"title":667,"path":668,"stem":669},"Перший додаток на ASP.NET Core","/csharp/aspnet/minimal-api/first-application","01.csharp/11.aspnet/01.minimal-api/02.first-application",{"title":671,"path":672,"stem":673},"WebApplication, Builder та Dependency Injection","/csharp/aspnet/minimal-api/webapplication-builder","01.csharp/11.aspnet/01.minimal-api/03.webapplication-builder",{"title":675,"path":676,"stem":677},"Конвеєр запитів та Middleware","/csharp/aspnet/minimal-api/request-pipeline-middleware","01.csharp/11.aspnet/01.minimal-api/04.request-pipeline-middleware",{"title":679,"path":680,"stem":681},"Маршрутизація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/routing-basics","01.csharp/11.aspnet/01.minimal-api/05.routing-basics",{"title":683,"path":684,"stem":685},"Маршрутизація в ASP.NET Core: Розширені можливості","/csharp/aspnet/minimal-api/routing-advanced","01.csharp/11.aspnet/01.minimal-api/06.routing-advanced",{"title":687,"path":688,"stem":689},"Статичні файли в ASP.NET Core","/csharp/aspnet/minimal-api/static-files","01.csharp/11.aspnet/01.minimal-api/07.static-files",{"title":691,"path":692,"stem":693},"Статичні Активи: MapStaticAssets (ASP.NET Core 9.0)","/csharp/aspnet/minimal-api/static-assets","01.csharp/11.aspnet/01.minimal-api/08.static-assets",{"title":695,"path":696,"stem":697},"Конфігурація в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/configuration-fundamentals","01.csharp/11.aspnet/01.minimal-api/09.configuration-fundamentals",{"title":699,"path":700,"stem":701},"Конфігурація: Паттерн Options","/csharp/aspnet/minimal-api/configuration-options","01.csharp/11.aspnet/01.minimal-api/10.configuration-options",{"title":703,"path":704,"stem":705},"Логування в ASP.NET Core: Основи","/csharp/aspnet/minimal-api/logging-basics","01.csharp/11.aspnet/01.minimal-api/11.logging-basics",{"title":707,"path":708,"stem":709},"Логування: Serilog та Middleware","/csharp/aspnet/minimal-api/logging-advanced","01.csharp/11.aspnet/01.minimal-api/12.logging-advanced",{"title":711,"path":712,"stem":713},"Управління станом: HttpContext.Items та Cookies","/csharp/aspnet/minimal-api/state-management","01.csharp/11.aspnet/01.minimal-api/13.state-management",{"title":715,"path":716,"stem":717},"Стан сесії: Sessions","/csharp/aspnet/minimal-api/session-state","01.csharp/11.aspnet/01.minimal-api/14.session-state",{"title":719,"path":720,"stem":721},"Структура проєкту: від хаосу до архітектури","/csharp/aspnet/minimal-api/project-structure","01.csharp/11.aspnet/01.minimal-api/15.project-structure",{"title":723,"path":724,"stem":725},"Scalar у Minimal API: повний проєкт і Fluent OpenAPI","/csharp/aspnet/minimal-api/scalar-openapi-fluent","01.csharp/11.aspnet/01.minimal-api/16.scalar-openapi-fluent",{"title":727,"path":728,"stem":729},"Swagger / Swashbuckle у Minimal API: окремий класичний шлях","/csharp/aspnet/minimal-api/swagger-swashbuckle","01.csharp/11.aspnet/01.minimal-api/17.swagger-swashbuckle",{"title":731,"icon":658,"path":732,"stem":733,"children":734,"page":59},"API","/csharp/aspnet/api","01.csharp/11.aspnet/02.api",[735,739,743,747,751,755,759,763,767,771,775,779,783,787],{"title":736,"path":737,"stem":738},"Що таке API. Клієнт-серверна архітектура","/csharp/aspnet/api/what-is-api","01.csharp/11.aspnet/02.api/01.what-is-api",{"title":740,"path":741,"stem":742},"Формати даних: JSON, XML, TOML та бінарні формати","/csharp/aspnet/api/data-formats","01.csharp/11.aspnet/02.api/02.data-formats",{"title":744,"path":745,"stem":746},"Парадигми API та концепція REST","/csharp/aspnet/api/api-paradigms-rest","01.csharp/11.aspnet/02.api/03.api-paradigms-rest",{"title":748,"path":749,"stem":750},"HTTP-методи, статус-коди та заголовки","/csharp/aspnet/api/http-methods-status-codes","01.csharp/11.aspnet/02.api/04.http-methods-status-codes",{"title":752,"path":753,"stem":754},"Організація HTTP API за принципами REST","/csharp/aspnet/api/rest-organizing","01.csharp/11.aspnet/02.api/05.rest-organizing",{"title":756,"path":757,"stem":758},"Номенклатура URL та CRUD-операції","/csharp/aspnet/api/url-nomenclature-crud","01.csharp/11.aspnet/02.api/06.url-nomenclature-crud",{"title":760,"path":761,"stem":762},"Правила дизайну: іменування та стандарти","/csharp/aspnet/api/api-design-naming","01.csharp/11.aspnet/02.api/07.api-design-naming",{"title":764,"path":765,"stem":766},"Валідація, ліміти та обробка помилок","/csharp/aspnet/api/api-design-validation","01.csharp/11.aspnet/02.api/08.api-design-validation",{"title":768,"path":769,"stem":770},"Обробка помилок у Minimal API","/csharp/aspnet/api/error-handling-http","01.csharp/11.aspnet/02.api/09.error-handling-http",{"title":772,"path":773,"stem":774},"Ідемпотентність та синхронізація стану","/csharp/aspnet/api/idempotency-sync","01.csharp/11.aspnet/02.api/10.idempotency-sync",{"title":776,"path":777,"stem":778},"Пагінація та організація списків","/csharp/aspnet/api/pagination-lists","01.csharp/11.aspnet/02.api/11.pagination-lists",{"title":780,"path":781,"stem":782},"Безпека API, кешування та інтернаціоналізація","/csharp/aspnet/api/security-auth","01.csharp/11.aspnet/02.api/12.security-auth",{"title":784,"path":785,"stem":786},"Процес проєктування API та документування","/csharp/aspnet/api/api-design-process","01.csharp/11.aspnet/02.api/13.api-design-process",{"title":788,"path":789,"stem":790},"OpenAPI: контракт, специфікація та документація API","/csharp/aspnet/api/openapi","01.csharp/11.aspnet/02.api/14.openapi",{"title":792,"icon":793,"path":794,"stem":795,"children":796,"page":59},"Auth","i-lucide-shield-check","/csharp/aspnet/auth","01.csharp/11.aspnet/03.auth",[797,801,805,809,813,817,821,825,829,833,837,841,845,849,853,857,861,865],{"title":798,"path":799,"stem":800},"Основи аутентифікації та авторизації","/csharp/aspnet/auth/auth-fundamentals","01.csharp/11.aspnet/03.auth/01.auth-fundamentals",{"title":802,"path":803,"stem":804},"JWT-аутентифікація","/csharp/aspnet/auth/jwt-authentication","01.csharp/11.aspnet/03.auth/02.jwt-authentication",{"title":806,"path":807,"stem":808},"Авторизація: ролі, політики та resource-based доступ","/csharp/aspnet/auth/authorization-policies","01.csharp/11.aspnet/03.auth/03.authorization-policies",{"title":810,"path":811,"stem":812},"Cookie-аутентифікація та ASP.NET Core Identity","/csharp/aspnet/auth/cookie-auth-identity","01.csharp/11.aspnet/03.auth/04.cookie-auth-identity",{"title":814,"path":815,"stem":816},"JWT + Refresh Tokens (HttpOnly Cookie)","/csharp/aspnet/auth/04b.identity-auth-jwt","01.csharp/11.aspnet/03.auth/04b.identity-auth-jwt",{"title":818,"path":819,"stem":820},"Identity: Підтвердження Email та Скидання Пароля","/csharp/aspnet/auth/identity-email-confirmation","01.csharp/11.aspnet/03.auth/05.identity-email-confirmation",{"title":822,"path":823,"stem":824},"Identity: Двофакторна Аутентифікація (2FA)","/csharp/aspnet/auth/identity-two-factor","01.csharp/11.aspnet/03.auth/06.identity-two-factor",{"title":826,"path":827,"stem":828},"Identity: Внутрішня Архітектура та Кастомізація","/csharp/aspnet/auth/identity-internals","01.csharp/11.aspnet/03.auth/07.identity-internals",{"title":830,"path":831,"stem":832},"OAuth 2.0 та зовнішні провайдери","/csharp/aspnet/auth/oauth-external-providers","01.csharp/11.aspnet/03.auth/08.oauth-external-providers",{"title":834,"path":835,"stem":836},"Безпека на практиці: CORS, HTTPS та захист від атак","/csharp/aspnet/auth/security-hardening","01.csharp/11.aspnet/03.auth/09.security-hardening",{"title":838,"path":839,"stem":840},"Теорія OAuth 2.0: Поняття, Аналогії та Флоу","/csharp/aspnet/auth/oauth-theory","01.csharp/11.aspnet/03.auth/10.oauth-theory",{"title":842,"path":843,"stem":844},"OIDC, OAuth 2.0 та Keycloak в ASP.NET Core","/csharp/aspnet/auth/oidc-keycloak","01.csharp/11.aspnet/03.auth/10.oidc-keycloak",{"title":846,"path":847,"stem":848},"API Keys аутентифікація в ASP.NET Core","/csharp/aspnet/auth/api-keys","01.csharp/11.aspnet/03.auth/11.api-keys",{"title":850,"path":851,"stem":852},"Rate Limiting та Throttling в ASP.NET Core","/csharp/aspnet/auth/rate-limiting","01.csharp/11.aspnet/03.auth/12.rate-limiting",{"title":854,"path":855,"stem":856},"Refresh Token Rotation в ASP.NET Core","/csharp/aspnet/auth/refresh-token-rotation","01.csharp/11.aspnet/03.auth/13.refresh-token-rotation",{"title":858,"path":859,"stem":860},"Certificate Authentication та mTLS в ASP.NET Core","/csharp/aspnet/auth/certificate-auth","01.csharp/11.aspnet/03.auth/14.certificate-auth",{"title":862,"path":863,"stem":864},"RBAC, ABAC та ReBAC в ASP.NET Core","/csharp/aspnet/auth/rbac-abac-rebac","01.csharp/11.aspnet/03.auth/15.rbac-abac-rebac",{"title":866,"path":867,"stem":868},"Multi-tenancy та ізоляція даних в ASP.NET Core","/csharp/aspnet/auth/multi-tenancy","01.csharp/11.aspnet/03.auth/16.multi-tenancy",{"title":870,"icon":871,"path":872,"stem":873,"children":874,"page":59},"Нотифікації","i-lucide-bell","/csharp/aspnet/notifications","01.csharp/11.aspnet/04.notifications",[875,879,883,887,891,895,899,903,907,911,915,919,923],{"title":876,"path":877,"stem":878},"In-App нотифікації через базу даних","/csharp/aspnet/notifications/in-app-database-notifications","01.csharp/11.aspnet/04.notifications/01.in-app-database-notifications",{"title":880,"path":881,"stem":882},"Polling: Регулярний запит оновлень","/csharp/aspnet/notifications/polling","01.csharp/11.aspnet/04.notifications/02.polling",{"title":884,"path":885,"stem":886},"Server-Sent Events: Однострімовий push від сервера","/csharp/aspnet/notifications/server-sent-events","01.csharp/11.aspnet/04.notifications/03.server-sent-events",{"title":888,"path":889,"stem":890},"WebSockets: Двостороннє з'єднання в реальному часі","/csharp/aspnet/notifications/websockets","01.csharp/11.aspnet/04.notifications/04.websockets",{"title":892,"path":893,"stem":894},"SignalR: Абстракція над транспортами реального часу","/csharp/aspnet/notifications/signalr","01.csharp/11.aspnet/04.notifications/05.signalr",{"title":896,"path":897,"stem":898},"Background Services: Фонові задачі в ASP.NET Core","/csharp/aspnet/notifications/background-services","01.csharp/11.aspnet/04.notifications/06.background-services",{"title":900,"path":901,"stem":902},"Web Push нотифікації","/csharp/aspnet/notifications/web-push","01.csharp/11.aspnet/04.notifications/07.web-push",{"title":904,"path":905,"stem":906},"Email нотифікації","/csharp/aspnet/notifications/email-notifications","01.csharp/11.aspnet/04.notifications/08.email-notifications",{"title":908,"path":909,"stem":910},"Порівняння підходів: Як вибрати правильну технологію нотифікацій","/csharp/aspnet/notifications/choosing-the-right-approach","01.csharp/11.aspnet/04.notifications/09.choosing-the-right-approach",{"title":912,"path":913,"stem":914},"Hangfire: Надійне планування фонових задач","/csharp/aspnet/notifications/hangfire","01.csharp/11.aspnet/04.notifications/10.hangfire",{"title":916,"path":917,"stem":918},"Практика: Конвертація зображень у WebP через Hangfire","/csharp/aspnet/notifications/hangfire-image-webp","01.csharp/11.aspnet/04.notifications/11.hangfire-image-webp",{"title":920,"path":921,"stem":922},"Практика: Підготовка відео до HLS-стрімінгу через Hangfire","/csharp/aspnet/notifications/hangfire-video-hls","01.csharp/11.aspnet/04.notifications/12.hangfire-video-hls",{"title":924,"path":925,"stem":926},"Telegram-нотифікації: від одного повідомлення до масових розсилок і мульти-канального підходу","/csharp/aspnet/notifications/telegram-notifications","01.csharp/11.aspnet/04.notifications/13.telegram-notifications",{"title":928,"icon":929,"path":930,"stem":931,"children":932,"page":59},"Інтернаціоналізація","i-lucide-languages","/csharp/aspnet/i18n","01.csharp/11.aspnet/05.i18n",[933,937],{"title":934,"path":935,"stem":936},"Інтернаціоналізація (i18n) у Minimal API: від A до Я","/csharp/aspnet/i18n/internationalization","01.csharp/11.aspnet/05.i18n/01.internationalization",{"title":938,"path":939,"stem":940},"Humanizer: людиномовні рядки у .NET","/csharp/aspnet/i18n/humanizer","01.csharp/11.aspnet/05.i18n/02.humanizer",{"title":942,"icon":943,"path":944,"stem":945,"children":946,"page":59},"Кешування","i-lucide-layers","/csharp/aspnet/caching","01.csharp/11.aspnet/06.caching",[947,951,955,959,963],{"title":948,"path":949,"stem":950},"Огляд кешування: чотири рівні і коли що обирати","/csharp/aspnet/caching/caching","01.csharp/11.aspnet/06.caching/01.caching",{"title":952,"path":953,"stem":954},"IMemoryCache: кеш в оперативній пам'яті","/csharp/aspnet/caching/memory-cache","01.csharp/11.aspnet/06.caching/02.memory-cache",{"title":956,"path":957,"stem":958},"IDistributedCache і Redis: розподілений кеш","/csharp/aspnet/caching/distributed-cache","01.csharp/11.aspnet/06.caching/03.distributed-cache",{"title":960,"path":961,"stem":962},"Response Cache: HTTP-кешування через Cache-Control","/csharp/aspnet/caching/response-cache","01.csharp/11.aspnet/06.caching/04.response-cache",{"title":964,"path":965,"stem":966},"Output Cache: серверний кеш HTTP-відповідей (.NET 7+)","/csharp/aspnet/caching/output-cache","01.csharp/11.aspnet/06.caching/05.output-cache",{"title":968,"icon":969,"path":970,"stem":971,"children":972,"page":59},"Тестування","i-lucide-test-tube","/csharp/aspnet/testing","01.csharp/11.aspnet/07.testing",[973,977,981,985,989,993,997,1001,1005,1009,1013,1017,1021,1025,1029,1033,1037,1041,1045,1049,1053],{"title":974,"path":975,"stem":976},"Що таке тестування? Від інтуїції до науки","/csharp/aspnet/testing/what-is-testing","01.csharp/11.aspnet/07.testing/01.what-is-testing",{"title":978,"path":979,"stem":980},"Піраміда тестування — Стратегія, а не Догма","/csharp/aspnet/testing/testing-pyramid","01.csharp/11.aspnet/07.testing/02.testing-pyramid",{"title":982,"path":983,"stem":984},"Дві Школи Тестування — Лондон проти Детройту","/csharp/aspnet/testing/testing-schools","01.csharp/11.aspnet/07.testing/03.testing-schools",{"title":986,"path":987,"stem":988},"TDD та BDD — Тести як Дизайн-інструмент","/csharp/aspnet/testing/tdd-and-bdd","01.csharp/11.aspnet/07.testing/04.tdd-and-bdd",{"title":990,"path":991,"stem":992},"Що саме тестувати — Техніки аналізу та Циклomatична складність","/csharp/aspnet/testing/what-to-test","01.csharp/11.aspnet/07.testing/05.what-to-test",{"title":994,"path":995,"stem":996},"Тестові Фреймворки — Навіщо вони і що всередині","/csharp/aspnet/testing/test-frameworks","01.csharp/11.aspnet/07.testing/06.test-frameworks",{"title":998,"path":999,"stem":1000},"xUnit — Факти, Теорії та Lifecycle тестів","/csharp/aspnet/testing/xunit-basics","01.csharp/11.aspnet/07.testing/07.xunit-basics",{"title":1002,"path":1003,"stem":1004},"xUnit Advanced — Fixtures, Кастомізація та Розширення","/csharp/aspnet/testing/xunit-advanced","01.csharp/11.aspnet/07.testing/08.xunit-advanced",{"title":1006,"path":1007,"stem":1008},"Moq — Глибоке занурення в мокування","/csharp/aspnet/testing/mocking-with-moq","01.csharp/11.aspnet/07.testing/09.mocking-with-moq",{"title":1010,"path":1011,"stem":1012},"Тестування Баз Даних — EF Core, SQLite та Testcontainers","/csharp/aspnet/testing/database-testing","01.csharp/11.aspnet/07.testing/10.database-testing",{"title":1014,"path":1015,"stem":1016},"Integration Testing — Частина 1 [Теорія та WebApplicationFactory]","/csharp/aspnet/testing/integration-testing","01.csharp/11.aspnet/07.testing/11.integration-testing",{"title":1018,"path":1019,"stem":1020},"Інтеграційне тестування — Практика","/csharp/aspnet/testing/11a.integration-testing-practice","01.csharp/11.aspnet/07.testing/11a.integration-testing-practice",{"title":1022,"path":1023,"stem":1024},"Integration Testing — Частина 2 [Просунуті Сценарії та Testcontainers]","/csharp/aspnet/testing/integration-testing-advanced","01.csharp/11.aspnet/07.testing/12.integration-testing-advanced",{"title":1026,"path":1027,"stem":1028},"Професійний Postman: Колекції, Змінні та GitHub Інтеграція","/csharp/aspnet/testing/postman-professional","01.csharp/11.aspnet/07.testing/13.postman-professional",{"title":1030,"path":1031,"stem":1032},"HttpClient у Тестах Частина 1: Архітектура та MockHttpMessageHandler","/csharp/aspnet/testing/httpclient-testing","01.csharp/11.aspnet/07.testing/14.httpclient-testing",{"title":1034,"path":1035,"stem":1036},"HttpClient у Тестах Частина 2: WireMock.Net та Resilience","/csharp/aspnet/testing/wiremock-net","01.csharp/11.aspnet/07.testing/15.wiremock-net",{"title":1038,"path":1039,"stem":1040},"Патерни та Анти-патерни Тестування: Test Smells","/csharp/aspnet/testing/testing-patterns","01.csharp/11.aspnet/07.testing/16.testing-patterns",{"title":1042,"path":1043,"stem":1044},"Просунуті інструменти: Time, Snapshots та Властивості","/csharp/aspnet/testing/advanced-testing-tools","01.csharp/11.aspnet/07.testing/17.advanced-testing-tools",{"title":1046,"path":1047,"stem":1048},"Тестування Архітектури з NetArchTest","/csharp/aspnet/testing/architecture-testing","01.csharp/11.aspnet/07.testing/18.architecture-testing",{"title":1050,"path":1051,"stem":1052},"Тестування Продуктивності: BenchmarkDotNet, NBomber та k6","/csharp/aspnet/testing/performance-testing","01.csharp/11.aspnet/07.testing/19.performance-testing",{"title":1054,"path":1055,"stem":1056},"Залишок плану для курсу \"Тестування ASP.NET Minimal API\"","/csharp/aspnet/testing/remaining_plan","01.csharp/11.aspnet/07.testing/remaining_plan",{"title":1058,"icon":1059,"path":1060,"stem":1061,"children":1062,"page":59},"Платежі","i-lucide-credit-card","/csharp/aspnet/payments","01.csharp/11.aspnet/08.payments",[1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"title":1064,"path":1065,"stem":1066},"Основи платіжної інфраструктури","/csharp/aspnet/payments/payment-fundamentals","01.csharp/11.aspnet/08.payments/01.payment-fundamentals",{"title":1068,"path":1069,"stem":1070},"Методи оплати в Україні","/csharp/aspnet/payments/payment-methods-ukraine","01.csharp/11.aspnet/08.payments/02.payment-methods-ukraine",{"title":1072,"path":1073,"stem":1074},"PCI DSS та безпека платежів","/csharp/aspnet/payments/pci-dss-security","01.csharp/11.aspnet/08.payments/03.pci-dss-security",{"title":1076,"path":1077,"stem":1078},"Архітектура платіжної підсистеми","/csharp/aspnet/payments/payment-architecture","01.csharp/11.aspnet/08.payments/04.payment-architecture",{"title":1080,"path":1081,"stem":1082},"Інтеграція LiqPay (ПриватБанк)","/csharp/aspnet/payments/liqpay-integration","01.csharp/11.aspnet/08.payments/05.liqpay-integration",{"title":1084,"path":1085,"stem":1086},"Інтеграція Monobank Acquiring API","/csharp/aspnet/payments/monobank-acquiring","01.csharp/11.aspnet/08.payments/06.monobank-acquiring",{"title":1088,"path":1089,"stem":1090},"Інтеграція Stripe","/csharp/aspnet/payments/stripe-integration","01.csharp/11.aspnet/08.payments/07.stripe-integration",{"title":1092,"path":1093,"stem":1094},"Webhooks — глибоке занурення","/csharp/aspnet/payments/webhooks-deep-dive","01.csharp/11.aspnet/08.payments/08.webhooks-deep-dive",{"title":1096,"path":1097,"stem":1098},"Підписки та рекурентні платежі","/csharp/aspnet/payments/subscriptions-recurring","01.csharp/11.aspnet/08.payments/09.subscriptions-recurring",{"title":1100,"path":1101,"stem":1102},"Повернення коштів та диспути","/csharp/aspnet/payments/refunds-disputes","01.csharp/11.aspnet/08.payments/10.refunds-disputes",{"title":1104,"path":1105,"stem":1106},"Тестування платіжних інтеграцій","/csharp/aspnet/payments/testing-payments","01.csharp/11.aspnet/08.payments/11.testing-payments",{"title":1108,"path":1109,"stem":1110},"Чекліст виходу в Production","/csharp/aspnet/payments/production-checklist","01.csharp/11.aspnet/08.payments/12.production-checklist",{"title":1112,"icon":1113,"items":1114,"path":1127,"stem":1128,"children":1129,"page":59},"Популярні бібліотеки","lucide:box",[1115,1116,1117,1118,1119,1120,1121,1122,1123,1124,1125,1126],"01.fluent-validation","02.mapster","03.erroror-result-pattern","04.serilog","05.mediatr","06.polly","07.health-checks","08.feature-management","09.fluent-email","10.quest-pdf","11.bogus","12.humanizer-guard","/csharp/aspnet/libraries","01.csharp/11.aspnet/09.libraries",[1130,1134,1138,1142,1146,1150,1154,1158,1162,1166,1170,1174,1178],{"title":1131,"path":1132,"stem":1133},"Валідація з FluentValidation в ASP.NET Core","/csharp/aspnet/libraries/fluent-validation","01.csharp/11.aspnet/09.libraries/01.fluent-validation",{"title":1135,"path":1136,"stem":1137},"Маппінг об","/csharp/aspnet/libraries/mapster","01.csharp/11.aspnet/09.libraries/02.mapster",{"title":1139,"path":1140,"stem":1141},"Обробка помилок з ErrorOr та Result Pattern в ASP.NET Core","/csharp/aspnet/libraries/erroror-result-pattern","01.csharp/11.aspnet/09.libraries/03.erroror-result-pattern",{"title":1143,"path":1144,"stem":1145},"Структуроване логування з Serilog в ASP.NET Core","/csharp/aspnet/libraries/serilog","01.csharp/11.aspnet/09.libraries/04.serilog",{"title":1147,"path":1148,"stem":1149},"CQRS та Mediator з MediatR в ASP.NET Core","/csharp/aspnet/libraries/mediatr","01.csharp/11.aspnet/09.libraries/05.mediatr",{"title":1151,"path":1152,"stem":1153},"Відмовостійкість з Polly в ASP.NET Core","/csharp/aspnet/libraries/polly","01.csharp/11.aspnet/09.libraries/06.polly",{"title":1155,"path":1156,"stem":1157},"Health Checks в ASP.NET Core","/csharp/aspnet/libraries/health-checks","01.csharp/11.aspnet/09.libraries/07.health-checks",{"title":1159,"path":1160,"stem":1161},"Feature Management та Feature Flags в ASP.NET Core","/csharp/aspnet/libraries/feature-management","01.csharp/11.aspnet/09.libraries/08.feature-management",{"title":1163,"path":1164,"stem":1165},"Відправка Email з FluentEmail в ASP.NET Core","/csharp/aspnet/libraries/fluent-email","01.csharp/11.aspnet/09.libraries/09.fluent-email",{"title":1167,"path":1168,"stem":1169},"Генерація PDF з QuestPDF в ASP.NET Core","/csharp/aspnet/libraries/quest-pdf","01.csharp/11.aspnet/09.libraries/10.quest-pdf",{"title":1171,"path":1172,"stem":1173},"Генерація тестових даних з Bogus в ASP.NET Core","/csharp/aspnet/libraries/bogus","01.csharp/11.aspnet/09.libraries/11.bogus",{"title":1175,"path":1176,"stem":1177},"Humanizer та Guard Clauses в ASP.NET Core","/csharp/aspnet/libraries/humanizer-guard","01.csharp/11.aspnet/09.libraries/12.humanizer-guard",{"title":1179,"path":1180,"stem":1181},"План модуля 10.libraries — Популярні бібліотеки ASP.NET","/csharp/aspnet/libraries/plan","01.csharp/11.aspnet/09.libraries/plan",{"title":1183,"icon":1184,"path":1185,"stem":1186,"children":1187,"page":59},"Razor Pages","i-lucide-layout-template","/csharp/aspnet/razor-pages","01.csharp/11.aspnet/10.razor-pages",[1188,1192,1196,1200,1204,1208],{"title":1189,"path":1190,"stem":1191},"Від Minimal API до Razor Pages: концептуальний перехід","/csharp/aspnet/razor-pages/from-minimal-api","01.csharp/11.aspnet/10.razor-pages/01.from-minimal-api",{"title":1193,"path":1194,"stem":1195},"PageModel: логіка сторінки Razor Pages","/csharp/aspnet/razor-pages/page-model","01.csharp/11.aspnet/10.razor-pages/02.page-model",{"title":1197,"path":1198,"stem":1199},"Razor синтаксис: шаблонізатор у .cshtml","/csharp/aspnet/razor-pages/razor-syntax","01.csharp/11.aspnet/10.razor-pages/03.razor-syntax",{"title":1201,"path":1202,"stem":1203},"Tag Helpers: типізований HTML","/csharp/aspnet/razor-pages/tag-helpers","01.csharp/11.aspnet/10.razor-pages/04.tag-helpers",{"title":1205,"path":1206,"stem":1207},"Форми і валідація: повний цикл обробки даних","/csharp/aspnet/razor-pages/forms-validation","01.csharp/11.aspnet/10.razor-pages/05.forms-validation",{"title":1209,"path":1210,"stem":1211},"Практичний проєкт: TaskManager на Razor Pages","/csharp/aspnet/razor-pages/project-task-manager","01.csharp/11.aspnet/10.razor-pages/06.project-task-manager",{"title":1213,"path":1214,"stem":1215,"children":1216,"page":59},"ASP.NET Core MVC","/csharp/aspnet/mvc","01.csharp/11.aspnet/11.mvc",[1217,1221,1225,1229,1233,1237,1241,1245,1249,1253,1257,1261,1265,1269,1273,1277,1281,1285],{"title":1218,"path":1219,"stem":1220},"Патерн MVC: архітектура, що змінила веб","/csharp/aspnet/mvc/mvc-pattern","01.csharp/11.aspnet/11.mvc/01.mvc-pattern",{"title":1222,"path":1223,"stem":1224},"Від Razor Pages до MVC: концептуальний перехід","/csharp/aspnet/mvc/from-razor-pages","01.csharp/11.aspnet/11.mvc/02.from-razor-pages",{"title":1226,"path":1227,"stem":1228},"Controllers та Actions: серце MVC","/csharp/aspnet/mvc/controllers-actions","01.csharp/11.aspnet/11.mvc/03.controllers-actions",{"title":1230,"path":1231,"stem":1232},"Маршрутизація в MVC: Convention vs Attribute Routing","/csharp/aspnet/mvc/routing-mvc","01.csharp/11.aspnet/11.mvc/04.routing-mvc",{"title":1234,"path":1235,"stem":1236},"Model Binding: від HTTP до C#","/csharp/aspnet/mvc/model-binding","01.csharp/11.aspnet/11.mvc/05.model-binding",{"title":1238,"path":1239,"stem":1240},"Views, ViewData, ViewBag, TempData і ViewModel","/csharp/aspnet/mvc/views-viewdata-tempdata","01.csharp/11.aspnet/11.mvc/06.views-viewdata-tempdata",{"title":1242,"path":1243,"stem":1244},"Filters: аспектно-орієнтоване програмування в MVC","/csharp/aspnet/mvc/filters","01.csharp/11.aspnet/11.mvc/07.filters",{"title":1246,"path":1247,"stem":1248},"Areas: структурування великих застосунків","/csharp/aspnet/mvc/areas","01.csharp/11.aspnet/11.mvc/08.areas",{"title":1250,"path":1251,"stem":1252},"View Components: повторювані незалежні блоки UI","/csharp/aspnet/mvc/view-components","01.csharp/11.aspnet/11.mvc/09.view-components",{"title":1254,"path":1255,"stem":1256},"Display та Editor Templates","/csharp/aspnet/mvc/display-editor-templates","01.csharp/11.aspnet/11.mvc/10.display-editor-templates",{"title":1258,"path":1259,"stem":1260},"Валідація: IValidatableObject та FluentValidation","/csharp/aspnet/mvc/validation-advanced","01.csharp/11.aspnet/11.mvc/11.validation-advanced",{"title":1262,"path":1263,"stem":1264},"HTMX: інтерактивність через HTML-атрибути","/csharp/aspnet/mvc/htmx","01.csharp/11.aspnet/11.mvc/12.htmx",{"title":1266,"path":1267,"stem":1268},"HTMX у ASP.NET Core MVC: серверна інтеграція","/csharp/aspnet/mvc/ajax-htmx-mvc","01.csharp/11.aspnet/11.mvc/13.ajax-htmx-mvc",{"title":1270,"path":1271,"stem":1272},"Практичний проєкт: Каталог товарів з HTMX","/csharp/aspnet/mvc/htmx-project","01.csharp/11.aspnet/11.mvc/14.htmx-project",{"title":1274,"path":1275,"stem":1276},"Завантаження та обробка файлів","/csharp/aspnet/mvc/file-upload","01.csharp/11.aspnet/11.mvc/15.file-upload",{"title":1278,"path":1279,"stem":1280},"Глобалізація та Локалізація MVC","/csharp/aspnet/mvc/globalization-localization","01.csharp/11.aspnet/11.mvc/16.globalization-localization",{"title":1282,"path":1283,"stem":1284},"Підсумковий проєкт: Блог-платформа","/csharp/aspnet/mvc/mvc-project","01.csharp/11.aspnet/11.mvc/17.mvc-project",{"title":1286,"path":1287,"stem":1288},"План курсу: ASP.NET Core MVC","/csharp/aspnet/mvc/plan","01.csharp/11.aspnet/11.mvc/plan",{"title":1290,"path":1291,"stem":1292,"children":1293,"page":59},"Web Api","/csharp/aspnet/web-api","01.csharp/11.aspnet/12.web-api",[1294,1298,1302,1306,1310,1314,1318,1322,1326,1330,1334,1338,1342],{"title":1295,"path":1296,"stem":1297},"Від Minimal API до Controller-based API","/csharp/aspnet/web-api/from-minimal-api-to-controllers","01.csharp/11.aspnet/12.web-api/01.from-minimal-api-to-controllers",{"title":1299,"path":1300,"stem":1301},"ControllerBase, ActionResult\u003CT> та Response Types","/csharp/aspnet/web-api/controller-base-actionresult","01.csharp/11.aspnet/12.web-api/02.controller-base-actionresult",{"title":1303,"path":1304,"stem":1305},"Content Negotiation - JSON, XML та власні форматери","/csharp/aspnet/web-api/content-negotiation","01.csharp/11.aspnet/12.web-api/03.content-negotiation",{"title":1307,"path":1308,"stem":1309},"Версіонування API","/csharp/aspnet/web-api/api-versioning","01.csharp/11.aspnet/12.web-api/04.api-versioning",{"title":1311,"path":1312,"stem":1313},"ProblemDetails та структурована обробка помилок","/csharp/aspnet/web-api/problemdetails-error-handling","01.csharp/11.aspnet/12.web-api/05.problemdetails-error-handling",{"title":1315,"path":1316,"stem":1317},"Фільтри у Web API контексті","/csharp/aspnet/web-api/filters-for-api","01.csharp/11.aspnet/12.web-api/06.filters-for-api",{"title":1319,"path":1320,"stem":1321},"Пагінація, фільтрація та сортування","/csharp/aspnet/web-api/pagination-filtering-sorting","01.csharp/11.aspnet/12.web-api/07.pagination-filtering-sorting",{"title":1323,"path":1324,"stem":1325},"HATEOAS та Resource Expansion","/csharp/aspnet/web-api/hateoas-resource-expansion","01.csharp/11.aspnet/12.web-api/08.hateoas-resource-expansion",{"title":1327,"path":1328,"stem":1329},"Гібридна архітектура - Minimal API + Controllers","/csharp/aspnet/web-api/minimal-api-vs-controllers-hybrid","01.csharp/11.aspnet/12.web-api/09.minimal-api-vs-controllers-hybrid",{"title":1331,"path":1332,"stem":1333},"Документація API - Swashbuckle, NSwag та генерація клієнтів","/csharp/aspnet/web-api/api-documentation-generation","01.csharp/11.aspnet/12.web-api/10.api-documentation-generation",{"title":1335,"path":1336,"stem":1337},"Health Checks та моніторинг API","/csharp/aspnet/web-api/health-checks-monitoring","01.csharp/11.aspnet/12.web-api/11.health-checks-monitoring",{"title":1339,"path":1340,"stem":1341},"Підсумковий проєкт - Production-Ready REST API","/csharp/aspnet/web-api/web-api-project","01.csharp/11.aspnet/12.web-api/12.web-api-project",{"title":1343,"path":1344,"stem":1345},"План курсу: ASP.NET Core Web API (Controllers)","/csharp/aspnet/web-api/plan","01.csharp/11.aspnet/12.web-api/plan",{"title":1347,"icon":1348,"path":1349,"stem":1350,"children":1351,"page":59},"Desktop UI","i-lucide-app-window","/csharp/desktop-ui","01.csharp/12.desktop-ui",[1352,1356,1360,1364,1368,1372,1376,1380,1384,1388,1392,1396,1400,1404,1408,1412,1416,1420,1424,1428,1432,1436,1440,1444,1448,1452,1456,1460,1464,1468,1472,1476,1480,1484,1488,1492,1496,1500,1504,1508,1512,1516,1520,1524,1528,1532,1536,1540,1544,1548,1552,1556,1560,1564,1568,1572,1576,1580,1584,1588,1592,1596,1600,1604,1608,1612,1616,1620,1624,1628,1632],{"title":1353,"path":1354,"stem":1355},"Що таке десктопна розробка?","/csharp/desktop-ui/what-is-desktop-dev","01.csharp/12.desktop-ui/01.what-is-desktop-dev",{"title":1357,"path":1358,"stem":1359},"Архітектура WPF — як влаштований графічний інтерфейс","/csharp/desktop-ui/wpf-architecture","01.csharp/12.desktop-ui/02.wpf-architecture",{"title":1361,"path":1362,"stem":1363},"Перший WPF-проєкт — від нуля до вікна","/csharp/desktop-ui/first-wpf-app","01.csharp/12.desktop-ui/03.first-wpf-app",{"title":1365,"path":1366,"stem":1367},"Перший Avalonia-проєкт: WPF для всіх платформ","/csharp/desktop-ui/03a.first-avalonia-app","01.csharp/12.desktop-ui/03a.first-avalonia-app",{"title":1369,"path":1370,"stem":1371},"XAML: декларативний інтерфейс","/csharp/desktop-ui/xaml-basics","01.csharp/12.desktop-ui/04.xaml-basics",{"title":1373,"path":1374,"stem":1375},"Fluent UI у WPF — сучасний дизайн Windows 11","/csharp/desktop-ui/04a.wpf-fluent-ui","01.csharp/12.desktop-ui/04a.wpf-fluent-ui",{"title":1377,"path":1378,"stem":1379},"WPF UI — сучасна бібліотека Fluent контролів","/csharp/desktop-ui/04b.wpf-ui-library","01.csharp/12.desktop-ui/04b.wpf-ui-library",{"title":1381,"path":1382,"stem":1383},"HandyControl — велика бібліотека UI контролів для WPF","/csharp/desktop-ui/04c.handycontrol-library","01.csharp/12.desktop-ui/04c.handycontrol-library",{"title":1385,"path":1386,"stem":1387},"Простори імен та ресурси XAML","/csharp/desktop-ui/xaml-namespaces-resources","01.csharp/12.desktop-ui/05.xaml-namespaces-resources",{"title":1389,"path":1390,"stem":1391},"XAML в Avalonia: ключові відмінності від WPF","/csharp/desktop-ui/05a.avalonia-xaml-differences","01.csharp/12.desktop-ui/05a.avalonia-xaml-differences",{"title":1393,"path":1394,"stem":1395},"Розширення розмітки XAML (Markup Extensions)","/csharp/desktop-ui/xaml-markup-extensions","01.csharp/12.desktop-ui/06.xaml-markup-extensions",{"title":1397,"path":1398,"stem":1399},"Панелі Layout: StackPanel, WrapPanel, DockPanel","/csharp/desktop-ui/layout-panels-part1","01.csharp/12.desktop-ui/07.layout-panels-part1",{"title":1401,"path":1402,"stem":1403},"Grid, Canvas, UniformGrid","/csharp/desktop-ui/layout-panels-part2","01.csharp/12.desktop-ui/07.layout-panels-part2",{"title":1405,"path":1406,"stem":1407},"Просунуті техніки Layout","/csharp/desktop-ui/layout-advanced","01.csharp/12.desktop-ui/08.layout-advanced",{"title":1409,"path":1410,"stem":1411},"Адаптивний Layout та найкращі практики","/csharp/desktop-ui/layout-responsive","01.csharp/12.desktop-ui/09.layout-responsive",{"title":1413,"path":1414,"stem":1415},"Layout в Avalonia: відмінності та нові можливості","/csharp/desktop-ui/09a.layout-avalonia","01.csharp/12.desktop-ui/09a.layout-avalonia",{"title":1417,"path":1418,"stem":1419},"Button, Image, ProgressBar та інші базові контроли","/csharp/desktop-ui/basic-controls","01.csharp/12.desktop-ui/10.basic-controls",{"title":1421,"path":1422,"stem":1423},"Контроли в Avalonia: відмінності від WPF","/csharp/desktop-ui/10a.controls-avalonia","01.csharp/12.desktop-ui/10a.controls-avalonia",{"title":1425,"path":1426,"stem":1427},"Текстові контроли — TextBlock, TextBox, RichTextBox","/csharp/desktop-ui/text-controls","01.csharp/12.desktop-ui/11.text-controls",{"title":1429,"path":1430,"stem":1431},"Контроли вибору — CheckBox, RadioButton, ComboBox, ListBox, DatePicker","/csharp/desktop-ui/selection-controls","01.csharp/12.desktop-ui/12.selection-controls",{"title":1433,"path":1434,"stem":1435},"Content Model — GroupBox, Expander, TabControl, StatusBar","/csharp/desktop-ui/content-controls","01.csharp/12.desktop-ui/13.content-controls",{"title":1437,"path":1438,"stem":1439},"UI/UX принципи десктопних застосунків","/csharp/desktop-ui/13a.ui-ux-principles","01.csharp/12.desktop-ui/13a.ui-ux-principles",{"title":1441,"path":1442,"stem":1443},"Dependency Properties — Концепція та Value Resolution","/csharp/desktop-ui/dependency-properties-part1","01.csharp/12.desktop-ui/14.dependency-properties-part1",{"title":1445,"path":1446,"stem":1447},"Avalonia Property System — StyledProperty та DirectProperty","/csharp/desktop-ui/14a.avalonia-property-system","01.csharp/12.desktop-ui/14a.avalonia-property-system",{"title":1449,"path":1450,"stem":1451},"Attached Properties — Властивості без меж","/csharp/desktop-ui/attached-properties","01.csharp/12.desktop-ui/15.attached-properties",{"title":1453,"path":1454,"stem":1455},"Routed Events — Маршрутизація подій у WPF","/csharp/desktop-ui/routed-events","01.csharp/12.desktop-ui/16.routed-events",{"title":1457,"path":1458,"stem":1459},"Data Binding — Від Code-Behind до Декларативності","/csharp/desktop-ui/data-binding-basics-part1","01.csharp/12.desktop-ui/17.data-binding-basics-part1",{"title":1461,"path":1462,"stem":1463},"INotifyPropertyChanged — Живе оновлення UI","/csharp/desktop-ui/data-binding-basics-part2","01.csharp/12.desktop-ui/17.data-binding-basics-part2",{"title":1465,"path":1466,"stem":1467},"Compiled Bindings в Avalonia — Безпека на етапі компіляції","/csharp/desktop-ui/17a.avalonia-compiled-bindings","01.csharp/12.desktop-ui/17a.avalonia-compiled-bindings",{"title":1469,"path":1470,"stem":1471},"Просунутий Data Binding — ElementName, RelativeSource, MultiBinding","/csharp/desktop-ui/data-binding-advanced","01.csharp/12.desktop-ui/18.data-binding-advanced",{"title":1473,"path":1474,"stem":1475},"Value Converters — Перетворення типів даних у Data Binding","/csharp/desktop-ui/value-converters","01.csharp/12.desktop-ui/19.value-converters",{"title":1477,"path":1478,"stem":1479},"Data Templates — Візуалізація об'єктів у WPF","/csharp/desktop-ui/data-templates","01.csharp/12.desktop-ui/20.data-templates",{"title":1481,"path":1482,"stem":1483},"Collections Binding Part 1 — ObservableCollection та ItemsControl","/csharp/desktop-ui/collections-binding-part1","01.csharp/12.desktop-ui/21.collections-binding-part1",{"title":1485,"path":1486,"stem":1487},"Collections Binding Part 2 — ICollectionView, Filtering, Sorting та Virtualization","/csharp/desktop-ui/collections-binding-part2","01.csharp/12.desktop-ui/21.collections-binding-part2",{"title":1489,"path":1490,"stem":1491},"MVVM Pattern — Від Spaghetti Code до архітектури","/csharp/desktop-ui/mvvm-pattern","01.csharp/12.desktop-ui/22.mvvm-pattern",{"title":1493,"path":1494,"stem":1495},"ViewModel Implementation — Від BaseViewModel до валідації","/csharp/desktop-ui/viewmodel-implementation","01.csharp/12.desktop-ui/23.viewmodel-implementation",{"title":1497,"path":1498,"stem":1499},"Commands — Від event handlers до декларативних команд","/csharp/desktop-ui/commands","01.csharp/12.desktop-ui/24.commands",{"title":1501,"path":1502,"stem":1503},"MVVM Toolkit — MVVM без boilerplate через Source Generators","/csharp/desktop-ui/mvvm-toolkit","01.csharp/12.desktop-ui/25.mvvm-toolkit",{"title":1505,"path":1506,"stem":1507},"Messenger Pattern — Комунікація між ViewModel без прямих посилань","/csharp/desktop-ui/messenger-pattern","01.csharp/12.desktop-ui/26.messenger-pattern",{"title":1509,"path":1510,"stem":1511},"Стилі WPF — CSS для десктопу","/csharp/desktop-ui/styles-basics","01.csharp/12.desktop-ui/27.styles-basics",{"title":1513,"path":1514,"stem":1515},"CSS-like стилі Avalonia","/csharp/desktop-ui/27a.avalonia-css-styling","01.csharp/12.desktop-ui/27a.avalonia-css-styling",{"title":1517,"path":1518,"stem":1519},"Control Templates — Частина 1. Концепція та TemplateBinding","/csharp/desktop-ui/control-templates-part1","01.csharp/12.desktop-ui/28.control-templates-part1",{"title":1521,"path":1522,"stem":1523},"Control Templates — Частина 2. Named Parts та ContentPresenter","/csharp/desktop-ui/control-templates-part2","01.csharp/12.desktop-ui/28.control-templates-part2",{"title":1525,"path":1526,"stem":1527},"Control Themes в Avalonia — нова ера стилізації","/csharp/desktop-ui/28a.avalonia-control-themes","01.csharp/12.desktop-ui/28a.avalonia-control-themes",{"title":1529,"path":1530,"stem":1531},"Triggers та Visual State Manager у WPF","/csharp/desktop-ui/triggers-visual-states","01.csharp/12.desktop-ui/29.triggers-visual-states",{"title":1533,"path":1534,"stem":1535},"Pseudo-classes в Avalonia — замість WPF Triggers","/csharp/desktop-ui/29a.avalonia-pseudo-classes","01.csharp/12.desktop-ui/29a.avalonia-pseudo-classes",{"title":1537,"path":1538,"stem":1539},"Теми та ресурсні словники у WPF","/csharp/desktop-ui/resources-themes","01.csharp/12.desktop-ui/30.resources-themes",{"title":1541,"path":1542,"stem":1543},"Avalonia Themes — Fluent Design та система тематизації","/csharp/desktop-ui/30a.avalonia-themes-fluent","01.csharp/12.desktop-ui/30a.avalonia-themes-fluent",{"title":1545,"path":1546,"stem":1547},"Контроли колекцій — глибоке занурення","/csharp/desktop-ui/collection-controls","01.csharp/12.desktop-ui/31.collection-controls",{"title":1549,"path":1550,"stem":1551},"DataGrid — колонки та базове відображення","/csharp/desktop-ui/datagrid-part1","01.csharp/12.desktop-ui/32.datagrid-part1",{"title":1553,"path":1554,"stem":1555},"DataGrid — сортування, фільтрація, редагування","/csharp/desktop-ui/datagrid-part2","01.csharp/12.desktop-ui/32.datagrid-part2",{"title":1557,"path":1558,"stem":1559},"TreeView та GridView","/csharp/desktop-ui/treeview-listview","01.csharp/12.desktop-ui/33.treeview-listview",{"title":1561,"path":1562,"stem":1563},"Меню, Toolbar, ContextMenu, StatusBar","/csharp/desktop-ui/menus-toolbars","01.csharp/12.desktop-ui/34.menus-toolbars",{"title":1565,"path":1566,"stem":1567},"Навігація та керування вікнами. Частина 1: вікна та сторінки","/csharp/desktop-ui/navigation-windows-part1","01.csharp/12.desktop-ui/35.navigation-windows-part1",{"title":1569,"path":1570,"stem":1571},"Навігація та керування вікнами. Частина 2: MVVM-навігація","/csharp/desktop-ui/navigation-windows-part2","01.csharp/12.desktop-ui/35.navigation-windows-part2",{"title":1573,"path":1574,"stem":1575},"Avalonia — Навігація та діалоги","/csharp/desktop-ui/35a.avalonia-navigation-dialogs","01.csharp/12.desktop-ui/35a.avalonia-navigation-dialogs",{"title":1577,"path":1578,"stem":1579},"Діалоги та File Pickers у WPF","/csharp/desktop-ui/dialogs-file-pickers","01.csharp/12.desktop-ui/36.dialogs-file-pickers",{"title":1581,"path":1582,"stem":1583},"UserControl: компонентний підхід у WPF","/csharp/desktop-ui/user-controls","01.csharp/12.desktop-ui/37.user-controls",{"title":1585,"path":1586,"stem":1587},"Custom Controls: Lookless Controls у WPF","/csharp/desktop-ui/custom-controls","01.csharp/12.desktop-ui/38.custom-controls",{"title":1589,"path":1590,"stem":1591},"Avalonia TemplatedControl — Lookless Controls","/csharp/desktop-ui/38a.avalonia-templated-controls","01.csharp/12.desktop-ui/38a.avalonia-templated-controls",{"title":1593,"path":1594,"stem":1595},"Анімації у WPF: Storyboard та Easing Functions","/csharp/desktop-ui/animations-transitions","01.csharp/12.desktop-ui/39.animations-transitions",{"title":1597,"path":1598,"stem":1599},"Анімації в Avalonia","/csharp/desktop-ui/39a.avalonia-animations","01.csharp/12.desktop-ui/39a.avalonia-animations",{"title":1601,"path":1602,"stem":1603},"2D Графіка та Мультимедіа у WPF","/csharp/desktop-ui/media-graphics","01.csharp/12.desktop-ui/40.media-graphics",{"title":1605,"path":1606,"stem":1607},"Dependency Injection у WPF та Avalonia","/csharp/desktop-ui/di-integration","01.csharp/12.desktop-ui/41.di-integration",{"title":1609,"path":1610,"stem":1611},"SQLite та EF Core у десктопних додатках","/csharp/desktop-ui/data-persistence-part1","01.csharp/12.desktop-ui/42.data-persistence-part1",{"title":1613,"path":1614,"stem":1615},"Repository Pattern та Unit of Work","/csharp/desktop-ui/data-persistence-part2","01.csharp/12.desktop-ui/43.data-persistence-part2",{"title":1617,"path":1618,"stem":1619},"Тестування ViewModels","/csharp/desktop-ui/viewmodel-testing","01.csharp/12.desktop-ui/44.viewmodel-testing",{"title":1621,"path":1622,"stem":1623},"Avalonia Headless Testing — тестування UI без вікон","/csharp/desktop-ui/44a.avalonia-headless-testing","01.csharp/12.desktop-ui/44a.avalonia-headless-testing",{"title":1625,"path":1626,"stem":1627},"Кросплатформна розробка з Avalonia","/csharp/desktop-ui/avalonia-cross-platform","01.csharp/12.desktop-ui/45.avalonia-cross-platform",{"title":1629,"path":1630,"stem":1631},"Пакування та розгортання Avalonia додатків","/csharp/desktop-ui/avalonia-packaging-deployment","01.csharp/12.desktop-ui/46.avalonia-packaging-deployment",{"title":1633,"path":1634,"stem":1635},"Розгортання WPF застосунків","/csharp/desktop-ui/wpf-packaging-deployment","01.csharp/12.desktop-ui/47.wpf-packaging-deployment",{"title":1637,"path":1638,"stem":1639},"C# & .NET: The Ultimate Roadmap","/csharp/roadmap","01.csharp/roadmap",{"title":1641,"icon":1642,"path":1643,"stem":1644,"children":1645,"page":59},"C++","i-devicon-cplusplus","/cpp","02.cpp",[1646,1650,1654,1658,1662,1666,1670,1674,1678,1681,1685,1689,1693,1697,1701,1705,1709,1713,1717],{"title":1647,"path":1648,"stem":1649},"Вступ у програмування та алгоритми","/cpp/intro-algorithms","02.cpp/01.intro-algorithms",{"title":1651,"path":1652,"stem":1653},"Code Style: угоди про оформлення коду","/cpp/code-style","02.cpp/02.code-style",{"title":1655,"path":1656,"stem":1657},"Середовище розробки та перший проєкт","/cpp/ide-setup","02.cpp/03.ide-setup",{"title":1659,"path":1660,"stem":1661},"Вивід даних на екран","/cpp/data-output","02.cpp/04.data-output",{"title":1663,"path":1664,"stem":1665},"Типи даних, змінні та константи","/cpp/data-types-variables","02.cpp/05.data-types-variables",{"title":1667,"path":1668,"stem":1669},"Ввід даних з клавіатури","/cpp/data-input","02.cpp/06.data-input",{"title":1671,"path":1672,"stem":1673},"Оператори, перетворення типів та логічні операції","/cpp/operators-type-conversion","02.cpp/07.operators-type-conversion",{"title":1675,"path":1676,"stem":1677},"Цикли","/cpp/loops","02.cpp/08.loops",{"title":32,"path":1679,"stem":1680},"/cpp/arrays","02.cpp/09.arrays",{"title":1682,"path":1683,"stem":1684},"Алгоритми сортування та аналіз складності","/cpp/sorting","02.cpp/10.sorting",{"title":1686,"path":1687,"stem":1688},"Алгоритми пошуку","/cpp/searching","02.cpp/11.searching",{"title":1690,"path":1691,"stem":1692},"Функції: основи","/cpp/functions-basics","02.cpp/12.functions-basics",{"title":1694,"path":1695,"stem":1696},"Функції: прототипи, область видимості та додаткові можливості","/cpp/functions-scope","02.cpp/13.functions-scope",{"title":1698,"path":1699,"stem":1700},"Функції: перевантаження та шаблони","/cpp/functions-overloading-templates","02.cpp/14.functions-overloading-templates",{"title":1702,"path":1703,"stem":1704},"Вказівники: основи","/cpp/pointers-basics","02.cpp/15.pointers-basics",{"title":1706,"path":1707,"stem":1708},"Посилання (References)","/cpp/references","02.cpp/16.references",{"title":1710,"path":1711,"stem":1712},"Вказівники, const і масиви","/cpp/pointers-const-arrays","02.cpp/17.pointers-const-arrays",{"title":1714,"path":1715,"stem":1716},"Адресна арифметика","/cpp/pointer-arithmetic","02.cpp/18.pointer-arithmetic",{"title":1718,"path":1719,"stem":1720},"Динамічна пам'ять","/cpp/dynamic-memory","02.cpp/19.dynamic-memory",{"title":1722,"icon":1723,"path":1724,"stem":1725,"children":1726,"page":59},"JavaScript","i-devicon-javascript","/javascript","03.javascript",[1727,1753,1807,1829,2133,2171],{"title":1728,"icon":1729,"path":1730,"stem":1731,"children":1732,"page":59},"Events","i-lucide-mouse-pointer-click","/javascript/events","03.javascript/01.events",[1733,1737,1741,1745,1749],{"title":1734,"path":1735,"stem":1736},"Вступ до подій браузера","/javascript/events/intro","03.javascript/01.events/01.intro",{"title":1738,"path":1739,"stem":1740},"Бульбашковий механізм (Bubbling) та занурення (Capturing)","/javascript/events/bubbling-capturing","03.javascript/01.events/02.bubbling-capturing",{"title":1742,"path":1743,"stem":1744},"Делегування подій (Event Delegation)","/javascript/events/delegate-events","03.javascript/01.events/03.delegate-events",{"title":1746,"path":1747,"stem":1748},"Типові дії браузера та preventDefault()","/javascript/events/prevent-default","03.javascript/01.events/04.prevent-default",{"title":1750,"path":1751,"stem":1752},"Запуск користувацьких подій (Custom Events)","/javascript/events/custom-events","03.javascript/01.events/05.custom-events",{"title":1754,"icon":1755,"path":1756,"stem":1757,"children":1758,"page":59},"Network","i-lucide-globe","/javascript/network","03.javascript/02.network",[1759,1763,1767,1771,1775,1779,1783,1787,1791,1795,1799,1803],{"title":1760,"path":1761,"stem":1762},"Fetch API - Сучасний підхід до HTTP-запитів","/javascript/network/01-fetch-api","03.javascript/02.network/01-fetch-api",{"title":1764,"path":1765,"stem":1766},"FormData - Робота з формами та файлами","/javascript/network/02-formdata","03.javascript/02.network/02-formdata",{"title":1768,"path":1769,"stem":1770},"Відстеження прогресу завантаження","/javascript/network/03-download-progress","03.javascript/02.network/03-download-progress",{"title":1772,"path":1773,"stem":1774},"Переривання fetch-запитів","/javascript/network/04-abort-requests","03.javascript/02.network/04-abort-requests",{"title":1776,"path":1777,"stem":1778},"CORS - Запити між різними джерелами","/javascript/network/05-cors","03.javascript/02.network/05-cors",{"title":1780,"path":1781,"stem":1782},"Fetch API - Повний довідник опцій","/javascript/network/06-fetch-options","03.javascript/02.network/06-fetch-options",{"title":1784,"path":1785,"stem":1786},"URL Objects - Робота з посиланнями","/javascript/network/07-url-objects","03.javascript/02.network/07-url-objects",{"title":1788,"path":1789,"stem":1790},"XMLHttpRequest - AJAX та низькорівневі запити","/javascript/network/08-xmlhttprequest","03.javascript/02.network/08-xmlhttprequest",{"title":1792,"path":1793,"stem":1794},"Відновлюване завантаження файлів","/javascript/network/09-resumable-upload","03.javascript/02.network/09-resumable-upload",{"title":1796,"path":1797,"stem":1798},"Cookies, document.cookie та світ після \"Cookiepocalypse\"","/javascript/network/10-cookies","03.javascript/02.network/10-cookies",{"title":1800,"path":1801,"stem":1802},"js-cookie: Керування Cookies без Болю","/javascript/network/11-js-cookie","03.javascript/02.network/11-js-cookie",{"title":1804,"path":1805,"stem":1806},"Axios: Потужний HTTP-клієнт для JavaScript","/javascript/network/12-axios","03.javascript/02.network/12-axios",{"title":1808,"icon":1809,"path":1810,"stem":1811,"children":1812,"page":59},"Bom","i-lucide-monitor","/javascript/bom","03.javascript/03.bom",[1813,1817,1821,1825],{"title":1814,"path":1815,"stem":1816},"LocalStorage, SessionStorage та patterns збереження даних","/javascript/bom/01-localstorage","03.javascript/03.bom/01-localstorage",{"title":1818,"path":1819,"stem":1820},"Location Object - Керування адресою сторінки","/javascript/bom/02-location-object","03.javascript/03.bom/02-location-object",{"title":1822,"path":1823,"stem":1824},"History API - Керування історією браузера","/javascript/bom/03-history-api","03.javascript/03.bom/03-history-api",{"title":1826,"path":1827,"stem":1828},"Navigator Object - Ідентифікація та Можливості Пристрою","/javascript/bom/04-navigator-object","03.javascript/03.bom/04-navigator-object",{"title":1830,"icon":1831,"path":1832,"stem":1833,"children":1834},"React","i-devicon-react","/javascript/react","03.javascript/04.react/index",[1835,1836,1840,1844,1848,1852,1915,1950,2102],{"title":1830,"path":1832,"stem":1833},{"title":1837,"path":1838,"stem":1839},"Робота з Формами в React","/javascript/react/react-forms","03.javascript/04.react/01.react-forms",{"title":1841,"path":1842,"stem":1843},"React Hook Form: Професійна Робота з Формами","/javascript/react/react-hook-form","03.javascript/04.react/02.react-hook-form",{"title":1845,"path":1846,"stem":1847},"React Hook Form: Глибоке Розуміння Архітектури та Оптимізації","/javascript/react/react-hook-form-new","03.javascript/04.react/02.react-hook-form-new",{"title":1849,"path":1850,"stem":1851},"Axios та React: Професійна Архітектура Запитів","/javascript/react/data-fetching-axios","03.javascript/04.react/03.data-fetching-axios",{"title":1853,"icon":132,"path":1854,"stem":1855,"children":1856},"Tanstack Query","/javascript/react/tanstack-query","03.javascript/04.react/04.tanstack-query/index",[1857,1859,1863,1867,1871,1875,1879,1883,1887,1891,1895,1899,1903,1907,1911],{"title":1858,"path":1854,"stem":1855},"TanStack Query: Майстерність Керування Станом Сервера",{"title":1860,"path":1861,"stem":1862},"Парадигма Server State: Чому useEffect недостатньо","/javascript/react/tanstack-query/server-state-paradigm","03.javascript/04.react/04.tanstack-query/01.server-state-paradigm",{"title":1864,"path":1865,"stem":1866},"Встановлення та Налаштування: Фундамент","/javascript/react/tanstack-query/installation-and-devtools","03.javascript/04.react/04.tanstack-query/02.installation-and-devtools",{"title":1868,"path":1869,"stem":1870},"Основи Запитів та Магія Ключів","/javascript/react/tanstack-query/query-basics-and-keys","03.javascript/04.react/04.tanstack-query/03.query-basics-and-keys",{"title":1872,"path":1873,"stem":1874},"Синхронізація Даних: Життєвий Цикл Запиту","/javascript/react/tanstack-query/data-synchronization","03.javascript/04.react/04.tanstack-query/04.data-synchronization",{"title":1876,"path":1877,"stem":1878},"Мутації та Інвалідація: Зміна Даних","/javascript/react/tanstack-query/mutations-and-invalidation","03.javascript/04.react/04.tanstack-query/05.mutations-and-invalidation",{"title":1880,"path":1881,"stem":1882},"Оптимістичні Оновлення: Швидше за Світло","/javascript/react/tanstack-query/optimistic-updates","03.javascript/04.react/04.tanstack-query/06.optimistic-updates",{"title":1884,"path":1885,"stem":1886},"Пагінація та Infinite Scroll","/javascript/react/tanstack-query/pagination-and-load-more","03.javascript/04.react/04.tanstack-query/07.pagination-and-load-more",{"title":1888,"path":1889,"stem":1890},"Просунуті Патерни та Оптимізація","/javascript/react/tanstack-query/advanced-patterns","03.javascript/04.react/04.tanstack-query/08.advanced-patterns",{"title":1892,"path":1893,"stem":1894},"Архітектура та Best Practices","/javascript/react/tanstack-query/architecture-and-best-practices","03.javascript/04.react/04.tanstack-query/09.architecture-and-best-practices",{"title":1896,"path":1897,"stem":1898},"Server-Side Rendering (SSR) та Гідратація","/javascript/react/tanstack-query/server-side-rendering","03.javascript/04.react/04.tanstack-query/10.server-side-rendering",{"title":1900,"path":1901,"stem":1902},"Стратегії Тестування","/javascript/react/tanstack-query/testing-strategies","03.javascript/04.react/04.tanstack-query/11.testing-strategies",{"title":1904,"path":1905,"stem":1906},"Аутентифікація та Обробка Помилок","/javascript/react/tanstack-query/authentication-and-errors","03.javascript/04.react/04.tanstack-query/12.authentication-and-errors",{"title":1908,"path":1909,"stem":1910},"React Suspense та Майбутнє","/javascript/react/tanstack-query/react-suspense","03.javascript/04.react/04.tanstack-query/13.react-suspense",{"title":1912,"path":1913,"stem":1914},"Глибоке Занурення в Продуктивність","/javascript/react/tanstack-query/performance-deep-dive","03.javascript/04.react/04.tanstack-query/14.performance-deep-dive",{"title":1916,"icon":1831,"path":1917,"stem":1918,"children":1919},"React Router","/javascript/react/react-router","03.javascript/04.react/05.react-router/index",[1920,1922,1926,1930,1934,1938,1942,1946],{"title":1921,"path":1917,"stem":1918},"React Router: Навігаційна система сучасного вебу",{"title":1923,"path":1924,"stem":1925},"Налаштування та Базовий Роутинг","/javascript/react/react-router/setup-and-basic-routing","03.javascript/04.react/05.react-router/01.setup-and-basic-routing",{"title":1927,"path":1928,"stem":1929},"Динамічна Навігація","/javascript/react/react-router/navigation-and-links","03.javascript/04.react/05.react-router/02.navigation-and-links",{"title":1931,"path":1932,"stem":1933},"Вкладені Маршрути та Макети","/javascript/react/react-router/nested-routes-and-layouts","03.javascript/04.react/05.react-router/03.nested-routes-and-layouts",{"title":1935,"path":1936,"stem":1937},"Динамічні Маршрути та Параметри","/javascript/react/react-router/dynamic-routing","03.javascript/04.react/05.react-router/04.dynamic-routing",{"title":1939,"path":1940,"stem":1941},"Data APIs: Loaders та Actions","/javascript/react/react-router/data-loading","03.javascript/04.react/05.react-router/05.data-loading",{"title":1943,"path":1944,"stem":1945},"Просунуті Патерни","/javascript/react/react-router/advanced-patterns","03.javascript/04.react/05.react-router/06.advanced-patterns",{"title":1947,"path":1948,"stem":1949},"Legacy Routing: Компонентний підхід","/javascript/react/react-router/legacy-routing","03.javascript/04.react/05.react-router/07.legacy-routing",{"title":1951,"icon":132,"path":1952,"stem":1953,"children":1954},"Redux","/javascript/react/redux","03.javascript/04.react/06.redux/index",[1955,1957,1973,2002,2011,2032,2048,2077],{"title":1956,"path":1952,"stem":1953},"Redux: Еволюція управління станом",{"title":14,"icon":15,"path":1958,"stem":1959,"children":1960,"page":59},"/javascript/react/redux/fundamentals","03.javascript/04.react/06.redux/01.fundamentals",[1961,1965,1969],{"title":1962,"path":1963,"stem":1964},"Вступ до State Management","/javascript/react/redux/fundamentals/intro-state-management","03.javascript/04.react/06.redux/01.fundamentals/01.intro-state-management",{"title":1966,"path":1967,"stem":1968},"Філософія Redux та Три Принципи","/javascript/react/redux/fundamentals/redux-philosophy","03.javascript/04.react/06.redux/01.fundamentals/02.redux-philosophy",{"title":1970,"path":1971,"stem":1972},"Чисті функції та Іммутабельність","/javascript/react/redux/fundamentals/pure-functions-immutability","03.javascript/04.react/06.redux/01.fundamentals/03.pure-functions-immutability",{"title":1974,"icon":132,"path":1975,"stem":1976,"children":1977,"page":59},"Classic Redux","/javascript/react/redux/classic-redux","03.javascript/04.react/06.redux/02.classic-redux",[1978,1982,1986,1990,1994,1998],{"title":1979,"path":1980,"stem":1981},"Створення Store (Classic Redux)","/javascript/react/redux/classic-redux/store-setup","03.javascript/04.react/06.redux/02.classic-redux/01.store-setup",{"title":1983,"path":1984,"stem":1985},"Actions, Constants та Action Creators","/javascript/react/redux/classic-redux/actions-constants","03.javascript/04.react/06.redux/02.classic-redux/02.actions-constants",{"title":1987,"path":1988,"stem":1989},"Логіка Reducers","/javascript/react/redux/classic-redux/reducers","03.javascript/04.react/06.redux/02.classic-redux/03.reducers",{"title":1991,"path":1992,"stem":1993},"Комбінування Reducers (Root Reducer)","/javascript/react/redux/classic-redux/data-flow","03.javascript/04.react/06.redux/02.classic-redux/04.data-flow",{"title":1995,"path":1996,"stem":1997},"Підключення до React (React-Redux)","/javascript/react/redux/classic-redux/react-redux-connection","03.javascript/04.react/06.redux/02.classic-redux/05.react-redux-connection",{"title":1999,"path":2000,"stem":2001},"Middleware та Асинхронність (Redux Thunk)","/javascript/react/redux/classic-redux/middleware-thunk","03.javascript/04.react/06.redux/02.classic-redux/06.middleware-thunk",{"title":2003,"icon":132,"path":2004,"stem":2005,"children":2006,"page":59},"Transition To Rtk","/javascript/react/redux/transition-to-rtk","03.javascript/04.react/06.redux/03.transition-to-rtk",[2007],{"title":2008,"path":2009,"stem":2010},"Проблеми класичного Redux","/javascript/react/redux/transition-to-rtk/problems-with-classic","03.javascript/04.react/06.redux/03.transition-to-rtk/01.problems-with-classic",{"title":2012,"icon":132,"path":2013,"stem":2014,"children":2015,"page":59},"Redux Toolkit","/javascript/react/redux/redux-toolkit","03.javascript/04.react/06.redux/04.redux-toolkit",[2016,2020,2024,2028],{"title":2017,"path":2018,"stem":2019},"Налаштування Store з configureStore","/javascript/react/redux/redux-toolkit/configure-store","03.javascript/04.react/06.redux/04.redux-toolkit/01.configure-store",{"title":2021,"path":2022,"stem":2023},"createSlice: Революція в Redux","/javascript/react/redux/redux-toolkit/create-slice","03.javascript/04.react/06.redux/04.redux-toolkit/02.create-slice",{"title":2025,"path":2026,"stem":2027},"Асинхронність з createAsyncThunk","/javascript/react/redux/redux-toolkit/async-thunks","03.javascript/04.react/06.redux/04.redux-toolkit/03.async-thunks",{"title":2029,"path":2030,"stem":2031},"04. Entity Adapter: Керування нормалізованим станом","/javascript/react/redux/redux-toolkit/entity-adapter","03.javascript/04.react/06.redux/04.redux-toolkit/04.entity-adapter",{"title":2033,"icon":92,"path":2034,"stem":2035,"children":2036,"page":59},"Advanced","/javascript/react/redux/advanced","03.javascript/04.react/06.redux/05.advanced",[2037,2041,2045],{"title":2038,"path":2039,"stem":2040},"Мемоізація та Селектори: Повний Гайд по Reselect","/javascript/react/redux/advanced/selectors-reselect","03.javascript/04.react/06.redux/05.advanced/01.selectors-reselect",{"title":2042,"path":2043,"stem":2044},"RTK Query: Архітектура Серверного Кешу","/javascript/react/redux/advanced/rtk-query-intro","03.javascript/04.react/06.redux/05.advanced/02.rtk-query-intro",{"title":1892,"path":2046,"stem":2047},"/javascript/react/redux/advanced/architecture-best-practices","03.javascript/04.react/06.redux/05.advanced/03.architecture-best-practices",{"title":2049,"icon":132,"path":2050,"stem":2051,"children":2052,"page":59},"Project Kanban","/javascript/react/redux/project-kanban","03.javascript/04.react/06.redux/06.project-kanban",[2053,2057,2061,2065,2069,2073],{"title":2054,"path":2055,"stem":2056},"Проєкт: Kanban Board (Trello Clone)","/javascript/react/redux/project-kanban/project-overview","03.javascript/04.react/06.redux/06.project-kanban/01.project-overview",{"title":2058,"path":2059,"stem":2060},"Налаштування та Типізація","/javascript/react/redux/project-kanban/setup-and-types","03.javascript/04.react/06.redux/06.project-kanban/02.setup-and-types",{"title":2062,"path":2063,"stem":2064},"Board Slice: Серце Дошки","/javascript/react/redux/project-kanban/board-slice","03.javascript/04.react/06.redux/06.project-kanban/03.board-slice",{"title":2066,"path":2067,"stem":2068},"Логіка Drag & Drop","/javascript/react/redux/project-kanban/drag-and-drop-logic","03.javascript/04.react/06.redux/06.project-kanban/04.drag-and-drop-logic",{"title":2070,"path":2071,"stem":2072},"Інтеграція з RTK Query","/javascript/react/redux/project-kanban/rtk-query-integration","03.javascript/04.react/06.redux/06.project-kanban/05.rtk-query-integration",{"title":2074,"path":2075,"stem":2076},"Optimistic Updates","/javascript/react/redux/project-kanban/optimistic-updates","03.javascript/04.react/06.redux/06.project-kanban/06.optimistic-updates",{"title":2078,"icon":132,"path":2079,"stem":2080,"children":2081,"page":59},"Testing","/javascript/react/redux/testing","03.javascript/04.react/06.redux/07.testing",[2082,2086,2090,2094,2098],{"title":2083,"path":2084,"stem":2085},"Тестування Redux","/javascript/react/redux/testing/intro-testing","03.javascript/04.react/06.redux/07.testing/01.intro-testing",{"title":2087,"path":2088,"stem":2089},"Тестування Reducers","/javascript/react/redux/testing/testing-reducers","03.javascript/04.react/06.redux/07.testing/02.testing-reducers",{"title":2091,"path":2092,"stem":2093},"Тестування Селекторів","/javascript/react/redux/testing/testing-selectors","03.javascript/04.react/06.redux/07.testing/03.testing-selectors",{"title":2095,"path":2096,"stem":2097},"Тестування Компонентів (Integration)","/javascript/react/redux/testing/testing-components","03.javascript/04.react/06.redux/07.testing/04.testing-components",{"title":2099,"path":2100,"stem":2101},"Тестування Async Thunks","/javascript/react/redux/testing/testing-thunks","03.javascript/04.react/06.redux/07.testing/05.testing-thunks",{"title":2103,"icon":132,"path":2104,"stem":2105,"children":2106},"Ui Libraries","/javascript/react/ui-libraries","03.javascript/04.react/07.ui-libraries/index",[2107,2109,2113,2117,2121,2125,2129],{"title":2108,"path":2104,"stem":2105},"UI Бібліотеки в React",{"title":2110,"path":2111,"stem":2112},"Вступ до UI Бібліотек: Навіщо Винаходити Велосипед Двічі?","/javascript/react/ui-libraries/introduction-to-ui-libraries","03.javascript/04.react/07.ui-libraries/01.introduction-to-ui-libraries",{"title":2114,"path":2115,"stem":2116},"Філософія shadcn/ui: \"Not a Component Library\"","/javascript/react/ui-libraries/shadcn-philosophy","03.javascript/04.react/07.ui-libraries/02.shadcn-philosophy",{"title":2118,"path":2119,"stem":2120},"Установка та Налаштування shadcn/ui","/javascript/react/ui-libraries/shadcn-installation","03.javascript/04.react/07.ui-libraries/03.shadcn-installation",{"title":2122,"path":2123,"stem":2124},"Базові Компоненти shadcn/ui: Фундамент Інтерфейсу","/javascript/react/ui-libraries/shadcn-components-basics","03.javascript/04.react/07.ui-libraries/04.shadcn-components-basics",{"title":2126,"path":2127,"stem":2128},"Компоненти Форм: Побудова Інтерактивних Form","/javascript/react/ui-libraries/shadcn-components-forms","03.javascript/04.react/07.ui-libraries/05.shadcn-components-forms",{"title":2130,"path":2131,"stem":2132},"Складні Компоненти: Dialog, Dropdown, Table та Command","/javascript/react/ui-libraries/shadcn-components-advanced","03.javascript/04.react/07.ui-libraries/06.shadcn-components-advanced",{"title":2134,"icon":2135,"path":2136,"stem":2137,"children":2138,"page":59},"TypeScript","i-devicon-typescript","/javascript/typescript","03.javascript/05.typescript",[2139,2143,2147,2151,2155,2159,2163,2167],{"title":2140,"path":2141,"stem":2142},"TypeScript: Броня для вашого коду","/javascript/typescript/intro-and-basic-types","03.javascript/05.typescript/01.intro-and-basic-types",{"title":2144,"path":2145,"stem":2146},"Майстерність Моделювання Даних: Інтерфейси та Просунуті Типи","/javascript/typescript/interfaces-and-advanced-types","03.javascript/05.typescript/02.interfaces-and-advanced-types",{"title":2148,"path":2149,"stem":2150},"Алхімія Типів: Generics та Utility Types","/javascript/typescript/generics-and-utilities","03.javascript/05.typescript/03.generics-and-utilities",{"title":2152,"path":2153,"stem":2154},"Архітектура та Шаблони: Класи в TypeScript","/javascript/typescript/classes-and-oop","03.javascript/05.typescript/04.classes-and-oop",{"title":2156,"path":2157,"stem":2158},"Продакшн та Екосистема: Advanced Config & Workflow","/javascript/typescript/advanced-patterns-and-config","03.javascript/05.typescript/05.advanced-patterns-and-config",{"title":2160,"path":2161,"stem":2162},"TypeScript у світі React","/javascript/typescript/react-basics","03.javascript/05.typescript/06.react-basics",{"title":2164,"path":2165,"stem":2166},"React + TypeScript: Продвинуті патерни","/javascript/typescript/react-advanced","03.javascript/05.typescript/07.react-advanced",{"title":2168,"path":2169,"stem":2170},"React + TypeScript: Екосистема та бібліотеки","/javascript/typescript/react-ecosystem","03.javascript/05.typescript/08.react-ecosystem",{"title":2172,"path":2173,"stem":2174},"Atomic Design","/javascript/atomic-design","03.javascript/2.atomic-design",{"title":2176,"icon":2177,"path":2178,"stem":2179,"children":2180,"page":59},"Java","i-devicon-java","/java","04.java",[2181,2184,2187,2191,2195,2199],{"title":162,"path":2182,"stem":2183},"/java/data-mapper-part1","04.java/01.data-mapper-part1",{"title":166,"path":2185,"stem":2186},"/java/data-mapper-part2","04.java/02.data-mapper-part2",{"title":2188,"path":2189,"stem":2190},"Service Layer: Організація бізнес-логіки","/java/service-layer","04.java/03.service-layer",{"title":2192,"path":2193,"stem":2194},"Rich Domain Model та State Pattern","/java/rich-domain-model","04.java/04.rich-domain-model",{"title":2196,"path":2197,"stem":2198},"Патерни для складної бізнес-логіки","/java/business-logic-patterns","04.java/05.business-logic-patterns",{"title":2200,"path":2201,"stem":2202},"Обробка помилок та валідація","/java/error-handling-validation","04.java/06.error-handling-validation",{"title":2204,"icon":2205,"path":2206,"stem":2207,"children":2208,"page":59},"Бази даних","i-lucide-database","/databases","06.databases",[2209,2239,2262,2299,2328,2346,2380,2392,2401],{"title":2210,"icon":2211,"path":2212,"stem":2213,"children":2214,"page":59},"Intro","i-lucide-play","/databases/intro","06.databases/01.intro",[2215,2219,2223,2227,2231,2235],{"title":2216,"path":2217,"stem":2218},"Введення в теорію баз даних","/databases/intro/introduction-to-databases","06.databases/01.intro/01.introduction-to-databases",{"title":2220,"path":2221,"stem":2222},"Реляційна модель даних","/databases/intro/relational-model-theory","06.databases/01.intro/02.relational-model-theory",{"title":2224,"path":2225,"stem":2226},"ER-моделювання","/databases/intro/er-modeling","06.databases/01.intro/03.er-modeling",{"title":2228,"path":2229,"stem":2230},"Логічне проектування БД","/databases/intro/logical-schema","06.databases/01.intro/04.logical-schema",{"title":2232,"path":2233,"stem":2234},"Класифікація таблиць","/databases/intro/table-classification","06.databases/01.intro/05.table-classification",{"title":2236,"path":2237,"stem":2238},"PlantUML для баз даних","/databases/intro/plantuml-diagrams","06.databases/01.intro/06.plantuml-diagrams",{"title":2240,"icon":2205,"path":2241,"stem":2242,"children":2243,"page":59},"MS SQL Server Start","/databases/ms-sql-server-start","06.databases/02.ms-sql-server-start",[2244,2248,2254,2258],{"title":2245,"path":2246,"stem":2247},"Типи даних у MS SQL Server","/databases/ms-sql-server-start/data-types","06.databases/02.ms-sql-server-start/01.data-types",{"title":2249,"path":2250,"stem":2251,"children":2252},"Індекси у MS SQL Server","/databases/ms-sql-server-start/sql-indexes","06.databases/02.ms-sql-server-start/02.sql-indexes",[2253],{"title":2249,"path":2250,"stem":2251},{"title":2255,"path":2256,"stem":2257},"Системні бази даних MS SQL Server","/databases/ms-sql-server-start/system-databases","06.databases/02.ms-sql-server-start/03.system-databases",{"title":2259,"path":2260,"stem":2261},"Огляд мови SQL та запитів","/databases/ms-sql-server-start/sql-queries-overview","06.databases/02.ms-sql-server-start/04.sql-queries-overview",{"title":2263,"icon":2205,"path":2264,"stem":2265,"children":2266,"page":59},"SQL","/databases/sql","06.databases/03.sql",[2267,2271,2275,2279,2283,2287,2291,2295],{"title":2268,"path":2269,"stem":2270},"Налаштування демонстраційної бази даних","/databases/sql/sample-database-setup","06.databases/03.sql/00.sample-database-setup",{"title":2272,"path":2273,"stem":2274},"DDL - Створення таблиць (CREATE TABLE)","/databases/sql/ddl-create-table","06.databases/03.sql/01.ddl-create-table",{"title":2276,"path":2277,"stem":2278},"DDL - Зміна та видалення таблиць (ALTER, DROP)","/databases/sql/ddl-alter-drop-table","06.databases/03.sql/02.ddl-alter-drop-table",{"title":2280,"path":2281,"stem":2282},"SELECT запити - Основи","/databases/sql/select-queries-fundamentals","06.databases/03.sql/03.select-queries-fundamentals",{"title":2284,"path":2285,"stem":2286},"SELECT запити - Розширені можливості","/databases/sql/select-queries-advanced","06.databases/03.sql/04.select-queries-advanced",{"title":2288,"path":2289,"stem":2290},"INSERT запити - Додавання даних","/databases/sql/insert-queries","06.databases/03.sql/05.insert-queries",{"title":2292,"path":2293,"stem":2294},"UPDATE та DELETE запити","/databases/sql/update-delete-queries","06.databases/03.sql/06.update-delete-queries",{"title":2296,"path":2297,"stem":2298},"Транзакції в SQL","/databases/sql/transactions","06.databases/03.sql/07.transactions",{"title":2300,"icon":2205,"path":2301,"stem":2302,"children":2303,"page":59},"Multi Table Databases","/databases/multi-table-databases","06.databases/04.multi-table-databases",[2304,2308,2312,2316,2320,2324],{"title":2305,"path":2306,"stem":2307},"Зв'язки та нормалізація БД","/databases/multi-table-databases/relationships-and-normalization","06.databases/04.multi-table-databases/00.relationships-and-normalization",{"title":2309,"path":2310,"stem":2311},"INNER JOIN - З'єднання таблиць","/databases/multi-table-databases/inner-join","06.databases/04.multi-table-databases/01.inner-join",{"title":2313,"path":2314,"stem":2315},"OUTER JOINs - LEFT, RIGHT, FULL","/databases/multi-table-databases/outer-joins","06.databases/04.multi-table-databases/02.outer-joins",{"title":2317,"path":2318,"stem":2319},"CROSS та SELF JOINs","/databases/multi-table-databases/cross-self-joins","06.databases/04.multi-table-databases/03.cross-self-joins",{"title":2321,"path":2322,"stem":2323},"Підзапити (Subqueries)","/databases/multi-table-databases/subqueries","06.databases/04.multi-table-databases/04.subqueries",{"title":2325,"path":2326,"stem":2327},"Агрегації з JOIN","/databases/multi-table-databases/aggregations-with-joins","06.databases/04.multi-table-databases/05.aggregations-with-joins",{"title":2329,"icon":2330,"path":2331,"stem":2332,"children":2333,"page":59},"Aggregate Functions","i-lucide-calculator","/databases/aggregate-functions","06.databases/05.aggregate-functions",[2334,2338,2342],{"title":2335,"path":2336,"stem":2337},"Функції агрегування в MS SQL Server","/databases/aggregate-functions/introduction-aggregate-functions","06.databases/05.aggregate-functions/01.introduction-aggregate-functions",{"title":2339,"path":2340,"stem":2341},"Групування даних в MS SQL Server","/databases/aggregate-functions/grouping-data","06.databases/05.aggregate-functions/02.grouping-data",{"title":2343,"path":2344,"stem":2345},"Підзапити з агрегатними функціями","/databases/aggregate-functions/subqueries-aggregates","06.databases/05.aggregate-functions/03.subqueries-aggregates",{"title":2347,"icon":2348,"path":2349,"stem":2350,"children":2351,"page":59},"Тригери та зберігаємі процедури","i-lucide-database-zap","/databases/triggers-stored-procedures","06.databases/07.triggers-stored-procedures",[2352,2356,2360,2364,2368,2372,2376],{"title":2353,"path":2354,"stem":2355},"DML-тригери","/databases/triggers-stored-procedures/dml-triggers","06.databases/07.triggers-stored-procedures/01.dml-triggers",{"title":2357,"path":2358,"stem":2359},"DDL-тригери","/databases/triggers-stored-procedures/ddl-triggers","06.databases/07.triggers-stored-procedures/02.ddl-triggers",{"title":2361,"path":2362,"stem":2363},"Transact-SQL розширення","/databases/triggers-stored-procedures/transact-sql-extensions","06.databases/07.triggers-stored-procedures/03.transact-sql-extensions",{"title":2365,"path":2366,"stem":2367},"Транзакції","/databases/triggers-stored-procedures/transactions","06.databases/07.triggers-stored-procedures/04.transactions",{"title":2369,"path":2370,"stem":2371},"Зберігаємі процедури","/databases/triggers-stored-procedures/stored-procedures","06.databases/07.triggers-stored-procedures/05.stored-procedures",{"title":2373,"path":2374,"stem":2375},"Користувацькі функції","/databases/triggers-stored-procedures/user-defined-functions","06.databases/07.triggers-stored-procedures/06.user-defined-functions",{"title":2377,"path":2378,"stem":2379},"Безпека баз даних","/databases/triggers-stored-procedures/security","06.databases/07.triggers-stored-procedures/08.security",{"title":2377,"icon":793,"path":2381,"stem":2382,"children":2383,"page":59},"/databases/security","06.databases/08.security",[2384,2388],{"title":2385,"path":2386,"stem":2387},"Вступ до безпеки баз даних","/databases/security/introduction","06.databases/08.security/01.introduction",{"title":2389,"path":2390,"stem":2391},"Системні представлення та метадані","/databases/security/system-views","06.databases/08.security/02.system-views",{"title":2393,"icon":2394,"path":2395,"stem":2396,"children":2397,"page":59},"Резервне копіювання та відновлення","i-lucide-database-backup","/databases/backup-recovery","06.databases/09.backup-recovery",[2398],{"title":2393,"path":2399,"stem":2400},"/databases/backup-recovery/backup-restore","06.databases/09.backup-recovery/01.backup-restore",{"title":2402,"icon":2403,"path":2404,"stem":2405,"children":2406,"page":59},"Повнотекстовий пошук","i-lucide-search","/databases/full-text-search","06.databases/10.full-text-search",[2407],{"title":2402,"path":2408,"stem":2409},"/databases/full-text-search/full-text-search","06.databases/10.full-text-search/01.full-text-search",{"title":2411,"icon":2412,"path":2413,"stem":2414,"children":2415,"page":59},"Tools","i-lucide-wrench","/tools","07.tools",[2416],{"title":2417,"icon":2418,"path":2419,"stem":2420,"children":2421},"Docker","i-simple-icons-docker","/tools/docker","07.tools/01.docker/index",[2422,2424,2428,2432,2436,2440,2444,2448,2452,2456,2460,2464,2468,2472],{"title":2423,"path":2419,"stem":2420},"Docker: від нуля до production",{"title":2425,"path":2426,"stem":2427},"Контейнеризація — від проблеми до рішення","/tools/docker/containerization-concept","07.tools/01.docker/01.containerization-concept",{"title":2429,"path":2430,"stem":2431},"Docker — що це і навіщо?","/tools/docker/docker-what-and-why","07.tools/01.docker/02.docker-what-and-why",{"title":2433,"path":2434,"stem":2435},"Архітектура Docker Engine","/tools/docker/docker-architecture","07.tools/01.docker/03.docker-architecture",{"title":2437,"path":2438,"stem":2439},"Встановлення Docker","/tools/docker/installation","07.tools/01.docker/04.installation",{"title":2441,"path":2442,"stem":2443},"Перший контейнер — docker run","/tools/docker/first-container","07.tools/01.docker/05.first-container",{"title":2445,"path":2446,"stem":2447},"Життєвий цикл контейнера","/tools/docker/container-lifecycle","07.tools/01.docker/06.container-lifecycle",{"title":2449,"path":2450,"stem":2451},"Docker Images — фундаментальні концепції","/tools/docker/docker-images-fundamentals","07.tools/01.docker/07.docker-images-fundamentals",{"title":2453,"path":2454,"stem":2455},"Dockerfile — основи","/tools/docker/dockerfile-basics","07.tools/01.docker/08.dockerfile-basics",{"title":2457,"path":2458,"stem":2459},"Dockerfile — просунуті техніки","/tools/docker/dockerfile-advanced","07.tools/01.docker/09.dockerfile-advanced",{"title":2461,"path":2462,"stem":2463},"Build Context та кешування шарів","/tools/docker/build-context-and-cache","07.tools/01.docker/10.build-context-and-cache",{"title":2465,"path":2466,"stem":2467},"Реєстри Docker-образів","/tools/docker/image-registries","07.tools/01.docker/11.image-registries",{"title":2469,"path":2470,"stem":2471},"Контейнеризація .NET додатків","/tools/docker/dotnet-containerization","07.tools/01.docker/12.dotnet-containerization",{"title":2473,"path":2474,"stem":2475},"Томи та збереження даних","/tools/docker/volumes-and-data","07.tools/01.docker/13.volumes-and-data",{"title":2477,"icon":2478,"path":2479,"stem":2480,"children":2481,"page":59},"Software Engineering","i-lucide-code-2","/software-engineering","09.software-engineering",[2482,2486,2490,2494,2498,2502,2506,2510,2514,2518,2522],{"title":2483,"path":2484,"stem":2485},"1. Аналіз предметної області. Експертні знання та складність","/software-engineering/intro.subdomains","09.software-engineering/01.intro.subdomains",{"title":2487,"path":2488,"stem":2489},"2. Обмежені контексти. Інтеграція обмежених контекстів","/software-engineering/integrating-limited-contexts","09.software-engineering/02.integrating-limited-contexts",{"title":2491,"path":2492,"stem":2493},"3. Реалізація простої бізнес-логіки","/software-engineering/simple","09.software-engineering/03.simple",{"title":2495,"path":2496,"stem":2497},"4. Опрацювання складної бізнес-логіки","/software-engineering/complex-business-logic","09.software-engineering/04.complex-business-logic",{"title":2499,"path":2500,"stem":2501},"5. Моделювання фактора часу. Подієво-орієнтована архітектура.","/software-engineering/modelling-the-time-factor","09.software-engineering/05.modelling-the-time-factor",{"title":2503,"path":2504,"stem":2505},"6. Архітектурні патерни","/software-engineering/architectural-patterns","09.software-engineering/06.architectural-patterns",{"title":2507,"path":2508,"stem":2509},"Паттерни взаємодії","/software-engineering/patterns-of-interaction","09.software-engineering/07.patterns-of-interaction",{"title":2511,"path":2512,"stem":2513},"Евристика проєктування","/software-engineering/design-heuristics","09.software-engineering/08.design-heuristics",{"title":2515,"path":2516,"stem":2517},"Еволюція проєктних рішень","/software-engineering/evolution-of-design-solutions","09.software-engineering/09.evolution-of-design-solutions",{"title":2519,"path":2520,"stem":2521},"EventStorming","/software-engineering/eventstorming","09.software-engineering/10.eventstorming",{"title":2523,"path":2524,"stem":2525},"DDD на практиці","/software-engineering/ddd-in-practice","09.software-engineering/11.ddd-in-practice",{"title":2527,"icon":943,"path":2528,"stem":2529,"children":2530,"page":59},"DDD","/ddd","10.ddd",[2531,2535,2539,2543,2547,2551,2555,2559,2563,2567,2571,2575,2579],{"title":2532,"path":2533,"stem":2534},"Аналіз предметної області","/ddd/domain-analysis","10.ddd/01.domain-analysis",{"title":2536,"path":2537,"stem":2538},"Експертні знання про предметну область","/ddd/domain-expert-knowledge","10.ddd/02.domain-expert-knowledge",{"title":2540,"path":2541,"stem":2542},"Як осмислити складність предметної області","/ddd/managing-domain-complexity","10.ddd/03.managing-domain-complexity",{"title":2544,"path":2545,"stem":2546},"Інтеграція обмежених контекстів","/ddd/bounded-context-integration","10.ddd/04.bounded-context-integration",{"title":2548,"path":2549,"stem":2550},"Реалізація простої бізнес-логіки","/ddd/simple-business-logic","10.ddd/05.simple-business-logic",{"title":2552,"path":2553,"stem":2554},"Обробка складної бізнес-логіки","/ddd/complex-business-logic","10.ddd/06.complex-business-logic",{"title":2556,"path":2557,"stem":2558},"Моделювання фактора часу","/ddd/time-modeling","10.ddd/07.time-modeling",{"title":2560,"path":2561,"stem":2562},"Глава 8. Архітектурні Патерни","/ddd/architectural-patterns","10.ddd/08.architectural-patterns",{"title":2564,"path":2565,"stem":2566},"Глава 9. Патерни Взаємодії","/ddd/interaction-patterns","10.ddd/09.interaction-patterns",{"title":2568,"path":2569,"stem":2570},"Глава 10. Проектні Евристики","/ddd/design-heuristics","10.ddd/10.design-heuristics",{"title":2572,"path":2573,"stem":2574},"Глава 11. Еволюція Проектних Рішень","/ddd/evolution-of-design-decisions","10.ddd/11.evolution-of-design-decisions",{"title":2576,"path":2577,"stem":2578},"Глава 12. EventStorming","/ddd/event-storming","10.ddd/12.event-storming",{"title":2580,"path":2581,"stem":2582},"Глава 13. DDD на Практиці","/ddd/ddd-in-practice","10.ddd/13.ddd-in-practice",{"title":2584,"icon":2585,"path":2586,"stem":2587,"children":2588,"page":59},"Media Streaming","i-lucide-video","/media-streaming","11.media-streaming",[2589,2593,2597,2601,2605,2609,2613],{"title":2590,"path":2591,"stem":2592},"01. Магія Стрімінгу: Що відбувається, коли ви натискаєте \"Play\"","/media-streaming/introduction","11.media-streaming/01.introduction",{"title":2594,"path":2595,"stem":2596},"02. Анатомія Медіа: Кодеки, Контейнери та Стиснення","/media-streaming/audio-video-anatomy","11.media-streaming/02.audio-video-anatomy",{"title":2598,"path":2599,"stem":2600},"03. The Gym: FFmpeg Deep Dive","/media-streaming/ffmpeg-gym","11.media-streaming/03.ffmpeg-gym",{"title":2602,"path":2603,"stem":2604},"04. HLS Protocol: HTTP Live Streaming у Деталях","/media-streaming/hls-protocol","11.media-streaming/04.hls-protocol",{"title":2606,"path":2607,"stem":2608},"05. DASH Protocol: Відкритий Стандарт","/media-streaming/dash-protocol","11.media-streaming/05.dash-protocol",{"title":2610,"path":2611,"stem":2612},"06. Масштабування: CDN та Adaptive Bitrate","/media-streaming/cdn-and-adaptive-bitrate","11.media-streaming/06.cdn-and-adaptive-bitrate",{"title":2614,"path":2615,"stem":2616},"07. Війна із Затримкою (Latency)","/media-streaming/realtime-latency","11.media-streaming/07.realtime-latency",{"title":2618,"icon":2619,"path":2620,"stem":2621,"children":2622,"page":59},"HTML & CSS","i-devicon-html5","/html-css","12.html-css",[2623,2627,2631,2635,2639,2643,2647,2651,2655,2659,2663,2667,2671,2675,2679,2683,2687,2691,2695,2699,2703,2707,2711,2715,2719,2723,2727,2731,2735,2739],{"title":2624,"path":2625,"stem":2626},"Вступ до HTML. Структура документа","/html-css/intro-html-structure","12.html-css/01.intro-html-structure",{"title":2628,"path":2629,"stem":2630},"Форматування тексту в HTML","/html-css/html-text-formatting","12.html-css/02.html-text-formatting",{"title":2632,"path":2633,"stem":2634},"Посилання та зображення в HTML","/html-css/html-links-images","12.html-css/03.html-links-images",{"title":2636,"path":2637,"stem":2638},"Списки та таблиці в HTML","/html-css/html-lists-tables","12.html-css/04.html-lists-tables",{"title":2640,"path":2641,"stem":2642},"Форми в HTML","/html-css/html-forms","12.html-css/05.html-forms",{"title":2644,"path":2645,"stem":2646},"Семантичні елементи HTML5","/html-css/html-semantic-elements","12.html-css/06.html-semantic-elements",{"title":2648,"path":2649,"stem":2650},"Мультимедіа та розширені елементи HTML","/html-css/html-multimedia-advanced","12.html-css/07.html-multimedia-advanced",{"title":2652,"path":2653,"stem":2654},"Мікророзмітка та SEO в HTML","/html-css/html-microdata-seo","12.html-css/08.html-microdata-seo",{"title":2656,"path":2657,"stem":2658},"Вступ до CSS. Селектори та специфічність","/html-css/css-intro-selectors","12.html-css/09.css-intro-selectors",{"title":2660,"path":2661,"stem":2662},"Блокова модель CSS. Відступи. Box Sizing","/html-css/css-box-model","12.html-css/10.css-box-model",{"title":2664,"path":2665,"stem":2666},"Розміри у CSS: повний довідник одиниць і ключових слів","/html-css/10a.css-sizing","12.html-css/10a.css-sizing",{"title":2668,"path":2669,"stem":2670},"Типографіка в CSS. Шрифти та текст","/html-css/css-typography","12.html-css/11.css-typography",{"title":2672,"path":2673,"stem":2674},"Кольори та фони в CSS","/html-css/css-colors-backgrounds","12.html-css/12.css-colors-backgrounds",{"title":2676,"path":2677,"stem":2678},"Тіні та фільтри в CSS","/html-css/12b.css-shadows-filters","12.html-css/12b.css-shadows-filters",{"title":2680,"path":2681,"stem":2682},"CSS Flexbox: Фундамент гнучких макетів","/html-css/css-flexbox-fundamentals","12.html-css/13.css-flexbox-fundamentals",{"title":2684,"path":2685,"stem":2686},"CSS Flexbox: Вирівнювання та Позиціонування","/html-css/css-flexbox-alignment-sizing-and-patterns","12.html-css/14.css-flexbox-alignment-sizing-and-patterns",{"title":2688,"path":2689,"stem":2690},"CSS Grid. Двовимірний макет. Частина 1","/html-css/css-layout-grid","12.html-css/15.css-layout-grid",{"title":2692,"path":2693,"stem":2694},"CSS Grid. Двовимірний макет. Частина 2","/html-css/css-layout-grid-advanced","12.html-css/16.css-layout-grid-advanced",{"title":2696,"path":2697,"stem":2698},"Позиціонування в CSS. Z-index. Stacking Context","/html-css/css-positioning","12.html-css/17.css-positioning",{"title":2700,"path":2701,"stem":2702},"CSS Анімації та Переходи","/html-css/css-animations-transitions","12.html-css/18.css-animations-transitions",{"title":2704,"path":2705,"stem":2706},"Адаптивний дизайн. Media Queries. Частина 1","/html-css/css-responsive-media-queries","12.html-css/19.css-responsive-media-queries",{"title":2708,"path":2709,"stem":2710},"Адаптивний дизайн. Частина 2: clamp(), Container Queries, @layer","/html-css/css-responsive-advanced","12.html-css/20.css-responsive-advanced",{"title":2712,"path":2713,"stem":2714},"CSS Custom Properties. Методології. Сучасний CSS","/html-css/css-variables-methodologies","12.html-css/21.css-variables-methodologies",{"title":2716,"path":2717,"stem":2718},"Сучасний CSS 2023–2025: Нові можливості","/html-css/css-modern-features","12.html-css/22.css-modern-features",{"title":2720,"path":2721,"stem":2722},"CSS Nesting, @layer, @scope та @property: нативний препроцесор","/html-css/22a.css-nesting-modern-syntax","12.html-css/22a.css-nesting-modern-syntax",{"title":2724,"path":2725,"stem":2726},"CSS для форм та інтерактивних станів","/html-css/css-forms-interactive-states","12.html-css/23.css-forms-interactive-states",{"title":2728,"path":2729,"stem":2730},"Доступність у CSS (CSS Accessibility)","/html-css/css-accessibility","12.html-css/24.css-accessibility",{"title":2732,"path":2733,"stem":2734},"CSS-функції та сучасні sizing primitives","/html-css/css-functions-sizing","12.html-css/25.css-functions-sizing",{"title":2736,"path":2737,"stem":2738},"Rendering Pipeline і CSS Performance","/html-css/css-rendering-performance","12.html-css/26.css-rendering-performance",{"title":2740,"path":2741,"stem":2742},"CSS Best Practices: типові ситуації та правильні рішення","/html-css/css-best-practices","12.html-css/27.css-best-practices",{"title":2744,"path":2745,"stem":2746,"children":2747,"page":59},"Tailwind","/tailwind","21.tailwind",[2748,2752,2756,2760,2764,2768,2772,2776],{"title":2749,"path":2750,"stem":2751},"Що таке Tailwind CSS і навіщо він потрібен","/tailwind/tailwind-intro-philosophy","21.tailwind/01.tailwind-intro-philosophy",{"title":2753,"path":2754,"stem":2755},"Встановлення та налаштування Tailwind CSS v4","/tailwind/tailwind-installation-setup","21.tailwind/02.tailwind-installation-setup",{"title":2757,"path":2758,"stem":2759},"Utility-класи: основи та система Tailwind","/tailwind/tailwind-utility-classes-core","21.tailwind/03.tailwind-utility-classes-core",{"title":2761,"path":2762,"stem":2763},"Layout: Flexbox та Grid через Tailwind","/tailwind/tailwind-flexbox-grid","21.tailwind/04.tailwind-flexbox-grid",{"title":2765,"path":2766,"stem":2767},"Кастомізація теми через @theme у Tailwind v4","/tailwind/tailwind-theme-customization","21.tailwind/05.tailwind-theme-customization",{"title":2769,"path":2770,"stem":2771},"Варіанти: hover, focus, responsive, dark mode та нові v4","/tailwind/tailwind-variants-states","21.tailwind/06.tailwind-variants-states",{"title":2773,"path":2774,"stem":2775},"Типографіка та система кольорів у Tailwind v4","/tailwind/tailwind-typography-colors","21.tailwind/07.tailwind-typography-colors",{"title":2777,"path":2778,"stem":2779},"Компоненти та повторюваність: @apply, @utility та патерни","/tailwind/tailwind-components-patterns","21.tailwind/08.tailwind-components-patterns",{"title":2781,"path":2782,"stem":2783},"Showcase Компонентів kostyl.dev","/test-new-components","98.test-new-components",{"id":2785,"title":2728,"body":2786,"description":12507,"extension":12508,"links":12509,"meta":12510,"navigation":3724,"path":2729,"seo":12511,"stem":2730,"__hash__":12512},"docs/12.html-css/24.css-accessibility.md",{"type":2787,"value":2788,"toc":12476},"minimark",[2789,2794,2799,2808,2811,2963,2966,2970,2979,2982,3026,3029,3061,3068,3073,3089,3096,3105,3113,3123,5026,5030,5134,5136,5140,5144,5154,5204,6492,6502,6680,6682,6689,6692,8201,8206,8423,8425,8433,8436,8506,8773,10050,10052,10056,10070,10087,11216,11218,11225,12134,12136,12140,12280,12282,12286,12472],[2790,2791,2793],"h1",{"id":2792},"доступність-у-css","Доступність у CSS",[2795,2796,2798],"h2",{"id":2797},"_15-вашої-аудиторії","15% вашої аудиторії",[2800,2801,2802,2803,2807],"p",{},"Коли ми кажемо «доступність» (Accessibility, a11y), перша асоціація — сліпі користувачі зі скринридерами. Але реальність набагато ширша: ",[2804,2805,2806],"strong",{},"15% населення Землі"," мають ту чи іншу форму обмеження — моторну, зорову, слухову або когнітивну. Серед інших — користувачі, що тимчасово не можуть натиснути кнопку (зламана рука), люди похилого віку, або просто ті, хто дивиться контент на сонці без можливості збільшити яскравість.",[2800,2809,2810],{},"CSS — один із головних інструментів доступності. Правильно написані стилі роблять інтерфейс читабельним при будь-яких умовах, зручним при навігації клавіатурою, безпечним для людей з епілепсією, та шанобливим до системних налаштувань користувача.",[2812,2813,2814],"mermaid",{},[2815,2816,2820],"pre",{"className":2817,"code":2818,"language":2812,"meta":2819,"style":2819},"language-mermaid shiki shiki-themes light-plus dark-plus dark-plus","mindmap\n  root((CSS a11y))\n    Фокус\n      :focus-visible\n      Кастомний outline\n    Колір\n      Контраст WCAG\n      forced-colors\n      color-contrast()\n    Рух\n      prefers-reduced-motion\n      Безпечні анімації\n    Розміри\n      rem замість px\n      Touch targets 44px\n      Масштабування\n    Приховування\n      sr-only техніка\n      aria-hidden\n      visibility vs display\n    Друк\n      @media print\n      page-break\n","",[2821,2822,2823,2831,2837,2843,2849,2855,2861,2867,2873,2879,2885,2891,2897,2903,2909,2915,2921,2927,2933,2939,2945,2951,2957],"code",{"__ignoreMap":2819},[2824,2825,2828],"span",{"class":2826,"line":2827},"line",1,[2824,2829,2830],{},"mindmap\n",[2824,2832,2834],{"class":2826,"line":2833},2,[2824,2835,2836],{},"  root((CSS a11y))\n",[2824,2838,2840],{"class":2826,"line":2839},3,[2824,2841,2842],{},"    Фокус\n",[2824,2844,2846],{"class":2826,"line":2845},4,[2824,2847,2848],{},"      :focus-visible\n",[2824,2850,2852],{"class":2826,"line":2851},5,[2824,2853,2854],{},"      Кастомний outline\n",[2824,2856,2858],{"class":2826,"line":2857},6,[2824,2859,2860],{},"    Колір\n",[2824,2862,2864],{"class":2826,"line":2863},7,[2824,2865,2866],{},"      Контраст WCAG\n",[2824,2868,2870],{"class":2826,"line":2869},8,[2824,2871,2872],{},"      forced-colors\n",[2824,2874,2876],{"class":2826,"line":2875},9,[2824,2877,2878],{},"      color-contrast()\n",[2824,2880,2882],{"class":2826,"line":2881},10,[2824,2883,2884],{},"    Рух\n",[2824,2886,2888],{"class":2826,"line":2887},11,[2824,2889,2890],{},"      prefers-reduced-motion\n",[2824,2892,2894],{"class":2826,"line":2893},12,[2824,2895,2896],{},"      Безпечні анімації\n",[2824,2898,2900],{"class":2826,"line":2899},13,[2824,2901,2902],{},"    Розміри\n",[2824,2904,2906],{"class":2826,"line":2905},14,[2824,2907,2908],{},"      rem замість px\n",[2824,2910,2912],{"class":2826,"line":2911},15,[2824,2913,2914],{},"      Touch targets 44px\n",[2824,2916,2918],{"class":2826,"line":2917},16,[2824,2919,2920],{},"      Масштабування\n",[2824,2922,2924],{"class":2826,"line":2923},17,[2824,2925,2926],{},"    Приховування\n",[2824,2928,2930],{"class":2826,"line":2929},18,[2824,2931,2932],{},"      sr-only техніка\n",[2824,2934,2936],{"class":2826,"line":2935},19,[2824,2937,2938],{},"      aria-hidden\n",[2824,2940,2942],{"class":2826,"line":2941},20,[2824,2943,2944],{},"      visibility vs display\n",[2824,2946,2948],{"class":2826,"line":2947},21,[2824,2949,2950],{},"    Друк\n",[2824,2952,2954],{"class":2826,"line":2953},22,[2824,2955,2956],{},"      @media print\n",[2824,2958,2960],{"class":2826,"line":2959},23,[2824,2961,2962],{},"      page-break\n",[2964,2965],"hr",{},[2795,2967,2969],{"id":2968},"фокус-найчастіша-помилка-у-css","Фокус: найчастіша помилка у CSS",[2971,2972,2974,2975,2978],"h3",{"id":2973},"чому-outline-none-злочин","Чому ",[2821,2976,2977],{},"outline: none"," — злочин",[2800,2980,2981],{},"Перегляньте будь-який CSS-проєкт 2015–2020 років і ви майже напевно знайдете цей рядок:",[2815,2983,2987],{"className":2984,"code":2985,"language":2986,"meta":2819,"style":2819},"language-css shiki shiki-themes light-plus dark-plus dark-plus","/* ⛔ Так НЕ робити — ламає навігацію клавіатурою */\n* {\n  outline: none;\n}\n","css",[2821,2988,2989,2995,3005,3021],{"__ignoreMap":2819},[2824,2990,2991],{"class":2826,"line":2827},[2824,2992,2994],{"class":2993},"spJ8K","/* ⛔ Так НЕ робити — ламає навігацію клавіатурою */\n",[2824,2996,2997,3001],{"class":2826,"line":2833},[2824,2998,3000],{"class":2999},"sKtos","*",[2824,3002,3004],{"class":3003},"sHH4Y"," {\n",[2824,3006,3007,3011,3014,3018],{"class":2826,"line":2839},[2824,3008,3010],{"class":3009},"sa4r_","  outline",[2824,3012,3013],{"class":3003},": ",[2824,3015,3017],{"class":3016},"sDUd3","none",[2824,3019,3020],{"class":3003},";\n",[2824,3022,3023],{"class":2826,"line":2845},[2824,3024,3025],{"class":3003},"}\n",[2800,3027,3028],{},"Або ще гірше:",[2815,3030,3032],{"className":2984,"code":3031,"language":2986,"meta":2819,"style":2819},"/* ⛔ Так теж НЕ робити */\n:focus {\n  outline: none;\n}\n",[2821,3033,3034,3039,3047,3057],{"__ignoreMap":2819},[2824,3035,3036],{"class":2826,"line":2827},[2824,3037,3038],{"class":2993},"/* ⛔ Так теж НЕ робити */\n",[2824,3040,3041,3045],{"class":2826,"line":2833},[2824,3042,3044],{"class":3043},"sqdDX",":focus",[2824,3046,3004],{"class":3003},[2824,3048,3049,3051,3053,3055],{"class":2826,"line":2839},[2824,3050,3010],{"class":3009},[2824,3052,3013],{"class":3003},[2824,3054,3017],{"class":3016},[2824,3056,3020],{"class":3003},[2824,3058,3059],{"class":2826,"line":2845},[2824,3060,3025],{"class":3003},[2800,3062,3063,3064,3067],{},"Цей код прибирає ",[2804,3065,3066],{},"єдиний візуальний індикатор",", що показує людям, які навігують клавіатурою (Tab, Shift+Tab, Enter), де зараз знаходиться фокус. Без нього навігація клавіатурою стає неможливою.",[2800,3069,3070],{},[2804,3071,3072],{},"Хто використовує навігацію клавіатурою:",[3074,3075,3076,3080,3083,3086],"ul",{},[3077,3078,3079],"li",{},"Люди з моторними порушеннями (не можуть використовувати мишу)",[3077,3081,3082],{},"Сліпі та слабозорі (скринридери + клавіатура)",[3077,3084,3085],{},"Досвідчені розробники та power-users (значно швидше)",[3077,3087,3088],{},"Будь-хто з тимчасовою травмою руки",[2971,3090,3092,3095],{"id":3091},"focus-visible-правильне-рішення",[2821,3093,3094],{},":focus-visible"," — правильне рішення",[2800,3097,3098,3100,3101,3104],{},[2821,3099,3094],{}," — псевдоклас, що активується ",[2804,3102,3103],{},"лише тоді, коли браузер вважає, що візуальний індикатор фокусу необхідний",". Зазвичай це:",[3074,3106,3107,3110],{},[3077,3108,3109],{},"Навігація клавіатурою (Tab)",[3077,3111,3112],{},"Будь-яка взаємодія, якщо UserAgent вирішив показати індикатор",[2800,3114,3115,3116,3118,3119,3122],{},"При кліку мишею ",[2821,3117,3094],{}," зазвичай ",[2804,3120,3121],{},"не активується"," — і це правильно. Outline при кліку мишею — лише візуальний шум.",[3124,3125,3126,3551],"html-preview",{},[2815,3127,3131],{"className":3128,"code":3129,"language":3130,"meta":2819,"style":2819},"language-html shiki shiki-themes light-plus dark-plus dark-plus","\u003Cdiv class=\"focus-demo\">\n  \u003Cp class=\"fd-note\">Натискайте Tab для навігації між елементами. При кліку мишею — outline не з'являється.\u003C/p>\n  \u003Cdiv class=\"focus-grid\">\n    \u003Cbutton class=\"bad-btn\">⛔ outline: none\u003Cbr>\u003Csmall>(клавіатура зламана)\u003C/small>\u003C/button>\n    \u003Cbutton class=\"old-btn\">⚠️ :focus завжди\u003Cbr>\u003Csmall>(outline при кліку теж)\u003C/small>\u003C/button>\n    \u003Cbutton class=\"good-btn\">✅ :focus-visible\u003Cbr>\u003Csmall>(тільки клавіатура)\u003C/small>\u003C/button>\n    \u003Ca href=\"#\" class=\"link-good\">Посилання ✅\u003C/a>\n    \u003Cinput class=\"input-good\" type=\"text\" placeholder=\"Input ✅\">\n  \u003C/div>\n  \u003Cdiv class=\"focus-style-showcase\">\n    \u003Cp class=\"fss-label\">Варіанти кастомного focus-visible стилю:\u003C/p>\n    \u003Cbutton class=\"fs-ring\">Ring style\u003C/button>\n    \u003Cbutton class=\"fs-underline\">Underline style\u003C/button>\n    \u003Cbutton class=\"fs-glow\">Glow style\u003C/button>\n    \u003Cbutton class=\"fs-contrast\">High contrast\u003C/button>\n  \u003C/div>\n\u003C/div>\n","html",[2821,3132,3133,3155,3182,3197,3244,3285,3326,3359,3391,3400,3415,3439,3463,3487,3511,3535,3543],{"__ignoreMap":2819},[2824,3134,3135,3139,3142,3145,3148,3152],{"class":2826,"line":2827},[2824,3136,3138],{"class":3137},"s0P7L","\u003C",[2824,3140,3141],{"class":2999},"div",[2824,3143,3144],{"class":3009}," class",[2824,3146,3147],{"class":3003},"=",[2824,3149,3151],{"class":3150},"su9tN","\"focus-demo\"",[2824,3153,3154],{"class":3137},">\n",[2824,3156,3157,3160,3162,3164,3166,3169,3172,3175,3178,3180],{"class":2826,"line":2833},[2824,3158,3159],{"class":3137},"  \u003C",[2824,3161,2800],{"class":2999},[2824,3163,3144],{"class":3009},[2824,3165,3147],{"class":3003},[2824,3167,3168],{"class":3150},"\"fd-note\"",[2824,3170,3171],{"class":3137},">",[2824,3173,3174],{"class":3003},"Натискайте Tab для навігації між елементами. При кліку мишею — outline не з'являється.",[2824,3176,3177],{"class":3137},"\u003C/",[2824,3179,2800],{"class":2999},[2824,3181,3154],{"class":3137},[2824,3183,3184,3186,3188,3190,3192,3195],{"class":2826,"line":2839},[2824,3185,3159],{"class":3137},[2824,3187,3141],{"class":2999},[2824,3189,3144],{"class":3009},[2824,3191,3147],{"class":3003},[2824,3193,3194],{"class":3150},"\"focus-grid\"",[2824,3196,3154],{"class":3137},[2824,3198,3199,3202,3205,3207,3209,3212,3214,3217,3219,3222,3225,3228,3230,3233,3235,3237,3240,3242],{"class":2826,"line":2845},[2824,3200,3201],{"class":3137},"    \u003C",[2824,3203,3204],{"class":2999},"button",[2824,3206,3144],{"class":3009},[2824,3208,3147],{"class":3003},[2824,3210,3211],{"class":3150},"\"bad-btn\"",[2824,3213,3171],{"class":3137},[2824,3215,3216],{"class":3003},"⛔ outline: none",[2824,3218,3138],{"class":3137},[2824,3220,3221],{"class":2999},"br",[2824,3223,3224],{"class":3137},">\u003C",[2824,3226,3227],{"class":2999},"small",[2824,3229,3171],{"class":3137},[2824,3231,3232],{"class":3003},"(клавіатура зламана)",[2824,3234,3177],{"class":3137},[2824,3236,3227],{"class":2999},[2824,3238,3239],{"class":3137},">\u003C/",[2824,3241,3204],{"class":2999},[2824,3243,3154],{"class":3137},[2824,3245,3246,3248,3250,3252,3254,3257,3259,3262,3264,3266,3268,3270,3272,3275,3277,3279,3281,3283],{"class":2826,"line":2851},[2824,3247,3201],{"class":3137},[2824,3249,3204],{"class":2999},[2824,3251,3144],{"class":3009},[2824,3253,3147],{"class":3003},[2824,3255,3256],{"class":3150},"\"old-btn\"",[2824,3258,3171],{"class":3137},[2824,3260,3261],{"class":3003},"⚠️ :focus завжди",[2824,3263,3138],{"class":3137},[2824,3265,3221],{"class":2999},[2824,3267,3224],{"class":3137},[2824,3269,3227],{"class":2999},[2824,3271,3171],{"class":3137},[2824,3273,3274],{"class":3003},"(outline при кліку теж)",[2824,3276,3177],{"class":3137},[2824,3278,3227],{"class":2999},[2824,3280,3239],{"class":3137},[2824,3282,3204],{"class":2999},[2824,3284,3154],{"class":3137},[2824,3286,3287,3289,3291,3293,3295,3298,3300,3303,3305,3307,3309,3311,3313,3316,3318,3320,3322,3324],{"class":2826,"line":2857},[2824,3288,3201],{"class":3137},[2824,3290,3204],{"class":2999},[2824,3292,3144],{"class":3009},[2824,3294,3147],{"class":3003},[2824,3296,3297],{"class":3150},"\"good-btn\"",[2824,3299,3171],{"class":3137},[2824,3301,3302],{"class":3003},"✅ :focus-visible",[2824,3304,3138],{"class":3137},[2824,3306,3221],{"class":2999},[2824,3308,3224],{"class":3137},[2824,3310,3227],{"class":2999},[2824,3312,3171],{"class":3137},[2824,3314,3315],{"class":3003},"(тільки клавіатура)",[2824,3317,3177],{"class":3137},[2824,3319,3227],{"class":2999},[2824,3321,3239],{"class":3137},[2824,3323,3204],{"class":2999},[2824,3325,3154],{"class":3137},[2824,3327,3328,3330,3333,3336,3338,3341,3343,3345,3348,3350,3353,3355,3357],{"class":2826,"line":2863},[2824,3329,3201],{"class":3137},[2824,3331,3332],{"class":2999},"a",[2824,3334,3335],{"class":3009}," href",[2824,3337,3147],{"class":3003},[2824,3339,3340],{"class":3150},"\"#\"",[2824,3342,3144],{"class":3009},[2824,3344,3147],{"class":3003},[2824,3346,3347],{"class":3150},"\"link-good\"",[2824,3349,3171],{"class":3137},[2824,3351,3352],{"class":3003},"Посилання ✅",[2824,3354,3177],{"class":3137},[2824,3356,3332],{"class":2999},[2824,3358,3154],{"class":3137},[2824,3360,3361,3363,3366,3368,3370,3373,3376,3378,3381,3384,3386,3389],{"class":2826,"line":2869},[2824,3362,3201],{"class":3137},[2824,3364,3365],{"class":2999},"input",[2824,3367,3144],{"class":3009},[2824,3369,3147],{"class":3003},[2824,3371,3372],{"class":3150},"\"input-good\"",[2824,3374,3375],{"class":3009}," type",[2824,3377,3147],{"class":3003},[2824,3379,3380],{"class":3150},"\"text\"",[2824,3382,3383],{"class":3009}," placeholder",[2824,3385,3147],{"class":3003},[2824,3387,3388],{"class":3150},"\"Input ✅\"",[2824,3390,3154],{"class":3137},[2824,3392,3393,3396,3398],{"class":2826,"line":2875},[2824,3394,3395],{"class":3137},"  \u003C/",[2824,3397,3141],{"class":2999},[2824,3399,3154],{"class":3137},[2824,3401,3402,3404,3406,3408,3410,3413],{"class":2826,"line":2881},[2824,3403,3159],{"class":3137},[2824,3405,3141],{"class":2999},[2824,3407,3144],{"class":3009},[2824,3409,3147],{"class":3003},[2824,3411,3412],{"class":3150},"\"focus-style-showcase\"",[2824,3414,3154],{"class":3137},[2824,3416,3417,3419,3421,3423,3425,3428,3430,3433,3435,3437],{"class":2826,"line":2887},[2824,3418,3201],{"class":3137},[2824,3420,2800],{"class":2999},[2824,3422,3144],{"class":3009},[2824,3424,3147],{"class":3003},[2824,3426,3427],{"class":3150},"\"fss-label\"",[2824,3429,3171],{"class":3137},[2824,3431,3432],{"class":3003},"Варіанти кастомного focus-visible стилю:",[2824,3434,3177],{"class":3137},[2824,3436,2800],{"class":2999},[2824,3438,3154],{"class":3137},[2824,3440,3441,3443,3445,3447,3449,3452,3454,3457,3459,3461],{"class":2826,"line":2893},[2824,3442,3201],{"class":3137},[2824,3444,3204],{"class":2999},[2824,3446,3144],{"class":3009},[2824,3448,3147],{"class":3003},[2824,3450,3451],{"class":3150},"\"fs-ring\"",[2824,3453,3171],{"class":3137},[2824,3455,3456],{"class":3003},"Ring style",[2824,3458,3177],{"class":3137},[2824,3460,3204],{"class":2999},[2824,3462,3154],{"class":3137},[2824,3464,3465,3467,3469,3471,3473,3476,3478,3481,3483,3485],{"class":2826,"line":2899},[2824,3466,3201],{"class":3137},[2824,3468,3204],{"class":2999},[2824,3470,3144],{"class":3009},[2824,3472,3147],{"class":3003},[2824,3474,3475],{"class":3150},"\"fs-underline\"",[2824,3477,3171],{"class":3137},[2824,3479,3480],{"class":3003},"Underline style",[2824,3482,3177],{"class":3137},[2824,3484,3204],{"class":2999},[2824,3486,3154],{"class":3137},[2824,3488,3489,3491,3493,3495,3497,3500,3502,3505,3507,3509],{"class":2826,"line":2905},[2824,3490,3201],{"class":3137},[2824,3492,3204],{"class":2999},[2824,3494,3144],{"class":3009},[2824,3496,3147],{"class":3003},[2824,3498,3499],{"class":3150},"\"fs-glow\"",[2824,3501,3171],{"class":3137},[2824,3503,3504],{"class":3003},"Glow style",[2824,3506,3177],{"class":3137},[2824,3508,3204],{"class":2999},[2824,3510,3154],{"class":3137},[2824,3512,3513,3515,3517,3519,3521,3524,3526,3529,3531,3533],{"class":2826,"line":2911},[2824,3514,3201],{"class":3137},[2824,3516,3204],{"class":2999},[2824,3518,3144],{"class":3009},[2824,3520,3147],{"class":3003},[2824,3522,3523],{"class":3150},"\"fs-contrast\"",[2824,3525,3171],{"class":3137},[2824,3527,3528],{"class":3003},"High contrast",[2824,3530,3177],{"class":3137},[2824,3532,3204],{"class":2999},[2824,3534,3154],{"class":3137},[2824,3536,3537,3539,3541],{"class":2826,"line":2917},[2824,3538,3395],{"class":3137},[2824,3540,3141],{"class":2999},[2824,3542,3154],{"class":3137},[2824,3544,3545,3547,3549],{"class":2826,"line":2923},[2824,3546,3177],{"class":3137},[2824,3548,3141],{"class":2999},[2824,3550,3154],{"class":3137},[2815,3552,3554],{"className":2984,"code":3553,"language":2986,"meta":2819,"style":2819},".focus-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.fd-note { margin: 0; color: #64748b; font-style: italic; font-size: 0.8rem; }\n\n.focus-grid { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }\n\n/* Базові стилі кнопок */\n.bad-btn, .old-btn, .good-btn {\n  padding: 0.6rem 0.9rem;\n  border-radius: 8px;\n  border: 1.5px solid;\n  font-size: 0.8rem;\n  font-family: inherit;\n  cursor: pointer;\n  line-height: 1.3;\n  text-align: center;\n}\n\n/* ⛔ Найгірший варіант */\n.bad-btn {\n  background: #fee2e2; color: #991b1b; border-color: #fca5a5;\n  outline: none; /* НІКОЛИ ТАК НЕ РОБІТЬ */\n}\n\n/* ⚠️ Старий підхід — outline завжди */\n.old-btn {\n  background: #fef3c7; color: #92400e; border-color: #fcd34d;\n}\n.old-btn:focus {\n  outline: 3px solid #f59e0b;\n  outline-offset: 2px;\n}\n\n/* ✅ Правильно — :focus-visible */\n.good-btn {\n  background: #dcfce7; color: #166534; border-color: #86efac;\n}\n.good-btn:focus { outline: none; } /* скидаємо дефолт */\n.good-btn:focus-visible {\n  outline: 3px solid #10b981;\n  outline-offset: 2px;\n  border-radius: 8px;\n}\n\n.link-good {\n  color: #6366f1; font-weight: 600;\n  padding: 0.5rem;\n  border-radius: 4px;\n  text-decoration: underline;\n}\n.link-good:focus { outline: none; }\n.link-good:focus-visible {\n  outline: 2px solid #6366f1;\n  outline-offset: 3px;\n}\n\n.input-good {\n  padding: 0.5rem 0.75rem;\n  border: 1.5px solid #d1d5db;\n  border-radius: 7px;\n  font-size: 0.875rem;\n  font-family: inherit;\n  outline: none;\n}\n.input-good:focus-visible {\n  border-color: #6366f1;\n  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);\n}\n\n/* Варіанти кастомного focus-visible */\n.focus-style-showcase { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }\n.fss-label { flex-basis: 100%; margin: 0; font-size: 0.78rem; color: #64748b; font-weight: 600; }\n\n.fs-ring, .fs-underline, .fs-glow, .fs-contrast {\n  padding: 0.5rem 1rem;\n  border-radius: 7px;\n  border: 1.5px solid #e2e8f0;\n  background: white;\n  color: #1e293b;\n  font-size: 0.85rem;\n  font-family: inherit;\n  cursor: pointer;\n}\n.fs-ring:focus         { outline: none; }\n.fs-underline:focus    { outline: none; }\n.fs-glow:focus         { outline: none; }\n.fs-contrast:focus     { outline: none; }\n\n.fs-ring:focus-visible {\n  outline: 3px solid #6366f1;\n  outline-offset: 3px;\n}\n.fs-underline:focus-visible {\n  outline: none;\n  box-shadow: 0 3px 0 0 #6366f1;\n}\n.fs-glow:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.35), 0 0 12px rgba(99, 102, 241, 0.2);\n}\n.fs-contrast:focus-visible {\n  outline: 3px solid #000;\n  outline-offset: 2px;\n  background: #ffff00;\n  color: #000;\n}\n",[2821,3555,3556,3563,3576,3588,3606,3618,3630,3642,3654,3666,3670,3720,3726,3772,3776,3781,3798,3812,3824,3839,3849,3860,3872,3884,3896,3901,3906,3912,3919,3950,3964,3969,3974,3980,3987,4017,4022,4030,4047,4060,4065,4070,4076,4083,4113,4118,4139,4147,4163,4174,4185,4190,4195,4203,4225,4236,4248,4261,4266,4282,4290,4306,4317,4322,4327,4335,4349,4365,4377,4388,4399,4410,4415,4423,4435,4481,4486,4491,4497,4537,4588,4593,4616,4630,4641,4657,4669,4680,4692,4703,4714,4719,4736,4753,4769,4786,4791,4799,4814,4825,4830,4838,4849,4868,4873,4881,4892,4957,4962,4970,4986,4997,5009,5021],{"__ignoreMap":2819},[2824,3557,3558,3561],{"class":2826,"line":2827},[2824,3559,3560],{"class":3043},".focus-demo",[2824,3562,3004],{"class":3003},[2824,3564,3565,3568,3570,3574],{"class":2826,"line":2833},[2824,3566,3567],{"class":3009},"  padding",[2824,3569,3013],{"class":3003},[2824,3571,3573],{"class":3572},"sJj4R","1rem",[2824,3575,3020],{"class":3003},[2824,3577,3578,3581,3583,3586],{"class":2826,"line":2839},[2824,3579,3580],{"class":3009},"  background",[2824,3582,3013],{"class":3003},[2824,3584,3585],{"class":3016},"#f8fafc",[2824,3587,3020],{"class":3003},[2824,3589,3590,3593,3595,3598,3601,3604],{"class":2826,"line":2845},[2824,3591,3592],{"class":3009},"  font-family",[2824,3594,3013],{"class":3003},[2824,3596,3597],{"class":3016},"system-ui",[2824,3599,3600],{"class":3003},", ",[2824,3602,3603],{"class":3016},"sans-serif",[2824,3605,3020],{"class":3003},[2824,3607,3608,3611,3613,3616],{"class":2826,"line":2851},[2824,3609,3610],{"class":3009},"  font-size",[2824,3612,3013],{"class":3003},[2824,3614,3615],{"class":3572},"0.875rem",[2824,3617,3020],{"class":3003},[2824,3619,3620,3623,3625,3628],{"class":2826,"line":2857},[2824,3621,3622],{"class":3009},"  color",[2824,3624,3013],{"class":3003},[2824,3626,3627],{"class":3016},"#1e293b",[2824,3629,3020],{"class":3003},[2824,3631,3632,3635,3637,3640],{"class":2826,"line":2863},[2824,3633,3634],{"class":3009},"  display",[2824,3636,3013],{"class":3003},[2824,3638,3639],{"class":3016},"flex",[2824,3641,3020],{"class":3003},[2824,3643,3644,3647,3649,3652],{"class":2826,"line":2869},[2824,3645,3646],{"class":3009},"  flex-direction",[2824,3648,3013],{"class":3003},[2824,3650,3651],{"class":3016},"column",[2824,3653,3020],{"class":3003},[2824,3655,3656,3659,3661,3664],{"class":2826,"line":2875},[2824,3657,3658],{"class":3009},"  gap",[2824,3660,3013],{"class":3003},[2824,3662,3663],{"class":3572},"0.75rem",[2824,3665,3020],{"class":3003},[2824,3667,3668],{"class":2826,"line":2881},[2824,3669,3025],{"class":3003},[2824,3671,3672,3675,3678,3681,3683,3686,3689,3692,3694,3697,3699,3702,3704,3707,3709,3712,3714,3717],{"class":2826,"line":2887},[2824,3673,3674],{"class":3043},".fd-note",[2824,3676,3677],{"class":3003}," { ",[2824,3679,3680],{"class":3009},"margin",[2824,3682,3013],{"class":3003},[2824,3684,3685],{"class":3572},"0",[2824,3687,3688],{"class":3003},"; ",[2824,3690,3691],{"class":3009},"color",[2824,3693,3013],{"class":3003},[2824,3695,3696],{"class":3016},"#64748b",[2824,3698,3688],{"class":3003},[2824,3700,3701],{"class":3009},"font-style",[2824,3703,3013],{"class":3003},[2824,3705,3706],{"class":3016},"italic",[2824,3708,3688],{"class":3003},[2824,3710,3711],{"class":3009},"font-size",[2824,3713,3013],{"class":3003},[2824,3715,3716],{"class":3572},"0.8rem",[2824,3718,3719],{"class":3003},"; }\n",[2824,3721,3722],{"class":2826,"line":2893},[2824,3723,3725],{"emptyLinePlaceholder":3724},true,"\n",[2824,3727,3728,3731,3733,3736,3738,3740,3742,3745,3747,3750,3752,3755,3757,3760,3762,3765,3767,3770],{"class":2826,"line":2899},[2824,3729,3730],{"class":3043},".focus-grid",[2824,3732,3677],{"class":3003},[2824,3734,3735],{"class":3009},"display",[2824,3737,3013],{"class":3003},[2824,3739,3639],{"class":3016},[2824,3741,3688],{"class":3003},[2824,3743,3744],{"class":3009},"flex-wrap",[2824,3746,3013],{"class":3003},[2824,3748,3749],{"class":3016},"wrap",[2824,3751,3688],{"class":3003},[2824,3753,3754],{"class":3009},"gap",[2824,3756,3013],{"class":3003},[2824,3758,3759],{"class":3572},"0.5rem",[2824,3761,3688],{"class":3003},[2824,3763,3764],{"class":3009},"align-items",[2824,3766,3013],{"class":3003},[2824,3768,3769],{"class":3016},"center",[2824,3771,3719],{"class":3003},[2824,3773,3774],{"class":2826,"line":2905},[2824,3775,3725],{"emptyLinePlaceholder":3724},[2824,3777,3778],{"class":2826,"line":2911},[2824,3779,3780],{"class":2993},"/* Базові стилі кнопок */\n",[2824,3782,3783,3786,3788,3791,3793,3796],{"class":2826,"line":2917},[2824,3784,3785],{"class":3043},".bad-btn",[2824,3787,3600],{"class":3003},[2824,3789,3790],{"class":3043},".old-btn",[2824,3792,3600],{"class":3003},[2824,3794,3795],{"class":3043},".good-btn",[2824,3797,3004],{"class":3003},[2824,3799,3800,3802,3804,3807,3810],{"class":2826,"line":2923},[2824,3801,3567],{"class":3009},[2824,3803,3013],{"class":3003},[2824,3805,3806],{"class":3572},"0.6rem",[2824,3808,3809],{"class":3572}," 0.9rem",[2824,3811,3020],{"class":3003},[2824,3813,3814,3817,3819,3822],{"class":2826,"line":2929},[2824,3815,3816],{"class":3009},"  border-radius",[2824,3818,3013],{"class":3003},[2824,3820,3821],{"class":3572},"8px",[2824,3823,3020],{"class":3003},[2824,3825,3826,3829,3831,3834,3837],{"class":2826,"line":2935},[2824,3827,3828],{"class":3009},"  border",[2824,3830,3013],{"class":3003},[2824,3832,3833],{"class":3572},"1.5px",[2824,3835,3836],{"class":3016}," solid",[2824,3838,3020],{"class":3003},[2824,3840,3841,3843,3845,3847],{"class":2826,"line":2941},[2824,3842,3610],{"class":3009},[2824,3844,3013],{"class":3003},[2824,3846,3716],{"class":3572},[2824,3848,3020],{"class":3003},[2824,3850,3851,3853,3855,3858],{"class":2826,"line":2947},[2824,3852,3592],{"class":3009},[2824,3854,3013],{"class":3003},[2824,3856,3857],{"class":3016},"inherit",[2824,3859,3020],{"class":3003},[2824,3861,3862,3865,3867,3870],{"class":2826,"line":2953},[2824,3863,3864],{"class":3009},"  cursor",[2824,3866,3013],{"class":3003},[2824,3868,3869],{"class":3016},"pointer",[2824,3871,3020],{"class":3003},[2824,3873,3874,3877,3879,3882],{"class":2826,"line":2959},[2824,3875,3876],{"class":3009},"  line-height",[2824,3878,3013],{"class":3003},[2824,3880,3881],{"class":3572},"1.3",[2824,3883,3020],{"class":3003},[2824,3885,3887,3890,3892,3894],{"class":2826,"line":3886},24,[2824,3888,3889],{"class":3009},"  text-align",[2824,3891,3013],{"class":3003},[2824,3893,3769],{"class":3016},[2824,3895,3020],{"class":3003},[2824,3897,3899],{"class":2826,"line":3898},25,[2824,3900,3025],{"class":3003},[2824,3902,3904],{"class":2826,"line":3903},26,[2824,3905,3725],{"emptyLinePlaceholder":3724},[2824,3907,3909],{"class":2826,"line":3908},27,[2824,3910,3911],{"class":2993},"/* ⛔ Найгірший варіант */\n",[2824,3913,3915,3917],{"class":2826,"line":3914},28,[2824,3916,3785],{"class":3043},[2824,3918,3004],{"class":3003},[2824,3920,3922,3924,3926,3929,3931,3933,3935,3938,3940,3943,3945,3948],{"class":2826,"line":3921},29,[2824,3923,3580],{"class":3009},[2824,3925,3013],{"class":3003},[2824,3927,3928],{"class":3016},"#fee2e2",[2824,3930,3688],{"class":3003},[2824,3932,3691],{"class":3009},[2824,3934,3013],{"class":3003},[2824,3936,3937],{"class":3016},"#991b1b",[2824,3939,3688],{"class":3003},[2824,3941,3942],{"class":3009},"border-color",[2824,3944,3013],{"class":3003},[2824,3946,3947],{"class":3016},"#fca5a5",[2824,3949,3020],{"class":3003},[2824,3951,3953,3955,3957,3959,3961],{"class":2826,"line":3952},30,[2824,3954,3010],{"class":3009},[2824,3956,3013],{"class":3003},[2824,3958,3017],{"class":3016},[2824,3960,3688],{"class":3003},[2824,3962,3963],{"class":2993},"/* НІКОЛИ ТАК НЕ РОБІТЬ */\n",[2824,3965,3967],{"class":2826,"line":3966},31,[2824,3968,3025],{"class":3003},[2824,3970,3972],{"class":2826,"line":3971},32,[2824,3973,3725],{"emptyLinePlaceholder":3724},[2824,3975,3977],{"class":2826,"line":3976},33,[2824,3978,3979],{"class":2993},"/* ⚠️ Старий підхід — outline завжди */\n",[2824,3981,3983,3985],{"class":2826,"line":3982},34,[2824,3984,3790],{"class":3043},[2824,3986,3004],{"class":3003},[2824,3988,3990,3992,3994,3997,3999,4001,4003,4006,4008,4010,4012,4015],{"class":2826,"line":3989},35,[2824,3991,3580],{"class":3009},[2824,3993,3013],{"class":3003},[2824,3995,3996],{"class":3016},"#fef3c7",[2824,3998,3688],{"class":3003},[2824,4000,3691],{"class":3009},[2824,4002,3013],{"class":3003},[2824,4004,4005],{"class":3016},"#92400e",[2824,4007,3688],{"class":3003},[2824,4009,3942],{"class":3009},[2824,4011,3013],{"class":3003},[2824,4013,4014],{"class":3016},"#fcd34d",[2824,4016,3020],{"class":3003},[2824,4018,4020],{"class":2826,"line":4019},36,[2824,4021,3025],{"class":3003},[2824,4023,4025,4028],{"class":2826,"line":4024},37,[2824,4026,4027],{"class":3043},".old-btn:focus",[2824,4029,3004],{"class":3003},[2824,4031,4033,4035,4037,4040,4042,4045],{"class":2826,"line":4032},38,[2824,4034,3010],{"class":3009},[2824,4036,3013],{"class":3003},[2824,4038,4039],{"class":3572},"3px",[2824,4041,3836],{"class":3016},[2824,4043,4044],{"class":3016}," #f59e0b",[2824,4046,3020],{"class":3003},[2824,4048,4050,4053,4055,4058],{"class":2826,"line":4049},39,[2824,4051,4052],{"class":3009},"  outline-offset",[2824,4054,3013],{"class":3003},[2824,4056,4057],{"class":3572},"2px",[2824,4059,3020],{"class":3003},[2824,4061,4063],{"class":2826,"line":4062},40,[2824,4064,3025],{"class":3003},[2824,4066,4068],{"class":2826,"line":4067},41,[2824,4069,3725],{"emptyLinePlaceholder":3724},[2824,4071,4073],{"class":2826,"line":4072},42,[2824,4074,4075],{"class":2993},"/* ✅ Правильно — :focus-visible */\n",[2824,4077,4079,4081],{"class":2826,"line":4078},43,[2824,4080,3795],{"class":3043},[2824,4082,3004],{"class":3003},[2824,4084,4086,4088,4090,4093,4095,4097,4099,4102,4104,4106,4108,4111],{"class":2826,"line":4085},44,[2824,4087,3580],{"class":3009},[2824,4089,3013],{"class":3003},[2824,4091,4092],{"class":3016},"#dcfce7",[2824,4094,3688],{"class":3003},[2824,4096,3691],{"class":3009},[2824,4098,3013],{"class":3003},[2824,4100,4101],{"class":3016},"#166534",[2824,4103,3688],{"class":3003},[2824,4105,3942],{"class":3009},[2824,4107,3013],{"class":3003},[2824,4109,4110],{"class":3016},"#86efac",[2824,4112,3020],{"class":3003},[2824,4114,4116],{"class":2826,"line":4115},45,[2824,4117,3025],{"class":3003},[2824,4119,4121,4124,4126,4129,4131,4133,4136],{"class":2826,"line":4120},46,[2824,4122,4123],{"class":3043},".good-btn:focus",[2824,4125,3677],{"class":3003},[2824,4127,4128],{"class":3009},"outline",[2824,4130,3013],{"class":3003},[2824,4132,3017],{"class":3016},[2824,4134,4135],{"class":3003},"; } ",[2824,4137,4138],{"class":2993},"/* скидаємо дефолт */\n",[2824,4140,4142,4145],{"class":2826,"line":4141},47,[2824,4143,4144],{"class":3043},".good-btn:focus-visible",[2824,4146,3004],{"class":3003},[2824,4148,4150,4152,4154,4156,4158,4161],{"class":2826,"line":4149},48,[2824,4151,3010],{"class":3009},[2824,4153,3013],{"class":3003},[2824,4155,4039],{"class":3572},[2824,4157,3836],{"class":3016},[2824,4159,4160],{"class":3016}," #10b981",[2824,4162,3020],{"class":3003},[2824,4164,4166,4168,4170,4172],{"class":2826,"line":4165},49,[2824,4167,4052],{"class":3009},[2824,4169,3013],{"class":3003},[2824,4171,4057],{"class":3572},[2824,4173,3020],{"class":3003},[2824,4175,4177,4179,4181,4183],{"class":2826,"line":4176},50,[2824,4178,3816],{"class":3009},[2824,4180,3013],{"class":3003},[2824,4182,3821],{"class":3572},[2824,4184,3020],{"class":3003},[2824,4186,4188],{"class":2826,"line":4187},51,[2824,4189,3025],{"class":3003},[2824,4191,4193],{"class":2826,"line":4192},52,[2824,4194,3725],{"emptyLinePlaceholder":3724},[2824,4196,4198,4201],{"class":2826,"line":4197},53,[2824,4199,4200],{"class":3043},".link-good",[2824,4202,3004],{"class":3003},[2824,4204,4206,4208,4210,4213,4215,4218,4220,4223],{"class":2826,"line":4205},54,[2824,4207,3622],{"class":3009},[2824,4209,3013],{"class":3003},[2824,4211,4212],{"class":3016},"#6366f1",[2824,4214,3688],{"class":3003},[2824,4216,4217],{"class":3009},"font-weight",[2824,4219,3013],{"class":3003},[2824,4221,4222],{"class":3572},"600",[2824,4224,3020],{"class":3003},[2824,4226,4228,4230,4232,4234],{"class":2826,"line":4227},55,[2824,4229,3567],{"class":3009},[2824,4231,3013],{"class":3003},[2824,4233,3759],{"class":3572},[2824,4235,3020],{"class":3003},[2824,4237,4239,4241,4243,4246],{"class":2826,"line":4238},56,[2824,4240,3816],{"class":3009},[2824,4242,3013],{"class":3003},[2824,4244,4245],{"class":3572},"4px",[2824,4247,3020],{"class":3003},[2824,4249,4251,4254,4256,4259],{"class":2826,"line":4250},57,[2824,4252,4253],{"class":3009},"  text-decoration",[2824,4255,3013],{"class":3003},[2824,4257,4258],{"class":3016},"underline",[2824,4260,3020],{"class":3003},[2824,4262,4264],{"class":2826,"line":4263},58,[2824,4265,3025],{"class":3003},[2824,4267,4269,4272,4274,4276,4278,4280],{"class":2826,"line":4268},59,[2824,4270,4271],{"class":3043},".link-good:focus",[2824,4273,3677],{"class":3003},[2824,4275,4128],{"class":3009},[2824,4277,3013],{"class":3003},[2824,4279,3017],{"class":3016},[2824,4281,3719],{"class":3003},[2824,4283,4285,4288],{"class":2826,"line":4284},60,[2824,4286,4287],{"class":3043},".link-good:focus-visible",[2824,4289,3004],{"class":3003},[2824,4291,4293,4295,4297,4299,4301,4304],{"class":2826,"line":4292},61,[2824,4294,3010],{"class":3009},[2824,4296,3013],{"class":3003},[2824,4298,4057],{"class":3572},[2824,4300,3836],{"class":3016},[2824,4302,4303],{"class":3016}," #6366f1",[2824,4305,3020],{"class":3003},[2824,4307,4309,4311,4313,4315],{"class":2826,"line":4308},62,[2824,4310,4052],{"class":3009},[2824,4312,3013],{"class":3003},[2824,4314,4039],{"class":3572},[2824,4316,3020],{"class":3003},[2824,4318,4320],{"class":2826,"line":4319},63,[2824,4321,3025],{"class":3003},[2824,4323,4325],{"class":2826,"line":4324},64,[2824,4326,3725],{"emptyLinePlaceholder":3724},[2824,4328,4330,4333],{"class":2826,"line":4329},65,[2824,4331,4332],{"class":3043},".input-good",[2824,4334,3004],{"class":3003},[2824,4336,4338,4340,4342,4344,4347],{"class":2826,"line":4337},66,[2824,4339,3567],{"class":3009},[2824,4341,3013],{"class":3003},[2824,4343,3759],{"class":3572},[2824,4345,4346],{"class":3572}," 0.75rem",[2824,4348,3020],{"class":3003},[2824,4350,4352,4354,4356,4358,4360,4363],{"class":2826,"line":4351},67,[2824,4353,3828],{"class":3009},[2824,4355,3013],{"class":3003},[2824,4357,3833],{"class":3572},[2824,4359,3836],{"class":3016},[2824,4361,4362],{"class":3016}," #d1d5db",[2824,4364,3020],{"class":3003},[2824,4366,4368,4370,4372,4375],{"class":2826,"line":4367},68,[2824,4369,3816],{"class":3009},[2824,4371,3013],{"class":3003},[2824,4373,4374],{"class":3572},"7px",[2824,4376,3020],{"class":3003},[2824,4378,4380,4382,4384,4386],{"class":2826,"line":4379},69,[2824,4381,3610],{"class":3009},[2824,4383,3013],{"class":3003},[2824,4385,3615],{"class":3572},[2824,4387,3020],{"class":3003},[2824,4389,4391,4393,4395,4397],{"class":2826,"line":4390},70,[2824,4392,3592],{"class":3009},[2824,4394,3013],{"class":3003},[2824,4396,3857],{"class":3016},[2824,4398,3020],{"class":3003},[2824,4400,4402,4404,4406,4408],{"class":2826,"line":4401},71,[2824,4403,3010],{"class":3009},[2824,4405,3013],{"class":3003},[2824,4407,3017],{"class":3016},[2824,4409,3020],{"class":3003},[2824,4411,4413],{"class":2826,"line":4412},72,[2824,4414,3025],{"class":3003},[2824,4416,4418,4421],{"class":2826,"line":4417},73,[2824,4419,4420],{"class":3043},".input-good:focus-visible",[2824,4422,3004],{"class":3003},[2824,4424,4426,4429,4431,4433],{"class":2826,"line":4425},74,[2824,4427,4428],{"class":3009},"  border-color",[2824,4430,3013],{"class":3003},[2824,4432,4212],{"class":3016},[2824,4434,3020],{"class":3003},[2824,4436,4438,4441,4443,4445,4448,4450,4453,4457,4460,4463,4465,4468,4470,4473,4475,4478],{"class":2826,"line":4437},75,[2824,4439,4440],{"class":3009},"  box-shadow",[2824,4442,3013],{"class":3003},[2824,4444,3685],{"class":3572},[2824,4446,4447],{"class":3572}," 0",[2824,4449,4447],{"class":3572},[2824,4451,4452],{"class":3572}," 3px",[2824,4454,4456],{"class":4455},"s8Opu"," rgba",[2824,4458,4459],{"class":3003},"(",[2824,4461,4462],{"class":3572},"99",[2824,4464,3600],{"class":3003},[2824,4466,4467],{"class":3572},"102",[2824,4469,3600],{"class":3003},[2824,4471,4472],{"class":3572},"241",[2824,4474,3600],{"class":3003},[2824,4476,4477],{"class":3572},"0.2",[2824,4479,4480],{"class":3003},");\n",[2824,4482,4484],{"class":2826,"line":4483},76,[2824,4485,3025],{"class":3003},[2824,4487,4489],{"class":2826,"line":4488},77,[2824,4490,3725],{"emptyLinePlaceholder":3724},[2824,4492,4494],{"class":2826,"line":4493},78,[2824,4495,4496],{"class":2993},"/* Варіанти кастомного focus-visible */\n",[2824,4498,4500,4503,4505,4507,4509,4511,4513,4515,4517,4519,4521,4523,4525,4527,4529,4531,4533,4535],{"class":2826,"line":4499},79,[2824,4501,4502],{"class":3043},".focus-style-showcase",[2824,4504,3677],{"class":3003},[2824,4506,3735],{"class":3009},[2824,4508,3013],{"class":3003},[2824,4510,3639],{"class":3016},[2824,4512,3688],{"class":3003},[2824,4514,3744],{"class":3009},[2824,4516,3013],{"class":3003},[2824,4518,3749],{"class":3016},[2824,4520,3688],{"class":3003},[2824,4522,3754],{"class":3009},[2824,4524,3013],{"class":3003},[2824,4526,3759],{"class":3572},[2824,4528,3688],{"class":3003},[2824,4530,3764],{"class":3009},[2824,4532,3013],{"class":3003},[2824,4534,3769],{"class":3016},[2824,4536,3719],{"class":3003},[2824,4538,4540,4543,4545,4548,4550,4553,4555,4557,4559,4561,4563,4565,4567,4570,4572,4574,4576,4578,4580,4582,4584,4586],{"class":2826,"line":4539},80,[2824,4541,4542],{"class":3043},".fss-label",[2824,4544,3677],{"class":3003},[2824,4546,4547],{"class":3009},"flex-basis",[2824,4549,3013],{"class":3003},[2824,4551,4552],{"class":3572},"100%",[2824,4554,3688],{"class":3003},[2824,4556,3680],{"class":3009},[2824,4558,3013],{"class":3003},[2824,4560,3685],{"class":3572},[2824,4562,3688],{"class":3003},[2824,4564,3711],{"class":3009},[2824,4566,3013],{"class":3003},[2824,4568,4569],{"class":3572},"0.78rem",[2824,4571,3688],{"class":3003},[2824,4573,3691],{"class":3009},[2824,4575,3013],{"class":3003},[2824,4577,3696],{"class":3016},[2824,4579,3688],{"class":3003},[2824,4581,4217],{"class":3009},[2824,4583,3013],{"class":3003},[2824,4585,4222],{"class":3572},[2824,4587,3719],{"class":3003},[2824,4589,4591],{"class":2826,"line":4590},81,[2824,4592,3725],{"emptyLinePlaceholder":3724},[2824,4594,4596,4599,4601,4604,4606,4609,4611,4614],{"class":2826,"line":4595},82,[2824,4597,4598],{"class":3043},".fs-ring",[2824,4600,3600],{"class":3003},[2824,4602,4603],{"class":3043},".fs-underline",[2824,4605,3600],{"class":3003},[2824,4607,4608],{"class":3043},".fs-glow",[2824,4610,3600],{"class":3003},[2824,4612,4613],{"class":3043},".fs-contrast",[2824,4615,3004],{"class":3003},[2824,4617,4619,4621,4623,4625,4628],{"class":2826,"line":4618},83,[2824,4620,3567],{"class":3009},[2824,4622,3013],{"class":3003},[2824,4624,3759],{"class":3572},[2824,4626,4627],{"class":3572}," 1rem",[2824,4629,3020],{"class":3003},[2824,4631,4633,4635,4637,4639],{"class":2826,"line":4632},84,[2824,4634,3816],{"class":3009},[2824,4636,3013],{"class":3003},[2824,4638,4374],{"class":3572},[2824,4640,3020],{"class":3003},[2824,4642,4644,4646,4648,4650,4652,4655],{"class":2826,"line":4643},85,[2824,4645,3828],{"class":3009},[2824,4647,3013],{"class":3003},[2824,4649,3833],{"class":3572},[2824,4651,3836],{"class":3016},[2824,4653,4654],{"class":3016}," #e2e8f0",[2824,4656,3020],{"class":3003},[2824,4658,4660,4662,4664,4667],{"class":2826,"line":4659},86,[2824,4661,3580],{"class":3009},[2824,4663,3013],{"class":3003},[2824,4665,4666],{"class":3016},"white",[2824,4668,3020],{"class":3003},[2824,4670,4672,4674,4676,4678],{"class":2826,"line":4671},87,[2824,4673,3622],{"class":3009},[2824,4675,3013],{"class":3003},[2824,4677,3627],{"class":3016},[2824,4679,3020],{"class":3003},[2824,4681,4683,4685,4687,4690],{"class":2826,"line":4682},88,[2824,4684,3610],{"class":3009},[2824,4686,3013],{"class":3003},[2824,4688,4689],{"class":3572},"0.85rem",[2824,4691,3020],{"class":3003},[2824,4693,4695,4697,4699,4701],{"class":2826,"line":4694},89,[2824,4696,3592],{"class":3009},[2824,4698,3013],{"class":3003},[2824,4700,3857],{"class":3016},[2824,4702,3020],{"class":3003},[2824,4704,4706,4708,4710,4712],{"class":2826,"line":4705},90,[2824,4707,3864],{"class":3009},[2824,4709,3013],{"class":3003},[2824,4711,3869],{"class":3016},[2824,4713,3020],{"class":3003},[2824,4715,4717],{"class":2826,"line":4716},91,[2824,4718,3025],{"class":3003},[2824,4720,4722,4725,4728,4730,4732,4734],{"class":2826,"line":4721},92,[2824,4723,4724],{"class":3043},".fs-ring:focus",[2824,4726,4727],{"class":3003},"         { ",[2824,4729,4128],{"class":3009},[2824,4731,3013],{"class":3003},[2824,4733,3017],{"class":3016},[2824,4735,3719],{"class":3003},[2824,4737,4739,4742,4745,4747,4749,4751],{"class":2826,"line":4738},93,[2824,4740,4741],{"class":3043},".fs-underline:focus",[2824,4743,4744],{"class":3003},"    { ",[2824,4746,4128],{"class":3009},[2824,4748,3013],{"class":3003},[2824,4750,3017],{"class":3016},[2824,4752,3719],{"class":3003},[2824,4754,4756,4759,4761,4763,4765,4767],{"class":2826,"line":4755},94,[2824,4757,4758],{"class":3043},".fs-glow:focus",[2824,4760,4727],{"class":3003},[2824,4762,4128],{"class":3009},[2824,4764,3013],{"class":3003},[2824,4766,3017],{"class":3016},[2824,4768,3719],{"class":3003},[2824,4770,4772,4775,4778,4780,4782,4784],{"class":2826,"line":4771},95,[2824,4773,4774],{"class":3043},".fs-contrast:focus",[2824,4776,4777],{"class":3003},"     { ",[2824,4779,4128],{"class":3009},[2824,4781,3013],{"class":3003},[2824,4783,3017],{"class":3016},[2824,4785,3719],{"class":3003},[2824,4787,4789],{"class":2826,"line":4788},96,[2824,4790,3725],{"emptyLinePlaceholder":3724},[2824,4792,4794,4797],{"class":2826,"line":4793},97,[2824,4795,4796],{"class":3043},".fs-ring:focus-visible",[2824,4798,3004],{"class":3003},[2824,4800,4802,4804,4806,4808,4810,4812],{"class":2826,"line":4801},98,[2824,4803,3010],{"class":3009},[2824,4805,3013],{"class":3003},[2824,4807,4039],{"class":3572},[2824,4809,3836],{"class":3016},[2824,4811,4303],{"class":3016},[2824,4813,3020],{"class":3003},[2824,4815,4817,4819,4821,4823],{"class":2826,"line":4816},99,[2824,4818,4052],{"class":3009},[2824,4820,3013],{"class":3003},[2824,4822,4039],{"class":3572},[2824,4824,3020],{"class":3003},[2824,4826,4828],{"class":2826,"line":4827},100,[2824,4829,3025],{"class":3003},[2824,4831,4833,4836],{"class":2826,"line":4832},101,[2824,4834,4835],{"class":3043},".fs-underline:focus-visible",[2824,4837,3004],{"class":3003},[2824,4839,4841,4843,4845,4847],{"class":2826,"line":4840},102,[2824,4842,3010],{"class":3009},[2824,4844,3013],{"class":3003},[2824,4846,3017],{"class":3016},[2824,4848,3020],{"class":3003},[2824,4850,4852,4854,4856,4858,4860,4862,4864,4866],{"class":2826,"line":4851},103,[2824,4853,4440],{"class":3009},[2824,4855,3013],{"class":3003},[2824,4857,3685],{"class":3572},[2824,4859,4452],{"class":3572},[2824,4861,4447],{"class":3572},[2824,4863,4447],{"class":3572},[2824,4865,4303],{"class":3016},[2824,4867,3020],{"class":3003},[2824,4869,4871],{"class":2826,"line":4870},104,[2824,4872,3025],{"class":3003},[2824,4874,4876,4879],{"class":2826,"line":4875},105,[2824,4877,4878],{"class":3043},".fs-glow:focus-visible",[2824,4880,3004],{"class":3003},[2824,4882,4884,4886,4888,4890],{"class":2826,"line":4883},106,[2824,4885,3010],{"class":3009},[2824,4887,3013],{"class":3003},[2824,4889,3017],{"class":3016},[2824,4891,3020],{"class":3003},[2824,4893,4895,4897,4899,4901,4903,4905,4908,4910,4912,4914,4916,4918,4920,4922,4924,4927,4930,4932,4934,4937,4939,4941,4943,4945,4947,4949,4951,4953,4955],{"class":2826,"line":4894},107,[2824,4896,4440],{"class":3009},[2824,4898,3013],{"class":3003},[2824,4900,3685],{"class":3572},[2824,4902,4447],{"class":3572},[2824,4904,4447],{"class":3572},[2824,4906,4907],{"class":3572}," 4px",[2824,4909,4456],{"class":4455},[2824,4911,4459],{"class":3003},[2824,4913,4462],{"class":3572},[2824,4915,3600],{"class":3003},[2824,4917,4467],{"class":3572},[2824,4919,3600],{"class":3003},[2824,4921,4472],{"class":3572},[2824,4923,3600],{"class":3003},[2824,4925,4926],{"class":3572},"0.35",[2824,4928,4929],{"class":3003},"), ",[2824,4931,3685],{"class":3572},[2824,4933,4447],{"class":3572},[2824,4935,4936],{"class":3572}," 12px",[2824,4938,4456],{"class":4455},[2824,4940,4459],{"class":3003},[2824,4942,4462],{"class":3572},[2824,4944,3600],{"class":3003},[2824,4946,4467],{"class":3572},[2824,4948,3600],{"class":3003},[2824,4950,4472],{"class":3572},[2824,4952,3600],{"class":3003},[2824,4954,4477],{"class":3572},[2824,4956,4480],{"class":3003},[2824,4958,4960],{"class":2826,"line":4959},108,[2824,4961,3025],{"class":3003},[2824,4963,4965,4968],{"class":2826,"line":4964},109,[2824,4966,4967],{"class":3043},".fs-contrast:focus-visible",[2824,4969,3004],{"class":3003},[2824,4971,4973,4975,4977,4979,4981,4984],{"class":2826,"line":4972},110,[2824,4974,3010],{"class":3009},[2824,4976,3013],{"class":3003},[2824,4978,4039],{"class":3572},[2824,4980,3836],{"class":3016},[2824,4982,4983],{"class":3016}," #000",[2824,4985,3020],{"class":3003},[2824,4987,4989,4991,4993,4995],{"class":2826,"line":4988},111,[2824,4990,4052],{"class":3009},[2824,4992,3013],{"class":3003},[2824,4994,4057],{"class":3572},[2824,4996,3020],{"class":3003},[2824,4998,5000,5002,5004,5007],{"class":2826,"line":4999},112,[2824,5001,3580],{"class":3009},[2824,5003,3013],{"class":3003},[2824,5005,5006],{"class":3016},"#ffff00",[2824,5008,3020],{"class":3003},[2824,5010,5012,5014,5016,5019],{"class":2826,"line":5011},113,[2824,5013,3622],{"class":3009},[2824,5015,3013],{"class":3003},[2824,5017,5018],{"class":3016},"#000",[2824,5020,3020],{"class":3003},[2824,5022,5024],{"class":2826,"line":5023},114,[2824,5025,3025],{"class":3003},[2971,5027,5029],{"id":5028},"глобальний-скид-outline-правильний-спосіб","Глобальний скид outline — правильний спосіб",[2815,5031,5033],{"className":2984,"code":5032,"language":2986,"meta":2819,"style":2819},"/* ✅ Правильний скид: прибираємо дефолт, зберігаємо власний */\n:focus {\n  outline: none;\n}\n\n:focus-visible {\n  outline: 2px solid currentColor;\n  outline-offset: 3px;\n}\n\n/* Або для power-users: скинути дефолт та додати власний на рівні компонентів */\n:focus:not(:focus-visible) {\n  outline: none;\n}\n",[2821,5034,5035,5040,5046,5056,5060,5064,5070,5085,5095,5099,5103,5108,5120,5130],{"__ignoreMap":2819},[2824,5036,5037],{"class":2826,"line":2827},[2824,5038,5039],{"class":2993},"/* ✅ Правильний скид: прибираємо дефолт, зберігаємо власний */\n",[2824,5041,5042,5044],{"class":2826,"line":2833},[2824,5043,3044],{"class":3043},[2824,5045,3004],{"class":3003},[2824,5047,5048,5050,5052,5054],{"class":2826,"line":2839},[2824,5049,3010],{"class":3009},[2824,5051,3013],{"class":3003},[2824,5053,3017],{"class":3016},[2824,5055,3020],{"class":3003},[2824,5057,5058],{"class":2826,"line":2845},[2824,5059,3025],{"class":3003},[2824,5061,5062],{"class":2826,"line":2851},[2824,5063,3725],{"emptyLinePlaceholder":3724},[2824,5065,5066,5068],{"class":2826,"line":2857},[2824,5067,3094],{"class":3043},[2824,5069,3004],{"class":3003},[2824,5071,5072,5074,5076,5078,5080,5083],{"class":2826,"line":2863},[2824,5073,3010],{"class":3009},[2824,5075,3013],{"class":3003},[2824,5077,4057],{"class":3572},[2824,5079,3836],{"class":3016},[2824,5081,5082],{"class":3016}," currentColor",[2824,5084,3020],{"class":3003},[2824,5086,5087,5089,5091,5093],{"class":2826,"line":2869},[2824,5088,4052],{"class":3009},[2824,5090,3013],{"class":3003},[2824,5092,4039],{"class":3572},[2824,5094,3020],{"class":3003},[2824,5096,5097],{"class":2826,"line":2875},[2824,5098,3025],{"class":3003},[2824,5100,5101],{"class":2826,"line":2881},[2824,5102,3725],{"emptyLinePlaceholder":3724},[2824,5104,5105],{"class":2826,"line":2887},[2824,5106,5107],{"class":2993},"/* Або для power-users: скинути дефолт та додати власний на рівні компонентів */\n",[2824,5109,5110,5113,5115,5117],{"class":2826,"line":2893},[2824,5111,5112],{"class":3043},":focus:not",[2824,5114,4459],{"class":3003},[2824,5116,3094],{"class":3043},[2824,5118,5119],{"class":3003},") {\n",[2824,5121,5122,5124,5126,5128],{"class":2826,"line":2899},[2824,5123,3010],{"class":3009},[2824,5125,3013],{"class":3003},[2824,5127,3017],{"class":3016},[2824,5129,3020],{"class":3003},[2824,5131,5132],{"class":2826,"line":2905},[2824,5133,3025],{"class":3003},[2964,5135],{},[2795,5137,5139],{"id":5138},"контрастність-кольорів","Контрастність кольорів",[2971,5141,5143],{"id":5142},"wcag-вимоги","WCAG вимоги",[2800,5145,5146,5149,5150,5153],{},[2804,5147,5148],{},"WCAG"," (Web Content Accessibility Guidelines) — міжнародний стандарт доступності. Він визначає мінімальний ",[2804,5151,5152],{},"контраст"," між кольором тексту та фону:",[5155,5156,5157,5173],"table",{},[5158,5159,5160],"thead",{},[5161,5162,5163,5167,5170],"tr",{},[5164,5165,5166],"th",{},"Рівень",[5164,5168,5169],{},"Текст \u003C 18pt",[5164,5171,5172],{},"Текст ≥ 18pt (великий)",[5174,5175,5176,5191],"tbody",{},[5161,5177,5178,5185,5188],{},[5179,5180,5181,5184],"td",{},[2804,5182,5183],{},"AA"," (мінімум)",[5179,5186,5187],{},"4.5:1",[5179,5189,5190],{},"3:1",[5161,5192,5193,5199,5202],{},[5179,5194,5195,5198],{},[2804,5196,5197],{},"AAA"," (ідеал)",[5179,5200,5201],{},"7:1",[5179,5203,5187],{},[3124,5205,5206,5795],{},[2815,5207,5209],{"className":3128,"code":5208,"language":3130,"meta":2819,"style":2819},"\u003Cdiv class=\"contrast-demo\">\n  \u003Cp class=\"cd-title\">Порівняння контрастності:\u003C/p>\n  \u003Cdiv class=\"contrast-pairs\">\n    \u003Cdiv class=\"cp-item fail\">\n      \u003Cspan class=\"cp-ratio\">1.6:1 ❌\u003C/span>\n      \u003Cp>Майже невидимо — сірий на білому\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"cp-item warn\">\n      \u003Cspan class=\"cp-ratio\">3.2:1 ⚠️\u003C/span>\n      \u003Cp>Тільки для великого тексту (AA Large)\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"cp-item pass-aa\">\n      \u003Cspan class=\"cp-ratio\">5.9:1 ✅ AA\u003C/span>\n      \u003Cp>Проходить WCAG AA для будь-якого тексту\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"cp-item pass-aaa\">\n      \u003Cspan class=\"cp-ratio\">7.5:1 ✅ AAA\u003C/span>\n      \u003Cp>Відмінна контрастність — ідеал для читання\u003C/p>\n    \u003C/div>\n  \u003C/div>\n  \u003Cdiv class=\"bg-contrast-demo\">\n    \u003Cdiv class=\"bc-item bc-dark\">\n      \u003Cp>Темний фон + білий текст\u003Cbr>\u003Csmall>Контраст ~13:1 ✅\u003C/small>\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"bc-item bc-indigo\">\n      \u003Cp>Indigo #6366f1 + білий\u003Cbr>\u003Csmall>Контраст ~4.6:1 ✅ AA\u003C/small>\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"bc-item bc-yellow\">\n      \u003Cp style=\"color: #1e293b;\">Жовтий + темний текст\u003Cbr>\u003Csmall>Контраст ~9.5:1 ✅\u003C/small>\u003C/p>\n    \u003C/div>\n    \u003Cdiv class=\"bc-item bc-bad\">\n      \u003Cp>Поганий вибір 😰\u003Cbr>\u003Csmall>Контраст ~2.1:1 ❌\u003C/small>\u003C/p>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2821,5210,5211,5226,5250,5265,5280,5305,5322,5331,5346,5369,5386,5394,5409,5432,5449,5457,5472,5495,5512,5520,5528,5543,5558,5592,5600,5615,5649,5657,5672,5714,5722,5737,5771,5779,5787],{"__ignoreMap":2819},[2824,5212,5213,5215,5217,5219,5221,5224],{"class":2826,"line":2827},[2824,5214,3138],{"class":3137},[2824,5216,3141],{"class":2999},[2824,5218,3144],{"class":3009},[2824,5220,3147],{"class":3003},[2824,5222,5223],{"class":3150},"\"contrast-demo\"",[2824,5225,3154],{"class":3137},[2824,5227,5228,5230,5232,5234,5236,5239,5241,5244,5246,5248],{"class":2826,"line":2833},[2824,5229,3159],{"class":3137},[2824,5231,2800],{"class":2999},[2824,5233,3144],{"class":3009},[2824,5235,3147],{"class":3003},[2824,5237,5238],{"class":3150},"\"cd-title\"",[2824,5240,3171],{"class":3137},[2824,5242,5243],{"class":3003},"Порівняння контрастності:",[2824,5245,3177],{"class":3137},[2824,5247,2800],{"class":2999},[2824,5249,3154],{"class":3137},[2824,5251,5252,5254,5256,5258,5260,5263],{"class":2826,"line":2839},[2824,5253,3159],{"class":3137},[2824,5255,3141],{"class":2999},[2824,5257,3144],{"class":3009},[2824,5259,3147],{"class":3003},[2824,5261,5262],{"class":3150},"\"contrast-pairs\"",[2824,5264,3154],{"class":3137},[2824,5266,5267,5269,5271,5273,5275,5278],{"class":2826,"line":2845},[2824,5268,3201],{"class":3137},[2824,5270,3141],{"class":2999},[2824,5272,3144],{"class":3009},[2824,5274,3147],{"class":3003},[2824,5276,5277],{"class":3150},"\"cp-item fail\"",[2824,5279,3154],{"class":3137},[2824,5281,5282,5285,5287,5289,5291,5294,5296,5299,5301,5303],{"class":2826,"line":2851},[2824,5283,5284],{"class":3137},"      \u003C",[2824,5286,2824],{"class":2999},[2824,5288,3144],{"class":3009},[2824,5290,3147],{"class":3003},[2824,5292,5293],{"class":3150},"\"cp-ratio\"",[2824,5295,3171],{"class":3137},[2824,5297,5298],{"class":3003},"1.6:1 ❌",[2824,5300,3177],{"class":3137},[2824,5302,2824],{"class":2999},[2824,5304,3154],{"class":3137},[2824,5306,5307,5309,5311,5313,5316,5318,5320],{"class":2826,"line":2857},[2824,5308,5284],{"class":3137},[2824,5310,2800],{"class":2999},[2824,5312,3171],{"class":3137},[2824,5314,5315],{"class":3003},"Майже невидимо — сірий на білому",[2824,5317,3177],{"class":3137},[2824,5319,2800],{"class":2999},[2824,5321,3154],{"class":3137},[2824,5323,5324,5327,5329],{"class":2826,"line":2863},[2824,5325,5326],{"class":3137},"    \u003C/",[2824,5328,3141],{"class":2999},[2824,5330,3154],{"class":3137},[2824,5332,5333,5335,5337,5339,5341,5344],{"class":2826,"line":2869},[2824,5334,3201],{"class":3137},[2824,5336,3141],{"class":2999},[2824,5338,3144],{"class":3009},[2824,5340,3147],{"class":3003},[2824,5342,5343],{"class":3150},"\"cp-item warn\"",[2824,5345,3154],{"class":3137},[2824,5347,5348,5350,5352,5354,5356,5358,5360,5363,5365,5367],{"class":2826,"line":2875},[2824,5349,5284],{"class":3137},[2824,5351,2824],{"class":2999},[2824,5353,3144],{"class":3009},[2824,5355,3147],{"class":3003},[2824,5357,5293],{"class":3150},[2824,5359,3171],{"class":3137},[2824,5361,5362],{"class":3003},"3.2:1 ⚠️",[2824,5364,3177],{"class":3137},[2824,5366,2824],{"class":2999},[2824,5368,3154],{"class":3137},[2824,5370,5371,5373,5375,5377,5380,5382,5384],{"class":2826,"line":2881},[2824,5372,5284],{"class":3137},[2824,5374,2800],{"class":2999},[2824,5376,3171],{"class":3137},[2824,5378,5379],{"class":3003},"Тільки для великого тексту (AA Large)",[2824,5381,3177],{"class":3137},[2824,5383,2800],{"class":2999},[2824,5385,3154],{"class":3137},[2824,5387,5388,5390,5392],{"class":2826,"line":2887},[2824,5389,5326],{"class":3137},[2824,5391,3141],{"class":2999},[2824,5393,3154],{"class":3137},[2824,5395,5396,5398,5400,5402,5404,5407],{"class":2826,"line":2893},[2824,5397,3201],{"class":3137},[2824,5399,3141],{"class":2999},[2824,5401,3144],{"class":3009},[2824,5403,3147],{"class":3003},[2824,5405,5406],{"class":3150},"\"cp-item pass-aa\"",[2824,5408,3154],{"class":3137},[2824,5410,5411,5413,5415,5417,5419,5421,5423,5426,5428,5430],{"class":2826,"line":2899},[2824,5412,5284],{"class":3137},[2824,5414,2824],{"class":2999},[2824,5416,3144],{"class":3009},[2824,5418,3147],{"class":3003},[2824,5420,5293],{"class":3150},[2824,5422,3171],{"class":3137},[2824,5424,5425],{"class":3003},"5.9:1 ✅ AA",[2824,5427,3177],{"class":3137},[2824,5429,2824],{"class":2999},[2824,5431,3154],{"class":3137},[2824,5433,5434,5436,5438,5440,5443,5445,5447],{"class":2826,"line":2905},[2824,5435,5284],{"class":3137},[2824,5437,2800],{"class":2999},[2824,5439,3171],{"class":3137},[2824,5441,5442],{"class":3003},"Проходить WCAG AA для будь-якого тексту",[2824,5444,3177],{"class":3137},[2824,5446,2800],{"class":2999},[2824,5448,3154],{"class":3137},[2824,5450,5451,5453,5455],{"class":2826,"line":2911},[2824,5452,5326],{"class":3137},[2824,5454,3141],{"class":2999},[2824,5456,3154],{"class":3137},[2824,5458,5459,5461,5463,5465,5467,5470],{"class":2826,"line":2917},[2824,5460,3201],{"class":3137},[2824,5462,3141],{"class":2999},[2824,5464,3144],{"class":3009},[2824,5466,3147],{"class":3003},[2824,5468,5469],{"class":3150},"\"cp-item pass-aaa\"",[2824,5471,3154],{"class":3137},[2824,5473,5474,5476,5478,5480,5482,5484,5486,5489,5491,5493],{"class":2826,"line":2923},[2824,5475,5284],{"class":3137},[2824,5477,2824],{"class":2999},[2824,5479,3144],{"class":3009},[2824,5481,3147],{"class":3003},[2824,5483,5293],{"class":3150},[2824,5485,3171],{"class":3137},[2824,5487,5488],{"class":3003},"7.5:1 ✅ AAA",[2824,5490,3177],{"class":3137},[2824,5492,2824],{"class":2999},[2824,5494,3154],{"class":3137},[2824,5496,5497,5499,5501,5503,5506,5508,5510],{"class":2826,"line":2929},[2824,5498,5284],{"class":3137},[2824,5500,2800],{"class":2999},[2824,5502,3171],{"class":3137},[2824,5504,5505],{"class":3003},"Відмінна контрастність — ідеал для читання",[2824,5507,3177],{"class":3137},[2824,5509,2800],{"class":2999},[2824,5511,3154],{"class":3137},[2824,5513,5514,5516,5518],{"class":2826,"line":2935},[2824,5515,5326],{"class":3137},[2824,5517,3141],{"class":2999},[2824,5519,3154],{"class":3137},[2824,5521,5522,5524,5526],{"class":2826,"line":2941},[2824,5523,3395],{"class":3137},[2824,5525,3141],{"class":2999},[2824,5527,3154],{"class":3137},[2824,5529,5530,5532,5534,5536,5538,5541],{"class":2826,"line":2947},[2824,5531,3159],{"class":3137},[2824,5533,3141],{"class":2999},[2824,5535,3144],{"class":3009},[2824,5537,3147],{"class":3003},[2824,5539,5540],{"class":3150},"\"bg-contrast-demo\"",[2824,5542,3154],{"class":3137},[2824,5544,5545,5547,5549,5551,5553,5556],{"class":2826,"line":2953},[2824,5546,3201],{"class":3137},[2824,5548,3141],{"class":2999},[2824,5550,3144],{"class":3009},[2824,5552,3147],{"class":3003},[2824,5554,5555],{"class":3150},"\"bc-item bc-dark\"",[2824,5557,3154],{"class":3137},[2824,5559,5560,5562,5564,5566,5569,5571,5573,5575,5577,5579,5582,5584,5586,5588,5590],{"class":2826,"line":2959},[2824,5561,5284],{"class":3137},[2824,5563,2800],{"class":2999},[2824,5565,3171],{"class":3137},[2824,5567,5568],{"class":3003},"Темний фон + білий текст",[2824,5570,3138],{"class":3137},[2824,5572,3221],{"class":2999},[2824,5574,3224],{"class":3137},[2824,5576,3227],{"class":2999},[2824,5578,3171],{"class":3137},[2824,5580,5581],{"class":3003},"Контраст ~13:1 ✅",[2824,5583,3177],{"class":3137},[2824,5585,3227],{"class":2999},[2824,5587,3239],{"class":3137},[2824,5589,2800],{"class":2999},[2824,5591,3154],{"class":3137},[2824,5593,5594,5596,5598],{"class":2826,"line":3886},[2824,5595,5326],{"class":3137},[2824,5597,3141],{"class":2999},[2824,5599,3154],{"class":3137},[2824,5601,5602,5604,5606,5608,5610,5613],{"class":2826,"line":3898},[2824,5603,3201],{"class":3137},[2824,5605,3141],{"class":2999},[2824,5607,3144],{"class":3009},[2824,5609,3147],{"class":3003},[2824,5611,5612],{"class":3150},"\"bc-item bc-indigo\"",[2824,5614,3154],{"class":3137},[2824,5616,5617,5619,5621,5623,5626,5628,5630,5632,5634,5636,5639,5641,5643,5645,5647],{"class":2826,"line":3903},[2824,5618,5284],{"class":3137},[2824,5620,2800],{"class":2999},[2824,5622,3171],{"class":3137},[2824,5624,5625],{"class":3003},"Indigo #6366f1 + білий",[2824,5627,3138],{"class":3137},[2824,5629,3221],{"class":2999},[2824,5631,3224],{"class":3137},[2824,5633,3227],{"class":2999},[2824,5635,3171],{"class":3137},[2824,5637,5638],{"class":3003},"Контраст ~4.6:1 ✅ AA",[2824,5640,3177],{"class":3137},[2824,5642,3227],{"class":2999},[2824,5644,3239],{"class":3137},[2824,5646,2800],{"class":2999},[2824,5648,3154],{"class":3137},[2824,5650,5651,5653,5655],{"class":2826,"line":3908},[2824,5652,5326],{"class":3137},[2824,5654,3141],{"class":2999},[2824,5656,3154],{"class":3137},[2824,5658,5659,5661,5663,5665,5667,5670],{"class":2826,"line":3914},[2824,5660,3201],{"class":3137},[2824,5662,3141],{"class":2999},[2824,5664,3144],{"class":3009},[2824,5666,3147],{"class":3003},[2824,5668,5669],{"class":3150},"\"bc-item bc-yellow\"",[2824,5671,3154],{"class":3137},[2824,5673,5674,5676,5678,5681,5683,5686,5688,5691,5693,5695,5697,5699,5701,5704,5706,5708,5710,5712],{"class":2826,"line":3921},[2824,5675,5284],{"class":3137},[2824,5677,2800],{"class":2999},[2824,5679,5680],{"class":3009}," style",[2824,5682,3147],{"class":3003},[2824,5684,5685],{"class":3150},"\"color: #1e293b;\"",[2824,5687,3171],{"class":3137},[2824,5689,5690],{"class":3003},"Жовтий + темний текст",[2824,5692,3138],{"class":3137},[2824,5694,3221],{"class":2999},[2824,5696,3224],{"class":3137},[2824,5698,3227],{"class":2999},[2824,5700,3171],{"class":3137},[2824,5702,5703],{"class":3003},"Контраст ~9.5:1 ✅",[2824,5705,3177],{"class":3137},[2824,5707,3227],{"class":2999},[2824,5709,3239],{"class":3137},[2824,5711,2800],{"class":2999},[2824,5713,3154],{"class":3137},[2824,5715,5716,5718,5720],{"class":2826,"line":3952},[2824,5717,5326],{"class":3137},[2824,5719,3141],{"class":2999},[2824,5721,3154],{"class":3137},[2824,5723,5724,5726,5728,5730,5732,5735],{"class":2826,"line":3966},[2824,5725,3201],{"class":3137},[2824,5727,3141],{"class":2999},[2824,5729,3144],{"class":3009},[2824,5731,3147],{"class":3003},[2824,5733,5734],{"class":3150},"\"bc-item bc-bad\"",[2824,5736,3154],{"class":3137},[2824,5738,5739,5741,5743,5745,5748,5750,5752,5754,5756,5758,5761,5763,5765,5767,5769],{"class":2826,"line":3971},[2824,5740,5284],{"class":3137},[2824,5742,2800],{"class":2999},[2824,5744,3171],{"class":3137},[2824,5746,5747],{"class":3003},"Поганий вибір 😰",[2824,5749,3138],{"class":3137},[2824,5751,3221],{"class":2999},[2824,5753,3224],{"class":3137},[2824,5755,3227],{"class":2999},[2824,5757,3171],{"class":3137},[2824,5759,5760],{"class":3003},"Контраст ~2.1:1 ❌",[2824,5762,3177],{"class":3137},[2824,5764,3227],{"class":2999},[2824,5766,3239],{"class":3137},[2824,5768,2800],{"class":2999},[2824,5770,3154],{"class":3137},[2824,5772,5773,5775,5777],{"class":2826,"line":3976},[2824,5774,5326],{"class":3137},[2824,5776,3141],{"class":2999},[2824,5778,3154],{"class":3137},[2824,5780,5781,5783,5785],{"class":2826,"line":3982},[2824,5782,3395],{"class":3137},[2824,5784,3141],{"class":2999},[2824,5786,3154],{"class":3137},[2824,5788,5789,5791,5793],{"class":2826,"line":3989},[2824,5790,3177],{"class":3137},[2824,5792,3141],{"class":2999},[2824,5794,3154],{"class":3137},[2815,5796,5798],{"className":2984,"code":5797,"language":2986,"meta":2819,"style":2819},".contrast-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.cd-title { margin: 0; font-weight: 700; color: #64748b; }\n.contrast-pairs { display: flex; flex-direction: column; gap: 4px; }\n.cp-item {\n  padding: 0.5rem 0.75rem;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.cp-item p { margin: 0; font-size: 0.82rem; }\n.cp-ratio { font-size: 0.78rem; font-weight: 700; white-space: nowrap; flex-shrink: 0; min-width: 90px; }\n\n.fail     { background: white; color: #c8c8c8; border: 1px solid #e2e8f0; }\n.warn     { background: white; color: #94a3b8; border: 1px solid #e2e8f0; }\n.pass-aa  { background: white; color: #374151; border: 1px solid #e2e8f0; }\n.pass-aaa { background: white; color: #111827; border: 1px solid #e2e8f0; }\n\n.bg-contrast-demo { display: flex; gap: 4px; flex-wrap: wrap; }\n.bc-item {\n  flex: 1; min-width: 120px;\n  padding: 0.75rem;\n  border-radius: 8px;\n}\n.bc-item p { margin: 0; font-size: 0.8rem; color: white; line-height: 1.4; }\n.bc-item small { font-size: 0.7rem; opacity: 0.85; }\n.bc-dark   { background: #0f172a; }\n.bc-indigo { background: #6366f1; }\n.bc-yellow { background: #fbbf24; }\n.bc-bad    { background: #a78bfa; }\n.bc-bad p  { color: #c4b5fd; }\n",[2821,5799,5800,5807,5817,5827,5841,5851,5861,5871,5881,5891,5895,5927,5959,5966,5978,5989,5999,6010,6020,6024,6050,6102,6106,6145,6181,6218,6254,6258,6289,6296,6317,6327,6337,6341,6383,6411,6428,6443,6459,6475],{"__ignoreMap":2819},[2824,5801,5802,5805],{"class":2826,"line":2827},[2824,5803,5804],{"class":3043},".contrast-demo",[2824,5806,3004],{"class":3003},[2824,5808,5809,5811,5813,5815],{"class":2826,"line":2833},[2824,5810,3567],{"class":3009},[2824,5812,3013],{"class":3003},[2824,5814,3573],{"class":3572},[2824,5816,3020],{"class":3003},[2824,5818,5819,5821,5823,5825],{"class":2826,"line":2839},[2824,5820,3580],{"class":3009},[2824,5822,3013],{"class":3003},[2824,5824,3585],{"class":3016},[2824,5826,3020],{"class":3003},[2824,5828,5829,5831,5833,5835,5837,5839],{"class":2826,"line":2845},[2824,5830,3592],{"class":3009},[2824,5832,3013],{"class":3003},[2824,5834,3597],{"class":3016},[2824,5836,3600],{"class":3003},[2824,5838,3603],{"class":3016},[2824,5840,3020],{"class":3003},[2824,5842,5843,5845,5847,5849],{"class":2826,"line":2851},[2824,5844,3610],{"class":3009},[2824,5846,3013],{"class":3003},[2824,5848,3615],{"class":3572},[2824,5850,3020],{"class":3003},[2824,5852,5853,5855,5857,5859],{"class":2826,"line":2857},[2824,5854,3622],{"class":3009},[2824,5856,3013],{"class":3003},[2824,5858,3627],{"class":3016},[2824,5860,3020],{"class":3003},[2824,5862,5863,5865,5867,5869],{"class":2826,"line":2863},[2824,5864,3634],{"class":3009},[2824,5866,3013],{"class":3003},[2824,5868,3639],{"class":3016},[2824,5870,3020],{"class":3003},[2824,5872,5873,5875,5877,5879],{"class":2826,"line":2869},[2824,5874,3646],{"class":3009},[2824,5876,3013],{"class":3003},[2824,5878,3651],{"class":3016},[2824,5880,3020],{"class":3003},[2824,5882,5883,5885,5887,5889],{"class":2826,"line":2875},[2824,5884,3658],{"class":3009},[2824,5886,3013],{"class":3003},[2824,5888,3663],{"class":3572},[2824,5890,3020],{"class":3003},[2824,5892,5893],{"class":2826,"line":2881},[2824,5894,3025],{"class":3003},[2824,5896,5897,5900,5902,5904,5906,5908,5910,5912,5914,5917,5919,5921,5923,5925],{"class":2826,"line":2887},[2824,5898,5899],{"class":3043},".cd-title",[2824,5901,3677],{"class":3003},[2824,5903,3680],{"class":3009},[2824,5905,3013],{"class":3003},[2824,5907,3685],{"class":3572},[2824,5909,3688],{"class":3003},[2824,5911,4217],{"class":3009},[2824,5913,3013],{"class":3003},[2824,5915,5916],{"class":3572},"700",[2824,5918,3688],{"class":3003},[2824,5920,3691],{"class":3009},[2824,5922,3013],{"class":3003},[2824,5924,3696],{"class":3016},[2824,5926,3719],{"class":3003},[2824,5928,5929,5932,5934,5936,5938,5940,5942,5945,5947,5949,5951,5953,5955,5957],{"class":2826,"line":2893},[2824,5930,5931],{"class":3043},".contrast-pairs",[2824,5933,3677],{"class":3003},[2824,5935,3735],{"class":3009},[2824,5937,3013],{"class":3003},[2824,5939,3639],{"class":3016},[2824,5941,3688],{"class":3003},[2824,5943,5944],{"class":3009},"flex-direction",[2824,5946,3013],{"class":3003},[2824,5948,3651],{"class":3016},[2824,5950,3688],{"class":3003},[2824,5952,3754],{"class":3009},[2824,5954,3013],{"class":3003},[2824,5956,4245],{"class":3572},[2824,5958,3719],{"class":3003},[2824,5960,5961,5964],{"class":2826,"line":2899},[2824,5962,5963],{"class":3043},".cp-item",[2824,5965,3004],{"class":3003},[2824,5967,5968,5970,5972,5974,5976],{"class":2826,"line":2905},[2824,5969,3567],{"class":3009},[2824,5971,3013],{"class":3003},[2824,5973,3759],{"class":3572},[2824,5975,4346],{"class":3572},[2824,5977,3020],{"class":3003},[2824,5979,5980,5982,5984,5987],{"class":2826,"line":2911},[2824,5981,3816],{"class":3009},[2824,5983,3013],{"class":3003},[2824,5985,5986],{"class":3572},"6px",[2824,5988,3020],{"class":3003},[2824,5990,5991,5993,5995,5997],{"class":2826,"line":2917},[2824,5992,3634],{"class":3009},[2824,5994,3013],{"class":3003},[2824,5996,3639],{"class":3016},[2824,5998,3020],{"class":3003},[2824,6000,6001,6004,6006,6008],{"class":2826,"line":2923},[2824,6002,6003],{"class":3009},"  align-items",[2824,6005,3013],{"class":3003},[2824,6007,3769],{"class":3016},[2824,6009,3020],{"class":3003},[2824,6011,6012,6014,6016,6018],{"class":2826,"line":2929},[2824,6013,3658],{"class":3009},[2824,6015,3013],{"class":3003},[2824,6017,3573],{"class":3572},[2824,6019,3020],{"class":3003},[2824,6021,6022],{"class":2826,"line":2935},[2824,6023,3025],{"class":3003},[2824,6025,6026,6028,6031,6033,6035,6037,6039,6041,6043,6045,6048],{"class":2826,"line":2941},[2824,6027,5963],{"class":3043},[2824,6029,6030],{"class":3043}," p",[2824,6032,3677],{"class":3003},[2824,6034,3680],{"class":3009},[2824,6036,3013],{"class":3003},[2824,6038,3685],{"class":3572},[2824,6040,3688],{"class":3003},[2824,6042,3711],{"class":3009},[2824,6044,3013],{"class":3003},[2824,6046,6047],{"class":3572},"0.82rem",[2824,6049,3719],{"class":3003},[2824,6051,6052,6055,6057,6059,6061,6063,6065,6067,6069,6071,6073,6076,6078,6081,6083,6086,6088,6090,6092,6095,6097,6100],{"class":2826,"line":2947},[2824,6053,6054],{"class":3043},".cp-ratio",[2824,6056,3677],{"class":3003},[2824,6058,3711],{"class":3009},[2824,6060,3013],{"class":3003},[2824,6062,4569],{"class":3572},[2824,6064,3688],{"class":3003},[2824,6066,4217],{"class":3009},[2824,6068,3013],{"class":3003},[2824,6070,5916],{"class":3572},[2824,6072,3688],{"class":3003},[2824,6074,6075],{"class":3009},"white-space",[2824,6077,3013],{"class":3003},[2824,6079,6080],{"class":3016},"nowrap",[2824,6082,3688],{"class":3003},[2824,6084,6085],{"class":3009},"flex-shrink",[2824,6087,3013],{"class":3003},[2824,6089,3685],{"class":3572},[2824,6091,3688],{"class":3003},[2824,6093,6094],{"class":3009},"min-width",[2824,6096,3013],{"class":3003},[2824,6098,6099],{"class":3572},"90px",[2824,6101,3719],{"class":3003},[2824,6103,6104],{"class":2826,"line":2953},[2824,6105,3725],{"emptyLinePlaceholder":3724},[2824,6107,6108,6111,6113,6116,6118,6120,6122,6124,6126,6129,6131,6134,6136,6139,6141,6143],{"class":2826,"line":2959},[2824,6109,6110],{"class":3043},".fail",[2824,6112,4777],{"class":3003},[2824,6114,6115],{"class":3009},"background",[2824,6117,3013],{"class":3003},[2824,6119,4666],{"class":3016},[2824,6121,3688],{"class":3003},[2824,6123,3691],{"class":3009},[2824,6125,3013],{"class":3003},[2824,6127,6128],{"class":3016},"#c8c8c8",[2824,6130,3688],{"class":3003},[2824,6132,6133],{"class":3009},"border",[2824,6135,3013],{"class":3003},[2824,6137,6138],{"class":3572},"1px",[2824,6140,3836],{"class":3016},[2824,6142,4654],{"class":3016},[2824,6144,3719],{"class":3003},[2824,6146,6147,6150,6152,6154,6156,6158,6160,6162,6164,6167,6169,6171,6173,6175,6177,6179],{"class":2826,"line":3886},[2824,6148,6149],{"class":3043},".warn",[2824,6151,4777],{"class":3003},[2824,6153,6115],{"class":3009},[2824,6155,3013],{"class":3003},[2824,6157,4666],{"class":3016},[2824,6159,3688],{"class":3003},[2824,6161,3691],{"class":3009},[2824,6163,3013],{"class":3003},[2824,6165,6166],{"class":3016},"#94a3b8",[2824,6168,3688],{"class":3003},[2824,6170,6133],{"class":3009},[2824,6172,3013],{"class":3003},[2824,6174,6138],{"class":3572},[2824,6176,3836],{"class":3016},[2824,6178,4654],{"class":3016},[2824,6180,3719],{"class":3003},[2824,6182,6183,6186,6189,6191,6193,6195,6197,6199,6201,6204,6206,6208,6210,6212,6214,6216],{"class":2826,"line":3898},[2824,6184,6185],{"class":3043},".pass-aa",[2824,6187,6188],{"class":3003},"  { ",[2824,6190,6115],{"class":3009},[2824,6192,3013],{"class":3003},[2824,6194,4666],{"class":3016},[2824,6196,3688],{"class":3003},[2824,6198,3691],{"class":3009},[2824,6200,3013],{"class":3003},[2824,6202,6203],{"class":3016},"#374151",[2824,6205,3688],{"class":3003},[2824,6207,6133],{"class":3009},[2824,6209,3013],{"class":3003},[2824,6211,6138],{"class":3572},[2824,6213,3836],{"class":3016},[2824,6215,4654],{"class":3016},[2824,6217,3719],{"class":3003},[2824,6219,6220,6223,6225,6227,6229,6231,6233,6235,6237,6240,6242,6244,6246,6248,6250,6252],{"class":2826,"line":3903},[2824,6221,6222],{"class":3043},".pass-aaa",[2824,6224,3677],{"class":3003},[2824,6226,6115],{"class":3009},[2824,6228,3013],{"class":3003},[2824,6230,4666],{"class":3016},[2824,6232,3688],{"class":3003},[2824,6234,3691],{"class":3009},[2824,6236,3013],{"class":3003},[2824,6238,6239],{"class":3016},"#111827",[2824,6241,3688],{"class":3003},[2824,6243,6133],{"class":3009},[2824,6245,3013],{"class":3003},[2824,6247,6138],{"class":3572},[2824,6249,3836],{"class":3016},[2824,6251,4654],{"class":3016},[2824,6253,3719],{"class":3003},[2824,6255,6256],{"class":2826,"line":3908},[2824,6257,3725],{"emptyLinePlaceholder":3724},[2824,6259,6260,6263,6265,6267,6269,6271,6273,6275,6277,6279,6281,6283,6285,6287],{"class":2826,"line":3914},[2824,6261,6262],{"class":3043},".bg-contrast-demo",[2824,6264,3677],{"class":3003},[2824,6266,3735],{"class":3009},[2824,6268,3013],{"class":3003},[2824,6270,3639],{"class":3016},[2824,6272,3688],{"class":3003},[2824,6274,3754],{"class":3009},[2824,6276,3013],{"class":3003},[2824,6278,4245],{"class":3572},[2824,6280,3688],{"class":3003},[2824,6282,3744],{"class":3009},[2824,6284,3013],{"class":3003},[2824,6286,3749],{"class":3016},[2824,6288,3719],{"class":3003},[2824,6290,6291,6294],{"class":2826,"line":3921},[2824,6292,6293],{"class":3043},".bc-item",[2824,6295,3004],{"class":3003},[2824,6297,6298,6301,6303,6306,6308,6310,6312,6315],{"class":2826,"line":3952},[2824,6299,6300],{"class":3009},"  flex",[2824,6302,3013],{"class":3003},[2824,6304,6305],{"class":3572},"1",[2824,6307,3688],{"class":3003},[2824,6309,6094],{"class":3009},[2824,6311,3013],{"class":3003},[2824,6313,6314],{"class":3572},"120px",[2824,6316,3020],{"class":3003},[2824,6318,6319,6321,6323,6325],{"class":2826,"line":3966},[2824,6320,3567],{"class":3009},[2824,6322,3013],{"class":3003},[2824,6324,3663],{"class":3572},[2824,6326,3020],{"class":3003},[2824,6328,6329,6331,6333,6335],{"class":2826,"line":3971},[2824,6330,3816],{"class":3009},[2824,6332,3013],{"class":3003},[2824,6334,3821],{"class":3572},[2824,6336,3020],{"class":3003},[2824,6338,6339],{"class":2826,"line":3976},[2824,6340,3025],{"class":3003},[2824,6342,6343,6345,6347,6349,6351,6353,6355,6357,6359,6361,6363,6365,6367,6369,6371,6373,6376,6378,6381],{"class":2826,"line":3982},[2824,6344,6293],{"class":3043},[2824,6346,6030],{"class":3043},[2824,6348,3677],{"class":3003},[2824,6350,3680],{"class":3009},[2824,6352,3013],{"class":3003},[2824,6354,3685],{"class":3572},[2824,6356,3688],{"class":3003},[2824,6358,3711],{"class":3009},[2824,6360,3013],{"class":3003},[2824,6362,3716],{"class":3572},[2824,6364,3688],{"class":3003},[2824,6366,3691],{"class":3009},[2824,6368,3013],{"class":3003},[2824,6370,4666],{"class":3016},[2824,6372,3688],{"class":3003},[2824,6374,6375],{"class":3009},"line-height",[2824,6377,3013],{"class":3003},[2824,6379,6380],{"class":3572},"1.4",[2824,6382,3719],{"class":3003},[2824,6384,6385,6387,6390,6392,6394,6396,6399,6401,6404,6406,6409],{"class":2826,"line":3989},[2824,6386,6293],{"class":3043},[2824,6388,6389],{"class":3043}," small",[2824,6391,3677],{"class":3003},[2824,6393,3711],{"class":3009},[2824,6395,3013],{"class":3003},[2824,6397,6398],{"class":3572},"0.7rem",[2824,6400,3688],{"class":3003},[2824,6402,6403],{"class":3009},"opacity",[2824,6405,3013],{"class":3003},[2824,6407,6408],{"class":3572},"0.85",[2824,6410,3719],{"class":3003},[2824,6412,6413,6416,6419,6421,6423,6426],{"class":2826,"line":4019},[2824,6414,6415],{"class":3043},".bc-dark",[2824,6417,6418],{"class":3003},"   { ",[2824,6420,6115],{"class":3009},[2824,6422,3013],{"class":3003},[2824,6424,6425],{"class":3016},"#0f172a",[2824,6427,3719],{"class":3003},[2824,6429,6430,6433,6435,6437,6439,6441],{"class":2826,"line":4024},[2824,6431,6432],{"class":3043},".bc-indigo",[2824,6434,3677],{"class":3003},[2824,6436,6115],{"class":3009},[2824,6438,3013],{"class":3003},[2824,6440,4212],{"class":3016},[2824,6442,3719],{"class":3003},[2824,6444,6445,6448,6450,6452,6454,6457],{"class":2826,"line":4032},[2824,6446,6447],{"class":3043},".bc-yellow",[2824,6449,3677],{"class":3003},[2824,6451,6115],{"class":3009},[2824,6453,3013],{"class":3003},[2824,6455,6456],{"class":3016},"#fbbf24",[2824,6458,3719],{"class":3003},[2824,6460,6461,6464,6466,6468,6470,6473],{"class":2826,"line":4049},[2824,6462,6463],{"class":3043},".bc-bad",[2824,6465,4744],{"class":3003},[2824,6467,6115],{"class":3009},[2824,6469,3013],{"class":3003},[2824,6471,6472],{"class":3016},"#a78bfa",[2824,6474,3719],{"class":3003},[2824,6476,6477,6479,6481,6483,6485,6487,6490],{"class":2826,"line":4062},[2824,6478,6463],{"class":3043},[2824,6480,6030],{"class":3043},[2824,6482,6188],{"class":3003},[2824,6484,3691],{"class":3009},[2824,6486,3013],{"class":3003},[2824,6488,6489],{"class":3016},"#c4b5fd",[2824,6491,3719],{"class":3003},[2971,6493,6495,6498,6499],{"id":6494},"forced-colors-та-media-prefers-contrast",[2821,6496,6497],{},"forced-colors"," та ",[2821,6500,6501],{},"@media (prefers-contrast)",[2815,6503,6505],{"className":2984,"code":6504,"language":2986,"meta":2819,"style":2819},"/* Стилі для режиму підвищеного контрасту (Windows High Contrast) */\n@media (forced-colors: active) {\n  .button {\n    /* forced-colors змінює кольори автоматично, але border залишається видимим */\n    border: 2px solid ButtonText;\n    forced-color-adjust: none; /* вимкнути авто-зміну для окремих елементів */\n  }\n\n  /* Приховані елементи через opacity — можуть бути видимі у forced-colors */\n  .decorative {\n    forced-color-adjust: none;\n    opacity: 0;\n  }\n}\n\n/* Підвищений контраст на прохання користувача */\n@media (prefers-contrast: more) {\n  :root {\n    --text: #000000;\n    --bg: #ffffff;\n    --border: 2px solid currentColor;\n  }\n}\n",[2821,6506,6507,6512,6521,6528,6533,6550,6562,6567,6571,6576,6583,6591,6602,6606,6610,6614,6619,6626,6633,6645,6657,6672,6676],{"__ignoreMap":2819},[2824,6508,6509],{"class":2826,"line":2827},[2824,6510,6511],{"class":2993},"/* Стилі для режиму підвищеного контрасту (Windows High Contrast) */\n",[2824,6513,6514,6518],{"class":2826,"line":2833},[2824,6515,6517],{"class":6516},"sCDza","@media",[2824,6519,6520],{"class":3003}," (forced-colors: active) {\n",[2824,6522,6523,6526],{"class":2826,"line":2839},[2824,6524,6525],{"class":3043},"  .button",[2824,6527,3004],{"class":3003},[2824,6529,6530],{"class":2826,"line":2845},[2824,6531,6532],{"class":2993},"    /* forced-colors змінює кольори автоматично, але border залишається видимим */\n",[2824,6534,6535,6538,6540,6542,6544,6548],{"class":2826,"line":2851},[2824,6536,6537],{"class":3009},"    border",[2824,6539,3013],{"class":3003},[2824,6541,4057],{"class":3572},[2824,6543,3836],{"class":3016},[2824,6545,6547],{"class":6546},"se1LK"," ButtonText",[2824,6549,3020],{"class":3003},[2824,6551,6552,6555,6557,6559],{"class":2826,"line":2857},[2824,6553,6554],{"class":3003},"    forced-color-adjust: ",[2824,6556,3017],{"class":3016},[2824,6558,3688],{"class":3003},[2824,6560,6561],{"class":2993},"/* вимкнути авто-зміну для окремих елементів */\n",[2824,6563,6564],{"class":2826,"line":2863},[2824,6565,6566],{"class":3003},"  }\n",[2824,6568,6569],{"class":2826,"line":2869},[2824,6570,3725],{"emptyLinePlaceholder":3724},[2824,6572,6573],{"class":2826,"line":2875},[2824,6574,6575],{"class":2993},"  /* Приховані елементи через opacity — можуть бути видимі у forced-colors */\n",[2824,6577,6578,6581],{"class":2826,"line":2881},[2824,6579,6580],{"class":3043},"  .decorative",[2824,6582,3004],{"class":3003},[2824,6584,6585,6587,6589],{"class":2826,"line":2887},[2824,6586,6554],{"class":3003},[2824,6588,3017],{"class":3016},[2824,6590,3020],{"class":3003},[2824,6592,6593,6596,6598,6600],{"class":2826,"line":2893},[2824,6594,6595],{"class":3009},"    opacity",[2824,6597,3013],{"class":3003},[2824,6599,3685],{"class":3572},[2824,6601,3020],{"class":3003},[2824,6603,6604],{"class":2826,"line":2899},[2824,6605,6566],{"class":3003},[2824,6607,6608],{"class":2826,"line":2905},[2824,6609,3025],{"class":3003},[2824,6611,6612],{"class":2826,"line":2911},[2824,6613,3725],{"emptyLinePlaceholder":3724},[2824,6615,6616],{"class":2826,"line":2917},[2824,6617,6618],{"class":2993},"/* Підвищений контраст на прохання користувача */\n",[2824,6620,6621,6623],{"class":2826,"line":2923},[2824,6622,6517],{"class":6516},[2824,6624,6625],{"class":3003}," (prefers-contrast: more) {\n",[2824,6627,6628,6631],{"class":2826,"line":2929},[2824,6629,6630],{"class":3043},"  :root",[2824,6632,3004],{"class":3003},[2824,6634,6635,6638,6640,6643],{"class":2826,"line":2935},[2824,6636,6637],{"class":3009},"    --text",[2824,6639,3013],{"class":3003},[2824,6641,6642],{"class":3016},"#000000",[2824,6644,3020],{"class":3003},[2824,6646,6647,6650,6652,6655],{"class":2826,"line":2941},[2824,6648,6649],{"class":3009},"    --bg",[2824,6651,3013],{"class":3003},[2824,6653,6654],{"class":3016},"#ffffff",[2824,6656,3020],{"class":3003},[2824,6658,6659,6662,6664,6666,6668,6670],{"class":2826,"line":2947},[2824,6660,6661],{"class":3009},"    --border",[2824,6663,3013],{"class":3003},[2824,6665,4057],{"class":3572},[2824,6667,3836],{"class":3016},[2824,6669,5082],{"class":3016},[2824,6671,3020],{"class":3003},[2824,6673,6674],{"class":2826,"line":2953},[2824,6675,6566],{"class":3003},[2824,6677,6678],{"class":2826,"line":2959},[2824,6679,3025],{"class":3003},[2964,6681],{},[2795,6683,6685,6688],{"id":6684},"prefers-reduced-motion-безпечні-анімації",[2821,6686,6687],{},"prefers-reduced-motion"," — безпечні анімації",[2800,6690,6691],{},"Деякі людини страждають на вестибулярні розлади або епілепсію — для них мерехтливі анімації можуть бути фізично небезпечними. Операційні системи надають налаштування «Зменшити рух» (Reduce Motion), і CSS дозволяє його зчитувати.",[3124,6693,6694,7091],{},[2815,6695,6697],{"className":3128,"code":6696,"language":3130,"meta":2819,"style":2819},"\u003Cdiv class=\"motion-demo\">\n  \u003Cp class=\"md-note\">Якщо у вашій ОС увімкнено «Зменшити рух» — анімації будуть вимкнені або сповільнені.\u003C/p>\n  \u003Cdiv class=\"motion-grid\">\n    \u003Cdiv class=\"motion-card bad-motion\">\n      \u003Cdiv class=\"spinning-box\">⛔\u003Cbr>\u003Csmall>без prefers-reduced-motion\u003C/small>\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"motion-card good-motion\">\n      \u003Cdiv class=\"safe-box\">✅\u003Cbr>\u003Csmall>з prefers-reduced-motion\u003C/small>\u003C/div>\n    \u003C/div>\n    \u003Cdiv class=\"motion-card\">\n      \u003Cdiv class=\"fade-reveal\">\n        \u003Cp>Fade-in при скролі\u003Cbr>\u003Csmall>безпечний, якщо повільний\u003C/small>\u003C/p>\n      \u003C/div>\n    \u003C/div>\n  \u003C/div>\n  \u003Cdiv class=\"media-badges\">\n    \u003Cdiv class=\"mb-item\">\n      \u003Ccode>@media (prefers-reduced-motion: no-preference)\u003C/code>\n      — повна анімація ✅\n    \u003C/div>\n    \u003Cdiv class=\"mb-item\">\n      \u003Ccode>@media (prefers-reduced-motion: reduce)\u003C/code>\n      — мінімум руху 🛡️\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2821,6698,6699,6714,6738,6753,6768,6809,6817,6832,6873,6881,6896,6911,6946,6955,6963,6971,6986,7001,7018,7023,7031,7045,7062,7067,7075,7083],{"__ignoreMap":2819},[2824,6700,6701,6703,6705,6707,6709,6712],{"class":2826,"line":2827},[2824,6702,3138],{"class":3137},[2824,6704,3141],{"class":2999},[2824,6706,3144],{"class":3009},[2824,6708,3147],{"class":3003},[2824,6710,6711],{"class":3150},"\"motion-demo\"",[2824,6713,3154],{"class":3137},[2824,6715,6716,6718,6720,6722,6724,6727,6729,6732,6734,6736],{"class":2826,"line":2833},[2824,6717,3159],{"class":3137},[2824,6719,2800],{"class":2999},[2824,6721,3144],{"class":3009},[2824,6723,3147],{"class":3003},[2824,6725,6726],{"class":3150},"\"md-note\"",[2824,6728,3171],{"class":3137},[2824,6730,6731],{"class":3003},"Якщо у вашій ОС увімкнено «Зменшити рух» — анімації будуть вимкнені або сповільнені.",[2824,6733,3177],{"class":3137},[2824,6735,2800],{"class":2999},[2824,6737,3154],{"class":3137},[2824,6739,6740,6742,6744,6746,6748,6751],{"class":2826,"line":2839},[2824,6741,3159],{"class":3137},[2824,6743,3141],{"class":2999},[2824,6745,3144],{"class":3009},[2824,6747,3147],{"class":3003},[2824,6749,6750],{"class":3150},"\"motion-grid\"",[2824,6752,3154],{"class":3137},[2824,6754,6755,6757,6759,6761,6763,6766],{"class":2826,"line":2845},[2824,6756,3201],{"class":3137},[2824,6758,3141],{"class":2999},[2824,6760,3144],{"class":3009},[2824,6762,3147],{"class":3003},[2824,6764,6765],{"class":3150},"\"motion-card bad-motion\"",[2824,6767,3154],{"class":3137},[2824,6769,6770,6772,6774,6776,6778,6781,6783,6786,6788,6790,6792,6794,6796,6799,6801,6803,6805,6807],{"class":2826,"line":2851},[2824,6771,5284],{"class":3137},[2824,6773,3141],{"class":2999},[2824,6775,3144],{"class":3009},[2824,6777,3147],{"class":3003},[2824,6779,6780],{"class":3150},"\"spinning-box\"",[2824,6782,3171],{"class":3137},[2824,6784,6785],{"class":3003},"⛔",[2824,6787,3138],{"class":3137},[2824,6789,3221],{"class":2999},[2824,6791,3224],{"class":3137},[2824,6793,3227],{"class":2999},[2824,6795,3171],{"class":3137},[2824,6797,6798],{"class":3003},"без prefers-reduced-motion",[2824,6800,3177],{"class":3137},[2824,6802,3227],{"class":2999},[2824,6804,3239],{"class":3137},[2824,6806,3141],{"class":2999},[2824,6808,3154],{"class":3137},[2824,6810,6811,6813,6815],{"class":2826,"line":2857},[2824,6812,5326],{"class":3137},[2824,6814,3141],{"class":2999},[2824,6816,3154],{"class":3137},[2824,6818,6819,6821,6823,6825,6827,6830],{"class":2826,"line":2863},[2824,6820,3201],{"class":3137},[2824,6822,3141],{"class":2999},[2824,6824,3144],{"class":3009},[2824,6826,3147],{"class":3003},[2824,6828,6829],{"class":3150},"\"motion-card good-motion\"",[2824,6831,3154],{"class":3137},[2824,6833,6834,6836,6838,6840,6842,6845,6847,6850,6852,6854,6856,6858,6860,6863,6865,6867,6869,6871],{"class":2826,"line":2869},[2824,6835,5284],{"class":3137},[2824,6837,3141],{"class":2999},[2824,6839,3144],{"class":3009},[2824,6841,3147],{"class":3003},[2824,6843,6844],{"class":3150},"\"safe-box\"",[2824,6846,3171],{"class":3137},[2824,6848,6849],{"class":3003},"✅",[2824,6851,3138],{"class":3137},[2824,6853,3221],{"class":2999},[2824,6855,3224],{"class":3137},[2824,6857,3227],{"class":2999},[2824,6859,3171],{"class":3137},[2824,6861,6862],{"class":3003},"з prefers-reduced-motion",[2824,6864,3177],{"class":3137},[2824,6866,3227],{"class":2999},[2824,6868,3239],{"class":3137},[2824,6870,3141],{"class":2999},[2824,6872,3154],{"class":3137},[2824,6874,6875,6877,6879],{"class":2826,"line":2875},[2824,6876,5326],{"class":3137},[2824,6878,3141],{"class":2999},[2824,6880,3154],{"class":3137},[2824,6882,6883,6885,6887,6889,6891,6894],{"class":2826,"line":2881},[2824,6884,3201],{"class":3137},[2824,6886,3141],{"class":2999},[2824,6888,3144],{"class":3009},[2824,6890,3147],{"class":3003},[2824,6892,6893],{"class":3150},"\"motion-card\"",[2824,6895,3154],{"class":3137},[2824,6897,6898,6900,6902,6904,6906,6909],{"class":2826,"line":2887},[2824,6899,5284],{"class":3137},[2824,6901,3141],{"class":2999},[2824,6903,3144],{"class":3009},[2824,6905,3147],{"class":3003},[2824,6907,6908],{"class":3150},"\"fade-reveal\"",[2824,6910,3154],{"class":3137},[2824,6912,6913,6916,6918,6920,6923,6925,6927,6929,6931,6933,6936,6938,6940,6942,6944],{"class":2826,"line":2893},[2824,6914,6915],{"class":3137},"        \u003C",[2824,6917,2800],{"class":2999},[2824,6919,3171],{"class":3137},[2824,6921,6922],{"class":3003},"Fade-in при скролі",[2824,6924,3138],{"class":3137},[2824,6926,3221],{"class":2999},[2824,6928,3224],{"class":3137},[2824,6930,3227],{"class":2999},[2824,6932,3171],{"class":3137},[2824,6934,6935],{"class":3003},"безпечний, якщо повільний",[2824,6937,3177],{"class":3137},[2824,6939,3227],{"class":2999},[2824,6941,3239],{"class":3137},[2824,6943,2800],{"class":2999},[2824,6945,3154],{"class":3137},[2824,6947,6948,6951,6953],{"class":2826,"line":2899},[2824,6949,6950],{"class":3137},"      \u003C/",[2824,6952,3141],{"class":2999},[2824,6954,3154],{"class":3137},[2824,6956,6957,6959,6961],{"class":2826,"line":2905},[2824,6958,5326],{"class":3137},[2824,6960,3141],{"class":2999},[2824,6962,3154],{"class":3137},[2824,6964,6965,6967,6969],{"class":2826,"line":2911},[2824,6966,3395],{"class":3137},[2824,6968,3141],{"class":2999},[2824,6970,3154],{"class":3137},[2824,6972,6973,6975,6977,6979,6981,6984],{"class":2826,"line":2917},[2824,6974,3159],{"class":3137},[2824,6976,3141],{"class":2999},[2824,6978,3144],{"class":3009},[2824,6980,3147],{"class":3003},[2824,6982,6983],{"class":3150},"\"media-badges\"",[2824,6985,3154],{"class":3137},[2824,6987,6988,6990,6992,6994,6996,6999],{"class":2826,"line":2923},[2824,6989,3201],{"class":3137},[2824,6991,3141],{"class":2999},[2824,6993,3144],{"class":3009},[2824,6995,3147],{"class":3003},[2824,6997,6998],{"class":3150},"\"mb-item\"",[2824,7000,3154],{"class":3137},[2824,7002,7003,7005,7007,7009,7012,7014,7016],{"class":2826,"line":2929},[2824,7004,5284],{"class":3137},[2824,7006,2821],{"class":2999},[2824,7008,3171],{"class":3137},[2824,7010,7011],{"class":3003},"@media (prefers-reduced-motion: no-preference)",[2824,7013,3177],{"class":3137},[2824,7015,2821],{"class":2999},[2824,7017,3154],{"class":3137},[2824,7019,7020],{"class":2826,"line":2935},[2824,7021,7022],{"class":3003},"      — повна анімація ✅\n",[2824,7024,7025,7027,7029],{"class":2826,"line":2941},[2824,7026,5326],{"class":3137},[2824,7028,3141],{"class":2999},[2824,7030,3154],{"class":3137},[2824,7032,7033,7035,7037,7039,7041,7043],{"class":2826,"line":2947},[2824,7034,3201],{"class":3137},[2824,7036,3141],{"class":2999},[2824,7038,3144],{"class":3009},[2824,7040,3147],{"class":3003},[2824,7042,6998],{"class":3150},[2824,7044,3154],{"class":3137},[2824,7046,7047,7049,7051,7053,7056,7058,7060],{"class":2826,"line":2953},[2824,7048,5284],{"class":3137},[2824,7050,2821],{"class":2999},[2824,7052,3171],{"class":3137},[2824,7054,7055],{"class":3003},"@media (prefers-reduced-motion: reduce)",[2824,7057,3177],{"class":3137},[2824,7059,2821],{"class":2999},[2824,7061,3154],{"class":3137},[2824,7063,7064],{"class":2826,"line":2959},[2824,7065,7066],{"class":3003},"      — мінімум руху 🛡️\n",[2824,7068,7069,7071,7073],{"class":2826,"line":3886},[2824,7070,5326],{"class":3137},[2824,7072,3141],{"class":2999},[2824,7074,3154],{"class":3137},[2824,7076,7077,7079,7081],{"class":2826,"line":3898},[2824,7078,3395],{"class":3137},[2824,7080,3141],{"class":2999},[2824,7082,3154],{"class":3137},[2824,7084,7085,7087,7089],{"class":2826,"line":3903},[2824,7086,3177],{"class":3137},[2824,7088,3141],{"class":2999},[2824,7090,3154],{"class":3137},[2815,7092,7094],{"className":2984,"code":7093,"language":2986,"meta":2819,"style":2819},".motion-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.md-note { margin: 0; font-size: 0.78rem; color: #64748b; font-style: italic; }\n.motion-grid { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.motion-card {\n  flex: 1; min-width: 120px;\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  padding: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 80px;\n}\n\n/* Анімація БЕЗ урахування налаштувань — небезпечно */\n.spinning-box {\n  width: 60px; height: 60px;\n  background: linear-gradient(135deg, #ef4444, #f97316);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.2rem;\n  text-align: center;\n  line-height: 1.2;\n  animation: spin-danger 1.5s linear infinite;\n}\n@keyframes spin-danger { to { transform: rotate(360deg); } }\n\n/* ПРАВИЛЬНО: анімація зупиняється при Reduce Motion */\n.safe-box {\n  width: 60px; height: 60px;\n  background: linear-gradient(135deg, #10b981, #059669);\n  border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  font-size: 1.2rem;\n  text-align: center;\n  line-height: 1.2;\n  animation: pulse-safe 2s ease-in-out infinite;\n}\n\n@keyframes pulse-safe {\n  0%, 100% { transform: scale(1); }\n  50% { transform: scale(1.05); }\n}\n\n/* Вимикаємо для тих, хто просить менше руху */\n@media (prefers-reduced-motion: reduce) {\n  .safe-box { animation: none; }\n\n  /* Анімації дозволені якщо вони повільні та не обертові */\n  .fade-reveal { animation-duration: 0.01ms !important; }\n\n  /* Загальне правило — вимкнути всі transitions та animations */\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n\n.fade-reveal {\n  padding: 0.75rem;\n  background: #ede9fe;\n  border-radius: 6px;\n  text-align: center;\n  line-height: 1.4;\n  animation: fade-in-safe 0.6s ease;\n}\n@keyframes fade-in-safe {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n\n.media-badges { display: flex; flex-direction: column; gap: 0.3rem; }\n.mb-item {\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 6px;\n  padding: 0.5rem 0.75rem;\n  font-size: 0.78rem;\n  line-height: 1.4;\n}\n.mb-item code { background: #f1f5f9; padding: 0.1em 0.3em; border-radius: 3px; font-size: 0.82em; color: #6366f1; }\n",[2821,7095,7096,7103,7113,7123,7137,7147,7157,7167,7177,7187,7191,7230,7261,7268,7286,7296,7310,7320,7330,7340,7350,7361,7373,7377,7381,7386,7393,7414,7440,7450,7477,7488,7498,7509,7528,7532,7559,7563,7568,7575,7593,7617,7627,7653,7663,7673,7683,7700,7704,7708,7717,7736,7754,7758,7762,7767,7774,7790,7794,7799,7820,7824,7829,7850,7863,7876,7889,7903,7907,7911,7915,7922,7932,7943,7953,7963,7973,7988,7992,8001,8014,8027,8031,8035,8067,8074,8084,8098,8108,8120,8130,8140,8144],{"__ignoreMap":2819},[2824,7097,7098,7101],{"class":2826,"line":2827},[2824,7099,7100],{"class":3043},".motion-demo",[2824,7102,3004],{"class":3003},[2824,7104,7105,7107,7109,7111],{"class":2826,"line":2833},[2824,7106,3567],{"class":3009},[2824,7108,3013],{"class":3003},[2824,7110,3573],{"class":3572},[2824,7112,3020],{"class":3003},[2824,7114,7115,7117,7119,7121],{"class":2826,"line":2839},[2824,7116,3580],{"class":3009},[2824,7118,3013],{"class":3003},[2824,7120,3585],{"class":3016},[2824,7122,3020],{"class":3003},[2824,7124,7125,7127,7129,7131,7133,7135],{"class":2826,"line":2845},[2824,7126,3592],{"class":3009},[2824,7128,3013],{"class":3003},[2824,7130,3597],{"class":3016},[2824,7132,3600],{"class":3003},[2824,7134,3603],{"class":3016},[2824,7136,3020],{"class":3003},[2824,7138,7139,7141,7143,7145],{"class":2826,"line":2851},[2824,7140,3610],{"class":3009},[2824,7142,3013],{"class":3003},[2824,7144,3615],{"class":3572},[2824,7146,3020],{"class":3003},[2824,7148,7149,7151,7153,7155],{"class":2826,"line":2857},[2824,7150,3622],{"class":3009},[2824,7152,3013],{"class":3003},[2824,7154,3627],{"class":3016},[2824,7156,3020],{"class":3003},[2824,7158,7159,7161,7163,7165],{"class":2826,"line":2863},[2824,7160,3634],{"class":3009},[2824,7162,3013],{"class":3003},[2824,7164,3639],{"class":3016},[2824,7166,3020],{"class":3003},[2824,7168,7169,7171,7173,7175],{"class":2826,"line":2869},[2824,7170,3646],{"class":3009},[2824,7172,3013],{"class":3003},[2824,7174,3651],{"class":3016},[2824,7176,3020],{"class":3003},[2824,7178,7179,7181,7183,7185],{"class":2826,"line":2875},[2824,7180,3658],{"class":3009},[2824,7182,3013],{"class":3003},[2824,7184,3663],{"class":3572},[2824,7186,3020],{"class":3003},[2824,7188,7189],{"class":2826,"line":2881},[2824,7190,3025],{"class":3003},[2824,7192,7193,7196,7198,7200,7202,7204,7206,7208,7210,7212,7214,7216,7218,7220,7222,7224,7226,7228],{"class":2826,"line":2887},[2824,7194,7195],{"class":3043},".md-note",[2824,7197,3677],{"class":3003},[2824,7199,3680],{"class":3009},[2824,7201,3013],{"class":3003},[2824,7203,3685],{"class":3572},[2824,7205,3688],{"class":3003},[2824,7207,3711],{"class":3009},[2824,7209,3013],{"class":3003},[2824,7211,4569],{"class":3572},[2824,7213,3688],{"class":3003},[2824,7215,3691],{"class":3009},[2824,7217,3013],{"class":3003},[2824,7219,3696],{"class":3016},[2824,7221,3688],{"class":3003},[2824,7223,3701],{"class":3009},[2824,7225,3013],{"class":3003},[2824,7227,3706],{"class":3016},[2824,7229,3719],{"class":3003},[2824,7231,7232,7235,7237,7239,7241,7243,7245,7247,7249,7251,7253,7255,7257,7259],{"class":2826,"line":2893},[2824,7233,7234],{"class":3043},".motion-grid",[2824,7236,3677],{"class":3003},[2824,7238,3735],{"class":3009},[2824,7240,3013],{"class":3003},[2824,7242,3639],{"class":3016},[2824,7244,3688],{"class":3003},[2824,7246,3754],{"class":3009},[2824,7248,3013],{"class":3003},[2824,7250,3759],{"class":3572},[2824,7252,3688],{"class":3003},[2824,7254,3744],{"class":3009},[2824,7256,3013],{"class":3003},[2824,7258,3749],{"class":3016},[2824,7260,3719],{"class":3003},[2824,7262,7263,7266],{"class":2826,"line":2899},[2824,7264,7265],{"class":3043},".motion-card",[2824,7267,3004],{"class":3003},[2824,7269,7270,7272,7274,7276,7278,7280,7282,7284],{"class":2826,"line":2905},[2824,7271,6300],{"class":3009},[2824,7273,3013],{"class":3003},[2824,7275,6305],{"class":3572},[2824,7277,3688],{"class":3003},[2824,7279,6094],{"class":3009},[2824,7281,3013],{"class":3003},[2824,7283,6314],{"class":3572},[2824,7285,3020],{"class":3003},[2824,7287,7288,7290,7292,7294],{"class":2826,"line":2911},[2824,7289,3580],{"class":3009},[2824,7291,3013],{"class":3003},[2824,7293,4666],{"class":3016},[2824,7295,3020],{"class":3003},[2824,7297,7298,7300,7302,7304,7306,7308],{"class":2826,"line":2917},[2824,7299,3828],{"class":3009},[2824,7301,3013],{"class":3003},[2824,7303,6138],{"class":3572},[2824,7305,3836],{"class":3016},[2824,7307,4654],{"class":3016},[2824,7309,3020],{"class":3003},[2824,7311,7312,7314,7316,7318],{"class":2826,"line":2923},[2824,7313,3816],{"class":3009},[2824,7315,3013],{"class":3003},[2824,7317,3821],{"class":3572},[2824,7319,3020],{"class":3003},[2824,7321,7322,7324,7326,7328],{"class":2826,"line":2929},[2824,7323,3567],{"class":3009},[2824,7325,3013],{"class":3003},[2824,7327,3573],{"class":3572},[2824,7329,3020],{"class":3003},[2824,7331,7332,7334,7336,7338],{"class":2826,"line":2935},[2824,7333,3634],{"class":3009},[2824,7335,3013],{"class":3003},[2824,7337,3639],{"class":3016},[2824,7339,3020],{"class":3003},[2824,7341,7342,7344,7346,7348],{"class":2826,"line":2941},[2824,7343,6003],{"class":3009},[2824,7345,3013],{"class":3003},[2824,7347,3769],{"class":3016},[2824,7349,3020],{"class":3003},[2824,7351,7352,7355,7357,7359],{"class":2826,"line":2947},[2824,7353,7354],{"class":3009},"  justify-content",[2824,7356,3013],{"class":3003},[2824,7358,3769],{"class":3016},[2824,7360,3020],{"class":3003},[2824,7362,7363,7366,7368,7371],{"class":2826,"line":2953},[2824,7364,7365],{"class":3009},"  min-height",[2824,7367,3013],{"class":3003},[2824,7369,7370],{"class":3572},"80px",[2824,7372,3020],{"class":3003},[2824,7374,7375],{"class":2826,"line":2959},[2824,7376,3025],{"class":3003},[2824,7378,7379],{"class":2826,"line":3886},[2824,7380,3725],{"emptyLinePlaceholder":3724},[2824,7382,7383],{"class":2826,"line":3898},[2824,7384,7385],{"class":2993},"/* Анімація БЕЗ урахування налаштувань — небезпечно */\n",[2824,7387,7388,7391],{"class":2826,"line":3903},[2824,7389,7390],{"class":3043},".spinning-box",[2824,7392,3004],{"class":3003},[2824,7394,7395,7398,7400,7403,7405,7408,7410,7412],{"class":2826,"line":3908},[2824,7396,7397],{"class":3009},"  width",[2824,7399,3013],{"class":3003},[2824,7401,7402],{"class":3572},"60px",[2824,7404,3688],{"class":3003},[2824,7406,7407],{"class":3009},"height",[2824,7409,3013],{"class":3003},[2824,7411,7402],{"class":3572},[2824,7413,3020],{"class":3003},[2824,7415,7416,7418,7420,7423,7425,7428,7430,7433,7435,7438],{"class":2826,"line":3914},[2824,7417,3580],{"class":3009},[2824,7419,3013],{"class":3003},[2824,7421,7422],{"class":4455},"linear-gradient",[2824,7424,4459],{"class":3003},[2824,7426,7427],{"class":3572},"135deg",[2824,7429,3600],{"class":3003},[2824,7431,7432],{"class":3016},"#ef4444",[2824,7434,3600],{"class":3003},[2824,7436,7437],{"class":3016},"#f97316",[2824,7439,4480],{"class":3003},[2824,7441,7442,7444,7446,7448],{"class":2826,"line":3921},[2824,7443,3816],{"class":3009},[2824,7445,3013],{"class":3003},[2824,7447,3821],{"class":3572},[2824,7449,3020],{"class":3003},[2824,7451,7452,7454,7456,7458,7460,7462,7464,7466,7468,7471,7473,7475],{"class":2826,"line":3952},[2824,7453,3634],{"class":3009},[2824,7455,3013],{"class":3003},[2824,7457,3639],{"class":3016},[2824,7459,3688],{"class":3003},[2824,7461,3764],{"class":3009},[2824,7463,3013],{"class":3003},[2824,7465,3769],{"class":3016},[2824,7467,3688],{"class":3003},[2824,7469,7470],{"class":3009},"justify-content",[2824,7472,3013],{"class":3003},[2824,7474,3769],{"class":3016},[2824,7476,3020],{"class":3003},[2824,7478,7479,7481,7483,7486],{"class":2826,"line":3966},[2824,7480,3610],{"class":3009},[2824,7482,3013],{"class":3003},[2824,7484,7485],{"class":3572},"1.2rem",[2824,7487,3020],{"class":3003},[2824,7489,7490,7492,7494,7496],{"class":2826,"line":3971},[2824,7491,3889],{"class":3009},[2824,7493,3013],{"class":3003},[2824,7495,3769],{"class":3016},[2824,7497,3020],{"class":3003},[2824,7499,7500,7502,7504,7507],{"class":2826,"line":3976},[2824,7501,3876],{"class":3009},[2824,7503,3013],{"class":3003},[2824,7505,7506],{"class":3572},"1.2",[2824,7508,3020],{"class":3003},[2824,7510,7511,7514,7517,7520,7523,7526],{"class":2826,"line":3982},[2824,7512,7513],{"class":3009},"  animation",[2824,7515,7516],{"class":3003},": spin-danger ",[2824,7518,7519],{"class":3572},"1.5s",[2824,7521,7522],{"class":3016}," linear",[2824,7524,7525],{"class":3016}," infinite",[2824,7527,3020],{"class":3003},[2824,7529,7530],{"class":2826,"line":3989},[2824,7531,3025],{"class":3003},[2824,7533,7534,7537,7540,7543,7546,7548,7551,7553,7556],{"class":2826,"line":4019},[2824,7535,7536],{"class":6516},"@keyframes",[2824,7538,7539],{"class":3009}," spin-danger",[2824,7541,7542],{"class":3003}," { to { ",[2824,7544,7545],{"class":3009},"transform",[2824,7547,3013],{"class":3003},[2824,7549,7550],{"class":4455},"rotate",[2824,7552,4459],{"class":3003},[2824,7554,7555],{"class":3572},"360deg",[2824,7557,7558],{"class":3003},"); } }\n",[2824,7560,7561],{"class":2826,"line":4024},[2824,7562,3725],{"emptyLinePlaceholder":3724},[2824,7564,7565],{"class":2826,"line":4032},[2824,7566,7567],{"class":2993},"/* ПРАВИЛЬНО: анімація зупиняється при Reduce Motion */\n",[2824,7569,7570,7573],{"class":2826,"line":4049},[2824,7571,7572],{"class":3043},".safe-box",[2824,7574,3004],{"class":3003},[2824,7576,7577,7579,7581,7583,7585,7587,7589,7591],{"class":2826,"line":4062},[2824,7578,7397],{"class":3009},[2824,7580,3013],{"class":3003},[2824,7582,7402],{"class":3572},[2824,7584,3688],{"class":3003},[2824,7586,7407],{"class":3009},[2824,7588,3013],{"class":3003},[2824,7590,7402],{"class":3572},[2824,7592,3020],{"class":3003},[2824,7594,7595,7597,7599,7601,7603,7605,7607,7610,7612,7615],{"class":2826,"line":4067},[2824,7596,3580],{"class":3009},[2824,7598,3013],{"class":3003},[2824,7600,7422],{"class":4455},[2824,7602,4459],{"class":3003},[2824,7604,7427],{"class":3572},[2824,7606,3600],{"class":3003},[2824,7608,7609],{"class":3016},"#10b981",[2824,7611,3600],{"class":3003},[2824,7613,7614],{"class":3016},"#059669",[2824,7616,4480],{"class":3003},[2824,7618,7619,7621,7623,7625],{"class":2826,"line":4072},[2824,7620,3816],{"class":3009},[2824,7622,3013],{"class":3003},[2824,7624,3821],{"class":3572},[2824,7626,3020],{"class":3003},[2824,7628,7629,7631,7633,7635,7637,7639,7641,7643,7645,7647,7649,7651],{"class":2826,"line":4078},[2824,7630,3634],{"class":3009},[2824,7632,3013],{"class":3003},[2824,7634,3639],{"class":3016},[2824,7636,3688],{"class":3003},[2824,7638,3764],{"class":3009},[2824,7640,3013],{"class":3003},[2824,7642,3769],{"class":3016},[2824,7644,3688],{"class":3003},[2824,7646,7470],{"class":3009},[2824,7648,3013],{"class":3003},[2824,7650,3769],{"class":3016},[2824,7652,3020],{"class":3003},[2824,7654,7655,7657,7659,7661],{"class":2826,"line":4085},[2824,7656,3610],{"class":3009},[2824,7658,3013],{"class":3003},[2824,7660,7485],{"class":3572},[2824,7662,3020],{"class":3003},[2824,7664,7665,7667,7669,7671],{"class":2826,"line":4115},[2824,7666,3889],{"class":3009},[2824,7668,3013],{"class":3003},[2824,7670,3769],{"class":3016},[2824,7672,3020],{"class":3003},[2824,7674,7675,7677,7679,7681],{"class":2826,"line":4120},[2824,7676,3876],{"class":3009},[2824,7678,3013],{"class":3003},[2824,7680,7506],{"class":3572},[2824,7682,3020],{"class":3003},[2824,7684,7685,7687,7690,7693,7696,7698],{"class":2826,"line":4141},[2824,7686,7513],{"class":3009},[2824,7688,7689],{"class":3003},": pulse-safe ",[2824,7691,7692],{"class":3572},"2s",[2824,7694,7695],{"class":3016}," ease-in-out",[2824,7697,7525],{"class":3016},[2824,7699,3020],{"class":3003},[2824,7701,7702],{"class":2826,"line":4149},[2824,7703,3025],{"class":3003},[2824,7705,7706],{"class":2826,"line":4165},[2824,7707,3725],{"emptyLinePlaceholder":3724},[2824,7709,7710,7712,7715],{"class":2826,"line":4176},[2824,7711,7536],{"class":6516},[2824,7713,7714],{"class":3009}," pulse-safe",[2824,7716,3004],{"class":3003},[2824,7718,7719,7722,7724,7726,7729,7731,7733],{"class":2826,"line":4187},[2824,7720,7721],{"class":3003},"  0%, 100% { ",[2824,7723,7545],{"class":3009},[2824,7725,3013],{"class":3003},[2824,7727,7728],{"class":4455},"scale",[2824,7730,4459],{"class":3003},[2824,7732,6305],{"class":3572},[2824,7734,7735],{"class":3003},"); }\n",[2824,7737,7738,7741,7743,7745,7747,7749,7752],{"class":2826,"line":4192},[2824,7739,7740],{"class":3003},"  50% { ",[2824,7742,7545],{"class":3009},[2824,7744,3013],{"class":3003},[2824,7746,7728],{"class":4455},[2824,7748,4459],{"class":3003},[2824,7750,7751],{"class":3572},"1.05",[2824,7753,7735],{"class":3003},[2824,7755,7756],{"class":2826,"line":4197},[2824,7757,3025],{"class":3003},[2824,7759,7760],{"class":2826,"line":4205},[2824,7761,3725],{"emptyLinePlaceholder":3724},[2824,7763,7764],{"class":2826,"line":4227},[2824,7765,7766],{"class":2993},"/* Вимикаємо для тих, хто просить менше руху */\n",[2824,7768,7769,7771],{"class":2826,"line":4238},[2824,7770,6517],{"class":6516},[2824,7772,7773],{"class":3003}," (prefers-reduced-motion: reduce) {\n",[2824,7775,7776,7779,7781,7784,7786,7788],{"class":2826,"line":4250},[2824,7777,7778],{"class":3043},"  .safe-box",[2824,7780,3677],{"class":3003},[2824,7782,7783],{"class":3009},"animation",[2824,7785,3013],{"class":3003},[2824,7787,3017],{"class":3016},[2824,7789,3719],{"class":3003},[2824,7791,7792],{"class":2826,"line":4263},[2824,7793,3725],{"emptyLinePlaceholder":3724},[2824,7795,7796],{"class":2826,"line":4268},[2824,7797,7798],{"class":2993},"  /* Анімації дозволені якщо вони повільні та не обертові */\n",[2824,7800,7801,7804,7806,7809,7811,7814,7818],{"class":2826,"line":4284},[2824,7802,7803],{"class":3043},"  .fade-reveal",[2824,7805,3677],{"class":3003},[2824,7807,7808],{"class":3009},"animation-duration",[2824,7810,3013],{"class":3003},[2824,7812,7813],{"class":3572},"0.01ms",[2824,7815,7817],{"class":7816},"su1O8"," !important",[2824,7819,3719],{"class":3003},[2824,7821,7822],{"class":2826,"line":4292},[2824,7823,3725],{"emptyLinePlaceholder":3724},[2824,7825,7826],{"class":2826,"line":4308},[2824,7827,7828],{"class":2993},"  /* Загальне правило — вимкнути всі transitions та animations */\n",[2824,7830,7831,7834,7836,7838,7841,7843,7845,7848],{"class":2826,"line":4319},[2824,7832,7833],{"class":2999},"  *",[2824,7835,3600],{"class":3003},[2824,7837,3000],{"class":2999},[2824,7839,7840],{"class":3043},"::before",[2824,7842,3600],{"class":3003},[2824,7844,3000],{"class":2999},[2824,7846,7847],{"class":3043},"::after",[2824,7849,3004],{"class":3003},[2824,7851,7852,7855,7857,7859,7861],{"class":2826,"line":4324},[2824,7853,7854],{"class":3009},"    animation-duration",[2824,7856,3013],{"class":3003},[2824,7858,7813],{"class":3572},[2824,7860,7817],{"class":7816},[2824,7862,3020],{"class":3003},[2824,7864,7865,7868,7870,7872,7874],{"class":2826,"line":4329},[2824,7866,7867],{"class":3009},"    animation-iteration-count",[2824,7869,3013],{"class":3003},[2824,7871,6305],{"class":3572},[2824,7873,7817],{"class":7816},[2824,7875,3020],{"class":3003},[2824,7877,7878,7881,7883,7885,7887],{"class":2826,"line":4337},[2824,7879,7880],{"class":3009},"    transition-duration",[2824,7882,3013],{"class":3003},[2824,7884,7813],{"class":3572},[2824,7886,7817],{"class":7816},[2824,7888,3020],{"class":3003},[2824,7890,7891,7894,7896,7899,7901],{"class":2826,"line":4351},[2824,7892,7893],{"class":3009},"    scroll-behavior",[2824,7895,3013],{"class":3003},[2824,7897,7898],{"class":3016},"auto",[2824,7900,7817],{"class":7816},[2824,7902,3020],{"class":3003},[2824,7904,7905],{"class":2826,"line":4367},[2824,7906,6566],{"class":3003},[2824,7908,7909],{"class":2826,"line":4379},[2824,7910,3025],{"class":3003},[2824,7912,7913],{"class":2826,"line":4390},[2824,7914,3725],{"emptyLinePlaceholder":3724},[2824,7916,7917,7920],{"class":2826,"line":4401},[2824,7918,7919],{"class":3043},".fade-reveal",[2824,7921,3004],{"class":3003},[2824,7923,7924,7926,7928,7930],{"class":2826,"line":4412},[2824,7925,3567],{"class":3009},[2824,7927,3013],{"class":3003},[2824,7929,3663],{"class":3572},[2824,7931,3020],{"class":3003},[2824,7933,7934,7936,7938,7941],{"class":2826,"line":4417},[2824,7935,3580],{"class":3009},[2824,7937,3013],{"class":3003},[2824,7939,7940],{"class":3016},"#ede9fe",[2824,7942,3020],{"class":3003},[2824,7944,7945,7947,7949,7951],{"class":2826,"line":4425},[2824,7946,3816],{"class":3009},[2824,7948,3013],{"class":3003},[2824,7950,5986],{"class":3572},[2824,7952,3020],{"class":3003},[2824,7954,7955,7957,7959,7961],{"class":2826,"line":4437},[2824,7956,3889],{"class":3009},[2824,7958,3013],{"class":3003},[2824,7960,3769],{"class":3016},[2824,7962,3020],{"class":3003},[2824,7964,7965,7967,7969,7971],{"class":2826,"line":4483},[2824,7966,3876],{"class":3009},[2824,7968,3013],{"class":3003},[2824,7970,6380],{"class":3572},[2824,7972,3020],{"class":3003},[2824,7974,7975,7977,7980,7983,7986],{"class":2826,"line":4488},[2824,7976,7513],{"class":3009},[2824,7978,7979],{"class":3003},": fade-in-safe ",[2824,7981,7982],{"class":3572},"0.6s",[2824,7984,7985],{"class":3016}," ease",[2824,7987,3020],{"class":3003},[2824,7989,7990],{"class":2826,"line":4493},[2824,7991,3025],{"class":3003},[2824,7993,7994,7996,7999],{"class":2826,"line":4499},[2824,7995,7536],{"class":6516},[2824,7997,7998],{"class":3009}," fade-in-safe",[2824,8000,3004],{"class":3003},[2824,8002,8003,8006,8008,8010,8012],{"class":2826,"line":4539},[2824,8004,8005],{"class":3003},"  from { ",[2824,8007,6403],{"class":3009},[2824,8009,3013],{"class":3003},[2824,8011,3685],{"class":3572},[2824,8013,3719],{"class":3003},[2824,8015,8016,8019,8021,8023,8025],{"class":2826,"line":4590},[2824,8017,8018],{"class":3003},"  to   { ",[2824,8020,6403],{"class":3009},[2824,8022,3013],{"class":3003},[2824,8024,6305],{"class":3572},[2824,8026,3719],{"class":3003},[2824,8028,8029],{"class":2826,"line":4595},[2824,8030,3025],{"class":3003},[2824,8032,8033],{"class":2826,"line":4618},[2824,8034,3725],{"emptyLinePlaceholder":3724},[2824,8036,8037,8040,8042,8044,8046,8048,8050,8052,8054,8056,8058,8060,8062,8065],{"class":2826,"line":4632},[2824,8038,8039],{"class":3043},".media-badges",[2824,8041,3677],{"class":3003},[2824,8043,3735],{"class":3009},[2824,8045,3013],{"class":3003},[2824,8047,3639],{"class":3016},[2824,8049,3688],{"class":3003},[2824,8051,5944],{"class":3009},[2824,8053,3013],{"class":3003},[2824,8055,3651],{"class":3016},[2824,8057,3688],{"class":3003},[2824,8059,3754],{"class":3009},[2824,8061,3013],{"class":3003},[2824,8063,8064],{"class":3572},"0.3rem",[2824,8066,3719],{"class":3003},[2824,8068,8069,8072],{"class":2826,"line":4643},[2824,8070,8071],{"class":3043},".mb-item",[2824,8073,3004],{"class":3003},[2824,8075,8076,8078,8080,8082],{"class":2826,"line":4659},[2824,8077,3580],{"class":3009},[2824,8079,3013],{"class":3003},[2824,8081,4666],{"class":3016},[2824,8083,3020],{"class":3003},[2824,8085,8086,8088,8090,8092,8094,8096],{"class":2826,"line":4671},[2824,8087,3828],{"class":3009},[2824,8089,3013],{"class":3003},[2824,8091,6138],{"class":3572},[2824,8093,3836],{"class":3016},[2824,8095,4654],{"class":3016},[2824,8097,3020],{"class":3003},[2824,8099,8100,8102,8104,8106],{"class":2826,"line":4682},[2824,8101,3816],{"class":3009},[2824,8103,3013],{"class":3003},[2824,8105,5986],{"class":3572},[2824,8107,3020],{"class":3003},[2824,8109,8110,8112,8114,8116,8118],{"class":2826,"line":4694},[2824,8111,3567],{"class":3009},[2824,8113,3013],{"class":3003},[2824,8115,3759],{"class":3572},[2824,8117,4346],{"class":3572},[2824,8119,3020],{"class":3003},[2824,8121,8122,8124,8126,8128],{"class":2826,"line":4705},[2824,8123,3610],{"class":3009},[2824,8125,3013],{"class":3003},[2824,8127,4569],{"class":3572},[2824,8129,3020],{"class":3003},[2824,8131,8132,8134,8136,8138],{"class":2826,"line":4716},[2824,8133,3876],{"class":3009},[2824,8135,3013],{"class":3003},[2824,8137,6380],{"class":3572},[2824,8139,3020],{"class":3003},[2824,8141,8142],{"class":2826,"line":4721},[2824,8143,3025],{"class":3003},[2824,8145,8146,8148,8151,8153,8155,8157,8160,8162,8165,8167,8170,8173,8175,8178,8180,8182,8184,8186,8188,8191,8193,8195,8197,8199],{"class":2826,"line":4738},[2824,8147,8071],{"class":3043},[2824,8149,8150],{"class":3043}," code",[2824,8152,3677],{"class":3003},[2824,8154,6115],{"class":3009},[2824,8156,3013],{"class":3003},[2824,8158,8159],{"class":3016},"#f1f5f9",[2824,8161,3688],{"class":3003},[2824,8163,8164],{"class":3009},"padding",[2824,8166,3013],{"class":3003},[2824,8168,8169],{"class":3572},"0.1em",[2824,8171,8172],{"class":3572}," 0.3em",[2824,8174,3688],{"class":3003},[2824,8176,8177],{"class":3009},"border-radius",[2824,8179,3013],{"class":3003},[2824,8181,4039],{"class":3572},[2824,8183,3688],{"class":3003},[2824,8185,3711],{"class":3009},[2824,8187,3013],{"class":3003},[2824,8189,8190],{"class":3572},"0.82em",[2824,8192,3688],{"class":3003},[2824,8194,3691],{"class":3009},[2824,8196,3013],{"class":3003},[2824,8198,4212],{"class":3016},[2824,8200,3719],{"class":3003},[2800,8202,8203],{},[2804,8204,8205],{},"Правильний паттерн для анімацій:",[2815,8207,8209],{"className":2984,"code":8208,"language":2986,"meta":2819,"style":2819},"/* Підхід 1: анімація за замовчуванням, вимикаємо для reduce */\n.card {\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .card {\n    transition: none;\n  }\n}\n\n/* Підхід 2: анімація лише при no-preference (рекомендований) */\n@media (prefers-reduced-motion: no-preference) {\n  .hero {\n    animation: slide-in 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;\n  }\n\n  .card:hover {\n    transform: translateY(-4px);\n    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);\n  }\n}\n",[2821,8210,8211,8216,8223,8245,8249,8253,8259,8266,8277,8281,8285,8289,8294,8301,8308,8348,8352,8356,8363,8380,8415,8419],{"__ignoreMap":2819},[2824,8212,8213],{"class":2826,"line":2827},[2824,8214,8215],{"class":2993},"/* Підхід 1: анімація за замовчуванням, вимикаємо для reduce */\n",[2824,8217,8218,8221],{"class":2826,"line":2833},[2824,8219,8220],{"class":3043},".card",[2824,8222,3004],{"class":3003},[2824,8224,8225,8228,8231,8234,8236,8239,8241,8243],{"class":2826,"line":2839},[2824,8226,8227],{"class":3009},"  transition",[2824,8229,8230],{"class":3003},": transform ",[2824,8232,8233],{"class":3572},"0.3s",[2824,8235,7985],{"class":3016},[2824,8237,8238],{"class":3003},", box-shadow ",[2824,8240,8233],{"class":3572},[2824,8242,7985],{"class":3016},[2824,8244,3020],{"class":3003},[2824,8246,8247],{"class":2826,"line":2845},[2824,8248,3025],{"class":3003},[2824,8250,8251],{"class":2826,"line":2851},[2824,8252,3725],{"emptyLinePlaceholder":3724},[2824,8254,8255,8257],{"class":2826,"line":2857},[2824,8256,6517],{"class":6516},[2824,8258,7773],{"class":3003},[2824,8260,8261,8264],{"class":2826,"line":2863},[2824,8262,8263],{"class":3043},"  .card",[2824,8265,3004],{"class":3003},[2824,8267,8268,8271,8273,8275],{"class":2826,"line":2869},[2824,8269,8270],{"class":3009},"    transition",[2824,8272,3013],{"class":3003},[2824,8274,3017],{"class":3016},[2824,8276,3020],{"class":3003},[2824,8278,8279],{"class":2826,"line":2875},[2824,8280,6566],{"class":3003},[2824,8282,8283],{"class":2826,"line":2881},[2824,8284,3025],{"class":3003},[2824,8286,8287],{"class":2826,"line":2887},[2824,8288,3725],{"emptyLinePlaceholder":3724},[2824,8290,8291],{"class":2826,"line":2893},[2824,8292,8293],{"class":2993},"/* Підхід 2: анімація лише при no-preference (рекомендований) */\n",[2824,8295,8296,8298],{"class":2826,"line":2899},[2824,8297,6517],{"class":6516},[2824,8299,8300],{"class":3003}," (prefers-reduced-motion: no-preference) {\n",[2824,8302,8303,8306],{"class":2826,"line":2905},[2824,8304,8305],{"class":3043},"  .hero",[2824,8307,3004],{"class":3003},[2824,8309,8310,8313,8316,8318,8321,8323,8326,8328,8331,8333,8336,8338,8340,8343,8346],{"class":2826,"line":2911},[2824,8311,8312],{"class":3009},"    animation",[2824,8314,8315],{"class":3003},": slide-in ",[2824,8317,7982],{"class":3572},[2824,8319,8320],{"class":4455}," cubic-bezier",[2824,8322,4459],{"class":3003},[2824,8324,8325],{"class":3572},"0.34",[2824,8327,3600],{"class":3003},[2824,8329,8330],{"class":3572},"1.56",[2824,8332,3600],{"class":3003},[2824,8334,8335],{"class":3572},"0.64",[2824,8337,3600],{"class":3003},[2824,8339,6305],{"class":3572},[2824,8341,8342],{"class":3003},") ",[2824,8344,8345],{"class":3016},"both",[2824,8347,3020],{"class":3003},[2824,8349,8350],{"class":2826,"line":2917},[2824,8351,6566],{"class":3003},[2824,8353,8354],{"class":2826,"line":2923},[2824,8355,3725],{"emptyLinePlaceholder":3724},[2824,8357,8358,8361],{"class":2826,"line":2929},[2824,8359,8360],{"class":3043},"  .card:hover",[2824,8362,3004],{"class":3003},[2824,8364,8365,8368,8370,8373,8375,8378],{"class":2826,"line":2935},[2824,8366,8367],{"class":3009},"    transform",[2824,8369,3013],{"class":3003},[2824,8371,8372],{"class":4455},"translateY",[2824,8374,4459],{"class":3003},[2824,8376,8377],{"class":3572},"-4px",[2824,8379,4480],{"class":3003},[2824,8381,8382,8385,8387,8389,8391,8394,8396,8398,8400,8402,8404,8406,8408,8410,8413],{"class":2826,"line":2941},[2824,8383,8384],{"class":3009},"    box-shadow",[2824,8386,3013],{"class":3003},[2824,8388,3685],{"class":3572},[2824,8390,4936],{"class":3572},[2824,8392,8393],{"class":3572}," 40px",[2824,8395,4456],{"class":4455},[2824,8397,4459],{"class":3003},[2824,8399,3685],{"class":3572},[2824,8401,3600],{"class":3003},[2824,8403,3685],{"class":3572},[2824,8405,3600],{"class":3003},[2824,8407,3685],{"class":3572},[2824,8409,3600],{"class":3003},[2824,8411,8412],{"class":3572},"0.12",[2824,8414,4480],{"class":3003},[2824,8416,8417],{"class":2826,"line":2947},[2824,8418,6566],{"class":3003},[2824,8420,8421],{"class":2826,"line":2953},[2824,8422,3025],{"class":3003},[2964,8424],{},[2795,8426,8428,8429,8432],{"id":8427},"техніка-sr-only-видимо-для-скринридера-невидимо-візуально","Техніка ",[2821,8430,8431],{},".sr-only"," — видимо для скринридера, невидимо візуально",[2800,8434,8435],{},"Іноді потрібно надати контекст скринридеру, не показуючи текст візуально. Класичний приклад — кнопка «X» (закрити) без текстового пояснення:",[2815,8437,8439],{"className":3128,"code":8438,"language":3130,"meta":2819,"style":2819},"\u003Cbutton class=\"close-btn\">\n  \u003Csvg>...\u003C/svg>\n  \u003Cspan class=\"sr-only\">Закрити діалог\u003C/span>\n\u003C/button>\n",[2821,8440,8441,8456,8474,8498],{"__ignoreMap":2819},[2824,8442,8443,8445,8447,8449,8451,8454],{"class":2826,"line":2827},[2824,8444,3138],{"class":3137},[2824,8446,3204],{"class":2999},[2824,8448,3144],{"class":3009},[2824,8450,3147],{"class":3003},[2824,8452,8453],{"class":3150},"\"close-btn\"",[2824,8455,3154],{"class":3137},[2824,8457,8458,8460,8463,8465,8468,8470,8472],{"class":2826,"line":2833},[2824,8459,3159],{"class":3137},[2824,8461,8462],{"class":2999},"svg",[2824,8464,3171],{"class":3137},[2824,8466,8467],{"class":3003},"...",[2824,8469,3177],{"class":3137},[2824,8471,8462],{"class":2999},[2824,8473,3154],{"class":3137},[2824,8475,8476,8478,8480,8482,8484,8487,8489,8492,8494,8496],{"class":2826,"line":2839},[2824,8477,3159],{"class":3137},[2824,8479,2824],{"class":2999},[2824,8481,3144],{"class":3009},[2824,8483,3147],{"class":3003},[2824,8485,8486],{"class":3150},"\"sr-only\"",[2824,8488,3171],{"class":3137},[2824,8490,8491],{"class":3003},"Закрити діалог",[2824,8493,3177],{"class":3137},[2824,8495,2824],{"class":2999},[2824,8497,3154],{"class":3137},[2824,8499,8500,8502,8504],{"class":2826,"line":2845},[2824,8501,3177],{"class":3137},[2824,8503,3204],{"class":2999},[2824,8505,3154],{"class":3137},[2815,8507,8509],{"className":2984,"code":8508,"language":2986,"meta":2819,"style":2819},"/* .sr-only — «visually hidden» технніка */\n.sr-only {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n/* Варіант з можливістю показу при фокусі (for skip links) */\n.sr-only-focusable:not(:focus) {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n",[2821,8510,8511,8516,8522,8534,8544,8555,8565,8577,8589,8617,8628,8639,8643,8647,8652,8663,8673,8683,8693,8703,8713,8723,8749,8759,8769],{"__ignoreMap":2819},[2824,8512,8513],{"class":2826,"line":2827},[2824,8514,8515],{"class":2993},"/* .sr-only — «visually hidden» технніка */\n",[2824,8517,8518,8520],{"class":2826,"line":2833},[2824,8519,8431],{"class":3043},[2824,8521,3004],{"class":3003},[2824,8523,8524,8527,8529,8532],{"class":2826,"line":2839},[2824,8525,8526],{"class":3009},"  position",[2824,8528,3013],{"class":3003},[2824,8530,8531],{"class":3016},"absolute",[2824,8533,3020],{"class":3003},[2824,8535,8536,8538,8540,8542],{"class":2826,"line":2845},[2824,8537,7397],{"class":3009},[2824,8539,3013],{"class":3003},[2824,8541,6138],{"class":3572},[2824,8543,3020],{"class":3003},[2824,8545,8546,8549,8551,8553],{"class":2826,"line":2851},[2824,8547,8548],{"class":3009},"  height",[2824,8550,3013],{"class":3003},[2824,8552,6138],{"class":3572},[2824,8554,3020],{"class":3003},[2824,8556,8557,8559,8561,8563],{"class":2826,"line":2857},[2824,8558,3567],{"class":3009},[2824,8560,3013],{"class":3003},[2824,8562,3685],{"class":3572},[2824,8564,3020],{"class":3003},[2824,8566,8567,8570,8572,8575],{"class":2826,"line":2863},[2824,8568,8569],{"class":3009},"  margin",[2824,8571,3013],{"class":3003},[2824,8573,8574],{"class":3572},"-1px",[2824,8576,3020],{"class":3003},[2824,8578,8579,8582,8584,8587],{"class":2826,"line":2869},[2824,8580,8581],{"class":3009},"  overflow",[2824,8583,3013],{"class":3003},[2824,8585,8586],{"class":3016},"hidden",[2824,8588,3020],{"class":3003},[2824,8590,8591,8594,8596,8599,8601,8603,8605,8607,8609,8611,8613,8615],{"class":2826,"line":2875},[2824,8592,8593],{"class":3009},"  clip",[2824,8595,3013],{"class":3003},[2824,8597,8598],{"class":4455},"rect",[2824,8600,4459],{"class":3003},[2824,8602,3685],{"class":3572},[2824,8604,3600],{"class":3003},[2824,8606,3685],{"class":3572},[2824,8608,3600],{"class":3003},[2824,8610,3685],{"class":3572},[2824,8612,3600],{"class":3003},[2824,8614,3685],{"class":3572},[2824,8616,4480],{"class":3003},[2824,8618,8619,8622,8624,8626],{"class":2826,"line":2881},[2824,8620,8621],{"class":3009},"  white-space",[2824,8623,3013],{"class":3003},[2824,8625,6080],{"class":3016},[2824,8627,3020],{"class":3003},[2824,8629,8630,8633,8635,8637],{"class":2826,"line":2887},[2824,8631,8632],{"class":3009},"  border-width",[2824,8634,3013],{"class":3003},[2824,8636,3685],{"class":3572},[2824,8638,3020],{"class":3003},[2824,8640,8641],{"class":2826,"line":2893},[2824,8642,3025],{"class":3003},[2824,8644,8645],{"class":2826,"line":2899},[2824,8646,3725],{"emptyLinePlaceholder":3724},[2824,8648,8649],{"class":2826,"line":2905},[2824,8650,8651],{"class":2993},"/* Варіант з можливістю показу при фокусі (for skip links) */\n",[2824,8653,8654,8657,8659,8661],{"class":2826,"line":2911},[2824,8655,8656],{"class":3043},".sr-only-focusable:not",[2824,8658,4459],{"class":3003},[2824,8660,3044],{"class":3043},[2824,8662,5119],{"class":3003},[2824,8664,8665,8667,8669,8671],{"class":2826,"line":2917},[2824,8666,8526],{"class":3009},[2824,8668,3013],{"class":3003},[2824,8670,8531],{"class":3016},[2824,8672,3020],{"class":3003},[2824,8674,8675,8677,8679,8681],{"class":2826,"line":2923},[2824,8676,7397],{"class":3009},[2824,8678,3013],{"class":3003},[2824,8680,6138],{"class":3572},[2824,8682,3020],{"class":3003},[2824,8684,8685,8687,8689,8691],{"class":2826,"line":2929},[2824,8686,8548],{"class":3009},[2824,8688,3013],{"class":3003},[2824,8690,6138],{"class":3572},[2824,8692,3020],{"class":3003},[2824,8694,8695,8697,8699,8701],{"class":2826,"line":2935},[2824,8696,3567],{"class":3009},[2824,8698,3013],{"class":3003},[2824,8700,3685],{"class":3572},[2824,8702,3020],{"class":3003},[2824,8704,8705,8707,8709,8711],{"class":2826,"line":2941},[2824,8706,8569],{"class":3009},[2824,8708,3013],{"class":3003},[2824,8710,8574],{"class":3572},[2824,8712,3020],{"class":3003},[2824,8714,8715,8717,8719,8721],{"class":2826,"line":2947},[2824,8716,8581],{"class":3009},[2824,8718,3013],{"class":3003},[2824,8720,8586],{"class":3016},[2824,8722,3020],{"class":3003},[2824,8724,8725,8727,8729,8731,8733,8735,8737,8739,8741,8743,8745,8747],{"class":2826,"line":2953},[2824,8726,8593],{"class":3009},[2824,8728,3013],{"class":3003},[2824,8730,8598],{"class":4455},[2824,8732,4459],{"class":3003},[2824,8734,3685],{"class":3572},[2824,8736,3600],{"class":3003},[2824,8738,3685],{"class":3572},[2824,8740,3600],{"class":3003},[2824,8742,3685],{"class":3572},[2824,8744,3600],{"class":3003},[2824,8746,3685],{"class":3572},[2824,8748,4480],{"class":3003},[2824,8750,8751,8753,8755,8757],{"class":2826,"line":2959},[2824,8752,8621],{"class":3009},[2824,8754,3013],{"class":3003},[2824,8756,6080],{"class":3016},[2824,8758,3020],{"class":3003},[2824,8760,8761,8763,8765,8767],{"class":2826,"line":3886},[2824,8762,8632],{"class":3009},[2824,8764,3013],{"class":3003},[2824,8766,3685],{"class":3572},[2824,8768,3020],{"class":3003},[2824,8770,8771],{"class":2826,"line":3898},[2824,8772,3025],{"class":3003},[3124,8774,8775,9179],{},[2815,8776,8778],{"className":3128,"code":8777,"language":3130,"meta":2819,"style":2819},"\u003Cdiv class=\"sronly-demo\">\n  \u003Cp class=\"sd-note\">Кнопки нижче виглядають однаково, але скринридер читає різний текст:\u003C/p>\n  \u003Cdiv class=\"btn-row\">\n    \u003Cbutton class=\"icon-btn bad-icon-btn\" title=\"Видалити\">\n      🗑️\n      \u003C!-- Скринридер: \"button\" або нічого корисного -->\n    \u003C/button>\n    \u003Cbutton class=\"icon-btn good-icon-btn\" title=\"Видалити\">\n      🗑️\n      \u003Cspan class=\"sr-only-ex\">Видалити елемент\u003C/span>\n      \u003C!-- Скринридер: \"Видалити елемент\" ✅ -->\n    \u003C/button>\n  \u003C/div>\n  \u003Cdiv class=\"skip-link-demo\">\n    \u003Ca href=\"#main-content\" class=\"skip-link\">Перейти до основного контенту\u003C/a>\n    \u003Cp class=\"sd-note\" style=\"margin-top:0\">↑ Skip Link — з'являється при Tab (спробуйте)\u003C/p>\n  \u003C/div>\n  \u003Cdiv class=\"visually-hidden-compare\">\n    \u003Cp>\u003Ccode>display: none\u003C/code> — прихований від всіх, включно зі скринридером\u003C/p>\n    \u003Cp>\u003Ccode>visibility: hidden\u003C/code> — прихований візуально + від скринридера, зберігає місце\u003C/p>\n    \u003Cp>\u003Ccode>opacity: 0\u003C/code> — невидимий, але скринридер ЧИТАЄ його\u003C/p>\n    \u003Cp>\u003Ccode>.sr-only\u003C/code> — невидимий, але скринридер ЧИТАЄ ✅\u003C/p>\n  \u003C/div>\n\u003C/div>\n",[2821,8779,8780,8795,8819,8834,8857,8862,8867,8875,8896,8900,8924,8929,8937,8945,8960,8991,9021,9029,9044,9074,9104,9134,9163,9171],{"__ignoreMap":2819},[2824,8781,8782,8784,8786,8788,8790,8793],{"class":2826,"line":2827},[2824,8783,3138],{"class":3137},[2824,8785,3141],{"class":2999},[2824,8787,3144],{"class":3009},[2824,8789,3147],{"class":3003},[2824,8791,8792],{"class":3150},"\"sronly-demo\"",[2824,8794,3154],{"class":3137},[2824,8796,8797,8799,8801,8803,8805,8808,8810,8813,8815,8817],{"class":2826,"line":2833},[2824,8798,3159],{"class":3137},[2824,8800,2800],{"class":2999},[2824,8802,3144],{"class":3009},[2824,8804,3147],{"class":3003},[2824,8806,8807],{"class":3150},"\"sd-note\"",[2824,8809,3171],{"class":3137},[2824,8811,8812],{"class":3003},"Кнопки нижче виглядають однаково, але скринридер читає різний текст:",[2824,8814,3177],{"class":3137},[2824,8816,2800],{"class":2999},[2824,8818,3154],{"class":3137},[2824,8820,8821,8823,8825,8827,8829,8832],{"class":2826,"line":2839},[2824,8822,3159],{"class":3137},[2824,8824,3141],{"class":2999},[2824,8826,3144],{"class":3009},[2824,8828,3147],{"class":3003},[2824,8830,8831],{"class":3150},"\"btn-row\"",[2824,8833,3154],{"class":3137},[2824,8835,8836,8838,8840,8842,8844,8847,8850,8852,8855],{"class":2826,"line":2845},[2824,8837,3201],{"class":3137},[2824,8839,3204],{"class":2999},[2824,8841,3144],{"class":3009},[2824,8843,3147],{"class":3003},[2824,8845,8846],{"class":3150},"\"icon-btn bad-icon-btn\"",[2824,8848,8849],{"class":3009}," title",[2824,8851,3147],{"class":3003},[2824,8853,8854],{"class":3150},"\"Видалити\"",[2824,8856,3154],{"class":3137},[2824,8858,8859],{"class":2826,"line":2851},[2824,8860,8861],{"class":3003},"      🗑️\n",[2824,8863,8864],{"class":2826,"line":2857},[2824,8865,8866],{"class":2993},"      \u003C!-- Скринридер: \"button\" або нічого корисного -->\n",[2824,8868,8869,8871,8873],{"class":2826,"line":2863},[2824,8870,5326],{"class":3137},[2824,8872,3204],{"class":2999},[2824,8874,3154],{"class":3137},[2824,8876,8877,8879,8881,8883,8885,8888,8890,8892,8894],{"class":2826,"line":2869},[2824,8878,3201],{"class":3137},[2824,8880,3204],{"class":2999},[2824,8882,3144],{"class":3009},[2824,8884,3147],{"class":3003},[2824,8886,8887],{"class":3150},"\"icon-btn good-icon-btn\"",[2824,8889,8849],{"class":3009},[2824,8891,3147],{"class":3003},[2824,8893,8854],{"class":3150},[2824,8895,3154],{"class":3137},[2824,8897,8898],{"class":2826,"line":2875},[2824,8899,8861],{"class":3003},[2824,8901,8902,8904,8906,8908,8910,8913,8915,8918,8920,8922],{"class":2826,"line":2881},[2824,8903,5284],{"class":3137},[2824,8905,2824],{"class":2999},[2824,8907,3144],{"class":3009},[2824,8909,3147],{"class":3003},[2824,8911,8912],{"class":3150},"\"sr-only-ex\"",[2824,8914,3171],{"class":3137},[2824,8916,8917],{"class":3003},"Видалити елемент",[2824,8919,3177],{"class":3137},[2824,8921,2824],{"class":2999},[2824,8923,3154],{"class":3137},[2824,8925,8926],{"class":2826,"line":2887},[2824,8927,8928],{"class":2993},"      \u003C!-- Скринридер: \"Видалити елемент\" ✅ -->\n",[2824,8930,8931,8933,8935],{"class":2826,"line":2893},[2824,8932,5326],{"class":3137},[2824,8934,3204],{"class":2999},[2824,8936,3154],{"class":3137},[2824,8938,8939,8941,8943],{"class":2826,"line":2899},[2824,8940,3395],{"class":3137},[2824,8942,3141],{"class":2999},[2824,8944,3154],{"class":3137},[2824,8946,8947,8949,8951,8953,8955,8958],{"class":2826,"line":2905},[2824,8948,3159],{"class":3137},[2824,8950,3141],{"class":2999},[2824,8952,3144],{"class":3009},[2824,8954,3147],{"class":3003},[2824,8956,8957],{"class":3150},"\"skip-link-demo\"",[2824,8959,3154],{"class":3137},[2824,8961,8962,8964,8966,8968,8970,8973,8975,8977,8980,8982,8985,8987,8989],{"class":2826,"line":2911},[2824,8963,3201],{"class":3137},[2824,8965,3332],{"class":2999},[2824,8967,3335],{"class":3009},[2824,8969,3147],{"class":3003},[2824,8971,8972],{"class":3150},"\"#main-content\"",[2824,8974,3144],{"class":3009},[2824,8976,3147],{"class":3003},[2824,8978,8979],{"class":3150},"\"skip-link\"",[2824,8981,3171],{"class":3137},[2824,8983,8984],{"class":3003},"Перейти до основного контенту",[2824,8986,3177],{"class":3137},[2824,8988,3332],{"class":2999},[2824,8990,3154],{"class":3137},[2824,8992,8993,8995,8997,8999,9001,9003,9005,9007,9010,9012,9015,9017,9019],{"class":2826,"line":2917},[2824,8994,3201],{"class":3137},[2824,8996,2800],{"class":2999},[2824,8998,3144],{"class":3009},[2824,9000,3147],{"class":3003},[2824,9002,8807],{"class":3150},[2824,9004,5680],{"class":3009},[2824,9006,3147],{"class":3003},[2824,9008,9009],{"class":3150},"\"margin-top:0\"",[2824,9011,3171],{"class":3137},[2824,9013,9014],{"class":3003},"↑ Skip Link — з'являється при Tab (спробуйте)",[2824,9016,3177],{"class":3137},[2824,9018,2800],{"class":2999},[2824,9020,3154],{"class":3137},[2824,9022,9023,9025,9027],{"class":2826,"line":2923},[2824,9024,3395],{"class":3137},[2824,9026,3141],{"class":2999},[2824,9028,3154],{"class":3137},[2824,9030,9031,9033,9035,9037,9039,9042],{"class":2826,"line":2929},[2824,9032,3159],{"class":3137},[2824,9034,3141],{"class":2999},[2824,9036,3144],{"class":3009},[2824,9038,3147],{"class":3003},[2824,9040,9041],{"class":3150},"\"visually-hidden-compare\"",[2824,9043,3154],{"class":3137},[2824,9045,9046,9048,9050,9052,9054,9056,9059,9061,9063,9065,9068,9070,9072],{"class":2826,"line":2935},[2824,9047,3201],{"class":3137},[2824,9049,2800],{"class":2999},[2824,9051,3224],{"class":3137},[2824,9053,2821],{"class":2999},[2824,9055,3171],{"class":3137},[2824,9057,9058],{"class":3003},"display: none",[2824,9060,3177],{"class":3137},[2824,9062,2821],{"class":2999},[2824,9064,3171],{"class":3137},[2824,9066,9067],{"class":3003}," — прихований від всіх, включно зі скринридером",[2824,9069,3177],{"class":3137},[2824,9071,2800],{"class":2999},[2824,9073,3154],{"class":3137},[2824,9075,9076,9078,9080,9082,9084,9086,9089,9091,9093,9095,9098,9100,9102],{"class":2826,"line":2941},[2824,9077,3201],{"class":3137},[2824,9079,2800],{"class":2999},[2824,9081,3224],{"class":3137},[2824,9083,2821],{"class":2999},[2824,9085,3171],{"class":3137},[2824,9087,9088],{"class":3003},"visibility: hidden",[2824,9090,3177],{"class":3137},[2824,9092,2821],{"class":2999},[2824,9094,3171],{"class":3137},[2824,9096,9097],{"class":3003}," — прихований візуально + від скринридера, зберігає місце",[2824,9099,3177],{"class":3137},[2824,9101,2800],{"class":2999},[2824,9103,3154],{"class":3137},[2824,9105,9106,9108,9110,9112,9114,9116,9119,9121,9123,9125,9128,9130,9132],{"class":2826,"line":2947},[2824,9107,3201],{"class":3137},[2824,9109,2800],{"class":2999},[2824,9111,3224],{"class":3137},[2824,9113,2821],{"class":2999},[2824,9115,3171],{"class":3137},[2824,9117,9118],{"class":3003},"opacity: 0",[2824,9120,3177],{"class":3137},[2824,9122,2821],{"class":2999},[2824,9124,3171],{"class":3137},[2824,9126,9127],{"class":3003}," — невидимий, але скринридер ЧИТАЄ його",[2824,9129,3177],{"class":3137},[2824,9131,2800],{"class":2999},[2824,9133,3154],{"class":3137},[2824,9135,9136,9138,9140,9142,9144,9146,9148,9150,9152,9154,9157,9159,9161],{"class":2826,"line":2953},[2824,9137,3201],{"class":3137},[2824,9139,2800],{"class":2999},[2824,9141,3224],{"class":3137},[2824,9143,2821],{"class":2999},[2824,9145,3171],{"class":3137},[2824,9147,8431],{"class":3003},[2824,9149,3177],{"class":3137},[2824,9151,2821],{"class":2999},[2824,9153,3171],{"class":3137},[2824,9155,9156],{"class":3003}," — невидимий, але скринридер ЧИТАЄ ✅",[2824,9158,3177],{"class":3137},[2824,9160,2800],{"class":2999},[2824,9162,3154],{"class":3137},[2824,9164,9165,9167,9169],{"class":2826,"line":2959},[2824,9166,3395],{"class":3137},[2824,9168,3141],{"class":2999},[2824,9170,3154],{"class":3137},[2824,9172,9173,9175,9177],{"class":2826,"line":3886},[2824,9174,3177],{"class":3137},[2824,9176,3141],{"class":2999},[2824,9178,3154],{"class":3137},[2815,9180,9182],{"className":2984,"code":9181,"language":2986,"meta":2819,"style":2819},".sronly-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.sd-note { margin: 0; color: #64748b; font-style: italic; font-size: 0.8rem; }\n\n.btn-row { display: flex; gap: 0.5rem; }\n.icon-btn {\n  width: 40px; height: 40px;\n  border-radius: 8px;\n  border: 1.5px solid #e2e8f0;\n  background: white;\n  font-size: 1.1rem;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.15s;\n}\n.bad-icon-btn { border-color: #fca5a5; background: #fff5f5; }\n.good-icon-btn { border-color: #86efac; background: #f0fdf4; }\n.icon-btn:hover { transform: scale(1.05); }\n\n/* .sr-only техніка */\n.sr-only-ex {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border-width: 0;\n}\n\n/* Skip Link */\n.skip-link-demo { display: flex; flex-direction: column; gap: 0.3rem; }\n.skip-link {\n  display: inline-block;\n  padding: 0.5rem 1rem;\n  background: #6366f1;\n  color: white;\n  border-radius: 6px;\n  text-decoration: none;\n  font-size: 0.85rem;\n  font-weight: 600;\n  transform: translateY(-120%);\n  transition: transform 0.15s;\n}\n.skip-link:focus {\n  transform: translateY(0);\n  outline: 3px solid #000;\n  outline-offset: 2px;\n}\n\n.visually-hidden-compare {\n  background: white;\n  border: 1px solid #e2e8f0;\n  border-radius: 8px;\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.3rem;\n}\n.visually-hidden-compare p { margin: 0; font-size: 0.78rem; line-height: 1.4; }\n.visually-hidden-compare code { background: #f1f5f9; padding: 0.1em 0.3em; border-radius: 3px; color: #6366f1; font-size: 0.85em; }\n",[2821,9183,9184,9191,9201,9211,9225,9235,9245,9255,9265,9275,9279,9318,9322,9345,9352,9371,9381,9395,9405,9416,9426,9436,9446,9456,9470,9474,9498,9522,9541,9545,9550,9557,9567,9577,9587,9597,9607,9617,9643,9653,9663,9667,9671,9676,9707,9714,9725,9737,9747,9757,9767,9777,9787,9798,9814,9825,9829,9836,9850,9864,9874,9878,9882,9889,9899,9913,9923,9933,9943,9953,9963,9967,9999],{"__ignoreMap":2819},[2824,9185,9186,9189],{"class":2826,"line":2827},[2824,9187,9188],{"class":3043},".sronly-demo",[2824,9190,3004],{"class":3003},[2824,9192,9193,9195,9197,9199],{"class":2826,"line":2833},[2824,9194,3567],{"class":3009},[2824,9196,3013],{"class":3003},[2824,9198,3573],{"class":3572},[2824,9200,3020],{"class":3003},[2824,9202,9203,9205,9207,9209],{"class":2826,"line":2839},[2824,9204,3580],{"class":3009},[2824,9206,3013],{"class":3003},[2824,9208,3585],{"class":3016},[2824,9210,3020],{"class":3003},[2824,9212,9213,9215,9217,9219,9221,9223],{"class":2826,"line":2845},[2824,9214,3592],{"class":3009},[2824,9216,3013],{"class":3003},[2824,9218,3597],{"class":3016},[2824,9220,3600],{"class":3003},[2824,9222,3603],{"class":3016},[2824,9224,3020],{"class":3003},[2824,9226,9227,9229,9231,9233],{"class":2826,"line":2851},[2824,9228,3610],{"class":3009},[2824,9230,3013],{"class":3003},[2824,9232,3615],{"class":3572},[2824,9234,3020],{"class":3003},[2824,9236,9237,9239,9241,9243],{"class":2826,"line":2857},[2824,9238,3622],{"class":3009},[2824,9240,3013],{"class":3003},[2824,9242,3627],{"class":3016},[2824,9244,3020],{"class":3003},[2824,9246,9247,9249,9251,9253],{"class":2826,"line":2863},[2824,9248,3634],{"class":3009},[2824,9250,3013],{"class":3003},[2824,9252,3639],{"class":3016},[2824,9254,3020],{"class":3003},[2824,9256,9257,9259,9261,9263],{"class":2826,"line":2869},[2824,9258,3646],{"class":3009},[2824,9260,3013],{"class":3003},[2824,9262,3651],{"class":3016},[2824,9264,3020],{"class":3003},[2824,9266,9267,9269,9271,9273],{"class":2826,"line":2875},[2824,9268,3658],{"class":3009},[2824,9270,3013],{"class":3003},[2824,9272,3663],{"class":3572},[2824,9274,3020],{"class":3003},[2824,9276,9277],{"class":2826,"line":2881},[2824,9278,3025],{"class":3003},[2824,9280,9281,9284,9286,9288,9290,9292,9294,9296,9298,9300,9302,9304,9306,9308,9310,9312,9314,9316],{"class":2826,"line":2887},[2824,9282,9283],{"class":3043},".sd-note",[2824,9285,3677],{"class":3003},[2824,9287,3680],{"class":3009},[2824,9289,3013],{"class":3003},[2824,9291,3685],{"class":3572},[2824,9293,3688],{"class":3003},[2824,9295,3691],{"class":3009},[2824,9297,3013],{"class":3003},[2824,9299,3696],{"class":3016},[2824,9301,3688],{"class":3003},[2824,9303,3701],{"class":3009},[2824,9305,3013],{"class":3003},[2824,9307,3706],{"class":3016},[2824,9309,3688],{"class":3003},[2824,9311,3711],{"class":3009},[2824,9313,3013],{"class":3003},[2824,9315,3716],{"class":3572},[2824,9317,3719],{"class":3003},[2824,9319,9320],{"class":2826,"line":2893},[2824,9321,3725],{"emptyLinePlaceholder":3724},[2824,9323,9324,9327,9329,9331,9333,9335,9337,9339,9341,9343],{"class":2826,"line":2899},[2824,9325,9326],{"class":3043},".btn-row",[2824,9328,3677],{"class":3003},[2824,9330,3735],{"class":3009},[2824,9332,3013],{"class":3003},[2824,9334,3639],{"class":3016},[2824,9336,3688],{"class":3003},[2824,9338,3754],{"class":3009},[2824,9340,3013],{"class":3003},[2824,9342,3759],{"class":3572},[2824,9344,3719],{"class":3003},[2824,9346,9347,9350],{"class":2826,"line":2905},[2824,9348,9349],{"class":3043},".icon-btn",[2824,9351,3004],{"class":3003},[2824,9353,9354,9356,9358,9361,9363,9365,9367,9369],{"class":2826,"line":2911},[2824,9355,7397],{"class":3009},[2824,9357,3013],{"class":3003},[2824,9359,9360],{"class":3572},"40px",[2824,9362,3688],{"class":3003},[2824,9364,7407],{"class":3009},[2824,9366,3013],{"class":3003},[2824,9368,9360],{"class":3572},[2824,9370,3020],{"class":3003},[2824,9372,9373,9375,9377,9379],{"class":2826,"line":2917},[2824,9374,3816],{"class":3009},[2824,9376,3013],{"class":3003},[2824,9378,3821],{"class":3572},[2824,9380,3020],{"class":3003},[2824,9382,9383,9385,9387,9389,9391,9393],{"class":2826,"line":2923},[2824,9384,3828],{"class":3009},[2824,9386,3013],{"class":3003},[2824,9388,3833],{"class":3572},[2824,9390,3836],{"class":3016},[2824,9392,4654],{"class":3016},[2824,9394,3020],{"class":3003},[2824,9396,9397,9399,9401,9403],{"class":2826,"line":2929},[2824,9398,3580],{"class":3009},[2824,9400,3013],{"class":3003},[2824,9402,4666],{"class":3016},[2824,9404,3020],{"class":3003},[2824,9406,9407,9409,9411,9414],{"class":2826,"line":2935},[2824,9408,3610],{"class":3009},[2824,9410,3013],{"class":3003},[2824,9412,9413],{"class":3572},"1.1rem",[2824,9415,3020],{"class":3003},[2824,9417,9418,9420,9422,9424],{"class":2826,"line":2941},[2824,9419,3864],{"class":3009},[2824,9421,3013],{"class":3003},[2824,9423,3869],{"class":3016},[2824,9425,3020],{"class":3003},[2824,9427,9428,9430,9432,9434],{"class":2826,"line":2947},[2824,9429,3634],{"class":3009},[2824,9431,3013],{"class":3003},[2824,9433,3639],{"class":3016},[2824,9435,3020],{"class":3003},[2824,9437,9438,9440,9442,9444],{"class":2826,"line":2953},[2824,9439,6003],{"class":3009},[2824,9441,3013],{"class":3003},[2824,9443,3769],{"class":3016},[2824,9445,3020],{"class":3003},[2824,9447,9448,9450,9452,9454],{"class":2826,"line":2959},[2824,9449,7354],{"class":3009},[2824,9451,3013],{"class":3003},[2824,9453,3769],{"class":3016},[2824,9455,3020],{"class":3003},[2824,9457,9458,9460,9462,9465,9468],{"class":2826,"line":3886},[2824,9459,8227],{"class":3009},[2824,9461,3013],{"class":3003},[2824,9463,9464],{"class":3016},"all",[2824,9466,9467],{"class":3572}," 0.15s",[2824,9469,3020],{"class":3003},[2824,9471,9472],{"class":2826,"line":3898},[2824,9473,3025],{"class":3003},[2824,9475,9476,9479,9481,9483,9485,9487,9489,9491,9493,9496],{"class":2826,"line":3903},[2824,9477,9478],{"class":3043},".bad-icon-btn",[2824,9480,3677],{"class":3003},[2824,9482,3942],{"class":3009},[2824,9484,3013],{"class":3003},[2824,9486,3947],{"class":3016},[2824,9488,3688],{"class":3003},[2824,9490,6115],{"class":3009},[2824,9492,3013],{"class":3003},[2824,9494,9495],{"class":3016},"#fff5f5",[2824,9497,3719],{"class":3003},[2824,9499,9500,9503,9505,9507,9509,9511,9513,9515,9517,9520],{"class":2826,"line":3908},[2824,9501,9502],{"class":3043},".good-icon-btn",[2824,9504,3677],{"class":3003},[2824,9506,3942],{"class":3009},[2824,9508,3013],{"class":3003},[2824,9510,4110],{"class":3016},[2824,9512,3688],{"class":3003},[2824,9514,6115],{"class":3009},[2824,9516,3013],{"class":3003},[2824,9518,9519],{"class":3016},"#f0fdf4",[2824,9521,3719],{"class":3003},[2824,9523,9524,9527,9529,9531,9533,9535,9537,9539],{"class":2826,"line":3914},[2824,9525,9526],{"class":3043},".icon-btn:hover",[2824,9528,3677],{"class":3003},[2824,9530,7545],{"class":3009},[2824,9532,3013],{"class":3003},[2824,9534,7728],{"class":4455},[2824,9536,4459],{"class":3003},[2824,9538,7751],{"class":3572},[2824,9540,7735],{"class":3003},[2824,9542,9543],{"class":2826,"line":3921},[2824,9544,3725],{"emptyLinePlaceholder":3724},[2824,9546,9547],{"class":2826,"line":3952},[2824,9548,9549],{"class":2993},"/* .sr-only техніка */\n",[2824,9551,9552,9555],{"class":2826,"line":3966},[2824,9553,9554],{"class":3043},".sr-only-ex",[2824,9556,3004],{"class":3003},[2824,9558,9559,9561,9563,9565],{"class":2826,"line":3971},[2824,9560,8526],{"class":3009},[2824,9562,3013],{"class":3003},[2824,9564,8531],{"class":3016},[2824,9566,3020],{"class":3003},[2824,9568,9569,9571,9573,9575],{"class":2826,"line":3976},[2824,9570,7397],{"class":3009},[2824,9572,3013],{"class":3003},[2824,9574,6138],{"class":3572},[2824,9576,3020],{"class":3003},[2824,9578,9579,9581,9583,9585],{"class":2826,"line":3982},[2824,9580,8548],{"class":3009},[2824,9582,3013],{"class":3003},[2824,9584,6138],{"class":3572},[2824,9586,3020],{"class":3003},[2824,9588,9589,9591,9593,9595],{"class":2826,"line":3989},[2824,9590,3567],{"class":3009},[2824,9592,3013],{"class":3003},[2824,9594,3685],{"class":3572},[2824,9596,3020],{"class":3003},[2824,9598,9599,9601,9603,9605],{"class":2826,"line":4019},[2824,9600,8569],{"class":3009},[2824,9602,3013],{"class":3003},[2824,9604,8574],{"class":3572},[2824,9606,3020],{"class":3003},[2824,9608,9609,9611,9613,9615],{"class":2826,"line":4024},[2824,9610,8581],{"class":3009},[2824,9612,3013],{"class":3003},[2824,9614,8586],{"class":3016},[2824,9616,3020],{"class":3003},[2824,9618,9619,9621,9623,9625,9627,9629,9631,9633,9635,9637,9639,9641],{"class":2826,"line":4032},[2824,9620,8593],{"class":3009},[2824,9622,3013],{"class":3003},[2824,9624,8598],{"class":4455},[2824,9626,4459],{"class":3003},[2824,9628,3685],{"class":3572},[2824,9630,3600],{"class":3003},[2824,9632,3685],{"class":3572},[2824,9634,3600],{"class":3003},[2824,9636,3685],{"class":3572},[2824,9638,3600],{"class":3003},[2824,9640,3685],{"class":3572},[2824,9642,4480],{"class":3003},[2824,9644,9645,9647,9649,9651],{"class":2826,"line":4049},[2824,9646,8621],{"class":3009},[2824,9648,3013],{"class":3003},[2824,9650,6080],{"class":3016},[2824,9652,3020],{"class":3003},[2824,9654,9655,9657,9659,9661],{"class":2826,"line":4062},[2824,9656,8632],{"class":3009},[2824,9658,3013],{"class":3003},[2824,9660,3685],{"class":3572},[2824,9662,3020],{"class":3003},[2824,9664,9665],{"class":2826,"line":4067},[2824,9666,3025],{"class":3003},[2824,9668,9669],{"class":2826,"line":4072},[2824,9670,3725],{"emptyLinePlaceholder":3724},[2824,9672,9673],{"class":2826,"line":4078},[2824,9674,9675],{"class":2993},"/* Skip Link */\n",[2824,9677,9678,9681,9683,9685,9687,9689,9691,9693,9695,9697,9699,9701,9703,9705],{"class":2826,"line":4085},[2824,9679,9680],{"class":3043},".skip-link-demo",[2824,9682,3677],{"class":3003},[2824,9684,3735],{"class":3009},[2824,9686,3013],{"class":3003},[2824,9688,3639],{"class":3016},[2824,9690,3688],{"class":3003},[2824,9692,5944],{"class":3009},[2824,9694,3013],{"class":3003},[2824,9696,3651],{"class":3016},[2824,9698,3688],{"class":3003},[2824,9700,3754],{"class":3009},[2824,9702,3013],{"class":3003},[2824,9704,8064],{"class":3572},[2824,9706,3719],{"class":3003},[2824,9708,9709,9712],{"class":2826,"line":4115},[2824,9710,9711],{"class":3043},".skip-link",[2824,9713,3004],{"class":3003},[2824,9715,9716,9718,9720,9723],{"class":2826,"line":4120},[2824,9717,3634],{"class":3009},[2824,9719,3013],{"class":3003},[2824,9721,9722],{"class":3016},"inline-block",[2824,9724,3020],{"class":3003},[2824,9726,9727,9729,9731,9733,9735],{"class":2826,"line":4141},[2824,9728,3567],{"class":3009},[2824,9730,3013],{"class":3003},[2824,9732,3759],{"class":3572},[2824,9734,4627],{"class":3572},[2824,9736,3020],{"class":3003},[2824,9738,9739,9741,9743,9745],{"class":2826,"line":4149},[2824,9740,3580],{"class":3009},[2824,9742,3013],{"class":3003},[2824,9744,4212],{"class":3016},[2824,9746,3020],{"class":3003},[2824,9748,9749,9751,9753,9755],{"class":2826,"line":4165},[2824,9750,3622],{"class":3009},[2824,9752,3013],{"class":3003},[2824,9754,4666],{"class":3016},[2824,9756,3020],{"class":3003},[2824,9758,9759,9761,9763,9765],{"class":2826,"line":4176},[2824,9760,3816],{"class":3009},[2824,9762,3013],{"class":3003},[2824,9764,5986],{"class":3572},[2824,9766,3020],{"class":3003},[2824,9768,9769,9771,9773,9775],{"class":2826,"line":4187},[2824,9770,4253],{"class":3009},[2824,9772,3013],{"class":3003},[2824,9774,3017],{"class":3016},[2824,9776,3020],{"class":3003},[2824,9778,9779,9781,9783,9785],{"class":2826,"line":4192},[2824,9780,3610],{"class":3009},[2824,9782,3013],{"class":3003},[2824,9784,4689],{"class":3572},[2824,9786,3020],{"class":3003},[2824,9788,9789,9792,9794,9796],{"class":2826,"line":4197},[2824,9790,9791],{"class":3009},"  font-weight",[2824,9793,3013],{"class":3003},[2824,9795,4222],{"class":3572},[2824,9797,3020],{"class":3003},[2824,9799,9800,9803,9805,9807,9809,9812],{"class":2826,"line":4205},[2824,9801,9802],{"class":3009},"  transform",[2824,9804,3013],{"class":3003},[2824,9806,8372],{"class":4455},[2824,9808,4459],{"class":3003},[2824,9810,9811],{"class":3572},"-120%",[2824,9813,4480],{"class":3003},[2824,9815,9816,9818,9820,9823],{"class":2826,"line":4227},[2824,9817,8227],{"class":3009},[2824,9819,8230],{"class":3003},[2824,9821,9822],{"class":3572},"0.15s",[2824,9824,3020],{"class":3003},[2824,9826,9827],{"class":2826,"line":4238},[2824,9828,3025],{"class":3003},[2824,9830,9831,9834],{"class":2826,"line":4250},[2824,9832,9833],{"class":3043},".skip-link:focus",[2824,9835,3004],{"class":3003},[2824,9837,9838,9840,9842,9844,9846,9848],{"class":2826,"line":4263},[2824,9839,9802],{"class":3009},[2824,9841,3013],{"class":3003},[2824,9843,8372],{"class":4455},[2824,9845,4459],{"class":3003},[2824,9847,3685],{"class":3572},[2824,9849,4480],{"class":3003},[2824,9851,9852,9854,9856,9858,9860,9862],{"class":2826,"line":4268},[2824,9853,3010],{"class":3009},[2824,9855,3013],{"class":3003},[2824,9857,4039],{"class":3572},[2824,9859,3836],{"class":3016},[2824,9861,4983],{"class":3016},[2824,9863,3020],{"class":3003},[2824,9865,9866,9868,9870,9872],{"class":2826,"line":4284},[2824,9867,4052],{"class":3009},[2824,9869,3013],{"class":3003},[2824,9871,4057],{"class":3572},[2824,9873,3020],{"class":3003},[2824,9875,9876],{"class":2826,"line":4292},[2824,9877,3025],{"class":3003},[2824,9879,9880],{"class":2826,"line":4308},[2824,9881,3725],{"emptyLinePlaceholder":3724},[2824,9883,9884,9887],{"class":2826,"line":4319},[2824,9885,9886],{"class":3043},".visually-hidden-compare",[2824,9888,3004],{"class":3003},[2824,9890,9891,9893,9895,9897],{"class":2826,"line":4324},[2824,9892,3580],{"class":3009},[2824,9894,3013],{"class":3003},[2824,9896,4666],{"class":3016},[2824,9898,3020],{"class":3003},[2824,9900,9901,9903,9905,9907,9909,9911],{"class":2826,"line":4329},[2824,9902,3828],{"class":3009},[2824,9904,3013],{"class":3003},[2824,9906,6138],{"class":3572},[2824,9908,3836],{"class":3016},[2824,9910,4654],{"class":3016},[2824,9912,3020],{"class":3003},[2824,9914,9915,9917,9919,9921],{"class":2826,"line":4337},[2824,9916,3816],{"class":3009},[2824,9918,3013],{"class":3003},[2824,9920,3821],{"class":3572},[2824,9922,3020],{"class":3003},[2824,9924,9925,9927,9929,9931],{"class":2826,"line":4351},[2824,9926,3567],{"class":3009},[2824,9928,3013],{"class":3003},[2824,9930,3663],{"class":3572},[2824,9932,3020],{"class":3003},[2824,9934,9935,9937,9939,9941],{"class":2826,"line":4367},[2824,9936,3634],{"class":3009},[2824,9938,3013],{"class":3003},[2824,9940,3639],{"class":3016},[2824,9942,3020],{"class":3003},[2824,9944,9945,9947,9949,9951],{"class":2826,"line":4379},[2824,9946,3646],{"class":3009},[2824,9948,3013],{"class":3003},[2824,9950,3651],{"class":3016},[2824,9952,3020],{"class":3003},[2824,9954,9955,9957,9959,9961],{"class":2826,"line":4390},[2824,9956,3658],{"class":3009},[2824,9958,3013],{"class":3003},[2824,9960,8064],{"class":3572},[2824,9962,3020],{"class":3003},[2824,9964,9965],{"class":2826,"line":4401},[2824,9966,3025],{"class":3003},[2824,9968,9969,9971,9973,9975,9977,9979,9981,9983,9985,9987,9989,9991,9993,9995,9997],{"class":2826,"line":4412},[2824,9970,9886],{"class":3043},[2824,9972,6030],{"class":3043},[2824,9974,3677],{"class":3003},[2824,9976,3680],{"class":3009},[2824,9978,3013],{"class":3003},[2824,9980,3685],{"class":3572},[2824,9982,3688],{"class":3003},[2824,9984,3711],{"class":3009},[2824,9986,3013],{"class":3003},[2824,9988,4569],{"class":3572},[2824,9990,3688],{"class":3003},[2824,9992,6375],{"class":3009},[2824,9994,3013],{"class":3003},[2824,9996,6380],{"class":3572},[2824,9998,3719],{"class":3003},[2824,10000,10001,10003,10005,10007,10009,10011,10013,10015,10017,10019,10021,10023,10025,10027,10029,10031,10033,10035,10037,10039,10041,10043,10045,10048],{"class":2826,"line":4417},[2824,10002,9886],{"class":3043},[2824,10004,8150],{"class":3043},[2824,10006,3677],{"class":3003},[2824,10008,6115],{"class":3009},[2824,10010,3013],{"class":3003},[2824,10012,8159],{"class":3016},[2824,10014,3688],{"class":3003},[2824,10016,8164],{"class":3009},[2824,10018,3013],{"class":3003},[2824,10020,8169],{"class":3572},[2824,10022,8172],{"class":3572},[2824,10024,3688],{"class":3003},[2824,10026,8177],{"class":3009},[2824,10028,3013],{"class":3003},[2824,10030,4039],{"class":3572},[2824,10032,3688],{"class":3003},[2824,10034,3691],{"class":3009},[2824,10036,3013],{"class":3003},[2824,10038,4212],{"class":3016},[2824,10040,3688],{"class":3003},[2824,10042,3711],{"class":3009},[2824,10044,3013],{"class":3003},[2824,10046,10047],{"class":3572},"0.85em",[2824,10049,3719],{"class":3003},[2964,10051],{},[2795,10053,10055],{"id":10054},"розміри-та-масштабування","Розміри та масштабування",[2971,10057,2974,10059,10062,10063,10065,10066,10069],{"id":10058},"чому-px-для-font-size-на-root-помилка",[2821,10060,10061],{},"px"," для ",[2821,10064,3711],{}," на ",[2821,10067,10068],{},":root"," — помилка",[2800,10071,10072,10073,10076,10077,10065,10080,10082,10083,10086],{},"Браузери дозволяють користувачам встановлювати ",[2804,10074,10075],{},"базовий розмір шрифту"," у налаштуваннях (за замовчуванням 16px). Люди з вадами зору встановлюють 20px або 24px. Якщо ви задаєте ",[2821,10078,10079],{},"font-size: 16px",[2821,10081,10068],{}," — ви ",[2804,10084,10085],{},"перевизначаєте"," їх налаштування.",[3124,10088,10089,10491],{},[2815,10090,10092],{"className":3128,"code":10091,"language":3130,"meta":2819,"style":2819},"\u003Cdiv class=\"font-scale-demo\">\n  \u003Cdiv class=\"fsd-bad\">\n    \u003Cp class=\"fsd-label\">❌ font-size: 16px на :root\u003C/p>\n    \u003Cp class=\"text-px\">Цей текст завжди 16px — ігнорує налаштування браузера\u003C/p>\n  \u003C/div>\n  \u003Cdiv class=\"fsd-good\">\n    \u003Cp class=\"fsd-label\">✅ Без font-size на :root (або 100%)\u003C/p>\n    \u003Cp class=\"text-inherit\">Цей текст поважає налаштування браузера — масштабується разом з ним\u003C/p>\n  \u003C/div>\n  \u003Cdiv class=\"touch-targets\">\n    \u003Cp class=\"fsd-label\">Touch Targets — мінімум 44×44px (WCAG 2.5.5)\u003C/p>\n    \u003Cdiv class=\"tt-grid\">\n      \u003Cbutton class=\"tt-bad\">Замалий\u003Cbr>\u003Csmall>24×24px ❌\u003C/small>\u003C/button>\n      \u003Cbutton class=\"tt-ok\">Нормальний\u003Cbr>\u003Csmall>36×36px ⚠️\u003C/small>\u003C/button>\n      \u003Cbutton class=\"tt-good\">Правильний\u003Cbr>\u003Csmall>44×44px ✅\u003C/small>\u003C/button>\n      \u003Cbutton class=\"tt-great\">Зручний\u003Cbr>\u003Csmall>48×48px 🎯\u003C/small>\u003C/button>\n    \u003C/div>\n  \u003C/div>\n\u003C/div>\n",[2821,10093,10094,10109,10124,10148,10172,10180,10195,10218,10242,10250,10265,10288,10303,10344,10385,10426,10467,10475,10483],{"__ignoreMap":2819},[2824,10095,10096,10098,10100,10102,10104,10107],{"class":2826,"line":2827},[2824,10097,3138],{"class":3137},[2824,10099,3141],{"class":2999},[2824,10101,3144],{"class":3009},[2824,10103,3147],{"class":3003},[2824,10105,10106],{"class":3150},"\"font-scale-demo\"",[2824,10108,3154],{"class":3137},[2824,10110,10111,10113,10115,10117,10119,10122],{"class":2826,"line":2833},[2824,10112,3159],{"class":3137},[2824,10114,3141],{"class":2999},[2824,10116,3144],{"class":3009},[2824,10118,3147],{"class":3003},[2824,10120,10121],{"class":3150},"\"fsd-bad\"",[2824,10123,3154],{"class":3137},[2824,10125,10126,10128,10130,10132,10134,10137,10139,10142,10144,10146],{"class":2826,"line":2839},[2824,10127,3201],{"class":3137},[2824,10129,2800],{"class":2999},[2824,10131,3144],{"class":3009},[2824,10133,3147],{"class":3003},[2824,10135,10136],{"class":3150},"\"fsd-label\"",[2824,10138,3171],{"class":3137},[2824,10140,10141],{"class":3003},"❌ font-size: 16px на :root",[2824,10143,3177],{"class":3137},[2824,10145,2800],{"class":2999},[2824,10147,3154],{"class":3137},[2824,10149,10150,10152,10154,10156,10158,10161,10163,10166,10168,10170],{"class":2826,"line":2845},[2824,10151,3201],{"class":3137},[2824,10153,2800],{"class":2999},[2824,10155,3144],{"class":3009},[2824,10157,3147],{"class":3003},[2824,10159,10160],{"class":3150},"\"text-px\"",[2824,10162,3171],{"class":3137},[2824,10164,10165],{"class":3003},"Цей текст завжди 16px — ігнорує налаштування браузера",[2824,10167,3177],{"class":3137},[2824,10169,2800],{"class":2999},[2824,10171,3154],{"class":3137},[2824,10173,10174,10176,10178],{"class":2826,"line":2851},[2824,10175,3395],{"class":3137},[2824,10177,3141],{"class":2999},[2824,10179,3154],{"class":3137},[2824,10181,10182,10184,10186,10188,10190,10193],{"class":2826,"line":2857},[2824,10183,3159],{"class":3137},[2824,10185,3141],{"class":2999},[2824,10187,3144],{"class":3009},[2824,10189,3147],{"class":3003},[2824,10191,10192],{"class":3150},"\"fsd-good\"",[2824,10194,3154],{"class":3137},[2824,10196,10197,10199,10201,10203,10205,10207,10209,10212,10214,10216],{"class":2826,"line":2863},[2824,10198,3201],{"class":3137},[2824,10200,2800],{"class":2999},[2824,10202,3144],{"class":3009},[2824,10204,3147],{"class":3003},[2824,10206,10136],{"class":3150},[2824,10208,3171],{"class":3137},[2824,10210,10211],{"class":3003},"✅ Без font-size на :root (або 100%)",[2824,10213,3177],{"class":3137},[2824,10215,2800],{"class":2999},[2824,10217,3154],{"class":3137},[2824,10219,10220,10222,10224,10226,10228,10231,10233,10236,10238,10240],{"class":2826,"line":2869},[2824,10221,3201],{"class":3137},[2824,10223,2800],{"class":2999},[2824,10225,3144],{"class":3009},[2824,10227,3147],{"class":3003},[2824,10229,10230],{"class":3150},"\"text-inherit\"",[2824,10232,3171],{"class":3137},[2824,10234,10235],{"class":3003},"Цей текст поважає налаштування браузера — масштабується разом з ним",[2824,10237,3177],{"class":3137},[2824,10239,2800],{"class":2999},[2824,10241,3154],{"class":3137},[2824,10243,10244,10246,10248],{"class":2826,"line":2875},[2824,10245,3395],{"class":3137},[2824,10247,3141],{"class":2999},[2824,10249,3154],{"class":3137},[2824,10251,10252,10254,10256,10258,10260,10263],{"class":2826,"line":2881},[2824,10253,3159],{"class":3137},[2824,10255,3141],{"class":2999},[2824,10257,3144],{"class":3009},[2824,10259,3147],{"class":3003},[2824,10261,10262],{"class":3150},"\"touch-targets\"",[2824,10264,3154],{"class":3137},[2824,10266,10267,10269,10271,10273,10275,10277,10279,10282,10284,10286],{"class":2826,"line":2887},[2824,10268,3201],{"class":3137},[2824,10270,2800],{"class":2999},[2824,10272,3144],{"class":3009},[2824,10274,3147],{"class":3003},[2824,10276,10136],{"class":3150},[2824,10278,3171],{"class":3137},[2824,10280,10281],{"class":3003},"Touch Targets — мінімум 44×44px (WCAG 2.5.5)",[2824,10283,3177],{"class":3137},[2824,10285,2800],{"class":2999},[2824,10287,3154],{"class":3137},[2824,10289,10290,10292,10294,10296,10298,10301],{"class":2826,"line":2893},[2824,10291,3201],{"class":3137},[2824,10293,3141],{"class":2999},[2824,10295,3144],{"class":3009},[2824,10297,3147],{"class":3003},[2824,10299,10300],{"class":3150},"\"tt-grid\"",[2824,10302,3154],{"class":3137},[2824,10304,10305,10307,10309,10311,10313,10316,10318,10321,10323,10325,10327,10329,10331,10334,10336,10338,10340,10342],{"class":2826,"line":2899},[2824,10306,5284],{"class":3137},[2824,10308,3204],{"class":2999},[2824,10310,3144],{"class":3009},[2824,10312,3147],{"class":3003},[2824,10314,10315],{"class":3150},"\"tt-bad\"",[2824,10317,3171],{"class":3137},[2824,10319,10320],{"class":3003},"Замалий",[2824,10322,3138],{"class":3137},[2824,10324,3221],{"class":2999},[2824,10326,3224],{"class":3137},[2824,10328,3227],{"class":2999},[2824,10330,3171],{"class":3137},[2824,10332,10333],{"class":3003},"24×24px ❌",[2824,10335,3177],{"class":3137},[2824,10337,3227],{"class":2999},[2824,10339,3239],{"class":3137},[2824,10341,3204],{"class":2999},[2824,10343,3154],{"class":3137},[2824,10345,10346,10348,10350,10352,10354,10357,10359,10362,10364,10366,10368,10370,10372,10375,10377,10379,10381,10383],{"class":2826,"line":2905},[2824,10347,5284],{"class":3137},[2824,10349,3204],{"class":2999},[2824,10351,3144],{"class":3009},[2824,10353,3147],{"class":3003},[2824,10355,10356],{"class":3150},"\"tt-ok\"",[2824,10358,3171],{"class":3137},[2824,10360,10361],{"class":3003},"Нормальний",[2824,10363,3138],{"class":3137},[2824,10365,3221],{"class":2999},[2824,10367,3224],{"class":3137},[2824,10369,3227],{"class":2999},[2824,10371,3171],{"class":3137},[2824,10373,10374],{"class":3003},"36×36px ⚠️",[2824,10376,3177],{"class":3137},[2824,10378,3227],{"class":2999},[2824,10380,3239],{"class":3137},[2824,10382,3204],{"class":2999},[2824,10384,3154],{"class":3137},[2824,10386,10387,10389,10391,10393,10395,10398,10400,10403,10405,10407,10409,10411,10413,10416,10418,10420,10422,10424],{"class":2826,"line":2911},[2824,10388,5284],{"class":3137},[2824,10390,3204],{"class":2999},[2824,10392,3144],{"class":3009},[2824,10394,3147],{"class":3003},[2824,10396,10397],{"class":3150},"\"tt-good\"",[2824,10399,3171],{"class":3137},[2824,10401,10402],{"class":3003},"Правильний",[2824,10404,3138],{"class":3137},[2824,10406,3221],{"class":2999},[2824,10408,3224],{"class":3137},[2824,10410,3227],{"class":2999},[2824,10412,3171],{"class":3137},[2824,10414,10415],{"class":3003},"44×44px ✅",[2824,10417,3177],{"class":3137},[2824,10419,3227],{"class":2999},[2824,10421,3239],{"class":3137},[2824,10423,3204],{"class":2999},[2824,10425,3154],{"class":3137},[2824,10427,10428,10430,10432,10434,10436,10439,10441,10444,10446,10448,10450,10452,10454,10457,10459,10461,10463,10465],{"class":2826,"line":2917},[2824,10429,5284],{"class":3137},[2824,10431,3204],{"class":2999},[2824,10433,3144],{"class":3009},[2824,10435,3147],{"class":3003},[2824,10437,10438],{"class":3150},"\"tt-great\"",[2824,10440,3171],{"class":3137},[2824,10442,10443],{"class":3003},"Зручний",[2824,10445,3138],{"class":3137},[2824,10447,3221],{"class":2999},[2824,10449,3224],{"class":3137},[2824,10451,3227],{"class":2999},[2824,10453,3171],{"class":3137},[2824,10455,10456],{"class":3003},"48×48px 🎯",[2824,10458,3177],{"class":3137},[2824,10460,3227],{"class":2999},[2824,10462,3239],{"class":3137},[2824,10464,3204],{"class":2999},[2824,10466,3154],{"class":3137},[2824,10468,10469,10471,10473],{"class":2826,"line":2923},[2824,10470,5326],{"class":3137},[2824,10472,3141],{"class":2999},[2824,10474,3154],{"class":3137},[2824,10476,10477,10479,10481],{"class":2826,"line":2929},[2824,10478,3395],{"class":3137},[2824,10480,3141],{"class":2999},[2824,10482,3154],{"class":3137},[2824,10484,10485,10487,10489],{"class":2826,"line":2935},[2824,10486,3177],{"class":3137},[2824,10488,3141],{"class":2999},[2824,10490,3154],{"class":3137},[2815,10492,10494],{"className":2984,"code":10493,"language":2986,"meta":2819,"style":2819},".font-scale-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.fsd-label { margin: 0 0 0.4rem; font-size: 0.78rem; font-weight: 700; color: #374151; }\n.fsd-bad, .fsd-good {\n  background: white;\n  border-radius: 8px;\n  padding: 0.75rem;\n  border: 1.5px solid;\n}\n.fsd-bad  { border-color: #fca5a5; }\n.fsd-good { border-color: #86efac; }\n\n.text-px { margin: 0; font-size: 16px; line-height: 1.5; }  /* ❌ fіксований */\n.text-inherit { margin: 0; font-size: 1rem; line-height: 1.5; } /* ✅ відносний */\n\n.touch-targets { background: white; border-radius: 8px; padding: 0.75rem; border: 1px solid #e2e8f0; }\n.tt-grid { display: flex; gap: 0.5rem; flex-wrap: wrap; align-items: flex-end; }\n\n.tt-bad, .tt-ok, .tt-good, .tt-great {\n  border-radius: 8px;\n  border: none;\n  font-family: inherit;\n  cursor: pointer;\n  font-size: 0.7rem;\n  text-align: center;\n  line-height: 1.3;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.tt-bad   { width: 60px;  height: 44px; background: #fee2e2; color: #991b1b; }\n.tt-ok    { width: 60px;  height: 48px; background: #fef3c7; color: #92400e; }\n.tt-good  { width: 60px;  height: 56px; background: #dcfce7; color: #166534; }\n.tt-great { width: 60px;  height: 60px; background: #ede9fe; color: #5b21b6; }\n.tt-bad small, .tt-ok small, .tt-good small, .tt-great small { font-size: 0.65rem; margin-top: 0.15rem; }\n",[2821,10495,10496,10503,10513,10523,10537,10547,10557,10567,10577,10581,10625,10637,10647,10657,10667,10679,10683,10697,10711,10715,10752,10786,10790,10833,10873,10877,10899,10909,10919,10929,10939,10949,10959,10969,10979,10989,10999,11009,11013,11054,11093,11132,11171],{"__ignoreMap":2819},[2824,10497,10498,10501],{"class":2826,"line":2827},[2824,10499,10500],{"class":3043},".font-scale-demo",[2824,10502,3004],{"class":3003},[2824,10504,10505,10507,10509,10511],{"class":2826,"line":2833},[2824,10506,3567],{"class":3009},[2824,10508,3013],{"class":3003},[2824,10510,3573],{"class":3572},[2824,10512,3020],{"class":3003},[2824,10514,10515,10517,10519,10521],{"class":2826,"line":2839},[2824,10516,3580],{"class":3009},[2824,10518,3013],{"class":3003},[2824,10520,3585],{"class":3016},[2824,10522,3020],{"class":3003},[2824,10524,10525,10527,10529,10531,10533,10535],{"class":2826,"line":2845},[2824,10526,3592],{"class":3009},[2824,10528,3013],{"class":3003},[2824,10530,3597],{"class":3016},[2824,10532,3600],{"class":3003},[2824,10534,3603],{"class":3016},[2824,10536,3020],{"class":3003},[2824,10538,10539,10541,10543,10545],{"class":2826,"line":2851},[2824,10540,3622],{"class":3009},[2824,10542,3013],{"class":3003},[2824,10544,3627],{"class":3016},[2824,10546,3020],{"class":3003},[2824,10548,10549,10551,10553,10555],{"class":2826,"line":2857},[2824,10550,3634],{"class":3009},[2824,10552,3013],{"class":3003},[2824,10554,3639],{"class":3016},[2824,10556,3020],{"class":3003},[2824,10558,10559,10561,10563,10565],{"class":2826,"line":2863},[2824,10560,3646],{"class":3009},[2824,10562,3013],{"class":3003},[2824,10564,3651],{"class":3016},[2824,10566,3020],{"class":3003},[2824,10568,10569,10571,10573,10575],{"class":2826,"line":2869},[2824,10570,3658],{"class":3009},[2824,10572,3013],{"class":3003},[2824,10574,3663],{"class":3572},[2824,10576,3020],{"class":3003},[2824,10578,10579],{"class":2826,"line":2875},[2824,10580,3025],{"class":3003},[2824,10582,10583,10586,10588,10590,10592,10594,10596,10599,10601,10603,10605,10607,10609,10611,10613,10615,10617,10619,10621,10623],{"class":2826,"line":2881},[2824,10584,10585],{"class":3043},".fsd-label",[2824,10587,3677],{"class":3003},[2824,10589,3680],{"class":3009},[2824,10591,3013],{"class":3003},[2824,10593,3685],{"class":3572},[2824,10595,4447],{"class":3572},[2824,10597,10598],{"class":3572}," 0.4rem",[2824,10600,3688],{"class":3003},[2824,10602,3711],{"class":3009},[2824,10604,3013],{"class":3003},[2824,10606,4569],{"class":3572},[2824,10608,3688],{"class":3003},[2824,10610,4217],{"class":3009},[2824,10612,3013],{"class":3003},[2824,10614,5916],{"class":3572},[2824,10616,3688],{"class":3003},[2824,10618,3691],{"class":3009},[2824,10620,3013],{"class":3003},[2824,10622,6203],{"class":3016},[2824,10624,3719],{"class":3003},[2824,10626,10627,10630,10632,10635],{"class":2826,"line":2887},[2824,10628,10629],{"class":3043},".fsd-bad",[2824,10631,3600],{"class":3003},[2824,10633,10634],{"class":3043},".fsd-good",[2824,10636,3004],{"class":3003},[2824,10638,10639,10641,10643,10645],{"class":2826,"line":2893},[2824,10640,3580],{"class":3009},[2824,10642,3013],{"class":3003},[2824,10644,4666],{"class":3016},[2824,10646,3020],{"class":3003},[2824,10648,10649,10651,10653,10655],{"class":2826,"line":2899},[2824,10650,3816],{"class":3009},[2824,10652,3013],{"class":3003},[2824,10654,3821],{"class":3572},[2824,10656,3020],{"class":3003},[2824,10658,10659,10661,10663,10665],{"class":2826,"line":2905},[2824,10660,3567],{"class":3009},[2824,10662,3013],{"class":3003},[2824,10664,3663],{"class":3572},[2824,10666,3020],{"class":3003},[2824,10668,10669,10671,10673,10675,10677],{"class":2826,"line":2911},[2824,10670,3828],{"class":3009},[2824,10672,3013],{"class":3003},[2824,10674,3833],{"class":3572},[2824,10676,3836],{"class":3016},[2824,10678,3020],{"class":3003},[2824,10680,10681],{"class":2826,"line":2917},[2824,10682,3025],{"class":3003},[2824,10684,10685,10687,10689,10691,10693,10695],{"class":2826,"line":2923},[2824,10686,10629],{"class":3043},[2824,10688,6188],{"class":3003},[2824,10690,3942],{"class":3009},[2824,10692,3013],{"class":3003},[2824,10694,3947],{"class":3016},[2824,10696,3719],{"class":3003},[2824,10698,10699,10701,10703,10705,10707,10709],{"class":2826,"line":2929},[2824,10700,10634],{"class":3043},[2824,10702,3677],{"class":3003},[2824,10704,3942],{"class":3009},[2824,10706,3013],{"class":3003},[2824,10708,4110],{"class":3016},[2824,10710,3719],{"class":3003},[2824,10712,10713],{"class":2826,"line":2935},[2824,10714,3725],{"emptyLinePlaceholder":3724},[2824,10716,10717,10720,10722,10724,10726,10728,10730,10732,10734,10737,10739,10741,10743,10746,10749],{"class":2826,"line":2941},[2824,10718,10719],{"class":3043},".text-px",[2824,10721,3677],{"class":3003},[2824,10723,3680],{"class":3009},[2824,10725,3013],{"class":3003},[2824,10727,3685],{"class":3572},[2824,10729,3688],{"class":3003},[2824,10731,3711],{"class":3009},[2824,10733,3013],{"class":3003},[2824,10735,10736],{"class":3572},"16px",[2824,10738,3688],{"class":3003},[2824,10740,6375],{"class":3009},[2824,10742,3013],{"class":3003},[2824,10744,10745],{"class":3572},"1.5",[2824,10747,10748],{"class":3003},"; }  ",[2824,10750,10751],{"class":2993},"/* ❌ fіксований */\n",[2824,10753,10754,10757,10759,10761,10763,10765,10767,10769,10771,10773,10775,10777,10779,10781,10783],{"class":2826,"line":2947},[2824,10755,10756],{"class":3043},".text-inherit",[2824,10758,3677],{"class":3003},[2824,10760,3680],{"class":3009},[2824,10762,3013],{"class":3003},[2824,10764,3685],{"class":3572},[2824,10766,3688],{"class":3003},[2824,10768,3711],{"class":3009},[2824,10770,3013],{"class":3003},[2824,10772,3573],{"class":3572},[2824,10774,3688],{"class":3003},[2824,10776,6375],{"class":3009},[2824,10778,3013],{"class":3003},[2824,10780,10745],{"class":3572},[2824,10782,4135],{"class":3003},[2824,10784,10785],{"class":2993},"/* ✅ відносний */\n",[2824,10787,10788],{"class":2826,"line":2953},[2824,10789,3725],{"emptyLinePlaceholder":3724},[2824,10791,10792,10795,10797,10799,10801,10803,10805,10807,10809,10811,10813,10815,10817,10819,10821,10823,10825,10827,10829,10831],{"class":2826,"line":2959},[2824,10793,10794],{"class":3043},".touch-targets",[2824,10796,3677],{"class":3003},[2824,10798,6115],{"class":3009},[2824,10800,3013],{"class":3003},[2824,10802,4666],{"class":3016},[2824,10804,3688],{"class":3003},[2824,10806,8177],{"class":3009},[2824,10808,3013],{"class":3003},[2824,10810,3821],{"class":3572},[2824,10812,3688],{"class":3003},[2824,10814,8164],{"class":3009},[2824,10816,3013],{"class":3003},[2824,10818,3663],{"class":3572},[2824,10820,3688],{"class":3003},[2824,10822,6133],{"class":3009},[2824,10824,3013],{"class":3003},[2824,10826,6138],{"class":3572},[2824,10828,3836],{"class":3016},[2824,10830,4654],{"class":3016},[2824,10832,3719],{"class":3003},[2824,10834,10835,10838,10840,10842,10844,10846,10848,10850,10852,10854,10856,10858,10860,10862,10864,10866,10868,10871],{"class":2826,"line":3886},[2824,10836,10837],{"class":3043},".tt-grid",[2824,10839,3677],{"class":3003},[2824,10841,3735],{"class":3009},[2824,10843,3013],{"class":3003},[2824,10845,3639],{"class":3016},[2824,10847,3688],{"class":3003},[2824,10849,3754],{"class":3009},[2824,10851,3013],{"class":3003},[2824,10853,3759],{"class":3572},[2824,10855,3688],{"class":3003},[2824,10857,3744],{"class":3009},[2824,10859,3013],{"class":3003},[2824,10861,3749],{"class":3016},[2824,10863,3688],{"class":3003},[2824,10865,3764],{"class":3009},[2824,10867,3013],{"class":3003},[2824,10869,10870],{"class":3016},"flex-end",[2824,10872,3719],{"class":3003},[2824,10874,10875],{"class":2826,"line":3898},[2824,10876,3725],{"emptyLinePlaceholder":3724},[2824,10878,10879,10882,10884,10887,10889,10892,10894,10897],{"class":2826,"line":3903},[2824,10880,10881],{"class":3043},".tt-bad",[2824,10883,3600],{"class":3003},[2824,10885,10886],{"class":3043},".tt-ok",[2824,10888,3600],{"class":3003},[2824,10890,10891],{"class":3043},".tt-good",[2824,10893,3600],{"class":3003},[2824,10895,10896],{"class":3043},".tt-great",[2824,10898,3004],{"class":3003},[2824,10900,10901,10903,10905,10907],{"class":2826,"line":3908},[2824,10902,3816],{"class":3009},[2824,10904,3013],{"class":3003},[2824,10906,3821],{"class":3572},[2824,10908,3020],{"class":3003},[2824,10910,10911,10913,10915,10917],{"class":2826,"line":3914},[2824,10912,3828],{"class":3009},[2824,10914,3013],{"class":3003},[2824,10916,3017],{"class":3016},[2824,10918,3020],{"class":3003},[2824,10920,10921,10923,10925,10927],{"class":2826,"line":3921},[2824,10922,3592],{"class":3009},[2824,10924,3013],{"class":3003},[2824,10926,3857],{"class":3016},[2824,10928,3020],{"class":3003},[2824,10930,10931,10933,10935,10937],{"class":2826,"line":3952},[2824,10932,3864],{"class":3009},[2824,10934,3013],{"class":3003},[2824,10936,3869],{"class":3016},[2824,10938,3020],{"class":3003},[2824,10940,10941,10943,10945,10947],{"class":2826,"line":3966},[2824,10942,3610],{"class":3009},[2824,10944,3013],{"class":3003},[2824,10946,6398],{"class":3572},[2824,10948,3020],{"class":3003},[2824,10950,10951,10953,10955,10957],{"class":2826,"line":3971},[2824,10952,3889],{"class":3009},[2824,10954,3013],{"class":3003},[2824,10956,3769],{"class":3016},[2824,10958,3020],{"class":3003},[2824,10960,10961,10963,10965,10967],{"class":2826,"line":3976},[2824,10962,3876],{"class":3009},[2824,10964,3013],{"class":3003},[2824,10966,3881],{"class":3572},[2824,10968,3020],{"class":3003},[2824,10970,10971,10973,10975,10977],{"class":2826,"line":3982},[2824,10972,3634],{"class":3009},[2824,10974,3013],{"class":3003},[2824,10976,3639],{"class":3016},[2824,10978,3020],{"class":3003},[2824,10980,10981,10983,10985,10987],{"class":2826,"line":3989},[2824,10982,3646],{"class":3009},[2824,10984,3013],{"class":3003},[2824,10986,3651],{"class":3016},[2824,10988,3020],{"class":3003},[2824,10990,10991,10993,10995,10997],{"class":2826,"line":4019},[2824,10992,6003],{"class":3009},[2824,10994,3013],{"class":3003},[2824,10996,3769],{"class":3016},[2824,10998,3020],{"class":3003},[2824,11000,11001,11003,11005,11007],{"class":2826,"line":4024},[2824,11002,7354],{"class":3009},[2824,11004,3013],{"class":3003},[2824,11006,3769],{"class":3016},[2824,11008,3020],{"class":3003},[2824,11010,11011],{"class":2826,"line":4032},[2824,11012,3025],{"class":3003},[2824,11014,11015,11017,11019,11022,11024,11026,11029,11031,11033,11036,11038,11040,11042,11044,11046,11048,11050,11052],{"class":2826,"line":4049},[2824,11016,10881],{"class":3043},[2824,11018,6418],{"class":3003},[2824,11020,11021],{"class":3009},"width",[2824,11023,3013],{"class":3003},[2824,11025,7402],{"class":3572},[2824,11027,11028],{"class":3003},";  ",[2824,11030,7407],{"class":3009},[2824,11032,3013],{"class":3003},[2824,11034,11035],{"class":3572},"44px",[2824,11037,3688],{"class":3003},[2824,11039,6115],{"class":3009},[2824,11041,3013],{"class":3003},[2824,11043,3928],{"class":3016},[2824,11045,3688],{"class":3003},[2824,11047,3691],{"class":3009},[2824,11049,3013],{"class":3003},[2824,11051,3937],{"class":3016},[2824,11053,3719],{"class":3003},[2824,11055,11056,11058,11060,11062,11064,11066,11068,11070,11072,11075,11077,11079,11081,11083,11085,11087,11089,11091],{"class":2826,"line":4062},[2824,11057,10886],{"class":3043},[2824,11059,4744],{"class":3003},[2824,11061,11021],{"class":3009},[2824,11063,3013],{"class":3003},[2824,11065,7402],{"class":3572},[2824,11067,11028],{"class":3003},[2824,11069,7407],{"class":3009},[2824,11071,3013],{"class":3003},[2824,11073,11074],{"class":3572},"48px",[2824,11076,3688],{"class":3003},[2824,11078,6115],{"class":3009},[2824,11080,3013],{"class":3003},[2824,11082,3996],{"class":3016},[2824,11084,3688],{"class":3003},[2824,11086,3691],{"class":3009},[2824,11088,3013],{"class":3003},[2824,11090,4005],{"class":3016},[2824,11092,3719],{"class":3003},[2824,11094,11095,11097,11099,11101,11103,11105,11107,11109,11111,11114,11116,11118,11120,11122,11124,11126,11128,11130],{"class":2826,"line":4067},[2824,11096,10891],{"class":3043},[2824,11098,6188],{"class":3003},[2824,11100,11021],{"class":3009},[2824,11102,3013],{"class":3003},[2824,11104,7402],{"class":3572},[2824,11106,11028],{"class":3003},[2824,11108,7407],{"class":3009},[2824,11110,3013],{"class":3003},[2824,11112,11113],{"class":3572},"56px",[2824,11115,3688],{"class":3003},[2824,11117,6115],{"class":3009},[2824,11119,3013],{"class":3003},[2824,11121,4092],{"class":3016},[2824,11123,3688],{"class":3003},[2824,11125,3691],{"class":3009},[2824,11127,3013],{"class":3003},[2824,11129,4101],{"class":3016},[2824,11131,3719],{"class":3003},[2824,11133,11134,11136,11138,11140,11142,11144,11146,11148,11150,11152,11154,11156,11158,11160,11162,11164,11166,11169],{"class":2826,"line":4072},[2824,11135,10896],{"class":3043},[2824,11137,3677],{"class":3003},[2824,11139,11021],{"class":3009},[2824,11141,3013],{"class":3003},[2824,11143,7402],{"class":3572},[2824,11145,11028],{"class":3003},[2824,11147,7407],{"class":3009},[2824,11149,3013],{"class":3003},[2824,11151,7402],{"class":3572},[2824,11153,3688],{"class":3003},[2824,11155,6115],{"class":3009},[2824,11157,3013],{"class":3003},[2824,11159,7940],{"class":3016},[2824,11161,3688],{"class":3003},[2824,11163,3691],{"class":3009},[2824,11165,3013],{"class":3003},[2824,11167,11168],{"class":3016},"#5b21b6",[2824,11170,3719],{"class":3003},[2824,11172,11173,11175,11177,11179,11181,11183,11185,11187,11189,11191,11193,11195,11197,11199,11201,11204,11206,11209,11211,11214],{"class":2826,"line":4078},[2824,11174,10881],{"class":3043},[2824,11176,6389],{"class":3043},[2824,11178,3600],{"class":3003},[2824,11180,10886],{"class":3043},[2824,11182,6389],{"class":3043},[2824,11184,3600],{"class":3003},[2824,11186,10891],{"class":3043},[2824,11188,6389],{"class":3043},[2824,11190,3600],{"class":3003},[2824,11192,10896],{"class":3043},[2824,11194,6389],{"class":3043},[2824,11196,3677],{"class":3003},[2824,11198,3711],{"class":3009},[2824,11200,3013],{"class":3003},[2824,11202,11203],{"class":3572},"0.65rem",[2824,11205,3688],{"class":3003},[2824,11207,11208],{"class":3009},"margin-top",[2824,11210,3013],{"class":3003},[2824,11212,11213],{"class":3572},"0.15rem",[2824,11215,3719],{"class":3003},[2964,11217],{},[2795,11219,11221,11224],{"id":11220},"media-print-стилі-для-друку",[2821,11222,11223],{},"@media print"," — стилі для друку",[3124,11226,11227,11523],{},[2815,11228,11230],{"className":3128,"code":11229,"language":3130,"meta":2819,"style":2819},"\u003Cdiv class=\"print-demo\">\n  \u003Cp class=\"prd-note\">Нижче показано, як виглядатиме сторінка при друку (симуляція):\u003C/p>\n  \u003Cdiv class=\"simulated-print\">\n    \u003Cdiv class=\"print-hide\">🎨 Навігація та декоративні елементи приховані ✅\u003C/div>\n    \u003Carticle class=\"print-article\">\n      \u003Ch2 class=\"print-heading\">Заголовок статті\u003C/h2>\n      \u003Cp>Основний текст — чорний на білому, без фонів та тіней. Шрифт serif для кращого читання на папері.\u003C/p>\n      \u003Ca href=\"https://example.com\" class=\"print-link\">Посилання (URL показується при друці)\u003C/a>\n    \u003C/article>\n    \u003Cdiv class=\"print-hide\">🎯 Бокова панель прихована ✅\u003C/div>\n  \u003C/div>\n  \u003Cp class=\"print-code-note\">CSS для print:\u003C/p>\n  \u003Cpre class=\"print-code\">@media print {\n  nav, aside, footer { display: none; }\n  body { font: 12pt/1.5 Georgia, serif; color: #000; }\n  a::after { content: \" (\" attr(href) \")\"; font-size: 10pt; }\n  h1, h2 { page-break-after: avoid; }\n  img { max-width: 100%; }\n}\u003C/pre>\n\u003C/div>\n",[2821,11231,11232,11247,11271,11286,11310,11326,11350,11367,11398,11406,11429,11437,11461,11479,11484,11489,11494,11499,11504,11515],{"__ignoreMap":2819},[2824,11233,11234,11236,11238,11240,11242,11245],{"class":2826,"line":2827},[2824,11235,3138],{"class":3137},[2824,11237,3141],{"class":2999},[2824,11239,3144],{"class":3009},[2824,11241,3147],{"class":3003},[2824,11243,11244],{"class":3150},"\"print-demo\"",[2824,11246,3154],{"class":3137},[2824,11248,11249,11251,11253,11255,11257,11260,11262,11265,11267,11269],{"class":2826,"line":2833},[2824,11250,3159],{"class":3137},[2824,11252,2800],{"class":2999},[2824,11254,3144],{"class":3009},[2824,11256,3147],{"class":3003},[2824,11258,11259],{"class":3150},"\"prd-note\"",[2824,11261,3171],{"class":3137},[2824,11263,11264],{"class":3003},"Нижче показано, як виглядатиме сторінка при друку (симуляція):",[2824,11266,3177],{"class":3137},[2824,11268,2800],{"class":2999},[2824,11270,3154],{"class":3137},[2824,11272,11273,11275,11277,11279,11281,11284],{"class":2826,"line":2839},[2824,11274,3159],{"class":3137},[2824,11276,3141],{"class":2999},[2824,11278,3144],{"class":3009},[2824,11280,3147],{"class":3003},[2824,11282,11283],{"class":3150},"\"simulated-print\"",[2824,11285,3154],{"class":3137},[2824,11287,11288,11290,11292,11294,11296,11299,11301,11304,11306,11308],{"class":2826,"line":2845},[2824,11289,3201],{"class":3137},[2824,11291,3141],{"class":2999},[2824,11293,3144],{"class":3009},[2824,11295,3147],{"class":3003},[2824,11297,11298],{"class":3150},"\"print-hide\"",[2824,11300,3171],{"class":3137},[2824,11302,11303],{"class":3003},"🎨 Навігація та декоративні елементи приховані ✅",[2824,11305,3177],{"class":3137},[2824,11307,3141],{"class":2999},[2824,11309,3154],{"class":3137},[2824,11311,11312,11314,11317,11319,11321,11324],{"class":2826,"line":2851},[2824,11313,3201],{"class":3137},[2824,11315,11316],{"class":2999},"article",[2824,11318,3144],{"class":3009},[2824,11320,3147],{"class":3003},[2824,11322,11323],{"class":3150},"\"print-article\"",[2824,11325,3154],{"class":3137},[2824,11327,11328,11330,11332,11334,11336,11339,11341,11344,11346,11348],{"class":2826,"line":2857},[2824,11329,5284],{"class":3137},[2824,11331,2795],{"class":2999},[2824,11333,3144],{"class":3009},[2824,11335,3147],{"class":3003},[2824,11337,11338],{"class":3150},"\"print-heading\"",[2824,11340,3171],{"class":3137},[2824,11342,11343],{"class":3003},"Заголовок статті",[2824,11345,3177],{"class":3137},[2824,11347,2795],{"class":2999},[2824,11349,3154],{"class":3137},[2824,11351,11352,11354,11356,11358,11361,11363,11365],{"class":2826,"line":2863},[2824,11353,5284],{"class":3137},[2824,11355,2800],{"class":2999},[2824,11357,3171],{"class":3137},[2824,11359,11360],{"class":3003},"Основний текст — чорний на білому, без фонів та тіней. Шрифт serif для кращого читання на папері.",[2824,11362,3177],{"class":3137},[2824,11364,2800],{"class":2999},[2824,11366,3154],{"class":3137},[2824,11368,11369,11371,11373,11375,11377,11380,11382,11384,11387,11389,11392,11394,11396],{"class":2826,"line":2869},[2824,11370,5284],{"class":3137},[2824,11372,3332],{"class":2999},[2824,11374,3335],{"class":3009},[2824,11376,3147],{"class":3003},[2824,11378,11379],{"class":3150},"\"https://example.com\"",[2824,11381,3144],{"class":3009},[2824,11383,3147],{"class":3003},[2824,11385,11386],{"class":3150},"\"print-link\"",[2824,11388,3171],{"class":3137},[2824,11390,11391],{"class":3003},"Посилання (URL показується при друці)",[2824,11393,3177],{"class":3137},[2824,11395,3332],{"class":2999},[2824,11397,3154],{"class":3137},[2824,11399,11400,11402,11404],{"class":2826,"line":2875},[2824,11401,5326],{"class":3137},[2824,11403,11316],{"class":2999},[2824,11405,3154],{"class":3137},[2824,11407,11408,11410,11412,11414,11416,11418,11420,11423,11425,11427],{"class":2826,"line":2881},[2824,11409,3201],{"class":3137},[2824,11411,3141],{"class":2999},[2824,11413,3144],{"class":3009},[2824,11415,3147],{"class":3003},[2824,11417,11298],{"class":3150},[2824,11419,3171],{"class":3137},[2824,11421,11422],{"class":3003},"🎯 Бокова панель прихована ✅",[2824,11424,3177],{"class":3137},[2824,11426,3141],{"class":2999},[2824,11428,3154],{"class":3137},[2824,11430,11431,11433,11435],{"class":2826,"line":2887},[2824,11432,3395],{"class":3137},[2824,11434,3141],{"class":2999},[2824,11436,3154],{"class":3137},[2824,11438,11439,11441,11443,11445,11447,11450,11452,11455,11457,11459],{"class":2826,"line":2893},[2824,11440,3159],{"class":3137},[2824,11442,2800],{"class":2999},[2824,11444,3144],{"class":3009},[2824,11446,3147],{"class":3003},[2824,11448,11449],{"class":3150},"\"print-code-note\"",[2824,11451,3171],{"class":3137},[2824,11453,11454],{"class":3003},"CSS для print:",[2824,11456,3177],{"class":3137},[2824,11458,2800],{"class":2999},[2824,11460,3154],{"class":3137},[2824,11462,11463,11465,11467,11469,11471,11474,11476],{"class":2826,"line":2899},[2824,11464,3159],{"class":3137},[2824,11466,2815],{"class":2999},[2824,11468,3144],{"class":3009},[2824,11470,3147],{"class":3003},[2824,11472,11473],{"class":3150},"\"print-code\"",[2824,11475,3171],{"class":3137},[2824,11477,11478],{"class":3003},"@media print {\n",[2824,11480,11481],{"class":2826,"line":2905},[2824,11482,11483],{"class":3003},"  nav, aside, footer { display: none; }\n",[2824,11485,11486],{"class":2826,"line":2911},[2824,11487,11488],{"class":3003},"  body { font: 12pt/1.5 Georgia, serif; color: #000; }\n",[2824,11490,11491],{"class":2826,"line":2917},[2824,11492,11493],{"class":3003},"  a::after { content: \" (\" attr(href) \")\"; font-size: 10pt; }\n",[2824,11495,11496],{"class":2826,"line":2923},[2824,11497,11498],{"class":3003},"  h1, h2 { page-break-after: avoid; }\n",[2824,11500,11501],{"class":2826,"line":2929},[2824,11502,11503],{"class":3003},"  img { max-width: 100%; }\n",[2824,11505,11506,11509,11511,11513],{"class":2826,"line":2935},[2824,11507,11508],{"class":3003},"}",[2824,11510,3177],{"class":3137},[2824,11512,2815],{"class":2999},[2824,11514,3154],{"class":3137},[2824,11516,11517,11519,11521],{"class":2826,"line":2941},[2824,11518,3177],{"class":3137},[2824,11520,3141],{"class":2999},[2824,11522,3154],{"class":3137},[2815,11524,11526],{"className":2984,"code":11525,"language":2986,"meta":2819,"style":2819},".print-demo {\n  padding: 1rem;\n  background: #f8fafc;\n  font-family: system-ui, sans-serif;\n  font-size: 0.875rem;\n  color: #1e293b;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n.prd-note { margin: 0; color: #64748b; font-style: italic; font-size: 0.78rem; }\n.simulated-print {\n  background: white;\n  border: 2px dashed #94a3b8;\n  border-radius: 8px;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  font-size: 0.85rem;\n}\n.print-hide {\n  background: #f1f5f9;\n  border: 1px dashed #cbd5e1;\n  border-radius: 4px;\n  padding: 0.4rem 0.6rem;\n  color: #94a3b8;\n  font-size: 0.75rem;\n  text-align: center;\n  text-decoration: line-through;\n}\n.print-article { padding: 0.5rem 0; }\n.print-heading { margin: 0 0 0.5rem; font-size: 1.1rem; color: #000; }\n.print-article p { margin: 0 0 0.5rem; color: #111; line-height: 1.5; }\n.print-link { color: #000; }\n.print-link::after { content: \" (https://example.com)\"; font-size: 0.75rem; color: #666; }\n.print-code-note { margin: 0; font-size: 0.78rem; font-weight: 700; color: #64748b; }\n.print-code {\n  background: #1e293b;\n  color: #e2e8f0;\n  border-radius: 8px;\n  padding: 0.75rem 1rem;\n  font-size: 0.78rem;\n  overflow-x: auto;\n  margin: 0;\n  line-height: 1.5;\n}\n",[2821,11527,11528,11535,11545,11555,11569,11579,11589,11599,11609,11619,11623,11662,11669,11679,11695,11705,11715,11725,11735,11745,11755,11759,11766,11776,11791,11801,11815,11825,11835,11845,11856,11860,11877,11913,11950,11965,12000,12039,12046,12056,12067,12077,12089,12099,12110,12120,12130],{"__ignoreMap":2819},[2824,11529,11530,11533],{"class":2826,"line":2827},[2824,11531,11532],{"class":3043},".print-demo",[2824,11534,3004],{"class":3003},[2824,11536,11537,11539,11541,11543],{"class":2826,"line":2833},[2824,11538,3567],{"class":3009},[2824,11540,3013],{"class":3003},[2824,11542,3573],{"class":3572},[2824,11544,3020],{"class":3003},[2824,11546,11547,11549,11551,11553],{"class":2826,"line":2839},[2824,11548,3580],{"class":3009},[2824,11550,3013],{"class":3003},[2824,11552,3585],{"class":3016},[2824,11554,3020],{"class":3003},[2824,11556,11557,11559,11561,11563,11565,11567],{"class":2826,"line":2845},[2824,11558,3592],{"class":3009},[2824,11560,3013],{"class":3003},[2824,11562,3597],{"class":3016},[2824,11564,3600],{"class":3003},[2824,11566,3603],{"class":3016},[2824,11568,3020],{"class":3003},[2824,11570,11571,11573,11575,11577],{"class":2826,"line":2851},[2824,11572,3610],{"class":3009},[2824,11574,3013],{"class":3003},[2824,11576,3615],{"class":3572},[2824,11578,3020],{"class":3003},[2824,11580,11581,11583,11585,11587],{"class":2826,"line":2857},[2824,11582,3622],{"class":3009},[2824,11584,3013],{"class":3003},[2824,11586,3627],{"class":3016},[2824,11588,3020],{"class":3003},[2824,11590,11591,11593,11595,11597],{"class":2826,"line":2863},[2824,11592,3634],{"class":3009},[2824,11594,3013],{"class":3003},[2824,11596,3639],{"class":3016},[2824,11598,3020],{"class":3003},[2824,11600,11601,11603,11605,11607],{"class":2826,"line":2869},[2824,11602,3646],{"class":3009},[2824,11604,3013],{"class":3003},[2824,11606,3651],{"class":3016},[2824,11608,3020],{"class":3003},[2824,11610,11611,11613,11615,11617],{"class":2826,"line":2875},[2824,11612,3658],{"class":3009},[2824,11614,3013],{"class":3003},[2824,11616,3663],{"class":3572},[2824,11618,3020],{"class":3003},[2824,11620,11621],{"class":2826,"line":2881},[2824,11622,3025],{"class":3003},[2824,11624,11625,11628,11630,11632,11634,11636,11638,11640,11642,11644,11646,11648,11650,11652,11654,11656,11658,11660],{"class":2826,"line":2887},[2824,11626,11627],{"class":3043},".prd-note",[2824,11629,3677],{"class":3003},[2824,11631,3680],{"class":3009},[2824,11633,3013],{"class":3003},[2824,11635,3685],{"class":3572},[2824,11637,3688],{"class":3003},[2824,11639,3691],{"class":3009},[2824,11641,3013],{"class":3003},[2824,11643,3696],{"class":3016},[2824,11645,3688],{"class":3003},[2824,11647,3701],{"class":3009},[2824,11649,3013],{"class":3003},[2824,11651,3706],{"class":3016},[2824,11653,3688],{"class":3003},[2824,11655,3711],{"class":3009},[2824,11657,3013],{"class":3003},[2824,11659,4569],{"class":3572},[2824,11661,3719],{"class":3003},[2824,11663,11664,11667],{"class":2826,"line":2893},[2824,11665,11666],{"class":3043},".simulated-print",[2824,11668,3004],{"class":3003},[2824,11670,11671,11673,11675,11677],{"class":2826,"line":2899},[2824,11672,3580],{"class":3009},[2824,11674,3013],{"class":3003},[2824,11676,4666],{"class":3016},[2824,11678,3020],{"class":3003},[2824,11680,11681,11683,11685,11687,11690,11693],{"class":2826,"line":2905},[2824,11682,3828],{"class":3009},[2824,11684,3013],{"class":3003},[2824,11686,4057],{"class":3572},[2824,11688,11689],{"class":3016}," dashed",[2824,11691,11692],{"class":3016}," #94a3b8",[2824,11694,3020],{"class":3003},[2824,11696,11697,11699,11701,11703],{"class":2826,"line":2911},[2824,11698,3816],{"class":3009},[2824,11700,3013],{"class":3003},[2824,11702,3821],{"class":3572},[2824,11704,3020],{"class":3003},[2824,11706,11707,11709,11711,11713],{"class":2826,"line":2917},[2824,11708,3567],{"class":3009},[2824,11710,3013],{"class":3003},[2824,11712,3573],{"class":3572},[2824,11714,3020],{"class":3003},[2824,11716,11717,11719,11721,11723],{"class":2826,"line":2923},[2824,11718,3634],{"class":3009},[2824,11720,3013],{"class":3003},[2824,11722,3639],{"class":3016},[2824,11724,3020],{"class":3003},[2824,11726,11727,11729,11731,11733],{"class":2826,"line":2929},[2824,11728,3646],{"class":3009},[2824,11730,3013],{"class":3003},[2824,11732,3651],{"class":3016},[2824,11734,3020],{"class":3003},[2824,11736,11737,11739,11741,11743],{"class":2826,"line":2935},[2824,11738,3658],{"class":3009},[2824,11740,3013],{"class":3003},[2824,11742,3759],{"class":3572},[2824,11744,3020],{"class":3003},[2824,11746,11747,11749,11751,11753],{"class":2826,"line":2941},[2824,11748,3610],{"class":3009},[2824,11750,3013],{"class":3003},[2824,11752,4689],{"class":3572},[2824,11754,3020],{"class":3003},[2824,11756,11757],{"class":2826,"line":2947},[2824,11758,3025],{"class":3003},[2824,11760,11761,11764],{"class":2826,"line":2953},[2824,11762,11763],{"class":3043},".print-hide",[2824,11765,3004],{"class":3003},[2824,11767,11768,11770,11772,11774],{"class":2826,"line":2959},[2824,11769,3580],{"class":3009},[2824,11771,3013],{"class":3003},[2824,11773,8159],{"class":3016},[2824,11775,3020],{"class":3003},[2824,11777,11778,11780,11782,11784,11786,11789],{"class":2826,"line":3886},[2824,11779,3828],{"class":3009},[2824,11781,3013],{"class":3003},[2824,11783,6138],{"class":3572},[2824,11785,11689],{"class":3016},[2824,11787,11788],{"class":3016}," #cbd5e1",[2824,11790,3020],{"class":3003},[2824,11792,11793,11795,11797,11799],{"class":2826,"line":3898},[2824,11794,3816],{"class":3009},[2824,11796,3013],{"class":3003},[2824,11798,4245],{"class":3572},[2824,11800,3020],{"class":3003},[2824,11802,11803,11805,11807,11810,11813],{"class":2826,"line":3903},[2824,11804,3567],{"class":3009},[2824,11806,3013],{"class":3003},[2824,11808,11809],{"class":3572},"0.4rem",[2824,11811,11812],{"class":3572}," 0.6rem",[2824,11814,3020],{"class":3003},[2824,11816,11817,11819,11821,11823],{"class":2826,"line":3908},[2824,11818,3622],{"class":3009},[2824,11820,3013],{"class":3003},[2824,11822,6166],{"class":3016},[2824,11824,3020],{"class":3003},[2824,11826,11827,11829,11831,11833],{"class":2826,"line":3914},[2824,11828,3610],{"class":3009},[2824,11830,3013],{"class":3003},[2824,11832,3663],{"class":3572},[2824,11834,3020],{"class":3003},[2824,11836,11837,11839,11841,11843],{"class":2826,"line":3921},[2824,11838,3889],{"class":3009},[2824,11840,3013],{"class":3003},[2824,11842,3769],{"class":3016},[2824,11844,3020],{"class":3003},[2824,11846,11847,11849,11851,11854],{"class":2826,"line":3952},[2824,11848,4253],{"class":3009},[2824,11850,3013],{"class":3003},[2824,11852,11853],{"class":3016},"line-through",[2824,11855,3020],{"class":3003},[2824,11857,11858],{"class":2826,"line":3966},[2824,11859,3025],{"class":3003},[2824,11861,11862,11865,11867,11869,11871,11873,11875],{"class":2826,"line":3971},[2824,11863,11864],{"class":3043},".print-article",[2824,11866,3677],{"class":3003},[2824,11868,8164],{"class":3009},[2824,11870,3013],{"class":3003},[2824,11872,3759],{"class":3572},[2824,11874,4447],{"class":3572},[2824,11876,3719],{"class":3003},[2824,11878,11879,11882,11884,11886,11888,11890,11892,11895,11897,11899,11901,11903,11905,11907,11909,11911],{"class":2826,"line":3976},[2824,11880,11881],{"class":3043},".print-heading",[2824,11883,3677],{"class":3003},[2824,11885,3680],{"class":3009},[2824,11887,3013],{"class":3003},[2824,11889,3685],{"class":3572},[2824,11891,4447],{"class":3572},[2824,11893,11894],{"class":3572}," 0.5rem",[2824,11896,3688],{"class":3003},[2824,11898,3711],{"class":3009},[2824,11900,3013],{"class":3003},[2824,11902,9413],{"class":3572},[2824,11904,3688],{"class":3003},[2824,11906,3691],{"class":3009},[2824,11908,3013],{"class":3003},[2824,11910,5018],{"class":3016},[2824,11912,3719],{"class":3003},[2824,11914,11915,11917,11919,11921,11923,11925,11927,11929,11931,11933,11935,11937,11940,11942,11944,11946,11948],{"class":2826,"line":3982},[2824,11916,11864],{"class":3043},[2824,11918,6030],{"class":3043},[2824,11920,3677],{"class":3003},[2824,11922,3680],{"class":3009},[2824,11924,3013],{"class":3003},[2824,11926,3685],{"class":3572},[2824,11928,4447],{"class":3572},[2824,11930,11894],{"class":3572},[2824,11932,3688],{"class":3003},[2824,11934,3691],{"class":3009},[2824,11936,3013],{"class":3003},[2824,11938,11939],{"class":3016},"#111",[2824,11941,3688],{"class":3003},[2824,11943,6375],{"class":3009},[2824,11945,3013],{"class":3003},[2824,11947,10745],{"class":3572},[2824,11949,3719],{"class":3003},[2824,11951,11952,11955,11957,11959,11961,11963],{"class":2826,"line":3989},[2824,11953,11954],{"class":3043},".print-link",[2824,11956,3677],{"class":3003},[2824,11958,3691],{"class":3009},[2824,11960,3013],{"class":3003},[2824,11962,5018],{"class":3016},[2824,11964,3719],{"class":3003},[2824,11966,11967,11970,11972,11975,11977,11981,11983,11985,11987,11989,11991,11993,11995,11998],{"class":2826,"line":4019},[2824,11968,11969],{"class":3043},".print-link::after",[2824,11971,3677],{"class":3003},[2824,11973,11974],{"class":3009},"content",[2824,11976,3013],{"class":3003},[2824,11978,11980],{"class":11979},"sbdoH","\" (https://example.com)\"",[2824,11982,3688],{"class":3003},[2824,11984,3711],{"class":3009},[2824,11986,3013],{"class":3003},[2824,11988,3663],{"class":3572},[2824,11990,3688],{"class":3003},[2824,11992,3691],{"class":3009},[2824,11994,3013],{"class":3003},[2824,11996,11997],{"class":3016},"#666",[2824,11999,3719],{"class":3003},[2824,12001,12002,12005,12007,12009,12011,12013,12015,12017,12019,12021,12023,12025,12027,12029,12031,12033,12035,12037],{"class":2826,"line":4024},[2824,12003,12004],{"class":3043},".print-code-note",[2824,12006,3677],{"class":3003},[2824,12008,3680],{"class":3009},[2824,12010,3013],{"class":3003},[2824,12012,3685],{"class":3572},[2824,12014,3688],{"class":3003},[2824,12016,3711],{"class":3009},[2824,12018,3013],{"class":3003},[2824,12020,4569],{"class":3572},[2824,12022,3688],{"class":3003},[2824,12024,4217],{"class":3009},[2824,12026,3013],{"class":3003},[2824,12028,5916],{"class":3572},[2824,12030,3688],{"class":3003},[2824,12032,3691],{"class":3009},[2824,12034,3013],{"class":3003},[2824,12036,3696],{"class":3016},[2824,12038,3719],{"class":3003},[2824,12040,12041,12044],{"class":2826,"line":4032},[2824,12042,12043],{"class":3043},".print-code",[2824,12045,3004],{"class":3003},[2824,12047,12048,12050,12052,12054],{"class":2826,"line":4049},[2824,12049,3580],{"class":3009},[2824,12051,3013],{"class":3003},[2824,12053,3627],{"class":3016},[2824,12055,3020],{"class":3003},[2824,12057,12058,12060,12062,12065],{"class":2826,"line":4062},[2824,12059,3622],{"class":3009},[2824,12061,3013],{"class":3003},[2824,12063,12064],{"class":3016},"#e2e8f0",[2824,12066,3020],{"class":3003},[2824,12068,12069,12071,12073,12075],{"class":2826,"line":4067},[2824,12070,3816],{"class":3009},[2824,12072,3013],{"class":3003},[2824,12074,3821],{"class":3572},[2824,12076,3020],{"class":3003},[2824,12078,12079,12081,12083,12085,12087],{"class":2826,"line":4072},[2824,12080,3567],{"class":3009},[2824,12082,3013],{"class":3003},[2824,12084,3663],{"class":3572},[2824,12086,4627],{"class":3572},[2824,12088,3020],{"class":3003},[2824,12090,12091,12093,12095,12097],{"class":2826,"line":4078},[2824,12092,3610],{"class":3009},[2824,12094,3013],{"class":3003},[2824,12096,4569],{"class":3572},[2824,12098,3020],{"class":3003},[2824,12100,12101,12104,12106,12108],{"class":2826,"line":4085},[2824,12102,12103],{"class":3009},"  overflow-x",[2824,12105,3013],{"class":3003},[2824,12107,7898],{"class":3016},[2824,12109,3020],{"class":3003},[2824,12111,12112,12114,12116,12118],{"class":2826,"line":4115},[2824,12113,8569],{"class":3009},[2824,12115,3013],{"class":3003},[2824,12117,3685],{"class":3572},[2824,12119,3020],{"class":3003},[2824,12121,12122,12124,12126,12128],{"class":2826,"line":4120},[2824,12123,3876],{"class":3009},[2824,12125,3013],{"class":3003},[2824,12127,10745],{"class":3572},[2824,12129,3020],{"class":3003},[2824,12131,12132],{"class":2826,"line":4141},[2824,12133,3025],{"class":3003},[2964,12135],{},[2795,12137,12139],{"id":12138},"чеклист-доступності-css","Чеклист доступності CSS",[12141,12142,12143,12171,12190,12212,12238,12259],"card-group",{},[12144,12145,12148],"card",{"icon":12146,"title":12147},"i-lucide-target","🎯 Фокус",[3074,12149,12150,12156,12164],{},[3077,12151,12152,12153,12155],{},"Ніколи ",[2821,12154,2977],{}," без заміни",[3077,12157,12158,12159,12161,12162],{},"Використовуйте ",[2821,12160,3094],{}," замість ",[2821,12163,3044],{},[3077,12165,12166,12167,12170],{},"Skip link на початку сторінки (",[2821,12168,12169],{},"Tab"," → перехід до контенту)",[12144,12172,12175],{"icon":12173,"title":12174},"i-lucide-palette","🎨 Кольори",[3074,12176,12177,12180,12183],{},[3077,12178,12179],{},"Текст ≥ 4.5:1 контраст (AA) або ≥ 7:1 (AAA)",[3077,12181,12182],{},"Не покладайтесь лише на колір для передачі інформації",[3077,12184,12185,12186,12189],{},"Тестуйте у ",[2821,12187,12188],{},"forced-colors: active"," режимі",[12144,12191,12193],{"icon":92,"title":12192},"⚡ Анімації",[3074,12194,12195,12200,12203],{},[3077,12196,12197,12199],{},[2821,12198,7011],{}," для анімацій",[3077,12201,12202],{},"Без блимання частотою 3+ Гц (ризик епілептичного нападу)",[3077,12204,12205,12208,12209],{},[2821,12206,12207],{},"scroll-behavior: smooth"," — лише при ",[2821,12210,12211],{},"no-preference",[12144,12213,12216],{"icon":12214,"title":12215},"i-lucide-ruler","📏 Розміри",[3074,12217,12218,12229,12235],{},[3077,12219,12220,10065,12222,12224,12225,12228],{},[2821,12221,3711],{},[2821,12223,10068],{}," — тільки ",[2821,12226,12227],{},"%"," або нічого",[3077,12230,12231,12232],{},"Touch targets ≥ ",[2821,12233,12234],{},"44px × 44px",[3077,12236,12237],{},"Інтерфейс масштабується до 200% без горизонтального скролу",[12144,12239,12242],{"icon":12240,"title":12241},"i-lucide-eye-off","👁️ Приховування",[3074,12243,12244,12249,12254],{},[3077,12245,12246,12248],{},[2821,12247,8431],{}," для тексту що потрібен скринридерам",[3077,12250,12251,12253],{},[2821,12252,9058],{}," = невидимий для всіх включно зі скринридером",[3077,12255,12256,12258],{},[2821,12257,9118],{}," ≠ приховано від скринридера!",[12144,12260,12263],{"icon":12261,"title":12262},"i-lucide-printer","🖨️ Друк",[3074,12264,12265,12270,12275],{},[3077,12266,12267,12269],{},[2821,12268,11223],{}," — ховаємо nav, aside, ads",[3077,12271,12272],{},[2821,12273,12274],{},"body { font: 12pt serif; color: #000; }",[3077,12276,12277],{},[2821,12278,12279],{},"a::after { content: \" (\" attr(href) \")\"; }",[2964,12281],{},[2795,12283,12285],{"id":12284},"практика","Практика",[12287,12288,12289,12293,12296,12393,12397,12403,12423,12427,12430],"steps",{},[2971,12290,12292],{"id":12291},"рівень-1-базовий-аудит-доступності","Рівень 1 — Базовий: аудит доступності",[2800,12294,12295],{},"Беремо готовий HTML-компонент навігаційного меню. Знайдіть та виправте 4 проблеми доступності:",[2815,12297,12299],{"className":2984,"code":12298,"language":2986,"meta":2819,"style":2819},"/* Знайдіть проблеми: */\n* { outline: none; }                      /* Проблема 1 */\nnav a { color: #aaaaaa; }                 /* Проблема 2: контраст ~2.3:1 */\n.menu-icon { width: 20px; height: 20px; } /* Проблема 3: замалий touch target */\n.tooltip { opacity: 0; }                  /* Проблема 4: чи видно скринридеру? */\n",[2821,12300,12301,12306,12324,12347,12374],{"__ignoreMap":2819},[2824,12302,12303],{"class":2826,"line":2827},[2824,12304,12305],{"class":2993},"/* Знайдіть проблеми: */\n",[2824,12307,12308,12310,12312,12314,12316,12318,12321],{"class":2826,"line":2833},[2824,12309,3000],{"class":2999},[2824,12311,3677],{"class":3003},[2824,12313,4128],{"class":3009},[2824,12315,3013],{"class":3003},[2824,12317,3017],{"class":3016},[2824,12319,12320],{"class":3003},"; }                      ",[2824,12322,12323],{"class":2993},"/* Проблема 1 */\n",[2824,12325,12326,12329,12332,12334,12336,12338,12341,12344],{"class":2826,"line":2839},[2824,12327,12328],{"class":3043},"nav",[2824,12330,12331],{"class":3043}," a",[2824,12333,3677],{"class":3003},[2824,12335,3691],{"class":3009},[2824,12337,3013],{"class":3003},[2824,12339,12340],{"class":3016},"#aaaaaa",[2824,12342,12343],{"class":3003},"; }                 ",[2824,12345,12346],{"class":2993},"/* Проблема 2: контраст ~2.3:1 */\n",[2824,12348,12349,12352,12354,12356,12358,12361,12363,12365,12367,12369,12371],{"class":2826,"line":2845},[2824,12350,12351],{"class":3043},".menu-icon",[2824,12353,3677],{"class":3003},[2824,12355,11021],{"class":3009},[2824,12357,3013],{"class":3003},[2824,12359,12360],{"class":3572},"20px",[2824,12362,3688],{"class":3003},[2824,12364,7407],{"class":3009},[2824,12366,3013],{"class":3003},[2824,12368,12360],{"class":3572},[2824,12370,4135],{"class":3003},[2824,12372,12373],{"class":2993},"/* Проблема 3: замалий touch target */\n",[2824,12375,12376,12379,12381,12383,12385,12387,12390],{"class":2826,"line":2851},[2824,12377,12378],{"class":3043},".tooltip",[2824,12380,3677],{"class":3003},[2824,12382,6403],{"class":3009},[2824,12384,3013],{"class":3003},[2824,12386,3685],{"class":3572},[2824,12388,12389],{"class":3003},"; }                  ",[2824,12391,12392],{"class":2993},"/* Проблема 4: чи видно скринридеру? */\n",[2971,12394,12396],{"id":12395},"рівень-2-адаптивна-система-motion","Рівень 2 — Адаптивна система Motion",[2800,12398,12399,12400,12402],{},"Реалізуйте систему анімацій з повним урахуванням ",[2821,12401,6687],{},":",[3074,12404,12405,12408,12411,12416],{},[3077,12406,12407],{},"Landing hero: slide-in + fade при завантаженні",[3077,12409,12410],{},"Cards: scale + shadow при hover",[3077,12412,12413,12414],{},"Scroll: reveal animations через ",[2821,12415,7536],{},[3077,12417,12418,12419,12422],{},"При ",[2821,12420,12421],{},"reduce",": всі переходи ≤ 50ms, без scale і translate",[2971,12424,12426],{"id":12425},"рівень-3-повна-доступна-форма","Рівень 3 — Повна доступна форма",[2800,12428,12429],{},"Побудуйте форму відправки повідомлень з:",[3074,12431,12432,12435,12441,12455,12461,12464,12467],{},[3077,12433,12434],{},"Floating labels (CSS-only)",[3077,12436,12437,12438,12440],{},"Правильний ",[2821,12439,3094],{}," на кожному полі",[3077,12442,12443,12446,12447,12450,12451,12454],{},[2821,12444,12445],{},":user-valid","/",[2821,12448,12449],{},":user-invalid"," з ARIA-feedback через ",[2821,12452,12453],{},"aria-live"," region",[3077,12456,12457,12458,12460],{},"Error messages через ",[2821,12459,8431],{}," для скринридерів",[3077,12462,12463],{},"Контрастність ≥ 4.5:1 для всього тексту",[3077,12465,12466],{},"Touch targets кнопок ≥ 44px",[3077,12468,12469,12471],{},[2821,12470,11223],{}," стиль що показує текст полів без дизайну форм",[12473,12474,12475],"style",{},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spJ8K, html code.shiki .spJ8K{--shiki-light:#008000;--shiki-default:#6A9955;--shiki-dark:#6A9955}html pre.shiki code .sKtos, html code.shiki .sKtos{--shiki-light:#800000;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sHH4Y, html code.shiki .sHH4Y{--shiki-light:#000000;--shiki-default:#D4D4D4;--shiki-dark:#D4D4D4}html pre.shiki code .sa4r_, html code.shiki .sa4r_{--shiki-light:#E50000;--shiki-default:#9CDCFE;--shiki-dark:#9CDCFE}html pre.shiki code .sDUd3, html code.shiki .sDUd3{--shiki-light:#0451A5;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sqdDX, html code.shiki .sqdDX{--shiki-light:#800000;--shiki-default:#D7BA7D;--shiki-dark:#D7BA7D}html pre.shiki code .s0P7L, html code.shiki .s0P7L{--shiki-light:#800000;--shiki-default:#808080;--shiki-dark:#808080}html pre.shiki code .su9tN, html code.shiki .su9tN{--shiki-light:#0000FF;--shiki-default:#CE9178;--shiki-dark:#CE9178}html pre.shiki code .sJj4R, html code.shiki .sJj4R{--shiki-light:#098658;--shiki-default:#B5CEA8;--shiki-dark:#B5CEA8}html pre.shiki code .s8Opu, html code.shiki .s8Opu{--shiki-light:#795E26;--shiki-default:#DCDCAA;--shiki-dark:#DCDCAA}html pre.shiki code .sCDza, html code.shiki .sCDza{--shiki-light:#AF00DB;--shiki-default:#CE92A4;--shiki-dark:#CE92A4}html pre.shiki code .se1LK, html code.shiki .se1LK{--shiki-light:#CD3131;--shiki-default:#F44747;--shiki-dark:#F44747}html pre.shiki code .su1O8, html code.shiki .su1O8{--shiki-light:#0000FF;--shiki-default:#569CD6;--shiki-dark:#569CD6}html pre.shiki code .sbdoH, html code.shiki .sbdoH{--shiki-light:#A31515;--shiki-default:#CE9178;--shiki-dark:#CE9178}",{"title":2819,"searchDepth":2833,"depth":2833,"links":12477},[12478,12479,12486,12491,12493,12495,12499,12501,12502],{"id":2797,"depth":2833,"text":2798},{"id":2968,"depth":2833,"text":2969,"children":12480},[12481,12483,12485],{"id":2973,"depth":2839,"text":12482},"Чому outline: none — злочин",{"id":3091,"depth":2839,"text":12484},":focus-visible — правильне рішення",{"id":5028,"depth":2839,"text":5029},{"id":5138,"depth":2833,"text":5139,"children":12487},[12488,12489],{"id":5142,"depth":2839,"text":5143},{"id":6494,"depth":2839,"text":12490},"forced-colors та @media (prefers-contrast)",{"id":6684,"depth":2833,"text":12492},"prefers-reduced-motion — безпечні анімації",{"id":8427,"depth":2833,"text":12494},"Техніка .sr-only — видимо для скринридера, невидимо візуально",{"id":10054,"depth":2833,"text":10055,"children":12496},[12497],{"id":10058,"depth":2839,"text":12498},"Чому px для font-size на :root — помилка",{"id":11220,"depth":2833,"text":12500},"@media print — стилі для друку",{"id":12138,"depth":2833,"text":12139},{"id":12284,"depth":2833,"text":12285,"children":12503},[12504,12505,12506],{"id":12291,"depth":2839,"text":12292},{"id":12395,"depth":2839,"text":12396},{"id":12425,"depth":2839,"text":12426},"Практичне керівництво з CSS-доступності: :focus-visible та кастомний outline, prefers-reduced-motion, prefers-color-scheme, forced-colors, sr-only техніка, контрастність кольорів, розміри touch targets та print styles.","md",null,{},{"title":2728,"description":12507},"qqjq8ADajkrkBOGvwxmHOd0ynLkzi9RQv3UAn-Q6vEA",[12514,12516],{"title":2724,"path":2725,"stem":2726,"description":12515,"children":-1},"Повне керівництво зі стилізації HTML-форм: псевдокласи :focus-visible, :user-valid, :has(), accent-color, кастомні checkbox/radio/select, floating label патерн, валідація без JavaScript та нативний CSS-only дизайн форм.",{"title":2732,"path":2733,"stem":2734,"description":12517,"children":-1},"Повний огляд CSS математичних функцій: calc(), min(), max(), clamp(), round(), mod(), тригонометричні sin/cos/tan, env() для безпечних зон, та сучасні layout primitives — The Stack, The Sidebar, The RAM, The Reel.",1776866096223]