/* MedInspect long-form guides: clear reading rhythm, quiet supporting detail. */
.article-main {
  padding-bottom: 18px;
  background: radial-gradient(ellipse at 88% 2%, #1b6c7328, transparent 24%), #102b42;
}
.article-hero { padding-top: 32px; padding-bottom: 38px; }
.article-hero .blog-breadcrumb { flex-wrap: wrap; row-gap: 5px; margin-bottom: 42px; }
.article-hero .blog-eyebrow { margin-bottom: 20px; }
.article-hero h1 {
  max-width: 1040px;
  margin: 0 0 24px;
  font-size: clamp(2.375rem, 4.4vw, 3.875rem);
  font-weight: 500;
  line-height: 1.12;
  letter-spacing: -.045em;
  text-wrap: balance;
}
.article-deck {
  max-width: 840px;
  margin: 0 0 25px;
  color: #bfd5e0;
  font-size: clamp(1.125rem, 1.7vw, 1.3125rem);
  line-height: 1.7;
}
.article-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 23px;
  color: #a7c3d0;
  font-size: .8125rem;
  line-height: 1.7;
}
.article-meta p { margin: 0; }
.article-meta > :first-child { color: #e0edf2; font-weight: 600; }
.article-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 24px; }
.article-print {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 15px;
  border: 1px solid #80adbd55;
  border-radius: 3px;
  background: transparent;
  color: #d9e9ee;
  font-size: .875rem;
  line-height: 1.5;
}
.article-print[hidden] { display: none; }
.article-print:hover { border-color: var(--mint); color: var(--mint); }
.article-cover { margin-top: 0; margin-bottom: 58px; }
.article-cover img {
  width: 100%;
  aspect-ratio: 16 / 8;
  max-height: 570px;
  object-fit: cover;
  object-position: center;
  border-radius: 4px;
}
.article-cover figcaption,
.article-inline-image figcaption {
  margin-top: 12px;
  color: #97b5c4;
  font-size: .8125rem;
  line-height: 1.65;
}
.article-layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 760px);
  justify-content: center;
  align-items: start;
  gap: clamp(36px, 5vw, 76px);
}
.article-toc { position: sticky; top: 130px; align-self: start; padding: 4px 0 18px; }
.article-toc p {
  margin: 0 0 18px;
  color: #86bdc7;
  font-size: .6875rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.article-toc ol { padding-left: 19px; margin: 0; color: #8aabba; }
.article-toc li { padding-left: 4px; margin-bottom: 14px; font-size: .8125rem; line-height: 1.6; }
.article-toc li::marker { color: #7098aa; font-size: .6875rem; }
.article-main .article-toc a { color: #b7d0dc; text-decoration-color: #80adbd45; }
.article-main .article-toc a:hover,
.article-main .article-toc a[aria-current] { color: var(--mint); text-decoration-color: var(--mint); }
.article-content { min-width: 0; max-width: 760px; color: #c4d8e3; font-size: 1.125rem; line-height: 1.8; }
.article-content > section { margin-top: 50px; }
.article-content h2 {
  margin: 0 0 22px;
  color: var(--white);
  font-size: clamp(1.75rem, 2.5vw, 2.375rem);
  font-weight: 500;
  line-height: 1.22;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.article-content h3 { margin: 30px 0 13px; color: #edf5f8; font-size: 1.375rem; font-weight: 600; line-height: 1.4; letter-spacing: -.02em; }
.article-content p { margin: 0 0 20px; }
.article-content strong { color: #edf5f8; font-weight: 600; }
.article-content ul,
.article-content ol { margin: 0 0 24px; padding-left: 25px; }
.article-content li { padding-left: 4px; margin-bottom: 10px; }
.article-content li::marker { color: var(--mint); }
.article-content li > p { margin-bottom: 10px; }
.article-content li > ul,
.article-content li > ol { margin-top: 10px; margin-bottom: 12px; }
.article-main a:not(.button):not(.text-link) {
  color: var(--mint);
  text-decoration: underline;
  text-decoration-color: #66cec580;
  text-underline-offset: .2em;
  text-decoration-thickness: 1px;
}
.article-main a:not(.button):not(.text-link):hover { color: #a0e6dd; text-decoration-color: currentColor; }
.article-main .blog-breadcrumb a { color: #d4e5ec; }
.article-summary {
  padding: 27px 30px 24px;
  border: 1px solid #73b5c12b;
  border-left: 3px solid var(--mint);
  border-radius: 3px;
  background: #1b415147;
}
.article-summary h2 { margin-bottom: 16px; font-size: 1.625rem; }
.article-summary p,
.article-summary ol { font-size: 1.0625rem; line-height: 1.75; }
.article-summary > :last-child { margin-bottom: 0; }
.article-table-wrap { width: 100%; overflow-x: auto; margin: 26px 0; border: 1px solid #80adbd40; border-radius: 4px; }
.article-table-wrap:focus-visible { outline: 2px solid var(--mint); outline-offset: 4px; }
.article-table-wrap table { width: 100%; min-width: 580px; border-collapse: collapse; text-align: left; font-size: .9375rem; line-height: 1.65; }
.article-table-wrap caption { padding: 18px 20px; color: #e6f1f5; font-size: 1rem; font-weight: 600; line-height: 1.5; text-align: left; background: #17394e; }
.article-table-wrap th { background: #17394e; color: #e7f2f5; font-size: .8125rem; font-weight: 600; }
.article-table-wrap th,
.article-table-wrap td { padding: 15px 18px; border-bottom: 1px solid #80adbd30; vertical-align: top; }
.article-table-wrap tbody tr:nth-child(even) { background: #ffffff03; }
.article-table-wrap tbody tr:last-child td { border-bottom: 0; }
.article-table-wrap p { margin: 0; }
.article-note { margin: 26px 0; padding: 20px 24px; border-left: 2px solid var(--mint); background: #66cec509; border-radius: 0 3px 3px 0; font-size: 1rem; line-height: 1.75; }
.article-note > strong { display: block; margin-bottom: 8px; }
.article-note > :last-child { margin-bottom: 0; }
.article-inline-image { margin: 34px 0; }
.article-inline-image img { width: 100%; height: auto; max-height: 520px; object-fit: cover; border-radius: 4px; }
.article-workflow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 26px 0; }
.article-workflow > div { padding: 19px 18px 18px; border-top: 2px solid #66cec580; background: #ffffff03; }
.article-workflow strong { display: block; margin-bottom: 10px; font-size: 1rem; }
.article-workflow p { margin: 0; font-size: .9375rem; line-height: 1.7; }
.article-checklist { margin-block: 30px; }
.article-content .article-checklist ul,
.article-checklist > ul { list-style: none; padding-left: 0; margin-bottom: 0; }
.article-checklist li { position: relative; padding: 14px 0 14px 31px; margin: 0; border-bottom: 1px solid #80adbd28; }
.article-checklist li::before { content: '✓'; position: absolute; top: 14px; left: 0; color: var(--mint); font-weight: 600; }
.article-checklist li:last-child { border-bottom: 0; }
.article-faq details { border-bottom: 1px solid #80adbd35; padding: 0; }
.article-faq details:first-of-type { border-top: 1px solid #80adbd35; }
.article-faq summary { padding: 20px 30px 20px 0; color: #edf5f8; font-size: 1.0625rem; font-weight: 600; line-height: 1.6; cursor: pointer; }
.article-faq summary::marker { color: var(--mint); }
.article-faq summary:focus-visible { outline: 2px solid var(--mint); outline-offset: 5px; }
.article-faq details > p { padding: 0 0 5px 20px; font-size: 1rem; line-height: 1.8; }
.article-sources { padding-top: 32px; border-top: 1px solid var(--line); }
.article-sources h2 { font-size: 1.625rem; }
.article-sources ol { margin-bottom: 0; font-size: .875rem; line-height: 1.75; }
.article-sources li { margin-bottom: 16px; }
.article-sources p { margin-bottom: 5px; }
.article-sources a { overflow-wrap: anywhere; }
.article-cta { margin-top: 44px; padding: 30px; border: 1px solid #66cec544; border-radius: 4px; background: linear-gradient(135deg, #173e51, #133246); }
.article-cta h2 { margin-bottom: 16px; font-size: clamp(1.625rem, 2.5vw, 2rem); }
.article-cta p { margin-bottom: 22px; font-size: 1.0625rem; }
.article-cta .button { font-size: .875rem; }
.article-byline { margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--line); font-size: .8125rem; line-height: 1.7; color: #9bb7c6; }
.article-byline p { margin-bottom: 10px; }
.article-bottom { padding-top: 30px; padding-bottom: 62px; }
.article-bottom .text-link { font-size: .875rem; }
@media (max-width: 1100px) {
  .article-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 35px; }
  .article-toc { top: 124px; }
  .article-workflow { gap: 12px; }
  .article-workflow > div { padding: 17px 15px; }
}
@media (max-width: 900px) {
  .article-layout { grid-template-columns: minmax(0, 760px); gap: 34px; }
  .article-toc { position: static; padding: 22px 0; border-block: 1px solid var(--line); }
  .article-toc p { margin-bottom: 13px; }
  .article-toc ol { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; }
  .article-toc li { margin: 0; }
  .article-cover { margin-bottom: 38px; }
  .article-content > section { margin-top: 42px; }
}
@media (max-width: 600px) {
  .article-hero { padding-top: 24px; padding-bottom: 30px; }
  .article-hero .blog-breadcrumb { margin-bottom: 30px; }
  .article-hero h1 { font-size: clamp(2rem, 8.3vw, 2.75rem); line-height: 1.16; margin-bottom: 20px; }
  .article-hero .blog-eyebrow { font-size: .625rem; letter-spacing: .12em; }
  .article-deck { font-size: 1.0625rem; line-height: 1.7; }
  .article-meta { column-gap: 16px; font-size: .75rem; }
  .article-actions { margin-top: 20px; gap: 14px 20px; }
  .article-cover img { aspect-ratio: 4 / 3; }
  .article-cover figcaption,
  .article-inline-image figcaption { font-size: .75rem; }
  .article-layout { gap: 28px; }
  .article-content { font-size: 1.0625rem; line-height: 1.8; }
  .article-content h2 { font-size: 1.75rem; }
  .article-content h3 { font-size: 1.25rem; }
  .article-content > section { margin-top: 38px; }
  .article-summary { padding: 22px 21px; }
  .article-summary h2 { font-size: 1.5rem; }
  .article-summary p,
  .article-summary ol { font-size: 1rem; }
  .article-note { padding: 18px 20px; }
  .article-workflow { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .article-workflow > div { padding: 18px 20px; }
  .article-cta { padding: 24px 22px; }
  .article-cta h2 { font-size: 1.5rem; }
  .article-cta p { font-size: 1rem; }
  .article-bottom { padding-bottom: 42px; }
}
@media (max-width: 400px) {
  .article-toc ol { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .article-toc li { font-size: .8125rem; }
}
@media print {
  @page { size: auto; margin: 17mm; }
  html, body.article-page { height: auto !important; overflow: visible !important; background: #fff !important; color: #111 !important; }
  .article-page .header,
  .article-page .footer,
  .article-page .site-loader,
  .article-page .skip,
  .article-toc,
  .article-actions,
  .article-print,
  .article-bottom,
  .article-cta,
  .article-hero .blog-breadcrumb { display: none !important; }
  .article-main { background: #fff !important; padding: 0; }
  .article-page .wrap,
  .article-content { width: 100%; max-width: none; margin-inline: 0; }
  .article-layout { display: block; }
  .article-hero { padding: 0 0 18pt; }
  .article-hero h1 { font-size: 25pt; line-height: 1.15; color: #111; }
  .article-hero .blog-eyebrow { color: #333; font-size: 8pt; }
  .article-deck { max-width: none; color: #333; font-size: 12pt; line-height: 1.55; }
  .article-meta { color: #444; font-size: 8pt; }
  .article-meta > :first-child { color: #111; }
  .article-cover { margin-bottom: 20pt; }
  .article-cover img { max-height: 65mm; object-fit: cover; }
  .article-inline-image { margin-block: 16pt; break-inside: avoid; }
  .article-inline-image img { max-height: 80mm; width: auto; max-width: 100%; object-fit: contain; }
  .article-cover figcaption,
  .article-inline-image figcaption { color: #555; font-size: 8pt; }
  .article-content { color: #222; font-size: 10.5pt; line-height: 1.6; }
  .article-content p { margin-bottom: 10pt; orphans: 3; widows: 3; }
  .article-content h2 { font-size: 17pt; color: #111; margin-bottom: 10pt; break-after: avoid; }
  .article-content h3 { font-size: 12pt; color: #111; margin-top: 16pt; break-after: avoid; }
  .article-content strong { color: #111; }
  .article-content > section { margin-top: 24pt; }
  .article-content ul,
  .article-content ol { margin-bottom: 12pt; }
  .article-content li { margin-bottom: 6pt; }
  .article-content li::marker,
  .article-checklist li::before { color: #222; }
  .article-main a:not(.button):not(.text-link) { color: #111; text-decoration-color: #666; }
  .article-summary,
  .article-note { background: #fff; color: #222; border-color: #aaa; padding: 14pt; }
  .article-summary p,
  .article-summary ol,
  .article-note { font-size: 10pt; }
  .article-summary h2 { font-size: 15pt; }
  .article-table-wrap { overflow: visible; border-color: #aaa; }
  .article-table-wrap table { width: 100%; min-width: 0; font-size: 8.5pt; line-height: 1.5; }
  .article-table-wrap caption,
  .article-table-wrap th { background: #eee !important; color: #111; }
  .article-table-wrap th,
  .article-table-wrap td { padding: 8pt; border-color: #bbb; }
  .article-table-wrap tr { break-inside: avoid; }
  .article-table-wrap thead { display: table-header-group; }
  .article-workflow { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12pt; }
  .article-workflow > div { background: #fff; border-color: #777; padding: 10pt 0; break-inside: avoid; }
  .article-workflow p { font-size: 9pt; }
  .article-workflow strong { font-size: 10pt; }
  .article-checklist li { border-color: #ccc; padding-block: 8pt; }
  .article-checklist li::before { top: 8pt; }
  .article-faq details { border-color: #bbb; }
  .article-faq summary { color: #111; font-size: 10.5pt; padding-block: 10pt; break-after: avoid; }
  .article-faq summary::marker { color: #555; }
  .article-faq details > p { color: #222; font-size: 10pt; padding-left: 0; }
  .article-faq details:not([open]) > *:not(summary) { display: block !important; }
  .article-faq details::details-content { content-visibility: visible !important; }
  .article-sources,
  .article-byline { border-color: #aaa; }
  .article-sources ol,
  .article-byline { color: #444; font-size: 8pt; }
}

.article-summary{margin-bottom:26px}