/* Scoped reading layout for the September 2026 FAQ update. */
#faq, #faq-en { scroll-margin-top: 110px; }
.faq-item { scroll-margin-top: 110px; }
.faq-list { max-width: 1000px; }
.faq-heading { margin: 0; font: inherit; }
.faq-q { text-align: start; gap: 24px; line-height: 1.55; }
.faq-q span { min-width: 0; }
.faq-a-inner { max-width: none; padding-bottom: 32px; }
.faq-a-inner p { margin: 0 0 18px; }
.faq-a-inner h3 { font-size: 1.1rem; line-height: 1.6; margin: 28px 0 14px; color: var(--cocoa-ink, #2c211d); }
.faq-a-inner ul { padding-inline-start: 24px; margin: 18px 0; }
.faq-a-inner li { margin-bottom: 14px; }
.faq-a-inner strong { color: var(--cocoa-ink, #2c211d); }
.faq-a-inner a { color: #75432f; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.faq-table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; margin: 20px 0; border: 1px solid #d9c4bc; border-radius: 4px; }
.faq-table { width: 100%; min-width: 570px; border-collapse: collapse; table-layout: fixed; font-size: 14px; line-height: 1.8; }
.faq-table th,.faq-table td { padding: 18px; text-align: start; vertical-align: top; border-inline-end: 1px solid #decac2; border-bottom: 1px solid #decac2; overflow-wrap: break-word; }
.faq-table thead th { background: #f5d9dc; color: #60331f; font-weight: 600; }
.faq-table tbody th { background: #f6ece4; color: #60331f; font-weight: 600; }
.faq-table td { background: #faf7f0; }
.faq-table tr:last-child > * { border-bottom: none; }
.faq-table tr > *:last-child { border-inline-end: none; }
.faq-equation { background: #f5d9dc; padding: 24px 20px; margin: 22px 0; color: #60331f; font-size: clamp(14px, 2vw, 21px); font-weight: 600; text-align: center; line-height: 1.8; }
.faq-equation span { display: block; font-size: 13px; letter-spacing: .12em; font-weight: 400; margin-top: 5px; }
.faq-q:focus-visible,.faq-table-wrap:focus-visible { outline: 2px solid #75432f; outline-offset: 4px; }
.faq-a-inner .citation-links { margin-top: 24px; padding-top: 16px; border-top: 1px solid #decac2; }
@media(max-width:600px) {
 .faq-table-wrap::before { content: 'เลื่อนตารางซ้าย–ขวาเพื่ออ่านครบ →'; display: block; position: sticky; left: 0; padding: 8px 12px; font-size: 12px; background: #f6ece4; color: #75432f; }
 .lang-en .faq-table-wrap::before { content: 'Scroll across to read the full table →'; }
 .faq-q { font-size: 17px; gap: 15px; padding-block: 22px; }
 .faq-a-inner { font-size: 15px; line-height: 1.95; }
 .faq-table { min-width: 570px; }
 .faq-table th,.faq-table td { padding: 14px; }
 .faq-equation { padding: 20px 10px; }
}
@media(prefers-reduced-motion:reduce) { .faq-a { transition: none; } }