/* Clinical reference and screening pages: isolated styling */
@layer components{
.cl-page{width:min(calc(100% - 48px),1060px);margin-inline:auto}.cl-page .vm-breadcrumbs{margin:24px 0 30px}
.cl-hero{padding:0 0 25px;border-bottom:1px solid var(--line)}.cl-kicker{font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--blue)}
.cl-hero h1{max-width:870px;font:600 clamp(29px,4vw,46px)/1.16 var(--serif);letter-spacing:-.03em;margin:12px 0}
.cl-lead{max-width:790px;color:var(--muted);font-size:16px;line-height:1.65}
.cl-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;margin-top:30px}
.cl-main{min-width:0}.cl-main>h2{font:600 24px/1.3 var(--serif);margin:27px 0 12px}
.cl-main>p,.cl-main>ul{margin:10px 0;color:var(--ink-2);font-size:15px;line-height:1.75}
.cl-side{align-self:start;padding:21px;border-radius:8px;background:#f3f7f8;border:1px solid #dce6eb}
.cl-side h2{font:600 19px/1.3 var(--serif);margin:0 0 12px}.cl-side p,.cl-side li{font-size:13px;color:var(--muted);line-height:1.6}
.cl-side a{color:var(--blue);font-weight:600}.cl-side ul{padding-left:17px;margin:0}
.cl-panel{margin:10px 0 26px;padding:24px;background:#fff;border:1px solid #d9e3e9;border-radius:9px}
.cl-form{display:grid;gap:17px}.cl-form label{display:block;font-size:14px;font-weight:600;line-height:1.45;color:var(--ink)}
.cl-form select,.cl-form input{display:block;width:100%;min-height:46px;margin-top:8px;padding:9px 13px;border:1px solid #b8cbd4;border-radius:6px;background:#fff;color:var(--ink);font:400 14px/1.45 var(--sans);max-width:100%}
.cl-form select:focus-visible,.cl-form input:focus-visible{outline:3px solid #b8d8eb;outline-offset:2px}
.cl-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.cl-actions button{padding:11px 18px;min-height:44px;border-radius:6px;border:1px solid #244c65;background:#244c65;color:#fff;font-size:14px;font-weight:700}
.cl-actions button.cl-clear{background:#fff;color:#244c65}.cl-actions button:hover{filter:brightness(.92)}
.cl-result{padding:17px 18px;margin-top:5px;border-left:3px solid #315e7d;background:#eff5f8;border-radius:3px;font-size:14px;line-height:1.6}.cl-result[data-status="ok"]{border-left-color:#497b5a;background:#f0f6f1}
.cl-result strong{font-size:20px;display:block;margin-bottom:5px}
.cl-alert{padding:16px 18px;margin:22px 0;border:1px solid #dbe5e9;background:#f6f8fa;border-radius:6px;font-size:13px;line-height:1.65;color:var(--muted)}
.cl-links{display:grid;gap:10px;margin:16px 0}.cl-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:15px;font-weight:600}.cl-link:hover{background:#f4f8fa;border-color:#b9cbd4}.cl-link small{display:block;font-size:12px;font-weight:400;color:var(--muted);line-height:1.5;margin-top:5px}
.cl-sources{margin:32px 0 45px;padding-top:20px;border-top:1px solid var(--line)}.cl-sources h2{font:600 21px/1.3 var(--serif);margin-bottom:10px}
.cl-sources ol{padding-left:22px}.cl-sources li{margin:8px 0;color:var(--muted);font-size:13px;line-height:1.6}.cl-sources a{color:var(--blue)}
.cl-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.cl-stat{padding:18px;border:1px solid var(--line);border-radius:6px}.cl-stat strong{font:600 23px var(--serif);display:block}.cl-stat span{font-size:12px;color:var(--muted)}
.cl-copy h2{font:600 24px/1.25 var(--serif);margin:32px 0 11px}.cl-copy p{font-size:15px;line-height:1.75;margin:12px 0}.cl-copy li{font-size:14px;line-height:1.7;margin:7px 0}.cl-copy a{color:var(--blue)}
.cl-table{overflow-x:auto}.cl-table table{width:100%;border-collapse:collapse;font-size:13px}.cl-table th,.cl-table td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line)}.cl-table th{background:#f4f7f9;color:var(--ink)}
.cl-small{font-size:12px!important;color:var(--muted)!important}.cl-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.cl-pill{padding:6px 10px;border-radius:30px;background:#edf3f5;font-size:11px;font-weight:700;color:#416378}
}
@layer responsive{
@media(max-width:800px){.cl-layout{grid-template-columns:1fr;gap:12px}.cl-side{margin-bottom:32px}.cl-page{width:min(calc(100% - 32px),1060px)}.cl-hero h1{font-size:32px}.cl-panel{padding:17px}.cl-three{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.cl-three{grid-template-columns:1fr}.cl-hero h1{font-size:29px}.cl-lead{font-size:15px}.cl-page .vm-breadcrumbs{margin:16px 0}.cl-actions button{flex:1}}
}