.diagnostics-section{background:var(--glass)}
.diagnostics-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}
.diagnostics-intro>div{padding-top:12px}
.diagnostics-intro p{max-width:38em}
.diagnostics-intro .text-link{color:var(--sea)}
.diagnostics-note{max-width:76ch;margin-top:40px;font-size:14px;line-height:1.8;color:var(--muted)}
.diagnostics-topics{margin-top:32px;border-bottom:1px solid var(--line)}
.diagnostic-topic{border-top:1px solid var(--line);scroll-margin-top:110px}
.diagnostic-topic>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;list-style:none;cursor:pointer;color:var(--sea)}
.diagnostic-topic>summary::-webkit-details-marker{display:none}
.diagnostic-topic>summary h3{font:400 clamp(25px,2.4vw,34px)/1.3 var(--serif);letter-spacing:-.02em}
.diagnostic-topic>summary:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.diagnostic-toggle{position:relative;display:block;flex:none;width:28px;height:28px}
.diagnostic-toggle::before,.diagnostic-toggle::after{content:'';position:absolute;background:currentColor;left:6px;top:13px;width:16px;height:1px}
.diagnostic-toggle::after{transform:rotate(90deg)}
.diagnostic-topic[open]>summary .diagnostic-toggle::after{transform:rotate(0)}
.diagnostic-body{padding:3px 0 40px}
.diagnostic-description{max-width:73ch;color:var(--ink)}
.diagnostic-columns{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:32px}
.diagnostic-body h4{font:500 15px/1.6 var(--sans);color:var(--sea);margin-bottom:14px}
.diagnostic-concerns{padding-left:20px;max-width:35em}
.diagnostic-concerns li{padding-left:3px;margin-block:8px;font-size:16px;line-height:1.65}
.diagnostic-concerns li::marker{color:var(--sea)}
.diagnostic-tests{margin:0}
.diagnostic-tests>div+div{margin-top:15px}
.diagnostic-tests dt{font-weight:500;line-height:1.6}
.diagnostic-tests dd{margin:2px 0 0;font-size:14px;line-height:1.65;color:var(--muted)}
.diagnostic-next{max-width:76ch;margin-top:32px}
.diagnostic-next h4{margin-bottom:8px}
.diagnostic-next p{font-size:15px;line-height:1.8}
.diagnostic-next .text-link{margin-top:10px}
.diagnostics-preparation{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:44px}
.diagnostics-preparation h3{font:400 clamp(24px,2.2vw,30px)/1.35 var(--serif);color:var(--sea);margin-bottom:12px}
.diagnostics-preparation p{max-width:40em;font-size:15px;line-height:1.8}
@media(max-width:760px){
  .diagnostics-intro,.diagnostic-columns,.diagnostics-preparation{grid-template-columns:1fr;gap:28px}
  .diagnostics-intro>div{padding-top:0}
  .diagnostics-note{margin-top:28px}
  .diagnostic-topic>summary{padding-block:22px;gap:16px}
  .diagnostic-topic>summary h3{font-size:26px}
  .diagnostic-body{padding-bottom:32px}
  .diagnostic-columns{margin-top:24px}
  .diagnostic-next{margin-top:28px}
  .diagnostics-preparation{margin-top:36px}
}