@layer components{.app-dialog{inline-size:min(36rem, calc(100% - 2 * var(--spacing-s2)));max-inline-size:none;max-block-size:min(48rem, calc(100dvh - 2 * var(--spacing-s3)));background:var(--color-paper);color:var(--color-black-ink);border:2px solid var(--color-black-ink);border-radius:var(--radius-press);margin:auto;padding:0;overflow:hidden}.app-dialog[open]{flex-direction:column;display:flex}.app-dialog::backdrop{background:oklch(15% 0 0/.55)}body:has(.app-dialog[open]){overflow:hidden}.app-dialog-header{justify-content:space-between;align-items:center;gap:var(--spacing-s2);padding:var(--spacing-s2) var(--spacing-s3);border-block-end:1px solid var(--color-kraft-line);flex-shrink:0;display:flex}.app-dialog-header h2{overflow-wrap:anywhere;font-size:1.25rem;font-weight:750}.app-dialog-close{cursor:pointer;border-radius:50%;flex-shrink:0;place-items:center;block-size:2.75rem;inline-size:2.75rem;display:grid}.app-dialog-close:hover{background:var(--color-kraft)}.app-dialog-body{min-block-size:0;padding:var(--spacing-s3);overscroll-behavior:contain;overflow-wrap:anywhere;overflow-y:auto}.app-dialog-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-s2);flex-wrap:wrap;margin-block-start:var(--spacing-s3);display:flex}.app-dialog .btn{min-block-size:2.75rem;padding:.6rem 1rem;font-size:.875rem}.app-dialog-field{gap:var(--spacing-s1);flex-direction:column;margin-block-end:var(--spacing-s3);font-size:.875rem;font-weight:600;display:flex}.app-dialog-field select,.app-dialog-field textarea{min-block-size:2.75rem;inline-size:100%;padding:var(--spacing-s2);background:var(--color-paper);color:var(--color-black-ink);border:2px solid var(--color-black-ink);border-radius:var(--radius-press);font:inherit;font-weight:500}.app-dialog-field textarea{resize:vertical}.app-dialog.pl-dialog{--color-paper:var(--pl-surface);--color-black-ink:var(--pl-ink);--color-kraft:var(--pl-soft);--color-kraft-line:var(--pl-line);--color-faded-ink:var(--pl-muted);--color-press-red-deep:var(--pl-danger);border:1px solid var(--pl-line);border-radius:8px}.app-dialog.pl-dialog .app-dialog-field :is(select,textarea){border:1px solid var(--pl-line);border-radius:6px}.confirm-dialog-body{color:var(--color-faded-ink)}.app-dialog .btn.confirm-danger{background:var(--color-press-red-deep);border-color:var(--color-press-red-deep);color:var(--color-paper)}.connections-nav{gap:var(--spacing-s3);border-block-end:1px solid var(--color-kraft-line);margin-block-end:var(--spacing-s2);display:flex}.connections-nav a{min-block-size:2.75rem;padding:var(--spacing-s1) 0;color:var(--color-faded-ink);transition:color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out);border-block-end:3px solid #0000;align-items:center;font-size:.875rem;font-weight:650;text-decoration:none;display:flex}.connections-nav a[aria-current=page]{color:var(--color-black-ink);border-color:var(--color-ultramarine)}.connections-list li+li{border-block-start:1px solid var(--color-kraft-line)}.connection-person{align-items:center;gap:var(--spacing-s2);padding-block:var(--spacing-s2);color:var(--color-black-ink);text-decoration:none;display:flex}.connection-person:hover{color:var(--color-ultramarine)}.connection-person-text{flex-direction:column;gap:.25rem;min-inline-size:0;display:flex}.connection-person-text strong{font-size:1rem}.connection-person-text>span{color:var(--color-faded-ink);font-size:.875rem}}