/* =============================================================================================
   Timextender documentation theme (Zensical classic variant).
   Values come from brand/tx-tokens.css (measured from timextender.com); shared components
   (header nav, buttons, footer, bands, cards) from brand/tx-shell.css — the community theme
   loads the same two files, so both read as timextender.com. This file only maps them onto
   Zensical's markup.
   ============================================================================================= */

:root, [data-md-color-scheme="default"] {
  --md-text-font-family: var(--tx-font);
  --md-code-font-family: var(--tx-mono);
  --md-primary-fg-color: var(--tx-white);
  --md-primary-fg-color--light: var(--tx-white);
  --md-primary-fg-color--dark: var(--tx-white);
  --md-primary-bg-color: var(--tx-ink);
  --md-primary-bg-color--light: var(--tx-ink-soft);
  --md-accent-fg-color: var(--tx-orange);
  --md-accent-fg-color--transparent: rgba(255, 107, 0, .08);
  --md-default-bg-color: var(--tx-white);
  --md-default-fg-color: var(--tx-ink);
  --md-default-fg-color--light: var(--tx-ink-soft);
  --md-default-fg-color--lighter: var(--tx-ink-faint);
  --md-default-fg-color--lightest: var(--tx-line);
  --md-typeset-color: var(--tx-ink);
  --md-typeset-a-color: var(--tx-dove-ink);
  --md-code-bg-color: var(--tx-subtle);
  --md-code-fg-color: var(--tx-ink);
  --md-footer-bg-color: var(--tx-slate);
  --md-footer-bg-color--dark: var(--tx-slate-deep);
}

html { font-size: 125%; }
body { font-family: var(--tx-font); color: var(--tx-ink); -webkit-font-smoothing: antialiased; }
:focus-visible { outline: 2px solid var(--tx-orange) !important; outline-offset: 2px; }

/* ============================================================== header (white, as timextender.com) */
.md-header {
  background: var(--tx-white); color: var(--tx-ink);
  box-shadow: 0 1px 0 var(--tx-line);
}
.md-header--shadow { box-shadow: 0 1px 0 var(--tx-line), 0 6px 20px rgba(24, 25, 39, .05); }
.md-header__inner { height: var(--tx-header-h); padding: 0 calc(var(--tx-gutter) - .4rem); max-width: 1440px; }   /* the website's header spans wider than its content column */
.md-header__button { color: var(--tx-ink); }
.md-header__button.md-logo { padding: 0; margin: 0 .2rem 0 .4rem; }
.md-header__button.md-logo img { height: 34px; width: auto; display: block; }
.md-header__title { margin: 0; flex: 1 1 auto; height: var(--tx-header-h); line-height: 1.6; }   /* holds the version selector; pushes the suite to the right */
.md-header__ellipsis { position: static; display: flex; align-items: center; height: 100%; }
.md-header__topic { position: static; }
.md-header__topic { display: flex !important; align-items: center; height: 100%; opacity: 1 !important; transform: none !important; }
.md-header__topic > .md-ellipsis { display: none; }   /* no page title in the header (it stays constant, as on the website); the version selector stays */
.md-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.md-header__topic .md-ellipsis { overflow: visible; }
.md-version { margin-left: 14px; line-height: 1.6; display: flex; align-items: center; }
.md-version__current { color: var(--tx-ink-soft); font-size: 14px; font-weight: 400; margin: 0; }
.md-version__current::after { background-color: var(--tx-ink-soft); }
.md-version__list { border-radius: var(--tx-radius); box-shadow: var(--tx-card-shadow); }

.md-header .tx-suite { gap: 24px; margin: 0 24px; }   /* explicit: the search field takes the free space, so auto resolves to 0 */
.tx-header__ask { margin-left: 16px; }

/* search: a quiet field, as the site's header search */
.md-search__form { height: 40px; border-radius: var(--tx-radius); background: var(--tx-subtle); box-shadow: inset 0 0 0 1px var(--tx-line); }
.md-search__form:hover { background: #eeeef0; }
.md-search__input { color: var(--tx-ink); font-size: 15px; }
.md-search__input::placeholder { color: var(--tx-ink-faint); }
.md-search__icon[for="__search"] { color: var(--tx-ink-soft); }
[data-md-toggle="search"]:checked ~ .md-header .md-search__form { background: #fff; border-radius: var(--tx-radius) var(--tx-radius) 0 0; }
.md-search__output { border-radius: 0 0 var(--tx-radius) var(--tx-radius); box-shadow: var(--tx-card-shadow); }
/* Search is an icon that opens a wide field over the header (as the community and Gainsight), so the
   suite links keep their room on laptop screens (Dorka's review, 28 Oct). */
@media screen and (min-width: 76.25em) {
  .md-search { position: relative; }
  .md-search__inner { width: 40px; }
  .md-search__form { cursor: pointer; }
  .md-search__input::placeholder { color: transparent; }
  [data-md-toggle="search"]:checked ~ .md-header .md-search__inner {
    position: absolute; right: 0; top: calc((var(--tx-header-h) - 40px) / 2); width: 560px; z-index: 5;
  }
  [data-md-toggle="search"]:checked ~ .md-header .md-search__input::placeholder { color: var(--tx-ink-faint); }
}
@media screen and (max-width: 1400px) {   /* laptops: everything on one row, "Ask a question" included */
  .md-header .tx-suite { gap: 18px; margin: 0 14px; }
  .md-version { margin-left: 8px; }
  .tx-header__ask { margin-left: 10px; }
}
@media screen and (max-width: 1000px) { .md-header .tx-suite { display: none; } }   /* phones and small tablets: the footer has the same links */
@media screen and (max-width: 76.234375em) {
  .tx-header__ask { display: none; }
}


/* audience banners */
.md-banner { background: var(--tx-band-crema); color: var(--tx-ink); }
.tx-announce { font-size: 14px; padding: 2px 0; }
.tx-announce strong { font-weight: 600; margin-right: 8px; }
.tx-announce a { margin-left: 8px; color: var(--tx-dove-ink); text-decoration: underline; }
.md-banner:has(.tx-announce--ea) { background: var(--tx-orange); color: #fff; }
.md-banner:has(.tx-announce--partner) { background: var(--tx-dove); color: #fff; }

/* ============================================================== navigation sidebar + toc */
.md-nav { font-size: 15px; }
.md-nav__title { font-weight: 500; color: var(--tx-ink); }
.md-nav__item--section > .md-nav__link { font-weight: 500; color: var(--tx-ink); font-size: 15px; }
.md-nav__link { margin-top: .45em; color: var(--tx-ink-soft); }
.md-nav__link:hover, .md-nav__link:focus { color: var(--tx-orange) !important; }
.md-nav__link--active { color: var(--tx-ink) !important; font-weight: 500; }
.md-sidebar--primary .md-nav__link--active { box-shadow: inset 2px 0 0 var(--tx-orange); padding-left: .55rem; margin-left: -.6rem; }
.md-sidebar--secondary .md-nav { font-size: 14px; }

/* ============================================================== content typography */
.md-typeset { font-size: var(--tx-size-body); line-height: 1.65; color: var(--tx-ink); }
.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4 { color: var(--tx-ink); letter-spacing: -.01em; }
.md-typeset h1 { font-size: var(--tx-size-h1); font-weight: var(--tx-weight-h1); line-height: 1.2; margin: 0 0 .8em; }
.md-typeset h1 .headerlink { display: none; }   /* a page title needs no permalink; it would wrap beside the floated "Ask" button */
.md-typeset h2 { font-size: var(--tx-size-h2); font-weight: var(--tx-weight-h2); line-height: 1.3; margin-top: 1.8em; }
.md-typeset h3 { font-size: var(--tx-size-h3); font-weight: 500; line-height: 1.35; }
.md-typeset h4 { font-size: 18px; font-weight: 500; }
.md-typeset a { color: var(--tx-dove-ink); text-decoration: none; }
.md-typeset a:hover { color: var(--tx-dove-ink); text-decoration: underline; text-underline-offset: .18em; }
.md-typeset code { border-radius: 6px; font-size: .85em; }
.md-typeset pre > code { border-radius: var(--tx-radius); }
.md-typeset table:not([class]) { font-size: 15px; border: 1px solid var(--tx-line); border-radius: var(--tx-radius); box-shadow: none; overflow: hidden; }
.md-typeset table:not([class]) th { background: var(--tx-band-crema); font-weight: 500; }
.md-typeset .admonition, .md-typeset details {
  border: 0; border-left: 4px solid var(--tx-dove); border-radius: var(--tx-radius); box-shadow: none;
  background: var(--tx-subtle); font-size: 15px;
}
.md-typeset .admonition.warning, .md-typeset details.warning { border-left-color: var(--tx-orange); }
.md-typeset .admonition.tip, .md-typeset details.tip { border-left-color: var(--tx-dove); }
.md-typeset .admonition-title, .md-typeset summary { background: transparent !important; font-weight: 500; }
.md-typeset img { border-radius: 6px; }
.md-typeset .demo-banner { font-size: 14px; color: var(--tx-ink-soft); border-left: 3px solid var(--tx-dove); padding: 2px 0 2px 14px; margin: 0 0 24px; }
.md-content__inner { padding-bottom: 48px; }
.md-content__inner > h1:first-child, .md-content__inner > .md-content__button ~ h1 { margin-top: .2em; }

/* numbered how-to steps */
.doc-howto .md-typeset > ol { counter-reset: step; list-style: none; margin-left: 0; padding-left: 0; }
.doc-howto .md-typeset > ol > li { counter-increment: step; position: relative; padding-left: 2.6rem; margin-bottom: 1rem; }
.doc-howto .md-typeset > ol > li::before {
  content: counter(step, decimal-leading-zero); position: absolute; left: 0; top: 0;
  font-variant-numeric: tabular-nums; font-weight: 500; color: var(--tx-orange); line-height: 1.65;
}

/* applicability chips (ci/prebuild.py) */
.md-typeset .applies-to { display: flex; flex-wrap: wrap; gap: 8px; margin: -.3rem 0 1.6rem; }
.md-typeset .applies-chip {
  display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; line-height: 1;
  padding: 7px 11px; border-radius: 999px; background: var(--tx-subtle); color: var(--tx-ink-soft);
}
.md-typeset .applies-chip::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tx-dove); }
.md-typeset .applies-ga::before { background: var(--tx-dove-ink); }
.md-typeset .applies-preview::before, .md-typeset .applies-beta::before { background: var(--tx-orange); }
.md-typeset .applies-deprecated::before, .md-typeset .applies-removed::before { background: var(--tx-tierra); }
.md-typeset .applies-deployment::before { display: none; }

/* page actions */
.md-content__button { margin: .3rem 0 .4rem .4rem; color: var(--tx-ink-soft); }
.md-typeset .tx-ask, .tx-ask {
  display: inline-flex; align-items: center; gap: 8px; float: right; margin: .1rem 0 .8rem .8rem;
  padding: 10px 14px; border-radius: var(--tx-radius); background: var(--tx-white);
  box-shadow: inset 0 0 0 1px var(--tx-dove); color: var(--tx-dove-ink) !important;
  font-size: 14px; font-weight: 500; text-decoration: none !important; transition: background-color .15s;
}
.tx-ask svg { width: 18px; height: 18px; fill: var(--tx-dove-ink); }
.tx-ask:hover { background: var(--tx-band-dove); }
/* "Edit": for staff (turned on per browser) unless the build shows it to everyone */
.md-typeset .tx-edit, .tx-edit { box-shadow: inset 0 0 0 1px var(--tx-orange); color: var(--tx-tierra) !important; }
.tx-edit svg { fill: var(--tx-tierra); }
.tx-edit:hover { background: var(--tx-band-crema); }
.tx-edit[data-tx-edit="staff"] { display: none !important; }
.tx-staff .tx-edit[data-tx-edit="staff"] { display: inline-flex !important; }

/* Discussed in the community */
.tx-discuss { margin-top: 48px; padding: 24px 28px; border-radius: var(--tx-radius-card); background: var(--tx-band-dove); font-size: 15px; }
.md-typeset .tx-discuss__title, .tx-discuss__title { font-size: 22px; font-weight: 500; margin: 0 0 12px; letter-spacing: -.01em; }
.tx-discuss__list { list-style: none; margin: 0 0 12px !important; padding: 0; }
.md-typeset .tx-discuss__list li { display: grid; grid-template-columns: 18px 1fr auto; gap: 10px; padding: 10px 0; margin: 0; border-bottom: 1px solid rgba(24,25,39,.08); align-items: baseline; }
.tx-discuss__list li:last-child { border-bottom: 0; }
.tx-discuss__state { width: 9px; height: 9px; border-radius: 50%; border: 2px solid var(--tx-ink-faint); }
.tx-discuss__state--solved { border-color: var(--tx-dove-ink); background: var(--tx-dove-ink); }
.tx-discuss__meta { color: var(--tx-ink-soft); font-size: 13px; white-space: nowrap; }
.tx-discuss__empty, .tx-discuss__more { color: var(--tx-ink-soft); margin: 0; }

/* previous / next */
.md-footer { background: none; color: var(--tx-ink); }
.tx-pagenav { border-top: 1px solid var(--tx-line); padding: 8px .4rem; }
.md-footer__link { color: var(--tx-ink); }
.md-footer__link:hover .md-footer__title { color: var(--tx-orange); }
.md-footer__direction { color: var(--tx-ink-soft); font-size: 13px; }
.md-footer__title { font-size: 17px; font-weight: 500; }

/* ============================================================== support hub (overrides/home.html) */
.md-main__inner:has(.tx-hub) { margin-top: 0; }
.md-content:has(.tx-hub) .md-content__inner { margin: 0 .8rem; padding-top: 0; }
.md-content:has(.tx-hub) .md-content__inner::before { display: none; }
.tx-bleed { margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); }

.tx-hero { position: relative; overflow: hidden; background: var(--tx-slate); color: #fff; padding: 88px 0 80px; }
.tx-hero__mark {
  position: absolute; right: -4rem; top: 50%; width: 34rem; height: 35.6rem; transform: translateY(-50%);
  background: url("../assets/brand/logomark-white.svg") center / contain no-repeat; opacity: .08; pointer-events: none;
}
.tx-hero__inner { position: relative; padding: 0 var(--tx-gutter); max-width: calc(var(--tx-container) + 2 * var(--tx-gutter)); }
.tx-hero__title { font-size: 48px; font-weight: 500; line-height: 1.25; letter-spacing: -.01em; margin: 0 0 16px; max-width: 15em; color: #fff; }
.tx-hero__lead { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.85); max-width: 36em; margin: 0 0 32px; }
.tx-search { display: flex; gap: 8px; max-width: 720px; }
.tx-search__input {
  flex: 1; min-width: 0; height: 58px; border: 0; border-radius: var(--tx-radius); background: #fff;
  padding: 0 20px !important; font: inherit; font-size: 17px; color: var(--tx-ink);
  -webkit-appearance: none; appearance: none; box-shadow: none; width: auto;
}
.tx-search__input:focus { outline: 2px solid var(--tx-orange); outline-offset: 2px; }
.tx-search__go.tx-btn { height: 58px; padding: 0 25px; }
.tx-search__go svg { width: 20px; height: 20px; fill: #fff; }
.tx-hero__hint { font-size: 15px; color: rgba(255,255,255,.7); margin: 16px 0 0; }
.tx-hero__hint button { font: inherit; color: #fff; background: none; border: 0; padding: 0; cursor: pointer; text-decoration: underline; text-underline-offset: .2em; text-decoration-color: rgba(255,255,255,.4); }
.tx-hero__hint button:hover { text-decoration-color: var(--tx-orange); }

.tx-results { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; max-width: 1040px; margin-top: 24px; padding: 24px 28px 18px; color: var(--tx-ink); background: var(--tx-card); border-radius: var(--tx-radius-card); box-shadow: 0 10px 40px rgba(0,0,0,.25); }
.tx-results[hidden] { display: none; }
/* header search drop-down, like the community's (tx.js, 4 Nov) */
.tx-hs { position: fixed; z-index: 10; width: min(560px, calc(100vw - 24px)); max-height: calc(100vh - 96px); overflow: auto;
  background: var(--tx-white); color: var(--tx-ink); border: 1px solid var(--tx-line); border-radius: var(--tx-radius); box-shadow: 0 8px 28px rgba(0,0,0,.16); }
.tx-hs[hidden] { display: none; }
.tx-hs__form { padding: 12px 12px 0; }
.tx-hs__input { width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px; font: inherit; font-size: 15px; color: var(--tx-ink);
  background: var(--tx-white); border: 1px solid var(--tx-dove); border-radius: var(--tx-radius); outline: none; }
.tx-hs__input:focus { box-shadow: 0 0 0 2px var(--tx-band-dove); }
.tx-hs__results { display: grid; gap: 14px; padding: 12px 16px 4px; }
.tx-hs__results[hidden] { display: none; }
.tx-hs .tx-results__list li a { padding: 7px 0; }
.tx-hs .tx-results__t { font-size: 15px; }
.tx-hs__foot { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 8px; padding: 10px 16px; border-top: 1px solid var(--tx-line); font-size: 14px; }
.tx-hs__all { color: var(--tx-dove-ink); font-weight: 500; }
.tx-hs__full { padding: 0; font: inherit; color: var(--tx-ink-soft); background: none; border: 0; cursor: pointer; text-decoration: underline; }
.tx-results__head { font-size: 14px; font-weight: 500; color: var(--tx-ink-soft); margin: 0 0 8px; }
.tx-results__list { list-style: none; margin: 0; padding: 0; }
.tx-results__list li a { display: block; padding: 10px 0; border-bottom: 1px solid var(--tx-line); color: var(--tx-ink); text-decoration: none; }
.tx-results__list li:last-child a { border-bottom: 0; }
.tx-results__list li a:hover .tx-results__t { color: var(--tx-dove-ink); text-decoration: underline; }
.tx-results__t { display: block; font-size: 16px; font-weight: 500; }
.tx-results__s { display: block; font-size: 13px; color: var(--tx-ink-soft); margin-top: 2px; }
.tx-results__solved { color: var(--tx-dove-ink); font-weight: 600; }
.tx-results__none { font-size: 15px; color: var(--tx-ink-soft); padding: 10px 0; }
.tx-results__foot { grid-column: 1 / -1; border-top: 1px solid var(--tx-line); margin-top: 10px; padding-top: 14px; font-size: 15px; color: var(--tx-ink-soft); }
.tx-results__foot a { color: var(--tx-dove-ink); font-weight: 500; }

.md-typeset .tx-hub ul, .md-typeset .tx-hub ol { list-style: none; margin: 0; padding: 0; }
[dir] .md-typeset .tx-hub ul, [dir] .md-typeset .tx-hub ol { margin-left: 0; }   /* beat Zensical's [dir=ltr] list indents */
[dir] .md-typeset .tx-hub li { margin-left: 0; margin-bottom: 0; }
.md-typeset .tx-hub a { text-decoration: none; }
.tx-hub__section { padding: var(--tx-section-y) 0; }
.tx-hub__section.tx-bleed { padding-left: calc(50vw - 50%); padding-right: calc(50vw - 50%); }
.md-typeset .tx-hub__title { font-size: 36px; font-weight: 400; line-height: 1.3; letter-spacing: -.01em; margin: 0 0 8px; color: var(--tx-ink); }
.tx-hub__lead { font-size: 18px; color: var(--tx-ink-soft); margin: 0 0 32px; max-width: 40em; }
.tx-hub__more { font-size: 16px; margin: 20px 0 0; }
.tx-hub__more a { color: var(--tx-dove-ink); font-weight: 500; }
.tx-hub__more a:hover { text-decoration: underline; }
.tx-hub__split { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.tx-hub__split--2 { grid-template-columns: 1.2fr 1fr; gap: 56px; }

/* products: cards, as the product cards on timextender.com/software */
.md-typeset ul.tx-products, .tx-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.tx-product { display: flex; flex-direction: column; padding: 28px 28px 24px; }
.tx-product__icon { display: block; width: 48px; height: 48px; margin-bottom: 16px; }   /* Dorka's product icons (assets/products) */
.tx-product__short { font-size: 15px; font-weight: 500; color: var(--tx-orange) !important; letter-spacing: .02em; margin-bottom: 10px; }
.md-typeset .tx-product__name { font-size: 22px; font-weight: 500; line-height: 1.3; margin: 0 0 8px; }
.tx-product__name a { color: var(--tx-ink) !important; }
.tx-product__name a:hover { color: var(--tx-orange) !important; }
.tx-product__text { font-size: 16px; line-height: 1.6; color: var(--tx-ink-soft); margin: 0 0 20px; flex: 1; }
.md-typeset ul.tx-product__links { display: flex; gap: 20px; flex-wrap: wrap; font-size: 15px; padding-top: 16px; border-top: 1px solid var(--tx-line); }
.tx-product__links a { color: var(--tx-dove-ink); font-weight: 500; }
.tx-product__links a:hover { text-decoration: underline; }
.tx-count { color: var(--tx-ink-faint); font-weight: 400; font-variant-numeric: tabular-nums; }

/* community activity: white cards on the dove band */
.tx-panel { padding: 28px; }
.md-typeset .tx-panel__title { font-size: 22px; font-weight: 500; margin: 0 0 12px; }
.tx-feed, .tx-leaders, .tx-tasks, .tx-news { font-size: 16px; }
.tx-feed li { padding: 12px 0; border-bottom: 1px solid var(--tx-line); }
.tx-feed li:last-child { border-bottom: 0; }
.tx-feed a { color: var(--tx-ink) !important; font-weight: 500; line-height: 1.45; }
.tx-feed a:hover { color: var(--tx-dove-ink) !important; text-decoration: underline; }
.tx-feed__meta { display: block; font-size: 13px; color: var(--tx-ink-soft); margin-top: 4px; }
.tx-feed__loading { color: var(--tx-ink-soft); }
.tx-chip { display: inline-block; font-size: 12px; font-weight: 500; padding: 3px 8px; border-radius: 999px; background: var(--tx-subtle); color: var(--tx-ink-soft); margin-right: 8px; vertical-align: 1px; }
.tx-chip--planned { background: var(--tx-band-dove); color: var(--tx-dove-ink); }
.tx-chip--in-progress { background: rgba(255,107,0,.12); color: #b34b00; }
.tx-chip--released { background: var(--tx-dove-ink); color: #fff; }
.tx-leaders li { display: grid; grid-template-columns: 22px 36px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--tx-line); }
.tx-leaders li:last-child { border-bottom: 0; }
.tx-leaders .tx-feed__loading { display: block; grid-column: 1 / -1; }
.tx-leaders__rank { font-variant-numeric: tabular-nums; color: var(--tx-ink-faint); }
.tx-leaders img { width: 36px; height: 36px; border-radius: 50%; }
.tx-leaders__name { font-weight: 500; color: var(--tx-ink) !important; }
.tx-leaders__score { font-variant-numeric: tabular-nums; color: var(--tx-ink-soft); font-size: 14px; }

.md-typeset ul.tx-tasks { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.tx-tasks a { display: block; padding: 14px 0; border-bottom: 1px solid var(--tx-line); }
.tx-tasks__title { display: block; font-weight: 500; color: var(--tx-ink); }
.tx-tasks a:hover .tx-tasks__title { color: var(--tx-orange); }
.tx-tasks__text { display: block; font-size: 14px; color: var(--tx-ink-soft); margin-top: 3px; }
.tx-news li { padding: 14px 0; border-bottom: 1px solid var(--tx-line); }
.tx-news__meta { display: flex; gap: 8px; align-items: center; font-size: 13px; color: var(--tx-ink-soft); margin-bottom: 4px; }
.tx-news a { color: var(--tx-ink) !important; font-weight: 500; }
.tx-news a:hover { color: var(--tx-dove-ink) !important; text-decoration: underline; }

/* still stuck: the site's crema call-to-action box */
.tx-cta { text-align: center; padding: 56px 32px; border-radius: var(--tx-radius-card); }
.md-typeset .tx-cta__title { font-size: 36px; font-weight: 400; margin: 0 0 12px; color: var(--tx-ink); }
.tx-cta__lead { font-size: 18px; color: var(--tx-ink-soft); margin: 0 auto 28px; max-width: 34em; }
.tx-cta__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.tx-btn--quiet { background: var(--tx-white); color: var(--tx-ink) !important; font-size: 16px; padding: 20px 25px; box-shadow: inset 0 0 0 1px var(--tx-line-strong); }
.tx-btn--quiet:hover { box-shadow: inset 0 0 0 1px var(--tx-ink-soft); }

.tx-hub__reference { font-size: 16px; max-width: 760px; padding-top: 0; }
.md-typeset .tx-hub__reference h2 { font-size: 22px; font-weight: 500; margin-top: 0; }

@media screen and (max-width: 60em) {
  .tx-hero { padding: 56px 0 48px; }
  .tx-hero__title { font-size: 34px; }
  .tx-hero__mark { opacity: .05; right: -14rem; }
  .tx-results, .tx-hub__split, .tx-hub__split--2, .md-typeset ul.tx-tasks { grid-template-columns: 1fr; }
  .md-typeset .tx-hub__title, .md-typeset .tx-cta__title { font-size: 28px; }
  .tx-hub__section { padding: 48px 0; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* Left menu: sections read as sections, articles as articles (Christian's feedback #1) */
.md-nav--primary .md-nav__item--nested > .md-nav__link { font-weight: 600; color: var(--tx-ink); }
.md-nav--primary .md-nav__item--nested > .md-nav__link .md-nav__icon { color: var(--tx-ink-soft); }
.md-nav--primary .md-nav__item:not(.md-nav__item--nested) > .md-nav__link { color: var(--tx-ink-soft); }
.md-nav--primary .md-nav__item:not(.md-nav__item--nested) > .md-nav__link:hover,
.md-nav--primary .md-nav__link--active { color: var(--tx-ink); }
.md-nav--primary .md-nav__item { padding-block: 1px; }

/* YouTube / Vimeo videos written by the docs editor (<div class="tx-embed"><iframe …>) */
.tx-embed { position: relative; aspect-ratio: 16 / 9; max-width: 100%; margin: 1.2em 0; border-radius: var(--tx-radius); overflow: hidden; background: #000; }
.tx-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

/* Featured image above an article (front matter image:, overrides/main.html) */
.md-content__inner > .tx-hero { display: block; width: 100%; aspect-ratio: 9 / 4; object-fit: cover; border-radius: 10px; margin: 0 0 1.2rem; background: var(--md-code-bg-color); }