.article-layout-pilot{max-width:1200px;margin:auto;padding:24px 20px 64px}.article-layout-pilot article{max-width:760px;padding-inline:0}.article-layout-pilot article>.prose{max-width:70ch;font-size:18px;line-height:1.85}.article-layout-pilot .prose h2{border-top:1px solid #e4e4e7;margin-top:2.5em;padding-top:20px;scroll-margin-top:90px;line-height:1.35}.article-layout-pilot .prose h3{margin-top:1.8em;scroll-margin-top:90px;line-height:1.4}.article-layout-pilot article>h1{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2rem,4vw,3rem);line-height:1.15}.article-layout-pilot article>p{line-height:1.7}.article-contents-desktop{display:none}.article-contents-mobile{border:1px solid #d4d4d8;border-radius:8px;padding:0 16px}.article-contents-mobile summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:600}.article-layout-pilot nav ol,.article-contents-mobile ol{margin:0;padding:0;list-style:none}.article-layout-pilot nav a,.article-contents-mobile a{color:#3f3f46;min-height:44px;padding:10px 0;font-size:14px;line-height:1.5;display:block}.article-layout-pilot nav a:hover,.article-contents-mobile a:hover{text-decoration:underline}.article-layout-pilot a:focus-visible,.article-layout-pilot summary:focus-visible{outline-offset:4px;outline:3px solid #2563eb}.article-layout-pilot .prose table{font-size:15px;display:block;overflow-x:auto}.article-layout-pilot .prose th,.article-layout-pilot .prose td{min-width:100px}.article-layout-pilot article>div:has(>img[alt]){height:240px}@media (min-width:1024px){.article-layout-pilot{grid-template-columns:240px minmax(0,1fr);gap:52px;display:grid}.article-contents-desktop{border-inline-start:1px solid #d4d4d8;align-self:start;max-height:calc(100dvh - 110px);margin-top:32px;padding-inline-start:20px;display:block;position:sticky;top:88px;overflow-y:auto}.article-contents-desktop>p{color:#71717a;margin-bottom:10px;font-size:12px;font-weight:600}.article-contents-mobile{display:none}}:where(.dark) .article-layout-pilot nav a,:where(.dark) .article-contents-mobile a{color:#d4d4d8}:where(.dark) .article-layout-pilot .prose h2,:where(.dark) .article-contents-desktop,:where(.dark) .article-contents-mobile{border-color:#3f3f46}:where(.dark) .article-contents-desktop>p{color:#a1a1aa}
