/* 성분노트 v3 시안 — "원료 규격서(TDS·COA)" 톤
   · 보라·명조·고정폭 꾸밈을 걷어내고 한 서체(SUIT)·잉크색·규격서식 괘선으로 위계를 만든다
   · 색은 판정(금지·제한 빨강 / 제한 없음 초록)과 링크에만. 버튼은 먹색
   · 둥근 큰 카드·그림자·그라데이션 없음, 모서리 6px로 통일
   theme.v2.css 다음에 읽힌다(토큰만 바꿔도 대부분 따라온다) */
body.v2{
  --paper:#f4f5f6; --surface:#ffffff; --ink:#111317; --text:#24272d; --muted:#5d616a; --faint:#7a7e86;
  --rule:#e2e4e8; --rule-strong:#111317; --accent:#1f56c4; --accent-soft:#e8eefb; --ok:#1f7a4c; --warn:#a1281f;
  --serif:SUIT,"Apple SD Gothic Neo",system-ui,sans-serif;
  --mono:SUIT,"Apple SD Gothic Neo",system-ui,sans-serif;
  --r:6px;
  font-variant-numeric:tabular-nums;
}
body.v2 ::selection{background:#111317;color:#fff}
body.v2 a{color:var(--accent);text-underline-offset:3px}

/* 머리글: 먹색 표식 + 글자 로고 */
body.v2 .brand b{font-family:var(--serif);font-weight:800;font-size:20px;letter-spacing:-.03em}
body.v2 .brand b span{letter-spacing:.01em;color:var(--muted)}
body.v2 .brand-mark svg path,body.v2 .brand-mark svg circle{stroke:var(--ink)}
body.v2 .brand-mark svg path:first-child{fill:#fff}
body.v2 .brand-mark svg path:nth-child(2){fill:#e9eaec}
body.v2 .brand-mark svg circle{fill:var(--ok);stroke:none}
body.v2 nav button.on{border-bottom-color:var(--ink)}
body.v2 header>.secondary,body.v2 .saved-button{border-radius:var(--r)}

/* 버튼: 먹색 하나, 모서리 통일 */
body.v2 .primary,body.v2 .ingredient-actions .primary,body.v2 .searchrow .primary{background:var(--ink);border-color:var(--ink);color:#fff;border-radius:var(--r);box-shadow:none}
body.v2 .primary:hover,body.v2 .ingredient-actions .primary:hover,body.v2 .searchrow .primary:hover{background:#2b2f37}
body.v2 .secondary{border-radius:var(--r)}
body.v2 .searchrow,body.v2 .hs{border-radius:var(--r);border-color:#cfd2d8}
body.v2 .searchrow:focus-within{border-color:var(--ink);box-shadow:none;outline:2px solid var(--ink);outline-offset:1px}
body.v2 .hs:focus-within{border-color:var(--ink);outline-color:var(--ink)}

/* 홈 첫 화면: 명조 큰 제목 대신 굵은 산세리프, 판정 원칙을 한 줄로 */
body.v2 .v2-hero h1{font-family:var(--serif);font-weight:800;font-size:clamp(30px,4.2vw,48px);line-height:1.18;letter-spacing:-.035em}
body.v2 .v2-lede{color:var(--text)}

/* 카드 → 규격서 면: 흰 면 + 1px 테두리, 작은 모서리, 그림자·그라데이션 없음 */
body.v2 .ingredient-card,body.v2 .ingredient-heading,body.v2 .card,body.v2 .detail-surface,body.v2 .hero,body.v2 .briefcover,body.v2 .rel-list a,body.v2 .company-tags,body.v2 .saved-strip{border-radius:var(--r);box-shadow:none;background-image:none}
body.v2 .ingredient-card{padding:24px 28px}
body.v2 .ingredient-card h2{font-family:var(--serif);font-weight:700;font-size:19px;letter-spacing:-.02em;padding-bottom:10px}

/* 성분 머리말: 이름·INCI·CAS를 규격서 표제처럼 */
body.v2 .ingredient-heading{padding:28px 30px 24px}
body.v2 .ingredient-heading h1{font-family:var(--serif);font-weight:800;font-size:clamp(26px,3vw,34px);line-height:1.2;letter-spacing:-.035em;margin:0 0 6px}
body.v2 .ingredient-inci{font-family:var(--serif);font-size:15px;color:var(--text);letter-spacing:0}
body.v2 .ingredient-summary{font-size:16px;line-height:1.7;color:var(--text)}

/* 10개국 판정: 굵은 왼쪽 색띠 대신 한 장의 판정표(칸 사이 1px), 판정만 색 */
body.v2 .reg-strip ol{gap:0;border:1px solid var(--rule);border-radius:var(--r);overflow:hidden;background:var(--rule);grid-gap:1px}
body.v2 .reg-chip{border:0;border-radius:0;background:var(--surface);padding:9px 12px 10px;min-height:58px}
body.v2 .reg-chip b{font-size:12.5px;font-weight:500;color:var(--muted)}
body.v2 .reg-chip .reg-chip-v{font-size:15px;font-weight:700}
body.v2 .reg-chip small{font-size:12px;color:var(--muted)}
body.v2 .reg-chip.is-prohibit,body.v2 .reg-chip.is-limit{background:#fdf1f1}
body.v2 .reg-chip.is-prohibit .reg-chip-v{color:#8f1414}
body.v2 .reg-chip.is-limit .reg-chip-v{color:#b3261e}
body.v2 .reg-chip.is-allow{background:var(--surface)}
body.v2 .reg-chip.is-allow .reg-chip-v{color:var(--ok)}
body.v2 .reg-chip.is-functional .reg-chip-v{color:#3a4a8c}
body.v2 .reg-chip.is-review .reg-chip-v{color:var(--muted)}
body.v2 .reg-chip:hover{background:#f7f8f9}
body.v2 .reg-chip.is-prohibit:hover,body.v2 .reg-chip.is-limit:hover{background:#fbe7e7}

/* 표의 상태 배지: 알약 대신 글자색 + 옅은 바탕의 각진 표시 */
body.v2 .ingredient-status{border-radius:3px;padding:2px 7px;font-size:12.5px;font-weight:700}
body.v2 .ingredient-status.limit{background:#fdecec;color:#b3261e}
body.v2 .ingredient-status.prohibit{background:#f9dede;color:#8f1414}
body.v2 .ingredient-status.allow{background:#e7f4ec;color:var(--ok)}
body.v2 .ingredient-status.review,body.v2 .ingredient-status.unlisted{background:#eef0f2;color:var(--muted)}
body.v2 .reg-group.is-regulated::before{background:#b3261e}
body.v2 .reg-group.is-confirmed::before,body.v2 .reg-group.is-notlisted::before{background:var(--ok)}
body.v2 .reg-group span{color:var(--muted)}

/* 실무 요약: 규격서 항목표처럼 */
body.v2 .pf-state{border-radius:3px;border-color:var(--rule);background:#f4f5f6;color:var(--muted)}
body.v2 .tag,body.v2 .pf-tags .tag{border-radius:3px;background:#eef0f2;color:var(--text)}

/* 빈 상태: 점선 상자 대신 한 줄 */
body.v2 .research-notes-empty.is-compact{border:0;background:none;padding:4px 0;color:var(--muted)}

/* 목차·탭 */
body.v2 .side-toc a{color:var(--text)}
body.v2 .ing-tabs a{color:var(--text)}

/* 표: 머리줄 띠 없이 아래 괘선만, 숫자·근거 열 정리 */
body.v2 .ingredient-table thead th{background:none;border-bottom:1px solid var(--ink);font-weight:500;color:var(--muted);font-size:12.5px}
body.v2 .ingredient-table tbody th{background:none;color:var(--ink);font-weight:700;border-bottom:1px solid var(--rule)}
body.v2 .ingredient-table td{border-bottom-color:var(--rule)}
body.v2 .country-regulation-table td[data-label="근거 출처"]{min-width:150px}
body.v2 .data-value{font-family:var(--serif);letter-spacing:0}

/* 홈 하단 블록도 같은 모서리·테두리로 */
body.v2 .lounge-section,body.v2 .lounge-box,body.v2 .bcard,body.v2 .lounge-section .primary{border-radius:var(--r)}
body.v2 .lounge-section{border-color:var(--rule)}
