/* The server read model owns status, dates and the next action. No animated counters. */
.member-status-strip.member-passport {
  display:block;padding:0;border:1px solid var(--a-color-line);
  border-radius:var(--a-component-scene-radius);background:var(--a-component-scene-paper);
  color:var(--a-color-body);overflow-wrap:anywhere;
}
.member-passport .member-passport-heading {
  display:flex;align-items:center;justify-content:space-between;gap:16px 28px;
  padding:20px 28px;border-bottom:1px solid var(--a-color-line);
}
.member-passport .member-passport-heading .eyebrow {color:var(--a-color-body);margin:0;flex-shrink:0}
.member-passport .member-passport-heading h2 {
  color:var(--a-color-ink);font:600 .875rem/1.5 var(--a-font-body);letter-spacing:0;
  margin:0;padding:5px 12px;border:1px solid var(--a-color-line);border-radius:4px;
  background:var(--a-color-canvas);text-align:right;
}
.member-passport[data-member-state=active] .member-passport-heading h2 {border-color:var(--a-color-action);color:var(--a-color-action)}
.member-passport .member-passport-record {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding:24px 28px}
.member-passport .member-passport-terms {min-width:0;display:grid;gap:14px}
.member-passport .membership-line {margin:0;gap:6px;font-size:.875rem}
.member-passport .membership-line strong {font:600 clamp(1.125rem,1.8vw,1.5rem)/1.35 var(--a-font-display);color:var(--a-color-ink);letter-spacing:-.025em}
.member-passport .member-passport-number {margin:0;padding-left:24px;border-left:1px solid var(--a-color-line);align-self:center;max-width:28ch}
.member-passport-number dt {font-size:.75rem;color:var(--a-color-body);margin-bottom:6px}
.member-passport-number dd {font-size:.875rem;font-weight:600;color:var(--a-color-ink);font-variant-numeric:tabular-nums;letter-spacing:.03em;margin:0}
.member-passport .member-passport-actions {display:flex;align-items:center;justify-content:space-between;gap:12px 28px;padding:10px 28px;border-top:1px solid var(--a-color-line)}
.member-passport-heading+.member-passport-actions {border-top:0}
.member-passport .member-passport-actions p {max-width:52ch;margin:0;font-size:.8125rem;line-height:1.6}
.member-passport .member-passport-actions a.text-link {color:var(--a-color-action);font-size:.875rem;min-height:44px;display:inline-flex;align-items:center;min-width:0;margin:0;flex-shrink:0}
.member-passport .member-passport-actions a:focus-visible {outline-color:var(--a-component-navigation-focus-ring)}
@media(max-width:700px) {
  .member-passport .member-passport-heading {padding:16px 20px;align-items:flex-start;flex-direction:column;gap:10px}
  .member-passport .member-passport-heading h2 {text-align:left}
  .member-passport .member-passport-record {grid-template-columns:1fr;padding:20px;gap:18px}
  .member-passport .member-passport-number {padding-left:0;border-left:0;max-width:none}
  .member-passport .member-passport-actions {padding:10px 20px;align-items:flex-start;flex-direction:column;gap:4px}
  .member-passport .member-passport-actions a.text-link {flex-shrink:1}
}
.member-passport .member-passport-record:has(.member-passport-terms:empty){grid-template-columns:1fr}
.member-passport .member-passport-record:has(.member-passport-terms:empty) .member-passport-terms{display:none}
.member-passport .member-passport-record:has(.member-passport-terms:empty) .member-passport-number{border:0;padding:0}