@font-face{font-family:Harvest Manrope;src:url(/fonts/manrope-variable.ttf)format("truetype");font-weight:200 800;font-display:swap}.story-guide{--g-ink:#151b25;--g-muted:#374151;--g-line:#d5dae1;--g-border:#667080;--g-ground:#f0f1f3;--g-white:#fff;--g-charcoal:#202731;--g-cobalt:#24439b;--g-green:#244b35;--g-red:#961b27;--g-red-surface:#fdeded;--g-green-surface:#f0f1f3;--g-disabled:#e1e4e9;--g-selected:#e5ebf9;gap:var(--space-l);letter-spacing:normal;inline-size:100%;max-inline-size:64rem;color:var(--g-ink);justify-self:center;font-family:Harvest Manrope,system-ui,sans-serif;font-weight:400;display:grid}@supports (color:lab(0% 0 0)){.story-guide{--g-ink:lab(9.51878% -.460796 -7.86679);--g-muted:lab(27.1223% -.951648 -11.12);--g-line:lab(86.8185% -.774801 -4.05875);--g-border:lab(46.8228% -1.12611 -10.2082);--g-ground:lab(95.1044% -.0797212 -1.09793);--g-white:lab(100% 0 0);--g-charcoal:lab(15.2875% -.986904 -7.6488);--g-cobalt:lab(30.4042% 14.5311 -52.4441);--g-green:lab(28.5222% -18.9857 8.71384);--g-red:lab(33.3389% 50.2028 27.3814);--g-red-surface:lab(95.0395% 5.59953 2.05019);--g-green-surface:lab(95.1044% -.0797212 -1.09793);--g-disabled:lab(90.463% -.362188 -2.81008);--g-selected:lab(92.8923% -.117332 -7.53347)}}.guide-slot{container-type:inline-size}.guide-page{gap:var(--space-m);padding:var(--space-m);background:var(--g-white);outline:var(--line-width) solid var(--g-line);outline-offset:calc(-1 * var(--line-width));border-radius:.75rem;display:grid;position:relative;overflow:clip}.guide-page__text{gap:var(--space-m);align-content:start;display:grid}.guide-page__copy{gap:var(--space-xs);display:grid}.guide-page__title{letter-spacing:0;font-family:inherit;font-size:1.125rem;font-weight:500;line-height:1.2}.guide-page__copy p{color:var(--g-muted);font-size:.875rem;line-height:1.6}.guide-page__panel{background:var(--g-ground);border-radius:.5rem;min-inline-size:0;overflow:clip}@container (min-width:52rem){.guide-page{aspect-ratio:16/10;grid-template-columns:minmax(13rem,24cqi) 1fr;gap:3cqi;padding:2.5cqi}.guide-page__text{grid-template-rows:auto 1fr;gap:0}.guide-page__copy{align-content:start;gap:1cqi;padding-block-start:4cqi}.guide-page__title{font-size:max(1.125rem,1.5cqi)}.guide-page__copy p{font-size:max(.875rem,1cqi)}.guide-page__panel{border-radius:.75rem}}.guide-palette{background:var(--g-white);grid-template-rows:2fr 1fr;block-size:100%;min-block-size:22rem;display:grid}.guide-palette__main,.guide-palette__support{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.guide-swatch{justify-content:end;gap:var(--space-2xs);padding:var(--space-s);background:var(--swatch);color:var(--g-white);flex-direction:column;min-inline-size:0;display:flex}.guide-swatch[data-tone=light]{color:var(--g-ink)}.guide-swatch__name{font-size:clamp(1.125rem,3cqi,2rem);font-weight:500;line-height:1.1}.guide-swatch__values{font-variant-numeric:tabular-nums;font-size:clamp(.6875rem,1.1cqi,.8125rem);line-height:1.5}.guide-palette__main .guide-swatch[data-tone=light] .guide-swatch__name{color:var(--g-cobalt)}.guide-palette__main .guide-swatch:nth-child(3){outline:var(--line-width) solid var(--g-line);outline-offset:calc(-1 * var(--line-width))}.guide-type{align-content:start;gap:var(--space-m);padding:var(--space-m);display:grid}.guide-type__name{letter-spacing:-.02em;font-size:clamp(2rem,6cqi,4.5rem);font-weight:500;line-height:1}.guide-type__glyphs{letter-spacing:.02em;color:var(--g-muted);word-break:break-all;margin-block-start:var(--space-xs);font-size:clamp(.875rem,1.7cqi,1.25rem);line-height:1.5}.guide-type__scale{border-block-start:var(--line-width) solid var(--g-line);margin:0;padding:0;list-style:none;display:grid}.guide-type__row{align-items:baseline;gap:var(--space-s);padding-block:var(--space-2xs);border-block-end:var(--line-width) solid var(--g-line);grid-template-columns:minmax(7rem,10rem) 1fr;display:grid}.guide-type__label{color:var(--g-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.guide-type__sample{font-size:min(var(--size), 9cqi);overflow-wrap:anywhere;min-inline-size:0;font-weight:500;line-height:1.1}.guide-screens{align-content:center;gap:var(--space-s);block-size:100%;padding:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;list-style:none;display:grid}.guide-screens__img{outline:var(--line-width) solid var(--g-line);outline-offset:calc(-1 * var(--line-width));border-radius:.5rem;block-size:auto;inline-size:100%}.guide-language{align-content:center;gap:var(--space-m);padding:var(--space-m);block-size:100%;display:grid}.guide-language__shapes{gap:var(--space-m);flex-wrap:wrap;display:flex}.guide-language figure{gap:var(--space-2xs);color:var(--g-muted);margin:0;font-size:.75rem;display:grid}.guide-language__shapes{align-items:end}.guide-shape{place-content:center;gap:var(--space-3xs);aspect-ratio:1;inline-size:clamp(8rem,17cqi,10rem);padding:var(--space-xs);border:2px solid var(--g-border);border-radius:var(--radius);background:var(--g-white);text-align:center;display:grid}.guide-shape__title{font-size:1.25rem;font-weight:500;line-height:1.15}.guide-shape[data-kind=input]{aspect-ratio:auto;text-align:start;block-size:4.25rem;padding-inline:var(--space-s);place-content:center start}.guide-shape[data-kind=chip]{aspect-ratio:auto;block-size:2.25rem;inline-size:fit-content;padding-inline:var(--space-xs);color:var(--g-green);border-color:var(--g-green);place-content:center;font-size:1rem;font-weight:500}.guide-language__buttons{gap:var(--space-s);flex-wrap:wrap;display:flex}.guide-button{border:2px solid var(--g-border);background:var(--g-white);border-radius:12px;place-items:center;min-block-size:3.5rem;padding-inline:1.75rem;font-size:1.25rem;font-weight:500;display:inline-grid}.guide-button[data-kind=primary]{border-color:var(--g-cobalt);background:var(--g-cobalt);color:var(--g-white)}.guide-button[data-kind=locked]{background:var(--g-disabled)}.guide-language__checks{gap:var(--space-xs);max-inline-size:30rem;margin:0;padding:0;list-style:none;display:grid}.guide-check{align-items:center;gap:var(--space-xs);min-block-size:3rem;padding-inline:var(--space-s);border:2px solid var(--g-green);background:var(--g-white);border-radius:12px;font-size:1.125rem;display:flex}.guide-check[data-state=failed]{border-color:var(--g-red);background:var(--g-red-surface)}.guide-check__dot{background:var(--g-green);border-radius:50%;block-size:1.125rem;inline-size:1.125rem}.guide-check[data-state=failed] .guide-check__dot{background:var(--g-red)}.guide-check__state{margin-inline-start:auto;font-size:.9375rem}.guide-stop{align-items:center;gap:var(--space-xs);background:var(--g-red);min-block-size:4rem;color:var(--g-white);border-radius:12px;justify-self:start;padding-inline:2rem;font-size:1.375rem;font-weight:500;display:inline-flex}.guide-stop__icon{background:var(--g-white);border-radius:3px;block-size:1.125rem;inline-size:1.125rem}