/* 무료 진단 결과 화면 — 실서버 결과 카드 스타일을 .lp 범위로 옮김(10/10). 밝은 화면용(10/19 2GX 패밀리 개편) — 흰 카드 · 남색 글자 · 파란 강조 · 문제는 붉은색 */
.lp {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0;
  --tw-space-y-reverse: 0;
  --tw-divide-y-reverse: 0;
  --tw-border-style: solid;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-alpha: 100%;
  --tw-inset-shadow: 0 0 #0000;
  --tw-inset-shadow-alpha: 100%;
  --tw-ring-shadow: 0 0 #0000;
  --tw-inset-ring-shadow: 0 0 #0000;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-outline-style: solid;
  --tw-drop-shadow-alpha: 100%;
  --tw-content: "";
  --tw-animation-delay: 0s;
  --tw-animation-direction: normal;
  --tw-animation-fill-mode: none;
  --tw-animation-iteration-count: 1;
  --tw-enter-blur: 0;
  --tw-enter-opacity: 1;
  --tw-enter-rotate: 0;
  --tw-enter-scale: 1;
  --tw-enter-translate-x: 0;
  --tw-enter-translate-y: 0;
  --tw-exit-blur: 0;
  --tw-exit-opacity: 1;
  --tw-exit-rotate: 0;
  --tw-exit-scale: 1;
  --tw-exit-translate-x: 0;
  --tw-exit-translate-y: 0;
  --scroll-fade-t: 0px;
  --scroll-fade-b: 0px;
  --scroll-fade-s: 0px;
  --scroll-fade-e: 0px;
  --border: lab(100% 0 0 / .1);
  --ring: lab(48.496% 0 0);
  --background: lab(2.75381% 0 0);
  --foreground: lab(98.26% 0 0);
  --card: lab(7.78201% -.0000149012 0);
  --card-foreground: lab(98.26% 0 0);
  --popover: lab(7.78201% -.0000149012 0);
  --popover-foreground: lab(98.26% 0 0);
  --primary: lab(90.952% -.0000596046 0);
  --primary-foreground: lab(7.78201% -.0000149012 0);
  --secondary: lab(15.204% 0 0);
  --secondary-foreground: lab(98.26% 0 0);
  --muted: #4c5e78;
  --muted-foreground: lab(66.128% -.0000298023 .0000119209);
  --accent: lab(15.204% 0 0);
  --accent-foreground: lab(98.26% 0 0);
  --destructive: lab(63.7053% 60.7449 31.3109);
  --input: lab(100% 0 0 / .15);
  --chart-1: lab(84.92% 0 0);
  --chart-2: lab(48.496% 0 0);
  --chart-3: lab(34.924% 0 0);
  --chart-4: lab(27.036% 0 0);
  --chart-5: lab(15.204% 0 0);
  --sidebar: lab(7.78201% -.0000149012 0);
  --sidebar-foreground: lab(98.26% 0 0);
  --sidebar-primary: lab(36.9089% 35.0961 -85.6872);
  --sidebar-primary-foreground: lab(98.26% 0 0);
  --sidebar-accent: lab(15.204% 0 0);
  --sidebar-accent-foreground: lab(98.26% 0 0);
  --sidebar-border: lab(100% 0 0 / .1);
  --sidebar-ring: lab(48.496% 0 0);
  --white: #102340;
  --green: #c8ff00;
  --accent-rgb: 200 255 0;
  --red: #1554e8;
  --ink: #0d0d0d;
  --black: #000;
  --header: 88px;
}
.lp.promo-root .container { width: min(1200px, 100% - 48px); margin-inline: auto; }
.lp.promo-root .button { letter-spacing: -0.01em; border: 1px solid rgba(0, 0, 0, 0); border-radius: 2px; justify-content: center; align-items: center; padding: 13px 24px; font-size: 17px; font-weight: 900; transition: transform 0.25s cubic-bezier(0.2, 0.75, 0.2, 1), background-color 0.25s, border-color 0.25s, color 0.25s; display: inline-flex; }
.lp.promo-root .button:hover { transform: translateY(-2px); }
.lp.promo-root .button-outline { color: var(--white); border-color: rgba(255, 255, 255, 0.28); }
.lp.promo-root .button-outline:hover { color: var(--red); border-color: rgb(var(--accent-rgb) / .75); }
.lp.promo-root .button-invert { color: var(--white); background: var(--red); }
.lp.promo-root .button-invert:hover { background: rgb(224, 9, 9); }
.lp.promo-root .content-section { color: var(--ink); background: var(--white); padding: clamp(80px, 9vw, 140px) 0px; }
.lp.promo-root .content-section.dark { color: var(--white); background: var(--black); }
.lp.promo-root .report-wrap { padding-top: calc(var(--header) + 48px); }
.lp.promo-root .report-card { color: #102340; background: #fff; border: 1px solid #d9e3f3; border-radius: 26px; flex-direction: column; gap: 28px; padding: 36px; display: flex; }
.lp.promo-root .report-card h2, .lp.promo-root .report-card h3, .lp.promo-root .report-card h4 { color: #102340; letter-spacing: -0.02em; margin: 0px; font-weight: 800; }
.lp.promo-root .report-head { align-items: center; gap: 28px; display: flex; }
.lp.promo-root .report-eyebrow { color: var(--red); letter-spacing: 0.04em; margin: 0px; font-size: 13px; font-weight: 800; }
.lp.promo-root .report-head h2 { letter-spacing: -0.03em; margin-top: 6px; font-size: clamp(23px, 3vw, 30px); }
.lp.promo-root .report-meta { color: #102340; flex-wrap: wrap; gap: 6px 14px; margin: 10px 0px 0px; font-size: 13.5px; font-weight: 500; display: flex; }
.lp.promo-root .report-meta b { color: #102340; font-weight: 700; }
.lp.promo-root .report-ring { --pct: 0; --ring: #1554e8; background: conic-gradient(var(--ring) calc(var(--pct) * 1%), #d9e3f3 0); border-radius: 50%; flex: 0 0 auto; width: 132px; height: 132px; position: relative; }
.lp.promo-root .report-ring::before { content: ""; background: #fff; border-radius: 50%; position: absolute; inset: 11px; }
.lp.promo-root .report-ring-num { color: #102340; justify-content: center; align-items: center; padding-bottom: 18px; font-size: 32px; font-weight: 900; display: flex; position: absolute; inset: 0px; }
.lp.promo-root .report-ring-label { color: #102340; text-align: center; font-size: 12px; font-weight: 700; position: absolute; bottom: 38px; left: 0px; right: 0px; }
.lp.promo-root .report-tiles { grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 10px; display: grid; }
.lp.promo-root .report-tile { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 16px; flex-direction: column; gap: 6px; min-width: 0px; padding: 16px; display: flex; }
.lp.promo-root .report-tile-label, .lp.promo-root .report-tile-sub { color: #102340; white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 500; overflow: hidden; }
.lp.promo-root .report-tile-sub { color: #102340; font-size: 12.5px; }
.lp.promo-root .report-tile b { color: #102340; letter-spacing: -0.02em; font-size: 28px; font-weight: 900; }
.lp.promo-root .report-tile[data-bad] b { color: var(--red); }
.lp.promo-root .report-tile b small { color: #102340; margin-left: 4px; font-size: 14px; font-weight: 700; }
.lp.promo-root .report-radar-note { color: #102340; background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 14px; margin: -10px 0px 0px; padding: 14px 16px; font-size: 14px; line-height: 1.6; }
.lp.promo-root .report-radar-note b { color: #102340; }
.lp.promo-root .report-scope { color: #102340; border-left: 2px solid #d9e3f3; margin: -10px 0px 0px; padding-left: 12px; font-size: 13px; font-weight: 500; line-height: 1.6; }
.lp.promo-root .report-toggle { opacity: 0; pointer-events: none; width: 1px; height: 1px; position: absolute; }
.lp.promo-root .report-bar { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; display: flex; }
.lp.promo-root .report-bar h3 { font-size: 20px; }
.lp.promo-root .report-filters { gap: 6px; display: flex; }
.lp.promo-root .report-filters label { color: #102340; cursor: pointer; border: 1px solid #d9e3f3; border-radius: 999px; padding: 7px 12px; font-size: 13px; font-weight: 800; }
.lp.promo-root #rf-all:checked ~ .report-bar label[for="rf-all"], .lp.promo-root #rf-bad:checked ~ .report-bar label[for="rf-bad"], .lp.promo-root #rf-good:checked ~ .report-bar label[for="rf-good"] { color: rgb(0, 0, 0); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.lp.promo-root .report-items { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; margin: 14px 0px 0px; padding: 0px; list-style: none; display: grid; }
.lp.promo-root #rf-bad:checked ~ .report-items .report-item:not([data-status="bad"]), .lp.promo-root #rf-good:checked ~ .report-items .report-item:not([data-status="good"]) { display: none; }
.lp.promo-root .report-item { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 16px; padding: 18px 18px 16px; }
.lp.promo-root .report-item[data-status="bad"] { border-color: rgba(255, 20, 20, 0.45); }
.lp.promo-root .report-item-top { align-items: center; gap: 10px; display: flex; }
.lp.promo-root .report-item-num { color: #102340; width: 20px; font-size: 12px; font-weight: 800; }
.lp.promo-root .report-chip { color: #102340; border: 1px solid #d9e3f3; border-radius: 999px; flex: 0 0 auto; padding: 4px 9px; font-size: 12px; font-weight: 900; }
.lp.promo-root .report-chip[data-status="good"]::before { content: "✓ "; }
.lp.promo-root .report-chip[data-status="bad"] { color: #d92d20; background: rgba(255, 20, 20, 0.12); border-color: rgba(0, 0, 0, 0); }
.lp.promo-root .report-item h4 { font-size: 16.5px; font-weight: 800; }
.lp.promo-root .report-fact { color: #102340; margin: 10px 0px 0px; font-size: 14.5px; font-weight: 500; line-height: 1.6; }
.lp.promo-root .report-todo { color: #102340; gap: 8px; margin: 8px 0px 0px; font-size: 14px; font-weight: 500; line-height: 1.6; display: flex; }
.lp.promo-root .report-todo b { color: #102340; border: 1px solid #d9e3f3; border-radius: 6px; flex: 0 0 auto; height: fit-content; margin-top: 2px; padding: 1px 6px; font-size: 12px; }
.lp.promo-root .report-detail { margin-top: 8px; }
.lp.promo-root .report-detail summary { color: #102340; cursor: pointer; font-size: 12.5px; font-weight: 700; }
.lp.promo-root .report-detail ul { color: #102340; margin: 8px 0px 0px; padding-left: 18px; font-size: 13px; line-height: 1.7; }
.lp.promo-root .report-more { display: none; }
.lp.promo-root .report-refs { color: #102340; flex-wrap: wrap; align-items: center; gap: 10px; margin: -8px 0px 0px; font-size: 13.5px; font-weight: 500; display: flex; }
.lp.promo-root .report-ref { border: 1px dashed #d9e3f3; border-radius: 10px; padding: 8px 12px; }
.lp.promo-root .report-ref b { color: #102340; }
.lp.promo-root .report-next-steps { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 18px; padding: 22px; }
.lp.promo-root .report-next-steps h3 { font-size: 20px; }
.lp.promo-root .report-next-steps ol { counter-reset: step 0; gap: 12px; margin: 14px 0px 0px; padding: 0px; list-style: none; display: grid; }
.lp.promo-root .report-next-steps li { counter-increment: step 1; padding-left: 38px; position: relative; }
.lp.promo-root .report-next-steps li::before { content: counter(step); color: #102340; background: var(--red); border-radius: 50%; place-items: center; width: 26px; height: 26px; font-size: 13px; font-weight: 900; display: grid; position: absolute; top: 0px; left: 0px; }
.lp.promo-root .report-next-steps strong { color: #102340; font-size: 15px; display: block; }
.lp.promo-root .report-next-steps span { color: #102340; margin-top: 2px; font-size: 13px; font-weight: 500; display: block; }
.lp.promo-root .report-offers { grid-template-columns: 1.2fr 1fr; gap: 10px; margin-top: -16px; display: grid; }
.lp.promo-root .report-offer { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 18px; flex-direction: column; align-items: flex-start; gap: 10px; margin: 0px; padding: 22px; display: flex; }
.lp.promo-root .report-offer h3 { font-size: 18px; }
.lp.promo-root .report-offer p { color: #102340; margin: 0px; font-size: 14px; font-weight: 500; line-height: 1.6; }
.lp.promo-root .report-offer .button { margin-top: auto; }
.lp.promo-root .report-offer-url { color: #102340; background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 10px; width: 100%; padding: 10px 12px; font-family: inherit; font-size: 14px; }
.lp.promo-root .report-product { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 18px; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; margin-top: -16px; padding: 18px 22px; display: flex; }
.lp.promo-root .report-product p { color: #102340; margin: 0px; font-size: 14.5px; font-weight: 500; }
.lp.promo-root .report-product b { color: #102340; }
.lp.promo-root .report-again { text-align: center; margin: -12px 0px 0px; font-size: 14px; }
.lp.promo-root .report-again a { color: #102340; text-decoration: underline; }
.lp.promo-root .report-demand { background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 18px; padding: 20px 22px; }
.lp.promo-root .report-demand h3 { font-size: 18px; }
.lp.promo-root .report-demand p { flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0px 0px; font-size: 13.5px; display: flex; }
.lp.promo-root .report-demand p b { margin-right: 4px; }
.lp.promo-root .report-demand small { margin-top: 12px; font-size: 12px; display: block; }
.lp.promo-root .report-radar-note small { font-size: 12px; }
.lp.promo-root .report-product-label { letter-spacing: 0.02em; color: #1554e8; margin-bottom: 4px; font-size: 12px; font-weight: 700; display: block; }
.lp.promo-root .report-offer-input { color: #102340; background: #f7f9fd; border: 1px solid #d9e3f3; border-radius: 10px; width: 100%; padding: 10px 12px; font-family: inherit; font-size: 14px; }
.lp.promo-root .report-offer-input:focus { border-color: var(--red); outline: none; }
.lp.promo-root .report-card h2 { color: #102340; letter-spacing: -0.02em; margin: 0px; font-weight: 800; }

/* ── 시안에 붙이며 더함(10/10) ── */
/* 실서버는 Tailwind 기본값(여백 0 · 목록 점 없음 · 링크 밑줄 없음) 위에서 그려진다 — 결과 안에서만 되살린다. 특이도 0 */
:where(.lp .report-wrap) :where(h2, h3, h4, p, ul, ol, figure, table) { margin: 0; }
:where(.lp .report-wrap) :where(ul, ol) { list-style: none; padding: 0; }
:where(.lp .report-wrap) :where(a) { color: inherit; text-decoration: none; }
:where(.lp .report-wrap) :where(h2, h3, h4) { font-size: inherit; font-weight: inherit; }
:where(.lp .report-wrap) :where(*, ::before, ::after) { box-sizing: border-box; }
:where(.lp .report-wrap) :where(button, input) { font: inherit; color: inherit; }
.lp .report-wrap, .lp .report-wrap * { --muted: #4c5e78; --muted-white: #4c5e78; }
.lp .report-wrap { scroll-margin-top: 90px; background: transparent; padding-top: 0; }

/* 머리에 동그라미 점수가 없는 도구(02 · 04 · 05 · 06) */
.lp.promo-root .report-head-plain { display: block; }

/* 결과 다음 행동의 작은 이름표 */
.lp.promo-root .report-product-label { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--red); }

/* 02 비교표 · 06 동별 표 */
.lp.promo-root .report-table-wrap { margin-top: 18px; overflow-x: auto; border: 1px solid #d9e3f3; border-radius: 14px; }
.lp.promo-root .report-table { width: 100%; border-collapse: collapse; font-size: 14px; color: #102340; min-width: 640px; }
.lp.promo-root .report-table th, .lp.promo-root .report-table td { padding: 12px 14px; border-bottom: 1px solid #d9e3f3; text-align: right; white-space: nowrap; }
.lp.promo-root .report-table thead th { font-size: 13px; font-weight: 800; background: #f7f9fd; vertical-align: bottom; }
.lp.promo-root .report-table thead th small { display: block; margin-top: 2px; font-size: 11px; font-weight: 600; color: #102340; }
.lp.promo-root .report-table tbody th { text-align: left; font-weight: 700; }
.lp.promo-root .report-table thead th:first-child { text-align: left; }
.lp.promo-root .report-table tr:last-child > * { border-bottom: 0; }
.lp.promo-root .report-table .is-ours { background: #edf3ff; font-weight: 800; }
.lp.promo-root .report-table td.is-ours[data-low] { color: var(--red); }
.lp.promo-root .report-table-density td:first-child { text-align: center; color: var(--red); font-weight: 900; }
.lp.promo-root .report-table-density th[scope="row"] { text-align: left; }
.lp.promo-root .report-table-density { min-width: 520px; }
.lp.promo-root .report-table-density thead th:nth-child(2) { text-align: left; }

/* 플레이스 결과의 홈페이지 비교 (10/10) */
.lp.promo-root .report-homepage { margin-top: 18px; padding: 20px 22px; border: 1px solid #d9e3f3; border-radius: 16px; background: #f7f9fd; text-align: left; }
.lp.promo-root .report-homepage h3 { margin: 0 0 12px; font-size: 16px; font-weight: 900; color: #102340; }
.lp.promo-root .report-homepage ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.lp.promo-root .report-homepage li { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 14px; color: #102340; }
.lp.promo-root .report-homepage li b { min-width: 170px; font-weight: 800; }
.lp.promo-root .report-homepage li span[data-bad] { color: var(--red); font-weight: 800; }
.lp.promo-root .report-homepage p { margin: 12px 0 0; font-size: 14px; line-height: 1.65; color: #102340; }
.lp.promo-root .report-homepage small { display: block; margin-top: 8px; font-size: 12px; color: #102340; }

/* 밝은 화면 보정 */
.lp.promo-root .report-card{box-shadow:0 15px 48px rgba(15,45,98,.08)}
.lp.promo-root .content-section,.lp.promo-root .content-section.dark{background:transparent;color:#102340;padding:0}
.lp.promo-root .button-invert,.lp.promo-root .report-next-steps li::before{color:#fff}
.lp.promo-root .button-outline{color:#1554e8;border-color:#9cbaf6}
.lp.promo-root #rf-all:checked ~ .report-bar label[for="rf-all"], .lp.promo-root #rf-bad:checked ~ .report-bar label[for="rf-bad"], .lp.promo-root #rf-good:checked ~ .report-bar label[for="rf-good"]{color:#fff;background:#1554e8;border-color:#1554e8}
.lp.promo-root .report-tile[data-bad] b,.lp.promo-root .report-table td.is-ours[data-low],.lp.promo-root .report-homepage li span[data-bad]{color:#d92d20}
.lp.promo-root .report-meta,.lp.promo-root .report-tile-label,.lp.promo-root .report-tile-sub,.lp.promo-root .report-scope,.lp.promo-root .report-fact,.lp.promo-root .report-todo,.lp.promo-root .report-detail ul,.lp.promo-root .report-next-steps span,.lp.promo-root .report-offer p,.lp.promo-root .report-product p,.lp.promo-root .report-refs,.lp.promo-root .report-homepage p,.lp.promo-root .report-homepage small,.lp.promo-root .report-table thead th small{color:#4c5e78}
.lp.promo-root .report-offer-url,.lp.promo-root .report-offer-input{background:#fff}