.folate-bp-article {
  box-sizing: border-box;
  max-width: 880px;
  margin: 0 auto;
  padding: 52px 48px 64px;
  color: #22343d;
  background: #fffdf8;
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans CJK KR", sans-serif;
  font-size: 18px;
  line-height: 1.9;
  letter-spacing: -0.018em;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.folate-bp-article *, .folate-bp-article *::before, .folate-bp-article *::after { box-sizing: border-box; }
.folate-bp-article .eyebrow { margin: 0 0 16px; font-size: 14px; font-weight: 700; letter-spacing: 0.06em; color: #456d67; }
.folate-bp-article h1 { margin: 0 0 28px; font-size: clamp(30px, 4.5vw, 44px); line-height: 1.35; letter-spacing: -0.05em; color: #163c3d; }
.folate-bp-article h2 { margin: 54px 0 20px; padding-top: 18px; border-top: 1px solid #dce4de; font-size: 27px; line-height: 1.5; letter-spacing: -0.035em; color: #183f40; }
.folate-bp-article h3 { margin: 0 0 16px; font-size: 21px; line-height: 1.55; color: #183f40; }
.folate-bp-article p { margin: 0 0 22px; }
.folate-bp-article strong { font-weight: 750; color: #143b3d; }
.folate-bp-article a { color: #1c6864; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.folate-bp-article a:focus-visible, .folate-bp-article .table-scroll:focus-visible { outline: 3px solid #bd752b; outline-offset: 4px; }
.folate-bp-article .cite { font-size: 0.8em; white-space: normal; font-weight: 500; }
.folate-bp-article .answer-box { margin: 30px 0 36px; padding: 27px 30px; border-left: 5px solid #33746b; background: #eaf1ec; border-radius: 0 14px 14px 0; }
.folate-bp-article .box-label { font-size: 15px; font-weight: 750; color: #36645a; margin-bottom: 10px; }
.folate-bp-article .answer-box p:last-child, .folate-bp-article .takeaway p:last-child { margin-bottom: 0; }
.folate-bp-article figure { margin: 30px 0 34px; max-width: 100%; }
.folate-bp-article .comparison { border: 1px solid #ccd9d3; border-radius: 16px; padding: 26px; background: #f4f7f2; }
.folate-bp-article .figure-kicker { margin: 0 0 10px; color: #536e65; font-size: 13px; font-weight: 700; letter-spacing: 0.015em; }
.folate-bp-article .arm-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.folate-bp-article .arm { min-width: 0; padding: 21px 20px 17px; border-radius: 10px; background: #fffdf8; border: 1px solid #cad9d0; }
.folate-bp-article .arm-add { border-top: 4px solid #39766d; }
.folate-bp-article .arm-control { border-top: 4px double #6e7770; }
.folate-bp-article .arm-title { margin-bottom: 12px; font-size: 16px; font-weight: 750; }
.folate-bp-article .common-treatment { margin-bottom: 10px; font-size: 18px; line-height: 1.65; }
.folate-bp-article .different-treatment { font-size: 16px; min-height: 3.4em; margin: 0 0 15px; line-height: 1.7; }
.folate-bp-article .arm-count { margin: 0; padding-top: 13px; border-top: 1px solid #e0e5dd; font-size: 14px; color: #56685f; line-height: 1.7; }
.folate-bp-article .comparison-question { margin: 20px 0 15px; font-size: 17px; }
.folate-bp-article figcaption { margin-top: 16px; font-size: 14px; line-height: 1.8; color: #52645e; }
.folate-bp-article .data-figure { padding: 25px 0 8px; }
.folate-bp-article .table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid #ccd9d3; border-radius: 10px; }
.folate-bp-article table { width: 100%; min-width: 535px; border-collapse: collapse; font-size: 16px; line-height: 1.65; font-variant-numeric: tabular-nums; }
.folate-bp-article caption { text-align: left; padding: 16px 18px; color: #52645e; font-size: 14px; background: #f3f5ee; }
.folate-bp-article th, .folate-bp-article td { padding: 16px 17px; border-top: 1px solid #d5dfd7; text-align: left; vertical-align: middle; }
.folate-bp-article thead th { background: #e7eee6; color: #204b43; font-size: 15px; }
.folate-bp-article tbody th { width: 40%; font-weight: 600; background: #f5f7f0; }
.folate-bp-article tbody td { white-space: nowrap; }
.folate-bp-article .table-detail { font-weight: 400; color: #586e65; font-size: 14px; }
.folate-bp-article .takeaway { padding: 26px 28px; border: 1px solid #b6cfc4; border-radius: 13px; background: #eef4ed; }
.folate-bp-article .reference-note { font-size: 14px; color: #53665c; }
.folate-bp-article .references { font-size: 14px; line-height: 1.85; }
.folate-bp-article .references p { margin: 0 0 19px; padding-bottom: 15px; border-bottom: 1px solid #e1e6dd; }
.folate-bp-article .references em { font-style: italic; }
@media (max-width: 620px) {
  .folate-bp-article { padding: 29px 20px 44px; font-size: 17px; line-height: 1.9; }
  .folate-bp-article h1 { font-size: 33px; }
  .folate-bp-article h2 { font-size: 24px; margin-top: 43px; }
  .folate-bp-article h3 { font-size: 20px; }
  .folate-bp-article .answer-box { padding: 21px 20px; }
  .folate-bp-article .comparison { padding: 20px 17px; }
  .folate-bp-article .arm-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .folate-bp-article .different-treatment { min-height: 0; }
  .folate-bp-article .takeaway { padding: 23px 20px; }
  .folate-bp-article .table-scroll { border-radius: 7px; }
  .folate-bp-article .references { font-size: 13.5px; }
}
@media (max-width: 350px) {
  .folate-bp-article { padding-left: 15px; padding-right: 15px; }
  .folate-bp-article h1 { font-size: 30px; }
  .folate-bp-article .comparison { padding-left: 13px; padding-right: 13px; }
  .folate-bp-article .arm { padding-left: 16px; padding-right: 16px; }
}
@media print {
  .folate-bp-article { max-width: none; padding: 0; font-size: 11pt; background: #fff; }
  .folate-bp-article .table-scroll { overflow: visible; }
  .folate-bp-article table { min-width: 0; }
  .folate-bp-article h2, .folate-bp-article h3 { break-after: avoid; }
  .folate-bp-article .arm, .folate-bp-article tr { break-inside: avoid; }
}