.sr{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-6)}.sr-hero{display:grid;gap:var(--sp-4);grid-template-columns:minmax(0,1fr);align-items:start}@media(min-width:40em){.sr-hero{grid-template-columns:minmax(0,1fr) auto}}.sr-hero__main{display:grid;gap:var(--sp-1);min-width:0}.sr-hero__value{font-family:var(--font-mono);font-weight:500;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-display);margin:0;font-feature-settings:"zero"}.sr-hero__sub{font-size:var(--fs-md);color:var(--c-text-2);max-width:60ch}.sr-hero__side{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}@media(min-width:40em){.sr-hero__side{flex-direction:column;align-items:flex-end}}.sr-diagram{display:grid;gap:var(--sp-2)}.sr-diagram svg{width:100%;max-width:40rem;height:auto;display:block}.sr-d__screen{fill:var(--c-surface-2);stroke:var(--c-border-strong);stroke-width:1.5}.sr-d__window{fill:var(--c-surface);stroke:var(--c-text-2);stroke-width:1.5}.sr-d__view{fill:var(--c-accent-soft);stroke:var(--c-accent);stroke-width:1.5}.sr-d__label{font-family:var(--font-mono);font-size:12px;fill:var(--c-text-3)}.sr-d__label--window{fill:var(--c-text-2)}.sr-d__label--view{fill:var(--c-accent)}.sr-legend{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--c-text-2)}.sr-legend span{display:inline-flex;align-items:center;gap:.4rem}.sr-sw{width:.75rem;height:.75rem;border-radius:2px;border:1px solid;display:inline-block}.sr-sw--screen{background:var(--c-surface-2);border-color:var(--c-border-strong)}.sr-sw--window{background:var(--c-surface);border-color:var(--c-text-2)}.sr-sw--view{background:var(--c-accent-soft);border-color:var(--c-accent)}.sr-grid{display:grid;gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0}@media(min-width:48em){.sr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64em){.sr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sr-grid dt,.sr-grid dd{margin:0}.sr-grid .stat__value{font-size:var(--fs-base);min-height:1.4em}.sr-grid .stat__value small{display:block;font-size:var(--fs-xs);color:var(--c-text-3);font-weight:var(--fw-regular)}.sr-common{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3);padding-top:var(--sp-5);border-top:var(--border-w) solid var(--c-border)}.sr-common__desc{font-size:var(--fs-sm);max-width:70ch;margin-top:calc(-1 * var(--sp-1))}.sr-common tr.is-yours,.sr-common tr.is-yours:hover{background:var(--c-accent-soft)}.sr-common tr.is-closest td:first-child span:after{content:" ·"}.sr-common .sr-mark{font-size:var(--fs-xs);color:var(--c-accent);font-weight:var(--fw-semibold);margin-inline-start:.4rem;font-family:var(--font-sans)}