/* ============================================================
   [MARIO] v1.1 | 2026-10-30 | Feature: Blog / Insights, content pages, search, 404
   Client: MedinsDPDP | File: assets/css/medins-blog.css
   Extends the template's tokens and components (medins.css).
   ============================================================ */

.screen-reader-text{
  position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip:rect(1px,1px,1px,1px); white-space:nowrap;
}

/* ---------- Insights listing ---------- */
.medins-intro{ max-width:70ch; }
.medins-pills{ margin:18px 0 40px; }
a.pill{ display:inline-block; }
.pill.is-active,
.pill.is-active:hover{ background:var(--navy-900); color:var(--white); border-color:var(--navy-900); }

a.insight-card{ display:flex; flex-direction:column; color:inherit; }
a.insight-card .insight-body{ display:flex; flex-direction:column; flex:1; }
a.insight-card h3{ transition:color .15s var(--ease); }
a.insight-card:hover h3{ color:var(--gold-700); }
.insight-meta{
  margin-top:auto; padding-top:14px; font-size:12.5px; color:var(--slate-400); font-weight:500;
}

.medins-pagination{
  display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:48px;
}
.medins-pagination .page-numbers,
.medins-pagination > span,
.medins-pagination > a{
  min-width:42px; height:42px; padding:0 14px; border-radius:9px;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--slate-200); background:var(--white);
  font-weight:600; font-size:14px; color:var(--navy-800);
  transition:all .15s var(--ease);
}
.medins-pagination a:hover{ border-color:var(--gold-500); color:var(--gold-700); }
.medins-pagination .current{ background:var(--navy-900); border-color:var(--navy-900); color:var(--white); }
.medins-pagination .dots{ border:none; background:none; }

.medins-empty{
  text-align:center; padding:56px 28px; border:1.5px dashed var(--slate-200);
  border-radius:var(--radius-lg); background:var(--white);
}
.medins-empty h3{ font-size:22px; margin:0 0 8px; }
.medins-empty p{ color:var(--slate-500); max-width:52ch; margin:0 auto 22px; }

/* ---------- Single post / content pages ---------- */
.medins-post-hero a.eyebrow{ color:var(--gold-400); }
.medins-post-hero a.eyebrow:hover{ color:var(--gold-100); }
.medins-post-hero h1{ max-width:24ch; }
.medins-post-meta{ color:#c7d3e0; font-size:14.5px; margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }

.medins-article-section{ padding:64px 0 88px; }
.medins-article{ max-width:780px; margin:0 auto; }
.medins-article-media{ margin:0 0 40px; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-md); }
.medins-article-media img{ width:100%; height:auto; }

.medins-prose{ font-size:17px; line-height:1.75; color:var(--slate-800); }
.medins-prose > *:first-child{ margin-top:0; }
.medins-prose p,
.medins-prose ul,
.medins-prose ol,
.medins-prose blockquote,
.medins-prose figure,
.medins-prose table{ margin:0 0 1.35em; }
.medins-prose h2{ font-size:clamp(22px,2.4vw,28px); margin:1.8em 0 .6em; }
.medins-prose h3{ font-size:20px; margin:1.6em 0 .5em; }
.medins-prose h4{ font-size:17px; margin:1.4em 0 .4em; }
.medins-prose ul,
.medins-prose ol{ padding-left:1.3em; }
.medins-prose li{ margin-bottom:.45em; }
.medins-prose li::marker{ color:var(--gold-600); }
.medins-prose a{
  color:var(--navy-700); font-weight:600; text-decoration:underline;
  text-decoration-color:var(--gold-400); text-underline-offset:3px;
}
.medins-prose a:hover{ color:var(--gold-700); }
.medins-prose blockquote{
  border-left:3px solid var(--gold-500); background:var(--gold-50);
  padding:18px 24px; border-radius:0 var(--radius) var(--radius) 0;
  font-size:18px; font-style:italic; color:var(--navy-900);
}
.medins-prose blockquote p:last-child{ margin-bottom:0; }
.medins-prose img{ height:auto; border-radius:var(--radius); }
.medins-prose figcaption{ font-size:13.5px; color:var(--slate-500); margin-top:8px; text-align:center; }
.medins-prose table{ width:100%; border-collapse:collapse; font-size:15px; display:block; overflow-x:auto; }
.medins-prose th,
.medins-prose td{ border:1px solid var(--slate-200); padding:10px 14px; text-align:left; }
.medins-prose th{ background:var(--slate-50); color:var(--navy-900); }
.medins-prose hr{ border:0; height:1px; background:var(--slate-200); margin:2.2em 0; }

.medins-tags{ margin-top:36px; }
.medins-tags a{
  background:var(--slate-100); color:var(--navy-800); font-weight:600; font-size:13px;
  padding:7px 14px; border-radius:22px; border:1px solid var(--slate-200);
}
.medins-back{
  display:inline-block; margin-top:36px; font-weight:700; color:var(--navy-800);
  transition:color .15s var(--ease);
}
.medins-back:hover{ color:var(--gold-700); }

/* Fusion Builder content pages run edge-to-edge */
.medins-fusion-content{ min-height:40vh; }

/* ---------- Search form ---------- */
.medins-search{ display:flex; gap:10px; max-width:560px; margin:0 0 36px; }
.medins-search input[type="search"]{
  flex:1; min-width:0;
  border:1.5px solid var(--slate-200); border-radius:9px; padding:13px 15px;
  font-family:inherit; font-size:14.5px; color:var(--slate-900); background:var(--white);
}
.medins-search input[type="search"]:focus{
  outline:none; border-color:var(--navy-700); box-shadow:0 0 0 4px rgba(28,59,96,.10);
}

/* ---------- 404 ---------- */
.medins-404 .section-head{ margin-bottom:8px; }
.medins-404-actions{ margin:24px 0 32px; }
.medins-404-links{ margin-bottom:40px; }

@media (max-width: 640px){
  .medins-article-section{ padding:44px 0 64px; }
  .medins-prose{ font-size:16px; }
  .medins-search{ flex-direction:column; }
  .medins-search .btn{ justify-content:center; }
}