@layer reset,base,components;@layer pages{.status-hub,.status-guide{padding-inline:var(--space-large);max-width:var(--content-width-wide);margin:0 auto}.status-hub header,.status-guide header{z-index:auto;position:static;top:auto}.status-hub__quick-copy{margin-top:var(--space-section-gap);grid-template-columns:minmax(14em,.62fr) minmax(0,1.38fr);align-items:start;gap:clamp(3em,9vw,8em);display:grid}.status-hub__quick-copy>header{max-width:24em}.status-hub__quick-copy h2,.status-hub__directory-heading h2,.status-guide__section h2{color:var(--color-ink);font-weight:650;font-size:var(--text-xx-large);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance}.status-hub__quick-copy>header>p:not(.kicker),.status-hub__directory-heading>p:not(.kicker){margin-top:var(--space-medium);color:var(--color-ink-subtle);font-size:var(--text-normal);line-height:var(--leading-loose)}.status-hub__library,.status-guide__layout{margin-top:var(--space-section);grid-template-columns:12em minmax(0,1fr);align-items:start;gap:clamp(2em,5vw,4em);display:grid}.status-guide__rail-promo{margin-top:var(--space-large);border-top:1px solid var(--color-border);padding-top:var(--space-large)}.status-guide__rail-promo h2{color:var(--color-ink);font-weight:700;font-size:var(--text-small);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.status-guide__rail-promo>p{margin-top:var(--space-x-small);color:var(--color-ink-subtle);font-size:var(--text-x-small);line-height:var(--leading-body)}.status-guide__rail-promo>a{justify-content:space-between;align-items:center;gap:var(--space-small);margin:var(--space-small) 0 0;color:var(--color-accent-deep);font-size:var(--text-x-small);border:0;padding:0;transition:color .14s;display:flex}.status-guide__rail-promo>a:hover,.status-guide__rail-promo>a:focus-visible{color:var(--color-accent-hover);border:0}@media (prefers-reduced-motion:reduce){.status-guide__rail-promo>a,.status-reference__example-row,.status-reference__status-copy-icon{transition:none}}.status-hub__directory,.status-guide__article{min-width:0;max-width:48em}.status-hub__directory-heading h2{max-width:12em}.status-hub__category{margin-top:var(--space-section-gap-tight);scroll-margin-top:7em}.status-hub__category>header{margin-bottom:var(--space-large)}.status-hub__category>header h3{color:var(--color-ink);font-weight:700;font-size:var(--text-x-large);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.status-hub__category+.status-guide__section{margin-top:var(--space-section-gap);padding-top:var(--space-section-gap-tight)}.status-hub__directory>.status-guide__section:last-child{margin-bottom:var(--space-section-gap)}.status-hub__page-row{align-items:center;gap:var(--space-large);border-bottom:1px solid oklch(var(--lch-black) / 4.5%);padding-block:var(--space-large);grid-template-columns:minmax(13em,1.1fr) minmax(12em,.9fr) auto;display:grid}.status-hub__page-row:first-child{padding-top:0}.status-hub__page-row:last-child{border-bottom:0;padding-bottom:0}.status-hub__page-copy h4{font-size:var(--text-normal);line-height:var(--leading-title)}.status-hub__page-copy h4 a{color:var(--color-ink);text-decoration:none}.status-hub__page-copy h4 a:hover{color:var(--color-accent-deep)}.status-hub__page-copy p{margin-top:var(--space-x-small);color:var(--color-ink-subtle);font-size:var(--text-x-small);line-height:var(--leading-body)}.status-hub__page-row ul{gap:var(--space-x-small);margin:0;padding:0;list-style:none;display:grid}.status-hub__page-row li{gap:var(--space-x-small);color:var(--color-ink);font-size:var(--text-x-small);line-height:var(--leading-title);grid-template-columns:1.5em 1fr;display:grid}.status-hub__page-link{color:var(--color-accent-deep);font-weight:700;text-decoration:none}.status-hub__page-link:hover{color:var(--color-ink)}.status-hub__principles{margin:0;padding:0;list-style:none}.status-hub__principles>li{gap:var(--space-medium);border-bottom:1px solid oklch(var(--lch-black) / 4.5%);padding-block:var(--space-large);grid-template-columns:2.5em 1fr;display:grid}.status-hub__principles>li:first-child{padding-top:0}.status-hub__principles>li:last-child{border-bottom:0}.status-hub__principles>li>span,.status-guide__principles>li>span{color:var(--color-ink-subtle);font-weight:700;font-size:var(--text-x-small);letter-spacing:var(--tracking-wide);padding-top:.2em}.status-hub__principles h3,.status-guide__principles h3{color:var(--color-ink);font-weight:700;font-size:var(--text-large);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.status-hub__principles li>div>p,.status-guide__principles li>div>p{margin-top:var(--space-x-small);color:var(--color-ink-subtle);font-size:var(--text-normal);line-height:var(--leading-body)}.status-hub__principles dl{gap:var(--space-large);margin-top:var(--space-medium);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.status-hub__principles dl>div{gap:.25em;display:grid}.status-hub__principles dt{color:var(--color-ink-subtle);font-weight:700;font-size:var(--text-xx-small);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.status-hub__principles dd{color:var(--color-ink);font-size:var(--text-small);line-height:var(--leading-title)}.status-reference__example-list{display:grid}.status-reference__example-row{align-items:center;gap:var(--space-medium);cursor:pointer;border-bottom:1px solid oklch(var(--lch-black) / 4.5%);padding:var(--space-medium) var(--space-small);grid-template-columns:3em minmax(12em,1fr);transition:background-color .14s;display:grid}.status-reference__example-row:hover,.status-reference__example-row:focus-within{background:oklch(var(--lch-black) / 1.5%)}.status-reference__example-row:last-child{border-bottom:0}.status-reference__emoji-copy{cursor:pointer;background:oklch(var(--lch-black) / 3%);width:2.55em;height:2.55em;font-size:var(--text-medium);border:0;border-radius:99em;place-items:center;padding:0;font-family:inherit;line-height:1;display:grid;position:relative}.status-reference__emoji-copy:hover,.status-reference__emoji-copy:focus-visible{background:oklch(var(--lch-accent) / 9%)}.status-reference__emoji-copy:hover .status-reference__copy-mark,.status-reference__emoji-copy:focus-visible .status-reference__copy-mark{color:var(--color-accent-deep)}.status-reference__copy-mark,.status-reference__copy-check{box-shadow:0 0 0 2px var(--color-canvas);background:var(--color-white);width:1.25em;height:1.25em;color:var(--color-ink-subtle);border-radius:99em;place-items:center;font-size:.62rem;font-weight:800;display:grid;position:absolute;bottom:-.05em;right:-.05em}.status-reference__emoji-copy-glyph{stroke:currentColor;stroke-width:1.5px;width:1em;height:1em}.status-reference__copy-check{color:var(--color-accent-deep);display:none}.status-reference__emoji-copy[data-copied=true] .status-reference__copy-mark{display:none}.status-reference__emoji-copy[data-copied=true] .status-reference__copy-check{display:grid}.status-reference__status-copy{cursor:pointer;width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-column:2/-1;padding:0;display:block}.status-reference__example-copy{gap:.25em;min-width:0;display:grid}.status-reference__example-title{display:block}.status-reference__example-copy code{color:var(--color-ink);font-weight:650;font-size:var(--text-normal);font-family:var(--font-sans);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.status-reference__example-context{color:var(--color-ink-subtle);font-size:var(--text-x-small);line-height:var(--leading-title)}.status-reference__status-copy-icon{width:1.15em;height:1.15em;color:var(--color-ink-subtle);vertical-align:-.12em;opacity:.45;place-items:center;margin-left:.35em;transition:color .14s,opacity .14s;display:inline-grid}.status-reference__status-copy-glyph{stroke:currentColor;stroke-width:1.3px;width:1em;height:1em}.status-reference__status-copy-check{color:var(--color-accent-deep);font-weight:800;display:none}.status-reference__example-row:hover .status-reference__status-copy-icon,.status-reference__example-row:focus-within .status-reference__status-copy-icon,.status-reference__status-copy[data-copied=true] .status-reference__status-copy-icon{color:var(--color-accent-deep);opacity:1}.status-reference__status-copy[data-copied=true] .status-reference__status-copy-glyph{display:none}.status-reference__status-copy[data-copied=true] .status-reference__status-copy-check{display:inline}.status-reference__automation{color:var(--color-ink-subtle);font-size:var(--text-x-small);line-height:var(--leading-title);grid-column:2/-1}.status-reference__automation:not([hidden]){padding-top:var(--space-x-small);display:block}.status-reference__automation a{color:var(--color-accent-deep);align-items:center;gap:.35em;font-weight:700;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:no-preference){.status-reference__automation:not([hidden]){animation:.18s ease-out both status-reference-automation-in}.status-reference__automation a>span{transition:transform .14s}.status-reference__automation a:hover>span,.status-reference__automation a:focus-visible>span{transform:translate(3px)}}@keyframes status-reference-automation-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.status-reference__emoji-copy:focus-visible,.status-reference__status-copy:focus-visible{outline:2px solid oklch(var(--lch-accent) / 55%);outline-offset:3px}.status-guide__layout{padding-bottom:var(--space-section-gap)}.status-guide__section,.status-guide__situation{scroll-margin-top:7em}.status-guide__section+.status-guide__section{margin-top:var(--space-section-gap);padding-top:var(--space-large);border-top:1px solid var(--color-border)}.status-guide__section h2{max-width:13em}.status-guide__section-lede{margin-top:var(--space-medium);max-width:37em;color:var(--color-ink-subtle);font-size:var(--text-medium);line-height:var(--leading-loose)}.status-guide__situations,.status-guide__situation+.status-guide__situation{margin-top:var(--space-section-gap-tight)}.status-guide__situation>header{margin-bottom:var(--space-large)}.status-guide__situation>header h3{color:var(--color-ink);font-weight:700;font-size:var(--text-x-large);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.status-guide__principles{margin:var(--space-section) 0 0;padding:0;list-style:none}.status-guide__principles>li{gap:var(--space-medium);border-bottom:1px solid oklch(var(--lch-black) / 4.5%);padding-block:var(--space-large);grid-template-columns:2.5em 1fr;display:grid}.status-guide__principles>li:first-child{padding-top:0}.status-guide__principles>li:last-child{border-bottom:0}@media (width<=900px){.status-hub__library,.status-guide__layout{gap:var(--space-section);grid-template-columns:1fr}.status-hub__rail ol{gap:var(--space-small) var(--space-large);flex-wrap:wrap;display:flex}.status-hub__rail nav>ol{border-left:0}.status-hub__rail a{text-decoration:underline;text-decoration-color:oklch(var(--lch-black) / 18%);text-underline-offset:.18em;border-left:0;padding:0}.status-guide__rail-promo{display:none}.status-hub__directory,.status-guide__article{max-width:none}}@media (width<=700px){.status-hub,.status-guide{padding-inline:var(--space-medium)}.status-guide__section-lede{font-size:var(--text-normal)}.status-hub__quick-copy{gap:var(--space-large);margin-top:var(--space-xx-large);grid-template-columns:1fr}.status-hub__quick-copy h2,.status-hub__directory-heading h2,.status-guide__section h2{font-size:var(--text-x-large)}.status-hub__library,.status-guide__layout{margin-top:var(--space-large)}.status-hub__rail ol{gap:var(--space-small) var(--space-medium);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.status-hub__page-row{gap:var(--space-medium);grid-template-columns:minmax(0,1fr) auto}.status-hub__page-row ul{grid-column:1}.status-hub__page-link{grid-area:1/2/3}.status-hub__principles dl{gap:var(--space-medium);grid-template-columns:1fr}.status-reference__example-row{gap:var(--space-small) var(--space-medium);grid-template-columns:2.75em minmax(0,1fr)}.status-guide__section+.status-guide__section{margin-top:var(--space-section-gap);padding-top:var(--space-large)}.status-guide__situation>header h3{font-size:var(--text-large)}}@media (width<=440px){.status-hub__rail ol{grid-template-columns:1fr}.status-reference__example-row{grid-template-columns:2.6em minmax(0,1fr)}}}@layer utilities;