/* MedUC journal article: readable typography, original content, shared saved theme. */
.mbj { --mbj-bg:#070708; --mbj-soft:#151517; --mbj-panel:#1d1e22; --mbj-ink:#f4f4f5; --mbj-muted:#b2b4be; --mbj-line:#ffffff26; --mbj-red:#f04465; background:var(--mbj-bg); color:var(--mbj-ink); font:400 15px/1.75 Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
html[data-meduc-theme="light"] .mbj { --mbj-bg:#fff; --mbj-soft:#f7f6f2; --mbj-panel:#f2f3f5; --mbj-ink:#22242a; --mbj-muted:#686e78; --mbj-line:#e0e2e7; --mbj-red:#bd263a; }
.mbj *,.mbj *::before,.mbj *::after { box-sizing:border-box; }
.mbj [hidden] { display:none !important; }
.mbj .mbj-shell { width:min(83.333333%,1440px); margin-inline:auto; }
.mbj h1,.mbj h2,.mbj h3,.mbj h4,.mbj p { color:inherit; }
.mbj a { color:inherit; text-decoration:none; }
.mbj a:focus,.mbj button:focus,.mbj summary:focus,.mbj input:focus { outline:none !important; }
.mbj a:focus-visible,.mbj button:focus-visible,.mbj summary:focus-visible,.mbj input:focus-visible,.mbj [tabindex="0"]:focus-visible { outline:2px solid var(--mbj-red) !important; outline-offset:4px; }
.mbj [tabindex="-1"]:focus { outline:none !important; }
.mbj svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.mbj-progress { position:fixed; z-index:1021; top:0; right:0; left:0; height:3px; pointer-events:none; }
.mbj-progress>span { display:block; width:100%; height:100%; background:var(--mbj-red); transform:scaleX(0); transform-origin:left; }
.mbj-crumb { display:flex; align-items:center; gap:12px; min-height:56px; padding-block:12px; border-bottom:1px solid var(--mbj-line); color:var(--mbj-muted); font-size:10px; }
.mbj-crumb>a:last-child { color:var(--mbj-ink); }
.mbj-crumb a:hover { color:var(--mbj-red); }
.mbj-intro { padding-block:54px 36px; }
.mbj-reading-width { max-width:840px; margin-inline:auto; }
.mbj .mbj-eyebrow { display:block; margin:0 0 18px; color:var(--mbj-red); font:700 10px/1.7 Inter,Arial,sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.mbj-eyebrow>span { padding-inline:8px; color:var(--mbj-muted); }
.mbj h1 { margin:0; font:650 clamp(34px,3.55vw,54px)/1.2 Inter,Arial,sans-serif; letter-spacing:-.045em; text-wrap:balance; }
.mbj .mbj-lead { margin:24px 0 0; color:var(--mbj-muted); font-size:16px; line-height:1.9; }
.mbj-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px 15px; margin-top:25px; color:var(--mbj-muted); font-size:11px; }
.mbj-dot { flex:none; width:3px; height:3px; border-radius:50%; background:currentColor; opacity:.6; }
.mbj-time { display:inline-flex; align-items:center; gap:7px; }
.mbj-time svg { width:15px; height:15px; }
.mbj-copy { display:inline-flex; align-items:center; gap:8px; margin-left:auto; padding:6px 0; border:0; background:transparent; color:var(--mbj-red); font:500 11px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mbj-copy svg { width:16px; height:16px; }
.mbj-copy:hover { color:var(--mbj-ink); }
.mbj .mbj-cover { max-width:1040px; margin-block:0; }
.mbj-cover>img { display:block; width:100%; height:auto; max-height:620px; border-radius:8px; background:var(--mbj-soft); object-fit:contain; }
.mbj-cover figcaption { padding-top:10px; color:var(--mbj-muted); font-size:9px; letter-spacing:.08em; text-align:right; text-transform:uppercase; }
.mbj-body-layout { display:grid; grid-template-columns:220px minmax(0,760px); justify-content:center; align-items:start; gap:clamp(35px,5vw,80px); padding-block:50px 65px; }
.mbj-reading-column { min-width:0; }
.mbj-aside { align-self:stretch; }
.mbj-aside-sticky { position:sticky; top:calc(var(--mhi-header-h,66px) + 26px); }
.mbj-toc summary { display:flex; align-items:center; justify-content:space-between; gap:15px; color:var(--mbj-muted); font-size:9px; font-weight:700; letter-spacing:.08em; list-style:none; cursor:pointer; }
.mbj summary::-webkit-details-marker { display:none; }
.mbj-toc summary svg { flex:none; width:14px; height:14px; transition:transform .2s; }
.mbj-toc[open] summary svg { transform:rotate(180deg); }
.mbj-toc nav { display:flex; flex-direction:column; gap:17px; max-height:calc(100dvh - var(--mhi-header-h,66px) - 240px); min-height:80px; overflow:auto; margin-top:20px; padding:2px 10px 2px 15px; border-left:1px solid var(--mbj-line); scrollbar-width:thin; scrollbar-color:var(--mbj-line) transparent; }
.mbj-toc nav a { display:block; position:relative; color:var(--mbj-muted); font-size:11px; line-height:1.65; }
.mbj-toc nav a:hover,.mbj-toc nav a[aria-current] { color:var(--mbj-red); }
.mbj-toc nav a[aria-current]::before { content:""; position:absolute; top:0; bottom:0; left:-16px; width:2px; background:var(--mbj-red); }
.mbj-reading-status { display:grid; grid-template-columns:1fr auto; align-items:center; gap:12px; margin-top:30px; padding-top:16px; border-top:1px solid var(--mbj-line); }
.mbj-reading-status>span { color:var(--mbj-muted); font-size:8px; font-weight:600; letter-spacing:.12em; }
.mbj-reading-status strong { color:var(--mbj-red); font-size:11px; font-weight:600; }
.mbj-reading-status>div { grid-column:1/-1; height:2px; overflow:hidden; background:var(--mbj-line); }
.mbj-reading-status>div>span { display:block; width:100%; height:100%; background:var(--mbj-red); transform:scaleX(0); transform-origin:left; }
.mbj .mbj-back { display:inline-block; margin-top:20px; color:var(--mbj-muted); font-size:11px; }
.mbj .mbj-back:hover { color:var(--mbj-red); }
.mbj-prose { color:var(--mbj-ink); font-size:16px; line-height:1.95; overflow-wrap:anywhere; }
.mbj-prose * { max-width:100%; }
.mbj-prose p,.mbj-prose>div { margin:0 0 23px; }
.mbj-prose>:first-child { margin-top:0; }
.mbj-prose h2,.mbj-prose h3,.mbj-prose h4,.mbj-prose [id] { scroll-margin-top:calc(var(--mhi-header-h,66px) + 30px); }
.mbj-prose h2 { margin:46px 0 19px; font:650 clamp(25px,2.15vw,31px)/1.4 Inter,Arial,sans-serif; letter-spacing:-.035em; }
.mbj-prose h3 { margin:32px 0 15px; font:600 22px/1.5 Inter,Arial,sans-serif; letter-spacing:-.025em; }
.mbj-prose h4 { margin:25px 0 12px; font:600 19px/1.55 Inter,Arial,sans-serif; }
.mbj-prose strong,.mbj-prose b { color:inherit; font-weight:650; }
.mbj-prose a { color:var(--mbj-red); text-decoration:underline; text-decoration-thickness:1px; text-decoration-color:color-mix(in srgb,var(--mbj-red) 40%,transparent); text-underline-offset:4px; }
.mbj-prose a:hover { color:var(--mbj-ink); text-decoration-color:currentColor; }
.mbj-prose ul,.mbj-prose ol { margin:17px 0 25px; padding-left:25px; }
.mbj-prose ul { list-style:disc; }
.mbj-prose ol { list-style:decimal; }
.mbj-prose li { margin:8px 0; }
.mbj-prose li p { margin-bottom:10px; }
.mbj-prose img { display:block; width:auto; height:auto; max-height:850px; margin:28px auto; object-fit:contain; border-radius:5px; }
.mbj-prose img[width][height]:not(.mbj-emoji) { width:min(100%,var(--mbj-image-width)); aspect-ratio:var(--mbj-image-ratio); }
.mbj-prose img.mbj-emoji { display:inline; width:1.1em; height:1.1em; margin:0 2px; vertical-align:middle; border-radius:0; }
.mbj-prose iframe,.mbj-media iframe { display:block; width:100%; aspect-ratio:16/9; height:auto; margin-block:28px; border:0; border-radius:7px; background:#101114; }
.mbj-prose video,.mbj-media video { display:block; width:100%; height:auto; margin-block:28px; border-radius:7px; background:#101114; }
.mbj-prose figure { margin:30px 0; }
.mbj-prose figure img { margin-block:0; }
.mbj-prose figcaption { margin-top:10px; color:var(--mbj-muted); font-size:12px; text-align:center; }
.mbj-prose blockquote { margin:30px 0; padding:20px 25px; border-left:3px solid var(--mbj-red); border-radius:0 6px 6px 0; background:var(--mbj-soft); font-size:18px; line-height:1.85; }
.mbj-prose blockquote p:last-child { margin-bottom:0; }
.mbj-prose hr { margin-block:32px; border:0; border-top:1px solid var(--mbj-line); }
.mbj-prose pre { overflow:auto; padding:18px; border-radius:5px; background:var(--mbj-panel); color:var(--mbj-ink); font-size:13px; line-height:1.6; }
.mbj-prose code { color:var(--mbj-red); font-size:.9em; }
.mbj-prose .mbj-table-scroll { overflow:auto; margin-block:28px; border:1px solid var(--mbj-line); border-radius:6px; scrollbar-width:thin; }
.mbj-prose table { width:100%; margin:0; border:0; border-collapse:collapse; font-size:14px; line-height:1.7; }
.mbj-prose th,.mbj-prose td { min-width:115px; padding:13px 15px; border:1px solid var(--mbj-line); vertical-align:top; }
.mbj-prose td p:last-child,.mbj-prose th p:last-child { margin-bottom:0; }
.mbj-prose th { background:var(--mbj-panel); font-weight:600; }
.mbj-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; margin-top:30px; }
.mbj-gallery img { display:block; width:100%; height:auto; border-radius:6px; }
.mbj-files { margin-block:35px; }
.mbj-files h2,.mbj-faq h2 { margin:0 0 20px; font:600 26px/1.4 Inter,Arial,sans-serif; letter-spacing:-.03em; }
.mbj-files>a { display:flex; align-items:center; gap:13px; padding:16px; border:1px solid var(--mbj-line); border-radius:6px; color:var(--mbj-red); font-size:13px; overflow-wrap:anywhere; }
.mbj-files>a+a { margin-top:10px; }
.mbj-files svg { flex:none; }
.mbj-files>a>span { margin-left:auto; font-size:21px; }
.mbj-faq { margin-top:50px; padding-top:28px; border-top:1px solid var(--mbj-line); }
.mbj-faq>details { border-bottom:1px solid var(--mbj-line); }
.mbj-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:20px; font-size:15px; font-weight:600; list-style:none; cursor:pointer; }
.mbj-faq summary>span { flex:none; color:var(--mbj-red); font-size:23px; font-weight:400; }
.mbj-faq details[open] summary>span { transform:rotate(45deg); }
.mbj-faq .mbj-prose { padding-bottom:20px; font-size:14px; }
.mbj-tags { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin-top:35px; }
.mbj-tags>a { padding:6px 10px; border:1px solid var(--mbj-line); border-radius:4px; color:var(--mbj-muted); font-size:10px; }
.mbj-tags>a:hover { color:var(--mbj-red); border-color:var(--mbj-red); }
.mbj-end { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; margin-top:40px; padding-block:25px; border-block:1px solid var(--mbj-line); }
.mbj-end>span { color:var(--mbj-muted); font-size:10px; font-weight:600; letter-spacing:.08em; }
.mbj-end>span>span { letter-spacing:0; }
.mbj-end>a { display:flex; align-items:center; gap:17px; color:var(--mbj-red); font-size:11px; font-weight:600; }
.mbj-end>a>span { font-size:21px; font-weight:400; }
.mbj-adjacent { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; margin-top:30px; }
.mbj-adjacent>a { display:flex; flex-direction:column; gap:10px; }
.mbj-adjacent>a:last-child:nth-child(2) { padding-left:28px; border-left:1px solid var(--mbj-line); }
.mbj-adjacent span { color:var(--mbj-muted); font-size:9px; letter-spacing:.08em; }
.mbj-adjacent strong { font-size:13px; font-weight:600; line-height:1.7; }
.mbj-adjacent a:hover strong { color:var(--mbj-red); }
.mbj-related { padding-block:60px; border-top:1px solid var(--mbj-line); background:var(--mbj-soft); }
.mbj-section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; }
.mbj-section-heading h2,.mbj-next h2 { margin:0; font:400 clamp(42px,4.1vw,62px)/1.17 Anton,Impact,sans-serif; letter-spacing:-.01em; }
.mbj-section-heading h2 span,.mbj-next h2 span { color:var(--mbj-red); }
.mbj-section-heading>a { display:inline-flex; align-items:center; gap:15px; margin-bottom:5px; color:var(--mbj-red); font-size:11px; }
.mbj-section-heading>a>span { font-size:22px; }
.mbj-section-heading>p { max-width:300px; margin:0; color:var(--mbj-muted); font-size:13px; }
.mbj-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; margin-top:30px; }
.mbj-card { display:flex; flex-direction:column; min-width:0; border-bottom:1px solid var(--mbj-line); }
.mbj-card-image { display:block; aspect-ratio:1.55; overflow:hidden; border-radius:7px; background:var(--mbj-panel); }
.mbj-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.mbj-card-image:hover img { transform:scale(1.035); }
.mbj-card-image>span { display:grid; place-items:center; height:100%; color:var(--mbj-red); font:400 30px/1.3 Anton,Impact,sans-serif; }
.mbj-card-copy { display:flex; flex-direction:column; flex:1; padding-block:20px; }
.mbj-card-copy .mbj-eyebrow { margin-bottom:10px; font-size:9px; }
.mbj-card h3 { margin:0 0 14px; font:600 19px/1.5 Inter,Arial,sans-serif; letter-spacing:-.03em; }
.mbj-card h3 a:hover { color:var(--mbj-red); }
.mbj-card-copy>p:not(.mbj-eyebrow) { display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0 0 22px; color:var(--mbj-muted); font-size:12px; line-height:1.85; }
.mbj-card-copy>div { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:auto; }
.mbj-card time { color:var(--mbj-muted); font-size:10px; }
.mbj-card-copy>div>a { display:flex; align-items:center; gap:20px; color:var(--mbj-red); font-size:11px; font-weight:600; }
.mbj-card-copy>div>a>span { font-size:21px; font-weight:400; }
.mbj-next { padding-block:60px; border-top:1px solid var(--mbj-line); }
.mbj-next-inner { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.mbj-next p:last-child { max-width:440px; margin:20px 0 0; color:var(--mbj-muted); font-size:13px; line-height:1.9; }
.mbj .mbj-button { display:inline-flex; flex:none; align-items:center; justify-content:space-between; gap:30px; min-height:49px; padding:13px 19px; border:0; border-radius:6px; background:#de2334; color:#fff; font:600 12px/1.5 Inter,Arial,sans-serif; transition:filter .2s; }
.mbj .mbj-button:hover { filter:brightness(1.12); color:#fff; }
.mbj-button>span { font-size:21px; line-height:1; }
.mbj-courses { padding-block:60px; }
.mbj-course-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin-top:30px; }
.mbj-course-grid article { min-width:0; overflow:hidden; border:1px solid var(--mbj-line); border-radius:7px; background:var(--mbj-bg); }
.mbj-course-grid article>a { display:flex; flex-direction:column; height:100%; }
.mbj-course-image { display:block; flex:none; aspect-ratio:1.7; overflow:hidden; background:var(--mbj-soft); }
.mbj-course-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
.mbj-course-grid article>a:hover img { transform:scale(1.035); }
.mbj-course-copy { display:flex; flex:1; flex-direction:column; padding:21px; }
.mbj-course-grid h3 { margin:0 0 20px; font:700 16px/1.5 Inter,Arial,sans-serif; letter-spacing:-.02em; }
.mbj-course-grid article>a:hover h3 { color:var(--mbj-red); }
.mbj-course-link { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; color:var(--mbj-red); font:600 12px/1.5 Inter,Arial,sans-serif; }
.mbj-course-link>span { font-size:20px; font-weight:400; }
@media(max-width:560px) { .mbj-course-grid article>a { display:grid; grid-template-columns:110px minmax(0,1fr); align-items:stretch; } .mbj-course-image { aspect-ratio:auto; min-height:110px; } .mbj-course-copy { padding:17px; } .mbj-course-grid h3 { margin-bottom:12px; font-size:13px; } .mbj-course-link { font-size:11px; } }
.mbj-copy-dialog { width:min(480px,calc(100% - 40px)); padding:28px; border:1px solid var(--mbj-line); border-radius:10px; background:var(--mbj-bg); color:var(--mbj-ink); }
.mbj-copy-dialog::backdrop { background:#0009; }
.mbj-copy-dialog h2 { margin:0 0 12px; font:600 24px/1.4 Inter,Arial,sans-serif; }
.mbj-copy-dialog p { font-size:13px; color:var(--mbj-muted); }
.mbj-copy-dialog input { width:100%; padding:12px; border:1px solid var(--mbj-line); border-radius:5px; background:var(--mbj-panel); color:var(--mbj-ink); font-size:16px; }
.mbj-copy-dialog form { margin-top:18px; text-align:right; }
.mbj-copy-dialog button { padding:9px 18px; border:1px solid var(--mbj-line); border-radius:5px; background:var(--mbj-panel); color:var(--mbj-ink); cursor:pointer; }
.mbj-unavailable { padding-block:85px; }
.mbj-unavailable .mbj-button { margin-top:30px; }
.mbj-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1100px) { .mbj .mbj-shell { width:90%; } .mbj-body-layout { grid-template-columns:180px minmax(0,1fr); gap:35px; } .mbj h1 { font-size:42px; } .mbj-related-grid,.mbj-course-grid { gap:20px; } }
@media(max-width:850px) { .mbj .mbj-shell { width:calc(100% - 40px); } .mbj-intro { padding-block:35px 28px; } .mbj h1 { font-size:36px; } .mbj .mbj-lead { font-size:15px; } .mbj-body-layout { grid-template-columns:1fr; gap:27px; padding-block:30px 45px; } .mbj-aside { align-self:auto; } .mbj-aside-sticky { position:static; } .mbj-toc { padding:17px; border:1px solid var(--mbj-line); border-radius:6px; background:var(--mbj-soft); } .mbj-toc summary { font-size:10px; } .mbj-toc nav { max-height:300px; } .mbj-reading-status,.mbj-aside .mbj-back { display:none !important; } .mbj-related-grid,.mbj-course-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .mbj-section-heading { align-items:flex-start; flex-direction:column; gap:20px; } .mbj-next-inner { align-items:flex-start; flex-direction:column; gap:25px; } }
@media(max-width:560px) { .mbj-crumb { min-height:48px; font-size:10px; } .mbj h1 { font-size:31px; letter-spacing:-.035em; line-height:1.28; text-wrap:initial; } .mbj .mbj-lead { margin-top:20px; font-size:14px; line-height:1.85; } .mbj-meta { gap:12px 10px; margin-top:20px; font-size:10px; } .mbj-copy { margin-left:0; font-size:10px; } .mbj-copy svg { width:14px; } .mbj-cover>img { border-radius:5px; } .mbj-cover figcaption { font-size:8px; } .mbj-prose { font-size:15px; line-height:1.95; } .mbj-prose h2 { margin-top:36px; font-size:25px; } .mbj-prose h3 { font-size:21px; } .mbj-prose img { margin-block:22px; } .mbj-prose blockquote { padding:17px 20px; font-size:16px; } .mbj-prose table { font-size:12px; } .mbj-prose td,.mbj-prose th { padding:10px; } .mbj-related,.mbj-next,.mbj-courses { padding-block:42px; } .mbj-related-grid,.mbj-course-grid { grid-template-columns:1fr; gap:28px; } .mbj-section-heading h2,.mbj-next h2 { font-size:43px; } .mbj-adjacent { gap:17px; } .mbj-adjacent>a:last-child:nth-child(2) { padding-left:17px; } .mbj-adjacent strong { font-size:12px; } .mbj-adjacent span { font-size:8px; } .mbj-gallery { gap:10px; } .mbj-card h3 { font-size:20px; } }
@media(prefers-reduced-motion:reduce) { .mbj *,.mbj *::before,.mbj *::after { transition:none !important; scroll-behavior:auto !important; } }
