.container.open{flex-direction:column;align-items:center;gap:1.875rem;display:flex}.container.open .header{color:var(--color-heading);flex-direction:column;align-items:center;line-height:1.8;display:flex}.container.open .header a{color:var(--color);text-decoration:underline;-webkit-text-decoration-color:var(--color);text-decoration-color:var(--color);text-underline-offset:.1875rem;transition:color var(--duration-standard)var(--ease-fluid);font-weight:500}.container.open .header a:focus{color:var(--color-display)}@media (hover:hover) and (pointer:fine){.container.open .header a:hover{color:var(--color-display)}}.container.open .grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.container.open .grid .metric-card{corner-shape:squircle;border-radius:var(--radius-lg);background-color:var(--background-color-secondary);border:.125rem solid #0000;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.125rem;min-width:18rem;padding:1.125rem;display:flex}.container.open .grid .metric-card:focus-within{border-color:var(--background-color-tertiary)}@media (hover:hover) and (pointer:fine){.container.open .grid .metric-card{transition:border-color var(--duration-standard)var(--ease-fluid)}.container.open .grid .metric-card:hover{border-color:var(--background-color-tertiary)}}.container.open .grid .metric-card .label-wrapper{color:var(--color-heading);gap:.5em;font-weight:600;display:flex}.container.open .grid .metric-card .value{color:var(--color);font-size:var(--font-size-display);line-height:1;font-family:var(--font-mono);margin:0}@media (max-width:60rem){.container.open .grid{grid-template-columns:1fr;width:100%}}