/* appskin v1 · 2026-10-10 — 앱 안 웹 화면 = 클로저 앱(RN) 디자인. html.rn 아래에서만. 규격 = tools/design_gate/app_parity_spec.md
   선택자 앞 html.ask:root 는 바탕 규칙(!important · html.u4sa …)을 이기기 위한 특이도 보정 */

/* 0. 토큰 — 가족별 변수를 전부 앱 값으로 */
html.ask:root, html.ask:root.u2, html.ask:root.u4sa, html.ask:root[data-theme] {
  --u-bg:#F7F7F8; --u-bg0:rgba(247,247,248,0); --u-card:#FFFFFF; --u-ink:#0B0B0F; --u-sub:#6B6B78; --u-dis:#A0A0AA;
  --u-line:#ECEAF0; --u-line2:#F3F3F5; --u-neu:#F4F4F6; --u-neu-ic:#6B6B78; --u-press:#F3F3F5; --u-press-c:#F3F3F5;
  --u-pt:#FF2D78; --u-pt-btn:#FF2D78; --u-pt-ink:#E81E68; --u-pt-press:#E81E68; --u-ptbg:#FFF0F5;
  --ink:#0B0B0F; --sub:#6B6B78; --dis:#A0A0AA; --mute:#A0A0AA; --muted:#6B6B78; --line:#ECEAF0; --ln:#ECEAF0; --bg:#F7F7F8; --c:#FFFFFF; --card:#FFFFFF; --neu:#F4F4F6;
  --pt:#FF2D78; --ptbg:#FFF0F5; --brand:#FF2D78; --brand2:#FF2D78; --brandSoft:#FFF0F5;
  --cr-pt:#FF2D78; --cr-bg:#FFF0F5; --cr-pti:#E81E68; --crs-s2:#6B6B78; --crs-cv:#B0B8C1;
  color-scheme:light;
}
html.ask:root #fckTools { --ft-pt:#FF2D78; --ft-pt2:#E81E68; --ft-ptbg:#FFF0F5; --ft-btn:#FF2D78; --ft-btn2:#E81E68; --ft-ink:#0B0B0F; --ft-sub:#6B6B78; --ft-mute:#A0A0AA; --ft-card:#FFFFFF; --ft-bg:#F7F7F8; --ft-line:#ECEAF0; }

/* 1. 글꼴 = 시스템(앱은 글꼴을 싣지 않음) · 바탕 */
html.ask:root body, html.ask:root input, html.ask:root button, html.ask:root textarea, html.ask:root select, html.ask:root.u4sa body, html.ask:root.u4sa input, html.ask:root.u4sa button, html.ask:root.u4sa textarea, html.ask:root.u4sa select {
  font-family:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Roboto, "Noto Sans KR", sans-serif !important;
  -webkit-font-smoothing:antialiased; letter-spacing:-.2px;
}
html.ask:root body { background:#F7F7F8 !important; color:#0B0B0F; }
html.ask:root ::placeholder { color:#A0A0AA !important; opacity:1; }

/* 2. 1차 버튼 — 52 · 모서리 16 · 핑크 · 16/700 (가족별 이름 전수) */
html.ask:root .cl .btn, html.ask:root .cr form button.cr-sub:not(.g), html.ask:root .cr a.cr-add, html.ask:root .ft-btn, html.ask:root #fckTools .ft-btn,
html.ask:root .st .btn, html.ask:root .btn, html.ask:root .u-btn, html.ask:root .u4btn, html.ask:root .mv3-btn, html.ask:root .cr-btns a.p, html.ask:root .cr-bulk button[type=submit],
html.ask:root .vfx .btn, html.ask:root form button[type=submit].p, html.ask:root .chip.solid {
  display:flex; align-items:center; justify-content:center; gap:6px; width:100%; box-sizing:border-box;
  height:52px !important; min-height:52px !important; padding:0 16px !important; border:0 !important; border-radius:16px !important;
  background:#FF2D78 !important; background-image:none !important; color:#fff !important; font-size:16px !important; font-weight:700 !important; letter-spacing:-.2px; box-shadow:none !important; margin-top:12px;
}
html.ask:root :is(.cl .btn, .cr form button.cr-sub, .cr a.cr-add, .ft-btn, .btn, .u-btn, .u4btn, .mv3-btn):active { background:#E81E68 !important; transform:scale(.98); }
/* 보조 버튼 — 바탕 #F1F0F4 · 잉크 글 */
html.ask:root .cl .btn.sec, html.ask:root .cr form button.cr-sub.g, html.ask:root .btn.sec, html.ask:root .btn.sub, html.ask:root .btn.ghost, html.ask:root .u-btn.sec, html.ask:root .u-btn.sub, html.ask:root .ft-btn.sec, html.ask:root .ft-btn.g, html.ask:root #fckTools .ft-btn.sec, html.ask:root .mv3-btn.sub, html.ask:root .cr .crd-ft button.crd-cx, html.ask:root .u4ct button, html.ask:root .st-btns button, html.ask:root .st-btns a {
  background:#F1F0F4 !important; color:#0B0B0F !important;
}
html.ask:root :is(.cl .btn.sec, .cr form button.cr-sub.g, .btn.sec, .u-btn.sec, .ft-btn.sec, .mv3-btn.sub):active { background:#E6E5EA !important; }
/* 작은 버튼 — 44 · 모서리 14 · 15/700 · 폭은 내용만큼 */
html.ask:root .cl .btn.sm, html.ask:root .btn.sm, html.ask:root .ft-btn.sm, html.ask:root #fckTools .ft-btn.sm, html.ask:root .cr-hd .ac a, html.ask:root .cr-bulk .hd button {
  width:auto !important; height:44px !important; min-height:44px !important; padding:0 14px !important; border-radius:14px !important; font-size:15px !important; margin:0 !important;
}
/* 버튼 줄(2~3개 나란히) — 보조 모양 · 핑크는 .p 만 */
html.ask:root .cr-btns a, html.ask:root .cr-btns button, html.ask:root .cr .cr-btns button.cr-b2 {
  min-height:44px !important; border:0 !important; border-radius:12px !important; background:#F1F0F4 !important; color:#0B0B0F !important; font-size:14px !important; font-weight:700 !important; box-shadow:none !important;
}
html.ask:root .cr-btns a.p { background:#FF2D78 !important; color:#fff !important; }
html.ask:root .cr form button.cr-del { color:#E14E63 !important; background:none !important; font-weight:700 !important; }
html.ask:root .st-btns button, html.ask:root .st-btns a { height:auto !important; min-height:64px !important; border-radius:14px !important; font-size:12.5px !important; font-weight:700 !important; margin:0 !important; padding:12px 4px !important; }
html.ask:root .st-btns svg { color:#0B0B0F; }

/* 3. 입력 — 52 · 모서리 14 · 바탕 #F4F4F6 · 테두리 없음 · 17 */
html.ask:root .cl input[type=text], html.ask:root .cl input[type=tel], html.ask:root .cl input[type=number], html.ask:root .cl input[type=search], html.ask:root .cl input[type=date], html.ask:root .cl select, html.ask:root .cl textarea,
html.ask:root .cr input:not([type=checkbox]):not([type=radio]):not([type=file]), html.ask:root .cr select, html.ask:root .cr textarea,
html.ask:root #fckTools input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]), html.ask:root #fckTools select, html.ask:root #fckTools textarea, html.ask:root .ft-in,
html.ask:root .st input[type=text], html.ask:root .st input[type=tel], html.ask:root .st input[type=url], html.ask:root .st select, html.ask:root .st textarea,
html.ask:root .vfx input:not([type=checkbox]):not([type=radio]):not([type=file]), html.ask:root .vfx select, html.ask:root .vfx textarea, html.ask:root input.in, html.ask:root .mv3-in, html.ask:root .cv-pick input {
  width:100%; box-sizing:border-box; height:52px !important; min-height:52px !important; border:0 !important; border-radius:14px !important;
  background:#F4F4F6 !important; color:#0B0B0F !important; font-size:17px !important; padding:0 16px !important; box-shadow:none !important; outline:0 !important; -webkit-appearance:none; appearance:none;
}
html.ask:root .cl textarea, html.ask:root .cr textarea, html.ask:root #fckTools textarea, html.ask:root .st textarea, html.ask:root .vfx textarea, html.ask:root .mv3-ta { height:auto !important; min-height:110px !important; padding:14px 16px !important; line-height:1.5; resize:none; }
html.ask:root :is(input, textarea, select):focus { outline:0 !important; box-shadow:none !important; background:#EEEEF1 !important; border:0 !important; }
html.ask:root .cl-ig { border:0 !important; background:#F4F4F6 !important; border-radius:14px !important; }
html.ask:root .cl-ig input, html.ask:root .cl-ig .cv-pick input, html.ask:root .cl-ig .cv-pick > input { background:transparent !important; }
html.ask:root #fckTools .ft-search { background:#F4F4F6 !important; border-radius:14px !important; box-shadow:none !important; }
html.ask:root #fckTools .ft-search input { background:transparent !important; }
html.ask:root .cr .cr-tool input[type=search] { width:auto !important; }
html.ask:root .cr-seg span, html.ask:root .cr-seg label > span { border:0 !important; background:#F3F3F5 !important; color:#0B0B0F !important; border-radius:22px !important; min-height:44px; display:inline-flex; align-items:center; padding:0 16px; font-weight:400 !important; }
html.ask:root .cr-seg input:checked + span, html.ask:root .crd-form .cr-seg input:checked + span { background:#FFF0F5 !important; color:#E81E68 !important; font-weight:700 !important; border:0 !important; }

/* 4. 라벨 · 섹션 머리 · 제목 */
html.ask:root .cl label.f, html.ask:root .cr-f label, html.ask:root .cr-f > b, html.ask:root .cr-f > span:first-child, html.ask:root .st label.f, html.ask:root #fckTools label.f, html.ask:root .ft-lb, html.ask:root .vfx label, html.ask:root label.f {
  font-size:13.5px !important; font-weight:800 !important; color:#6B6B78 !important; letter-spacing:-.2px; margin:16px 0 8px !important; display:block;
}
html.ask:root .cl h2, html.ask:root .cr-sec h3, html.ask:root #fckTools h2, html.ask:root #fckTools .ft-cl > h2, html.ask:root .st-sec, html.ask:root .u-sec, html.ask:root .u4sec, html.ask:root .crs-g {
  font-size:13.5px !important; font-weight:800 !important; color:#6B6B78 !important; letter-spacing:-.2px; margin:20px 4px 8px !important;
}
html.ask:root .cr-sec h3 a, html.ask:root .cr a.cr-lk { font-size:13.5px !important; font-weight:800 !important; color:#0B0B0F !important; }
html.ask:root .cl-card h2, html.ask:root .cl-card h3, html.ask:root .cr-card h3, html.ask:root #fckTools .ft-ch h2, html.ask:root .st-card h2, html.ask:root .st-card h3 { font-size:15px !important; font-weight:800 !important; color:#0B0B0F !important; margin:0 0 8px !important; }
html.ask:root .cl > h1, html.ask:root .cl h1, html.ask:root.u4sa :is(.rg, .cl) > h1, html.ask:root .cl-hero, html.ask:root #fckTools h1, html.ask:root .st-hd h1, html.ask:root .cr-hd .ti, html.ask:root .cl-hd .ti { font-size:20px !important; font-weight:700 !important; letter-spacing:-.3px !important; color:#0B0B0F !important; line-height:1.3 !important; }
html.ask:root .cl > h1, html.ask:root .cl-hero { margin:12px 0 4px !important; }
html.ask:root .cl p.sub, html.ask:root .cl .sub, html.ask:root #fckTools .ft-sub, html.ask:root .st .sub, html.ask:root p.sub { font-size:14px !important; color:#6B6B78 !important; line-height:20px; }

/* 5. 카드 — 흰 · 모서리 18 · 테두리·그림자 없음 */
html.ask:root .cl-card, html.ask:root .cr-card, html.ask:root .cr-today, html.ask:root .cr-cal, html.ask:root .cr-ev, html.ask:root .crs-card, html.ask:root #fckTools .ft-card, html.ask:root .st-card, html.ask:root .u-card, html.ask:root .u4d-card, html.ask:root .card, html.ask:root .tile, html.ask:root .lead, html.ask:root .icard {
  background:#fff !important; border:0 !important; border-radius:18px !important; box-shadow:none !important;
}
html.ask:root .cr-card { margin:12px 16px !important; padding:16px !important; }
html.ask:root .cl-card, html.ask:root .st-card { padding:18px 16px !important; }

/* 6. 칩·알약 — 바탕 #F3F3F5 · 선택 = 핑크 글 + #FFF0F5 */
html.ask:root .cr-chip, html.ask:root #fckTools .ft-chip, html.ask:root #fckTools .ft-rchip, html.ask:root .st-chip, html.ask:root .cv-qs button, html.ask:root .cv-qs a, html.ask:root .cs .chip, html.ask:root .chip.ghost, html.ask:root .u-rchip, html.ask:root .u-zchip {
  border:0 !important; background:#F3F3F5 !important; color:#0B0B0F !important; border-radius:22px !important; font-weight:400 !important; font-size:14px !important; box-shadow:none !important;
}
html.ask:root .cr-chip.on, html.ask:root #fckTools .ft-chip.on, html.ask:root #fckTools .ft-chip[aria-pressed=true], html.ask:root .u-rchip.on, html.ask:root .u-zchip.on { background:#FFF0F5 !important; color:#E81E68 !important; font-weight:700 !important; }
html.ask:root .cr-chip em { color:#6B6B78 !important; }
html.ask:root .cr-chip.on em { color:inherit !important; }
html.ask:root .cr-pill, html.ask:root .st-pill, html.ask:root .chip.on, html.ask:root .t3b { background:#FFF0F5 !important; color:#E81E68 !important; border-radius:8px !important; font-size:11px !important; font-weight:800 !important; }
html.ask:root .st-pill.on { background:#FFF0F5 !important; color:#E81E68 !important; }
html.ask:root .st-pill.off { background:#F3F3F5 !important; color:#6B6B78 !important; }

/* 7. 상태 상자(초록·파랑) → 앱식 옅은 회색 카드 + 핑크 강조 */
html.ask:root .ok-box, html.ask:root .cl-ok, html.ask:root .cr-ok, html.ask:root .vf-ok, html.ask:root .box.ok, html.ask:root [class*="okbox"] { background:#F4F4F6 !important; color:#0B0B0F !important; border:0 !important; border-radius:16px !important; }
html.ask:root .cr-ok { font-weight:400 !important; }

/* 8. 목록 행 — 56 · 16/400 · 값 sub */
html.ask:root .crs-v, html.ask:root .u-v, html.ask:root .mv3-v { font-size:16px !important; font-weight:400 !important; color:#6B6B78 !important; }
html.ask:root .crs-row, html.ask:root .u-row { min-height:56px !important; }

/* 9. 시트 — 흰 · 위 모서리 20 · 손잡이 40×5 */
html.ask:root .u-sheet, html.ask:root .u-sheetin, html.ask:root .ft-sheet, html.ask:root #fckTools .ft-sheet, html.ask:root .mv3-sheet, html.ask:root .cal-sheet, html.ask:root #u4sh > div, html.ask:root .crs-sheet { background:#fff !important; border-radius:20px 20px 0 0 !important; box-shadow:0 -4px 18px rgba(0,0,0,.12) !important; }
html.ask:root .u-sheetbg, html.ask:root .ft-sheetbg, html.ask:root .mv3-ov, html.ask:root #u4shbg { background:rgba(11,11,15,.42) !important; }
html.ask:root .crs-hdl, html.ask:root .u-hdl, html.ask:root .mv3-hdl { width:40px !important; height:5px !important; border-radius:3px !important; background:#DDDCE2 !important; }

/* 10. 머리(페이지 자체 머리) — 앱이 위 막대를 그리므로 겹침 최소: 바탕 색·높이만 앱값 */
html.ask:root :is(.tbar, .st-hd, .dhd, .kc-hd, .cr-hd, .nw-hd, .u4hd, .cl-hd) { background:#F7F7F8 !important; border-bottom:0 !important; box-shadow:none !important; }
html.ask:root .cs .top { background:#fff; border-bottom:1px solid #ECEAF0; }

/* 11. 스위치 — 앱(iOS)과 같은 51×31 · 핑크 */
html.ask:root .crs-sw input:checked, html.ask:root .mv3-sw[aria-checked=true] { background:#FF2D78 !important; }

/* 12. 링크·강조 색 */
html.ask:root a.lk, html.ask:root .cl a:not(.btn):not(.cl-ft), html.ask:root .cr a.cr-lk, html.ask:root .st a:not(.btn) { color:#E81E68; }
html.ask:root .u-chips { -webkit-mask-image:none !important; mask-image:none !important; }


/* ===== v2 (2026-10-10 14:2x) — 1판 캡처 12장 보고 보탬 ===== */

/* A. 앱이 그리는 것과 겹치는 웹 요소 숨김: 웹 하단 탭바(JS 가 .on 으로 켬) · 웹 업무 요약(u4wk = 내 고객 타일·오늘·이번 달 → 앱 업무 탭에 이미 있음) */
html.rn:root nav.u4tb, html.rn:root #u4tb, html.rn:root #u4tb.on, html.rn:root nav.u2tb, html.rn:root #tabbar { display:none !important; }
html.rn:root .u4wk { display:none !important; }
html.rn:root body { padding-bottom:40px !important; }

/* B. 페이지 자체 머리 — 제목·뒤로는 앱 막대가 맡음(appskin.js 가 제목을 보냄) · 동작 버튼만 오른쪽에 남김 · 버튼이 없으면 머리 자체를 숨김 */
html.rn:root :is(.u-bar, .cl-hd, .cr-hd, .st-hd, .kc-hd, .tbar, .dhd, .nw-hd, .u4hd) :is(h1, .ti, a.lg, .u4bk, .bk, a[aria-label="뒤로"], a.u-tbt) { display:none !important; }
html.rn:root :is(.u-bar, .cl-hd, .cr-hd, .st-hd, .kc-hd, .tbar, .dhd, .nw-hd, .u4hd) { min-height:0 !important; height:auto !important; padding:0 8px !important; margin:0 !important; justify-content:flex-end !important; background:transparent !important; position:static !important; }
html.rn:root :is(.u-bar, .cl-hd, .cr-hd, .st-hd, .kc-hd, .tbar, .dhd, .nw-hd, .u4hd):not(:has(a:not(.u4bk):not(.bk):not(.lg):not([aria-label="뒤로"]), button)) { display:none !important; }
html.ask:root :is(.u-hd, .cl-hd, .cr-hd) .ac a, html.ask:root .u-bar a.u-ib:not(.u4bk), html.ask:root .cr-hd .ac a { background:transparent !important; box-shadow:none !important; border:0 !important; width:44px !important; height:44px !important; padding:0 !important; min-height:44px !important; color:#0B0B0F !important; }

/* C. 묶음·상자 — 테두리 묶음을 앱식으로 */
html.ask:root .u4ct { margin:0 0 12px !important; padding:0 !important; background:transparent !important; box-shadow:none !important; border:0 !important; }
html.ask:root .u4ct button { background:#F1F0F4 !important; border-radius:14px !important; height:52px !important; font-weight:700 !important; }
html.ask:root .st-slug { border:0 !important; background:#F4F4F6 !important; border-radius:14px !important; box-shadow:none !important; min-height:52px; display:flex; align-items:center; padding:0 0 0 16px !important; }
html.ask:root .st-slug input { background:transparent !important; }
html.ask:root .st-hint, html.ask:root .cr-nt, html.ask:root .cl-note { background:#F4F4F6 !important; color:#6B6B78 !important; border:0 !important; border-radius:12px !important; font-size:13px !important; line-height:18px; }
html.ask:root .cr-nt { background:transparent !important; padding:0 20px 8px !important; }
/* 인라인 색 상자(설계사 인증 초록 상자 등) */
html.ask:root [style*="background:#EAF7EE"], html.ask:root [style*="background:#E6F6EC"], html.ask:root [style*="background:#EEFBF4"], html.ask:root [style*="background:#FFF8E1"], html.ask:root [style*="background:#FFF4E5"] { background:#F4F4F6 !important; border-radius:16px !important; }
html.ask:root [style*="color:#1B7A3D"], html.ask:root [style*="color:#0B7A3B"], html.ask:root [style*="color:#167A4A"] { color:#0B0B0F !important; }
html.ask:root button[style*="box-shadow:0 0 0 1px"], html.ask:root a[style*="box-shadow:0 0 0 1px"] { box-shadow:none !important; background:#F1F0F4 !important; border-radius:14px !important; height:52px !important; font-size:16px !important; }

/* D. 내 고객 목록 */
html.ask:root .cr a.cr-add { margin:8px 16px 0 !important; width:calc(100% - 32px) !important; }
html.ask:root .cr-cnt { background:#fff !important; border:0 !important; border-radius:18px !important; margin:8px 16px !important; overflow:hidden; box-shadow:none !important; }
html.ask:root .cr-tool select { border:0 !important; background:#F4F4F6 !important; border-radius:22px !important; min-height:44px; padding:0 14px !important; font-size:15px !important; }
html.ask:root .cr-selb { background:transparent !important; color:#E81E68 !important; font-weight:700 !important; }
html.ask:root .cr-st { border-radius:6px !important; font-weight:700 !important; }

/* E. 청구 머리글 — 앱 막대가 제목을 보여 주므로 본문 큰 제목은 22/700 한 줄 느낌으로 */
html.ask:root .cl > h1, html.ask:root .cl h1, html.ask:root.u4sa :is(.rg, .cl) > h1, html.ask:root .cl-hero { font-size:22px !important; font-weight:700 !important; line-height:1.3 !important; margin:8px 0 6px !important; }

/* F. 둥근 칩 '먼저 입력' 등 작은 안내 칩 */
html.ask:root .chip { background:#F3F3F5 !important; color:#6B6B78 !important; border:0 !important; font-weight:700 !important; }
html.ask:root .chip.on { background:#FFF0F5 !important; color:#E81E68 !important; }


/* ===== v3 (2026-10-10 14:3x) — 2판 캡처 보고 보탬 ===== */

/* G. 도구 화면 머리(nav.ft-bar: 뒤로·이름·별) — 뒤로·이름은 앱 막대가 맡고 별만 오른쪽 */
html.rn:root #fckTools .ft-bar { min-height:0 !important; padding:0 4px !important; justify-content:flex-end !important; background:transparent !important; }
html.rn:root #fckTools .ft-bar .ft-back, html.rn:root #fckTools .ft-bar .ft-crumb { display:none !important; }
html.rn:root #fckTools .ft-bar:not(:has(.ft-star, button, a:not(.ft-back))) { display:none !important; }
/* 도구 카드 안 큰 제목(hero)은 20/700 잉크 · 카드 밖 h2 만 섹션 머리 */
html.ask:root #fckTools .ft-card h2, html.ask:root #fckTools .ft-cv .ft-card h2, html.ask:root #fckTools .ft-cv-hero h2, html.ask:root #fckTools [class*="-hero"] h2 { font-size:20px !important; font-weight:700 !important; color:#0B0B0F !important; letter-spacing:-.3px !important; line-height:1.3 !important; margin:0 0 8px !important; }
/* 청구 머리글은 h2.cl-hero — 섹션 머리 규칙(.cl h2)보다 세게 */
html.ask:root .cl h2.cl-hero, html.ask:root .cl > h2.cl-hero { font-size:22px !important; font-weight:700 !important; color:#0B0B0F !important; letter-spacing:-.3px !important; line-height:1.3 !important; margin:8px 0 6px !important; }
html.ask:root #fckTools .ft-ch h2 { font-size:15px !important; font-weight:800 !important; }

/* H. 고객센터(/cs · 공용 틀 밖) — 자체 머리 숨김(앱 막대가 제목) · 테두리 칩 → 채움 */
html.rn:root .top:has(.u4back) { display:none !important; }
html.ask:root .chip.ghost { background:#F3F3F5 !important; border:0 !important; color:#0B0B0F !important; font-weight:400 !important; }
html.ask:root .tile, html.ask:root .lead { border:0 !important; background:#F4F4F6 !important; border-radius:14px !important; }
html.ask:root .nav button { border:0 !important; background:#F3F3F5 !important; }

/* I. 머리를 숨긴 뒤 위 여백 · 카드 옆 여백 */
html.ask:root .cr > :first-child:not(.cr-hd), html.ask:root .cl > :first-child:not(.cl-hd), html.ask:root #fckTools > :first-child, html.ask:root .st > :first-child:not(.st-hd), html.ask:root .vfx { margin-top:4px; }
html.ask:root .cr-cal, html.ask:root .cr-today { margin:8px 16px !important; }
html.ask:root .cr > a.cr-add, html.ask:root .cr a.cr-add { display:flex !important; width:auto !important; margin:8px 16px 0 !important; }

/* J. 약관·개인정보·사업자 정보(/terms·/privacy·/biz-info · 공용 틀 밖) — 글 바탕만 앱값 */
html.ask:root .terms, html.ask:root .legal, html.ask:root article { color:#0B0B0F; }


/* ===== v4 (2026-10-10 14:3x) — 3판 캡처 보고 보탬 ===== */
/* K. 내 홈페이지 — 힌트 글은 상자 없이 · 노란 안내 상자(인라인 #FFF7E6)·.st-note 는 회색 카드 + 잉크 */
html.ask:root .st-hint { background:transparent !important; color:#6B6B78 !important; border-radius:0 !important; padding:0 !important; font-size:13px !important; line-height:18px !important; }
html.ask:root [style*="background:#FFF7E6"], html.ask:root [style*="background:#FFF4E5"], html.ask:root .st-note { background:#F4F4F6 !important; color:#0B0B0F !important; font-weight:400 !important; border-radius:14px !important; }
html.ask:root [style*="color:#8A5300"] { color:#0B0B0F !important; }
/* L. 표(탭) 밑줄 — 앱엔 없는 전폭 선 대신 글 아래 짧은 핑크 선 */
html.ask:root .st-tabs, html.ask:root .st-etabs { background:transparent !important; border-bottom:0 !important; box-shadow:none !important; }
html.ask:root .st-tab, html.ask:root .st-etab { font-size:15px !important; font-weight:400 !important; color:#6B6B78 !important; }
html.ask:root .st-tab--on, html.ask:root .st-etab--on { color:#0B0B0F !important; font-weight:700 !important; border-bottom:2px solid #FF2D78 !important; }