/* ns-article.css — patient-education article pages (Direction 04). Pairs with ns-base.css. */
.art-layout{max-width:1080px;margin:0 auto;padding:46px 40px 78px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start}
.prose{min-width:0}

/* prose sections (original markup wrapped each topic in .article) */
.prose .article{padding:0 0 30px;margin-bottom:30px;border-bottom:1px solid var(--line)}
.prose .article:last-child{border-bottom:none;margin-bottom:0}
.prose h2{font-family:'Newsreader',serif;font-weight:500;font-size:27px;letter-spacing:-0.018em;color:var(--ink);line-height:1.18;margin-bottom:16px}
.prose h2 em{font-style:italic;color:var(--brand)}
.prose h3{font-family:'Newsreader',serif;font-weight:500;font-size:20px;letter-spacing:-0.01em;color:var(--ink);margin:26px 0 10px}
.prose p{font-size:16.5px;line-height:1.8;color:var(--ink-soft);margin-bottom:15px}
.prose p:last-child{margin-bottom:0}
.prose ul,.prose ol{padding-left:22px;margin:0 0 16px}
.prose li{font-size:16.5px;line-height:1.72;color:var(--ink-soft);margin-bottom:8px}
.prose li::marker{color:var(--brand)}
.prose strong{font-weight:600;color:var(--ink)}
.prose a{color:var(--brand);border-bottom:1px solid rgba(0,128,200,.25)}
.prose a:hover{border-color:var(--brand)}

/* callouts (carried over from source) */
.callout{border-radius:12px;padding:18px 22px;margin:22px 0;font-size:15.5px;line-height:1.65}
.callout-info{background:linear-gradient(135deg,#e7f3fb,#eef6fc);border-left:3px solid var(--brand);color:var(--navy)}
.callout-warn{background:#fff7ed;border-left:3px solid #e8923a;color:#7c3d12}
.callout-success{background:#eef7ec;border-left:3px solid #3f8f49;color:#1f5b2a}
.contact-box{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:20px 24px;margin:22px 0}
.contact-box h3{font-family:'Newsreader',serif;font-weight:500;font-size:18px;margin-bottom:8px}
.effective{display:inline-block;background:#e7f3fb;border:1px solid #cfe6f6;color:var(--brand-dark);font-size:12.5px;font-weight:600;padding:5px 14px;border-radius:20px;margin-top:14px;letter-spacing:.02em}

/* sidebar */
.art-rail{position:sticky;top:104px}
.art-appt{background:linear-gradient(150deg,var(--navy-2),var(--navy));color:#fff;border-radius:16px;padding:24px 24px 26px;box-shadow:0 16px 40px rgba(7,45,73,.18)}
.art-appt h3{color:#fff;font-size:20px;letter-spacing:-0.01em;margin-bottom:6px}
.art-appt p{font-size:13.5px;color:rgba(255,255,255,.72);line-height:1.55;margin-bottom:16px}
.art-appt .phone{font-family:'Newsreader',serif;font-size:26px;letter-spacing:-0.02em;color:#fff;display:block;margin-bottom:14px}
.art-appt .phone a{color:#fff}
.art-appt .btn{width:100%}
.rail-card{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.rail-card h4{font-family:'Hanken Grotesk',sans-serif;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-light);font-weight:700;margin-bottom:13px}
.rail-card a{display:block;font-size:14px;color:var(--ink);font-weight:500;padding:8px 0;border-bottom:1px solid var(--line-2);line-height:1.4}
.rail-card a:last-child{border-bottom:none}
.rail-card a:hover{color:var(--brand-dark)}

.art-pagenav{max-width:1080px;margin:0 auto;padding:0 40px 70px;display:flex;justify-content:space-between;gap:14px}
.art-pagenav a{font-size:13.5px;font-weight:600;color:var(--brand)}
.art-pagenav .mid{color:var(--ink-light);font-weight:500}

@media(max-width:880px){
  .art-layout{grid-template-columns:1fr;gap:34px;padding:34px 22px 60px}
  .art-rail{position:static}
  .art-pagenav{padding:0 22px 54px}
}