.mr-rsp-page .mr-page-body{display:flex;flex-direction:column;gap:clamp(2.5rem,2rem + 2vw,4rem)}.mr-rsp-h2{margin:0;font-family:var(--mr-font-display);font-variation-settings:var(--mr-font-display-variation);font-optical-sizing:auto;font-weight:400;font-size:var(--mr-text-title);line-height:1.2;letter-spacing:var(--mr-tracking-title);color:var(--mr-ink)}.mr-rsp-text{max-width:38em;margin:0;color:var(--mr-ink-muted);font-size:1.0625rem;line-height:1.6}.mr-rsp-text code{padding:.0625rem .375rem;border-radius:var(--mr-radius-sm);background:var(--mr-surface);color:var(--mr-ink);font-family:var(--mr-font-mono);font-size:.9375em;white-space:nowrap}.mr-rsp-preview-wrap{display:flex;flex-direction:column;gap:1.25rem}.mr-rsp-head{display:flex;flex-direction:column;gap:.5rem}.mr-rsp-picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.75rem;max-width:40rem}.mr-rsp-preview{padding:.5rem;border:1px solid var(--mr-hairline);border-radius:calc(var(--mr-radius-md) + 6px);background:color-mix(in srgb,var(--mr-surface) 55%,transparent)}.mr-rsp-preview iframe{display:block;width:100%;border:0;border-radius:var(--mr-radius-md);background:var(--mr-night)}.mr-rsp-ways{display:grid;gap:2.5rem 3rem}@media (min-width: 64em){.mr-rsp-ways{grid-template-columns:repeat(2,minmax(0,1fr))}}.mr-rsp-way{display:flex;flex-direction:column;gap:.875rem;min-width:0;padding-top:1.5rem;border-top:1px solid var(--mr-hairline)}.mr-rsp-code{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0}.mr-rsp-code pre{width:100%;margin:0;padding:1rem 1.125rem;border:1px solid var(--mr-hairline);border-radius:var(--mr-radius-md);background:color-mix(in srgb,var(--mr-night) 55%,var(--mr-surface));color:var(--mr-ink-muted);font-family:var(--mr-font-mono);font-size:var(--mr-text-caption);line-height:1.6;font-variant-ligatures:none;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.mr-rsp-code pre code{font:inherit}.mr-rsp-copy .mr-icon{color:var(--mr-moonlight)}