.segment-route{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.segment-route span{padding:8px 14px;border:1px solid #e4e6eb;border-radius:99px;color:#636a76;font-size:14px}.segment-route .is-current{background:#171b23;color:white;border-color:#171b23}.segment-route .is-passed{border-color:#b6d788;color:#456327}.segment-question{max-width:850px;margin:24px 0}.segment-question .quote{font-size:25px;line-height:1.4}.segment-answer{background:#f4f6f1;padding:24px;border-radius:18px;margin:20px 0}.segment-guide{margin:32px 0}.segment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.segment-card{padding:26px;border:1px solid #e4e6eb;border-radius:20px;background:white}.segment-card h3{font-size:27px;margin:18px 0 8px}.segment-number{font-size:14px;border-radius:8px;background:#e7f5bd;padding:8px 12px}.segment-lead{font-weight:600}.segment-card p,.segment-card dd{font-size:15px;line-height:1.65}.segment-card dt{font-size:13px;font-weight:700;margin:20px 0 5px}.segment-card dd{margin:0;color:#4d5560}.office-scene{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);border:1px solid #e2e5eb;border-radius:24px;overflow:hidden;margin:20px 0 28px;background:#f7f6f3}.office-photo{width:100%;height:360px;object-fit:cover;object-position:58% 40%}.office-talk{padding:28px;align-self:center}.office-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#636a76;margin-bottom:20px}.speech{padding:20px 22px;background:white;border-radius:18px 18px 18px 3px;font-size:21px;line-height:1.45;border:1px solid #e8e8e4}.speech.mine{font-size:16px;background:#e8edff;border:0;border-radius:18px 18px 3px 18px;margin-bottom:16px}.speaker{display:block;font-size:12px;font-weight:700;color:#636a76;margin-bottom:8px}.clm-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.clm-choice{border:1px solid #dde1e8;border-radius:20px;padding:16px;background:white}.clm-choice.selected{border:2px solid #3157ff;padding:15px;background:#fafbff}.clm-choice label{display:flex;gap:10px;align-items:flex-start;cursor:pointer;margin-top:16px;min-height:60px}.clm-choice input{flex-shrink:0;margin-top:4px;accent-color:#3157ff;width:20px;height:20px}.clm-choice label strong{font-size:16px;display:block}.clm-choice label small{font-size:13px;color:#636a76;display:block;margin-top:5px}.clm-preview-button{border:0;background:none;padding:0;cursor:zoom-in;display:block;width:100%;text-align:left}.clm-zoom-label{display:block;font-size:12px;color:#3157ff;margin-top:10px}.tablet-frame{background:#20252e;padding:9px 14px;border-radius:18px;border:1px solid #3d424c;box-shadow:0 8px 20px #171b2310;aspect-ratio:1.52;display:flex;align-items:center}.clm-slide{width:100%;aspect-ratio:1.6;background:#fff;overflow:hidden;padding:5%;border-radius:6px;color:#172033;display:flex;flex-direction:column;container-type:inline-size;text-align:left}.clm-top{display:flex;justify-content:space-between;font-size:clamp(6px,2.6cqw,12px);font-weight:600;letter-spacing:.06em;color:#737c8d}.clm-kicker{font-size:clamp(7px,3.2cqw,16px);color:#3157ff;margin-top:5%}.clm-title{font-size:clamp(12px,6.3cqw,32px);line-height:1.12;margin:2% 0 7%;font-weight:700;letter-spacing:-.04em}.clm-diagram{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%;flex:1}.clm-diagram>div{background:#eff2ff;padding:10%;border-radius:7px}.clm-step{display:block;font-size:clamp(10px,5cqw,28px);font-weight:700;color:#3157ff;margin-bottom:8%}.clm-diagram b{display:block;font-size:clamp(6px,2.8cqw,16px);margin-bottom:12%}.clm-diagram i{display:block;height:3px;background:#c8d1ed;margin-top:8%;border-radius:3px}.clm-diagram i:last-child{width:70%}.clm-foot{font-size:clamp(5px,2.5cqw,12px);margin-top:6%;color:#737c8d}.clm-evidence .clm-diagram>div{background:#f0ecfc}.clm-evidence .clm-step,.clm-evidence .clm-kicker{color:#6947b5}.clm-company .clm-diagram>div{background:#eaf5ef}.clm-company .clm-step,.clm-company .clm-kicker{color:#2e775b}.clm-detail{margin:28px 0}.clm-detail .tablet-frame{max-width:640px}.clm-instructions h3{margin:26px 0 8px}.clm-instructions p{line-height:1.7}.dialog:has(.clm-zoom){width:min(960px,calc(100vw - 32px));max-width:960px}.clm-zoom{max-width:800px;margin:auto}.clm-zoom .tablet-frame{margin-bottom:24px}.dialog-body:has(.clm-zoom){padding:20px 28px}.clm-detail .clm-preview-button{max-width:640px}.clm-preview-button:focus-visible{outline:3px solid #3157ff;outline-offset:5px;border-radius:18px}@media(max-width:900px){.segment-grid{grid-template-columns:1fr}.segment-card{padding:24px}.clm-choices{grid-template-columns:1fr}.clm-choice{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.clm-choice label{margin-top:0}.office-photo{height:320px}.office-talk{padding:20px}.speech{font-size:19px}}@media(max-width:600px){.office-scene{grid-template-columns:1fr}.office-photo{height:210px;object-position:58% 38%}.office-talk{padding:20px}.segment-question .quote{font-size:22px}.clm-choice{grid-template-columns:1fr}.clm-choice label{margin-top:4px;min-height:0}.dialog-body:has(.clm-zoom){padding:16px}.segment-route span{font-size:12px;padding:7px 10px}.segment-card h3{font-size:25px}}