/* /change/llp-elegant.css — LongLifePhoto 디자인 개편 '은은한 단일 팔레트' (2026-10-05)
   대표 지시: 심플하면서 세련되게, 알록달록하지 않게, 은은하고 엘레강스하게. + 밝은 화면/어두운 화면 전환(같은 날 추가)
   원칙  ① 색은 한 벌 — 밝은 화면: 아이보리 바탕 · 먹색 글자 / 어두운 화면: 따뜻한 먹색 바탕 · 아이보리 글자. 강조는 고금색 하나.
            서비스마다 달랐던 강조색 60여 가지를 하나로 모은다
         ② 강조색은 가는 선과 작은 글자에만, 큰 버튼은 글자색(먹/아이보리)을 뒤집어 쓴다
         ③ 제목은 명조(Noto Serif KR), 본문은 Pretendard
         ④ 네온·그림자·깜빡임을 걷어내고 여백과 가는 선으로 구분한다
   모든 규칙은 html.llp-elegant 아래에만 걸린다. 화면 모드는 <html> 의 light-mode 클래스 유무(없으면 어두운 화면)로 갈린다.
   색을 바꾸려면 아래 1번의 두 묶음(밝은 화면 / 어두운 화면)만 고치면 된다. 켜고 끄기는 llp_elegant_inc.php 머리말 참고. */

/* ───────── 1. 색·글꼴 ───────── */
html.llp-elegant {
  --el-serif: 'Noto Serif KR', 'Nanum Myeongjo', 'Apple SD Gothic Neo', serif;
  --el-sans: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Malgun Gothic', 'Noto Emoji', sans-serif;
}
/* 밝은 화면 */
html.llp-elegant.light-mode {
  --bg-main: #f4f1ea; --bg-container: #fffdf9; --text-main: #2c2823; --text-muted: #857c71; --border-color: #e6dfd3;
  --input-bg: #f8f5ef; --input-text: #2c2823; --input-border: #d9d0c2;
  --accent-gold: #8a6a3b; --accent-gold-hover: #725630; --highlight-bg: #f6f1e7;
  --success-color: #55705c; --danger-color: #9a4b40; --primary-color: #5c7083;
  --el-ink: #2c2823; --el-ink-soft: #4a433b; --el-line: #e6dfd3; --el-line-strong: #d9d0c2; --el-gold-line: #cdbb9d;
  --el-surface-2: #f2ede4; --el-tab-active: #fffdf9;
  --el-btn-bg: #2c2823; --el-btn-fg: #fffdf9; --el-btn-hover: #45403a;
  --el-float-bg: rgba(255, 253, 249, .94);
  --el-shadow-card: 0 1px 2px rgba(70, 55, 30, .04), 0 18px 48px rgba(70, 55, 30, .07);
  --el-shadow-float: 0 6px 18px rgba(70, 55, 30, .10);
  --el-shadow-tab: 0 1px 2px rgba(70, 55, 30, .10), 0 4px 12px rgba(70, 55, 30, .06);
  --el-shadow-btn: 0 10px 26px rgba(44, 40, 35, .14);
  --el-warn-bg: #f8f1ea; --el-warn-line: #e5d5c8; --el-warn-fg: #8a4a3e; --el-danger-line: #d9b8b0;
  --el-sel-bg: #e9dfcb; --el-placeholder: #a79d90; --el-focus: rgba(138, 106, 59, .14);
  color-scheme: light;
}
/* 어두운 화면 */
html.llp-elegant:not(.light-mode) {
  --bg-main: #171513; --bg-container: #211e1b; --text-main: #ebe5db; --text-muted: #a39b8f; --border-color: #37322c;
  --input-bg: #2a2622; --input-text: #f1ebe1; --input-border: #4a443c;
  --accent-gold: #a8854f; --accent-gold-hover: #b9965f; --highlight-bg: #2a2621;   /* 금색은 글자로도(어두운 바탕 위 4.9:1), 버튼 바탕으로도(흰 글자 3.4:1) 쓰이므로 둘 다 읽히는 깊이로 — 더 밝은 금색(#c8aa76)은 흰 글자가 흐려졌다(전수 점검 88개 화면) */
  --success-color: #6c8c75; --danger-color: #cf8a7e; --primary-color: #8fa3b5;
  --el-ink: #efe9df; --el-ink-soft: #cdc5b8; --el-line: #37322c; --el-line-strong: #4a443c; --el-gold-line: #6a5b40;
  --el-surface-2: #2b2723; --el-tab-active: #3a352f;
  --el-btn-bg: #ebe5db; --el-btn-fg: #1c1a17; --el-btn-hover: #ffffff;
  --el-float-bg: rgba(33, 30, 27, .94);
  --el-shadow-card: 0 1px 2px rgba(0, 0, 0, .30), 0 18px 48px rgba(0, 0, 0, .35);
  --el-shadow-float: 0 6px 18px rgba(0, 0, 0, .40);
  --el-shadow-tab: 0 1px 2px rgba(0, 0, 0, .40);
  --el-shadow-btn: 0 10px 26px rgba(0, 0, 0, .35);
  --el-warn-bg: #2f2622; --el-warn-line: #4d3a33; --el-warn-fg: #e0aa9b; --el-danger-line: #6b4a43;
  --el-sel-bg: #57492f; --el-placeholder: #7d756a; --el-focus: rgba(168, 133, 79, .28);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cdc5b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  color-scheme: dark;
}
/* 화면마다 다른 이름으로 쓰는 같은 뜻의 변수들(전체 서비스 목록·환불 안내·무료 검사기·샘플 화면 등) — 위 값을 그대로 따른다 */
html.llp-elegant.light-mode, html.llp-elegant:not(.light-mode) {
  --bg: var(--bg-main); --bg-color: var(--bg-main); --bg-card: var(--bg-container); --bg2: var(--bg-container); --card: var(--bg-container); --card-bg: var(--bg-container); --panel-bg: var(--bg-container); --box: var(--bg-container);
  --text: var(--text-main); --txt: var(--text-main); --tx: var(--text-main); --text-color: var(--text-main); --muted: var(--text-muted); --mut: var(--text-muted); --mu: var(--text-muted); --text-dim: var(--text-muted);
  --accent: var(--accent-gold); --acc: var(--accent-gold); --ac: var(--accent-gold); --ach: var(--accent-gold-hover); --accent-hover: var(--accent-gold-hover); --gold: var(--accent-gold); --highlight: var(--highlight-bg);
  --border: var(--border-color); --bd: var(--border-color); --bdr: var(--border-color); --inp: var(--input-bg); --btn-primary-text: var(--el-btn-fg);
}
html.llp-elegant, html.llp-elegant body {
  background: var(--bg-main);
  color: var(--text-main);
  font-family: var(--el-sans);
  -webkit-font-smoothing: antialiased;
}
html.llp-elegant body { letter-spacing: -0.01em; }
html.llp-elegant ::selection { background: var(--el-sel-bg); color: var(--el-ink); }
html.llp-elegant button, html.llp-elegant input, html.llp-elegant select, html.llp-elegant textarea { font-family: inherit; }

/* 제목은 명조 */
html.llp-elegant h1, html.llp-elegant h2, html.llp-elegant .main-slogan, html.llp-elegant .header-title {
  font-family: var(--el-serif);
  font-weight: 600;
  letter-spacing: -0.025em;
}

/* ───────── 2. 본문 상자 ───────── */
html.llp-elegant .container {
  border: 1px solid var(--el-line);
  border-radius: 20px;
  box-shadow: var(--el-shadow-card);
}

/* 맨 위 지갑 안내 띠 — 점선 상자를 걷고 한 줄 안내로 */
html.llp-elegant body > div[style*="highlight-bg"][style*="dashed"] {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--text-muted);
  font-size: .8rem !important;
  text-align: center;
  padding: 4px 16px 0 !important;
}
html.llp-elegant body > div[style*="highlight-bg"][style*="dashed"] a { color: var(--text-muted) !important; }

/* 언어 전환 · 화면 모드 스위치 */
html.llp-elegant .top-controls-wrapper { gap: 10px; }
html.llp-elegant .lang-switch { background: transparent; border: 1px solid var(--el-line); padding: 2px 4px; font-weight: 600; letter-spacing: .04em; }
html.llp-elegant .lang-switch a.active { background: var(--el-btn-bg); color: var(--el-btn-fg); }
html.llp-elegant .theme-switch-wrapper { gap: 5px; font-size: 11px; filter: grayscale(1); opacity: .85; }
html.llp-elegant .theme-switch-wrapper .switch { width: 34px; height: 20px; }
html.llp-elegant .theme-switch-wrapper .slider, html.llp-elegant .theme-switch-wrapper input:checked + .slider { background-color: var(--el-line-strong); }
html.llp-elegant .theme-switch-wrapper .slider:before { height: 14px; width: 14px; left: 3px; bottom: 3px; background-color: var(--el-ink); }
html.llp-elegant .theme-switch-wrapper input:checked + .slider:before { transform: translateX(14px); background-color: var(--el-ink); }
/* 화면 모드 스위치가 없는 화면(지역 안내·무료 검사기 등)에 llp-elegant.js 가 붙이는 작은 버튼 */
html.llp-elegant #elModeBtn { position: fixed; top: 10px; right: 12px; z-index: 60; width: 30px; height: 30px; border-radius: 50%; border: 1px solid var(--el-line); background: var(--el-float-bg); color: var(--text-muted); font-size: 14px; line-height: 1; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; }

/* 로고 — 화면 모드에 맞는 투명 배경 로고 */
html.llp-elegant .site-logo { max-width: 196px; margin-bottom: 22px; }
html.llp-elegant.light-mode .site-logo { content: url('/img/longlifephoto_ink.png'); }
html.llp-elegant:not(.light-mode) .site-logo { content: url('/img/longlifephoto_ivory.png'); }

/* ───────── 3. 메뉴 — 색 없이 글자색 한 가지(그림 문자도 회색으로) ───────── */
html.llp-elegant .cat-tab-link, html.llp-elegant .subcat-pill, html.llp-elegant .tab-link, html.llp-elegant .keyword-tags span { filter: grayscale(1); }
html.llp-elegant .category-tabs { border-bottom: 1px solid var(--el-line); gap: 18px; }
html.llp-elegant .cat-tab-link { font-weight: 600; font-size: 1rem; color: var(--text-muted); }
html.llp-elegant .cat-tab-link.active { color: var(--el-ink); font-weight: 700; }
html.llp-elegant .cat-tab-link.active::after { height: 2px; border-radius: 0; background-color: var(--el-ink); }

html.llp-elegant .subcat-pill { background: transparent; border: 1px solid var(--el-line); color: var(--text-muted); font-weight: 600; }
html.llp-elegant .subcat-pill.active { background: var(--el-btn-bg); border-color: var(--el-btn-bg); color: var(--el-btn-fg); }

html.llp-elegant .service-tabs { background: var(--el-surface-2); border: 0; border-radius: 12px; padding: 5px; }
html.llp-elegant .tab-link { color: var(--text-muted); font-weight: 600; border-radius: 9px; }
html.llp-elegant .tab-link.active { background: var(--el-tab-active); color: var(--el-ink); font-weight: 700; box-shadow: var(--el-shadow-tab); }
html.llp-elegant .tab-link:focus-visible, html.llp-elegant .subcat-pill:focus-visible { outline: 2px solid var(--el-ink); }

/* ───────── 4. 소개 영역 ───────── */
html.llp-elegant .marketing-section { border-bottom: 1px solid var(--el-line); }
html.llp-elegant .main-slogan { color: var(--el-ink); font-size: 1.45rem; line-height: 1.5; margin-bottom: 14px; }
html.llp-elegant .main-slogan::after { content: ''; display: block; width: 34px; height: 1px; background: var(--accent-gold); margin: 16px auto 0; }
html.llp-elegant .sub-slogan { color: var(--el-ink-soft); font-weight: 500; font-size: .98rem; line-height: 1.75; }
html.llp-elegant .keyword-tags { gap: 4px 12px; }
html.llp-elegant .keyword-tags span { background: transparent; border: 0; padding: 0; font-size: .76rem; color: var(--text-muted); font-weight: 500; }
html.llp-elegant .feature-list { background: transparent; border: 0; border-top: 1px solid var(--el-line); border-bottom: 1px solid var(--el-line); border-radius: 0; padding: 16px 6px; color: var(--el-ink-soft); line-height: 1.8; }
html.llp-elegant .feature-list b { color: var(--el-ink); }
html.llp-elegant .feature-list { filter: grayscale(1); }   /* 색이 들어간 체크 표시를 회색으로 */

/* ───────── 5. 입력칸 ───────── */
html.llp-elegant .form-label { font-weight: 600; }
html.llp-elegant .form-control, html.llp-elegant .form-select, html.llp-elegant .premium-input, html.llp-elegant .premium-select { border-radius: 10px; }
html.llp-elegant .form-control:focus, html.llp-elegant .form-select:focus, html.llp-elegant .premium-input:focus, html.llp-elegant .premium-select:focus { box-shadow: 0 0 0 3px var(--el-focus) !important; }
html.llp-elegant body .form-control::placeholder, html.llp-elegant body .premium-input::placeholder { color: var(--el-placeholder) !important; }
html.llp-elegant input[type="checkbox"], html.llp-elegant input[type="radio"] { accent-color: var(--el-ink); }
html.llp-elegant .preview-box { background: var(--input-bg); border-color: var(--el-line); border-radius: 14px; }

/* ───────── 6. 버튼 — 큰 버튼은 글자색을 뒤집어(밝은 화면: 먹색 / 어두운 화면: 아이보리), 보조는 고금색 ───────── */
html.llp-elegant .btn-primary, html.llp-elegant .gumroad-button {
  background-color: var(--el-btn-bg); color: var(--el-btn-fg); border-radius: 12px; font-weight: 600; letter-spacing: 0; box-shadow: none;
}
html.llp-elegant .btn-primary:hover, html.llp-elegant .btn-primary:focus, html.llp-elegant .gumroad-button:hover { background-color: var(--el-btn-hover); color: var(--el-btn-fg); box-shadow: var(--el-shadow-btn); }
html.llp-elegant .btn-success { border-radius: 12px; font-weight: 600; }
html.llp-elegant .btn-copy, html.llp-elegant .btn-crop { border-radius: 8px; font-weight: 600; }
html.llp-elegant .btn-cancel { background: transparent; color: var(--text-muted); border: 1px solid var(--el-line); border-radius: 8px; }
html.llp-elegant .llp-upload-btn { display: block !important; padding: 16px 14px !important; background: var(--el-btn-bg); color: var(--el-btn-fg); border-radius: 14px; box-shadow: var(--el-shadow-btn); animation: none; }
html.llp-elegant .llp-upload-btn * { color: inherit !important; }   /* 안쪽에 글자색을 직접 지정한 화면(/re/)에서 버튼색과 같은 글자가 되지 않게 */
html.llp-elegant .llp-upload-btn .t1 { font-weight: 700; font-size: 1.12rem; }
html.llp-elegant .llp-upload-btn .t2 { opacity: .72; font-weight: 500; }

/* ───────── 7. 결제 안내 · 가격 · 진행 표시 ───────── */
html.llp-elegant .payment-info { border: 1px solid var(--el-line); border-radius: 16px; background: var(--highlight-bg); }
html.llp-elegant .price-tag { border: 1px solid var(--el-line); background: transparent; color: var(--el-ink); font-weight: 700; }
html.llp-elegant .watermark-notice { color: var(--danger-color); }
html.llp-elegant .receipt-box { background: var(--input-bg) !important; border: 1px solid var(--el-line); }
html.llp-elegant .progress { height: 22px; }
html.llp-elegant .progress-bar { background-color: var(--el-btn-bg); color: var(--el-btn-fg); }
html.llp-elegant .uw-amt .uw-badge { background: transparent; border: 1px solid var(--accent-gold); color: var(--accent-gold); }
html.llp-elegant .uw-note { background: var(--highlight-bg); border-color: var(--el-line); }
html.llp-elegant .uw-p .uw-p-tag { background: transparent; border-color: var(--el-gold-line); }

/* ───────── 8. 떠 있는 버튼 — 네온을 걷고 조용하게 ───────── */
html.llp-elegant .floating-ba-btn, html.llp-elegant.light-mode .floating-ba-btn {
  position: absolute; top: 16px; left: 22px;          /* 화면에 떠다니지 않고 본문 상자 왼쪽 위에 놓는다(맨 위 안내 띠를 가리던 문제도 함께 해소) */
  background: transparent; color: var(--text-muted); border: 1px solid var(--el-line); box-shadow: none; animation: none;
  padding: 4px 11px; font-size: .74rem; font-weight: 600; letter-spacing: .01em; backdrop-filter: none; z-index: 5; filter: grayscale(1);
}
html.llp-elegant .floating-ba-btn:hover, html.llp-elegant.light-mode .floating-ba-btn:hover { background: var(--el-btn-bg); color: var(--el-btn-fg); border-color: var(--el-btn-bg); box-shadow: none; transform: none; }
html.llp-elegant .floating-bonus-btn, html.llp-elegant.light-mode .floating-bonus-btn {
  background: var(--el-float-bg); color: var(--el-ink-soft); border: 1px solid var(--el-line);
  box-shadow: var(--el-shadow-float); font-weight: 600; font-size: .8rem; padding: 8px 14px; filter: grayscale(1);
}
html.llp-elegant .floating-bonus-btn:hover, html.llp-elegant.light-mode .floating-bonus-btn:hover { background: var(--el-btn-bg); color: var(--el-btn-fg); box-shadow: none; transform: none; }
html.llp-elegant #llpFbBtn { background: var(--el-float-bg) !important; color: var(--el-ink) !important; border: 1px solid var(--el-line) !important; box-shadow: var(--el-shadow-float) !important; filter: grayscale(1); }
html.llp-elegant #pntBgmLink { background: var(--el-float-bg) !important; color: var(--el-ink-soft) !important; border: 1px solid var(--el-line) !important; box-shadow: var(--el-shadow-float) !important; font-weight: 600 !important; filter: grayscale(1); }
html.llp-elegant #pntBgmClose { background: var(--bg-container) !important; color: var(--text-muted) !important; border: 1px solid var(--el-line) !important; }
@media (max-width: 576px) {
  html.llp-elegant .floating-ba-btn { top: 12px; left: 14px; padding: 3px 9px; font-size: .7rem; }
  html.llp-elegant .top-controls-wrapper { right: 16px; gap: 8px; }
}

/* ───────── 9. 하단 ───────── */
html.llp-elegant .site-footer { border-top: 1px solid var(--el-line); color: var(--text-muted); }
html.llp-elegant .llp-related-h { color: var(--el-ink); font-family: var(--el-serif); font-weight: 600; }
html.llp-elegant .llp-related-card { background: var(--bg-container); border-color: var(--el-line); border-radius: 12px; }
html.llp-elegant .llp-related-card:hover { border-color: var(--el-gold-line); }

/* 결제 계좌 아래 안내와 송금 버튼(하단 스크립트가 색을 직접 넣어 붙인다) — 노랑·파랑·금색 세 버튼을 한 벌로 */
html.llp-elegant .llp-pay-warn { background: var(--el-warn-bg) !important; border-color: var(--el-warn-line) !important; color: var(--el-warn-fg) !important; }
html.llp-elegant .llp-pay-warn * { color: inherit !important; }
html.llp-elegant .llp-pay-warn ~ button { background: var(--bg-container) !important; color: var(--el-ink) !important; border: 1px solid var(--el-line-strong) !important; border-radius: 9px !important; font-weight: 600 !important; box-shadow: none !important; }
html.llp-elegant .llp-pay-warn + button { background: var(--el-btn-bg) !important; color: var(--el-btn-fg) !important; border-color: var(--el-btn-bg) !important; }

/* ───────── 10. 공용 보조 색(부트스트랩) — 빨강·초록·파랑을 한 톤 낮춘다 ───────── */
html.llp-elegant .text-danger { color: var(--danger-color) !important; }
html.llp-elegant .text-success { color: var(--success-color) !important; }
html.llp-elegant .text-primary, html.llp-elegant .text-info, html.llp-elegant .text-warning { color: var(--accent-gold) !important; }
html.llp-elegant .border-danger { border-color: var(--el-danger-line) !important; }
html.llp-elegant .btn-outline-secondary { color: var(--el-ink-soft); border-color: var(--el-line); border-radius: 10px; }
html.llp-elegant .btn-outline-secondary:hover { background: var(--el-btn-bg); border-color: var(--el-btn-bg); color: var(--el-btn-fg); }
html.llp-elegant .alert { border-radius: 12px; }
:where(html.llp-elegant) a:where(:not([class])) { color: var(--accent-gold); }   /* 색을 따로 정하지 않은 링크(기본 파랑)만 */

/* ───────── 11. 색을 직접 넣어 둔 곳 ───────── */
/* 운세의 보라 판 → 화면 모드에 맞는 옅은 면. 안의 글자는 llp-elegant.js 가 대비를 맞춘다 */
html.llp-elegant [style*="rgba(58,49,96"] { background: var(--highlight-bg) !important; border-color: var(--el-line) !important; box-shadow: none !important; }
html.llp-elegant [style*="color:#9a92b8"] { color: var(--text-muted) !important; }
html.llp-elegant:not(.el-pseo) [style*="color:#c9a856"], html.llp-elegant.el-pseo .wrap [style*="color:#c9a856"] { color: var(--accent-gold) !important; }   /* 지역 안내 페이지의 맨 위 사진 띠(어두운 바탕)는 밝은 금색 그대로 */
html.llp-elegant .legal-notice { background: var(--highlight-bg) !important; border: 1px solid var(--el-line) !important; color: var(--el-ink-soft) !important; }
/* 고화질 영상의 검은 선택 상자 · 본식 스냅의 남색 머리 띠 */
html.llp-elegant .premium-options { background: var(--highlight-bg) !important; border: 1px solid var(--el-line) !important; }
html.llp-elegant .sf-hero { background: #2c2823 !important; }
html.llp-elegant .slider-handle { color: #2c2823; }   /* 전후 비교 손잡이(흰 원) — 어두운 화면에서 글자가 아이보리로 물려 안 보이던 것 */
/* 바탕과 대비가 없어 안 보이는 글자(llp-elegant.js 가 표시) */
html.llp-elegant [data-el-fix="ink"] { color: #2c2823 !important; }
html.llp-elegant [data-el-fix="ivory"] { color: #fffdf9 !important; }

@media (max-width: 576px) {
  html.llp-elegant .category-tabs { justify-content: flex-start !important; padding-left: 2px; }   /* 가운데 정렬이라 첫 메뉴가 잘려 보이던 것 */
}

/* ───────── 12. 지역 안내 페이지(/info/…, template_pseo.php) ─────────
   이 화면은 색을 변수 없이 직접 쓴 어두운 디자인이라 따로 맞춘다. 맨 위 사진 띠는 두 화면 모드 모두 먹색(사진 위 흰 글자), 아래 본문은 화면 모드를 따른다. */
html.llp-elegant.el-pseo body { background: var(--bg-main); color: var(--text-main); font-family: var(--el-sans); }
html.llp-elegant.el-pseo .breadcrumb, html.llp-elegant.el-pseo .breadcrumb a { color: var(--text-muted); }
html.llp-elegant.el-pseo .hero { background: linear-gradient(135deg, #2c2823, #3b352e); }
html.llp-elegant.el-pseo .hero h1 { font-family: var(--el-serif); font-weight: 600; color: #fffdf9; line-height: 1.5; }
html.llp-elegant.el-pseo .hero p.lead { color: #e4ded2; }
html.llp-elegant.el-pseo .badge { background: transparent; color: #dccba8; border: 1px solid rgba(220, 203, 168, .5); font-weight: 500; }
html.llp-elegant.el-pseo .card { background: var(--bg-container); border: 1px solid var(--el-line); border-radius: 16px; }
html.llp-elegant.el-pseo .card h2, html.llp-elegant.el-pseo .pcta h2 { color: var(--el-ink); font-family: var(--el-serif); font-weight: 600; }
html.llp-elegant.el-pseo .fact-list li, html.llp-elegant.el-pseo .info-list li { border-bottom-color: var(--el-line); color: var(--el-ink-soft); }
html.llp-elegant.el-pseo .fact-list b { color: var(--el-ink); }
html.llp-elegant.el-pseo .info-lead, html.llp-elegant.el-pseo .pcta p, html.llp-elegant.el-pseo .faq .fa-a, html.llp-elegant.el-pseo .pcta-up .up-busy { color: var(--el-ink-soft); }
html.llp-elegant.el-pseo .info-list li::before, html.llp-elegant.el-pseo .faq summary::after, html.llp-elegant.el-pseo .guides .guide-title::before, html.llp-elegant.el-pseo .pcta .pts li, html.llp-elegant.el-pseo .pcta-up .cta-lite, html.llp-elegant.el-pseo .clip-cta { color: var(--accent-gold); }
html.llp-elegant.el-pseo .cta-btn, html.llp-elegant.el-pseo .pcta-up .up-btn { background: var(--el-btn-bg); color: var(--el-btn-fg); border-radius: 12px; font-weight: 600; }
html.llp-elegant.el-pseo .cta-sub, html.llp-elegant.el-pseo .pcta .fine, html.llp-elegant.el-pseo .pcta-up .up-note, html.llp-elegant.el-pseo .footer-note, html.llp-elegant.el-pseo .clip-desc, html.llp-elegant.el-pseo .guides .guide-sum, html.llp-elegant.el-pseo .links-section h3 { color: var(--text-muted); }
html.llp-elegant.el-pseo .pcta { background: var(--bg-container); border: 1px solid var(--el-gold-line); border-radius: 16px; }
html.llp-elegant.el-pseo .pcta-ex figure:last-child figcaption { background: rgba(255, 253, 249, .92); color: #2c2823; }
html.llp-elegant.el-pseo .sticky-cta { background: var(--el-float-bg); border-top: 1px solid var(--el-line); }
html.llp-elegant.el-pseo .sticky-cta a, html.llp-elegant.el-pseo .sticky-cta label { background: var(--el-btn-bg); color: var(--el-btn-fg); font-weight: 600; border-radius: 12px; }
html.llp-elegant.el-pseo .links-grid a { color: var(--el-ink-soft); background: var(--bg-container); border: 1px solid var(--el-line); }
html.llp-elegant.el-pseo .faq details, html.llp-elegant.el-pseo .guides .guide-item { border-bottom-color: var(--el-line); }
html.llp-elegant.el-pseo .faq summary, html.llp-elegant.el-pseo .guides .guide-title { color: var(--el-ink); }

/* ───────── 13. 화면에 직접 넣은 원색 글자 — 빨강·초록·파랑을 한 톤 낮춘다(배경색을 함께 정한 요소는 제외) ───────── */
html.llp-elegant [style*="color:#dc2626"]:not([style*="background"]), html.llp-elegant [style*="color: #dc2626"]:not([style*="background"]),
html.llp-elegant [style*="color:#e74c3c"]:not([style*="background"]), html.llp-elegant [style*="color: #e74c3c"]:not([style*="background"]),
html.llp-elegant [style*="color:#dc3545"]:not([style*="background"]), html.llp-elegant [style*="color:#c0392b"]:not([style*="background"]),
html.llp-elegant [style*="color:#ff4757"]:not([style*="background"]), html.llp-elegant [style*="color:#ef4444"]:not([style*="background"]),
html.llp-elegant [style*="color:#e53935"]:not([style*="background"]), html.llp-elegant [style*="color:#d32f2f"]:not([style*="background"]),
html.llp-elegant [style*="color:#b0473e"]:not([style*="background"]), html.llp-elegant [style*="color: #b0473e"]:not([style*="background"]) { color: var(--danger-color) !important; }
html.llp-elegant [style*="color:#27ae60"]:not([style*="background"]), html.llp-elegant [style*="color: #27ae60"]:not([style*="background"]),
html.llp-elegant [style*="color:#2ecc71"]:not([style*="background"]), html.llp-elegant [style*="color:#16a34a"]:not([style*="background"]),
html.llp-elegant [style*="color:#22c55e"]:not([style*="background"]), html.llp-elegant [style*="color:#4ade80"]:not([style*="background"]),
html.llp-elegant [style*="color:#198754"]:not([style*="background"]) { color: var(--success-color) !important; }
html.llp-elegant [style*="color:#3498db"]:not([style*="background"]), html.llp-elegant [style*="color:#0d6efd"]:not([style*="background"]),
html.llp-elegant [style*="color:#38bdf8"]:not([style*="background"]), html.llp-elegant [style*="color:#3b82f6"]:not([style*="background"]),
html.llp-elegant [style*="color:#f59e0b"]:not([style*="background"]), html.llp-elegant [style*="color:#e67e22"]:not([style*="background"]) { color: var(--accent-gold) !important; }

/* 결과를 본 뒤 나오는 공유 상자(하단 스크립트가 금색 버튼을 직접 만들어 붙인다) */
html.llp-elegant #llpShare { border: 1px solid var(--el-line) !important; }
html.llp-elegant #llpShare button { background: transparent !important; color: var(--el-ink) !important; border: 1px solid var(--el-line-strong) !important; font-weight: 600 !important; }
html.llp-elegant #llpShare button:first-of-type { background: var(--el-btn-bg) !important; color: var(--el-btn-fg) !important; border-color: var(--el-btn-bg) !important; }