.feature-story{background:var(--brand-paper);color:var(--brand-ink)}.feature-story-container{width:min(100%,1360px);margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.feature-story-hero{padding-top:112px;padding-bottom:56px}.feature-story-back{display:inline-flex;gap:8px;align-items:center;min-height:44px;margin-bottom:24px;font-size:14px;color:var(--brand-muted);text-underline-offset:4px}.feature-story-back:hover{color:var(--brand-royal);text-decoration:underline}.feature-story-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end}.feature-story-intro h1{margin:0;max-width:13ch;font-size:clamp(40px,4.3vw,66px);font-weight:500;line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.feature-story-details h2,.feature-story-note h2,.feature-story-close h2{margin:0;max-width:22ch;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}.feature-story-lead,.feature-story-access,.feature-story-details p,.feature-story-note p,.feature-story-walkthrough>p,.feature-story-close p{max-width:66ch;color:var(--brand-muted);line-height:1.6}.feature-story-lead{margin:0;font-size:18px}.feature-story-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.feature-story-link{display:inline-flex;align-items:center;gap:7px;min-height:44px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .15s ease-out}.feature-story-link:hover{text-decoration-color:currentColor}.feature-story-access{margin-top:16px;font-size:14px}.feature-story-example{margin-top:48px}.feature-story-details{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding-block:64px 80px}.feature-story-details>div>p{max-width:38ch;margin-top:18px}.feature-story-details dl{margin:0;border-top:1px solid var(--brand-rule)}.feature-story-details dl>div{padding-block:24px;border-bottom:1px solid var(--brand-rule)}.feature-story-details dt{font-size:20px;font-weight:500;letter-spacing:-.015em}.feature-story-details dd{margin:10px 0 0;color:var(--brand-muted);line-height:1.6}.feature-story-note{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:24px 56px;padding-block:40px 48px;border-top:1px solid var(--brand-rule)}.feature-story-note>div{max-width:700px}.feature-story-note h2{max-width:32ch;font-size:26px}.feature-story-note p{margin:18px 0 12px}.feature-story-walkthrough{padding-block:24px 48px;border-top:1px solid var(--brand-rule)}.feature-story-walkthrough summary{display:flex;min-height:44px;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-size:18px;font-weight:500;list-style:none}.feature-story-walkthrough summary::-webkit-details-marker{display:none}.feature-story-walkthrough[open] summary svg{transform:rotate(180deg)}.feature-story-walkthrough>div{max-width:960px;margin-top:24px}.feature-story-close{margin-top:40px;background:var(--brand-ink);color:#fff}.feature-story-close-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px 56px;padding-block:72px}.feature-story-close h2{max-width:25ch}.feature-story-close p{max-width:55ch;margin-top:20px;color:var(--brand-rule)}.feature-story-close .feature-story-actions{margin-top:0}.feature-story a:focus-visible,.feature-story summary:focus-visible{outline:2px solid var(--brand-blue);outline-offset:5px}.feature-story-close a:focus-visible{outline-color:#93c5fd}.feature-story ::-moz-selection{color:#fff;background:var(--brand-blue)}.feature-story ::selection{color:#fff;background:var(--brand-blue)}@media (max-width: 900px){.feature-story-intro{grid-template-columns:1fr;gap:24px}.feature-story-intro h1{max-width:20ch}.feature-story-lead{max-width:54ch}.feature-story-details{grid-template-columns:1fr;gap:32px}.feature-story-details>div>p{max-width:55ch}}@media (max-width: 600px){.feature-story-hero{padding-top:96px;padding-bottom:32px}.feature-story-intro h1{font-size:40px}.feature-story-lead{font-size:17px}.feature-story-actions{gap:12px 20px}.feature-story-example{margin-top:32px}.feature-story-details{padding-block:40px 48px}.feature-story-note{padding-block:32px}.feature-story-close-inner{padding-block:48px}}.feature-story :is(p,dd){font-size:16px}.feature-story :is(h2,[id]){scroll-margin-top:112px}@media (max-width: 600px){.feature-story-actions{align-items:stretch}.feature-story-link{width:-moz-fit-content;width:fit-content}.feature-story-back{margin-bottom:16px}}