.surfaces[data-astro-cid-amobftzc]{background:var(--color-lime)}.surfaces-head[data-astro-cid-amobftzc]{gap:1rem;margin-bottom:clamp(2rem,5vw,3.5rem);display:grid}@media (width>=900px){.surfaces-head[data-astro-cid-amobftzc]{grid-template-columns:1fr 1fr;align-items:end;gap:4rem}}.surfaces-grid[data-astro-cid-amobftzc]{grid-template-areas:"tabs""stage""panel";gap:1.25rem;display:grid}@media (width>=900px){.surfaces-grid[data-astro-cid-amobftzc]{grid-template-columns:15rem 1fr;grid-template-areas:"tabs stage""tabs panel";gap:2rem 2.5rem}}@media (width>=1200px){.surfaces-grid[data-astro-cid-amobftzc]{grid-template-columns:15rem 1.35fr 1fr;grid-template-areas:"tabs stage panel";align-items:start}}.tabs[data-astro-cid-amobftzc]{scroll-snap-type:x mandatory;margin-inline:calc(-1 * var(--gutter)) calc(-1 * var(--gutter));padding:.25rem var(--gutter) .5rem;scrollbar-width:none;grid-area:tabs;gap:.5rem;display:flex;overflow-x:auto}.tabs[data-astro-cid-amobftzc]::-webkit-scrollbar{display:none}@media (width>=900px){.tabs[data-astro-cid-amobftzc]{border-top:2px solid var(--color-tarmac);flex-direction:column;gap:0;margin:0;padding:0;overflow:visible}}[data-astro-cid-amobftzc][role=tab]{scroll-snap-align:start;background:var(--color-sand);border:1px solid var(--color-stone-300);color:var(--color-tarmac);text-align:left;border-radius:2px;flex:none;align-items:center;gap:.7rem;min-height:3rem;padding:.55rem .9rem .55rem .55rem;font-weight:650;display:flex}.tab-swatch[data-astro-cid-amobftzc]{outline:1px solid #24262826;flex:none;width:2rem;height:2rem;display:block;overflow:hidden}.tab-swatch[data-astro-cid-amobftzc] svg{width:100%;height:100%}[data-astro-cid-amobftzc][role=tab][aria-selected=true]{background:var(--color-tarmac);color:var(--color-sand);border-color:var(--color-tarmac)}@media (width>=900px){[data-astro-cid-amobftzc][role=tab]{border:0;border-bottom:1px solid var(--color-stone-300);background:0 0;border-radius:0;padding:.75rem .25rem;position:relative}[data-astro-cid-amobftzc][role=tab]:after{content:"";background:var(--color-orange);width:0;height:3px;transition:width .35s var(--ease-settle);position:absolute;bottom:-1px;left:0}[data-astro-cid-amobftzc][role=tab][aria-selected=true]{color:var(--color-tarmac);background:0 0}[data-astro-cid-amobftzc][role=tab][aria-selected=true]:after,[data-astro-cid-amobftzc][role=tab]:hover:after{width:100%}}.stage[data-astro-cid-amobftzc]{aspect-ratio:4/3;background:var(--color-slate);grid-area:stage;position:relative;overflow:hidden}@media (width>=1200px){.stage[data-astro-cid-amobftzc]{aspect-ratio:4/4.4}}.layer[data-astro-cid-amobftzc]{display:none;position:absolute;inset:0}.layer[data-astro-cid-amobftzc][data-active],.layer[data-astro-cid-amobftzc][data-incoming]{display:block}.layer[data-astro-cid-amobftzc][data-incoming]{z-index:2}.layer[data-astro-cid-amobftzc] svg{width:100%;height:100%}.stage-label[data-astro-cid-amobftzc]{z-index:3;background:var(--color-sand);color:var(--color-tarmac);padding:.5rem .9rem;font-size:.95rem;font-weight:700;position:absolute;bottom:0;left:0}.panels[data-astro-cid-amobftzc]{grid-area:panel}.panel[data-astro-cid-amobftzc]{align-content:start;gap:.9rem;display:grid}.panel[data-astro-cid-amobftzc][hidden]{display:none}.panel[data-astro-cid-amobftzc] p[data-astro-cid-amobftzc]{max-width:58ch;margin:0}.panel-h[data-astro-cid-amobftzc]{color:var(--color-tarmac);margin-top:.4rem;font-weight:700}.best[data-astro-cid-amobftzc]{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.best[data-astro-cid-amobftzc] li[data-astro-cid-amobftzc]{padding-left:1.4rem;position:relative}.best[data-astro-cid-amobftzc] li[data-astro-cid-amobftzc]:before{content:"";background:var(--color-stone-600);width:.8rem;height:.4rem;position:absolute;top:.62em;left:0}.good[data-astro-cid-amobftzc]{background:var(--color-sand);border-left:3px solid var(--color-leaf);padding:.9rem 1rem}.panel[data-astro-cid-amobftzc] .btn[data-astro-cid-amobftzc]{white-space:normal;text-align:left;justify-self:start;margin-top:.4rem}.panel[data-astro-cid-amobftzc]:focus-visible{outline-offset:6px}