/* MODDUS HR Press: media articles about the association, each with the outlet's own logo.
   Builds on the tokens in site.css. Logos sit on a plate in the outlet's own ground colour
   (white unless the logo is drawn for a dark header). */

.press-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2.4vw, 1.5rem); }
@media (max-width: 60rem) { .press-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 38rem) { .press-grid { grid-template-columns: 1fr; } }

.press-card { height: 100%; display: flex; flex-direction: column; background: var(--paper); border: 1px solid var(--line); border-radius: var(--r-panel); overflow: hidden; color: inherit; text-decoration: none; transition: border-color 0.15s, box-shadow 0.15s; }
.press-card:hover { border-color: var(--blue-ink); box-shadow: 0 6px 18px rgba(11, 27, 45, 0.08); }
.press-card:hover h3 { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.18em; }

.press-plate { --plate: #ffffff; display: flex; align-items: center; justify-content: flex-start; height: 5.5rem; padding: 0 1.4rem; background: var(--plate); border-bottom: 1px solid var(--line); }
.press-plate img { width: auto; height: 2.2rem; max-width: min(100%, 13rem); object-fit: contain; object-position: left center; }
.press-plate img.is-tall { height: 3rem; }

.press-body { display: flex; flex-direction: column; flex: 1; padding: 1.15rem 1.4rem 1.3rem; }
.press-meta { display: flex; flex-wrap: wrap; gap: 0.15rem 0.6rem; font-size: var(--step--1); color: var(--muted); margin-bottom: 0.55rem; }
.press-meta strong { color: var(--ink); }
.press-card h3 { font-size: 1.12rem; line-height: 1.3; margin: 0 0 1rem; }
.press-more { margin-top: auto; font-size: 0.95rem; font-weight: 600; color: var(--blue-ink); }
.press-more span { white-space: nowrap; }

.press-note { margin: 2rem 0 0; font-size: var(--step--1); color: var(--muted); max-width: 44rem; }

/* Home: a strip of outlet logos linking to the articles */
.press-strip { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.75rem; }
.press-strip li { flex: 0 1 10rem; }
.press-strip a { --plate: #ffffff; display: flex; align-items: center; justify-content: center; height: 4.75rem; padding: 0 1.1rem; background: var(--plate); border: 1px solid var(--line); border-radius: var(--r-panel); }
.press-strip a:hover { border-color: var(--blue-ink); box-shadow: 0 6px 18px rgba(11, 27, 45, 0.08); }
.press-strip img { width: auto; height: 1.8rem; max-width: 100%; object-fit: contain; }
.press-strip img.is-tall { height: 2.5rem; }
@media (max-width: 38rem) { .press-strip li { flex-basis: calc(50% - 0.375rem); } }
.press-head { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 0.5rem 2rem; }
.press-head p { margin-bottom: 0.6em; }
.press-plate img.is-short { height: 1.4rem; }
.press-strip img.is-short { height: 1.3rem; }

/* Home: the media band right under the hero */
.press-band { padding-block: clamp(2.25rem, 5vw, 3.25rem); }
.press-band .press-head { margin-bottom: 1.25rem; }
.press-band .press-head h2 { font-size: var(--step-2); margin: 0; }
.press-band .press-head p { margin: 0; }
/* Home: Lider, the strongest outlet, featured above the logo strip with its three articles in one row */
.press-feature { display: grid; grid-template-columns: minmax(9rem, 12rem) minmax(0, 1fr); margin-bottom: 0.75rem; background: var(--paper); border: 1px solid var(--line); border-left: 4px solid var(--blue-ink); border-radius: var(--r-panel); overflow: hidden; box-shadow: 0 6px 18px rgba(11, 27, 45, 0.06); }
.press-feature-plate { display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: #ffffff; border-right: 1px solid var(--line); }
.press-feature-plate img { width: auto; height: 2.2rem; max-width: 100%; object-fit: contain; }
.press-feature-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); background: var(--blue-wash); }
.press-feature-list li + li { border-left: 1px solid var(--line); }
.press-feature-item { height: 100%; display: flex; flex-direction: column; padding: 1.25rem clamp(1rem, 2vw, 1.5rem) 1.3rem; color: inherit; text-decoration: none; transition: background-color 0.15s; }
.press-feature-item:hover { background: var(--paper); }
.press-feature-item:hover .press-feature-title { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.18em; }
.press-feature .press-meta { margin-bottom: 0.4rem; }
.press-feature-title { display: block; font-size: 1.12rem; font-weight: 700; line-height: 1.3; color: var(--ink); margin-bottom: 0.9rem; text-wrap: balance; }
.press-feature .press-more { margin-top: auto; }
@media (max-width: 60rem) { .press-feature { grid-template-columns: 1fr; } .press-feature-plate { border-right: 0; border-bottom: 1px solid var(--line); padding: 1.1rem; } }
@media (max-width: 38rem) { .press-feature-list { grid-template-columns: 1fr; } .press-feature-list li + li { border-left: 0; border-top: 1px solid var(--line); } }