*,*::before,*::after{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{display:flex;flex-direction:column;min-height:100dvh;margin:0;background:var(--page-bg,#ffffff);color:var(--page-ink,#111111);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}main{flex:1 0 auto}a{color:inherit}:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--gutter);z-index:100;padding:10px 16px;background:var(--c-accent);color:var(--c-accent-ink);font-family:var(--font-display);font-weight:600;text-decoration:none;border-radius:0 0 var(--radius) var(--radius)}.skip-link:focus{top:0}.preview{max-width:var(--wrap);margin-inline:auto;padding:36px var(--gutter) 0}.preview__title{margin:0 0 6px;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em}.preview__lead,.preview__note{margin:0 0 18px;color:#5a5a5a;font-size:15px}.preview__list{margin:0 0 24px;padding-left:18px;line-height:1.9}.preview__switch{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.preview__switch a{padding:7px 13px;border:1px solid #d8d8d8;border-radius:var(--radius-sm);font-size:14px;text-decoration:none}.preview__switch a[aria-current]{background:var(--c-ground);border-color:var(--c-ground);color:var(--c-ink)}.preview-spacer{height:160vh}