/* Match the drawer's Georgia headings, Arial body and quiet neutral palette. */
.insights-page { background: #eeebe4; }
.insights-page .masthead { background: #eeebe4; }
.insights-page #content.content-page-main { --drawer-ink: #2c3340; --drawer-muted: #6e665a; max-width: 78rem; padding: 2rem 2rem 4.5rem; background: #eeebe4; font-family: Arial, Helvetica, sans-serif; color: var(--drawer-ink); }
.insights-intro { padding: 1rem 0 2.5rem; text-align: center; }
#content.content-page-main .insights-intro h1 { margin: 0 0 .65rem; font: 400 2rem/1.2 Georgia, 'Times New Roman', serif; letter-spacing: -.018em; }
.insights-intro > p { margin: 0; color: var(--drawer-muted); font-size: 1rem; line-height: 1.6; }
.insights-latest, .article-related { max-width: 67rem; margin-inline: auto; padding: 2.5rem; }
#content .insights-section-title { margin: 0; text-align: center; font: 400 1.65rem/1.3 Georgia, 'Times New Roman', serif; letter-spacing: -.018em; }
.insight-topics { display: flex; flex-wrap: wrap; justify-content: center; gap: .6rem; margin: 1.2rem 0 2.25rem; }
#content .insight-topics a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .55rem 1rem; border: 1px solid #bdb4a2; border-radius: 999px; color: var(--drawer-ink); background: transparent; font: 400 .8125rem/1.4 Arial, Helvetica, sans-serif; text-decoration: none; transition: background-color .15s, color .15s; }
#content .insight-topics a:is(:hover, :focus-visible), #content .insight-topics a[aria-current=true] { border-color: #2c3340; background: #2c3340; color: #faf9f6; }
.insights-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.insights-grid:not([data-filtered]) > .insight-card:nth-child(2) { grid-column: span 2; }
/* Coordinated navy tones anchored in Hilvaren's #061028 brand colour. */
.insight-card { min-width: 0; --card-fill: #061028; --card-ink: #faf9f6; --card-muted: #faf9f6; }
.insight-card-recovery { --card-fill: #546780; }
.insight-card-home { --card-fill: #1b2942; }
.insight-card-garment { --card-fill: #2c3b54; }
.insight-card-award { --card-fill: #061028; }
.insight-card-conference { --card-fill: #40516b; }
#content .insight-card-link { display: flex; flex-direction: column; height: 100%; padding: 1rem; border-radius: 12px; background: var(--card-fill); color: var(--card-ink); text-decoration: none; transition: box-shadow .18s; }
.insight-image { overflow: hidden; border-radius: 6px; background: #e5dccc; }
.insight-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.insight-card .insight-image { height: 15rem; }
.insight-card.insight-card-home .insight-image { height: auto; aspect-ratio: 3 / 2; }
.insight-image-home img { object-position: center; }
.insight-image-recovery img { object-position: 50% 10%; }
.insight-image-garment { display: flex; justify-content: center; background: #e3e3e3; }
.insight-image-garment img { width: 100%; object-fit: contain; }
.insight-image-award { background: #000; }
.insight-image-award img { box-sizing: border-box; padding: 2rem; object-fit: contain; }
.insight-image-conference { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.25rem; box-sizing: border-box; padding: 1.25rem; background: #008c7b url('/assets/insights-ausbiotech-background.png') center / cover; }
.insight-image-conference img { width: 100%; height: auto; max-height: 55%; object-fit: contain; }
.insight-image-conference .conference-date { max-height: none; }
.insight-card-copy { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 1.1rem .35rem .45rem; text-align: center; }
#content .insight-topic { margin: 0 0 .5rem; color: #6e665a; font: 400 .6875rem/1.5 Arial, Helvetica, sans-serif; letter-spacing: .045em; text-transform: uppercase; }
#content .insight-card .insight-topic { color: var(--card-muted); }
#content .insight-card :is(h2,h3) { max-width: min(20rem, 100%); margin: 0 auto; color: inherit; font: 400 1.2rem/1.35 Georgia, 'Times New Roman', serif; letter-spacing: -.015em; text-wrap: balance; }
#content .insight-card-link:is(:hover, :focus-visible) { box-shadow: inset 0 0 0 2px #948b79; color: var(--card-ink); text-decoration: none; }
#content .insight-card-link:focus-visible { outline: 2px solid #7e4326; outline-offset: 4px; }
.article-column { max-width: 39rem; margin: 0 auto; }
.article-back { display: inline-flex; align-items: center; min-height: 44px; margin-bottom: 1.25rem; color: var(--drawer-muted); font-size: .8125rem; text-decoration: none; }
.article-back:is(:hover, :focus-visible) { color: #7e4326; }
.article-header { margin-bottom: 1.4rem; }
#content .article-header .insight-topic { margin-bottom: .7rem; }
#content.content-page-main .article-header h1 { margin: 0; font: 400 2rem/1.2 Georgia, 'Times New Roman', serif; letter-spacing: -.018em; }
.article-meta { margin: .85rem 0 0; color: var(--drawer-muted); font-size: .8125rem; }
.article-banner { margin-bottom: 1.75rem; }
.article-banner .insight-image { height: auto; aspect-ratio: 16 / 9; }
.article-banner .insight-image-home { aspect-ratio: 3 / 2; }
.article-banner .insight-image-garment { height: auto; aspect-ratio: 4 / 3; }
.article-banner .insight-image-recovery { aspect-ratio: auto; }
.article-banner .insight-image-recovery img { height: auto; object-fit: contain; }
.article-banner .insight-image-award { aspect-ratio: 2 / 1; }
.article-banner .insight-image-award img { padding: 2.5rem; }
.article-banner .insight-image-conference { aspect-ratio: 2 / 1; padding: 7%; gap: 1.5rem; }
.article-introduction { margin: 0 0 1.5rem; font-size: 1rem; line-height: 1.7; color: var(--drawer-ink); }
#content .article-body h2 { margin: 1.75rem 0 .75rem; font: 400 1.5rem/1.25 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; }
#content .article-body > h2:first-child { margin-top: 0; }
.article-body p { color: #4c463c; font-size: 1rem; line-height: 1.7; }
.article-body p { margin: 0 0 1rem; }
.article-quote { margin: 1.5rem 0 2rem; }
.article-quote blockquote { margin: 0; }
#content .article-quote p { color: var(--drawer-ink); font: 400 1.35rem/1.5 Georgia, 'Times New Roman', serif; }
.article-quote figcaption { color: var(--drawer-muted); font-size: .75rem; line-height: 1.6; }
.article-body a { color: #2c3340; font-weight: 600; text-decoration: none; transition: color .15s; }
.article-body a:is(:hover, :focus-visible) { color: #7e4326; text-decoration: none; }
.article-body a:focus-visible { outline: 2px solid #7e4326; outline-offset: 3px; border-radius: 2px; }
.article-note { margin: 1.75rem 0 1rem; color: var(--drawer-muted); font-size: .8125rem; line-height: 1.6; }
.article-sources { padding: .5rem 0; border-block: 1px solid #d8d1c3; font-size: .8125rem; line-height: 1.6; }
.article-sources summary { display: list-item; min-height: 44px; align-content: center; cursor: pointer; font-weight: 400; }
.article-sources ol { list-style: none; padding-left: 0; }
.article-sources li { margin-bottom: .65rem; }
.article-sources cite { font-style: normal; }
.article-related { margin-top: 3.5rem; }
.related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
@media (min-width: 681px) {
  /* Share the feature row's image and caption tracks without fixing its height. */
  .insights-grid:not([data-filtered]) > .insight-card:nth-child(-n+2),
  #content .insights-grid:not([data-filtered]) > .insight-card:nth-child(-n+2) .insight-card-link {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
    row-gap: 0;
  }
  .insights-grid:not([data-filtered]) > .insight-card-garment .insight-image {
    position: relative;
    height: auto;
    min-height: 0;
  }
  .insights-grid:not([data-filtered]) > .insight-card-garment .insight-image img {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: 12% center;
  }
}
@media (max-width: 680px) and (prefers-reduced-motion: no-preference) {
  .insight-card[data-scroll-reveal] { transition: opacity .6s ease; }
  .insight-card[data-scroll-reveal="pending"] { opacity: 0; }
  .insight-card[data-scroll-reveal="visible"] { opacity: 1; }
}
@media (max-width: 900px) {
  .insights-page #content.content-page-main { padding-inline: 1.5rem; }
  .insights-latest, .article-related { padding: 2rem 1.5rem; }
  .insights-grid, .related-grid { gap: 1rem; }
  .insight-card .insight-image { height: 12rem; }
  #content .insight-card :is(h2,h3) { font-size: 1.1rem; }
}
@media (max-width: 680px) {
  .insights-grid, .related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insights-grid:not([data-filtered]) > .insight-card:nth-child(2) { grid-column: auto; }
}
@media (max-width: 500px) {
  .insights-page #content.content-page-main { padding-inline: 1.25rem; padding-bottom: 3rem; }
  .insights-page #content.content-page-main:has(> .mobile-section-close) { padding-top: 4rem; }
  .insights-intro { padding: .75rem 0 1.75rem; }
  #content.content-page-main .insights-intro h1 { font-size: 1.85rem; }
  .insights-intro > p { font-size: .9375rem; }
  .insights-latest, .article-related { padding: 1.75rem 1rem; }
  #content .insights-section-title { font-size: 1.5rem; }
  .insight-topics { gap: .5rem; margin: 1rem 0 1.5rem; }
  #content .insight-topics a { padding-inline: .8rem; font-size: .75rem; }
  .insights-grid, .related-grid { grid-template-columns: 1fr; gap: 1.25rem; }
  #content .insight-card-link { padding: .85rem; }
  .insight-card .insight-image { height: 14rem; }
  #content .insight-card :is(h2,h3) { font-size: 1.15rem; }
  .article-back { margin-bottom: 1rem; }
  #content.content-page-main .article-header h1 { font-size: 1.85rem; }
  .article-banner .insight-image-award img { padding: 1.5rem; }
  #content .article-body h2 { font-size: 1.4rem; }
  .article-related { margin-top: 2.5rem; }
}
@media (prefers-reduced-motion: reduce) {
  #content .insight-card-link, #content .insight-topics a { transition: none; }
}