/*
 * Answer block of the v2 service pages (2026-11-04). Loaded only by pages whose copy has an
 * "answer" key, so every other v2 page keeps service-v2.css untouched. Tokens come from .v2.
 * Logical properties, so RTL pages need nothing extra.
 */
.v2-answer h2 { margin-bottom: 10px; }
.v2-answer-text { color: var(--v2-ink); font-size: 16.5px; line-height: 1.65; }
.v2-facts { margin-top: 16px; border: 1px solid var(--v2-line); border-radius: 16px; background: var(--v2-tint); padding: 4px 16px; }
.v2-facts > div { padding: 10px 0; border-top: 1px solid var(--v2-line); }
.v2-facts > div:first-child { border-top: 0; }
.v2-facts dt { font-size: 13px; font-weight: 800; color: var(--v2-muted); }
.v2-facts dd { margin: 2px 0 0; font-size: 15px; color: var(--v2-ink); overflow-wrap: anywhere; }
.v2-updated { margin-top: 12px; font-size: 13.5px; color: var(--v2-muted); }
@media (min-width: 640px) {
    .v2-facts > div { display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 16px; }
    .v2-facts dd { margin: 0; }
}

/* Japanese (2026-11-04): Manrope has no Japanese glyphs, so name the system faces, keep headings from breaking inside a
   word where the browser can, and undo the tight Latin tracking, which crowds kana. */
html[lang="ja"] .v2 { font-family: var(--wp--preset--font-family--manrope, Manrope), "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "Yu Gothic UI", Meiryo, system-ui, sans-serif; line-break: strict; }
html[lang="ja"] .v2 h1, html[lang="ja"] .v2 h2, html[lang="ja"] .v2 h3, html[lang="ja"] .v2-sub, html[lang="ja"] .v2-trust li, html[lang="ja"] .v2-faq summary { word-break: auto-phrase; }
html[lang="ja"] .v2 h1, html[lang="ja"] .v2 h2 { letter-spacing: 0; }
html[lang="ko"] .v2 h1, html[lang="ko"] .v2 h2, html[lang="ko"] .v2 h3, html[lang="ko"] .v2-sub { word-break: keep-all; letter-spacing: 0; }
html[lang="th"] .v2 h1, html[lang="th"] .v2 h2 { letter-spacing: 0; line-height: 1.25; }
html[lang="ar"] .v2 h1, html[lang="ar"] .v2 h2, html[lang="fa"] .v2 h1, html[lang="fa"] .v2 h2, html[lang="he"] .v2 h1, html[lang="he"] .v2 h2 { letter-spacing: 0; }

/* A long placeholder ends with an ellipsis instead of being cut at the paste button (2026-11-04). */
.v2 input:placeholder-shown { text-overflow: ellipsis; }