/* Editorial article journal and progressive sharing. Everything is scoped to .rbk-articles. */
.rbk-articles {
  --journal-ink: #173247;
  --journal-muted: #657481;
  --journal-line: #e0e1dd;
  --journal-gold: #a3773c;
  --journal-paper: #ffffff;
  --journal-ivory: #f7f4ed;
  width: 100%;
  min-width: 0;
  margin: 0;
  color: var(--journal-ink);
  font: 400 15px/1.85 "Noto Sans Thai", Tahoma, "Segoe UI", sans-serif;
  text-align: left;
  overflow-wrap: anywhere;
  scroll-margin-top: 170px;
}
.rbk-articles *, .rbk-articles *::before, .rbk-articles *::after { box-sizing: border-box; }
.rbk-articles :is(h1, h2, h3, h4, p, ul, ol, li, figure, blockquote) { margin: 0; }
.rbk-articles .rbk-articles__visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.rbk-articles [hidden] { display: none !important; }
.rbk-articles :is(a, button, input, summary):focus-visible { outline: 3px solid #9a733e; outline-offset: 5px; }
.rbk-articles a { color: inherit; text-decoration: none; }
.rbk-articles svg { display: block; flex: 0 0 auto; width: 20px; height: 20px; }
.rbk-articles__shell { width: min(var(--layout-max-width, 1120px), calc(100% - var(--layout-side-space, 16px) - var(--layout-side-space, 16px))); min-width: 0; margin-inline: auto; }
.rbk-articles--feed { padding: clamp(34px, 4vw, 52px) 0; border-top: 1px solid #e6e0d5; background: linear-gradient(180deg, #f8f5ef, #fcfbf8); }
.rbk-articles--index { padding: 20px 0 clamp(40px, 4.5vw, 64px); background: #faf8f3; }
.rbk-articles--detail { padding: 20px 0 clamp(40px, 4.5vw, 64px); background: #fff; }
.rbk-articles__section-head { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: 16px 25px; margin-bottom: 24px; }
.rbk-articles__section-copy { flex: 1 1 320px; min-width: 0; }
.rbk-articles .rbk-articles__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 13px; color: #886333; font-size: 10px; font-weight: 700; line-height: 1.7; letter-spacing: .18em; }
.rbk-articles__eyebrow::before { content: ""; flex: 0 0 28px; width: 28px; height: 1px; background: currentColor; }
.rbk-articles .rbk-articles__section-title { color: var(--journal-ink); font-size: clamp(25px, 2.6vw, 32px); font-weight: 700; line-height: 1.45; letter-spacing: -.025em; text-wrap: balance; }
.rbk-articles .rbk-articles__section-description { max-width: 650px; margin-top: 12px; color: var(--journal-muted); font-size: 14px; line-height: 1.9; }
.rbk-articles__all-link { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; gap: 16px; min-height: 46px; max-width: 100%; padding: 10px 0; border-bottom: 1px solid #b58d59; color: #765329 !important; font-size: 13px; font-weight: 600; }
.rbk-articles__all-link:hover { border-bottom-color: #173247; color: #173247 !important; }
.rbk-articles .rbk-articles__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 23px 19px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.rbk-articles__grid > li { display: flex; min-width: 0; margin: 0; padding: 0; }
.rbk-articles__card { display: flex; width: 100%; min-width: 0; border: 1px solid #e2e4e1; border-radius: 12px; background: #fff; box-shadow: 0 3px 8px rgba(28, 42, 53, .018), 0 14px 30px rgba(28, 42, 53, .025); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.rbk-articles__card:hover { border-color: #c8b590; box-shadow: 0 14px 35px rgba(31, 47, 56, .09); transform: translateY(-4px); }
.rbk-articles__card-link { display: flex; flex-direction: column; width: 100%; min-width: 0; border-radius: inherit; }
.rbk-articles__card-link:focus-visible { outline-offset: 4px; }
.rbk-articles__card-media { position: relative; display: grid; width: 100%; min-width: 0; aspect-ratio: 2 / 1; place-items: center; overflow: hidden; border-bottom: 1px solid #ebe6dc; border-radius: 11px 11px 0 0; background: #f1f1ed; }
.rbk-articles :is(.rbk-articles__card-media, .rbk-articles__cover-frame) picture { display: block; width: 100%; min-width: 0; max-width: 100%; }
.rbk-articles .rbk-articles__card-image { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 2 / 1; object-fit: contain; }
.rbk-articles__placeholder { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 100%; min-height: 100px; padding: 20px; color: #657786; background: linear-gradient(125deg, #edf0f0, #f8f6f0); font-size: 11px; letter-spacing: .02em; }
.rbk-articles__placeholder svg { width: 30px; height: 30px; color: #a38350; }
.rbk-articles__card-copy { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding: 16px 16px 13px; }
.rbk-articles__card-kicker { display: flex; align-items: center; min-width: 0; margin-bottom: 9px; }
.rbk-articles .rbk-articles__card-keyword { display: inline-block; max-width: 100%; padding: 2px 7px; border: 1px solid #e9e0d0; border-radius: 4px; background: #fcfaf6; color: #835e2e; font-size: 10px; font-weight: 600; line-height: 1.65; }
.rbk-articles .rbk-articles__card-title { margin: 0 0 9px; color: #1a3549; font-size: 16px; font-weight: 700; line-height: 1.65; letter-spacing: -.014em; }
.rbk-articles__card-link:hover .rbk-articles__card-title { color: #7d592e; }
.rbk-articles .rbk-articles__card-excerpt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin: 0 0 13px; color: #677582; font-size: 12px; line-height: 1.8; }
.rbk-articles__card-meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 10px; min-width: 0; margin-top: auto; padding-top: 10px; border-top: 1px solid #eaece8; color: #687884; font-size: 10px; line-height: 1.75; }
.rbk-articles__card-read { display: inline-flex; align-items: center; gap: 9px; color: #29485e; font-size: 11px; font-weight: 600; }
.rbk-articles__card-arrow { display: inline-flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 1px solid #e6e2d8; border-radius: 50%; background: #faf8f2; color: #8c6a36; }
.rbk-articles__card-arrow svg { width: 12px; height: 12px; }
.rbk-articles__card-link:hover .rbk-articles__card-arrow { border-color: #173247; background: #173247; color: #fff; }
.rbk-articles__breadcrumbs { margin: 0 0 15px; color: #78828b; font-size: 11px; line-height: 1.8; }
.rbk-articles .rbk-articles__breadcrumbs ol { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 10px; min-width: 0; margin: 0; padding: 0; list-style: none; }
.rbk-articles__breadcrumbs li { display: inline; min-width: 0; }
.rbk-articles__breadcrumbs li + li::before { content: "/"; display: inline; margin-right: 10px; color: #b1aea4; }
.rbk-articles__breadcrumbs a { display: inline-block; padding-block: 5px; color: #617280; }
.rbk-articles__breadcrumbs a:hover { color: #876232; text-decoration: underline; text-underline-offset: 4px; }
.rbk-articles__breadcrumbs [aria-current="page"] { color: #344e60; }
.rbk-articles__index-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 245px; align-items: center; gap: 42px; min-width: 0; padding: 12px 0 28px; border-bottom: 1px solid #dcd6ca; }
.rbk-articles__index-copy { min-width: 0; }
.rbk-articles__index-hero .rbk-articles__eyebrow { margin-bottom: 13px; }
.rbk-articles .rbk-articles__index-title { max-width: 760px; color: #153247; font-size: clamp(30px, 3.4vw, 43px); font-weight: 700; line-height: 1.35; letter-spacing: -.03em; text-wrap: balance; }
.rbk-articles__index-title > span { display: block; color: #9a7039; }
.rbk-articles .rbk-articles__index-description { max-width: 600px; margin-top: 15px; color: #5e7281; font-size: 15px; line-height: 1.85; }
.rbk-articles__index-topics { display: flex; flex-wrap: wrap; align-items: center; gap: 7px 16px; margin-top: 17px; color: #4f6879; font-size: 11px; font-weight: 500; }
.rbk-articles__index-topics span { display: inline-flex; align-items: center; gap: 7px; }
.rbk-articles__index-topics span::before { content: ""; width: 4px; height: 4px; flex: 0 0 4px; background: #b88f55; transform: rotate(45deg); }
.rbk-articles__hero-detail { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; padding: 23px; border: 1px solid #355062; border-radius: 6px; background: #173447; color: #e4e9e8; box-shadow: 5px 5px 0 #e8dfcf; }
.rbk-articles__hero-mark { display: inline-flex; align-items: center; justify-content: center; width: 37px; height: 37px; margin-bottom: 3px; border: 1px solid #6b6f62; border-radius: 50%; color: #dec394; }
.rbk-articles__hero-mark svg { width: 20px; height: 20px; }
.rbk-articles__hero-label { color: #dfd6c5; font-size: 11px; }
.rbk-articles__hero-detail strong { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; color: #efd1a0; font-size: 48px; font-weight: 500; line-height: 1.05; letter-spacing: -.04em; }
.rbk-articles__hero-detail strong span { color: #d9e0df; font-size: 13px; font-weight: 400; letter-spacing: 0; }
.rbk-articles .rbk-articles__hero-detail p { width: 100%; margin-top: 2px; padding-top: 13px; border-top: 1px solid #465967; color: #c0ced3; font-size: 11px; line-height: 1.75; }
.rbk-articles__list-bar { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; margin: 25px 0 20px; }
.rbk-articles .rbk-articles__list-heading { display: inline-flex; align-items: center; gap: 12px; color: #284456; font-size: 17px; font-weight: 600; line-height: 1.7; }
.rbk-articles__list-heading::before { content: ""; display: block; width: 20px; height: 2px; background: #b49463; }
.rbk-articles__list-status { color: #727d85; font-size: 11px; }
.rbk-articles__pagination { margin-top: 30px; padding-top: 22px; border-top: 1px solid #dddcd5; }
.rbk-articles .rbk-articles__pagination ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.rbk-articles__pagination :is(a, span) { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 46px; padding: 8px 15px; border: 1px solid #dedfd7; border-radius: 6px; background: #fff; color: #476174; font-size: 13px; line-height: 1.65; }
.rbk-articles__pagination a:hover { border-color: #af8c59; color: #7f5c2f; }
.rbk-articles__pagination [aria-current="page"] { border-color: #173447; background: #173447; color: #fff; font-weight: 600; }
.rbk-articles__pagination .rbk-articles__page-gap { min-width: 20px; padding-inline: 3px; border-color: transparent; background: transparent; color: #7c858b; }
.rbk-articles__empty { max-width: 710px; margin: 40px auto 20px; padding: clamp(28px, 5vw, 55px); border: 1px solid #e1dfd6; border-radius: 12px; background: #fff; text-align: center; }
.rbk-articles__empty-mark { display: flex; align-items: center; justify-content: center; width: 66px; height: 66px; margin: 0 auto 22px; border: 1px solid #e5d8be; border-radius: 50%; background: #faf6ed; color: #aa8550; }
.rbk-articles__empty-mark svg { width: 28px; height: 28px; }
.rbk-articles .rbk-articles__empty h2 { margin-bottom: 15px; font-size: 26px; line-height: 1.5; }
.rbk-articles .rbk-articles__empty p { margin-bottom: 24px; color: #697b87; font-size: 14px; line-height: 1.95; }
.rbk-articles__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; min-height: 47px; max-width: 100%; padding: 11px 17px; border: 1px solid #25485e; border-radius: 6px; background: #1c3c51; color: #fff !important; font-size: 13px; font-weight: 600; line-height: 1.75; text-align: center; }
.rbk-articles__button:hover { border-color: #3a5a6c; background: #294b60; }
.rbk-articles__button--light { border-color: #ddbd88; background: #e7c895; color: #283b48 !important; }
.rbk-articles__button--light:hover { border-color: #ebd4ad; background: #efd8b3; }
.rbk-articles__button--outline { border-color: #71838d; background: transparent; color: #e9efef !important; }
.rbk-articles__button--outline:hover { border-color: #b6c5c9; background: rgba(255, 255, 255, .06); }
.rbk-articles__masthead { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); align-items: center; gap: 30px; min-width: 0; margin-bottom: 31px; padding: 26px; border: 1px solid #e1dacd; border-top: 2px solid #bb9961; border-radius: 10px; background: #f8f5ee; }
.rbk-articles__detail-header { min-width: 0; max-width: none; margin: 0; text-align: left; }
.rbk-articles__detail-labels { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 13px; margin-bottom: 13px; }
.rbk-articles .rbk-articles__detail-labels .rbk-articles__eyebrow { margin: 0; }
.rbk-articles__keyword { display: inline-block; max-width: 100%; padding: 3px 11px; border: 1px solid #dfd0b6; border-radius: 4px; background: #fdfbf5; color: #866338; font-size: 11px; font-weight: 500; line-height: 1.8; }
.rbk-articles .rbk-articles__detail-title { max-width: 100%; margin: 0; color: #163347; font-size: clamp(30px, 2.45vw, 38px); font-weight: 700; line-height: 1.43; letter-spacing: -.025em; text-wrap: pretty; }
.rbk-articles .rbk-articles__detail-excerpt { max-width: 100%; margin: 14px 0 0; color: #5d727e; font-size: 15px; line-height: 1.85; }
.rbk-articles__byline { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 13px; margin-top: 17px; padding-top: 12px; border-top: 1px solid #dedbd1; color: #617684; font-size: 10px; line-height: 1.8; text-align: left; }
.rbk-articles__byline-author { display: inline-flex; align-items: baseline; flex-wrap: wrap; gap: 5px; min-width: 0; color: #63747c; font-weight: 400; }
.rbk-articles__byline-author strong { color: #3e5867; font-size: inherit; font-weight: 500; }
.rbk-articles__byline-time { display: inline-flex; align-items: center; gap: 5px; color: #607887; }
.rbk-articles__byline-time svg { width: 13px; height: 13px; color: #a28451; }
.rbk-articles .rbk-articles__cover { width: 100%; min-width: 0; max-width: 100%; margin: 0; padding: 6px; border: 1px solid #dfded5; border-radius: 7px; background: #fff; box-shadow: 0 7px 20px rgba(39, 51, 52, .06); }
.rbk-articles__cover-frame { min-width: 0; aspect-ratio: 2 / 1; overflow: hidden; border: 1px solid #e8e5dd; border-radius: 3px; background: #eff1ed; }
.rbk-articles .rbk-articles__cover-image { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: 2 / 1; object-fit: contain; }
.rbk-articles__reading-layout { display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; gap: 38px; max-width: 1018px; min-width: 0; margin-inline: auto; }
.rbk-articles__reading-layout--single { display: block; max-width: 760px; }
.rbk-articles__sidebar { position: sticky; top: 144px; grid-column: 1; grid-row: 1; min-width: 0; }
.rbk-articles__toc { min-width: 0; padding-top: 15px; border-top: 2px solid #b28d52; }
.rbk-articles .rbk-articles__toc-title { display: flex; align-items: center; gap: 9px; margin: 0 0 12px; color: #294758; font-size: 15px; font-weight: 600; line-height: 1.65; }
.rbk-articles__toc-title svg { width: 18px; height: 18px; color: #a1814b; }
.rbk-articles .rbk-articles__toc ol { display: flex; flex-direction: column; max-height: calc(100vh - 270px); overflow-y: auto; overscroll-behavior: contain; margin: 0; padding: 0; list-style: none; counter-reset: article-toc; }
.rbk-articles__toc li { min-width: 0; margin: 0; border-bottom: 1px solid #e7e8e2; counter-increment: article-toc; }
.rbk-articles__toc a { display: grid; grid-template-columns: 23px minmax(0, 1fr); gap: 7px; padding: 9px 5px 9px 0; color: #586f7e; font-size: 12px; line-height: 1.85; }
.rbk-articles__toc a::before { content: counter(article-toc, decimal-leading-zero); padding-top: 2px; color: #a48651; font-size: 10px; }
.rbk-articles__toc a:hover { color: #7c592d; background: #faf7f0; }
.rbk-articles__toc .rbk-articles__toc-subitem { margin-left: 13px; }
.rbk-articles__prose { grid-column: 2; grid-row: 1; min-width: 0; max-width: 760px; color: #3c5362; font-size: 16px; line-height: 1.9; }
.rbk-articles .rbk-articles__prose p { margin: 0 0 17px; color: #415969; font: inherit; white-space: pre-line; }
.rbk-articles .rbk-articles__prose a.rbk-articles__keyword-link { color: #785929; font-weight: 700; text-decoration: underline; text-decoration-color: #c6ab79; text-underline-offset: 4px; }
.rbk-articles .rbk-articles__prose a.rbk-articles__keyword-link:hover { color: #22475d; text-decoration-color: currentColor; }
.rbk-articles .rbk-articles__prose p:last-child { margin-bottom: 0; }
.rbk-articles__intro { margin-bottom: 27px; padding: 0 0 17px 18px; border-left: 2px solid #c4a16b; border-bottom: 1px solid #e7e4db; }
.rbk-articles .rbk-articles__prose .rbk-articles__intro p:first-child { color: #2b4b60; font-size: 17px; line-height: 1.9; }
.rbk-articles__body-section { margin: 0 0 31px; scroll-margin-top: 170px; }
.rbk-articles .rbk-articles__body-heading { margin: 0 0 14px; color: #193c52; font-size: clamp(23px, 1.9vw, 27px); font-weight: 700; line-height: 1.5; letter-spacing: -.015em; text-wrap: balance; scroll-margin-top: 170px; }
.rbk-articles__body-heading::before { content: ""; display: block; width: 23px; height: 2px; margin-bottom: 11px; background: #c0a16d; }
.rbk-articles .rbk-articles__body-subheading { margin: 22px 0 11px; color: #2e4e61; font-size: 20px; font-weight: 600; line-height: 1.65; scroll-margin-top: 170px; }
.rbk-articles .rbk-articles__prose > :first-child { margin-top: 0; }
.rbk-articles .rbk-articles__prose p a, .rbk-articles .rbk-articles__prose li a { color: #806132; text-decoration: underline; text-decoration-color: #cbb17d; text-underline-offset: 4px; }
.rbk-articles .rbk-articles__prose p a:hover, .rbk-articles .rbk-articles__prose li a:hover { color: #23465d; text-decoration-color: currentColor; }
.rbk-articles .rbk-articles__prose ol { margin: 15px 0 20px; padding-left: 28px; }
.rbk-articles .rbk-articles__prose ul { margin: 15px 0 20px; padding-left: 24px; list-style: disc; }
.rbk-articles__prose li { margin: 8px 0; padding-left: 5px; color: #425e71; }
.rbk-articles__prose li::marker { color: #ab8953; }
.rbk-articles .rbk-articles__prose .rbk-articles__checklist { display: grid; gap: 13px; margin: 23px 0 27px; padding: 24px 26px; border: 1px solid #e3ddcf; border-radius: 8px; background: #faf8f2; list-style: none; }
.rbk-articles .rbk-articles__checklist li { position: relative; min-width: 0; margin: 0; padding: 0 0 0 26px; color: #466171; font-size: 15px; line-height: 1.95; }
.rbk-articles__checklist li::before { content: "✓"; position: absolute; top: 2px; left: 0; color: #a28049; font-size: 15px; font-weight: 700; }
.rbk-articles .rbk-articles__prose .rbk-articles__task-item { position: relative; padding-left: 26px; list-style: none; }
.rbk-articles__checklist .rbk-articles__task-item::before { content: none; }
.rbk-articles__task-symbol { position: absolute; top: 0; left: 0; color: #977847; }
.rbk-articles .rbk-articles__prose code { padding: 2px 6px; border-radius: 4px; background: #eef2f2; color: #3e5b6f; font: 85%/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.rbk-articles .rbk-articles__prose .rbk-articles__code { max-width: 100%; margin: 24px 0 28px; padding: 22px; overflow: auto; border: 1px solid #dfe4e3; border-radius: 8px; background: #f5f7f6; }
.rbk-articles .rbk-articles__code code { display: block; padding: 0; background: transparent; white-space: pre-wrap; }
.rbk-articles .rbk-articles__prose .rbk-articles__rule { margin: 35px 0; border: 0; border-top: 1px solid #e1e4df; }
.rbk-articles__table-wrap { width: 100%; max-width: 100%; min-width: 0; margin: 25px 0 30px; overflow-x: auto; overscroll-behavior-x: contain; border: 1px solid #dce2df; border-radius: 8px; background: #fff; }
.rbk-articles__table-wrap:focus-visible { outline: 3px solid #a17c43; outline-offset: 4px; }
.rbk-articles .rbk-articles__table { width: 100%; min-width: calc(var(--article-table-columns, 2) * 140px); margin: 0; table-layout: fixed; border-collapse: collapse; color: #466173; font-size: 14px; line-height: 1.9; }
.rbk-articles .rbk-articles__table :is(th, td) { padding: 16px 19px; border-bottom: 1px solid #e2e6e1; vertical-align: top; overflow-wrap: anywhere; }
.rbk-articles .rbk-articles__table th { background: #1b3c50; color: #f3f4ee; font-size: 13px; font-weight: 600; }
.rbk-articles .rbk-articles__table tbody tr:nth-child(even) { background: #faf9f4; }
.rbk-articles .rbk-articles__table tbody tr:last-child td { border-bottom: 0; }
.rbk-articles .rbk-articles__table .is-align-left { text-align: left; }
.rbk-articles .rbk-articles__table .is-align-center { text-align: center; }
.rbk-articles .rbk-articles__table .is-align-right { text-align: right; }
.rbk-articles__takeaway { margin-top: 27px; padding: 22px 25px; border-left: 3px solid #b8975d; border-radius: 0 8px 8px 0; background: #f8f3e8; }
.rbk-articles .rbk-articles__prose .rbk-articles__takeaway p { color: #715f46; font-size: 16px; line-height: 1.95; }
.rbk-articles__faq { margin: 32px 0 30px; scroll-margin-top: 170px; }
.rbk-articles__faq-items { display: grid; gap: 10px; }
.rbk-articles__faq-item { min-width: 0; border: 1px solid #e0e4df; border-radius: 8px; background: #fff; }
.rbk-articles__faq details[open] { border-color: #d8cbb2; background: #fcfaf5; }
.rbk-articles__faq summary { position: relative; min-height: 61px; padding: 18px 53px 18px 20px; color: #2d4b5e; font-size: 16px; font-weight: 600; line-height: 1.85; list-style: none; cursor: pointer; scroll-margin-top: 170px; }
.rbk-articles__faq summary::-webkit-details-marker { display: none; }
.rbk-articles__faq summary::after { content: "+"; position: absolute; top: 18px; right: 17px; display: flex; align-items: center; justify-content: center; width: 27px; height: 27px; border: 1px solid #e4dbc9; border-radius: 50%; background: #fcf9f1; color: #a07a40; font: 400 20px/1 Tahoma, sans-serif; }
.rbk-articles__faq details[open] summary::after { content: "−"; }
.rbk-articles__faq summary:hover { color: #876232; }
.rbk-articles .rbk-articles__prose .rbk-articles__faq-answer { padding: 0 20px 21px; color: #617887; font-size: 15px; line-height: 2; white-space: pre-line; }
.rbk-articles__closing { margin-top: 40px; padding-top: 29px; border-top: 1px solid #e1e5df; }
.rbk-articles__cta { margin-top: 30px; padding: clamp(22px, 2.5vw, 28px); border: 1px solid #2c4a5b; border-top: 3px solid #bc9b64; border-radius: 9px; background: linear-gradient(115deg, #163447, #23495e); color: #fff; }
.rbk-articles .rbk-articles__prose .rbk-articles__cta-eyebrow { margin-bottom: 12px; color: #ecd0a0; font-size: 9px; font-weight: 600; line-height: 1.7; letter-spacing: .2em; }
.rbk-articles .rbk-articles__cta-title { margin: 0 0 14px; color: #fff; font-size: clamp(24px, 2.2vw, 28px); font-weight: 600; line-height: 1.55; letter-spacing: -.02em; }
.rbk-articles .rbk-articles__prose .rbk-articles__cta-description { margin: 0; color: #cbd9df; font-size: 14px; line-height: 1.95; }
.rbk-articles__cta-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; margin-top: 24px; }
.rbk-articles__share { margin-top: 26px; padding: clamp(22px, 2.5vw, 28px); border: 1px solid #e1d8c7; border-top: 3px solid #c3a36b; border-radius: 9px; background: #f9f6ee; }
.rbk-articles__share-heading { display: flex; align-items: flex-start; gap: 15px; margin-bottom: 19px; }
.rbk-articles__share-heading > div { min-width: 0; }
.rbk-articles__share-mark { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 47px; width: 47px; height: 47px; border: 1px solid #dfcdaa; border-radius: 50%; background: #fffdf8; color: #96733f; }
.rbk-articles__share-mark svg { width: 22px; height: 22px; }
.rbk-articles .rbk-articles__prose .rbk-articles__share .rbk-articles__eyebrow { margin: 0 0 7px; color: #917140; font-size: 8px; line-height: 1.8; letter-spacing: .14em; }
.rbk-articles__share .rbk-articles__eyebrow::before { content: none; }
.rbk-articles .rbk-articles__share-title { margin: 0 0 7px; color: #24475b; font-size: 27px; font-weight: 600; line-height: 1.5; letter-spacing: -.02em; }
.rbk-articles .rbk-articles__prose .rbk-articles__share-description { margin: 0; color: #657367; font-size: 13px; line-height: 1.85; }
.rbk-articles__share-label { display: block; margin-bottom: 9px; color: #657367; font-size: 11px; font-weight: 500; line-height: 1.8; }
.rbk-articles__share-copy { display: flex; align-items: stretch; gap: 9px; min-width: 0; }
.rbk-articles .rbk-articles__share-url { display: block; flex: 1 1 0; width: 0; min-width: 0; max-width: 100%; height: auto; min-height: 47px; margin: 0; padding: 11px 13px; border: 1px solid #dcd8ca; border-radius: 6px; background: #fffefa; color: #556b75; font: 400 12px/1.8 Tahoma, "Segoe UI", sans-serif; text-align: left; text-overflow: ellipsis; box-shadow: inset 0 1px 2px rgba(50, 56, 42, .02); }
.rbk-articles .rbk-articles__share-url:focus { border-color: #ae8d55; text-overflow: clip; }
.rbk-articles__share-button { display: inline-flex; align-items: center; justify-content: center; flex: 0 1 auto; gap: 9px; min-width: 0; min-height: 46px; max-width: 100%; margin: 0; padding: 10px 14px; border: 1px solid #d7d9ce; border-radius: 6px; background: #fffefb; color: #405f70 !important; font: 500 12px/1.8 "Noto Sans Thai", Tahoma, "Segoe UI", sans-serif; text-align: center; text-decoration: none !important; cursor: pointer; }
.rbk-articles__share-button svg { flex: 0 0 17px; width: 17px; height: 17px; }
.rbk-articles__share-button > span { white-space: nowrap; overflow-wrap: normal; }
.rbk-articles__share-button:hover { border-color: #b69a67; background: #f0ebdf; color: #735728 !important; }
.rbk-articles__share-button--copy { flex: 0 0 auto; min-width: 143px; border-color: #1a3c50; background: #1a3c50; color: #fff !important; }
.rbk-articles__share-button--copy:hover { border-color: #2e556b; background: #2e556b; color: #fff !important; }
.rbk-articles__share-button--facebook svg { color: #3869a8; }
.rbk-articles__share-button--line svg { color: #208456; }
.rbk-articles__share-button--x svg { color: #2e414c; }
.rbk-articles__share-button--native svg { color: #92703a; }
.rbk-articles__share-button:disabled { cursor: wait; opacity: .65; }
.rbk-articles .rbk-articles__prose .rbk-articles__share-help { margin: 9px 0 0; color: #657367; font-size: 11px; line-height: 1.85; }
.rbk-articles__share-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; margin-top: 19px; }
.rbk-articles .rbk-articles__prose .rbk-articles__share-status { min-height: 24px; margin: 13px 0 0; color: #527363; font-size: 12px; line-height: 1.85; }
.rbk-articles .rbk-articles__prose .rbk-articles__share-status[data-state="manual"] { color: #7c5927; }
.rbk-articles .rbk-articles__prose .rbk-articles__share-status:empty { min-height: 0; margin: 0; }
.rbk-articles__related { margin-top: 43px; padding-top: 27px; border-top: 1px solid #dedfd6; }
.rbk-articles .rbk-articles__related .rbk-articles__section-title { font-size: clamp(25px, 2.3vw, 29px); }
.rbk-articles__back-link { display: inline-flex; align-items: center; gap: 12px; min-height: 46px; max-width: 100%; margin-top: 23px; color: #6e817f !important; font-size: 12px; }
.rbk-articles__back-link:hover { color: #8a6432 !important; }
.rbk-articles__back-link svg { width: 17px; height: 17px; }
@media (max-width: 1000px) {
  .rbk-articles .rbk-articles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 20px; }
  .rbk-articles__card-copy { padding: 18px 20px 15px; }
  .rbk-articles .rbk-articles__card-title { font-size: 18px; }
  .rbk-articles .rbk-articles__card-excerpt { font-size: 13px; }
  .rbk-articles__card-meta { font-size: 11px; }
  .rbk-articles__index-hero { grid-template-columns: minmax(0, 1fr) 230px; gap: 34px; }
  .rbk-articles__hero-detail { padding: 26px; }
  .rbk-articles__reading-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 26px; }
  .rbk-articles__prose { font-size: 16px; }
  .rbk-articles__masthead { gap: 23px; padding: 22px; }
  .rbk-articles .rbk-articles__detail-title { font-size: 31px; }
}
@media (max-width: 900px) {
  .rbk-articles__masthead { grid-template-columns: minmax(0, 1fr); gap: 21px; max-width: 760px; margin-inline: auto; }
  .rbk-articles__reading-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 25px; max-width: 760px; }
  .rbk-articles__sidebar { position: static; grid-column: 1; grid-row: auto; }
  .rbk-articles__prose { grid-column: 1; grid-row: auto; max-width: 100%; }
  .rbk-articles__toc { padding: 18px 20px; border: 1px solid #e1dacb; border-top: 2px solid #ba985e; border-radius: 8px; background: #fbf9f4; }
  .rbk-articles .rbk-articles__toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 25px; max-height: none; overflow: visible; }
  .rbk-articles .rbk-articles__cover { margin: 0; }
  .rbk-articles__detail-header { margin: 0; }
}
@media (max-width: 680px) {
  .rbk-articles__index-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; padding: 14px 0 34px; }
  .rbk-articles__hero-detail { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 9px 13px; padding: 21px; box-shadow: 5px 5px 0 #e8dfcf; }
  .rbk-articles__hero-mark { grid-column: 1; grid-row: 1 / 3; width: 41px; height: 41px; margin: 0; }
  .rbk-articles__hero-label { grid-column: 2; grid-row: 1; font-size: 10px; }
  .rbk-articles__hero-detail strong { grid-column: 3; grid-row: 1 / 3; flex-direction: column; align-items: center; gap: 4px; font-size: 34px; }
  .rbk-articles__hero-detail strong span { font-size: 10px; }
  .rbk-articles .rbk-articles__hero-detail p { grid-column: 2; grid-row: 2; margin: 0; padding: 0; border: 0; font-size: 10px; line-height: 1.85; }
  .rbk-articles__byline { gap: 5px 13px; }
  .rbk-articles__byline-time { padding-left: 0; border-left: 0; }
}
@media (max-width: 620px) {
  .rbk-articles, .rbk-articles__body-section, .rbk-articles__faq, .rbk-articles .rbk-articles__body-heading, .rbk-articles .rbk-articles__body-subheading, .rbk-articles__faq summary { scroll-margin-top: 230px; }
  .rbk-articles--index, .rbk-articles--detail { padding-top: 18px; }
  .rbk-articles--detail { background: #fff; }
  .rbk-articles__masthead { gap: 18px; padding: 18px; margin-bottom: 24px; border-radius: 8px; }
  .rbk-articles__section-head { gap: 14px; margin-bottom: 21px; }
  .rbk-articles__section-copy { flex-basis: 100%; }
  .rbk-articles .rbk-articles__grid { grid-template-columns: minmax(0, 1fr); gap: 21px; }
  .rbk-articles__card-copy { padding: 17px 20px 15px; }
  .rbk-articles .rbk-articles__card-title { font-size: 18px; line-height: 1.65; }
  .rbk-articles .rbk-articles__card-excerpt { -webkit-line-clamp: 2; }
  .rbk-articles .rbk-articles__index-title { font-size: clamp(28px, 7.5vw, 35px); line-height: 1.4; }
  .rbk-articles .rbk-articles__index-description { margin-top: 19px; font-size: 15px; }
  .rbk-articles__index-topics { gap: 9px 14px; margin-top: 20px; font-size: 10px; }
  .rbk-articles__breadcrumbs { margin-bottom: 13px; font-size: 10px; }
  .rbk-articles__detail-header { margin: 0; text-align: left; }
  .rbk-articles .rbk-articles__detail-title { font-size: clamp(26px, 6.4vw, 30px); line-height: 1.45; text-wrap: pretty; }
  .rbk-articles__detail-labels { justify-content: flex-start; gap: 8px 12px; margin-bottom: 11px; }
  .rbk-articles .rbk-articles__detail-excerpt { margin-top: 13px; font-size: 14px; line-height: 1.85; }
  .rbk-articles__byline { justify-content: flex-start; gap: 5px 12px; margin-top: 14px; padding-top: 10px; }
  .rbk-articles__byline-author { flex-basis: auto; }
  .rbk-articles__byline-time { font-size: 10px; }
  .rbk-articles .rbk-articles__cover { margin: 0; padding: 5px; border-radius: 6px; box-shadow: 0 5px 15px rgba(39, 51, 52, .04); }
  .rbk-articles .rbk-articles__toc ol { grid-template-columns: minmax(0, 1fr); }
  .rbk-articles__toc { padding: 16px 18px; }
  .rbk-articles__toc a { padding-block: 8px; }
  .rbk-articles__intro { margin-bottom: 25px; padding-left: 16px; padding-bottom: 16px; }
  .rbk-articles .rbk-articles__prose .rbk-articles__intro p:first-child { font-size: 17px; }
  .rbk-articles .rbk-articles__prose .rbk-articles__checklist { padding: 20px; }
  .rbk-articles__body-section { margin-bottom: 27px; }
  .rbk-articles .rbk-articles__body-heading { font-size: 23px; }
  .rbk-articles .rbk-articles__body-subheading { font-size: 21px; }
  .rbk-articles__faq summary { padding-left: 17px; font-size: 15px; }
  .rbk-articles .rbk-articles__prose .rbk-articles__faq-answer { padding-inline: 17px; }
  .rbk-articles__cta { padding: 26px 23px; }
  .rbk-articles .rbk-articles__cta-title { font-size: 24px; }
  .rbk-articles__cta-actions { align-items: stretch; }
  .rbk-articles__cta-actions .rbk-articles__button { flex: 1 1 180px; }
  .rbk-articles__share { padding: 25px 21px 20px; }
  .rbk-articles__share-heading { gap: 13px; margin-bottom: 23px; }
  .rbk-articles__share-mark { flex-basis: 39px; width: 39px; height: 39px; }
  .rbk-articles__share-mark svg { width: 18px; height: 18px; }
  .rbk-articles .rbk-articles__share-title { font-size: 24px; }
  .rbk-articles .rbk-articles__prose .rbk-articles__share .rbk-articles__eyebrow { font-size: 7px; letter-spacing: .09em; }
  .rbk-articles__share-copy { flex-direction: column; }
  .rbk-articles .rbk-articles__share-url { flex-basis: auto; width: 100%; min-height: 46px; }
  .rbk-articles__share-button--copy { width: 100%; }
  .rbk-articles__share-actions { gap: 8px; }
  .rbk-articles__share-actions .rbk-articles__share-button { flex: 1 0 auto; min-width: 88px; padding-inline: 11px; }
  .rbk-articles__share-actions .rbk-articles__share-button--native { flex-basis: 100%; }
  .rbk-articles__related { margin-top: 32px; padding-top: 24px; }
  .rbk-articles__pagination :is(a, span) { min-width: 41px; padding-inline: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .rbk-articles__card { transition: none; }
  .rbk-articles__card:hover { transform: none; }
}
@media print {
  .rbk-articles { padding: 15px 0; background: #fff; color: #172d40; }
  .rbk-articles__shell { width: 100%; }
  .rbk-articles__breadcrumbs, .rbk-articles__sidebar, .rbk-articles__cta, .rbk-articles__share, .rbk-articles__related, .rbk-articles__pagination, .rbk-articles__back-link { display: none; }
  .rbk-articles__reading-layout { display: block; }
  .rbk-articles__masthead { display: block; padding: 0; border: 0; background: #fff; }
  .rbk-articles__detail-header { max-width: none; margin-bottom: 20px; }
  .rbk-articles .rbk-articles__detail-title { font-size: 27px; }
  .rbk-articles .rbk-articles__cover { max-width: 720px; box-shadow: none; }
  .rbk-articles__card { break-inside: avoid; box-shadow: none; }
  .rbk-articles__faq details { break-inside: avoid; }
  .rbk-articles__faq details::details-content { display: contents; }
}