.responsive-preview[data-astro-cid-htqzbmjy]{border:var(--rule);background:var(--paper-strong);box-shadow:var(--shadow);font-family:var(--sans);margin-block:clamp(3rem,5vw,5rem)}.responsive-preview__header[data-astro-cid-htqzbmjy]{border-bottom:var(--rule);background:var(--ink);color:var(--paper-strong);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid}.responsive-preview__header[data-astro-cid-htqzbmjy] span[data-astro-cid-htqzbmjy]{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.responsive-preview__header[data-astro-cid-htqzbmjy] h3[data-astro-cid-htqzbmjy]{max-width:18ch;font-family:var(--serif);margin-top:.9rem;font-size:clamp(2rem,4vw,3.8rem);line-height:1}.responsive-preview__header[data-astro-cid-htqzbmjy] p[data-astro-cid-htqzbmjy]{color:#ffffffc2;max-width:48rem;margin-top:1rem;line-height:1.55}.responsive-preview__actions[data-astro-cid-htqzbmjy]{flex-wrap:wrap;justify-content:flex-end;gap:.65rem;display:flex}.responsive-preview__actions[data-astro-cid-htqzbmjy] button[data-astro-cid-htqzbmjy],.responsive-preview__actions[data-astro-cid-htqzbmjy] a[data-astro-cid-htqzbmjy]{border:1px solid var(--paper-strong);min-height:2.75rem;color:var(--paper-strong);font-family:var(--sans);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.7rem .8rem;font-size:.75rem;font-weight:900;text-decoration:none}.responsive-preview__actions[data-astro-cid-htqzbmjy] button[data-astro-cid-htqzbmjy]:hover,.responsive-preview__actions[data-astro-cid-htqzbmjy] button[data-astro-cid-htqzbmjy]:focus-visible,.responsive-preview__actions[data-astro-cid-htqzbmjy] a[data-astro-cid-htqzbmjy]:hover,.responsive-preview__actions[data-astro-cid-htqzbmjy] a[data-astro-cid-htqzbmjy]:focus-visible,.responsive-preview__actions[data-astro-cid-htqzbmjy] button[data-astro-cid-htqzbmjy].active{background:var(--project-accent);color:var(--ink)}.responsive-preview__switch[data-astro-cid-htqzbmjy]{display:flex}.responsive-preview__switch[data-astro-cid-htqzbmjy] button[data-astro-cid-htqzbmjy]+button[data-astro-cid-htqzbmjy]{border-left:0}.responsive-preview__stage[data-astro-cid-htqzbmjy]{background:color-mix(in srgb, var(--project-accent) 38%, var(--paper));justify-content:center;align-items:center;min-height:36rem;padding:clamp(.8rem,3vw,2rem);display:flex;overflow:hidden}.responsive-preview__device[data-astro-cid-htqzbmjy]{border:var(--rule);width:100%;box-shadow:none;background:#fff;transition:width .25s}.responsive-preview__device[data-astro-cid-htqzbmjy].mobile{width:min(390px,100%)}.responsive-preview__device[data-astro-cid-htqzbmjy]:fullscreen{width:100%;height:100%;box-shadow:none;border:0}.responsive-preview__chrome[data-astro-cid-htqzbmjy]{background:#f7f5f0;border-bottom:1px solid #bbb;align-items:center;gap:.45rem;height:2.65rem;padding-inline:.8rem;display:flex}.responsive-preview__chrome[data-astro-cid-htqzbmjy] i[data-astro-cid-htqzbmjy]{aspect-ratio:1;background:var(--orange);border-radius:50%;width:.58rem}.responsive-preview__chrome[data-astro-cid-htqzbmjy] i[data-astro-cid-htqzbmjy]:nth-child(2){background:var(--yellow)}.responsive-preview__chrome[data-astro-cid-htqzbmjy] i[data-astro-cid-htqzbmjy]:nth-child(3){background:var(--mint)}.responsive-preview__chrome[data-astro-cid-htqzbmjy] b[data-astro-cid-htqzbmjy]{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-left:.35rem;font-size:.75rem;overflow:hidden}.responsive-preview__device[data-astro-cid-htqzbmjy] iframe[data-astro-cid-htqzbmjy]{background:#fff;border:0;width:100%;height:32rem;display:block}.responsive-preview__device[data-astro-cid-htqzbmjy]:fullscreen iframe[data-astro-cid-htqzbmjy]{height:calc(100% - 2.65rem)}.responsive-preview__instruction[data-astro-cid-htqzbmjy]{border-top:var(--rule);margin:0;padding:1rem clamp(1.2rem,3vw,2rem);font-size:.82rem;line-height:1.5}@media (width<=760px){.responsive-preview__header[data-astro-cid-htqzbmjy]{grid-template-columns:1fr;align-items:start}.responsive-preview__actions[data-astro-cid-htqzbmjy]{justify-content:flex-start}.responsive-preview__stage[data-astro-cid-htqzbmjy]{min-height:31rem}.responsive-preview__device[data-astro-cid-htqzbmjy] iframe[data-astro-cid-htqzbmjy]{height:28rem}}