
/* Article */

 .sample-notice { max-width: 800px; margin: 0 auto 28px; padding: 14px 20px; border: 1px solid #d8e2f2; background: #f4f7fc; color: #315b9d; font-size: 14px; line-height: 1.7; }

/* Guides */

 .guides-heading {
  text-align: center;
  padding-block: clamp(40px, 5vw, 72px);
 }
 .guides-heading.is-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: clamp(360px, 55svh, 560px);
  padding-block: clamp(48px, 6vw, 88px);
 }
 html[lang] .guides-heading h1 {
  width: 100%;
  margin-inline: auto;
  font-size: clamp(32px, 4vw, 44px);
  text-wrap: balance;
  overflow-wrap: anywhere;
 }
 .guides-heading .lead {
  width: 100%;
  max-width: 48rem;
  margin: clamp(18px, 2.5vw, 24px) auto 0;
  font-size: clamp(15px, 1.8vw, 18px);
  text-wrap: pretty;
  overflow-wrap: anywhere;
 }
 .guides-actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: clamp(24px, 3vw, 36px);
 }
 .guides-actions .button {
  justify-content: center;
  max-width: 100%;
  min-height: 52px;
  gap: 12px;
  white-space: normal;
  overflow-wrap: anywhere;
 }
 @media (max-width: 480px) {
  .guides-actions .button { width: 100%; max-width: 20rem; }
 }

/* Photographs remain in the approved paragraph order, with localized captions. */
.prose .article-photo{margin:2rem 0;text-align:center}
.prose .article-photo img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:8px}
.prose .article-photo figcaption{margin-top:.65rem;color:#606b79;font-size:.875rem;line-height:1.6}

/* Published patient articles lead into the medical team's original columns. */
.column-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.column-nav a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 18px;border:1px solid #cbd6e4;border-radius:8px;color:#29496f;font-size:14px;line-height:1.5;background:#fff}
.column-nav .column-nav-primary{background:#edf3fb;border-color:#aebfda;color:#214b85;font-weight:700}
.column-nav a:hover{background:#e5edf8;border-color:#7394c3}
.column-library,#medical-columns{scroll-margin-top:40px}
.column-library{padding-top:8px;padding-bottom:40px}
.column-library-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:18px}
.column-library-heading h2{font-size:clamp(24px,2.6vw,32px);line-height:1.4;text-align:left}
.column-library .result-count{padding:0;flex-shrink:0;font-size:13px;color:#566578}
.column-library .library-tools{flex-direction:row;justify-content:space-between;align-items:center;background:none;padding:0 0 24px;gap:20px}
.column-library .filters{width:auto;gap:8px;border:0;background:none}
.column-library .filters button{flex:none;border:1px solid #d6dfe9;border-radius:7px;padding:10px 16px;font-size:14px;font-weight:500;min-height:44px}
.column-library .filters button[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}
.column-library .search{width:300px;flex-shrink:0;border-radius:7px;border-color:#d6dfe9;min-height:44px}
.column-library .search input{font-size:14px}
/* A quiet article list: type, original photograph and a fine divider. */
.column-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid #29384c}
.column-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:40px;min-width:0;padding:24px 0;border:0;border-bottom:1px solid #dce1e6;border-radius:0;background:transparent}
.column-card-no-image{grid-template-columns:minmax(0,1fr)}
.column-card[hidden]{display:none}
.column-card-image{display:flex;align-items:center;justify-content:center;padding:0;background:none}
.column-card-image img{display:block;width:100%;height:125px;object-fit:contain}
.column-card-body{display:flex;flex-direction:column;align-items:flex-start;padding:0;min-width:0}
.column-card-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:12px;color:#77808b;margin-bottom:10px}
.column-card-meta .category-label{padding:0;background:none;font-size:12px;font-weight:500;letter-spacing:0;color:#44556b}
.column-card-meta time{border-left:1px solid #d0d6de;padding-left:12px}
.column-card h3{max-width:48ch;font-size:23px;font-weight:700;line-height:1.5;letter-spacing:-.025em;overflow-wrap:anywhere;color:#1f2b3b}
.column-card-body>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:85ch;margin-top:9px;font-size:14px;line-height:1.7;color:#69717c}
.column-card-link{display:inline-flex;align-items:center;gap:10px;min-height:24px;padding:0;margin-top:12px;border:0;border-radius:0;color:#405b7c;font-size:12px;font-weight:500}
.column-card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.column-card:hover .column-card-link{color:#1d477c}
.column-medical-section{background:#f4f6f9;border-block:1px solid #e0e6ee}
.guide-area .column-medical-section .official-reading{padding-block:56px}
.guide-area .column-medical-section .section-heading{display:block;text-align:left;margin-bottom:16px}
.guide-area .column-medical-section .section-heading>div{max-width:none}
.guide-area .column-medical-section .section-heading h2{font-size:clamp(25px,2.6vw,34px);line-height:1.45;text-align:left}
.guide-area .column-medical-section .section-heading .eyebrow{text-align:left;margin-bottom:12px}
.guide-area .column-medical-section .official-reading-intro{font-size:15px;max-width:80ch}
.column-nav a:focus-visible,.column-card:focus-visible,.column-library button:focus-visible,.column-library .search:focus-within{outline:3px solid #3c6db0;outline-offset:4px}
@media(max-width:900px){.column-library .library-tools{align-items:flex-start;flex-direction:column}.column-library .search{width:100%;max-width:450px}}
@media(max-width:600px){
 .guides-heading{padding-block:32px}
 .column-nav{gap:8px;margin-top:22px}
 .column-nav a{font-size:12px;padding:10px 12px;gap:8px}
 .column-library{padding-top:8px;padding-bottom:40px}
 .column-library-heading{display:block;margin-bottom:18px}
 .column-library .result-count{margin-top:10px}
 .column-library .library-tools{gap:14px;padding-bottom:20px}
 .column-library .filters{gap:6px}
 .column-library .filters button{font-size:13px;padding:9px 13px}
 .column-card{grid-template-columns:minmax(0,1fr) 86px;gap:18px;padding-block:20px;align-items:start}
 .column-card-no-image{grid-template-columns:minmax(0,1fr)}
 .column-card-image{padding:0;margin-top:31px}
 .column-card-image img{height:72px}
 .column-card h3{font-size:18px;line-height:1.5}
 .column-card-meta,.column-card-meta .category-label{font-size:10px}
 .column-card-meta{gap:8px;margin-bottom:9px}
 .column-card-meta time{padding-left:8px}
 .column-card-body>p{font-size:12px}
 .column-card-link{margin-top:10px}
 .guide-area .column-medical-section .official-reading{padding-block:40px}
}

.patient-reading-intro{margin:-8px 0 26px;color:#59677a;font-size:15px;line-height:1.8}
.patient-reading .column-library-heading{align-items:center;flex-wrap:wrap}
.patient-reading .column-library-heading .text-link{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
