.th3alW_introduction,.th3alW_example{width:min(90%,90rem);margin-inline:auto}.th3alW_productChapters{border-block:1px solid var(--border)}.th3alW_productChapters>summary{cursor:pointer;width:min(90%,80rem);min-height:6rem;font-size:var(--text-base);justify-content:space-between;align-items:center;gap:1rem;margin:auto;padding-block:1.25rem;list-style:none;display:flex}.th3alW_productChapters>summary::-webkit-details-marker{display:none}.th3alW_productChapters>summary>span+span{color:var(--muted-foreground);font-size:var(--text-xs)}.th3alW_productChapters>summary:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:600px){.th3alW_productChapters>summary{flex-direction:column;justify-content:center;align-items:start;gap:.5rem}}.th3alW_introduction{min-height:calc(100svh - var(--public-header-height));flex-direction:column;justify-content:center;padding-block:4rem 7rem;display:flex}.th3alW_eyebrow{color:var(--primary);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;line-height:1.6}.th3alW_introductionGrid{margin-top:1.75rem}.th3alW_introduction h1{max-width:24ch;font-family:var(--font-serif-stack);font-size:clamp(var(--text-5xl),8vw,var(--text-8xl));letter-spacing:-.03em;text-wrap:balance;font-weight:400;line-height:1.02}.th3alW_description{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.75rem 3rem;margin-top:2.5rem;display:flex}.th3alW_description>p{max-width:55ch;color:var(--muted-foreground);font-size:var(--text-base);flex:28rem;line-height:1.75}.th3alW_actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem 1.5rem;display:flex}.th3alW_textLink{min-height:2.75rem;font-size:var(--text-sm);color:var(--foreground);text-underline-offset:.25em;align-items:center;gap:.65rem;display:inline-flex}.th3alW_textLink svg{flex-shrink:0}.th3alW_textLink:hover{color:var(--primary);text-decoration:underline}.th3alW_textLink:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.th3alW_example{scroll-margin-top:calc(var(--public-header-height) + 1.5rem);padding-block:.5rem 3rem}.th3alW_exampleHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1.25rem;margin-bottom:1rem;display:flex}.th3alW_exampleHeading h2{font-family:var(--font-inter), Arial, sans-serif;font-size:var(--text-sm);letter-spacing:normal;font-weight:400}.th3alW_exampleHeading>span,.th3alW_caption{font-size:var(--text-xs);color:var(--muted-foreground);line-height:1.65}.th3alW_caption{margin-top:1rem}.th3alW_example>.th3alW_textLink{margin-top:.5rem}.th3alW_walkthrough{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:.75rem}.th3alW_walkthrough>summary{min-height:2.75rem;font-size:var(--text-sm);color:var(--foreground);padding-block:.65rem}.th3alW_walkthrough>summary:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.th3alW_walkthroughNote{max-width:70ch;font-size:var(--text-xs);color:var(--muted-foreground);margin-top:.75rem;line-height:1.75}.th3alW_walkthrough ol{padding-left:1.5rem}.th3alW_walkthrough li{border-bottom:1px solid var(--border);scroll-margin-top:calc(var(--public-header-height) + 1.5rem);padding-block:1.5rem}.th3alW_walkthrough h3{font-family:var(--font-serif-stack);font-weight:400;font-size:var(--text-2xl);line-height:1.2}.th3alW_walkthrough li>p{max-width:75ch;color:var(--muted-foreground);font-size:var(--text-sm);margin-top:.75rem;line-height:1.8}.th3alW_walkthrough dl{max-width:75ch;font-size:var(--text-xs);margin-top:1rem;line-height:1.75}.th3alW_walkthrough dl>div{grid-template-columns:6rem minmax(0,1fr);gap:1rem;margin-top:.4rem;display:grid}.th3alW_walkthrough dt{color:var(--muted-foreground)}.th3alW_walkthrough dd{overflow-wrap:anywhere;margin:0}.th3alW_walkthrough a{min-height:2.75rem;color:var(--foreground);font-size:var(--text-sm);text-underline-offset:.25em;align-items:center;margin-top:.5rem;text-decoration:underline;display:inline-flex}@media (max-width:900px){.th3alW_description{margin-top:2rem;display:block}.th3alW_description>p{max-width:55ch}.th3alW_actions{margin-top:1.75rem}}@media (max-width:600px){.th3alW_introduction{padding-block:2.75rem 4rem}.th3alW_introduction h1{font-size:clamp(var(--text-4xl),11vw,var(--text-5xl));max-width:22ch}.th3alW_introductionGrid{margin-top:1.5rem}.th3alW_actions{align-items:stretch;gap:.5rem}.th3alW_actions>a{justify-content:center;width:100%}.th3alW_example{padding-bottom:2rem}.th3alW_exampleHeading{flex-direction:column;align-items:flex-start;gap:.25rem}}
