:root{--ink:#142033;--muted:#6b7789;--line:#e5eaf0;--soft:#f5f7fa;--brand:#315efb;--brand2:#1738a6;--good:#11845b;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f5f8;color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.55}.jrx-demo-topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:30}.jrx-demo-brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:19px}.brand-mark{display:grid;place-items:center;width:42px;height:34px;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;letter-spacing:.5px}.jrx-demo-top-actions{display:flex;align-items:center;gap:12px}.jrx-demo-top-actions a{background:var(--ink);color:#fff;text-decoration:none;padding:9px 15px;border-radius:10px;font-weight:700;font-size:14px}.demo-badge{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--brand);background:#eef2ff;padding:6px 9px;border-radius:999px}.jrx-demo-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 68px)}.jrx-demo-sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;position:sticky;top:68px;height:calc(100vh - 68px)}.sidebar-title{font-weight:800;font-size:13px;color:#8a95a5;padding:0 12px 12px}.demo-nav{width:100%;border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:10px;color:#536174;font-weight:700;cursor:pointer;margin:2px 0}.demo-nav:hover,.demo-nav.is-active{background:#eef2ff;color:var(--brand)}.sidebar-note{position:absolute;left:18px;right:18px;bottom:20px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px;color:var(--muted);font-size:12px}.jrx-demo-main{padding:34px;max-width:1500px;width:100%;margin:0 auto}.demo-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.demo-kicker,.eyebrow{font-size:12px;letter-spacing:.08em;font-weight:800;color:var(--brand)}.demo-hero h1{font-size:30px;line-height:1.3;margin:7px 0 8px}.demo-hero p{margin:0;color:var(--muted);max-width:850px}.demo-hero-meta{text-align:right;display:flex;flex-direction:column;gap:8px}.demo-hero-meta span{align-self:flex-end;background:#e9f7f1;color:var(--good);font-weight:800;padding:6px 10px;border-radius:999px;font-size:12px}.demo-hero-meta small{color:var(--muted)}.demo-notice{background:#fff8e8;border:1px solid #f4dfac;color:#72571a;padding:13px 16px;border-radius:12px;margin-bottom:22px;font-size:13px}.demo-panel{display:none}.demo-panel.is-active{display:block}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.summary-grid article,.demo-card,.analysis-grid article{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(26,40,65,.04)}.summary-grid article{padding:20px}.summary-grid span{font-size:13px;color:var(--muted);font-weight:700}.summary-grid strong{display:block;font-size:29px;margin:6px 0 2px}.summary-grid .is-time{font-size:22px;padding-top:5px}.summary-grid small{color:#99a2af}.demo-card{padding:24px;margin-bottom:18px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:19px}.card-head h2{font-size:20px;margin:4px 0 0}.soft-label,.role-chip{font-size:12px;background:var(--soft);color:#617086;border:1px solid var(--line);padding:6px 9px;border-radius:999px;white-space:nowrap}.variable-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.variable-overview article{border:1px solid var(--line);padding:18px;border-radius:14px}.variable-role{color:var(--brand);font-size:12px;font-weight:800}.variable-overview h3{margin:5px 0 13px;font-size:17px}.variable-stats{display:flex;gap:18px;color:var(--muted);font-size:13px}.variable-stats b{color:var(--ink)}.mean-track{height:7px;background:#edf0f5;border-radius:999px;margin-top:15px;overflow:hidden}.mean-track i,.bar-row i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),#7291ff);border-radius:999px}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-grid div{background:var(--soft);border-radius:13px;padding:17px}.flow-grid b{display:grid;place-items:center;width:28px;height:28px;background:#fff;color:var(--brand);border-radius:9px}.flow-grid strong,.flow-grid span{display:block}.flow-grid strong{margin-top:12px}.flow-grid span{font-size:12px;color:var(--muted);margin-top:4px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--soft);font-size:12px;color:#657286}.control-block{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden}.control-block summary{list-style:none;padding:16px 18px;display:flex;justify-content:space-between;cursor:pointer;background:#fafbfc}.control-block summary span{display:flex;gap:10px;align-items:center}.control-block summary small{color:var(--muted)}.control-block summary em{font-style:normal;color:var(--brand);font-size:12px}.distribution-question{padding:17px 18px;border-top:1px solid var(--line)}.distribution-question h3{font-size:14px;margin:0 0 14px}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(150px,3fr) 120px;gap:14px;align-items:center;font-size:13px}.bar-row>div{height:9px;background:#eef1f5;border-radius:999px;overflow:hidden}.bar-row b{text-align:right;font-size:12px}.question-list details{border-top:1px solid var(--line)}.question-list details:first-child{border-top:0}.question-list summary{display:grid;grid-template-columns:75px 1fr 90px;gap:14px;align-items:center;padding:15px 2px;cursor:pointer;list-style:none}.question-list summary span{font-size:12px;color:var(--brand);font-weight:800}.question-list summary strong{font-size:14px}.question-list summary em{font-style:normal;text-align:right;color:var(--muted);font-size:12px}.bars.compact{padding:0 4px 18px}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.analysis-grid article{padding:21px}.analysis-grid article>span{color:var(--brand);font-weight:800;font-size:12px}.analysis-grid h3{margin:9px 0 7px;font-size:17px}.analysis-grid p{min-height:44px;color:var(--muted);font-size:13px}.analysis-grid button{border:1px solid var(--line);background:var(--soft);color:#8792a1;padding:8px 11px;border-radius:9px}.advanced-note{text-align:center;padding:32px}.advanced-note p{max-width:700px;margin:10px auto 20px;color:var(--muted)}.advanced-note a{display:inline-block;text-decoration:none;background:var(--brand);color:#fff;border-radius:10px;padding:11px 16px;font-weight:800}.empty-state{padding:24px;text-align:center;color:var(--muted);background:var(--soft);border-radius:12px}.jrx-demo-error{min-height:100vh;display:grid;place-items:center;padding:30px}.jrx-demo-error>div{max-width:600px;background:#fff;border:1px solid var(--line);padding:36px;border-radius:18px}.jrx-demo-error span{color:var(--brand);font-weight:800}.jrx-demo-error a{display:inline-block;margin-top:15px;color:#fff;background:var(--brand);padding:10px 14px;border-radius:10px;text-decoration:none}@media(max-width:980px){.jrx-demo-layout{grid-template-columns:1fr}.jrx-demo-sidebar{position:sticky;top:68px;height:auto;z-index:20;display:flex;gap:6px;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-title,.sidebar-note{display:none}.demo-nav{width:auto;white-space:nowrap}.summary-grid{grid-template-columns:repeat(2,1fr)}.analysis-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.jrx-demo-topbar{padding:0 15px}.jrx-demo-top-actions a{display:none}.jrx-demo-main{padding:20px 14px}.demo-hero{display:block}.demo-hero h1{font-size:24px}.demo-hero-meta{margin-top:15px;text-align:left}.demo-hero-meta span{align-self:flex-start}.summary-grid,.variable-overview,.analysis-grid,.flow-grid{grid-template-columns:1fr}.card-head{align-items:flex-start}.bar-row{grid-template-columns:90px 1fr}.bar-row b{grid-column:2}.question-list summary{grid-template-columns:60px 1fr}.question-list summary em{grid-column:2;text-align:left}.demo-card{padding:18px}}
.demo-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.demo-hero-actions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:11px 15px;font-weight:800;font-size:14px}.demo-hero-actions .primary{background:var(--brand);color:#fff;box-shadow:0 10px 22px rgba(49,94,251,.16)}.demo-hero-actions .secondary{background:#fff;color:var(--brand);border:1px solid #dbe4ff}.demo-lead{margin:0 0 18px;color:var(--muted);max-width:860px}.demo-cta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-cta-grid article{border:1px solid var(--line);background:#fafbff;border-radius:16px;padding:20px}.demo-cta-grid h3{margin:0 0 8px;font-size:18px}.demo-cta-grid p{margin:0 0 14px;color:var(--muted);font-size:14px}.demo-cta-grid a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--brand);color:#fff;border-radius:11px;padding:10px 14px;font-weight:800}.disabled-link,.demo-pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 11px;font-weight:800;font-size:12px}.disabled-link{background:#eef1f5;color:#8792a1}.demo-pill{background:#eef2ff;color:var(--brand)}@media(max-width:680px){.demo-cta-grid{grid-template-columns:1fr}.demo-hero-actions a{width:100%}}
.analysis-card{cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.analysis-card:hover,.analysis-card.is-active{border-color:#b9c7ff;box-shadow:0 14px 34px rgba(49,94,251,.10);transform:translateY(-2px)}.analysis-card.is-active button{background:var(--brand);color:#fff;border-color:var(--brand)}.analysis-card button{cursor:pointer}.analysis-result-panel{display:none}.analysis-result-panel.is-active{display:block}.analysis-caption{margin:14px 0 0;color:var(--muted);font-size:13px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:13px 14px}.factor-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.factor-summary-grid article{background:#f8faff;border:1px solid #e1e8ff;border-radius:14px;padding:16px}.factor-summary-grid span{display:block;color:var(--muted);font-size:12px;font-weight:800}.factor-summary-grid strong{display:block;margin:6px 0 2px;font-size:22px;color:var(--ink);line-height:1.25}.factor-summary-grid small{color:#778397}.regression-summary strong{font-size:18px}.path-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:6px 0 18px}.path-flow div{background:#f8faff;border:1px solid #e1e8ff;border-radius:16px;padding:18px;text-align:center}.path-flow span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#fff;color:var(--brand);font-weight:900;margin-bottom:8px}.path-flow strong{display:block}.path-flow i{font-style:normal;color:var(--brand);font-weight:900;white-space:nowrap}.simple-slope-demo{height:190px;background:linear-gradient(180deg,#fff,#f7f9ff);border:1px solid var(--line);border-radius:16px;display:flex;gap:22px;align-items:end;justify-content:center;padding:24px;margin-top:16px}.simple-slope-demo div{width:100px;display:flex;flex-direction:column;align-items:center;gap:8px}.simple-slope-demo i{display:block;width:60px;background:linear-gradient(180deg,var(--brand),#8aa3ff);border-radius:12px 12px 4px 4px}.simple-slope-demo span{font-size:12px;color:var(--muted);font-weight:800}@media(max-width:980px){.factor-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.path-flow{grid-template-columns:1fr}.path-flow i{text-align:center}}@media(max-width:680px){.factor-summary-grid{grid-template-columns:1fr}.simple-slope-demo{height:160px}.simple-slope-demo div{width:70px}.simple-slope-demo i{width:42px}}

/* 2026-07 JRX demo: 실제 설문설계 UX 형태 */
.builder-shell-demo{padding:0;overflow:hidden}.builder-shell-demo>.builder-topline,.builder-shell-demo>.builder-progress-pills,.builder-shell-demo>.builder-title-row,.builder-shell-demo>.builder-lock-notice,.builder-shell-demo>.respondent-rule-card,.builder-shell-demo>.builder-capability-grid,.builder-shell-demo>.builder-section-list{margin-left:24px;margin-right:24px}.builder-topline{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 0 4px}.builder-topline h2{margin:4px 0 8px;font-size:22px}.builder-topline p{margin:0;color:var(--muted);max-width:900px}.builder-progress-pills{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:#f8fbff;border:1px solid #dfe8ff;border-radius:22px;padding:14px 16px;margin-top:18px}.builder-progress-pills span{display:inline-flex;align-items:center;gap:8px;border:1px solid #d8e2f1;background:#fff;border-radius:999px;padding:8px 12px;color:#31415b;font-size:13px;font-weight:800}.builder-progress-pills span.is-current{background:var(--brand);border-color:var(--brand);color:#fff}.builder-progress-pills b{font-size:12px;border-radius:999px;background:#eef3ff;color:#2f5df5;padding:3px 7px}.builder-progress-pills .is-current b{background:rgba(255,255,255,.18);color:#fff}.builder-title-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:20px 0 10px}.builder-title-row h3{margin:0 0 6px;font-size:23px}.builder-title-row p{margin:0;color:#41516a}.builder-status-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.status-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;text-decoration:none}.status-chip.blue{background:#eaf0ff;color:#315efb}.status-chip.gray{background:#f0f2f5;color:#7a8697}.status-chip.outline{background:#fff;color:#315efb;border:1px solid #dbe5ff}.status-chip.blue-fill{background:#315efb;color:#fff}.builder-lock-notice{background:#fff3f2;border:1px solid #ffd4cf;color:#a3382d;border-radius:14px;padding:13px 16px;font-size:13px;font-weight:800}.respondent-rule-card{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px}.respondent-rule-card h3{margin:0 0 7px;font-size:16px}.respondent-rule-card p{margin:0;color:var(--muted);font-size:13px}.respondent-display-mode{min-width:250px;background:#f8fafc;border:1px solid var(--line);border-radius:13px;padding:12px}.respondent-display-mode span{display:block;color:var(--muted);font-size:12px;font-weight:800}.respondent-display-mode strong{display:block;margin-top:4px}.builder-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.builder-capability-grid article{background:#f8faff;border:1px solid #e0e8ff;border-radius:14px;padding:15px}.builder-capability-grid b{display:block;font-size:14px;margin-bottom:5px}.builder-capability-grid span{display:block;color:var(--muted);font-size:12px}.builder-section-list{padding:16px 0 24px}.builder-variable{border:0;margin:18px 0}.builder-variable summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(140px,.55fr) minmax(180px,1fr) minmax(360px,1.6fr);gap:16px;align-items:center}.builder-variable summary::-webkit-details-marker{display:none}.builder-section-heading{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:900;color:#22304a}.builder-section-heading span{font-weight:900;color:#41516a}.builder-card-main{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 22px rgba(26,40,65,.04);min-height:74px;border-left:6px solid var(--brand)}.builder-toggle-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1f4f8;color:#617086;font-size:11px;transition:transform .16s ease}.builder-variable[open] .builder-toggle-dot{transform:rotate(90deg);background:#eaf0ff;color:#315efb}.builder-card-main b{display:block;font-size:18px}.builder-card-main small{display:block;color:var(--muted);margin-top:2px}.builder-meta-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.builder-meta-chips span{display:inline-flex;align-items:center;border-radius:999px;background:#f2f5f9;border:1px solid #e7ecf3;color:#5e6c80;padding:7px 10px;font-size:12px;font-weight:800}.builder-meta-chips .save-chip{background:#eaf9ef;color:#248a55;border-color:#d5f1df}.builder-question-body{margin:10px 0 0 calc(55% + 16px);background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.builder-question-toolbar{display:flex;justify-content:space-between;gap:12px;background:#f8fafc;padding:13px 16px;border-bottom:1px solid var(--line)}.builder-question-toolbar span{font-weight:900}.builder-question-toolbar small{color:var(--muted)}.builder-question-list{display:grid}.builder-question-row{display:grid;grid-template-columns:70px minmax(0,1fr) 80px;gap:13px;padding:14px 16px;border-bottom:1px solid var(--line);align-items:center}.builder-question-row:last-child{border-bottom:0}.question-no{font-weight:900;color:#315efb}.question-content strong{display:block;font-size:14px;white-space:normal}.question-meta-line{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.question-meta-line span{font-size:11px;font-weight:800;border-radius:999px;background:#f2f5f9;color:#657286;padding:4px 7px}.question-meta-line .reverse-badge{background:#fff4e6;color:#af5a00}.question-score-range{text-align:right;color:var(--muted);font-weight:800;font-size:12px}.builder-more-row{padding:13px 16px;background:#fbfcfe;color:var(--muted);font-size:12px;font-weight:800}.demo-cta-grid article .demo-pill{margin-top:2px}@media(max-width:1180px){.builder-variable summary{grid-template-columns:1fr}.builder-meta-chips{justify-content:flex-start}.builder-question-body{margin-left:0}.builder-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-title-row,.respondent-rule-card{display:block}.builder-status-actions{justify-content:flex-start;margin-top:12px}.respondent-display-mode{margin-top:12px;min-width:0}}@media(max-width:680px){.builder-shell-demo>.builder-topline,.builder-shell-demo>.builder-progress-pills,.builder-shell-demo>.builder-title-row,.builder-shell-demo>.builder-lock-notice,.builder-shell-demo>.respondent-rule-card,.builder-shell-demo>.builder-capability-grid,.builder-shell-demo>.builder-section-list{margin-left:16px;margin-right:16px}.builder-topline{display:block}.builder-capability-grid{grid-template-columns:1fr}.builder-question-row{grid-template-columns:52px 1fr}.question-score-range{grid-column:2;text-align:left}.builder-progress-pills span{width:100%;justify-content:space-between}.builder-card-main{padding:14px}.builder-meta-chips span{font-size:11px}.builder-question-toolbar{display:block}.builder-question-toolbar small{display:block;margin-top:4px}}

/* 2026-07 JRX demo: RAW data sample */
.raw-sample-wrap{display:grid;gap:18px}.raw-table-scroll{border-radius:16px}.raw-sample-table th,.raw-sample-table td{white-space:nowrap;text-align:center}.raw-sample-table th:first-child,.raw-sample-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:1}.raw-sample-table thead th:first-child{z-index:2}.status-mini{display:inline-flex;align-items:center;border-radius:999px;background:#eaf9ef;color:#248a55;border:1px solid #d5f1df;padding:4px 8px;font-size:12px;font-weight:900}.raw-codebook-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.raw-codebook-grid article{background:#f8faff;border:1px solid #e1e8ff;border-radius:13px;padding:12px 13px}.raw-codebook-grid b{display:block;color:var(--brand);font-size:13px;margin-bottom:5px}.raw-codebook-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.45}.raw-feature-card button{appearance:none;border:0;border-radius:11px;background:var(--brand);color:#fff;padding:10px 14px;font-weight:900;cursor:pointer}@media(max-width:760px){.raw-codebook-grid{grid-template-columns:1fr}.raw-sample-table{font-size:12px}}
.demo-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);background:#111827;color:#fff;border-radius:999px;padding:12px 16px;font-size:13px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.24);z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.demo-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}

/* 2026-07: results.php 기초통계 화면 미러링 */
.demo-results-shell{display:flex;flex-direction:column;gap:18px}.jrx-demo-results-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.page-title{margin:0;color:#111827;font-size:28px;font-weight:800;letter-spacing:-.04em}.page-desc{margin:8px 0 0;color:#6b7280;font-size:14px}.form-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:700;font-size:13px;text-decoration:none;cursor:pointer}.btn-light{background:#f9fafb}.btn-secondary{background:#111827;border-color:#111827;color:#fff}.jrx-collection-resume-btn{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.jrx-raw-cta.is-locked{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.stats-notice-banner{display:flex;gap:12px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:16px;padding:16px 18px}.stats-notice-icon{flex:0 0 24px;width:24px;height:24px;border-radius:999px;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.stats-notice-text{font-size:14px;line-height:1.65}.result-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.result-mini-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:18px;box-shadow:0 10px 24px rgba(15,23,42,.05)}.result-mini-card span{display:block;color:#6b7280;font-size:13px}.result-mini-card strong{display:block;margin-top:6px;color:#111827;font-size:26px;letter-spacing:-.03em}.card.result-section,.premium-stat-lock.result-section{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.card.result-section h2,.premium-stat-lock h2{margin:8px 0 8px;color:#111827;font-size:22px;letter-spacing:-.03em}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:800}.muted{color:#6b7280;line-height:1.7}.research-variable-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}.research-variable-card{border:1px solid #e5e7eb;border-radius:16px;background:#f9fafb;overflow:hidden}.research-variable-card>summary{display:grid;grid-template-columns:1.1fr 1fr auto;gap:14px;align-items:center;padding:18px;cursor:pointer;list-style:none}.research-variable-card>summary::-webkit-details-marker{display:none}.rv-main{display:flex;align-items:center;gap:10px;min-width:0}.rv-main strong{font-size:17px;color:#111827}.rv-score{margin-left:auto;font-weight:800;color:#2563eb}.rv-bar-wrap{min-width:140px}.mean-bar{height:9px;background:#e5e7eb;border-radius:999px;overflow:hidden}.mean-bar span{display:block;height:100%;background:linear-gradient(90deg,#60a5fa,#2563eb);border-radius:999px}.rv-meta{display:flex;gap:10px;flex-wrap:wrap;color:#6b7280;font-size:12px}.rv-question-list{display:flex;flex-direction:column;gap:12px;padding:0 18px 18px}.rv-question-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.rv-question-title{display:flex;gap:12px;align-items:flex-start;color:#111827}.rv-question-title strong{white-space:nowrap;color:#2563eb}.likert-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:end;margin-top:16px;min-height:150px}.likert-bar-cell{text-align:center;color:#4b5563;font-size:12px}.likert-max{height:86px;display:flex;align-items:flex-end;justify-content:center;background:#f3f4f6;border-radius:10px;padding:6px}.likert-max span{display:block;width:20px;background:#60a5fa;border-radius:8px 8px 2px 2px}.likert-label{margin-top:8px;font-weight:700}.likert-num{margin-top:4px;color:#111827}.likert-pct{color:#6b7280}.control-variable-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.control-variable-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden}.control-variable-card>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px;cursor:pointer;list-style:none}.control-variable-card>summary::-webkit-details-marker{display:none}.control-variable-card strong{display:block;margin-top:6px;color:#111827}.donut-chart{width:74px;height:74px;border-radius:999px;display:flex;align-items:center;justify-content:center;position:relative}.donut-chart:after{content:"";position:absolute;inset:13px;border-radius:999px;background:#fff}.donut-chart span{position:relative;z-index:1;font-weight:800;color:#111827}.control-table-wrap{padding:0 16px 16px}.control-table-wrap table{width:100%;border-collapse:collapse}.control-table-wrap th,.control-table-wrap td{border-top:1px solid #e5e7eb;padding:9px;text-align:left;font-size:13px}.normality-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.normality-card{border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:16px}.normality-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.normality-head h3{margin:8px 0 0;color:#111827}.normality-status{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280;text-align:right}.histogram{height:110px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;margin:18px 0 14px}.histogram-cell{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;color:#6b7280;font-size:12px}.histogram-bar{height:84px;width:100%;background:#f3f4f6;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;padding:5px}.histogram-bar span{display:block;width:18px;background:#2563eb;border-radius:8px 8px 2px 2px}.normality-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.normality-table div{background:#f9fafb;border-radius:10px;padding:10px}.normality-table span{display:block;color:#6b7280;font-size:12px}.normality-table strong{display:block;color:#111827;margin-top:2px}.premium-stat-lock{background:linear-gradient(135deg,#fff,#f8fafc)}.jrx-result-action-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.demo-nav-inline{border:0}@media(max-width:980px){.jrx-demo-results-head{flex-direction:column}.result-summary-grid,.normality-list{grid-template-columns:repeat(2,minmax(0,1fr))}.research-variable-card>summary{grid-template-columns:1fr}.control-variable-grid{grid-template-columns:1fr}}@media(max-width:640px){.result-summary-grid,.normality-list{grid-template-columns:1fr}.likert-bars{gap:6px}.rv-main{flex-wrap:wrap}.rv-score{margin-left:0}.form-actions{justify-content:flex-start}}

/* 2026-07 mobile optimization patch: JRX demo public UX */
@media (max-width: 860px){
  html,body{width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}
  .jrx-demo-topbar{height:auto;min-height:56px;padding:10px 14px;gap:10px;align-items:center}
  .jrx-demo-brand{min-width:0;font-size:16px;gap:8px}
  .brand-mark{width:36px;height:30px;border-radius:9px;font-size:12px;flex:0 0 auto}
  .demo-badge{font-size:10px;padding:5px 8px;white-space:nowrap}
  .jrx-demo-top-actions{gap:6px;min-width:0}
  .jrx-demo-layout{display:block;min-height:0}
  .jrx-demo-sidebar{position:sticky;top:0;z-index:28;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;height:auto;max-width:100vw;padding:10px 12px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .jrx-demo-sidebar::-webkit-scrollbar{display:none}
  .demo-nav{flex:0 0 auto;width:auto;min-height:38px;padding:9px 12px;margin:0;border:1px solid transparent;border-radius:999px;font-size:13px;white-space:nowrap;background:#f7f9fc;color:#4b596d}
  .demo-nav.is-active{background:#eef2ff;border-color:#d8e2ff;color:var(--brand)}
  .jrx-demo-main{width:100%;max-width:none;padding:18px 12px 92px;margin:0}
  .demo-hero{gap:12px;margin-bottom:14px}
  .demo-hero h1{font-size:22px;line-height:1.32;letter-spacing:-.035em;word-break:keep-all}
  .demo-hero p,.demo-lead{font-size:14px;line-height:1.62;word-break:keep-all}
  .demo-notice,.stats-notice-banner{font-size:12px;line-height:1.55;border-radius:13px;padding:12px 13px}
  .demo-card,.card.result-section,.premium-stat-lock.result-section{padding:16px;border-radius:15px;margin-bottom:14px;box-shadow:0 8px 18px rgba(15,23,42,.045)}
  .card-head{display:block;margin-bottom:12px}.card-head .soft-label{margin-top:8px;display:inline-flex}
  .page-title,.jrx-demo-results-head .page-title{font-size:23px;line-height:1.28;letter-spacing:-.04em}.page-desc{font-size:13px;line-height:1.55}
  .form-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.form-actions .btn,.form-actions button,.form-actions a{width:100%;min-width:0;font-size:12px;padding:0 10px}
  .jrx-demo-results-head{padding:16px;border-radius:16px}
  .result-summary-grid,.summary-grid,.normality-list,.control-variable-grid,.variable-overview,.analysis-grid,.flow-grid,.demo-cta-grid,.raw-codebook-grid{grid-template-columns:1fr!important;gap:10px}
  .result-mini-card,.summary-grid article{padding:15px;border-radius:14px}.result-mini-card strong,.summary-grid strong{font-size:24px}
  .research-variable-card>summary{display:block;padding:15px}.rv-main{display:flex;flex-wrap:wrap;gap:8px}.rv-score{margin-left:0}.rv-bar-wrap{margin-top:12px;min-width:0}.rv-meta{margin-top:9px}
  .rv-question-list{padding:0 12px 12px}.rv-question-card{padding:13px;border-radius:13px}.rv-question-title{display:block}.rv-question-title strong{display:block;margin-bottom:5px}
  .likert-bars{display:grid;grid-template-columns:1fr;gap:8px;min-height:0;margin-top:12px}.likert-bar-cell{display:grid;grid-template-columns:84px 1fr 54px;gap:8px;align-items:center;text-align:left}.likert-max{height:12px;min-height:12px;padding:0;align-items:center;justify-content:flex-start}.likert-max span{height:12px;width:var(--mobile-bar-width,50%);max-width:100%;border-radius:999px}.likert-label,.likert-num,.likert-pct{margin:0}.likert-pct{display:none}
  .donut-chart{width:58px;height:58px;flex:0 0 58px}.donut-chart:after{inset:10px}.control-variable-card>summary{padding:14px}.control-table-wrap{padding:0 12px 12px;overflow-x:auto}
  .histogram{height:auto;min-height:92px;gap:5px}.histogram-cell{font-size:11px}.histogram-bar{height:76px}.normality-table{grid-template-columns:1fr}.normality-head{display:block}.normality-status{text-align:left;margin-top:8px}
  .table-scroll,.raw-table-scroll,.jrx-desc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;border-radius:14px}.raw-sample-table,.jrx-desc-table,.jrx-control-table,.jrx-relation-table,table{min-width:640px;font-size:12px}th,td{padding:10px 9px}
  .bar-row{grid-template-columns:76px 1fr;gap:8px}.bar-row b{grid-column:2;text-align:left;font-size:11px}.question-list summary{grid-template-columns:48px 1fr;gap:9px;padding:13px 0}.question-list summary strong{font-size:13px}.question-list summary em{grid-column:2;text-align:left}
  .demo-toast{left:12px;right:12px;bottom:18px;transform:translateY(20px);max-width:none;text-align:center;border-radius:14px;line-height:1.45}.demo-toast.is-visible{transform:translateY(0)}
}
@media (max-width: 420px){
  .jrx-demo-main{padding-left:10px;padding-right:10px}.demo-hero h1{font-size:20px}.demo-card,.card.result-section,.premium-stat-lock.result-section{padding:14px}.form-actions{grid-template-columns:1fr}.jrx-demo-brand span:last-child{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-nav{font-size:12px;padding:8px 10px}.btn{font-size:12px}
}

/* 2026-07 mobile 2-column summary card refinement
   기초통계 결과의 짧은 숫자 카드만 모바일 2열 유지 */
@media (max-width: 640px){
  .result-summary-grid,
  .summary-grid,
  .stats-summary-grid,
  .response-summary-grid,
  .basic-summary-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .result-mini-card,
  .summary-grid article,
  .stats-summary-grid > *,
  .response-summary-grid > *,
  .basic-summary-grid > *{
    min-width:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  .result-mini-card strong,
  .summary-grid strong{font-size:23px;line-height:1.15}
  .result-mini-card span,
  .summary-grid span{font-size:12px;line-height:1.35;word-break:keep-all}
  .result-mini-card small,
  .summary-grid small{font-size:12px;line-height:1.35;word-break:keep-all}
}
@media (max-width: 340px){
  .result-summary-grid,
  .summary-grid,
  .stats-summary-grid,
  .response-summary-grid,
  .basic-summary-grid{
    grid-template-columns:1fr!important;
  }
}

/* 2026-07 mobile 2-column refinement: 정규성 및 분석 가능 상태 */
@media (max-width: 640px){
  .normality-list,
  .analysis-availability-grid,
  .analysis-status-grid,
  .normality-status-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .normality-card,
  .analysis-availability-grid > *,
  .analysis-status-grid > *,
  .normality-status-grid > *{
    min-width:0!important;
    padding:12px!important;
    border-radius:14px!important;
  }
  .normality-head{gap:8px!important;align-items:flex-start!important;}
  .normality-head h3{font-size:15px!important;line-height:1.35!important;word-break:keep-all!important;}
  .normality-status{font-size:11px!important;line-height:1.35!important;}
  .histogram{height:82px!important;gap:5px!important;margin:12px 0 10px!important;}
  .histogram-bar{height:58px!important;border-radius:8px!important;padding:4px!important;}
  .histogram-bar span{width:12px!important;border-radius:6px 6px 2px 2px!important;}
  .histogram-cell{font-size:10px!important;gap:4px!important;}
  .normality-table{grid-template-columns:1fr!important;gap:6px!important;}
  .normality-table div{padding:8px!important;border-radius:9px!important;}
  .normality-table span{font-size:11px!important;}
  .normality-table strong{font-size:13px!important;}
}
@media (max-width: 340px){
  .normality-list,
  .analysis-availability-grid,
  .analysis-status-grid,
  .normality-status-grid{
    grid-template-columns:1fr!important;
  }
}

/* 2026-07 correction: 정규성 카드 블록은 1열, 카드 하단 지표만 2열 */
@media (max-width: 640px){
  .normality-list,
  .analysis-availability-grid,
  .analysis-status-grid,
  .normality-status-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .normality-card,
  .analysis-availability-grid > *,
  .analysis-status-grid > *,
  .normality-status-grid > *{
    min-width:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  .normality-head{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    align-items:flex-start!important;
  }
  .normality-head h3{
    font-size:16px!important;
    line-height:1.35!important;
    word-break:keep-all!important;
  }
  .normality-status{
    font-size:11px!important;
    line-height:1.35!important;
    text-align:right!important;
    margin-top:0!important;
  }
  .histogram{
    height:96px!important;
    gap:6px!important;
    margin:14px 0 12px!important;
  }
  .histogram-bar{
    height:68px!important;
    border-radius:8px!important;
    padding:4px!important;
  }
  .histogram-bar span{
    width:14px!important;
    border-radius:6px 6px 2px 2px!important;
  }
  .histogram-cell{
    font-size:10px!important;
    gap:4px!important;
  }
  .normality-table{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .normality-table div{
    padding:9px 10px!important;
    border-radius:10px!important;
  }
  .normality-table span{
    font-size:11px!important;
    line-height:1.3!important;
  }
  .normality-table strong{
    font-size:14px!important;
    line-height:1.25!important;
  }
}
@media (max-width: 340px){
  .normality-list,
  .analysis-availability-grid,
  .analysis-status-grid,
  .normality-status-grid{
    grid-template-columns:1fr!important;
  }
  .normality-table{
    grid-template-columns:1fr!important;
  }
}