/* MICAD Perspectives Editorial 1.2 — child-theme stylesheet */
:root {
  --page-bg: #F3F1EC;
  --text-color: #252C34;
  --headings-color: #252C34;
  --link-color: #3E655E;
  --link-color-hover: #294B44;
  --color: #3E655E;
  --light: #D7D9D2;
  --lighter: #EAECE6;
}
body, .top, .hero, .feed__item { background-color: transparent; }
.top { border-bottom: 1px solid rgba(37,44,52,.1); }
.logo { font-variation-settings: 'wght' 600; letter-spacing: -.025em; }
.hero--noimage { padding-bottom: clamp(1rem,2vw,2rem); }
.home-template .hero__content { padding-bottom: clamp(1.3rem,2.5vw,2.8rem); }
.home-template .hero__content h1 { letter-spacing: -.035em; }
.micad-feed-section { padding-top: clamp(1.6rem,3vw,3.5rem); }
.micad-section-title { border-bottom: 1px solid var(--light); margin: 0 0 1.7rem; padding-bottom: 1.1rem; }
.micad-section-title > span { color: #3E655E; display: block; font-family: var(--menu-font); font-size: .72rem; font-weight: 700; letter-spacing: .12em; }
.micad-section-title h2 { margin: .4rem 0 0; font-size: clamp(1.35rem,2.2vw,1.9rem); }
.micad-feed-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: clamp(1.3rem,3vw,3rem); row-gap: clamp(1.7rem,3vw,3.5rem); }
.micad-feed-grid .feed__item { min-width: 0; margin: 0; padding: 0 0 1.6rem; display: flex; flex-direction: column; border-bottom: 1px solid var(--light); gap: 0; }
.micad-feed-grid .feed__item:before, .micad-category-grid .feed__item:before { display: none; }
.micad-feed-grid .feed__item .feed__image { width: 100%; margin: 0 0 1rem; max-width: none; flex: none; }
.micad-feed-grid .feed__image img { display: block; width: 100%; height: 11rem; object-fit: cover; border-radius: 5px; }
.micad-feed-grid .feed__item .feed__content { width: 100%; max-width: none; padding: 0; margin: 0; }
.micad-feed-grid .feed__title { font-size: clamp(1.18rem,1.8vw,1.55rem); line-height: 1.27; margin: .5rem 0; overflow-wrap: anywhere; }
.micad-feed-grid .feed__title a, .micad-category-grid .feed__title a { color: #252C34; }
.micad-feed-grid .feed__title a:hover, .micad-category-grid .feed__title a:hover { color: #3E655E; }
.micad-feed-grid .feed__meta { margin: .2rem 0 .6rem; }
.micad-feed-grid .feed__item p { font-size: .94rem; line-height: 1.55; margin-top: .6rem; overflow-wrap: anywhere; }
.micad-feed-grid .feed__readmore { font-size: .82rem; color: #3E655E; margin-top: .8rem; }
/* The most recent article gets the lead-story treatment; no image is required. */
.micad-feed-grid .feed__item.micad-lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 41%) minmax(0,1fr); gap: clamp(1.2rem,3vw,3rem); align-items: center; padding: 0 0 clamp(2rem,3vw,3.4rem); }
.micad-feed-grid .micad-lead .feed__image { grid-column: 1; margin: 0; }
.micad-feed-grid .micad-lead .feed__image img { height: clamp(15rem,27vw,23rem); }
.micad-feed-grid .micad-lead .feed__content { grid-column: 2; }
.micad-feed-grid .micad-lead:not(:has(.feed__image)) { display: block; }
.micad-feed-grid .micad-lead:not(:has(.feed__image)) .feed__content { max-width: 52rem; }
.micad-feed-grid .micad-lead .feed__title { font-size: clamp(1.5rem,2.7vw,2.35rem); }
.micad-feed-grid .micad-lead p { font-size: 1rem; }
/* Tag pages: readable cards rather than long full-width entries. */
.micad-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2rem; }
.micad-category-grid .feed__item { display: flex; flex-direction: column; margin: 0; padding: 0 0 1.5rem; min-width: 0; border-bottom: 1px solid var(--light); }
.micad-category-grid .feed__image { width: 100%; max-width: none; margin: 0 0 .9rem; }
.micad-category-grid .feed__image img { width: 100%; height: 11rem; object-fit: cover; border-radius: 5px; }
.micad-category-grid .feed__content { max-width: none; width: 100%; margin: 0; padding: 0; }
.micad-category-grid .feed__title { font-size: clamp(1.2rem,1.7vw,1.6rem); line-height: 1.25; overflow-wrap: anywhere; }
.micad-category-grid .feed__item p { font-size: .94rem; line-height: 1.55; }
/* Keep long-form articles spacious and unaffected by listing grids. */
.post-template .post__inner, .page-template .page__inner { max-width: var(--entry-width); }
@media (max-width: 48rem) {
  .micad-feed-grid, .micad-category-grid { grid-template-columns: 1fr; }
  .micad-feed-grid .feed__item.micad-lead { grid-column: auto; display: flex; flex-direction: column; align-items: stretch; }
  .micad-feed-grid .micad-lead .feed__image, .micad-feed-grid .micad-lead .feed__content { grid-column: auto; }
  .micad-feed-grid .micad-lead .feed__image img { height: 14rem; }
  .micad-feed-grid .feed__image img, .micad-category-grid .feed__image img { height: 13rem; }
  .micad-feed-grid .feed__title { font-size: 1.4rem; }
  .micad-feed-section { padding-top: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .micad-feed-grid *, .micad-category-grid * { transition: none !important; } }

/* v1.2: fuller editorial page width and consistent post image placement */
.micad-feed-section, .page--tag > .wrapper.feed.micad-category-grid {
  width: calc(100% - 2 * clamp(1rem, 4vw, 4.5rem));
  max-width: 86rem;
  margin-inline: auto;
}
.micad-feed-grid .feed__image, .micad-category-grid .feed__image {
  overflow: hidden;
  border-radius: 5px;
}
.micad-feed-grid .feed__image img, .micad-category-grid .feed__image img {
  object-fit: cover;
}
@media (max-width: 48rem) {
  .micad-feed-section, .page--tag > .wrapper.feed.micad-category-grid {
    width: calc(100% - 2rem);
  }
}

/* v1.3: prevent inherited full-height feed figures from creating blank image panels.
   Card image frames have a predictable aspect ratio; the article page is unchanged. */
.micad-feed-grid .feed__item .feed__image,
.micad-category-grid .feed__item .feed__image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #EAECE6;
  flex-shrink: 0;
}
.micad-feed-grid .feed__item .feed__image > img,
.micad-category-grid .feed__item .feed__image > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: inherit;
}
.micad-feed-grid .feed__item.micad-lead .feed__image {
  aspect-ratio: 16 / 10;
}
/* Avoid visual empty space due to default figure backgrounds after images load. */
.micad-feed-grid .feed__item .feed__image img.is-loaded,
.micad-category-grid .feed__item .feed__image img.is-loaded {
  opacity: 1;
}
@media (max-width: 48rem) {
  .micad-feed-grid .feed__item.micad-lead .feed__image { aspect-ratio: 16 / 9; }
}