/* Styles scoped to the approved clinical workflow landing pages. */
.assessment-page { line-height: 1.65; }
.assessment-page main, .assessment-page section, .assessment-page article, .assessment-page aside { min-width: 0; }
.assessment-page a { text-underline-offset: 4px; }
.assessment-page .assessment-header { gap: 20px; flex-wrap: wrap; padding-block: 26px; }
.assessment-page .marketing-logo { width: min(230px, 72vw); display: block; }
.assessment-page .marketing-nav { gap: 8px 20px; }
.assessment-page .marketing-nav a { min-height: 44px; }
.assessment-page .marketing-nav [aria-current=page] { color: #07635d; text-decoration-thickness: 3px; }
.assessment-skip { position: absolute; left: 16px; top: 10px; padding: 10px 18px; transform: translateY(-180%); background: #fff; color: #075f59; z-index: 10; border: 2px solid #075f59; border-radius: 10px; }
.assessment-skip:focus { transform: none; }
.assessment-breadcrumbs { padding-block: 10px; font-size: .92rem; }
.assessment-breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 4px 10px; }
.assessment-breadcrumbs li + li::before { content: '/'; margin-right: 10px; color: #60756e; }
.assessment-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; color: #315f5b; }
.assessment-page .assessment-hero { grid-template-columns: minmax(0,1.35fr) minmax(0,.85fr); gap: clamp(24px,4vw,60px); padding-block: 48px 64px; }
.assessment-page .assessment-hero h1 { font-size: clamp(2.15rem,4.1vw,3.55rem); line-height: 1.12; max-width: 23ch; letter-spacing: -.025em; }
.assessment-hero .marketing-lead { max-width: 58ch; font-size: 1.13rem; }
.assessment-actions { display: flex; flex-wrap: wrap; gap: 12px 20px; align-items: center; margin-top: 26px; }
.assessment-actions > a { min-height: 46px; display: inline-flex; align-items: center; color: #07635d; font-weight: 700; }
.assessment-page .assessment-scope { background: #eaf5f0; box-shadow: none; border-color: #c2dacf; }
.assessment-scope h2 { margin-top: 0; font-size: 1.65rem; line-height: 1.25; }
.assessment-scope .marketing-checks { margin-bottom: 0; }
.assessment-page .marketing-section { padding-block: 40px; }
.assessment-page .marketing-section h2 { max-width: 28ch; font-size: clamp(1.8rem,3.1vw,2.65rem); line-height: 1.2; }
.assessment-page .marketing-section > p { max-width: 76ch; }
.assessment-page .marketing-card h3 { font-size: 1.4rem; line-height: 1.25; margin-block: 0 12px; }
.assessment-page .marketing-card p { margin-bottom: 0; }
.assessment-example { background: #eaf3f6; border-block: 1px solid #d0e1e5; margin-block: 32px; padding-block: 12px; }
.assessment-demo-label { display: inline-block; background: #fff; padding: 8px 14px; border: 1px solid #cadbdc; border-radius: 10px; font-size: .9rem; color: #234d58; font-weight: 700; }
.assessment-steps { list-style: none; padding: 0; margin-top: 28px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; counter-reset: step; }
.assessment-steps li { counter-increment: step; border-top: 2px solid #08766f; padding: 20px 4px 0; min-width: 0; }
.assessment-steps li::before { content: '0' counter(step); font-weight: 700; color: #08766f; }
.assessment-steps h3 { margin: 10px 0; font-size: 1.3rem; line-height: 1.25; }
.assessment-steps p { margin: 0; }
.assessment-faq details { border-top: 1px solid #cadbdc; padding: 8px 0; }
.assessment-faq details:last-child { border-bottom: 1px solid #cadbdc; }
.assessment-faq summary { min-height: 48px; padding: 12px 4px; color: #173451; font-weight: 700; cursor: pointer; }
.assessment-faq summary:focus-visible { outline: 3px solid #b56e13; outline-offset: 3px; }
.assessment-faq details p { max-width: 76ch; margin: 8px 4px 18px; }
.assessment-cta { border-radius: 28px; background: #073f3b; color: #fff; padding: clamp(24px,4vw,42px); }
.assessment-page .assessment-cta p { color: #e1efeb; }
.assessment-cta .marketing-button { background: #fff; color: #075f59!important; }
.assessment-page .assessment-related { gap: 18px; }
.assessment-related a { display: inline-flex; min-height: 44px; align-items: center; color: #07635d; font-weight: 700; }
.assessment-footer-links { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-block: 12px; }
.assessment-footer-links a { display: inline-flex; align-items: center; min-height: 44px; color: #315f5b; }
.assessment-note { font-size: .91rem; max-width: 90ch; }
@media (max-width:800px) {
 .assessment-page .assessment-header { gap: 12px; padding-block: 20px; }
 .assessment-page .marketing-nav { gap: 4px 18px; }
 .assessment-page .assessment-hero { grid-template-columns: minmax(0,1fr); padding-block: 26px 36px; }
 .assessment-page .assessment-hero h1 { font-size: clamp(2rem,8.5vw,2.8rem); }
 .assessment-page .marketing-section { padding-block: 30px; }
 .assessment-steps { grid-template-columns: minmax(0,1fr); }
 .assessment-page .marketing-grid { grid-template-columns: minmax(0,1fr); }
}