@font-face {font-family: Manrope; font-weight: 400; font-display: swap; src: url('/ai-course/fonts/manrope-400-cyrillic.woff2'); unicode-range: U+0400-052F,U+2116;}
@font-face {font-family: Manrope; font-weight: 400; font-display: swap; src: url('/ai-course/fonts/manrope-400-latin.woff2'); unicode-range: U+0000-024F,U+2000-206F;}
* {box-sizing: border-box;}
body {margin: 0; background: #f6f6f6; color: #202020; font: 400 17px/1.7 Manrope,sans-serif;}
main {width: min(780px,calc(100% - 40px)); margin: 48px auto 80px;}
a {color: #1659ed; text-underline-offset: 4px; overflow-wrap: anywhere;}
:focus-visible {outline: 3px solid #1659ed; outline-offset: 5px;}
h1,h2 {font-weight: 400; line-height: 1.2; letter-spacing: -.025em; text-wrap: balance;}
h1 {font-size: clamp(30px,5vw,48px); margin: 36px 0 24px;}
h2 {font-size: 25px; margin: 36px 0 16px;}
p {margin: 16px 0;}
.draft {padding: 22px; border-radius: 12px; corner-shape: superellipse(2); background: #e0eaff; color: #34476b;}
li {margin: 10px 0;}
nav {display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 48px; padding-top: 24px; border-top: 1px solid #d4d4d4; font-size: 14px;}
footer {margin-top: 28px; font-size: 14px; color: #575757;}
dl {margin-block: 32px;}
dt {margin-top: 24px; color: #575757; font-size: 14px;}
dd {margin: 6px 0 0; overflow-wrap: anywhere;}
blockquote {margin: 24px 0; padding: 16px 24px; background: #e0eaff; color: #34476b; border-radius: 12px;}
@media (max-width: 480px) {body {font-size: 16px;} main {margin-top: 28px;} h2 {font-size: 23px;} blockquote {padding: 12px 18px;}}
@media print {body {background: white; color: black; font-size: 11pt;} main {width: auto; margin: 0;} nav,main>a:first-child {display: none;} h1 {font-size: 24pt;} h2 {font-size: 16pt; break-after: avoid;} a {color: inherit;} blockquote {background: none;}}
::selection {background: #bfd3ff; color: #101010;}

h2[id] {scroll-margin-top: 24px;}
h3 {margin: 28px 0 12px; font-size: 19px; line-height: 1.4; font-weight: 500;}
nav.legal-toc {margin-top: 24px; padding: 18px 0; border-bottom: 1px solid #d4d4d4;}
@media print {nav.legal-toc {display: none;}}