.foundation{max-width:100%}.foundation .intro{background:#0b0b0e;color:#f2eee8;padding:clamp(48px,7vw,100px) var(--space)}.foundation .intro h1{font-size:clamp(38px,5vw,76px);line-height:1.14;letter-spacing:-.05em;max-width:900px}.foundation .intro em{font-style:normal;color:var(--lime)}.foundation .intro p{max-width:780px}.foundation .intro .lead{font-size:clamp(18px,2vw,25px)}.foundation .unit-nav{padding:20px var(--space);display:flex;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line);background:var(--paper)}.foundation .unit-nav a{border:1px solid var(--line);padding:8px 18px;border-radius:50px}.foundation .unit-nav a:hover{background:#0b0b0e;color:#fff}.foundation .unit{padding:clamp(42px,6vw,80px) var(--space);border-bottom:1px solid var(--line);max-width:100%}.foundation .unit>*{max-width:900px}.foundation .unit h2{font-size:clamp(28px,3.4vw,48px);line-height:1.25;letter-spacing:-.035em;margin:10px 0 24px}.foundation .unit h3{font-size:19px;margin:32px 0 8px}.foundation .unit p{line-height:1.85}.foundation .unit a:not(.button){text-decoration:underline;text-underline-offset:4px}.foundation code,.foundation pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:normal}.foundation p code{background:#e9e5dc;border-radius:3px;padding:2px 5px}.foundation .code-box{max-width:900px;position:relative;background:#17191e;color:#eaf1ed;border-radius:14px;margin:18px 0;overflow:hidden}.foundation pre{overflow:auto;white-space:pre;font-size:14px;line-height:1.65;padding:52px 20px 22px;margin:0}.foundation .copy{position:absolute;right:10px;top:10px;border:1px solid #a2b7b2;background:#303b39;color:#fff;border-radius:7px;padding:5px 13px;cursor:pointer}.foundation .copy:hover{background:#496960}.foundation .expected{background:#ece9e2;border-left:4px solid #b05440;padding:15px 19px}.foundation details{border:1px solid var(--line);border-radius:8px;padding:15px 20px;margin:20px 0}.foundation summary{cursor:pointer;font-weight:700;min-height:28px}.foundation .video{font-size:14px}.foundation .check{display:flex;gap:12px;align-items:center;max-width:900px;padding:18px;background:#ece9e2}.foundation .check input{width:22px;height:22px;flex:none}.foundation .resources{background:#ece9e2}@media (max-width:760px){.foundation .intro{padding:44px 22px}.foundation .unit,.foundation .unit-nav{padding-left:22px;padding-right:22px}.foundation .unit-nav a{padding:6px 12px}.foundation pre{font-size:12px}.foundation .unit h2{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.foundation *{scroll-behavior:auto}}