.cpl-context{margin:1rem 0;padding:1rem;border:1px solid var(--spt-line,#dbe4df);border-radius:12px;background:var(--spt-soft,#f8faf9);font-family:inherit}.cpl-label{font-size:.9rem;font-weight:600;margin:0 0 .65rem}.cpl-note{font-size:.78rem;line-height:1.65;color:var(--spt-muted,#5a6661);margin:.65rem 0}.cpl-people{display:flex;flex-wrap:wrap;gap:.6rem}.cpl-person{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;max-width:100%;padding:.35rem .6rem;border:1px solid var(--spt-line,#dbe4df);border-radius:28px;background:#fff;color:inherit;font:inherit;font-size:.83rem;text-align:start;cursor:pointer}.cpl-person:hover,.cpl-quiet:hover{border-color:var(--spt-accent,#176744);background:#f0f6f3}.cpl-person:focus-visible,.cpl-quiet:focus-visible,.cpl-back:focus-visible{outline:3px solid var(--spt-accent,#176744);outline-offset:3px}.cpl-portrait{width:40px;height:40px;min-width:40px;border-radius:50%;object-fit:cover;background:#e6ece8;display:inline-flex;align-items:center;justify-content:center;flex:none}.cpl-portrait--large{width:96px;height:96px;margin:0 auto .8rem;font-size:1.75rem}.cpl-committee-action{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.8rem;font-size:.85rem}.cpl-quiet{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.35rem .7rem;border:1px solid var(--spt-line,#dbe4df);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.8rem;cursor:pointer;text-decoration:none}.cpl-back{margin:0 .35rem .8rem;min-height:44px}.cpl-profile{text-align:center;padding:.7rem 0}.cpl-profile h2{margin:.25rem 0}.cpl-fields{margin:1rem 0;text-align:start}.cpl-fields>div{display:grid;grid-template-columns:minmax(8rem,35%) 1fr;gap:1rem;padding:.7rem 0;border-bottom:1px solid var(--spt-line,#dbe4df)}.cpl-fields dt{color:var(--spt-muted,#5a6661);font-size:.85rem}.cpl-fields dd{margin:0;overflow-wrap:anywhere}.cpl-reverse{margin:.35rem}.spt-modal__body .cpl-context{margin-top:1rem}.cpl-roster{margin-top:1rem}@media(max-width:540px){.cpl-fields>div{grid-template-columns:1fr;gap:.2rem}.cpl-committee-action{align-items:flex-start;flex-direction:column}.cpl-context{padding:.8rem}.cpl-person{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.cpl-person,.cpl-quiet{transition:none}}

/* 0.1.1: Use each host's paired surface/text contract. SPT tokens are full
   colors; member-tool tokens are HSL channels and must be wrapped in hsl(). */
.spt{
  --cpl-bg:var(--spt-bg,#fff);
  --cpl-text:var(--spt-text,#1f2937);
  --cpl-border:var(--spt-border,#dbe4df);
}
.parliament-container{
  --cpl-bg:hsl(var(--background,0 0% 100%));
  --cpl-text:hsl(var(--foreground,240 10% 3.9%));
  --cpl-border:hsl(var(--border,164 29% 90%));
}
.spt .cpl-context,
.spt .cpl-person,
.spt .cpl-quiet,
.parliament-container .cpl-quiet{
  background:var(--cpl-bg);
  color:var(--cpl-text);
  border-color:var(--cpl-border);
}
/* Small notes retain the readable host foreground: --spt-muted is a brand
   palette color, which is not guaranteed to contrast on a dark surface. */
.spt .cpl-label,
.spt .cpl-note,
.spt .cpl-profile,
.spt .cpl-profile h2,
.spt .cpl-fields dt,
.spt .cpl-fields dd,
.spt .cpl-back,
.spt .cpl-back + #spt-modal-title{
  color:var(--cpl-text);
}
.spt .cpl-fields>div{border-color:var(--cpl-border)}
.spt .cpl-person:hover,
.spt .cpl-quiet:hover,
.spt .cpl-back:hover{
  background:var(--cpl-bg);
  color:var(--cpl-text);
  border-color:var(--cpl-text);
  text-decoration:underline;
}
.parliament-container .cpl-quiet:visited{color:var(--cpl-text)}
.parliament-container .cpl-quiet:hover{
  background:hsl(var(--accent,164 29% 93%));
  color:hsl(var(--accent-foreground,161 88% 22%));
  border-color:currentColor;
  text-decoration:underline;
}
.spt .cpl-person:focus-visible,
.spt .cpl-quiet:focus-visible,
.spt .cpl-back:focus-visible,
.parliament-container .cpl-quiet:focus-visible{
  outline:3px solid var(--cpl-text);
  outline-offset:3px;
}
/* Neutral initials and broken-image replacements always own both colors. */
.spt .cpl-placeholder{
  background:#e6ece8;
  color:#24372d;
}

/* 0.1.2: Native member-roster geometry, isolated from the activity table's
   mobile card layout. Only public projected fields populate these cells. */
.spt .cpl-roster{
  max-width:100%;
  max-height:min(60vh,42rem);
  overflow:auto;
  border:1px solid var(--cpl-border);
  border-radius:var(--spt-radius,8px);
  background:var(--cpl-bg);
  color:var(--cpl-text);
}
.spt .cpl-roster-table{
  width:100%;
  margin:0;
  border-collapse:collapse;
  border:1px solid var(--cpl-border);
  font-size:.875rem;
  line-height:1.5;
  color:var(--cpl-text);
}
.spt .cpl-roster-table th,
.spt .cpl-roster-table td{
  padding:.5rem .75rem;
  border:1px solid var(--cpl-border);
  text-align:start;
  vertical-align:middle;
}
.spt .cpl-roster-table thead th{
  position:sticky;
  top:0;
  z-index:1;
  background:var(--cpl-bg);
  background:color-mix(in srgb,var(--cpl-text) 4%,var(--cpl-bg));
  color:var(--cpl-text);
  font-size:.75rem;
  line-height:1.5;
  font-weight:700;
  white-space:nowrap;
}
.spt .cpl-roster-table tbody tr:last-child td{border-bottom:0}
.spt .cpl-roster-table tbody tr:hover{background:color-mix(in srgb,var(--cpl-text) 4%,var(--cpl-bg))}
.spt .cpl-roster-table .cpl-roster-num{width:2.5rem;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.spt .cpl-roster-photo{width:3.5rem}
.spt .cpl-roster-photo .cpl-portrait{display:block;width:2.5rem;height:2.5rem;min-width:2.5rem;border:1px solid var(--cpl-border);box-sizing:border-box}
.spt .cpl-roster-photo .cpl-placeholder{display:inline-flex}
.spt .cpl-roster-gov{white-space:nowrap}
.spt .cpl-roster-degree{min-width:8rem;max-width:16rem;overflow-wrap:anywhere}
.spt .cpl-roster-table .cpl-roster-action{width:4.5rem;text-align:end}
.spt .cpl-roster-name,
.spt .cpl-roster-view{
  margin:0;
  min-height:0;
  box-shadow:none;
  font:inherit;
  font-weight:600;
  text-transform:none;
  color:var(--cpl-text);
  cursor:pointer;
}
.spt .cpl-roster-name{padding:0;background:none;border:0;border-radius:0;text-align:start}
.spt .cpl-roster-view{padding:.1875rem .5rem;font-size:.6875rem;line-height:1.5;border:1px solid var(--cpl-border);border-radius:4px;background:var(--cpl-bg);background:color-mix(in srgb,var(--cpl-text) 6%,var(--cpl-bg));white-space:nowrap}
.spt .cpl-roster-name:hover,
.spt .cpl-roster-view:hover{color:var(--cpl-text);text-decoration:underline}
.spt .cpl-roster-view:hover{border-color:currentColor}
.spt .cpl-roster-role{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;line-height:1.5;font-weight:600;padding:.125rem .375rem;border-radius:4px;border:1px solid var(--cpl-border);background:var(--cpl-bg);color:var(--cpl-text)}
.spt .cpl-roster-role--chair{background:#fef3c7;color:#92400e;border-color:#fde68a}
.spt .cpl-roster-role--vice_chair{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}
.spt .cpl-roster-role--rapporteur{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}
.spt .cpl-roster-role--member{background:color-mix(in srgb,var(--cpl-text) 4%,var(--cpl-bg))}
.spt .cpl-roster-name:focus-visible,
.spt .cpl-roster-view:focus-visible,
.spt .cpl-roster:focus-visible{outline:2px solid var(--cpl-text);outline-offset:2px}
.cpl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* The title/count group and close button remain owned by the native app. */
.parliament-container .cpl-reverse-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.parliament-container .cpl-reverse-header>.cpl-reverse{margin:0;margin-inline-start:auto;max-width:100%;box-sizing:border-box;text-align:center}
.parliament-container .cpl-reverse.cpl-reverse--colored,
.parliament-container .cpl-reverse.cpl-reverse--colored:visited,
.parliament-container .cpl-reverse.cpl-reverse--colored:hover,
.parliament-container .cpl-reverse.cpl-reverse--colored:active{
  background:var(--cpl-committee-color);
  color:var(--cpl-committee-on-color);
  border-color:var(--cpl-committee-color);
}
.parliament-container .cpl-reverse.cpl-reverse--colored:focus-visible{outline-color:var(--cpl-text)}
@media(max-width:40rem){
  .spt .cpl-roster{max-height:min(50vh,28rem)}
  .spt .cpl-roster-table{font-size:.8125rem}
  .spt .cpl-roster-photo .cpl-portrait{width:2rem;height:2rem;min-width:2rem}
}

/* 0.1.3: Only people views own wider sizing. The activity dialog continues to
   use its original width immediately on Back, new navigation or dismissal. */
.spt .spt-modal__box.cpl-modal--committee{
  width:min(var(--cpl-workspace-width,calc(100vw - 2rem)),calc(100vw - 2rem)) !important;
  max-width:none !important;
  margin-inline:auto;
}
.spt .spt-modal__box.cpl-modal--member{
  /* The member tool's native light palette is deliberately different from
     the register's body-text palette. Dark overrides follow the site theme. */
  --cpl-bg:var(--spt-bg,#fff);
  background:var(--cpl-bg);
  --cpl-text:hsl(240 10% 3.9%);
  --cpl-border:hsl(164 29% 90%);
  --cpl-native-primary:var(--theme-palette-color-1,#076951);
  --cpl-native-muted:hsl(165 25% 96%);
  --cpl-native-muted-text:hsl(164 25% 28%);
  --cpl-native-secondary:hsl(164 29% 93%);
  width:95% !important;
  max-width:72rem !important;
  margin-inline:auto;
  border:1px solid var(--cpl-border);
  border-radius:14px;
  box-shadow:0 10px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1);
  color:var(--cpl-text);
}
html[data-color-mode^="dark"] .spt .spt-modal__box.cpl-modal--member{
  background:var(--cpl-bg);
  --cpl-text:#ededed;
  --cpl-border:#484848;
  --cpl-native-primary:var(--theme-palette-color-1,#8bc5ac);
  --cpl-native-muted:#1b1b1b;
  --cpl-native-muted-text:#bdbdbd;
  --cpl-native-secondary:#2b2b2b;
}
.spt .cpl-roster-table{min-width:56rem}
.spt .cpl-roster-name{min-width:10rem;max-width:22rem;overflow-wrap:anywhere}
.spt .cpl-roster-degree{min-width:12rem;max-width:24rem}
.spt .cpl-roster{overscroll-behavior:contain;scrollbar-gutter:stable}

/* Isolated native member-card presenter. Geometry and typography mirror the
   current member tool and its captured public card; colors use paired host
   surfaces so importing the chart application's global stylesheet is unneeded. */
.spt .cpl-member-heading{margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem;min-height:4.75rem;box-sizing:border-box;display:flex;align-items:center;border-bottom:1px solid var(--cpl-border);border-radius:13px 13px 0 0;background:var(--cpl-native-muted)}
.spt .cpl-member-heading h3{margin:0;padding-inline-end:3.5rem;font-family:inherit;font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--cpl-text)}
.spt .cpl-member-nav{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-bottom:1rem}
.spt .cpl-member-nav .cpl-back{margin:0;padding:.25rem .75rem;border:1px solid var(--cpl-border);border-radius:6px;background:var(--cpl-native-muted);line-height:1.5;font-size:.8125rem}
.spt .cpl-modal--member .spt-modal__close{top:1rem;inset-inline-end:1.5rem;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--cpl-border);border-radius:8px;background:var(--cpl-native-muted);color:var(--cpl-native-primary);font-size:1.5rem;padding:0}
.spt .cpl-profile.member-card{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  max-width:none;
  margin:0;
  padding:0;
  text-align:start;
  color:var(--cpl-text);
  --cpl-card-primary:var(--cpl-native-primary,var(--cpl-text));
  --cpl-card-muted:var(--cpl-native-muted,var(--cpl-bg));
  --cpl-card-muted-text:var(--cpl-native-muted-text,var(--cpl-text));
}
.spt .cpl-profile .member-card-photo-wrap{flex-shrink:0;display:flex;justify-content:center}
.spt .cpl-profile .member-card-photo{
  display:block;
  width:9rem;
  height:9rem;
  min-width:0;
  margin:0;
  object-fit:cover;
  border-radius:8px;
  border:1px solid var(--cpl-border);
  background:var(--cpl-card-muted);
  aspect-ratio:1/1;
  box-sizing:border-box;
}
.spt .cpl-profile .member-card-photo.cpl-placeholder{display:inline-flex;background:#e6ece8;color:#24372d;font-size:2rem}
.spt .cpl-profile .member-card-body{min-width:0}
.spt .cpl-profile .member-card-name{margin:0 0 .25rem;padding:0;font-size:1.375rem;font-weight:700;line-height:1.4;color:var(--cpl-text);text-wrap:balance;overflow-wrap:anywhere}
.spt .cpl-profile .member-card-name:focus{outline:none}
.spt .cpl-profile .member-card-role{margin:0 0 1rem;font-size:.9375rem;font-weight:600;line-height:1.5;color:var(--cpl-card-primary)}
.spt .cpl-profile .member-card-groups{columns:1;column-gap:2rem;margin-top:1rem}
.spt .cpl-profile .member-card-group{break-inside:avoid;margin-bottom:1.5rem}
.spt .cpl-profile .member-card-group-title{margin:0 0 .5rem;padding:0 0 .25rem;border-bottom:1px solid var(--cpl-border);font-size:.75rem;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--cpl-card-primary)}
.spt .cpl-profile .member-card-fields{display:grid;grid-template-columns:minmax(0,35%) minmax(0,65%);gap:0;margin:0;padding:0;font-size:.875rem;line-height:1.7;border:1px solid var(--cpl-border);border-radius:8px;overflow:hidden;text-align:start}
.spt .cpl-profile .member-card-fields dt,
.spt .cpl-profile .member-card-fields dd{margin:0;min-inline-size:0;padding:.5rem .625rem;font-size:inherit;font-weight:600;line-height:inherit;white-space:pre-line;overflow-wrap:anywhere;box-sizing:border-box}
.spt .cpl-profile .member-card-fields dt{color:var(--cpl-card-muted-text);border-inline-end:1px solid var(--cpl-border)}
.spt .cpl-profile .member-card-fields dd{color:var(--cpl-text)}
.spt .cpl-profile .member-card-fields dt:nth-of-type(n+2),
.spt .cpl-profile .member-card-fields dd:nth-of-type(n+2){border-top:1px solid var(--cpl-border)}
.spt .cpl-profile .member-card-fields dd a{color:var(--cpl-card-primary);text-decoration:underline;overflow-wrap:anywhere}
.spt .cpl-profile .member-card-fields dd a:hover{text-decoration:none}
.spt .cpl-profile .member-card-committees{margin:.75rem 0;padding:.75rem;border:1px solid var(--cpl-border);border-radius:8px;background:color-mix(in srgb,var(--cpl-card-muted) 40%,var(--cpl-bg))}
.spt .cpl-profile .cpl-member-committees-title{margin:0 0 .5rem;font-size:.75rem;font-weight:700;line-height:1.5;color:var(--cpl-card-primary)}
.spt .cpl-profile .member-comm-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .625rem;border:1px solid var(--cpl-border);border-radius:6px;background:var(--cpl-bg);margin-bottom:.375rem}
.spt .cpl-profile .member-comm-item:last-child{margin-bottom:0}
.spt .cpl-profile .member-comm-pill{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.375rem;min-width:0;font-size:.8125rem;font-weight:600;line-height:1.5;color:var(--cpl-text);overflow-wrap:anywhere}
.spt .cpl-profile .committee-pill-dot{width:.5rem;height:.5rem;flex:none;border-radius:50%}
.spt .cpl-profile .member-comm-role{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border:1px solid var(--cpl-border);border-radius:4px;font-size:.6875rem;font-weight:600;line-height:1.5}
.spt .cpl-profile .role-chair{background:#fef3c7;color:#92400e;border-color:#fde68a}
.spt .cpl-profile .role-vice_chair{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}
.spt .cpl-profile .role-rapporteur{background:#f3e8ff;color:#6b21a8;border-color:#e9d5ff}
.spt .cpl-profile .role-member{background:var(--cpl-card-muted);color:var(--cpl-card-muted-text);border-color:var(--cpl-border)}
.spt .cpl-profile .member-comm-btn{flex:none;min-height:0;margin:0;padding:.1875rem .5rem;border:1px solid color-mix(in srgb,var(--cpl-card-primary) 30%,transparent);border-radius:4px;background:var(--cpl-native-secondary,var(--cpl-card-muted));color:var(--cpl-card-primary);font:inherit;font-size:.6875rem;font-weight:600;line-height:1.5;text-transform:none;box-shadow:none;cursor:pointer}
.spt .cpl-profile .member-comm-btn:hover{background:var(--cpl-card-primary);color:var(--cpl-bg);border-color:var(--cpl-card-primary)}
.spt .cpl-profile .member-comm-btn:focus-visible,
.spt .cpl-profile .member-card-fields a:focus-visible{outline:2px solid var(--cpl-text);outline-offset:2px}

/* Native header's reciprocal action is a polished sibling of the existing
   title/count group. Logical auto margin keeps it opposite in both languages. */
.parliament-container .cpl-reverse-header>.cpl-reverse{
  min-height:2.125rem;
  padding:.375rem .875rem;
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
  text-decoration:none;
  box-shadow:0 1px 2px rgb(0 0 0 / .08);
}
.parliament-container .cpl-reverse-header>.cpl-reverse:hover{text-decoration:underline;box-shadow:0 2px 4px rgb(0 0 0 / .12)}
@media(min-width:40rem){.spt .cpl-profile.member-card{grid-template-columns:9rem minmax(0,1fr);align-items:start}}
@media(min-width:64rem){.spt .cpl-profile .member-card-groups{columns:2}}
@media(min-width:80rem){.spt .cpl-profile .member-card-groups{columns:3}}
@media(max-width:40rem){
  .spt .spt-modal__box.cpl-modal--committee{width:calc(100vw - 1.5rem) !important}
  .spt .cpl-profile .member-card-photo{width:7rem;height:7rem}
  .spt .cpl-profile .member-comm-item{align-items:flex-start;flex-wrap:wrap}
  .spt .cpl-profile .member-card-fields{grid-template-columns:minmax(0,40%) minmax(0,60%)}
  .spt .cpl-member-heading{margin:-1.25rem -1rem 1rem;padding:1rem}
  .spt .cpl-modal--member .spt-modal__close{inset-inline-end:1rem}
}

/* 0.1.5: Compact activity leads. Only this context panel gets the stronger
   site-green chip, portrait and action borders; roster/card photos stay native. */
.spt .cpl-context{
  --cpl-context-green:var(--theme-palette-color-1,#076951);
  margin:.75rem 0;
  padding:.75rem;
}
html[data-color-mode^="dark"] .spt .cpl-context{
  --cpl-context-green:var(--theme-palette-color-1,#8bc5ac);
}
.spt .cpl-context .cpl-label{margin:0 0 .5rem;font-size:.875rem;line-height:1.4}
.spt .cpl-context .cpl-people{align-items:center;gap:.5rem;flex-wrap:wrap}
.spt .cpl-context .cpl-person{
  min-height:44px;
  padding-block:.125rem;
  padding-inline:.125rem .5rem;
  border:2px solid var(--cpl-context-green);
  box-sizing:border-box;
  line-height:1.4;
}
.spt .cpl-context .cpl-person>span:last-child{min-width:0;overflow-wrap:anywhere}
.spt .cpl-context .cpl-person .cpl-portrait{
  border:2px solid var(--cpl-context-green);
  box-sizing:border-box;
}
.spt .cpl-context .cpl-quiet{
  flex:0 0 auto;
  min-height:44px;
  max-width:100%;
  padding:.25rem .65rem;
  border:1px solid var(--cpl-context-green);
  border-radius:999px;
  box-sizing:border-box;
  font-size:.75rem;
  font-weight:600;
  line-height:1.4;
}
.spt .cpl-context .cpl-person:hover,
.spt .cpl-context .cpl-quiet:hover{border-color:var(--cpl-context-green)}
.spt .cpl-context .cpl-person:focus-visible,
.spt .cpl-context .cpl-quiet:focus-visible{outline-color:var(--cpl-context-green)}

/* 0.1.6: Separate the selected pilot committee from the seat-canvas surface.
   The native panel stays in its original DOM position. The existing gated
   header marks only the exact reviewed committee; hidden/display remains
   entirely owned by the member app. Older engines retain the native layout. */
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header){
  box-sizing:border-box;
  min-width:0;
  max-width:100%;
  margin-block-start:1.5rem;
  padding:1rem;
  border:1px solid var(--cpl-border);
  /* The native wrapper has an inline thin border-top; override only this edge. */
  border-block-start:3px solid hsl(var(--primary,161 88% 22%)) !important;
  border-radius:var(--radius,.75rem);
  background:var(--cpl-bg);
  color:var(--cpl-text);
  box-shadow:0 2px 8px rgb(0 0 0 / .06);
}
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header)>.cpl-reverse-header{
  margin-block-end:.875rem;
  gap:.75rem;
}
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header)>.cpl-reverse-header>div:first-child{
  min-width:0;
  flex:1 1 12rem;
  flex-wrap:wrap;
  gap:.5rem;
}
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header) #committee-members-title{
  min-width:0;
  overflow-wrap:anywhere;
}
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header) #committee-members-close{
  flex:none;
}
.parliament-container #committee-members-wrap:has(> .cpl-reverse-header)>.committee-members-scroll{
  min-width:0;
  max-width:100%;
  overflow-x:auto;
}
@media(max-width:40rem){
  .parliament-container #committee-members-wrap:has(> .cpl-reverse-header){
    margin-block-start:1.25rem;
    padding:.75rem;
  }
}

/* 0.5.1: Only the committee-members action uses the site's primary green.
   Both colors are explicit, so dark-mode foreground tokens cannot wash it out. */
.spt .cpl-context .cpl-quiet[data-people-mode="committee"]{
  background:#076951;
  color:#fff;
  border-color:#076951;
}
.spt .cpl-context .cpl-quiet[data-people-mode="committee"]:hover{
  background:#16866B;
  color:#fff;
  border-color:#16866B;
}
.spt .cpl-context .cpl-quiet[data-people-mode="committee"]:focus-visible{
  outline:3px solid var(--cpl-text);
  outline-offset:3px;
}
/* Contain the dialog's scroll without disabling its own scrolling. */
.spt .spt-modal__box{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.spt .cpl-roster-scroll{overscroll-behavior:contain}

/* Arabic primary date fields only; evidence/storage and English stay unchanged. */
.spt[dir="rtl"] .spt-modal__details>.spt-date-summary,
.spt-report[lang="ar"] .spt-report__record>.spt-report__meta>div:first-child{display:flex;flex-wrap:nowrap;align-items:baseline;gap:.35em}
.spt[dir="rtl"] .spt-modal__details>.spt-date-summary>dt,
.spt-report[lang="ar"] .spt-report__record>.spt-report__meta>div:first-child>dt{flex:0 0 auto;margin-block:0}
.spt[dir="rtl"] .spt-modal__details>.spt-date-summary>dd{flex:0 1 auto}
@supports selector(:has(*)){
.spt[dir="rtl"] .spt-outcome-search__meta>div:has(>dd>time){display:flex;flex-wrap:nowrap;align-items:baseline;gap:.35em}
.spt[dir="rtl"] .spt-outcome-search__meta>div:has(>dd>time)>dt{flex:0 0 auto;margin-block:0}
}