.inner-header .nav-links { margin-left:auto; }
.inner-header .nav-actions .button { white-space:nowrap; }

.blog-hero {
  padding:92px 0 78px;
  color:white;
  background:linear-gradient(145deg,#0b76a6 0%,#062a4d 70%);
  overflow:hidden;
  position:relative;
}
.blog-hero::after { content:""; position:absolute; width:440px; height:440px; right:-170px; top:-245px; border:70px solid rgba(40,199,220,.13); border-radius:50%; }
.blog-hero .shell { position:relative; z-index:1; }
.blog-hero .kicker { color:#7ce4ee; }
.blog-hero h1 { max-width:900px; margin-top:14px; color:white; font-size:clamp(2.7rem,5vw,4.7rem); }
.blog-hero p { max-width:720px; margin:24px 0 0; color:#d0e3ed; font-size:1.12rem; }

.blog-list { background:#f5fafb; }
.blog-list .insight-card { min-height:390px; }

.breadcrumbs { padding:28px 0 0; color:var(--muted); font-size:.9rem; }
.breadcrumbs ol { display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:0; padding:0; }
.breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:8px; color:#9aaab5; }
.breadcrumbs a { color:var(--blue); }

.article-hero { padding:48px 0 78px; background:linear-gradient(180deg,#ffffff 0%,#eef6f8 100%); }
.article-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,.42fr); gap:70px; align-items:end; }
.article-heading h1 { max-width:900px; margin-top:14px; font-size:clamp(2.6rem,5.2vw,4.8rem); }
.article-lead { margin:24px 0 0; max-width:780px; color:#40596d; font-size:1.2rem; line-height:1.7; }
.article-meta { padding:24px 0 4px; border-top:1px solid #bfd3dd; color:var(--muted); }
.article-meta strong { display:block; margin-bottom:6px; color:var(--navy); }

.article-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(250px,330px); gap:80px; align-items:start; }
.article-content { max-width:820px; font-size:1.08rem; line-height:1.78; }
.article-content > p:first-child { margin-top:0; color:#354f63; font-size:1.2rem; }
.article-content h2 { margin:58px 0 18px; font-size:clamp(1.85rem,3.2vw,2.7rem); }
.article-content h3 { margin:34px 0 10px; color:var(--navy); font-size:1.35rem; }
.article-content ul,.article-content ol { padding-left:1.3em; }
.article-content li { margin:10px 0; }
.article-content a { color:var(--blue); text-decoration:underline; text-underline-offset:3px; }
.article-summary { margin:36px 0; padding:30px; border-left:5px solid var(--cyan); border-radius:0 18px 18px 0; background:var(--mist); }
.article-summary strong { display:block; margin-bottom:12px; color:var(--navy); font-size:1.16rem; }
.article-summary ul { margin:0; }
.dosage-table { width:100%; margin:28px 0; border-collapse:collapse; font-size:1rem; }
.dosage-table th,.dosage-table td { padding:14px 16px; border:1px solid var(--line); text-align:left; }
.dosage-table th { color:white; background:var(--navy); }
.dosage-table tr:nth-child(even) td { background:var(--mist); }

.article-aside { position:sticky; top:116px; display:grid; gap:18px; }
.aside-card { padding:26px; border:1px solid var(--line); border-radius:20px; background:white; box-shadow:0 12px 32px rgba(6,42,77,.07); }
.aside-card--navy { color:white; background:var(--navy); border-color:var(--navy); }
.aside-card h2 { margin:8px 0 12px; font-size:1.55rem; }
.aside-card--navy h2 { color:white; }
.aside-card p { margin:0 0 20px; color:var(--muted); }
.aside-card--navy p { color:#c5d9e6; }
.aside-card .button { width:100%; }
.aside-label { color:var(--blue); font-size:.78rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.aside-card--navy .aside-label { color:#7ce4ee; }
.aside-links { display:grid; gap:12px; }
.aside-links a { color:var(--blue); font-weight:700; }

.article-cta { margin-top:62px; padding:38px; border-radius:24px; color:white; background:linear-gradient(145deg,#0b76a6,#062a4d); }
.article-cta h2 { margin:0 0 12px; color:white; font-size:clamp(1.8rem,3vw,2.5rem); }
.article-cta p { max-width:660px; margin:0 0 24px; color:#d0e3ed; }
.article-cta .button { margin-right:8px; }

.related { padding-top:20px; background:#f5fafb; }
.related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.related-card { padding:26px; border:1px solid var(--line); border-radius:20px; background:white; }
.related-card small { color:var(--blue); font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.related-card h3 { margin:16px 0 10px; color:var(--navy); font-size:1.35rem; line-height:1.3; }
.related-card a { color:var(--blue); font-weight:750; }

.blog-footer { margin-top:0; }

@media (max-width:1200px) {
  .inner-header .nav-links { margin-left:0; }
}
@media (max-width:960px) {
  .article-heading,.article-layout { grid-template-columns:minmax(0,1fr); gap:34px; }
  .article-meta { max-width:600px; }
  .article-aside { position:static; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  body { padding-bottom:0; }
  .blog-hero { padding:62px 0 56px; }
  .blog-hero h1 { font-size:clamp(2.35rem,11vw,3.4rem); }
  .article-hero { padding:28px 0 54px; }
  .article-heading h1 { font-size:clamp(2.25rem,10.5vw,3.35rem); }
  .article-lead { font-size:1.05rem; }
  .article-layout { gap:42px; }
  .article-content { font-size:1rem; }
  .article-content > p:first-child { font-size:1.08rem; }
  .article-content h2 { margin-top:44px; }
  .article-summary,.article-cta { padding:24px; }
  .article-aside,.related-grid { grid-template-columns:minmax(0,1fr); }
  .dosage-table { display:block; overflow-x:auto; }
  .article-cta .button { width:100%; margin:0 0 10px; }
}