/* 외국어 핵심 지면(/<코드>/<주제>) 본문 스타일 — .ic 접두 클래스만 쓴다.
   셸(머리·언어 목록·문의·꼬리)은 intl.css 가 맡는다. 좌우는 논리 속성만 쓴다(아랍어 RTL). */

.ic{ color:var(--intl-ink); }
html[lang^="zh"] .intl-body{ font-family:"PingFang SC","PingFang TC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",var(--intl-font-latin); }
html[lang="th"] .intl-body{ font-family:"Thonburi","Leelawadee UI","Noto Sans Thai",var(--intl-font-latin); line-height:1.8; }
.ic p, .ic li, .ic td, .ic th, .ic summary{ word-break:normal; overflow-wrap:break-word; }
html[lang="ja"] .ic, html[lang^="zh"] .ic{ line-break:strict; }

.ic-hero{ padding-block:clamp(8px,2vw,16px) clamp(16px,3vw,28px); border-block-end:1px solid var(--intl-line); }
.ic-h1{ margin:0; font-size:clamp(26px,4.2vw,40px); line-height:1.28; font-weight:700; letter-spacing:-.01em; }

.ic-sec{ margin-block-start:clamp(32px,5vw,56px); }
.ic-h2{ margin:0 0 14px; font-size:clamp(20px,2.8vw,28px); line-height:1.38; font-weight:700; }
.ic-h3{ margin:26px 0 10px; font-size:clamp(17px,2.1vw,20px); line-height:1.45; font-weight:700; }
.ic p{ margin:0 0 12px; font-size:clamp(15px,1.7vw,17px); line-height:1.75; max-inline-size:46em; }
html[lang="ar"] .ic p{ line-height:1.95; }

/* 답 먼저 — 첫 섹션 */
.ic-answer{ margin-block-start:clamp(20px,3vw,32px); background:var(--intl-bg-2); border-inline-start:4px solid #2f6496;
  border-radius:8px; padding:clamp(18px,3vw,28px) clamp(18px,3.4vw,32px); }
.ic-answer .ic-h2{ font-size:clamp(16px,1.9vw,19px); color:#2f6496; margin-block-end:8px; }
.ic-answer p{ font-size:clamp(16px,1.9vw,18px); margin:0; }

/* 목록 */
.ic-ul, .ic-ol{ margin:0 0 14px; padding-inline-start:1.25em; }
.ic-ul li, .ic-ol li{ margin-block:0 8px; font-size:clamp(15px,1.7vw,17px); line-height:1.7; max-inline-size:48em; }
.ic-ul .ic-ol, .ic-ul .ic-ul{ margin-block:8px 0; }
.ic-ol li{ font-size:clamp(14px,1.6vw,15px); color:var(--intl-ink-2); }

/* 표 — 좁은 화면에서는 표만 가로로 밀린다(문서 폭은 넘치지 않는다) */
.ic-table{ inline-size:100%; overflow-x:auto; -webkit-overflow-scrolling:touch; margin-block:16px 18px;
  border:1px solid var(--intl-line); border-radius:8px; }
.ic-table:focus-visible{ outline:2px solid #2f6496; outline-offset:2px; }
.ic-table table{ border-collapse:collapse; inline-size:100%; min-inline-size:560px; font-size:clamp(14px,1.5vw,15px); line-height:1.6; }
.ic-table th, .ic-table td{ padding:12px 14px; border-block-end:1px solid var(--intl-line); text-align:start; vertical-align:top; }
.ic-table thead th{ background:#2f6496; color:#fff; font-weight:700; }
.ic-table tbody th{ background:#fbfcfd; color:var(--intl-ink-2); font-weight:600; min-inline-size:8em; }
html[lang="ja"] .ic-table tbody th, html[lang^="zh"] .ic-table tbody th{ min-inline-size:5.5em; }
.ic-table tbody tr:last-child th, .ic-table tbody tr:last-child td{ border-block-end:0; }

/* 부작용·개인차 고지 */
.ic-disclaimer{ font-size:clamp(14px,1.5vw,15px) !important; color:var(--intl-ink-2); background:var(--intl-bg-2);
  border-radius:6px; padding:12px 16px; max-inline-size:none !important; }

/* 메신저 버튼(본문 안) */
.ic-cta{ display:inline-flex; align-items:center; min-block-size:36px; padding-inline:14px; border-radius:18px;
  background:#2f6496; color:#fff; font-size:14px; font-weight:600; text-decoration:none; vertical-align:middle; }
.ic-cta:hover{ background:#244f78; }

/* 자주 묻는 질문 — 문항만 둔다(사이에 다른 것을 끼우지 않는다) */
.ic-faq__list{ border-block-start:1px solid #c7d0d9; }
.ic-faq__item{ border-block-end:1px solid #c7d0d9; }
.ic-faq__q{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px;
  min-block-size:56px; padding-block:14px; font-size:clamp(16px,1.9vw,18px); line-height:1.5; font-weight:600; }
.ic-faq__q::-webkit-details-marker{ display:none; }
.ic-faq__q::after{ content:"+"; flex:none; font-size:24px; line-height:1; font-weight:300; color:#2f6496; }
.ic-faq__item[open] > .ic-faq__q::after{ content:"\2212"; }
.ic-faq__a{ padding-block:0 16px; }
.ic-faq__a p{ margin:0; color:#33475b; }

/* 관련 지면 — FAQ 섹션이 닫힌 뒤 별도 블록 */
.ic-related{ margin-block:clamp(36px,5vw,56px) 0; padding-block-start:24px; border-block-start:1px solid var(--intl-line); }
.ic-related__h{ margin:0 0 12px; font-size:clamp(16px,1.9vw,18px); font-weight:700; }
.ic-related__list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.ic-related__list a{ display:inline-flex; align-items:center; min-block-size:44px; padding-inline:16px; border:1px solid var(--intl-line);
  border-radius:22px; color:var(--intl-ink); text-decoration:none; font-size:14px; line-height:1.4; }
.ic-related__list a:hover{ border-color:#2f6496; color:#2f6496; }

@media (max-width:640px){
  .ic-table table{ min-inline-size:520px; }
  .ic-answer{ border-radius:6px; }
}