/* SAMF media center (Figma 295:7433, story 126707). Tokens come from samf-tokens.css. Logical properties keep RTL and LTR correct. */
.samf-press {
  --_glass: rgba(0, 0, 0, .5);
  --_glass-faint: rgba(0, 0, 0, .01);
  --_hero-top: 155px;
}
.samf-press .samf-listing-hero {
  display: flex; align-items: flex-end; min-block-size: 370px; padding: var(--_hero-top) 0 80px !important;
  background: linear-gradient(to top, rgba(3, 3, 3, .8), rgba(27, 30, 4, 0)); border-block-end: 0;
}
.samf-press .samf-listing-hero > .container, .samf-press > .container { max-inline-size: 1500px; padding-inline: 40px; }
.samf-press .samf-listing-hero > .container { inline-size: 100%; }
.samf-press .samf-listing-title { font-weight: 500; font-size: 64px; line-height: 68px; letter-spacing: -.02em; }
:lang(ar) .samf-press .samf-listing-title, :lang(ar) .samf-press .samf-section-title { letter-spacing: 0; }
.samf-press > .container { display: grid; gap: 40px; padding-block: 80px !important; }
.samf-press .samf-card__meta { font-size: var(--samf-fs-small); color: var(--samf-color-muted); }
.samf-press-resources__intro > p, .samf-press-resources__intro .samf-section-title { margin-block-end: 12px; }

.samf-press-tabs { display: flex; gap: 0; overflow-x: auto; border-block-end: 1px solid var(--samf-color-text); }
.samf-press-tab { display: inline-flex; align-items: center; min-block-size: 2.75rem; padding: 10px 24px; color: var(--samf-color-text); text-decoration: none; font-weight: 500; font-size: 1rem; white-space: nowrap; border-block-end: 3px solid transparent; margin-block-end: -1px; }
.samf-press-tab:hover { color: var(--samf-color-primary); }
.samf-press-tab--active { color: var(--samf-color-primary); border-block-end-color: var(--samf-color-primary); }
.samf-press-tab:focus-visible, .samf-press-item__summary:focus-visible, .samf-chip:focus-visible, .samf-press-resources a:focus-visible, .samf-press .samf-btn-primary:focus-visible { outline: 3px solid var(--samf-color-focus); outline-offset: 2px; }

.samf-press-panel { background: var(--_glass-faint); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border: 1px solid var(--samf-color-border); border-radius: 32px; padding: 32px; margin: 0; display: grid; gap: 24px; }
.samf-press-downloads { background: var(--_glass); border: 0; }
.samf-press .samf-section-title { font-family: var(--samf-font-display); font-weight: 300; font-size: clamp(1.75rem, 1.2rem + 2vw, 2.875rem); line-height: 1.09; margin: 0; color: var(--samf-color-text); }
.samf-press-downloads .samf-section-title { font-weight: 600; color: var(--samf-color-performance); text-transform: uppercase; }
:lang(ar) .samf-press-downloads .samf-section-title { text-transform: none; }
.samf-press .samf-empty { background: transparent; border-radius: 16px; }

.samf-press-accordion { display: grid; }
.samf-press-item { border-block-end: 1px solid var(--samf-color-border); padding-block: 16px; }
.samf-press-item:last-child { border-block-end: 0; }
.samf-press-item__summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: 16px; min-block-size: 2.75rem; font-family: var(--samf-font-display); font-weight: 500; font-size: 1rem; line-height: 20px; }
.samf-press-item__summary::-webkit-details-marker { display: none; }
.samf-press-item__summary::before { content: ""; inline-size: .6rem; block-size: .6rem; margin-inline: .3rem; border-inline-end: 2px solid currentColor; border-block-end: 2px solid currentColor; transform: rotate(45deg) translate(-2px, -2px); flex: none; }
.samf-press-item[open] > .samf-press-item__summary { color: var(--samf-color-primary); }
.samf-press-item[open] > .samf-press-item__summary::before { transform: rotate(-135deg) translate(-2px, -2px); }
.samf-press-item__body { padding-block: 16px 0; padding-inline-start: 36px; font-weight: 300; font-size: 1rem; line-height: 22px; letter-spacing: -.02em; }
.samf-press-item__body ul { margin-block: 0 8px; padding-inline-start: 24px; }
.samf-press-item__label { font-size: var(--samf-fs-body); font-weight: 600; color: var(--samf-color-performance); margin-block: .75rem .25rem; }

.samf-press-chips { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; }
.samf-press-chips .samf-chip { margin-inline-end: 0; background: transparent; border: 1px solid var(--samf-color-primary); color: var(--samf-color-primary); border-radius: 20px; padding-inline: 10px; font-weight: 400; font-size: var(--samf-fs-small); }
.samf-press-chips .samf-chip--active { background: var(--samf-color-primary); color: var(--samf-color-on-primary); }

.samf-press .samf-downloads { gap: 0; border-block-start: 1px solid var(--samf-color-border); }
.samf-press .samf-downloads .samf-download { background: transparent; border-radius: 0; padding: 12px 8px; border-block-end: 1px solid var(--samf-color-border) !important; }
.samf-press .samf-download__title { font-family: var(--samf-font-body); font-weight: 300; font-size: var(--samf-fs-body); line-height: 20px; }
.samf-press .samf-btn-primary { background: var(--samf-color-primary); color: var(--samf-color-on-primary); border-radius: 8px; padding-inline: 20px; }

.samf-press-apply { display: grid; gap: 32px; justify-items: start; align-content: center; background: var(--_glass); border-radius: 32px; padding: 32px; margin: 0; }
.samf-press-apply p { margin: 0; font-weight: 300; max-inline-size: 70ch; }
.samf-press-apply .samf-section-title { font-weight: 600; color: var(--samf-color-performance); text-transform: uppercase; }
:lang(ar) .samf-press-apply .samf-section-title { text-transform: none; }

.samf-press-resources { display: grid; gap: 24px; grid-template-columns: 1fr; background: var(--_glass-faint); border: 1px solid var(--samf-color-border); border-radius: 32px; padding: 32px; }
.samf-press-resources__links { display: grid; gap: .75rem; align-content: start; }
.samf-press-resources a { color: var(--samf-color-primary); min-block-size: 2.75rem; display: inline-flex; align-items: center; }
@media (min-width: 768px) { .samf-press-resources { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 1024px) {
  .samf-press-panel, .samf-press-apply, .samf-press-resources { padding: 24px; }
  .samf-press .samf-listing-hero > .container, .samf-press > .container { padding-inline: 24px; }
  .samf-press .samf-listing-title { font-size: 48px; line-height: 52px; }
}
@media (max-width: 640px) {
  .samf-press { --_hero-top: 110px; }
  .samf-press .samf-listing-hero { min-block-size: 240px; padding-block-end: 40px !important; }
  .samf-press .samf-listing-title { font-size: 36px; line-height: 40px; }
  .samf-press-tab { padding-inline: 14px; }
  .samf-press-item__body { padding-inline-start: 8px; }
  .samf-press-panel, .samf-press-apply, .samf-press-resources { border-radius: 24px; }
}
@media (max-width: 375px) { .samf-press .samf-listing-hero > .container, .samf-press > .container { padding-inline: 16px; } .samf-press-panel, .samf-press-apply, .samf-press-resources { padding: 16px; } }

/* ---- exact Figma values (N2) ---- */
.samf-press { --_f: var(--samf-font-display); font-family: var(--_f); }
.samf-press .samf-listing-title, .samf-press .samf-section-title, .samf-press-item__summary { font-family: var(--_f); }
.samf-press-tab { font-family: var(--_f); font-size: 16px; line-height: 20px; }
.samf-press-panel { border-color: rgba(255, 255, 255, .15); }
.samf-press-item { border-block-end-color: rgba(255, 255, 255, .15); }
.samf-press-item__summary { font-size: 16px; line-height: 20px; }
.samf-press-item[open] > .samf-press-item__summary { color: var(--samf-color-primary); letter-spacing: -.02em; }
.samf-press-item__list { margin: 0; padding-inline-start: 24px; font-weight: 300; font-size: 16px; line-height: 22px; letter-spacing: -.02em; }
.samf-press-item__list .samf-press-item__label { display: inline; font-size: inherit; margin: 0; }
.samf-press-downloads .samf-section-title { font-size: 46px; line-height: 50px; }
.samf-press-groups { display: grid; }
.samf-press-group { border-block-start: 1px solid rgba(255, 255, 255, .15); }
.samf-press-group > .samf-press-item__summary { padding-block: 16px; }
.samf-press .samf-downloads { border-block-start: 0; }
.samf-press .samf-downloads .samf-download { display: flex; align-items: center; gap: 12px; padding: 10px 8px; border-block-end: 0 !important; }
.samf-press .samf-download__icon { flex: none; inline-size: 16px; block-size: 16px; }
.samf-press .samf-download__title { font-size: 14px; line-height: 20px; font-weight: 300; }
.samf-press-chips .samf-chip { padding: 6px 10px; font-size: 12px; line-height: 16px; border: 1px solid #40F394; color: var(--samf-color-primary); }
.samf-press-apply { display: grid; grid-template-columns: minmax(0, 686px) minmax(0, 1fr); gap: 48px; align-items: center; background: transparent; padding: 0; border-radius: 0; }
.samf-press-apply__media { aspect-ratio: 686 / 386; border-radius: 16px; border: 1px solid rgba(255, 255, 255, .15); box-shadow: 0 4px 20px rgba(0, 0, 0, .5); background: var(--_glass); }
.samf-press-apply__text { display: grid; gap: 32px; justify-items: start; }
.samf-press-apply .samf-section-title { font-weight: 300; color: var(--samf-color-text); font-size: 46px; line-height: 50px; }
.samf-press-apply .samf-section-title strong { font-weight: 600; color: var(--samf-color-performance); }
.samf-press-apply p { font-size: 14px; line-height: 20px; font-weight: 300; }
@media (max-width: 1024px) {
  .samf-press-apply { grid-template-columns: 1fr; gap: 24px; padding: 0; }
  .samf-press-downloads .samf-section-title, .samf-press-apply .samf-section-title { font-size: 32px; line-height: 38px; }
}
@media (max-width: 375px) { .samf-press-apply { padding: 0; } }
.samf-press-apply { justify-items: stretch; }
.samf-press-apply__media { inline-size: 100%; }
.samf-press-downloads .samf-section-title, .samf-press-apply .samf-section-title { letter-spacing: 0; }

/* website-figma CN: CMS apply image */
.samf-press-apply__media img { display: block; inline-size: 100%; block-size: 100%; object-fit: cover; border-radius: inherit; }

/* 1105 fixes: active chip kept its own text colour (was primary on primary = blank); download row text fills the space and aligns to the start */
.samf-press-chips .samf-chip.samf-chip--active { background: var(--samf-color-primary); color: var(--samf-color-on-primary); }
.samf-press .samf-downloads .samf-download > div { flex: 1 1 0; min-inline-size: 0; text-align: start; }
.samf-press .samf-downloads .samf-download .samf-btn-primary { flex: none; min-block-size: 44px; display: inline-flex; align-items: center; }
.samf-press .samf-chip { min-block-size: 32px; }
@media (max-width: 600px) { .samf-press .samf-downloads .samf-download { flex-wrap: wrap; } .samf-press .samf-downloads .samf-download > div { flex-basis: calc(100% - 40px); } }
/* 1105: Figma shows the open accordion row and the open download group title in Light Green */
.samf-press-item[open] > .samf-press-item__summary, .samf-press-group[open] > .samf-press-item__summary { color: var(--samf-color-primary); }
.samf-press-item__list { list-style: disc; }

/* 1105: Figma 295:7433 - the categories accordion starts the panel (heading stays for assistive tech), list labels are plain body text */
#samf-press-cat-h { position: absolute; inline-size: 1px; block-size: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.samf-press-item__list .samf-press-item__label { color: inherit; font-weight: 400; }

/* 1105: mobile keeps icon, title and the download button on one row like the Figma list rows (832 press frame) instead of stacking the button */
@media (max-width: 600px) {
  .samf-press .samf-downloads .samf-download { flex-wrap: nowrap; }
  .samf-press .samf-downloads .samf-download > div { flex: 1 1 0; }
  .samf-press .samf-downloads .samf-download .samf-btn-primary { padding-inline: 10px; font-size: 13px; }
}

/* W4: Figma downloads row (icon + title + date, thin dividers) and the contact line that replaced the removed "Media resources" block. */
.samf-press-downloads .samf-download { display: flex; align-items: center; gap: 12px; padding-block: 10px; border-block-end: 1px solid var(--samf-color-border); }
.samf-press-downloads .samf-download > div { flex: 1 1 auto; min-inline-size: 0; }
.samf-press-contact { margin-block-start: 24px; }
.samf-press-contact a { color: var(--samf-color-primary); }

/* ---------- visual-fix-1108 (G4): press centre measured against Figma 295:7433 / 950:83823 ---------- */
/* Page header: the Figma pill header floats OVER the 370px page header (title bottom at y=290); here the header is sticky and in the flow, so the page started
   125px (100px below 1400) too low. The page header pulls up by the header's own height (see samf-news.css, same fix). */
.samf-press { display: flow-root; --_header-h: 100px; }
@media (min-width: 1400px) { .samf-press { --_header-h: 125px; } }
.samf-press .samf-listing-hero { margin-block-start: calc(-1 * var(--_header-h)); }
/* Figma gradient: darkest (0.8) at the top under the header, transparent at the title (dark theme only; the light theme keeps its own) */
html:not([data-theme="light"]) .samf-press .samf-listing-hero { background: linear-gradient(to bottom, rgba(3, 3, 3, .8), rgba(27, 30, 4, 0)); }
/* Accordion rows are 52px (16 + 20 + 16) in Figma; the 44px min-height on the title made them 76px. The 16px padding moves onto the <summary> so the click area stays >= 44px. */
.samf-press-item { padding-block: 0; }
.samf-press-item__summary { min-block-size: 0; padding-block: 16px; }
.samf-press-item__body { padding-block: 0 16px; }
/* Figma badges are 28px high (6 + 16 + 6); the 32px minimum is kept on touch widths only */
@media (min-width: 1025px) { .samf-press .samf-chip { min-block-size: 0; } }
@media (max-width: 640px) {
  .samf-press { --_hero-top: 120px; }
  .samf-press .samf-listing-hero { min-block-size: 230px; padding-block-end: 0 !important; }
  .samf-press .samf-listing-title { font-size: 32px; line-height: 36px; }
  .samf-press .samf-listing-hero > .container, .samf-press > .container { padding-inline: 20px; }
}
@media (max-width: 375px) { .samf-press .samf-listing-hero > .container, .samf-press > .container { padding-inline: 20px; } }
/* the bullet labels ("Who it's for:") are body weight in Figma; the 400 made them read bold next to the 300 text */
.samf-press-item__list .samf-press-item__label { font-weight: inherit; }
/* Mobile Figma 950:83823: 40px between page header, tabs and panels, panels padding 16 / radius 16, headings 24/28, bullet list indented 36, badges in one scrolling row */
@media (max-width: 640px) {
  .samf-press > .container { padding-block: 40px !important; }
  .samf-press-panel { padding: 16px; border-radius: 16px; }
  .samf-press-item__body { padding-inline-start: 36px; }
  .samf-press-downloads .samf-section-title, .samf-press-apply .samf-section-title { font-size: 24px; line-height: 28px; }
  .samf-press-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .samf-press-chips .samf-chip { flex: none; white-space: nowrap; }
}
/* The accordion chevron was drawn with logical borders (inline-end + block-end), which in RTL became a left-pointing arrow; physical right/bottom borders give a down chevron in both directions */
.samf-press-item__summary::before { border-inline-end: 0; border-block-end: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }