/* Support page and help bubble (public/modules/support.js) */

/* ---------- page ---------- */
.sp-head .btn { flex-shrink: 0; white-space: nowrap; }
.sp-head .sp-sub { margin: 0; color: var(--ink-muted); font-size: 15px; }
.sp-back { display: inline-flex; align-items: center; gap: 4px; align-self: flex-start; margin-bottom: -6px; font-size: 14px; font-weight: 600; color: var(--ink-muted); text-decoration: none; }
.sp-back:hover { color: var(--ink); }
.sp-prio { display: flex; align-items: center; gap: 8px; padding: 10px 14px; border-radius: 14px; font-size: 13.5px; font-weight: 600; color: var(--ink); background: color-mix(in srgb, var(--cta-a) 9%, var(--card)); border: 1px solid color-mix(in srgb, var(--cta-a) 35%, var(--line)); }
.sp-prio svg { color: var(--cta-a); flex-shrink: 0; }
.sp-card { padding: 8px; }
.sp-card-h { padding: 14px 14px 6px; font-size: 15px !important; }
.sp-h2 { margin: 0; font-size: 15px; font-weight: 700; }
.sp-loading { padding: 28px; text-align: center; color: var(--ink-faint); font-size: 14px; }
.sp-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; padding: 34px 20px 30px; }
.sp-empty b { font-size: 17px; }
.sp-empty p { margin: 0 0 8px; max-width: 380px; color: var(--ink-muted); font-size: 14px; line-height: 1.5; }
.sp-empty-ic { width: 48px; height: 48px; border-radius: 16px; display: grid; place-items: center; background: var(--chip-bg); color: var(--ink-muted); margin-bottom: 4px; }

.sp-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.sp-row { position: relative; display: flex; flex-direction: column; gap: 5px; padding: 13px 40px 13px 14px; border-radius: 14px; color: var(--ink); text-decoration: none; transition: background .15s; }
.sp-row:hover { background: var(--hover); }
.sp-list li + li .sp-row::before { content: ""; position: absolute; left: 14px; right: 14px; top: 0; border-top: 1px solid var(--line); }
.sp-list li:hover + li .sp-row::before, .sp-list li + li .sp-row:hover::before { border-color: transparent; }
.sp-row-top { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.sp-num { flex-shrink: 0; font-size: 12.5px; font-weight: 600; color: var(--ink-faint); font-variant-numeric: tabular-nums; }
.sp-subj { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
.sp-row.unread .sp-subj { font-weight: 800; }
.sp-new { flex-shrink: 0; padding: 1px 8px; border-radius: 999px; font-size: 11px; font-weight: 700; color: var(--cta-ink, #fff); background: linear-gradient(135deg, var(--cta-a), var(--cta-b)); }
.sp-row-bot { display: flex; align-items: center; gap: 10px; min-width: 0; font-size: 13px; }
.sp-snip { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ink-muted); }
.sp-time { flex-shrink: 0; color: var(--ink-faint); font-size: 12.5px; }
.sp-row-go { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); color: var(--ink-faint); display: grid; }
.sp-pill { flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.sp-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.sp-pill.sps-open { color: #B06A00; background: color-mix(in srgb, #E5A800 16%, transparent); }
.sp-pill.sps-answered { color: var(--success); background: var(--ok-bg); }
.sp-pill.sps-closed { color: var(--ink-faint); background: var(--chip-bg); }
:root[data-mode="dark"] .sp-pill.sps-open { color: #FFC24A; }
@media (prefers-color-scheme: dark) { :root:not([data-mode="light"]) .sp-pill.sps-open { color: #FFC24A; } }

.sp-guides { display: flex; flex-direction: column; gap: 10px; }
.sp-guide-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.sp-guide { display: flex; gap: 12px; align-items: flex-start; padding: 14px; border-radius: 16px; border: 1px solid var(--line); background: var(--card); color: var(--ink); text-decoration: none; transition: background .15s, border-color .15s; }
.sp-guide:hover { background: var(--card-hover, var(--hover)); }
.sp-guide-ic { flex-shrink: 0; width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center; background: var(--chip-bg); color: var(--ink-muted); }
.sp-guide-t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.sp-guide-t b { font-size: 14px; }
.sp-guide-t span { font-size: 12.5px; color: var(--ink-muted); line-height: 1.4; }

/* form (page and bubble) */
.sp-new-card { padding: 22px; }
.sp-form { display: flex; flex-direction: column; gap: 8px; }
.sp-label { font-size: 13px; font-weight: 700; color: var(--ink); margin-top: 6px; }
.sp-form .sp-label:first-child { margin-top: 0; }
.sp-kinds { display: flex; flex-wrap: wrap; gap: 6px; }
.sp-kind { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line); background: transparent; color: var(--ink-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.sp-kind:hover { background: var(--hover); color: var(--ink); }
.sp-kind[aria-checked="true"] { background: var(--ink); color: var(--on-ink); border-color: var(--ink); }
.sp-ta { resize: vertical; min-height: 96px; line-height: 1.5; font: inherit; }
.sp-form.compact .sp-kind { padding: 6px 10px; font-size: 12.5px; }
.sp-files { display: flex; flex-wrap: wrap; gap: 8px; }
.sp-files[hidden] { display: none; }
.sp-thumb { position: relative; width: 64px; height: 64px; border-radius: 12px; overflow: hidden; border: 1px solid var(--line); background: var(--chip-bg); display: grid; place-items: center; }
.sp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-thumb-busy { font-size: 11px; color: var(--ink-faint); }
.sp-thumb-x { position: absolute; top: 3px; right: 3px; width: 20px; height: 20px; border-radius: 50%; border: 0; display: grid; place-items: center; background: rgba(0, 0, 0, .6); color: #fff; cursor: pointer; }
.sp-suggest { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border-radius: 12px; background: var(--chip-bg); font-size: 13px; }
.sp-suggest[hidden] { display: none; }
.sp-suggest-h { color: var(--ink-muted); font-weight: 600; }
.sp-suggest .sp-faq { background: var(--card); }
.sp-suggest-g { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; font-weight: 600; color: var(--accent-text); text-decoration: none; }
.sp-suggest-g:hover { text-decoration: underline; }
.sp-form-foot { display: flex; align-items: center; gap: 10px; margin-top: 6px; }
.sp-fine { flex: 1; font-size: 12px; color: var(--ink-faint); line-height: 1.4; }
.sp-attach { flex-shrink: 0; gap: 6px; }
.sp-send { flex-shrink: 0; }

/* conversation */
.sp-convo { padding: 0; overflow: hidden; }
.sp-convo-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 20px 22px 16px; border-bottom: 1px solid var(--line); }
.sp-convo-t { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.sp-convo-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.sp-convo-h { margin: 0; font-size: 21px; letter-spacing: -.02em; line-height: 1.25; overflow-wrap: anywhere; }
.sp-solve { flex-shrink: 0; }
.sp-msgs { list-style: none; margin: 0; padding: 18px 22px; display: flex; flex-direction: column; gap: 16px; }
.sp-msg { display: flex; flex-direction: column; gap: 6px; max-width: 86%; }
.sp-msg.me { align-self: flex-end; align-items: flex-end; }
.sp-who { display: flex; align-items: center; gap: 7px; font-size: 13px; }
.sp-who b { font-weight: 700; }
.sp-msg.me .sp-who { flex-direction: row-reverse; }
.sp-av { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; overflow: hidden; font-size: 11px; font-weight: 700; color: #fff; background: linear-gradient(135deg, #8B7CF6, #6D5AE6); }
.sp-av img { width: 100%; height: 100%; object-fit: cover; }
.sp-mark { width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: #15171C; }
.sp-bubble { padding: 11px 14px; border-radius: 16px; font-size: 14.5px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.sp-msg.me .sp-bubble { background: var(--ink); color: var(--on-ink); border-bottom-right-radius: 6px; }
.sp-msg.team .sp-bubble { background: var(--chip-bg); color: var(--ink); border-bottom-left-radius: 6px; }
.sp-msg-files { display: flex; flex-wrap: wrap; gap: 6px; }
.sp-waiting { align-self: center; display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--ink-faint); text-align: center; }
.sp-waiting svg { color: var(--success); flex-shrink: 0; }
.sp-reply { display: flex; flex-direction: column; gap: 8px; padding: 16px 22px 20px; border-top: 1px solid var(--line); background: color-mix(in srgb, var(--chip-bg) 45%, transparent); }
.sp-closed-note { margin: 0; font-size: 13px; color: var(--ink-muted); }

/* ---------- help bubble ---------- */
.sp-fab { position: fixed; z-index: 70; right: max(20px, env(safe-area-inset-right, 0px)); bottom: max(20px, env(safe-area-inset-bottom, 0px)); width: 52px; height: 52px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--cta-a), var(--cta-b)); box-shadow: 0 10px 28px -8px color-mix(in srgb, var(--cta-a) 70%, transparent), 0 2px 6px rgba(0, 0, 0, .18); transition: transform .2s cubic-bezier(.2, .8, .2, 1), box-shadow .2s; }
.sp-fab[hidden] { display: none; }
.sp-fab:hover { transform: scale(1.06); }
.sp-fab:active { transform: scale(.96); }
.sp-fab:focus-visible { outline: 3px solid var(--select); outline-offset: 3px; }
.sp-fab-ic { grid-area: 1 / 1; display: grid; place-items: center; transition: opacity .2s, transform .25s cubic-bezier(.2, .8, .2, 1); }
.sp-fab-x { opacity: 0; transform: rotate(-60deg) scale(.6); }
.sp-fab.open .sp-fab-q { opacity: 0; transform: rotate(60deg) scale(.6); }
.sp-fab.open .sp-fab-x { opacity: 1; transform: none; }
.sp-fab-dot { position: absolute; top: -3px; right: -3px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; display: grid; place-items: center; font-size: 11px; font-weight: 800; color: #fff; background: #E5484D; border: 2px solid var(--base, #fff); }
.sp-fab-dot[hidden] { display: none; }

.sp-panel { position: fixed; z-index: 71; right: max(20px, env(safe-area-inset-right, 0px)); bottom: calc(max(20px, env(safe-area-inset-bottom, 0px)) + 64px); width: 380px; max-width: calc(100vw - 32px); max-height: min(640px, calc(100dvh - 120px)); display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: var(--card); border: 1px solid var(--line); box-shadow: 0 24px 60px -16px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .1); transform-origin: bottom right; }
.sp-panel[hidden] { display: none; }
.sp-hero { position: relative; flex-shrink: 0; padding: 22px 22px 20px; color: #fff; background: radial-gradient(120% 140% at 100% 0%, #E8652B 0%, #B8461F 45%, #2A1A14 100%); }
.sp-hero .sp-px { position: absolute; top: 12px; right: 12px; color: rgba(255, 255, 255, .85); }
.sp-hero .sp-px:hover { background: rgba(255, 255, 255, .14); color: #fff; }
.sp-hero-mark { width: 36px; height: 36px; border-radius: 11px; display: grid; place-items: center; background: rgba(0, 0, 0, .28); margin-bottom: 14px; }
.sp-hi { margin: 0; font-size: 15px; opacity: .85; }
.sp-hero h2 { margin: 2px 0 0; font-size: 23px; letter-spacing: -.02em; color: #fff; }
.sp-hero-prio { display: inline-flex; align-items: center; gap: 4px; margin-top: 10px; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 700; background: rgba(255, 255, 255, .18); }
.sp-ptop { flex-shrink: 0; display: flex; align-items: center; gap: 6px; padding: 12px 12px 12px 18px; border-bottom: 1px solid var(--line); }
.sp-ptop.sub { padding-left: 8px; }
.sp-ptop b { flex: 1; font-size: 15px; }
.sp-pbody { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 16px; display: flex; flex-direction: column; gap: 10px; }
.sp-search { display: flex; align-items: center; gap: 8px; padding: 0 12px; height: 42px; border-radius: 12px; border: 1px solid var(--field-line, var(--line)); background: var(--field, var(--card)); color: var(--ink-faint); }
.sp-search:focus-within { border-color: var(--select); box-shadow: 0 0 0 3px color-mix(in srgb, var(--select) 18%, transparent); }
.sp-search-in { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 14.5px; color: var(--ink); }
.sp-search-in::-webkit-search-cancel-button { display: none; }
.sp-plist { display: flex; flex-direction: column; gap: 2px; }
.sp-pitem { display: flex; align-items: center; gap: 11px; padding: 9px 10px; border-radius: 12px; color: var(--ink); text-decoration: none; transition: background .15s; }
.sp-pitem:hover, .sp-pitem:focus-visible { background: var(--hover); }
.sp-pitem-ic { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; display: grid; place-items: center; background: var(--chip-bg); color: var(--ink-muted); }
.sp-pitem-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sp-pitem-t b { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-pitem-t > span { font-size: 12px; color: var(--ink-muted); line-height: 1.35; }
.sp-pitem-go { flex-shrink: 0; color: var(--ink-faint); display: grid; }
.sp-preq.unread b { font-weight: 800; }
.sp-preq-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12px; color: var(--ink-faint); }
.sp-preq-meta .sp-pill { font-size: 10.5px; padding: 1px 7px; }
.sp-preq-meta .sp-new { font-size: 10px; }
.sp-psec { display: flex; align-items: center; justify-content: space-between; margin-top: 6px; padding: 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); }
.sp-psec a { text-transform: none; letter-spacing: 0; font-size: 13px; color: var(--accent-text); text-decoration: none; font-weight: 600; }
.sp-none { margin: 4px 2px; font-size: 13px; color: var(--ink-muted); }
.sp-pfoot { flex-shrink: 0; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 12px 16px 14px; border-top: 1px solid var(--line); }
.sp-pmsg { width: 100%; justify-content: center; gap: 8px; }
.sp-pnote { font-size: 12px; color: var(--ink-faint); }
.sp-panel .sp-form-foot { flex-wrap: wrap; }
.sp-panel .sp-fine { flex-basis: 100%; order: -1; }
.sp-panel .sp-send { margin-left: auto; }
.sp-sent { align-items: center; text-align: center; padding: 34px 22px; gap: 10px; }
.sp-sent-ic { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; color: var(--success); background: var(--ok-bg); }
.sp-sent b { font-size: 17px; }
.sp-sent p { margin: 0 0 6px; font-size: 14px; color: var(--ink-muted); line-height: 1.5; }

/* ---------- answers: search, common questions ---------- */
.sp-asearch { display: flex; flex-direction: column; gap: 10px; }
.sp-asearch.big .sp-search { height: 54px; padding: 0 18px; border-radius: 16px; gap: 12px; background: var(--card); box-shadow: 0 10px 30px -18px rgba(0, 0, 0, .35); }
.sp-asearch.big .sp-search-in { font-size: 16px; }
.sp-ares { display: flex; flex-direction: column; gap: 10px; }
.sp-ares:empty { display: none; }
.sp-ares-h { font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ink-faint); padding: 0 2px; }
.sp-faqs { display: flex; flex-direction: column; gap: 6px; }
.sp-faq { border: 1px solid var(--line); border-radius: 14px; background: var(--card); transition: border-color .15s, background .15s; }
.sp-faq[open] { border-color: color-mix(in srgb, var(--ink) 22%, var(--line)); }
.sp-faq summary { list-style: none; display: flex; align-items: center; gap: 10px; padding: 12px 14px; cursor: pointer; font-size: 14.5px; font-weight: 600; color: var(--ink); border-radius: 14px; }
.sp-faq summary::-webkit-details-marker { display: none; }
.sp-faq summary:hover { background: var(--hover); }
.sp-faq summary > span:first-child { flex: 1; min-width: 0; }
.sp-faq-chev { flex-shrink: 0; display: grid; color: var(--ink-faint); transition: transform .2s; }
.sp-faq[open] .sp-faq-chev { transform: rotate(180deg); }
.sp-faq-a { padding: 0 14px 14px; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.sp-faq-a p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-muted); }
.sp-faq-link { display: inline-flex; align-items: center; gap: 4px; font-size: 13.5px; font-weight: 600; color: var(--accent-text); text-decoration: none; }
.sp-faq-link:hover { text-decoration: underline; }
.sp-panel .sp-faq summary { font-size: 13.5px; padding: 10px 12px; }
.sp-panel .sp-faq-a { padding: 0 12px 12px; }
.sp-panel .sp-faq-a p { font-size: 13px; }
.sp-nomatch { display: flex; flex-direction: column; gap: 2px; padding: 12px 14px; border-radius: 14px; border: 1px dashed var(--line); font-size: 13.5px; }
.sp-nomatch span { color: var(--ink-muted); }
.sp-ares-guides { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 2px 2px 0; }
.sp-ares-guides a { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; font-weight: 600; color: var(--accent-text); text-decoration: none; }
.sp-ares-guides a:hover { text-decoration: underline; }
.sp-askrow { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; padding: 12px 14px; border-radius: 14px; background: var(--chip-bg); font-size: 14px; color: var(--ink-muted); }
.sp-askrow[hidden] { display: none; }
.sp-askrow .btn { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-faqsec { display: flex; flex-direction: column; gap: 12px; }
.sp-faqsec[hidden] { display: none; }
.sp-faqsec-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; }
.sp-tabs { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: var(--chip-bg); overflow-x: auto; scrollbar-width: none; max-width: 100%; }
.sp-tabs::-webkit-scrollbar { display: none; }
.sp-tab { flex-shrink: 0; padding: 6px 12px; border-radius: 999px; border: 0; background: transparent; color: var(--ink-muted); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; white-space: nowrap; transition: background .15s, color .15s; }
.sp-tab:hover { color: var(--ink); }
.sp-tab[aria-selected="true"] { background: var(--card); color: var(--ink); box-shadow: 0 1px 3px rgba(0, 0, 0, .12); }
.sp-cta { display: flex; align-items: center; gap: 14px; padding: 18px 20px; }
.sp-cta .sp-empty-ic { margin: 0; flex-shrink: 0; }
.sp-cta-t { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.sp-cta-t b { font-size: 15.5px; }
.sp-cta-t span { font-size: 13.5px; color: var(--ink-muted); }
.sp-step { position: relative; padding: 20px 22px 22px 60px !important; display: flex; flex-direction: column; gap: 12px; }
.sp-step-n { position: absolute; left: 20px; top: 19px; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; font-size: 13px; font-weight: 800; color: var(--on-ink); background: var(--ink); }
.sp-helped { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 14px; color: var(--ink-muted); }
.sp-helped[hidden] { display: none; }
.sp-helped > span { margin-right: auto; }
.sp-step-shut { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; font-size: 14px; color: var(--ink-muted); }
.sp-step-shut[hidden] { display: none; }
.sp-form[hidden] { display: none; }

/* account menu: new replies */
.sp-menu-dot { margin-left: auto; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; display: inline-grid; place-items: center; font-size: 11px; font-weight: 800; color: #fff; background: #E5484D; }
.sp-menu-dot[hidden] { display: none; }
#help-toggle.sp-has-new > span:first-of-type::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 7px; border-radius: 50%; background: #E5484D; vertical-align: 2px; }

@media (max-width: 640px) {
  .sp-step { padding: 16px 16px 18px 16px !important; }
  .sp-step-n { position: static; }
  .sp-cta { flex-wrap: wrap; }
  .sp-cta .btn { width: 100%; }
  .sp-faqsec-head .sp-tabs { width: 100%; }
  .sp-row-bot { flex-wrap: wrap; row-gap: 6px; }
  .sp-snip { flex-basis: 100%; }
  .sp-guide-grid { grid-template-columns: 1fr; }
  .sp-convo-head { flex-direction: column; padding: 16px; }
  .sp-msgs { padding: 16px; }
  .sp-reply { padding: 14px 16px 16px; }
  .sp-msg { max-width: 94%; }
  .sp-new-card { padding: 16px; }
  .sp-form-foot { flex-wrap: wrap; }
  .sp-fine { flex-basis: 100%; order: -1; }
  .sp-send { margin-left: auto; }
  .sp-fab { width: 50px; height: 50px; right: 16px; bottom: max(16px, env(safe-area-inset-bottom, 0px)); }
  .sp-panel { right: 8px; left: 8px; width: auto; max-width: none; bottom: calc(max(16px, env(safe-area-inset-bottom, 0px)) + 60px); max-height: calc(100dvh - 96px); }
}
@media (prefers-reduced-motion: reduce) { .sp-fab, .sp-fab-ic { transition: none; } }

.sp-report { margin: 0; text-align: center; font-size: 13px; color: var(--ink-faint); }
.sp-report a { color: var(--ink-muted); font-weight: 600; }