/*
 * Site polish 2026-10-30 (after the impeccable review).
 *
 * Overrides only: no older stylesheet was edited. Glow, gradients and the
 * gold + blue accents stay exactly as they were.
 * To go back to the previous look: git revert, newest first, every commit this
 * command lists, then run node scripts/build-global-site.cjs and deploy:
 *   git log --format=%h -- server/public/site/assets/css/polish-20261030.css server/public/global-site/assets/css/polish-20261030.css
 * The pre-polish version is tagged site-before-polish-20261030; the first polish
 * commit is tagged site-polish-20261030.
 * Emptying this file or removing its <link> line is NOT enough on its own here:
 * the download and pricing card titles moved from h3 to h2 and get their size
 * from rule 5 below, so they would fall back to the big h2 style.
 */

/* 1. Homepage: the short blue rule under the hero title sits on the center line
 *    (it was pinned to the left edge of the centered title). */
.home-v2 .hero .hero-line-slogan::after {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 2. Text smaller than 12px goes up to 12px. */
.home-v2 #multilingual .v2-lang-pill b,
.home-v2 #dual-camera .v2-card-kicker {
  font-size: 12px !important;
}

/* 3. No browser-made fake bold on small labels set in the display serif
 *    (that face only ships one weight), and no fake slant. */
.label, .eyebrow, .tag, .hero-tags span, .stat-num, .hero-context, .nav-cta,
.logo span, .section-head .label, .footer-logo, .version-num {
  font-synthesis-style: none;
}
.label, .eyebrow, .section-head .label, .tag {
  font-synthesis-weight: none;
}

/* 4. White text on the blue download / pricing buttons reaches 4.5 : 1. */
.btn.primary {
  background: #2563eb;
}
.btn.primary:hover {
  background: #1d4ed8;
}

/* 5. Card titles moved from h3 to h2 so the page outline has no skipped level;
 *    they keep the exact look of the old h3. */
.card h2.card-title {
  margin: 0 0 8px;
  font-size: 19px;
  line-height: 1.6;
  letter-spacing: -0.01em;
}

/* 6. Homepage FAQ answers: a comfortable reading width (was ~110 characters a line). */
.home-v2 .faq-item .faq-body p {
  max-width: 38em;
}

/* Search box hint text on the dual-camera page reaches 4.5 : 1. */
#faq-search::placeholder {
  color: #8a8a8a !important;
  opacity: 1;
}

/* 7. Line breaks: headings wrap into even lines, paragraphs avoid a lone last word.
 *    Japanese and Korean pages are left exactly as they were: those scripts can break
 *    between any two characters, so balancing splits words (料金体 / 系, サブスクリプシ / ョン).
 *    :where() keeps the specificity of the plain h1 / h2 / h3 / p selectors. */
h1:where(:not(:lang(ja), :lang(ko))),
h2:where(:not(:lang(ja), :lang(ko))),
h3:where(:not(:lang(ja), :lang(ko))),
.v2-subhead:where(:not(:lang(ja), :lang(ko))) {
  text-wrap: balance;
}
p:where(:not(:lang(ja), :lang(ko))),
li:where(:not(:lang(ja), :lang(ko))),
dd:where(:not(:lang(ja), :lang(ko))),
figcaption:where(:not(:lang(ja), :lang(ko))) {
  text-wrap: pretty;
}