.intro-header,.intro-article,.intro-footer{width:min(940px,calc(100% - 40px));margin-inline:auto}.intro-header{display:flex;align-items:center;gap:24px;justify-content:space-between;padding-block:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.intro-header nav{display:flex;flex-wrap:wrap;gap:10px;font-family:system-ui,sans-serif;font-size:14px}.intro-header nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.intro-article{padding-block:48px;font-family:system-ui,sans-serif;font-size:17px;line-height:1.8;overflow-wrap:anywhere}.intro-article h1{font-size:clamp(30px,5vw,48px);line-height:1.2;margin-block:0 28px;letter-spacing:-.02em}.intro-article h2{font-size:25px;margin-block:40px 16px}.intro-article p{max-width:78ch;margin-block:20px}.intro-article a,.intro-footer a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.intro-article pre{overflow-x:auto;background:var(--panel);border:1px solid var(--line);padding:20px;font-size:14px;line-height:1.6;white-space:pre;direction:ltr;text-align:left}.intro-article code{font-family:var(--mono);unicode-bidi:isolate;font-size:.9em}.intro-article code[dir]{display:inline-block;direction:ltr}.intro-article pre code{font-size:inherit}.intro-footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-block:24px 48px;font-size:13px}
html[dir=rtl] .intro-article{line-height:2}html[dir=rtl] .intro-header .brand{margin-inline-end:auto}@media(max-width:400px){.intro-header,.intro-article,.intro-footer{width:calc(100% - 28px)}.intro-article{font-size:16px;padding-block:32px}.intro-article pre{padding:12px;font-size:12px}}