/* SimplyIrfan Magazine 2.10.82 — authoritative homepage card layouts.
   Enqueued after legacy homepage styles to prevent conflicting overrides. */
.si-homepage,.si-homepage .latest-grid,.si-homepage .editor-grid{min-width:0}
.si-homepage .latest-card,.si-homepage .editor-card{min-width:0;box-sizing:border-box}

/* Classic List: image and copy are sibling elements in the template. */
.si-home-style-classic_list .latest-grid,.si-home-style-classic_list .editor-grid{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important}
.si-home-style-classic_list .latest-card,.si-home-style-classic_list .editor-card{display:grid!important;grid-template-columns:minmax(112px,210px) minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;gap:18px!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:16px 0!important;margin:0!important;overflow:visible!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.si-home-style-classic_list .latest-card>.latest-image,.si-home-style-classic_list .editor-card>.editor-image{position:relative!important;inset:auto!important;display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:16/10!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:8px!important}
.si-home-style-classic_list .latest-image img,.si-home-style-classic_list .latest-image .image-placeholder,.si-home-style-classic_list .editor-image img,.si-home-style-classic_list .editor-image .image-placeholder{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:cover!important}
.si-home-style-classic_list .latest-copy,.si-home-style-classic_list .editor-copy{position:static!important;display:block!important;grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:transparent!important;color:var(--text)!important}
.si-home-style-classic_list .latest-title,.si-home-style-classic_list .latest-title a,.si-home-style-classic_list .editor-copy h3,.si-home-style-classic_list .editor-copy h3 a{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 0 7px!important;padding:0!important;background:transparent!important;color:var(--text)!important;text-align:left!important;text-shadow:none!important;font-size:clamp(16px,1.5vw,21px)!important;line-height:1.28!important;overflow-wrap:anywhere!important}
.si-home-style-classic_list .traditional-meta{display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;font-size:11px!important}
.si-home-style-classic_list .traditional-excerpt{display:block!important;margin:7px 0 0!important;font-size:13px!important;line-height:1.5!important}

/* Static Card Grid: vertical image + readable text panel. */
.si-home-style-classic_grid .latest-grid,.si-home-style-classic_grid .editor-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:22px!important;width:100%!important}
.si-home-style-classic_grid .latest-card,.si-home-style-classic_grid .editor-card{display:flex!important;flex-direction:column!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:hidden!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;box-shadow:none!important}
.si-home-style-classic_grid .latest-image,.si-home-style-classic_grid .editor-image{position:relative!important;inset:auto!important;display:block!important;flex:none!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;border-radius:0!important}
.si-home-style-classic_grid .latest-image img,.si-home-style-classic_grid .latest-image .image-placeholder,.si-home-style-classic_grid .editor-image img,.si-home-style-classic_grid .editor-image .image-placeholder{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:cover!important}
.si-home-style-classic_grid .latest-copy,.si-home-style-classic_grid .editor-copy{position:static!important;display:block!important;flex:1 1 auto!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px 15px 16px!important;overflow:visible!important;background:var(--surface)!important;color:var(--text)!important}
.si-home-style-classic_grid .latest-copy .eyebrow,.si-home-style-classic_grid .editor-copy .eyebrow{display:inline-flex!important;margin:0 0 7px!important}
.si-home-style-classic_grid .latest-title,.si-home-style-classic_grid .latest-title a,.si-home-style-classic_grid .editor-copy h3,.si-home-style-classic_grid .editor-copy h3 a{position:static!important;display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 0 7px!important;padding:0!important;color:var(--text)!important;background:transparent!important;text-align:left!important;text-shadow:none!important;font-size:clamp(16px,1.4vw,20px)!important;line-height:1.28!important;overflow-wrap:anywhere!important}
.si-home-style-classic_grid .traditional-meta{display:flex!important;flex-wrap:wrap!important;gap:5px 8px!important;font-size:11px!important}
.si-home-style-classic_grid .traditional-excerpt{display:block!important;margin:7px 0 0!important;font-size:13px!important;line-height:1.5!important}

/* Magazine + Sliding Card Grid: restore category, headline and metadata markup. */
.si-homepage .latest-grid.si-home-cards--slider{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;overflow-x:auto!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card{position:relative!important;display:block!important;flex:0 0 calc(100% / var(--si-cards-desktop,3) - 12px)!important;min-width:0!important;min-height:320px!important;aspect-ratio:4/5!important;overflow:hidden!important;border:0!important;border-radius:12px!important;background:#202633!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card>.latest-image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;z-index:0!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card>.latest-image img,.si-homepage .latest-grid.si-home-cards--slider>.latest-card>.latest-image .image-placeholder{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card:after{content:""!important;position:absolute!important;inset:30% 0 0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.84) 100%)!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card>.latest-copy{position:absolute!important;z-index:2!important;inset:auto 0 0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;padding:20px 17px 17px!important;background:transparent!important;color:#fff!important;overflow:visible!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card .eyebrow{display:inline-flex!important;position:static!important;margin:0 0 8px!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card .latest-title,.si-homepage .latest-grid.si-home-cards--slider>.latest-card .latest-title a{position:static!important;display:block!important;width:100%!important;margin:0 0 8px!important;padding:0!important;color:#fff!important;background:transparent!important;font-size:clamp(16px,1.5vw,21px)!important;line-height:1.25!important;font-weight:800!important;text-align:left!important;text-shadow:0 1px 3px rgba(0,0,0,.45)!important;overflow-wrap:anywhere!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card .traditional-meta{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:4px 8px!important;width:100%!important;margin:0!important;color:rgba(255,255,255,.92)!important;font-size:11px!important;line-height:1.35!important}
.si-homepage .latest-grid.si-home-cards--slider>.latest-card .traditional-meta *{color:inherit!important}

@media(min-width:641px) and (max-width:1024px){.si-home-style-classic_grid .latest-grid,.si-home-style-classic_grid .editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(max-width:780px){.si-home-style-classic_list .latest-card,.si-home-style-classic_list .editor-card{grid-template-columns:120px minmax(0,1fr)!important;gap:13px!important;padding:13px 0!important}.si-home-style-classic_list .traditional-excerpt{display:none!important}}
@media(max-width:640px){.si-home-style-classic_grid .latest-grid,.si-home-style-classic_grid .editor-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important}.si-home-style-classic_grid .latest-card,.si-home-style-classic_grid .editor-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;align-items:center!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;overflow:visible!important;background:transparent!important}.si-home-style-classic_grid .latest-image,.si-home-style-classic_grid .editor-image{grid-column:1!important;grid-row:1!important;aspect-ratio:1/1!important;border-radius:7px!important}.si-home-style-classic_grid .latest-copy,.si-home-style-classic_grid .editor-copy{grid-column:2!important;grid-row:1!important;padding:5px 0 5px 12px!important;background:transparent!important}.si-home-style-classic_grid .traditional-excerpt{display:none!important}.si-homepage .latest-grid.si-home-cards--slider>.latest-card{flex-basis:calc(100% / var(--si-cards-mobile,1.2) - 10px)!important;min-height:300px!important}}
@media(max-width:420px){.si-home-style-classic_list .latest-card,.si-home-style-classic_list .editor-card{grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important}.si-home-style-classic_list .latest-title,.si-home-style-classic_list .latest-title a,.si-home-style-classic_list .editor-copy h3,.si-home-style-classic_list .editor-copy h3 a{font-size:14px!important}.si-home-style-classic_list .traditional-meta{font-size:10px!important;gap:3px 6px!important}.si-home-style-classic_grid .latest-card,.si-home-style-classic_grid .editor-card{grid-template-columns:96px minmax(0,1fr)!important}.si-home-style-classic_grid .latest-copy,.si-home-style-classic_grid .editor-copy{padding-left:10px!important}.si-home-style-classic_grid .latest-title,.si-home-style-classic_grid .latest-title a,.si-home-style-classic_grid .editor-copy h3,.si-home-style-classic_grid .editor-copy h3 a{font-size:14px!important}}


/* v2.10.87 — use a dedicated non-overlay copy class for Magazine static grids.
   This avoids legacy overlay selectors that were hiding/misplacing the title. */
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  border: 1px solid var(--line, #e5e7eb) !important;
  border-radius: 10px !important;
  background: var(--surface, #fff) !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-image {
  position: relative !important;
  inset: auto !important;
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  overflow: hidden !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-image::after {
  content: none !important;
  display: none !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 15px 16px !important;
  color: var(--text, #171717) !important;
  background: var(--surface, #fff) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  text-align: left !important;
  text-shadow: none !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static .eyebrow {
  position: static !important;
  display: inline-flex !important;
  margin: 0 0 9px !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static > .latest-title,
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static > .latest-title a {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  color: var(--text, #171717) !important;
  background: transparent !important;
  font-size: clamp(16px, 1.4vw, 20px) !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  text-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow-wrap: anywhere !important;
}
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static .traditional-meta,
.si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid > .latest-card > .latest-copy--static .traditional-meta * {
  position: static !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 5px 8px !important;
  color: var(--muted, #6b7280) !important;
  font-size: 11px !important;
  line-height: 1.45 !important;
  text-shadow: none !important;
}
@media (max-width: 700px) {
  .si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 480px) {
  .si-homepage.si-homepage--magazine .latest-grid.si-home-cards--grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* v2.10.89 — Editor's Picks category badge contrast in traditional/list view.
   Keep the monochrome badge treatment and prevent list-specific text colors
   from overriding the badge foreground. */
html:not([data-theme="dark"]) body.home .editor-grid.si-home-cards--list > .editor-card .eyebrow,
html:not([data-theme="dark"]) body.home .editor-grid.si-home-cards--list > .editor-card .eyebrow *,
html:not([data-theme="dark"]) body.home .si-home-cards--list .editor-card .eyebrow,
html:not([data-theme="dark"]) body.home .si-home-cards--list .editor-card .eyebrow * {
  background-color: #111111 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html[data-theme="dark"] body.home .editor-grid.si-home-cards--list > .editor-card .eyebrow,
html[data-theme="dark"] body.home .editor-grid.si-home-cards--list > .editor-card .eyebrow *,
html[data-theme="dark"] body.home .si-home-cards--list .editor-card .eyebrow,
html[data-theme="dark"] body.home .si-home-cards--list .editor-card .eyebrow * {
  background-color: #ffffff !important;
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}


/* v2.10.90 — Footer recent-post metadata contrast.
   Editorial is the .site-footer--light preset. Scope only the date metadata;
   do not alter footer story titles, navigation or other footer text. */
html body footer.site-footer.site-footer--minimal .footer-story .footer-story__content > time,
html body footer.site-footer.site-footer--stacked .footer-story .footer-story__content > time,
html body footer.site-footer.site-footer--light .footer-story .footer-story__content > time,
html body footer.site-footer.site-footer--compact .footer-story .footer-story__content > time {
  color: #586579 !important;
  -webkit-text-fill-color: #586579 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Keep footer dates readable if a dark color scheme is active. */
html[data-theme="dark"] body footer.site-footer.site-footer--minimal .footer-story .footer-story__content > time,
html[data-theme="dark"] body footer.site-footer.site-footer--stacked .footer-story .footer-story__content > time,
html[data-theme="dark"] body footer.site-footer.site-footer--light .footer-story .footer-story__content > time,
html[data-theme="dark"] body footer.site-footer.site-footer--compact .footer-story .footer-story__content > time {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}