:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f5f7fa}*{box-sizing:border-box}html{background:#f5f7fa}body{margin:0;background:#f5f7fa;color:#1f2937}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}.hero{padding:28px 0 20px}.hero-layout,.app-layout{display:grid;gap:24px}.hero-layout{grid-template-columns:1fr;align-items:start}.hero-layout.single-hero{max-width:860px}.hero-main,.panel,.modal-card{background:#fff;border:1px solid #dbe3ec;border-radius:16px;box-shadow:0 6px 18px #0f172a0d;padding:24px}.hero-main{max-width:860px}.app-layout{grid-template-columns:1fr;padding:12px 0 40px}.input-column,.output-column,.field-grid,.score-list,.advice-list,.modal-sections{display:grid;gap:14px}.output-column{gap:12px}.output-column .panel{padding:18px}.panel-head,.observation-card-head,.action-panel{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.action-panel{align-items:center}h1,h2,h3{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.2;color:#111827}h1{margin-top:6px;font-size:clamp(2rem,3.4vw,2.9rem);font-weight:700}h2{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:700}h3{font-size:1.08rem;font-weight:700}p{margin:0;line-height:1.6}.intro,.helper-text,.secondary-card p,.modal-section p,.observation-card p,.score-row span,.score-row small,.field small{color:#4b5563}.eyebrow,.section-label,.area-label{text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:700;color:#4f6b8a}.section-label{margin-bottom:4px}.meta-pills,.wizard-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.meta-pills{margin-top:14px}.pill,.chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:600;border:1px solid #d7dee8;background:#f8fafc;color:#334155}.subtle-pill{background:#eef4fa;color:#355f86}.chip-core{background:#eef6ff;color:#285a8b}.chip-supporting{background:#fff7ed;color:#9a5b13}.chip-context{background:#f0fdf4;color:#2f6d3c}.ghost-button,.primary-button,.info-button{border:1px solid transparent;cursor:pointer;transition:.15s ease}.ghost-button{padding:10px 14px;border-radius:10px;border-color:#d7dee8;background:#fff;color:#1f2937;font-weight:600}.ghost-button:hover,.info-button:hover{background:#f8fafc}.primary-button{padding:10px 16px;border-radius:10px;background:#1f4f82;color:#fff;font-weight:600}.primary-button:hover{background:#193f68}.ghost-button:disabled,.primary-button:disabled{opacity:.5;cursor:not-allowed}.info-button{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border-color:#d7dee8;background:#fff;color:#1f4f82;font-weight:700;flex-shrink:0}.progress-strip{display:grid;gap:10px;margin-bottom:4px}.progress-step{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid #dbe3ec;background:#f8fafc}.progress-step>span{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#eaf1f8;color:#1f4f82;font-weight:700}.progress-step strong,.progress-step small{display:block}.progress-step small{color:#6b7280}.progress-step.is-active{border-color:#aac0d8;background:#eef4fa}.progress-step.is-done>span{background:#e7f5ea;color:#2f6d3c}.field-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field span{font-size:.92rem;font-weight:600;color:#374151}.field input,.field textarea,.field select{width:100%;border:1px solid #d7dee8;border-radius:10px;padding:11px 12px;background:#fff;outline:none}.field textarea{resize:vertical;min-height:90px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7aa2cc;box-shadow:0 0 0 3px #1f4f821a}.secondary-block{margin-top:18px}.secondary-card,.observation-card,.advice-card,.modal-section{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:16px}.secondary-card{background:#f8fafc}.observation-card-head{margin-bottom:14px}.observation-card-head p{font-weight:600;color:#111827}.option-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.option-card{display:flex;gap:8px;align-items:flex-start;min-height:52px;border-radius:10px;padding:10px 12px;background:#f8fafc;border:1px solid #dbe3ec;cursor:pointer}.option-card input{margin-top:3px;accent-color:#1f4f82}.option-card span{font-size:.92rem;color:#374151}.score-row{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e5eaf0}.score-row div{display:grid;gap:3px}.score-row strong{color:#111827}.advice-card{display:grid;gap:8px;box-shadow:none}.result-panel{border-color:#c7d5e3}.caution-panel{background:#fffaf3;border-color:#f1dfb9}.list{margin:0;padding-left:18px;display:grid;gap:8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a6b;z-index:20}.modal-card{width:min(860px,100%);max-height:min(88vh,860px);overflow:auto;border-radius:16px;padding:24px;background:#fff;border:1px solid #dbe3ec;box-shadow:0 20px 50px #0f172a29}.modal-sections{margin-top:16px}.modal-section{background:#f8fafc}@media (max-width: 900px){.field-grid.two-columns,.option-row{grid-template-columns:1fr}.panel-head,.observation-card-head,.action-panel,.score-row{flex-direction:column;align-items:stretch}}@media (max-width: 780px){.container{width:min(100% - 20px,1120px)}.hero{padding:20px 0 16px}.hero-main,.panel,.modal-card{padding:18px}}