/* B9: Signal Viewer's documentation site - the app's colours (amber accent, slate ink). */
:root {
  --md-primary-fg-color: #1c2430;
  --md-primary-fg-color--light: #2b3646;
  --md-primary-fg-color--dark: #10161e;
  --md-accent-fg-color: #c9821f;
  --md-typeset-a-color: #9a5f0c;
  --sv-hero-bg: linear-gradient(180deg, #f3f6f9 0%, #ffffff 100%);
  --sv-muted: #5b6878;
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color: #12181f;
  --md-typeset-a-color: #e8a030;
  --md-accent-fg-color: #e8a030;
  --sv-hero-bg: linear-gradient(180deg, #1a222c 0%, #12181f 100%);
  --sv-muted: #a0aebe;
}

/* ---------------------------------------------------------------- landing page */
.sv-hero { text-align: center; padding: 1.2rem 0.5rem 0.4rem; margin: -0.8rem -0.8rem 1.2rem;
  background: var(--sv-hero-bg); border-radius: 0.6rem; }
.sv-hero img.sv-logo { width: 72px; height: 72px; }
.md-typeset .sv-hero h1 { font-size: 2.4rem; font-weight: 700; margin: 0.4rem 0 0.3rem; color: var(--md-default-fg-color); }
.sv-hero .sv-tagline { font-size: 1.05rem; color: var(--sv-muted); max-width: 40rem; margin: 0 auto 1rem; }
.sv-hero .md-button { margin: 0.2rem 0.25rem; }
.sv-hero .sv-formats { font-size: 0.72rem; color: var(--sv-muted); letter-spacing: 0.02em; margin-top: 0.8rem; }
.sv-shot { border-radius: 0.5rem; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); }
.md-typeset .grid.cards > ul > li, .md-typeset .grid > .card { border-radius: 0.5rem; }
.md-typeset .grid.cards > ul > li:hover { border-color: var(--md-accent-fg-color); }
.md-typeset .grid.sv-two { grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr)); }
/* B10: the jump list on top of "What works" */
.md-typeset .grid.cards.sv-toc { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); gap: 0.4rem; }
.md-typeset .grid.cards.sv-toc > ul > li { padding: 0.45rem 0.7rem; }
.md-typeset h2[id] + p > img.sv-shot { margin-bottom: 0.4rem; }
.sv-small { font-size: 0.72rem; color: var(--sv-muted); }

[data-md-color-scheme="slate"] .md-typeset .md-button { color: var(--md-accent-fg-color); border-color: var(--md-accent-fg-color); }
[data-md-color-scheme="slate"] .md-typeset .md-button--primary { background: var(--md-accent-fg-color); color: #12181f; }
[data-md-color-scheme="slate"] .md-typeset .md-button:hover { background: #f0b04a; border-color: #f0b04a; color: #12181f; }

/* ---------------------------------------------------------------- the Hebrew guide */
.sv-rtl { text-align: right; }
.sv-rtl pre, .sv-rtl code, .sv-rtl kbd { direction: ltr; unicode-bidi: isolate; }
.sv-rtl pre { text-align: left; }
.sv-rtl ul, .sv-rtl ol { padding-right: 1.2rem; padding-left: 0; margin-right: 0.6rem; margin-left: 0; }
.sv-rtl table { direction: rtl; }
.sv-rtl .headerlink { margin-right: 0.3rem; margin-left: 0; }