.folate-mci-article {
  --ink: #202e35;
  --muted: #52646d;
  --accent: #176963;
  --line: #cad7d5;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
  padding: 52px 44px 60px;
  color: var(--ink);
  background: #ffffff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans CJK KR", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-size: 18px;
  line-height: 1.85;
  word-break: keep-all;
  overflow-wrap: anywhere;
}
.folate-mci-article *, .folate-mci-article *::before, .folate-mci-article *::after { box-sizing: border-box; }
.folate-mci-article h1 { margin: 0 0 30px; font-size: clamp(1.85rem, 4.3vw, 2.75rem); line-height: 1.4; letter-spacing: -0.035em; text-wrap: balance; }
.folate-mci-article h2 { margin: 58px 0 22px; padding-top: 18px; border-top: 2px solid var(--line); font-size: 1.52rem; line-height: 1.5; letter-spacing: -0.025em; }
.folate-mci-article h3 { margin: 9px 0 12px; font-size: 1.08rem; line-height: 1.5; }
.folate-mci-article p { margin: 0 0 22px; }
.folate-mci-article a { color: #11655d; text-decoration-thickness: 1px; text-underline-offset: 3px; overflow-wrap: anywhere; }
.folate-mci-article a:focus-visible, .folate-mci-article summary:focus-visible, .folate-mci-article .table-wrap:focus-visible { outline: 3px solid #ad6316; outline-offset: 3px; }
.folate-mci-article strong { font-weight: 750; }
.folate-mci-article .answer { border-left: 5px solid var(--accent); background: #eef6f3; padding: 25px 27px 5px; margin: 30px 0 40px; border-radius: 0 10px 10px 0; }
.folate-mci-article .answer p:first-child { font-size: 1.15rem; }
.folate-mci-article .concept { margin: 32px 0; padding: 24px; border: 1px solid var(--line); border-radius: 12px; background: #fafcfb; }
.folate-mci-article .concept figcaption { margin-bottom: 18px; line-height: 1.55; }
.folate-mci-article .concept-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.folate-mci-article .concept-card { min-width: 0; padding: 18px 15px 8px; background: #ffffff; border: 1px solid var(--line); border-top: 3px solid var(--accent); border-radius: 6px; }
.folate-mci-article .concept-card p { font-size: 0.96rem; line-height: 1.7; margin-bottom: 12px; }
.folate-mci-article .step { font-size: 0.87rem; color: var(--accent); font-weight: 750; }
.folate-mci-article .concept-card .card-note { color: var(--muted); border-top: 1px dashed var(--line); padding-top: 12px; }
.folate-mci-article .caption { color: var(--muted); font-size: 0.92rem; line-height: 1.75; margin: 15px 0 27px; }
.folate-mci-article .concept .caption { margin: 18px 0 0; }
.folate-mci-article .table-wrap { display: block; width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-x: contain; margin: 24px 0 0; border: 1px solid var(--line); border-radius: 8px; }
.folate-mci-article table { width: 100%; min-width: 590px; border-collapse: collapse; text-align: left; font-size: 0.96rem; line-height: 1.7; }
.folate-mci-article caption { padding: 17px 18px; text-align: left; background: #f5f8f7; font-weight: 750; caption-side: top; }
.folate-mci-article th, .folate-mci-article td { padding: 15px 17px; border-bottom: 1px solid var(--line); vertical-align: top; }
.folate-mci-article thead th { background: #e7f1ee; }
.folate-mci-article tbody th { background: #f7f9f8; width: 22%; font-weight: 650; }
.folate-mci-article tbody tr:last-child th, .folate-mci-article tbody tr:last-child td { border-bottom: 0; }
.folate-mci-article .numbers { margin: 28px 0; padding: 20px 23px 1px; border: 1px solid #cfbda2; border-radius: 10px; background: #fffcf6; }
.folate-mci-article .numbers summary { margin-bottom: 19px; cursor: pointer; font-size: 1.03rem; font-weight: 750; line-height: 1.6; }
.folate-mci-article .numbers table { min-width: 735px; }
.folate-mci-article .numbers td:nth-child(2) { width: 34%; }
.folate-mci-article .numbers p { font-size: 0.96rem; }
.folate-mci-article .takeaway { padding: 27px 29px 5px; background: #edf4f2; border: 1px solid var(--line); border-radius: 10px; }
.folate-mci-article .takeaway p:first-child { font-size: 1.15rem; }
.folate-mci-article .reference-note { color: var(--muted); font-size: 0.91rem; line-height: 1.75; }
.folate-mci-article .references { padding-left: 25px; margin: 23px 0 0; font-size: 0.87rem; line-height: 1.8; }
.folate-mci-article .references li { padding-left: 5px; margin-bottom: 19px; }
.folate-mci-article .references em { font-style: normal; }
@media (max-width: 640px) {
  .folate-mci-article { padding: 28px 17px 36px; font-size: 17px; line-height: 1.85; }
  .folate-mci-article h1 { margin-bottom: 25px; }
  .folate-mci-article h2 { font-size: 1.35rem; margin-top: 43px; }
  .folate-mci-article .answer, .folate-mci-article .takeaway { padding: 20px 18px 1px; }
  .folate-mci-article .concept { padding: 19px 15px; }
  .folate-mci-article .concept-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .folate-mci-article .concept-card { padding: 16px 17px 5px; }
  .folate-mci-article .numbers { padding: 18px 13px 1px; }
  .folate-mci-article th, .folate-mci-article td { padding: 12px 13px; }
  .folate-mci-article .references { padding-left: 22px; font-size: 0.88rem; }
}
@media print {
  .folate-mci-article { max-width: none; padding: 0; font-size: 11pt; }
  .folate-mci-article .concept-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .folate-mci-article .table-wrap { overflow: visible; }
  .folate-mci-article table, .folate-mci-article .numbers table { min-width: 0; font-size: 9pt; }
  .folate-mci-article h2, .folate-mci-article h3 { break-after: avoid; }
}