/*
 * fim-education.css — FIMM Education (blog) styles
 * ─────────────────────────────────────────────────────────────────────────
 * Layered over fim-core.css on the posts page (home.php), category/tag/date
 * archives (archive.php), and single articles (single.php). Scoped under
 * .fim-edu so nothing leaks into other templates or wp-admin.
 *
 * WHY THIS EXISTS: articles are authored by non-technical editors in the
 * Gutenberg editor. The .edu-prose block below styles WHATEVER Gutenberg
 * outputs (headings, lists, quotes, images, tables) so every article is
 * automatically on-brand — editors never touch design.
 * ─────────────────────────────────────────────────────────────────────────
 */

/* ── ARCHIVE HERO (compact dark band) ────────────────────────────────────── */
.fim-edu .edu-hero{min-height:auto;padding:150px 5vw 72px}
.fim-edu .edu-hero .hero-sub{max-width:640px;margin-bottom:0}

/* Category filter chips under the hero copy */
.fim-edu .edu-filter{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.fim-edu .edu-filter a{font-family:var(--fh);font-size:.66rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.06);padding:7px 16px;border-radius:100px;text-decoration:none;transition:background .2s,border-color .2s,color .2s}
.fim-edu .edu-filter a:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff}
.fim-edu .edu-filter a.is-active{background:var(--g300);border-color:var(--g300);color:var(--g900)}

/* ── ARTICLE CARD GRID ───────────────────────────────────────────────────── */
.fim-edu .edu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:0}
.fim-edu .edu-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;transition:border-color .22s,transform .2s,box-shadow .22s}
.fim-edu .edu-card:hover{border-color:var(--g500);transform:translateY(-3px);box-shadow:0 12px 30px rgba(33,46,27,.1)}
.fim-edu .edu-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--g900)}
.fim-edu .edu-card-img img{width:100%;height:100%;object-fit:cover;display:block}
/* Fallback tile when an article has no featured image: brand icon on dark green */
.fim-edu .edu-card-img.is-fallback{display:flex;align-items:center;justify-content:center}
.fim-edu .edu-card-img.is-fallback img{width:54px;height:54px;object-fit:contain;opacity:.9}
.fim-edu .edu-card-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.fim-edu .edu-card-cat{align-self:flex-start;font-family:var(--fh);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--g700);background:var(--g100);padding:4px 11px;border-radius:100px;margin-bottom:12px}
.fim-edu .edu-card h3{font-size:1.08rem;line-height:1.35;margin-bottom:9px}
.fim-edu .edu-card-excerpt{font-size:.86rem;color:var(--ink-mid);font-weight:300;line-height:1.65;flex:1}
.fim-edu .edu-card-meta{margin-top:16px;font-family:var(--fh);font-size:.62rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-light)}

/* No posts yet */
.fim-edu .edu-empty{text-align:center;padding:40px 0;color:var(--ink-mid);font-weight:300}

/* Pagination (WordPress the_posts_pagination output) */
.fim-edu .pagination,.fim-edu .nav-links{display:flex;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.fim-edu .nav-links .page-numbers{font-family:var(--fh);font-size:.74rem;font-weight:700;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border-med);border-radius:100px;color:var(--g900);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.fim-edu .nav-links .page-numbers:hover{background:var(--g900);color:#fff;border-color:var(--g900)}
.fim-edu .nav-links .page-numbers.current{background:var(--g500);color:#fff;border-color:var(--g500)}
.fim-edu .nav-links .page-numbers.dots{border:none}

/* ── SINGLE ARTICLE ──────────────────────────────────────────────────────── */
.fim-edu .edu-article-hero{min-height:auto;padding:150px 5vw 64px}
.fim-edu .edu-article-hero h1{font-size:clamp(1.9rem,3.6vw,3rem);max-width:860px}
.fim-edu .edu-article-hero .edu-card-cat{background:rgba(172,194,143,.18);color:var(--g300);margin-bottom:16px}
.fim-edu .edu-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-family:var(--fh);font-size:.66rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* Featured image framed at top of article body */
.fim-edu .edu-featured{max-width:860px;margin:-36px auto 0;position:relative;z-index:2;padding:0 5vw}
.fim-edu .edu-featured img{width:100%;border-radius:14px;box-shadow:0 18px 44px rgba(17,26,15,.22)}

/* The prose block — styles raw Gutenberg output so editors never touch CSS */
.fim-edu .edu-prose{max-width:720px;margin:0 auto}
.fim-edu .edu-prose>*{margin-bottom:1.35em}
.fim-edu .edu-prose p{font-size:1.02rem;font-weight:300;line-height:1.85;color:var(--ink)}
.fim-edu .edu-prose h2{font-size:1.5rem;margin-top:1.9em;margin-bottom:.7em}
.fim-edu .edu-prose h3{font-size:1.15rem;margin-top:1.6em;margin-bottom:.6em}
.fim-edu .edu-prose h4{font-family:var(--fh);font-size:.95rem;font-weight:700;color:var(--g900);margin-top:1.4em;margin-bottom:.5em}
.fim-edu .edu-prose a{color:var(--g700);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.fim-edu .edu-prose a:hover{color:var(--g500)}
.fim-edu .edu-prose ul,.fim-edu .edu-prose ol{padding-left:1.4em}
.fim-edu .edu-prose li{font-size:1.02rem;font-weight:300;line-height:1.8;margin-bottom:.5em}
.fim-edu .edu-prose li::marker{color:var(--g500)}
.fim-edu .edu-prose blockquote,.fim-edu .edu-prose .wp-block-quote{background:var(--g100);border-left:3px solid var(--g500);border-radius:0 10px 10px 0;padding:22px 26px;font-family:var(--fh);font-weight:600;font-size:1.08rem;line-height:1.55;color:var(--g900);font-style:normal}
.fim-edu .edu-prose blockquote p{font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;margin:0}
.fim-edu .edu-prose img{border-radius:12px}
.fim-edu .edu-prose figcaption{font-size:.78rem;color:var(--ink-light);font-weight:300;margin-top:8px;text-align:center}
.fim-edu .edu-prose hr{border:none;border-top:1px solid var(--border);margin:2.2em 0}
.fim-edu .edu-prose table{width:100%;border-collapse:collapse;font-size:.9rem}
.fim-edu .edu-prose th{font-family:var(--fh);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g900);background:var(--g50);text-align:left;padding:11px 14px;border:1px solid var(--g200)}
.fim-edu .edu-prose td{padding:11px 14px;border:1px solid var(--border);font-weight:300}
.fim-edu .edu-prose strong{font-weight:600;color:var(--g900)}
/* Sources list convention (editors just write "Sources" + a list) */
.fim-edu .edu-prose .edu-sources,.fim-edu .edu-prose ul.is-style-sources{font-size:.82rem;color:var(--ink-light)}

/* "More from FIMM Education" band */
.fim-edu .edu-more-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:34px}
.fim-edu .edu-more-head .btn{padding:11px 24px;font-size:.66rem}

/* ── RESPONSIVE ──────────────────────────────────────────────────────────── */
@media(max-width:1000px){.fim-edu .edu-grid{grid-template-columns:1fr 1fr}}
@media(max-width:768px){
  .fim-edu .edu-hero,.fim-edu .edu-article-hero{padding-top:120px}
  .fim-edu .edu-featured{margin-top:-24px}
}
@media(max-width:600px){.fim-edu .edu-grid{grid-template-columns:1fr}}