/* Quiet identity: white surfaces, dark actions, neutral state cues. */
:root { --brand-primary:#111111; --brand-pale:#f3f3f3; --brand-ink:#333333; --brand-on:#FFFFFF; }
.phone-notice-icon,.phone-day-option.selected,.phone-place-result.chosen { background:var(--brand-pale); color:var(--brand-ink); }
.phone-join,.phone-declare,.phone-publish,.phone-confirm-when,
.phone-result.selected,.phone-result.reserved { color:var(--brand-on); }

:root.dark img[src$="/assets/taats-icon.png"] { filter:invert(1); }
.creator-device { --device-rim:#282A30; --device-edge:#92959D; }
.participant-device { --device-rim:#B5B8BF; --device-edge:#747981; }
.creator-device figcaption>span { background:#282A30; border-color:#282A30; color:#FFFFFF; }
.participant-device figcaption>span { background:#E5E7EB; border-color:#B5B8BF; color:#111111; }
.hero-copy h1>span { display:inline-block; max-width:100%; color:var(--ink); }
.phone-zone,.phone-when-picker,.phone-place-search { background:#FFFFFF; border-color:#E5E5E5; }
.phone-marker b,.phone-radius-track i,.phone-radius-track b,.phone-range-track i,.phone-range-track b,
.phone-create-duration-track i,.phone-create-duration-track b { background:#333333; }
.phone-marker i { background:#33333318; border-color:#33333355; }
.phone-search-area { background:#3333330D; border-color:#33333366; }
.phone-radius-track b,.phone-range-track b,.phone-create-duration-track b { box-shadow:0 0 0 1px #33333355; }
.phone-day-option.selected,.phone-place-input.focused,.phone-create-activity.focused>strong { border-color:#333333; }
.phone-result.selected,.phone-result.reserved { border-color:#111111; }
.phone-result.selected:after,.phone-result.reserved:after { border-color:#111111; }
.phone-nav .active:before { background:#333333; }
.phone-notice-icon,.phone-day-option.selected,.phone-place-result.chosen { background:#f3f3f3; color:#333333; }
.phone-day-option.selected span,.phone-day-option.selected strong { color:#333333; }
/* Keep the current taat dark; de-emphasize other results without hiding them. */
.phone-result.reserved { box-shadow:0 0 0 3px #fff,0 3px 8px #00000018; }
.phone-canvas:has(.phone-result.selected,.phone-result.reserved) .phone-result:not(.selected):not(.reserved) {
  background:#e5e5e5; border-color:#e5e5e5; color:#666;
}
.phone-canvas:has(.phone-result.selected,.phone-result.reserved) .phone-result:not(.selected):not(.reserved):after { border-color:#e5e5e5; }

/* Shared site wordmark and frame: identical across home and editorial routes. */
.wrap { width:min(calc(100% - 64px),1264px); }
.header.wrap { padding:24px 0; max-width:none; min-height:96px; z-index:10; }
.header .brand,.footer .brand { flex-shrink:0; gap:12px; font-weight:750; line-height:1; color:#151515; padding:0; }
.header .brand { font-size:28px; letter-spacing:-1.3px; }
.header .brand img,.footer .brand img { width:32px; height:32px; background:transparent; }
.footer.wrap { max-width:none; padding:24px 0; }
.footer .brand { font-size:21px; letter-spacing:-1px; }
:root.dark .brand { color:#f2f2f2; }
@media(max-width:767px) {
  .wrap { width:calc(100% - 48px); }
  .header.wrap { min-height:88px; padding:20px 0; }
  .header .brand { align-self:flex-start; }
  .header .brand img { display:none; }
}
@media(max-width:360px) {
  .wrap { width:calc(100% - 40px); }
  .header .brand { font-size:26px; }
}