.af{min-block-size:100dvh;padding:var(--s5) var(--sr-space-4) var(--s7);background:var(--sr-color-canvas);flex-direction:column;align-items:center;display:flex}.af-top{inline-size:min(100%,980px);justify-content:space-between;align-items:center;margin-block-end:var(--s7);display:flex}.af-logo{color:inherit;border-radius:var(--sr-radius-sm);text-decoration:none;display:inline-flex}.af-logo:focus-visible{outline:2px solid var(--sr-color-text);outline-offset:4px}.af-card{inline-size:min(100%,460px);padding:var(--s6);border:1px solid var(--sr-color-border);border-radius:var(--sr-radius-lg);background:var(--sr-color-surface);box-shadow:var(--sr-shadow-1)}.af-card.wide{inline-size:min(100%,640px)}@media (prefers-reduced-motion:no-preference){html:not(.static) .af-card{animation:af-in .5s var(--sr-ease-standard) both}}@keyframes af-in{0%{opacity:0;transform:translateY(10px)}}.af-ctx{align-items:center;gap:var(--sr-space-3);min-inline-size:0;display:flex}.af-ctx-label{border-inline-start:1px solid var(--sr-color-border);font-size:var(--sr-font-size-sm);color:var(--sr-color-text-muted);overflow-wrap:anywhere;padding-inline-start:var(--sr-space-3);font-weight:500}@media (max-width:520px){.af-top:has(.af-ctx){row-gap:var(--sr-space-3);flex-wrap:wrap}.af-ctx{row-gap:var(--sr-space-1);flex-wrap:wrap;flex:auto}.af-ctx-label{border-inline-start:0;flex-basis:100%;order:3;padding-inline-start:0}}