/* Scoped to the online diagnosis page; shared diagnosis styles stay intact. */
.online-page{background:#f7f9f8;color:#19372c;-webkit-font-smoothing:antialiased}
.online-page nav{max-width:1160px;min-height:86px;padding:20px 32px;align-items:center;gap:24px;border-bottom:1px solid #e1e9e4}
.online-page nav a{text-decoration:none}.online-page .online-brand{display:flex;align-items:center;gap:15px;font-size:24px;font-weight:850;letter-spacing:-1px}.online-brand span{border-left:1px solid #d7e2db;padding-left:15px;font-size:12px;font-weight:550;color:#697b71;letter-spacing:0}.online-nav-links{display:flex;gap:24px;font-size:13px;font-weight:600}.online-page nav a:hover{text-decoration:underline;text-underline-offset:5px}
.online-page main{max-width:1160px;padding:64px 32px 32px}.diagnosis-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:64px;align-items:start}.online-page .intro{padding:20px 0 0;max-width:none}.online-page .kicker{font-size:12px;letter-spacing:.05em}.online-page h1{font-size:clamp(32px,3.3vw,44px);line-height:1.3;letter-spacing:-1.8px;margin:20px 0}.online-page h1 em{color:#287958;font-style:normal}.online-page .intro-copy{font-size:16px;line-height:1.9;color:#66796f;word-break:keep-all}
.diagnosis-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:17px}.diagnosis-steps li{display:flex;gap:14px;align-items:center}.diagnosis-steps li>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid #dbe8df;border-radius:50%;background:#eef4ef;font-size:11px;font-weight:750;color:#397558}.diagnosis-steps strong{font-size:14px}.online-page .diagnosis-steps p{font-size:12px;color:#718178;margin:1px 0}
.online-page #onlineForm{margin:0;padding:32px;border-radius:24px;border-color:#dfe9e2;box-shadow:0 12px 40px #1b4b3010}.form-badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#edf6ef;color:#287455;font-size:11px;font-weight:750}.online-page .form-heading h2{font-size:24px;letter-spacing:-.7px;margin:13px 0 6px}.online-page .form-heading p{font-size:13px;color:#6a7b71;margin-bottom:22px}.online-page #onlineForm .grid{gap:16px}.online-page #onlineForm label{font-size:13px;margin:0 0 7px}.online-page #onlineForm input,.online-page #onlineForm select{min-height:50px;background:#fbfcfb;border-color:#d8e2db;font-size:16px;border-radius:10px}.online-page #onlineForm input::placeholder{font-size:13px;color:#8a978f}.online-page #onlineForm input:focus,.online-page #onlineForm select:focus{background:white;border-color:#287455}.diagnosis-scope{margin:18px 0 12px;font-size:12px;color:#697a70}.online-page .diagnosis-scope summary{font-size:12px;font-weight:500;min-height:36px;padding:7px 0}.online-page .diagnosis-scope p{line-height:1.8;margin:0 0 12px}.online-page #onlineForm>button{width:100%;min-height:54px;border-radius:11px;font-size:15px;box-shadow:0 4px 10px #27745518}.online-page #onlineForm>button:hover:not(:disabled){background:#1c6245}.online-page #onlineStatus{font-size:13px;margin:12px 0 0;overflow-wrap:normal;min-width:0}.online-page #onlineStatus:empty{display:none}
.online-next{display:grid;grid-template-columns:1fr 2.1fr;gap:40px;margin-top:54px;border-top:1px solid #dfe7e1;padding:30px 0 18px}.online-page .next-heading h2{font-size:21px;line-height:1.5;letter-spacing:-.6px;margin:8px 0}.online-next .grid{gap:32px}.next-label{color:#75887c;font-size:11px;font-weight:650}.online-next h3{font-size:16px;margin:9px 0}.online-next p{font-size:13px;color:#687a6f;line-height:1.85;word-break:keep-all}.online-page #onlineResult{scroll-margin-top:24px}.online-page #onlineResult .card{padding:28px;border-radius:20px}.online-page #onlineResult h2,.online-page #onlineResult p{overflow-wrap:normal;min-width:0;overflow-x:auto}
body.online-page .dgp-partnership{max-width:1096px;background:transparent;border:0;border-top:1px solid #e0e8e2;border-radius:0;padding:22px 0;margin:8px auto 26px;width:calc(100% - 64px)}body.online-page .dgp-partnership h2{font-size:14px!important}body.online-page .dgp-partnership a strong{font-size:16px}body.online-page .dgp-partnership .partnership-copy{background:white;color:#397454;border-color:#dbe5df;font-size:12px}body.online-page .dgp-partnership>p{font-size:12px;color:#738178}
@media(max-width:1000px){.diagnosis-layout{gap:30px;grid-template-columns:1fr 1.1fr}.online-page main{padding-top:36px}.online-page #onlineForm{padding:24px}.online-page #onlineForm .grid{grid-template-columns:1fr}.online-page h1{font-size:36px}.online-next{grid-template-columns:1fr 2fr;gap:24px}}
@media(max-width:700px){.online-page nav{padding:16px 20px;min-height:72px}.online-brand span{display:none}.online-nav-links{gap:12px;font-size:11px}.online-page .online-brand{font-size:22px;white-space:nowrap}.online-page main{padding:28px 20px 16px}.diagnosis-layout{grid-template-columns:1fr;gap:24px}.online-page .intro{padding:0}.online-page h1{font-size:34px;margin:14px 0;letter-spacing:-1.4px}.online-page .intro-copy{font-size:14px}.desktop-break{display:none}.diagnosis-steps{display:flex;gap:12px;margin-top:22px;justify-content:space-between}.diagnosis-steps li{gap:6px}.diagnosis-steps li>span{width:24px;height:24px;font-size:9px}.diagnosis-steps strong{font-size:11px}.online-page .diagnosis-steps p{display:none}.online-page #onlineForm{padding:24px 20px;border-radius:20px}.online-page .form-heading h2{font-size:22px}.online-next{margin-top:32px;padding-top:24px;grid-template-columns:1fr;gap:18px}.online-page .next-heading h2 br{display:none}.online-next .grid{grid-template-columns:1fr;gap:20px}.online-page #onlineResult .card{padding:20px}body.online-page .dgp-partnership{width:calc(100% - 40px)}body.online-page .dgp-partnership .partnership-links{gap:8px}body.online-page .dgp-partnership a{background:transparent}body.online-page .dgp-partnership .partnership-copy{width:100%}}
@media(prefers-reduced-motion:reduce){.online-page *{scroll-behavior:auto!important}}