.cde-diagnosis,.cl-diagnosis-host .cde-diagnosis{color:#24292f;font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium",Meiryo,sans-serif}
.cde-panel,.cde-step,.cde-card,.cl-diagnosis-host .cde-panel{background:#fff;border-color:#d0d7de;border-radius:6px;box-shadow:none}.cde-form-panel{border:0}.cde-header{display:none}.cde-form{display:block;padding:0 18px 46px}.cde-step{min-width:0;margin:0;padding:24px 0 28px;border:0;border-top:1px solid #d0d7de}.cde-step:first-child{border-top:0}.cde-step legend{display:flex;width:100%;padding:0;flex-direction:row;align-items:center;justify-content:center;gap:13px;color:#24292f;text-align:center}.cde-question-number{display:inline-block;flex:0 0 auto;margin:0;padding:2px 13px 2px 0;border:0;border-right:1px solid #1f883d;color:#1f883d;font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:600;letter-spacing:.24em}.cde-question-number::after{content:none}.cde-question-label,.cl-diagnosis-host .cde-question-label{color:#24292f;font-family:inherit;font-size:clamp(20px,3.8vw,27px);font-weight:600;letter-spacing:.04em;line-height:1.65}.cde-help{margin:10px 0 20px;color:#57606a;font-size:13px;letter-spacing:.03em;line-height:1.8;text-align:center}.cde-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.cde-option-button{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:12px 14px 12px 17px;border:1px solid #d0d7de;border-radius:0;background:#f6f8fa;color:#24292f;font:inherit;font-size:14px;font-weight:600;letter-spacing:.03em;line-height:1.55;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.cde-option-button:hover{border-color:#1f883d;background:#eefaf1}.cde-option-button:focus-visible{outline:2px solid #1f883d;outline-offset:2px}.cde-option-button.is-selected{border-color:#1f883d;background:#1f883d;color:#fff}.cde-option-button__mark{display:grid;flex:0 0 22px;width:22px;height:22px;margin-left:10px;place-items:center;border:1px solid #afb8c1;border-radius:50%;color:transparent;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px}.cde-option-button.is-selected .cde-option-button__mark{border-color:#dafbe1;background:#dafbe1;color:#116329}.cde-select-wrap{width:100%;max-width:500px;margin:13px auto 0}.cde-option-select{width:100%;min-height:58px;padding:10px 46px 10px 17px;border:1px solid #d0d7de;border-radius:0;background-color:#f6f8fa;color:#24292f;font:inherit;font-weight:600;cursor:pointer}.cde-option-select:focus{border-color:#1f883d;outline:2px solid rgba(31,136,61,.18);outline-offset:2px;background:#fff}
.cde-actions{display:grid;justify-items:center;margin-top:4px;padding-top:34px;border-top:1px solid #d0d7de}.cde-button--submit,.cde-card__cta{display:block;min-width:min(100%,360px);width:auto;padding:17px 28px;border:1px solid #1f883d;border-radius:0;background:#1f883d;color:#fff;text-align:center;font-size:16px;font-weight:600;letter-spacing:.1em;text-decoration:none;box-shadow:none}.cde-button--submit:hover,.cde-card__cta:hover{background:#1a7f37}
.cde-results__header{background:#f6f8fa;border:1px solid #d0d7de;border-radius:6px;padding:16px 20px;margin-bottom:1.8em}.cde-results__header::after{content:none}.cde-results__header h2{margin:0 0 8px;padding:0;border:0;background:none;color:#24292f;font-size:1rem}.cde-selected-answers{gap:6px}.cde-selected-answer{border:0;background:transparent;padding:0;color:#24292f}.cde-selected-answer:not(:last-child)::after{content:"／";margin-left:6px;color:#57606a}
.cde-result-cards{display:block}.cde-card{border:1px solid #d0d7de;padding:26px 24px;margin-bottom:20px}.cde-card__header{background:none;border:0;padding:0}.cde-card__title{color:#24292f;font-family:ui-monospace,Consolas,monospace;font-size:.9rem;text-align:left}.cde-card__content{display:block}.cde-card__media{max-width:420px;margin:16px auto 20px}.cde-card__body{padding:0}.cde-card__features-heading{text-align:left;color:#24292f;font-size:1.12rem}.cde-card__features{list-style:none;margin:0;padding:0}.cde-card__features li{padding:0;margin:0 0 15px;font-size:.98rem;line-height:1.95}.cde-card__features li::before{content:none}.cde-card__footer{padding:0;border:0;background:none;margin-top:2.6em}.cde-inline-em{color:#dc143c;font-weight:700}.cde-inline-accent--bold{color:#e6b571;font-weight:700}.cde-inline-strong{font-weight:700}
@media(max-width:680px){.cde-form{padding:0 8px 34px}.cde-step{padding:24px 0 28px}.cde-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cde-option-button{min-height:54px;padding:11px 11px 11px 13px;font-size:13px}}@media(max-width:480px){.cde-card{padding:20px 16px}.cde-results__header{padding:16px}.cde-card__cta{padding:15px 10px}}@media(max-width:390px){.cde-options{grid-template-columns:1fr}}

.cde-diagnosis--result-page{max-width:680px;margin:0 auto}.cde-diagnosis--result-page .cde-results{overflow:visible;border:0;background:transparent}.cde-diagnosis--result-page .cde-results__header{margin:0 0 28px;padding:28px 18px 0;border:0;background:transparent;text-align:center}.cde-diagnosis--result-page .cde-results__header h2{margin:0;color:#24292f;font-size:clamp(28px,5vw,38px);font-weight:600;letter-spacing:.05em;line-height:1.6;text-align:center}.cde-diagnosis--result-page .cde-selected-answers{display:flex;margin:20px 0 0;padding:0;justify-content:center;flex-wrap:wrap;gap:0;background:transparent}.cde-diagnosis--result-page .cde-selected-answer{padding:0;border:0;background:transparent;color:#24292f;font-size:13px;font-weight:600;line-height:1.8}.cde-diagnosis--result-page .cde-selected-answer::after{content:"／";margin:0 7px;color:#57606a}.cde-diagnosis--result-page .cde-result-summary{margin:0 0 28px;padding:24px 22px;border:0;background:#1f2328;color:#fff;text-align:center}.cde-diagnosis--result-page .cde-result-summary__compare{margin:0;font-size:15px;letter-spacing:.04em;line-height:1.9}.cde-diagnosis--result-page .cde-result-summary__compare span,.cde-diagnosis--result-page .cde-result-summary__compare strong{display:block}.cde-diagnosis--result-page .cde-result-summary__compare strong{color:#7ee787;font-size:clamp(26px,4vw,34px);font-weight:700;white-space:nowrap}.cde-diagnosis--result-page .cde-result-cards{padding:0}.cde-diagnosis--result-page .cde-card{overflow:hidden;margin:0 0 24px;padding:0;border:1px solid #d0d7de;border-radius:0;background:#fff}.cde-diagnosis--result-page .cde-card__header{padding:19px 18px 18px;border-bottom:1px solid #d0d7de;background:#fff;text-align:center}.cde-diagnosis--result-page .cde-card__title{margin:0;color:#24292f;font-family:inherit;font-size:22px;font-weight:600;letter-spacing:.04em;line-height:1.5;text-align:center}.cde-diagnosis--result-page .cde-card__media{display:grid;max-width:none;margin:0;padding:24px 22px;place-items:center;border-bottom:1px solid #d0d7de;background:#f6f8fa}.cde-diagnosis--result-page .cde-card__media img{max-height:240px}.cde-diagnosis--result-page .cde-card__body{padding:26px 24px}.cde-diagnosis--result-page .cde-card__features-heading{margin:0 0 14px;color:#24292f;font-size:17px;font-weight:700;line-height:1.7;text-align:left}.cde-diagnosis--result-page .cde-card__features{display:grid;gap:16px;margin:0;padding:0;list-style:none}.cde-diagnosis--result-page .cde-card__features li{position:relative;min-height:28px;margin:0;padding:0 0 0 36px;font-size:15px;line-height:2}.cde-diagnosis--result-page .cde-card__features li::before{position:absolute;top:2px;left:0;display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#1f883d;color:#fff;content:attr(data-number);font-size:12px;font-weight:700}.cde-diagnosis--result-page .cde-card__footer{margin:0;padding:18px 24px 22px;border-top:1px solid #d0d7de;background:#fff}.cde-diagnosis--result-page .cde-card__cta{display:block;max-width:380px;margin:0 auto;padding:15px 18px;border:0;background:#1f883d;color:#fff!important;font-size:16px;font-weight:600;letter-spacing:.06em;text-align:center}.cde-diagnosis--result-page .cde-card__cta:hover{background:#1a7f37}
@media(max-width:480px){.cde-diagnosis--result-page .cde-results__header{padding:22px 8px 0}.cde-diagnosis--result-page .cde-results__header h2{font-size:26px}.cde-diagnosis--result-page .cde-selected-answer{font-size:12px}.cde-diagnosis--result-page .cde-result-summary{padding:21px 10px}.cde-diagnosis--result-page .cde-result-summary__compare{font-size:13px}.cde-diagnosis--result-page .cde-result-summary__compare strong{font-size:clamp(20px,6.4vw,25px)}.cde-diagnosis--result-page .cde-card{padding:0}.cde-diagnosis--result-page .cde-card__header{padding:17px 16px 16px}.cde-diagnosis--result-page .cde-card__title{font-size:19px}.cde-diagnosis--result-page .cde-card__media{padding:20px 16px}.cde-diagnosis--result-page .cde-card__body{padding:22px 18px}.cde-diagnosis--result-page .cde-card__features li{padding-left:34px;font-size:15px;line-height:1.9}.cde-diagnosis--result-page .cde-card__footer{padding:15px 16px 18px}.cde-diagnosis--result-page .cde-card__cta{padding:15px 10px}}

/* v0.6.22: result and editor preview use the approved engineer-site palette. */
.cde-diagnosis--result-page .cde-result-summary{background:#4b5563}
.cde-card .cde-inline-em,.cde-card .cde-inline-accent,.cde-card .cde-inline-accent--bold{color:#dc143c}
.cde-card .cde-inline-em{font-weight:inherit}
.cde-card .cde-inline-accent--bold{font-weight:700}

/* v0.6.23: 2Y logo green (#7ee787) is the only green used by diagnosis UI. */
.cde-question-number{border-right-color:#7ee787;color:#7ee787}
.cde-option-button:hover,.cde-option-button:focus-visible,.cde-option-select:focus{border-color:#7ee787}
.cde-option-button:hover{background:#fff}
.cde-option-button:focus-visible,.cde-option-select:focus{outline-color:#7ee787}
.cde-option-button.is-selected{border-color:#7ee787;background:#7ee787;color:#1f2328}
.cde-option-button.is-selected .cde-option-button__mark{border-color:#7ee787;background:#7ee787;color:#1f2328}
.cde-button--submit,.cde-card__cta,.cde-diagnosis--result-page .cde-card__cta{border-color:#7ee787;background:#7ee787;color:#1f2328!important}
.cde-button--submit:hover,.cde-card__cta:hover,.cde-diagnosis--result-page .cde-card__cta:hover{background:#7ee787}
.cde-diagnosis--result-page .cde-card__features li::before{background:#7ee787;color:#1f2328}
.cde-diagnosis--result-page .cde-result-summary__compare strong{color:#7ee787}

/* v0.6.27: introduction-card CTA typography only */
.cde-card__cta,.cde-diagnosis--result-page .cde-card__cta{display:flex;align-items:center;justify-content:center;font-family:"Yu Gothic","Yu Gothic UI","游ゴシック",sans-serif;font-size:22px;font-weight:700;text-align:center}
@media(max-width:480px){.cde-card__cta,.cde-diagnosis--result-page .cde-card__cta{font-size:19px}}

/* v0.6.24: restore the previously approved CTA green and white CTA text. */
.cde-question-number{border-right-color:#1f883d;color:#1f883d}
.cde-option-button:hover,.cde-option-button:focus-visible,.cde-option-select:focus{border-color:#1f883d}
.cde-option-button:focus-visible,.cde-option-select:focus{outline-color:#1f883d}
.cde-option-button.is-selected{border-color:#1f883d;background:#1f883d;color:#fff}
.cde-option-button.is-selected .cde-option-button__mark{border-color:#1f883d;background:#1f883d;color:#fff}
.cde-button--submit,.cde-card__cta,.cde-diagnosis--result-page .cde-card__cta{border-color:#1f883d;background:#1f883d;color:#fff!important}
.cde-button--submit:hover,.cde-card__cta:hover,.cde-diagnosis--result-page .cde-card__cta:hover{background:#1f883d}
.cde-diagnosis--result-page .cde-card__features li::before{background:#1f883d;color:#fff}
.cde-diagnosis--result-page .cde-result-summary__compare strong{color:#1f883d}

/* v0.6.26: restore only the result comparison emphasis to its former green. */
.cde-diagnosis--result-page .cde-result-summary__compare strong{color:#7ee787}
