/* Titanium: the public pages and sign-up (owner, 18 Oct 2026: "futuristic enterprise ... apple colors grey"). KB 33 section 9.
   Gradients and page tints are greys: silver in light, graphite with a rim light in dark. Ember stays the one action; Orchid
   names competitors and Jade marks what was found, at text size only; colour comes from the pictures. The report keeps the kit.
   Scope: the home page (.hm), onboarding (.ob, .ob-coach), Settings (.st, its sheets #sheet.st) and alert cards (.flash-page). Linked after onboarding.css and before theme.css. */
.hm, .ob, .ob-coach, .st, .flash-page {
  --ti-page: #F5F5F7; --ti-surface: #FFFFFF; --ti-surface-2: #F2F2F5; --ti-fill: #ECECF0;
  --ti-ink: #1D1D1F; --ti-muted: #6E6E73; --ti-faint: #6E6E73; --ti-quiet: #86868B; --ti-line: #D2D2D7; --ti-line-2: #E5E5EA;
  --ti-cover: linear-gradient(155deg, #FBFBFD 0%, #ECEDF1 38%, #DADBE1 72%, #C9CBD3 100%);
  --ti-cover-ink: #1D1D1F; --ti-cover-ink-2: rgba(29, 29, 31, .74); --ti-on-cover: rgba(255, 255, 255, .78); --ti-on-cover-2: rgba(255, 255, 255, .6);
  --ti-sheen: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .55) 48%, rgba(255, 255, 255, 0) 64%);
  --ti-rim: 0 0 0 1px rgba(0, 0, 0, .05), 0 14px 34px rgba(0, 0, 0, .10);
  --ti-card: 0 0 0 1px rgba(0, 0, 0, .04), 0 8px 24px rgba(0, 0, 0, .06);
  --ti-float: 0 4px 14px rgba(0, 0, 0, .14);
  --ti-glass: rgba(245, 245, 247, .78); --ti-glass-edge: rgba(0, 0, 0, .06);
  --ti-ring: conic-gradient(from 200deg, #8E8E93, #E5E5EA, #AEAEB2, #F2F2F7, #8E8E93);
  --ti-ring-you: linear-gradient(135deg, #B44744, #D9837A);
  --ti-face-gap: #E4E5EA;
  --ti-band-brief: #F5F5F7; --ti-band-offers: #F1F3F3; --ti-band-ads: #F3F2F6; --ti-band-social: #F5F4F2; --ti-band-news: #F2F2F4;
  --ti-ember: #B44744; --ti-ember-press: #9E3B38; --ti-ember-text: #B44744; --ti-ember-soft: #FBEDEC;
  --ti-ember-glow: 0 8px 22px rgba(180, 71, 68, .28);
  --ti-orchid-text: #704398; --ti-jade: #286A5A; --ti-jade-text: #286A5A; --ti-jade-soft: #EDF5F0;
  --ti-select: #1D1D1F; --ti-on-select: #FFFFFF;
  --ti-page-glow: none;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .hm, :root:not([data-theme="light"]) .ob, :root:not([data-theme="light"]) .ob-coach, :root:not([data-theme="light"]) .st, :root:not([data-theme="light"]) .flash-page {
    --ti-page: #0D0D0F; --ti-surface: #1C1C1E; --ti-surface-2: #242427; --ti-fill: #2C2C2E;
    --ti-ink: #F5F5F7; --ti-muted: #A1A1A6; --ti-faint: #98989D; --ti-quiet: #8E8E93; --ti-line: #38383A; --ti-line-2: #2C2C2E;
    --ti-cover: linear-gradient(155deg, #48484E 0%, #2E2E33 40%, #1E1E21 75%, #141416 100%);
    --ti-cover-ink: #F5F5F7; --ti-cover-ink-2: rgba(245, 245, 247, .66); --ti-on-cover: rgba(255, 255, 255, .14); --ti-on-cover-2: rgba(255, 255, 255, .10);
    --ti-sheen: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .07) 48%, rgba(255, 255, 255, 0) 64%);
    --ti-rim: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .05), 0 18px 40px rgba(0, 0, 0, .5);
    --ti-card: inset 0 0 0 1px rgba(255, 255, 255, .07), 0 10px 28px rgba(0, 0, 0, .45);
    --ti-float: 0 4px 14px rgba(0, 0, 0, .5);
    --ti-glass: rgba(28, 28, 30, .78); --ti-glass-edge: rgba(255, 255, 255, .08);
    --ti-ring: conic-gradient(from 200deg, #636366, #D1D1D6, #8E8E93, #F2F2F7, #636366);
    --ti-face-gap: #2A2A2E;
    --ti-band-brief: #0D0D0F; --ti-band-offers: #0C0E0E; --ti-band-ads: #0E0D10; --ti-band-social: #0F0E0D; --ti-band-news: #0D0D0F;
    --ti-ember-press: #C4524F; --ti-ember-text: #E98C82; --ti-ember-soft: #2A1A19;
    --ti-ember-glow: 0 8px 26px rgba(180, 71, 68, .35), inset 0 1px 0 rgba(255, 255, 255, .18);
    --ti-orchid-text: #BE9FE6; --ti-jade: #2F7865; --ti-jade-text: #77C5AC; --ti-jade-soft: #142A23;
    --ti-select: #F5F5F7; --ti-on-select: #0D0D0F;
    --ti-page-glow: radial-gradient(120% 60% at 50% 0%, #1A1A1E 0%, rgba(13, 13, 15, 0) 60%);
  }
}
:root[data-theme="dark"] .hm, :root[data-theme="dark"] .ob, :root[data-theme="dark"] .ob-coach, :root[data-theme="dark"] .st, :root[data-theme="dark"] .flash-page {
  --ti-page: #0D0D0F; --ti-surface: #1C1C1E; --ti-surface-2: #242427; --ti-fill: #2C2C2E;
  --ti-ink: #F5F5F7; --ti-muted: #A1A1A6; --ti-faint: #98989D; --ti-quiet: #8E8E93; --ti-line: #38383A; --ti-line-2: #2C2C2E;
  --ti-cover: linear-gradient(155deg, #48484E 0%, #2E2E33 40%, #1E1E21 75%, #141416 100%);
  --ti-cover-ink: #F5F5F7; --ti-cover-ink-2: rgba(245, 245, 247, .66); --ti-on-cover: rgba(255, 255, 255, .14); --ti-on-cover-2: rgba(255, 255, 255, .10);
  --ti-sheen: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .07) 48%, rgba(255, 255, 255, 0) 64%);
  --ti-rim: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 0 0 1px rgba(255, 255, 255, .05), 0 18px 40px rgba(0, 0, 0, .5);
  --ti-card: inset 0 0 0 1px rgba(255, 255, 255, .07), 0 10px 28px rgba(0, 0, 0, .45);
  --ti-float: 0 4px 14px rgba(0, 0, 0, .5);
  --ti-glass: rgba(28, 28, 30, .78); --ti-glass-edge: rgba(255, 255, 255, .08);
  --ti-ring: conic-gradient(from 200deg, #636366, #D1D1D6, #8E8E93, #F2F2F7, #636366);
  --ti-face-gap: #2A2A2E;
  --ti-band-brief: #0D0D0F; --ti-band-offers: #0C0E0E; --ti-band-ads: #0E0D10; --ti-band-social: #0F0E0D; --ti-band-news: #0D0D0F;
  --ti-ember-press: #C4524F; --ti-ember-text: #E98C82; --ti-ember-soft: #2A1A19;
  --ti-ember-glow: 0 8px 26px rgba(180, 71, 68, .35), inset 0 1px 0 rgba(255, 255, 255, .18);
  --ti-orchid-text: #BE9FE6; --ti-jade: #2F7865; --ti-jade-text: #77C5AC; --ti-jade-soft: #142A23;
  --ti-select: #F5F5F7; --ti-on-select: #0D0D0F;
  --ti-page-glow: radial-gradient(120% 60% at 50% 0%, #1A1A1E 0%, rgba(13, 13, 15, 0) 60%);
}
.shell:has(> .col.st) { background:#F5F5F7; }
:root[data-theme="dark"] .shell:has(> .col.st) { background:#1C1C1E; }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) .shell:has(> .col.st) { background:#1C1C1E; } }
/* Settings uses the existing graphite steps one level up: the page, cards and controls
   stay distinct without the near-black field rejected by the owner on 21 Oct 2026. */
:root[data-theme="dark"] .st {
  --ti-page:#1C1C1E; --ti-surface:#242427; --ti-surface-2:#2C2C2E; --ti-fill:#38383A;
  --ti-page-glow:radial-gradient(120% 60% at 50% 0%, #2C2C2E 0%, transparent 75%);
}
@media (prefers-color-scheme:dark) {
  :root:not([data-theme="light"]) .st {
    --ti-page:#1C1C1E; --ti-surface:#242427; --ti-surface-2:#2C2C2E; --ti-fill:#38383A;
    --ti-page-glow:radial-gradient(120% 60% at 50% 0%, #2C2C2E 0%, transparent 75%);
  }
}
/* Onboarding's own palette follows Titanium: the --o-* names stay so existing rules keep working. */
:root .ob, :root .ob-coach, :root[data-theme] .ob, :root[data-theme] .ob-coach, :root:not([data-theme="light"]) .ob, :root:not([data-theme="light"]) .ob-coach {
  --o-bg: var(--ti-page); --o-bg-2: var(--ti-fill); --o-surface: var(--ti-surface); --o-surface-2: var(--ti-surface-2); --o-fill: var(--ti-fill);
  --o-text: var(--ti-ink); --o-muted: var(--ti-muted); --o-faint: var(--ti-faint); --o-line: var(--ti-line); --o-line-2: var(--ti-line-2);
  --o-ember: var(--ti-ember); --o-ember-hover: var(--ti-ember-press); --o-ember-text: var(--ti-ember-text); --o-ember-soft: var(--ti-ember-soft);
  --o-orchid-text: var(--ti-orchid-text); --o-name: var(--ti-orchid-text); --o-jade-text: var(--ti-jade-text); --o-jade-soft: var(--ti-jade-soft);
  --o-ember-g: var(--ti-cover); --o-orchid-g: var(--ti-cover); --o-jade-g: var(--ti-cover); --o-cover-ink: var(--ti-cover-ink);
  --o-stage: var(--ti-surface-2); --o-shadow: var(--ti-card);
}
html[data-screen="home"], html[data-screen="home"] body, html:has(.ob), html:has(.ob) body { background: #F5F5F7; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"])[data-screen="home"], :root:not([data-theme="light"])[data-screen="home"] body, :root:not([data-theme="light"]):has(.ob), :root:not([data-theme="light"]):has(.ob) body { background: #0D0D0F; } }
:root[data-theme="dark"][data-screen="home"], :root[data-theme="dark"][data-screen="home"] body, :root[data-theme="dark"]:has(.ob), :root[data-theme="dark"]:has(.ob) body { background: #0D0D0F; }
.shell:has(.hm), .shell:has(.ob) { background: transparent; }
:root { --o-bg: #F5F5F7; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --o-bg: #0D0D0F; } }
:root[data-theme="dark"] { --o-bg: #0D0D0F; }

/* 4. Main action: "Gradient edge", the owner's pick, 24 Oct 2026 (B on local/review/primary-button-20261024/boards/
   00-side-by-side.png, after "Play their night button feels too bold and not modern or Tellz vibes"). It replaces the
   18 Oct graphite Gradient arrow. A white pill (graphite #1C1C1E in dark, dark glass on a photo) drawn with a 1.5 px
   --gradient-ember edge, ink words in 500, an Ember arrow at the end. The edge is a masked ring (::before), so a
   translucent inside never lets the gradient through. Press: the inside warms to Ember soft and the edge turns; the arrow
   moves 3 px. Disabled: a grey edge, grey words. Waiting (aria-busy): the gradient travels round the edge, the arrow
   rests, the words stay. No red fill, no glow, no black body. Header actions (.ti-primary-slim) take the edge and the
   words only. Every main button on the home page, in sign-up, in Settings (.st), the reader, the sheets and alert cards
   reads this rule (the class twice outranks the older .ob .ob-btn rules). KB 33 section 9, KB 49 2.4.1. */
.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page {
  --ti-btn-h: 52px; --ti-btn-radius: 999px; --ti-btn-ink: #1D1D1F; --ti-btn-press: 3px;
  --ti-btn-surface: #FFFFFF; --ti-btn-surface-press: #FAEFED; --ti-btn-arrow-ink: #B44744;
  --ti-btn-edge: linear-gradient(in oklab 112deg, #C65A64 0%, #E38B7D 34%, #F0B69C 70%, #F3D4AE 100%);
  --ti-btn-edge-press: linear-gradient(in oklab 292deg, #C65A64 0%, #E38B7D 34%, #F0B69C 70%, #F3D4AE 100%);
  --ti-btn-shadow: 0 1px 2px rgba(17, 18, 20, .05); --ti-btn-off-edge: #D2D2D7; --ti-btn-off-ink: #8E8E93;
  --ti-btn-bg: var(--ti-btn-surface);  /* older consumers read --ti-btn-bg as the body */
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) { --ti-btn-ink: #F5F5F7; --ti-btn-surface: #1C1C1E; --ti-btn-surface-press: #2A1F20; --ti-btn-arrow-ink: #E38B7D; --ti-btn-shadow: none; --ti-btn-off-edge: #38383A; --ti-btn-off-ink: #6E6E73; } }
:root[data-theme="dark"] :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) { --ti-btn-ink: #F5F5F7; --ti-btn-surface: #1C1C1E; --ti-btn-surface-press: #2A1F20; --ti-btn-arrow-ink: #E38B7D; --ti-btn-shadow: none; --ti-btn-off-edge: #38383A; --ti-btn-off-ink: #6E6E73; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary { display: inline-flex; }  /* plain strength: page rules may hide a button (home.css desktop-only) */
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary {
  position: relative; isolation: isolate; align-items: center; justify-content: space-between; gap: 12px;
  height: var(--ti-btn-h); min-height: var(--ti-btn-h); padding: 0 18px 0 22px; border: 0; border-radius: var(--ti-btn-radius);
  background: var(--ti-btn-surface); color: var(--ti-btn-ink); box-shadow: var(--ti-btn-shadow); opacity: 1; transform: none;
  font: 500 17px/22px Manrope, sans-serif; letter-spacing: -.005em; text-align: left; text-decoration: none; cursor: pointer;
  transition: background-color 160ms, transform 160ms cubic-bezier(.23,1,.32,1);
}
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary::before {
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; padding: 1.5px; pointer-events: none;
  background: var(--ti-btn-edge);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary-arrow {
  position: relative; display: block; flex: none; width: 22px; height: 22px; border-radius: 0; background: none; box-shadow: none;
  transition: transform 180ms cubic-bezier(.23,1,.32,1);
}
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary-arrow::after {
  content: ""; position: absolute; inset: 0; background: var(--ti-btn-arrow-ink);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 100% no-repeat;
}
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:active { background: var(--ti-btn-surface-press); transform: scale(.985); }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:active::before { background: var(--ti-btn-edge-press); }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:active .ti-primary-arrow { transform: translateX(var(--ti-btn-press)); }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:is([disabled], [aria-disabled="true"]) { color: var(--ti-btn-off-ink); background: var(--ti-btn-surface); box-shadow: none; transform: none; cursor: default; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:is([disabled], [aria-disabled="true"])::before { background: var(--ti-btn-off-edge); }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:is([disabled], [aria-disabled="true"]) .ti-primary-arrow { transform: none; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:is([disabled], [aria-disabled="true"]) .ti-primary-arrow::after { background: var(--ti-btn-off-ink); }
/* Waiting: the kit gradient travels round the edge (a moving outline, never a spinner); the words stay, the arrow rests. */
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary[aria-busy="true"] { cursor: progress; color: var(--ti-btn-ink); }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary[aria-busy="true"]::before { background: linear-gradient(90deg, #F3D4AE, #C65A64, #E38B7D, #F0B69C, #F3D4AE) 40% 0 / 300% 100%; animation: ti-btn-edge-flow 2.4s linear infinite; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary[aria-busy="true"] .ti-primary-arrow { visibility: hidden; }
@keyframes ti-btn-edge-flow { to { background-position: 340% 0; } }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:focus-visible { outline: 2px solid var(--ti-ember, var(--ember, #B44744)); outline-offset: 3px; }  /* the reader's scopes have no --ti-ember: without the fallback the ring vanished */
/* Header actions: the edge and the words only, a slim pill (owner, 24 Oct 2026: "upgrade the one in the header without icon
   to keep it minimal"). */
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary.ti-primary-slim { --ti-btn-h: 40px; width: auto; justify-content: center; padding: 0 16px; font-size: 14px; }
:is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary-slim .ti-primary-arrow { display: none; }
/* The narrowest phones (320 px) keep the words on one line. */
@media (max-width: 340px) { :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary { padding: 0 14px 0 16px; gap: 8px; font-size: 15px; } }
@media (prefers-reduced-motion: reduce) { :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) :is(.ti-primary.ti-primary, .ti-primary-arrow) { transition: none; } :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:active, :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary:active .ti-primary-arrow { transform: none; } :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary[aria-busy="true"]::before { animation: none; } }
:root[data-ob-still] :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) :is(.ti-primary.ti-primary, .ti-primary-arrow) { transition: none; }
:root[data-ob-still] :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) :is(.ti-primary.ti-primary:active, .ti-primary.ti-primary:active .ti-primary-arrow) { transform: none; }
:root[data-ob-still] :is(.hm, .ob, .ob-coach, .st, :where(#shell, #sheet), .reader, .sheet, .watch, .iv-public, .gp-rs-page) .ti-primary.ti-primary[aria-busy="true"]::before { animation: none; }

/* Inline actions keep room for the field; longer actions get their own row. */
:is(#shell, #sheet, .reader, .watch) .inbox .act.ti-primary,
:is(#shell, #sheet) .askbox .ti-primary,
.hm .hm-sub .ti-primary.ti-primary {
  --ti-btn-h: 40px; width: auto; gap: 6px; padding: 0 12px; font-size: 14px;
}
:is(#shell, #sheet, .reader, .watch) .inbox .act.ti-primary .ti-primary-arrow, :is(#shell, #sheet) .askbox .ti-primary .ti-primary-arrow, .hm .hm-sub .ti-primary .ti-primary-arrow { width: 18px; height: 18px; }
:is(#shell, #sheet) .btnrow { flex-wrap: wrap; }
:is(#shell, #sheet) .btnrow > .ti-primary { flex: 1 0 100%; }
:is(#shell, #sheet, .watch) .ti-primary.w-blk { font-size: 15px; gap: 8px; padding: 0 14px 0 16px; }
/* Copy feedback occupies the label, leaving the arrow in place. */
:is(#shell, #sheet) #copy-btn.ti-primary > .ti-primary-label { position: relative; display: grid; }
:is(#shell, #sheet) #copy-btn.ti-primary .f2 { color: var(--ti-btn-ink); }