/* Editorial utility: readable text, semantic tables, bounded local scrolling. */
.doc-body .doc-prose p,.doc-body .doc-prose ul li,.doc-body .doc-prose ol li{font-size:18px;line-height:1.85}
.doc-body .doc-prose h2{font-size:clamp(26px,3vw,32px);line-height:1.4;margin:36px 0 16px}
.doc-body .doc-prose h3{font-size:23px;line-height:1.45;margin:28px 0 12px}
.doc-body .doc-prose h4{font-size:20px;line-height:1.5;margin:24px 0 12px}
.doc-prose{min-width:0;overflow-wrap:anywhere}
.doc-prose code{direction:ltr;unicode-bidi:isolate}
.prose-table-scroll{max-width:100%;overflow:auto;margin:22px 0 28px;border:1px solid var(--fx-line,#ddd);border-radius:8px}
.prose-table-scroll:focus-visible{outline:3px solid var(--fx-gold,#b88727);outline-offset:3px}
.prose-table{border-collapse:collapse;width:100%;min-width:620px;font-size:16px;line-height:1.7;text-align:start;background:#fff;color:var(--fx-text,#333)}
.prose-table th,.prose-table td{padding:14px 18px;border-bottom:1px solid var(--fx-line,#ddd);vertical-align:top;text-align:start;overflow-wrap:normal;word-break:normal}
.prose-table th:first-child,.prose-table td:first-child{min-width:120px}
.prose-table th{font-weight:700;color:var(--fx-ink,#161616);background:var(--fx-gold-tint,#faf7ef)}
.prose-table tbody tr:nth-child(even){background:#fafafa}
.prose-table tbody tr:last-child td{border-bottom:0}
.prose-table a{overflow-wrap:anywhere}
.doc-prose .prose-table-scroll::before{display:none}
@media(max-width:700px){
 .doc-hero{padding:36px 0 30px}
 .doc-hero h1{font-size:clamp(32px,8.5vw,38px);line-height:1.2;overflow-wrap:anywhere}
 .doc-prose .prose-table-scroll::before{display:block;position:sticky;inset-inline-start:0;width:fit-content;max-width:calc(100vw - 76px);box-sizing:border-box;padding:10px 14px;font-size:14px;line-height:1.5;color:#6a5325;background:#f4eedf;content:"Scroll horizontally to see all columns"}
 html[lang="zh-CN"] .doc-prose .prose-table-scroll::before{content:"表格可左右滑动，查看全部列"}
 html[lang="id"] .doc-prose .prose-table-scroll::before{content:"Geser tabel untuk melihat semua kolom"}
 html[lang="es"] .doc-prose .prose-table-scroll::before{content:"Desliza la tabla para ver todas las columnas"}
 html[lang="vi"] .doc-prose .prose-table-scroll::before{content:"Vuốt ngang để xem tất cả các cột"}
 html[lang="ar"] .doc-prose .prose-table-scroll::before{content:"مرّر الجدول أفقياً لعرض جميع الأعمدة"}
}