/* Extend the existing Little Steps palette and layout, without new libraries. */
.skip-link{position:absolute;left:16px;top:-100px;z-index:10;background:#fff;padding:12px;border-radius:8px}
.skip-link:focus{top:12px}
.story-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.story-feature figure{margin:0;max-width:300px;justify-self:center}
.story-feature img{width:100%;height:auto;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow)}
.story-feature figcaption{font-size:14px;color:var(--muted)}
.story-feature figcaption h3{font-size:16px;margin-bottom:4px}
.story-feature figcaption p{margin-top:0}
.tablet-shot{max-width:860px;margin:48px auto}
.tablet-shot figure{margin:0}
.tablet-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:20px}
.tablet-shot figcaption p{color:var(--muted)}
.page li{margin-block:8px}
@media(max-width:820px){.story-feature{grid-template-columns:1fr;gap:30px}.story-feature figure{max-width:280px}.hero{gap:32px}.section{padding-block:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}