/* Документы для РКН и людей (бэклог #1): статичные страницы, системный шрифт, обе темы, как приложение */
:root { --bg: #F2F2F7; --card: #fff; --ink: #000; --ink-2: rgba(60, 60, 67, .85); --sep: rgba(60, 60, 67, .12); color-scheme: light dark }
@media (prefers-color-scheme: dark) { :root { --bg: #000; --card: #1C1C1E; --ink: #fff; --ink-2: rgba(235, 235, 245, .6); --sep: rgba(255, 255, 255, .1) } }
* { box-sizing: border-box }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.5 -apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, sans-serif; -webkit-text-size-adjust: 100% }
main { max-width: 720px; margin: 0 auto; padding: max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left)) }
.home { display: inline-flex; align-items: center; min-height: 44px; margin: -8px 0 8px; font-size: 15px; font-weight: 600; text-decoration: none }
h2:target { scroll-margin-top: 16px }
h1 { font-size: 28px; line-height: 1.1; letter-spacing: -.02em; margin: 0 0 6px; text-wrap: balance }
h2 { font-size: 19px; letter-spacing: -.01em; margin: 28px 0 8px }
.ver { color: var(--ink-2); font-size: 14px; margin: 0 0 20px }
.op { background: var(--card); border-radius: 16px; padding: 14px 16px; font-size: 15px }
p, li { margin: 0 0 8px; overflow-wrap: break-word }  /* адреса страниц в согласии (приказ РКН № 18) длиннее строки на 320 */
ul { padding-left: 20px; margin: 0 0 8px }
a { color: inherit; text-underline-offset: 2px }
nav { margin-top: 32px; padding-top: 16px; border-top: 1px solid var(--sep); font-size: 15px; display: flex; flex-wrap: wrap; gap: 8px 20px }