/* MNSMD venous education: scoped additions, shared across English and Spanish. */
.vu-page { color:var(--ink,#15384f); font:16px/1.75 Arial,Helvetica,sans-serif; }
.vu-page [hidden] { display:none !important; }
.vu-page .wrap, .vu-entry .wrap { width:min(1280px,calc(100% - 48px)); margin-inline:auto; }
.vu-page h1,.vu-page h2,.vu-page h3,.vu-entry h2 { font-family:Georgia,"Times New Roman",serif; font-weight:400; color:var(--navy,#0d466d); }
.vu-page h2 { font-size:clamp(30px,3.4vw,48px); letter-spacing:-.035em; line-height:1.15; }
.vu-page h3 { font-size:24px; line-height:1.22; letter-spacing:-.015em; }
.vu-page p { margin:14px 0 0; }
.vu-page a:focus-visible,.vu-page button:focus-visible,.vu-page summary:focus-visible,.vu-entry a:focus-visible { outline:3px solid #177394; outline-offset:4px; }
.vu-page section[id] { scroll-margin-top:170px; }
.vu-hero { background:#edf5f8; border-bottom:1px solid #d7e4ea; }
.vu-hero-grid { display:grid; grid-template-columns:1.1fr .9fr; min-height:445px; gap:54px; align-items:center; }
.vu-hero-copy { padding:58px 0; }
.vu-page h1 { font-size:clamp(42px,5.3vw,74px); line-height:1.04; letter-spacing:-.05em; margin:20px 0; }
.vu-hero-copy>p { color:#476572; font-size:18px; max-width:650px; }
.vu-photo { margin:28px 0; position:relative; height:390px; border-radius:12px; overflow:hidden; background:#dfebef; }
.vu-photo img { width:100%; height:100%; object-fit:cover; object-position:70% center; }
.vu-actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top:24px; }
.vu-button { font:600 15px/1.4 Arial,Helvetica,sans-serif; display:inline-flex; flex-direction:column; justify-content:center; align-items:center; padding:13px 21px; min-height:48px; background:var(--navy,#0d466d); color:#fff; border:1px solid var(--navy,#0d466d); border-radius:999px; text-decoration:none; cursor:pointer; text-align:center; }
.vu-button:hover { background:#195e81; color:#fff; }
.vu-button.secondary { background:#fff; color:#153f58; border-color:#acbdc7; }
.vu-button.secondary:hover { background:#e9f3f7; color:#153f58; }
.vu-button.light { background:#fff; color:#153f58; border-color:#fff; }
.vu-text-link { text-decoration:underline; text-underline-offset:4px; }
.vu-safety { padding:27px 0; background:#fcf5ed; border-bottom:1px solid #eadbca; }
.vu-page .vu-safety h2 { font:bold 18px/1.4 Arial,Helvetica,sans-serif; color:#583c27; letter-spacing:0; }
.vu-safety p { font-size:15px; color:#583c27; }
.vu-safety a { text-decoration:underline; text-underline-offset:3px; }
.vu-jump { display:flex; gap:12px 24px; flex-wrap:wrap; padding-block:22px; border-bottom:1px solid #dce5e9; }
.vu-jump a { font-size:14px; color:#245c78; text-decoration:underline; text-underline-offset:5px; }
.vu-section { padding:62px 0; border-bottom:1px solid #e1e8eb; }
.vu-section.soft { background:#f4f8fa; }
.vu-heading { max-width:940px; margin-bottom:28px; }
.vu-heading>p { color:#526d7b; font-size:17px; }
.vu-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.vu-card { background:#fff; border:1px solid #d9e3e8; border-radius:12px; padding:25px; }
.vu-card p { color:#526675; font-size:16px; }
.vu-page .vu-reading { max-width:980px; }
.vu-reading>.vu-button { margin-top:22px; }
.vu-source { font-size:12px; line-height:1.8; color:#4d6b7c; }
.vu-source a { text-decoration:underline; text-underline-offset:3px; }
.vu-option-list { border-top:1px solid #bacdd8; }
.vu-option { border-bottom:1px solid #cddce4; padding:0 2px; }
.vu-option summary { cursor:pointer; padding:20px 25px 20px 0; color:#163d56; font:23px/1.3 Georgia,serif; }
.vu-option p { max-width:1040px; margin:0 0 23px; color:#536c7a; }
.vu-note { margin-top:28px; padding:24px; border-left:4px solid #659bb5; background:#f0f6f9; }
.vu-guide-card { max-width:1040px; padding:32px; margin:auto; background:#fff; border:1px solid #cbdde7; border-radius:16px; }
.vu-question { border:0; border-bottom:1px solid #dce6eb; padding:20px 0; margin:0; min-width:0; }
.vu-question legend { font-size:17px; font-weight:600; padding:5px 0 0; }
.vu-choices { display:flex; flex-wrap:wrap; gap:10px; }
.vu-choices label { position:relative; display:flex; align-items:center; min-height:46px; border:1px solid #becfd9; border-radius:12px; padding:9px 13px; gap:9px; cursor:pointer; font-size:15px; line-height:1.45; }
.vu-choices label:has(input:checked) { background:#e4f0f6; border-color:#357a9c; color:#143e55; }
.vu-choices input { width:17px; height:17px; accent-color:#0d466d; flex:0 0 auto; }
.vu-choices label:focus-within { outline:2px solid #397e9e; outline-offset:3px; }
.vu-status { color:#8b3f30; min-height:0; }
.vu-guide-result { margin-top:24px; padding:25px; background:#f2f7f9; border:1px solid #cbdce4; border-radius:12px; }
.vu-guide-result pre { white-space:pre-wrap; overflow-wrap:anywhere; font:15px/1.75 Arial,Helvetica,sans-serif; color:#294b5e; margin-top:18px; }
.vu-doctor-share { margin-top:18px; }
.vu-optin { display:flex; gap:10px; align-items:center; margin:12px 0; font-size:15px; }
.vu-optin input { width:18px; height:18px; }
.vu-small { font-size:12px; line-height:1.75; color:#5b6f7a; }
.vu-care-result { border-left:4px solid #4f8dad; padding:24px; background:#fff; margin-top:24px; }
.vu-contact { background:#0c3652; color:#fff; padding:60px 0; }
.vu-contact-grid { display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:55px; }
.vu-contact .eyebrow { color:#b1d3e3; }
.vu-contact h2 { color:#fff; margin-top:15px; }
.vu-contact p { color:#e2edf2; }
.vu-contact-actions { display:flex; flex-direction:column; align-items:center; gap:14px; }
.vu-contact-actions .vu-text-link { color:#dfedf3; font-size:13px; }
.vu-related-title { font-size:30px !important; }
.vu-sources { margin-top:35px; font-size:13px; color:#4e6471; }
.vu-sources summary { cursor:pointer; padding:12px 0; }
.vu-sources li { margin:8px 0; }
.vu-sources a { text-decoration:underline; text-underline-offset:3px; }
.vu-entry { padding:34px 0; border-top:1px solid #dce7ed; border-bottom:1px solid #dce7ed; background:#f1f7fa; }
.vu-entry-grid { display:flex; justify-content:space-between; gap:30px; align-items:center; }
.vu-entry h2 { font-size:30px; letter-spacing:-.025em; line-height:1.2; }
.vu-entry p { max-width:780px; margin:10px 0 0; font:15px/1.7 Arial,sans-serif; color:#526e7d; }
.vu-entry .vu-button { flex-shrink:0; }
@media(max-width:850px) { .vu-hero-grid,.vu-contact-grid { grid-template-columns:1fr; gap:0; } .vu-hero-copy { padding:40px 0 26px; } .vu-photo { height:280px; margin:0 0 30px; } .vu-contact-actions { margin-top:28px; align-items:flex-start; } .vu-entry-grid { display:block; } .vu-entry .vu-button { margin-top:20px; } }
@media(max-width:560px) { .vu-page .wrap,.vu-entry .wrap { width:calc(100% - 32px); } .vu-page h1 { font-size:43px; } .vu-hero-copy>p { font-size:17px; } .vu-section { padding:43px 0; } .vu-grid { grid-template-columns:1fr; } .vu-card { padding:21px; } .vu-guide-card { padding:22px 17px; } .vu-choices { display:grid; grid-template-columns:1fr; } .vu-guide-result { padding:20px 14px; } .vu-contact { padding:44px 0; } .vu-button { font-size:14px; } .vu-actions .vu-button { flex:1 1 210px; } }
@media(prefers-reduced-motion:reduce) { .vu-page { scroll-behavior:auto; } }