/* Mostostal Zabrze case study (PL + EN) — identity "Świadectwo 3.1": a crisp
   inspection-document sheet on a cool ground, certificate-style field codes
   (A01, B02, M3 …), hairline grids, a red vertical overprint. Fonts: Source
   Serif 4 600 (headings), IBM Plex Sans (body), IBM Plex Mono (codes, numbers).
   Every selector is scoped to .cs-mostostal (page root inside <main>). */

.cs-mostostal {
  --mz-ground: #EEF1F6;
  --mz-sheet: #FFFFFF;
  --mz-rule: #C9D2E3;
  --mz-rule-soft: #E3E8F1;
  --mz-band: #F4F6FA;
  --mz-ink: #13213F;
  --mz-ink-2: #4D5B78;
  --mz-navy: #22408F;
  --mz-red: #C8102E;
  --mz-hl: #FFF3B0;
  --mz-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --mz-sans: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mz-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mz-stamp: Helvetica, 'Helvetica Neue', 'IBM Plex Sans', Arial, sans-serif;
  display: flex;
  flex-direction: column;
  gap: clamp(64px, 8vw, 104px);
  padding-bottom: clamp(56px, 7vw, 88px);
  background: var(--mz-ground);
  color: var(--mz-ink);
  font-family: var(--mz-sans);
  font-size: 17px;
  line-height: 1.65;
}
.cs-mostostal a { color: var(--mz-navy); text-decoration: underline; text-underline-offset: 3px; }
.cs-mostostal a:hover { color: var(--mz-ink); }
.cs-mostostal :focus-visible { outline: 3px solid var(--mz-navy); outline-offset: 2px; }
.cs-mostostal .cs-mz-wrap { width: 100%; max-width: calc(980px + 2 * var(--rsm-gutter)); margin-inline: auto; padding-inline: var(--rsm-gutter); }
.cs-mostostal .cs-mz-mono { font-family: var(--mz-mono); }
.cs-mostostal .cs-mz-c { color: var(--mz-navy); }
.cs-mostostal .cs-mz-muted { color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-break { overflow-wrap: anywhere; }
.cs-mostostal .cs-mz-hl { background: var(--mz-hl); padding: 1px 6px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.cs-mostostal .cs-mz-label { font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }

/* ---- Hero: document sheet ---------------------------------------------------- */
.cs-mostostal .cs-mz-hero { display: flex; flex-direction: column; gap: 16px; padding-top: 24px; }
.cs-mostostal .cs-mz-crumbs { font-size: 14px; line-height: 1.5; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.cs-mostostal .cs-mz-crumbs a { display: inline-block; padding: 12px 0; margin: -12px 0; }
.cs-mostostal .cs-mz-crumbs [aria-current] { color: var(--mz-ink); font-weight: 500; }
.cs-mostostal .cs-mz-hero__stack { display: flex; flex-direction: column; gap: 24px; }

.cs-mostostal .cs-mz-sheet { position: relative; overflow: hidden; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-sheet__band {
  display: flex; flex-wrap: wrap; gap: 4px 28px; padding: 10px clamp(18px, 4vw, 44px);
  border-bottom: 1px solid var(--mz-rule); background: var(--mz-band);
  font-family: var(--mz-mono); font-size: 12.5px; line-height: 1.5; letter-spacing: .02em; color: var(--mz-ink-2);
}
.cs-mostostal .cs-mz-val { color: var(--mz-ink); font-weight: 500; }
.cs-mostostal .cs-mz-sheet__body {
  display: flex; flex-direction: column; gap: 26px;
  padding: clamp(24px, 4vw, 44px) clamp(56px, 7vw, 96px) clamp(28px, 4vw, 44px) clamp(18px, 4vw, 44px);
}
.cs-mostostal .cs-mz-client { display: flex; flex-direction: column; gap: 10px; }
.cs-mostostal .cs-mz-field { font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-logo { display: block; width: min(278px, 100%); height: auto; }
.cs-mostostal .cs-mz-intro { display: flex; flex-direction: column; gap: 18px; max-width: 780px; }
.cs-mostostal .cs-mz-h1 { font-family: var(--mz-serif); font-weight: 600; font-size: clamp(34px, 4.6vw, 56px); line-height: 1.08; letter-spacing: -0.012em; color: var(--mz-ink); text-wrap: balance; }
.cs-mostostal .cs-mz-lead { max-width: 64ch; font-size: clamp(18px, 1.5vw, 20px); line-height: 1.6; text-wrap: pretty; }
.cs-mostostal .cs-mz-specs { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(230px, 100%), 1fr)); gap: 1px; background: var(--mz-rule); border: 1px solid var(--mz-rule); }
.cs-mostostal .cs-mz-specs > div { display: flex; flex-direction: column; gap: 4px; padding: 12px 16px 14px; background: var(--mz-sheet); }
.cs-mostostal .cs-mz-specs dt { font-family: var(--mz-mono); font-size: 11.5px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-specs dd { font-size: 15px; line-height: 1.45; }
.cs-mostostal .cs-mz-overprint {
  position: absolute; right: clamp(14px, 2.2vw, 30px); bottom: clamp(22px, 3vw, 40px);
  writing-mode: vertical-rl; white-space: nowrap; pointer-events: none;
  font-family: var(--mz-stamp); font-size: clamp(15px, 1.7vw, 24px); line-height: 1; letter-spacing: .03em; color: var(--mz-red);
}

/* One bill-of-materials line: heat -> certificate -> sheet -> PDF */
.cs-mostostal .cs-mz-flow { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.cs-mostostal .cs-mz-flow__list { list-style: none; display: flex; align-items: stretch; gap: 12px; }
.cs-mostostal .cs-mz-flow__step { flex: 224 1 0; min-width: 0; display: flex; align-items: stretch; }
.cs-mostostal .cs-mz-flow__step:first-child { flex-grow: 190; }
.cs-mostostal .cs-mz-flow__arrow { flex: 0 0 34px; display: flex; align-items: center; color: var(--mz-navy); }
.cs-mostostal .cs-mz-card { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-card__head {
  display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2px 8px; padding: 9px 12px;
  border-bottom: 1px solid var(--mz-rule); background: var(--mz-band); white-space: nowrap;
  font-family: var(--mz-mono); font-size: 11.5px; font-weight: 500; line-height: 1.4; letter-spacing: .06em; text-transform: uppercase; color: var(--mz-ink-2);
}
.cs-mostostal .cs-mz-card__dl { display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; padding: 12px; font-size: 13.5px; line-height: 1.4; }
.cs-mostostal .cs-mz-card__dl dt { color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-card__dl dd { min-width: 0; }
.cs-mostostal .cs-mz-card__dl--cols dt, .cs-mostostal .cs-mz-card__dl--cols dd { font-family: var(--mz-mono); }
.cs-mostostal .cs-mz-card__dl--cols .cs-mz-hl { display: block; padding: 0 4px; }
.cs-mostostal .cs-mz-key { font-weight: 500; color: var(--mz-navy); }
.cs-mostostal .cs-mz-card__foot { margin-top: auto; padding: 9px 12px; border-top: 1px solid var(--mz-rule-soft); font-size: 13px; line-height: 1.4; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-card__pdf { display: flex; justify-content: center; padding: 12px; }
.cs-mostostal .cs-mz-thumb {
  position: relative; display: flex; flex-direction: column; gap: 5px; width: 76px; height: 107px; padding: 9px 20px 9px 8px;
  background: #FFFFFF; border: 1px solid var(--mz-rule); box-shadow: 0 1px 2px rgba(19, 33, 63, .10);
}
.cs-mostostal .cs-mz-thumb__l { display: block; flex: none; width: 100%; height: 3px; background: #DDE3EE; }
.cs-mostostal .cs-mz-thumb__l--title { width: 70%; height: 5px; background: #B7C3D9; }
.cs-mostostal .cs-mz-thumb__l--85 { width: 85%; }
.cs-mostostal .cs-mz-thumb__l--60 { width: 60%; }
.cs-mostostal .cs-mz-thumb__l--90 { width: 90%; }
.cs-mostostal .cs-mz-thumb__box { display: block; flex: none; height: 14px; border: 1px solid #DDE3EE; }
.cs-mostostal .cs-mz-thumb__code { position: absolute; right: 5px; bottom: 5px; writing-mode: vertical-rl; white-space: nowrap; font-family: var(--mz-stamp); font-size: 10.5px; line-height: 1; letter-spacing: .02em; color: var(--mz-red); }
.cs-mostostal .cs-mz-flow__cap { font-size: 14px; line-height: 1.5; color: var(--mz-ink-2); }

/* ---- Sections ------------------------------------------------------------------ */
.cs-mostostal .cs-mz-section { display: flex; flex-direction: column; gap: 28px; }
.cs-mostostal .cs-mz-section--built { gap: 36px; }
.cs-mostostal .cs-mz-section--tight { gap: 24px; }
.cs-mostostal .cs-mz-section--faq { gap: 16px; }
.cs-mostostal .cs-mz-section__intro { display: flex; flex-direction: column; gap: 20px; }
.cs-mostostal .cs-mz-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px 18px; padding-top: 18px; border-top: 2px solid var(--mz-navy); }
.cs-mostostal .cs-mz-code { font-family: var(--mz-mono); font-size: 13px; font-weight: 500; line-height: 1.3; letter-spacing: .04em; color: var(--mz-navy); border: 1px solid var(--mz-navy); border-radius: 2px; padding: 2px 7px; }
.cs-mostostal .cs-mz-h2 { font-family: var(--mz-serif); font-weight: 600; font-size: clamp(28px, 3.1vw, 38px); line-height: 1.18; letter-spacing: -0.01em; color: var(--mz-ink); text-wrap: balance; }
.cs-mostostal .cs-mz-h3 { font-family: var(--mz-serif); font-weight: 600; font-size: clamp(21px, 2vw, 24px); line-height: 1.25; letter-spacing: 0; color: var(--mz-ink); }
.cs-mostostal .cs-mz-prose { display: flex; flex-direction: column; gap: 18px; }
.cs-mostostal .cs-mz-prose p, .cs-mostostal .cs-mz-p { max-width: 68ch; font-size: 17px; line-height: 1.65; }
.cs-mostostal .cs-mz-small { font-size: 15px; line-height: 1.6; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-small--wide { max-width: 76ch; }

/* B01: before */
.cs-mostostal .cs-mz-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); gap: 28px 48px; align-items: start; }
.cs-mostostal .cs-mz-aside { display: flex; flex-direction: column; gap: 14px; }
.cs-mostostal .cs-mz-box { background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-box__head { padding: 11px 18px; border-bottom: 1px solid var(--mz-rule); background: var(--mz-band); font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-steps { list-style: none; }
.cs-mostostal .cs-mz-steps li { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 12px 18px; border-bottom: 1px solid var(--mz-rule-soft); font-size: 15.5px; line-height: 1.5; }
.cs-mostostal .cs-mz-steps li:last-child { border-bottom: 0; }
.cs-mostostal .cs-mz-steps__n { font-family: var(--mz-mono); font-weight: 500; color: var(--mz-navy); }

/* B02: what I built */
.cs-mostostal .cs-mz-note { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; padding: 14px 18px; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-note__label { display: inline-flex; align-items: center; gap: 6px; font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-navy); }
.cs-mostostal .cs-mz-note__label svg { flex: none; position: relative; top: 1px; }
.cs-mostostal .cs-mz-note__text { flex: 1 1 420px; min-width: 0; font-size: 16px; line-height: 1.6; }
.cs-mostostal .cs-mz-module { display: flex; flex-direction: column; gap: 20px; }
.cs-mostostal .cs-mz-module__head { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 10px 40px; align-items: start; padding-top: 22px; border-top: 1px solid var(--mz-rule); }
.cs-mostostal .cs-mz-module__head > p { font-size: 17px; line-height: 1.65; }
.cs-mostostal .cs-mz-module__title { display: flex; align-items: baseline; gap: 12px; }
.cs-mostostal .cs-mz-mcode { flex: none; font-family: var(--mz-mono); font-size: 13px; font-weight: 500; line-height: 1; color: var(--mz-navy); }
.cs-mostostal .cs-mz-block { display: flex; flex-direction: column; gap: 10px; }

/* Figures: "Rys." label bar + screenshot (click opens the full-size viewer) */
.cs-mostostal .cs-mz-fig { margin: 0; display: flex; flex-direction: column; gap: 12px; }
.cs-mostostal .cs-mz-fig__frame { min-width: 0; overflow: hidden; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-fig__label { padding: 8px 14px; border-bottom: 1px solid var(--mz-rule); background: var(--mz-band); font-family: var(--mz-mono); font-size: 12px; line-height: 1.5; letter-spacing: .02em; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-fig__label .cs-mz-c { font-weight: 500; }
.cs-mostostal .cs-mz-shot { background: #F4F6F9; }
.cs-mostostal .cs-mz-shot img { display: block; width: 100%; height: auto; }
/* S2, S4: main area without the app's sidebar and top bar (x 240–1440, y 56–900 of 1440×900) */
.cs-mostostal .cs-mz-shot--main { aspect-ratio: 1200 / 844; }
.cs-mostostal .cs-mz-shot--main img { width: 120%; max-width: none; margin: -4.6667% 0 0 -20%; }
/* S3: only the extracted PDF page (x 662–1142, y 202–873) */
.cs-mostostal .cs-mz-shot--page { aspect-ratio: 480 / 671; }
.cs-mostostal .cs-mz-shot--page img { width: 300%; max-width: none; margin: -42.0833% 0 0 -137.9167%; }
.cs-mostostal .cs-mz-fig__cap { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 16px; font-size: 14.5px; line-height: 1.5; color: var(--mz-ink); }
.cs-mostostal .cs-mz-fig__open { display: inline-flex; align-items: center; min-height: 32px; font-size: 14px; }
.cs-mostostal .cs-mz-fig--side { display: grid; grid-template-columns: minmax(0, 510px) minmax(200px, 1fr); align-items: end; gap: 12px 32px; }
.cs-mostostal .cs-mz-fig__desk { padding: 14px; background: #E9EDF2; }
.cs-mostostal .cs-mz-fig__cap--side { min-width: 0; flex-direction: column; align-items: flex-start; gap: 8px; line-height: 1.55; }

/* Tables */
.cs-mostostal .cs-mz-tablewrap { overflow-x: auto; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-table { width: 100%; border-collapse: collapse; font-size: 15px; line-height: 1.5; }
.cs-mostostal .cs-mz-table thead th {
  padding: 10px clamp(6px, 1.6vw, 14px); text-align: left; vertical-align: bottom;
  background: var(--mz-band); border-bottom: 1px solid var(--mz-rule);
  font-family: var(--mz-mono); font-size: 11.5px; font-weight: 500; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2);
}
.cs-mostostal .cs-mz-table tbody th,
.cs-mostostal .cs-mz-table td { padding: 11px clamp(6px, 1.6vw, 14px); text-align: left; vertical-align: top; font-weight: 400; border-bottom: 1px solid var(--mz-rule-soft); }
.cs-mostostal .cs-mz-table tbody tr:last-child > * { border-bottom: 0; }
.cs-mostostal .cs-mz-table .cs-mz-term { font-family: var(--mz-mono); font-size: 14px; }
.cs-mostostal .cs-mz-table .cs-mz-strong { font-weight: 600; color: var(--mz-navy); }
.cs-mostostal .cs-mz-table--timeline { line-height: 1.55; }
.cs-mostostal .cs-mz-table--timeline tbody th, .cs-mostostal .cs-mz-table--timeline td { padding-top: 12px; padding-bottom: 12px; }
.cs-mostostal .cs-mz-col-date { width: 15%; }
.cs-mostostal .cs-mz-col-stage { width: 14%; }
.cs-mostostal .cs-mz-table .cs-mz-date { font-family: var(--mz-mono); font-size: 14px; white-space: nowrap; }
.cs-mostostal .cs-mz-table .cs-mz-stage { font-weight: 600; color: var(--mz-navy); }

/* Row statuses (the tool's own vocabulary) */
.cs-mostostal .cs-mz-badge { display: inline-block; padding: 2px 8px; border-radius: 2px; font-size: 12.5px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.cs-mostostal .cs-mz-badge--found { color: #1B6E2E; background: #E6F4EA; }
.cs-mostostal .cs-mz-badge--amb { color: #7A5600; background: #FFF8DB; }
.cs-mostostal .cs-mz-badge--unread { color: #3D5A80; background: #E8EEF6; }
.cs-mostostal .cs-mz-badge--conflict { color: #9A4700; background: #FFF1E0; }
.cs-mostostal .cs-mz-badge--changed { color: #5B3BA8; background: #F1EAFB; }
.cs-mostostal .cs-mz-badge--notfound { color: #B01E1B; background: #FCE8E6; }

/* M4: reading rounds */
.cs-mostostal .cs-mz-rounds { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.cs-mostostal .cs-mz-rounds li { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px 14px; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; font-size: 15.5px; line-height: 1.45; }
.cs-mostostal .cs-mz-rounds__n { font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-navy); }

/* C01: local vs cloud */
.cs-mostostal .cs-mz-pair { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 1px; background: var(--mz-rule); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-pair__cell { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px; background: var(--mz-sheet); font-size: 15.5px; line-height: 1.6; }
.cs-mostostal .cs-mz-pair__head { display: flex; align-items: center; gap: 8px; font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-navy); }
.cs-mostostal .cs-mz-pair__head svg { flex: none; }
.cs-mostostal .cs-mz-pair__list { padding-left: 18px; }

/* C70: outcomes */
.cs-mostostal .cs-mz-effects { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr)); gap: 1px; background: var(--mz-rule); border: 1px solid var(--mz-rule); border-radius: 2px; }
.cs-mostostal .cs-mz-effects li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 16px 20px; background: var(--mz-sheet); font-size: 16px; line-height: 1.55; }
.cs-mostostal .cs-mz-effects__n { font-family: var(--mz-mono); font-weight: 500; color: var(--mz-navy); }

/* D01: FAQ (rsm_faq accordion in the document style) */
.cs-mostostal .cs-mz-faq { border-bottom-color: var(--mz-rule); }
.cs-mostostal .cs-mz-faq .rsm-faq__item { border-top-color: var(--mz-rule); }
.cs-mostostal .cs-mz-faq .rsm-faq__q { padding: 20px 0; }
.cs-mostostal .cs-mz-faq .rsm-faq__title { font-family: var(--mz-serif); font-weight: 600; font-size: clamp(20px, 1.9vw, 23px); line-height: 1.3; letter-spacing: 0; color: var(--mz-ink); text-wrap: balance; }
.cs-mostostal .cs-mz-faq .rsm-faq__icon { margin-top: 4px; color: var(--mz-navy); }
.cs-mostostal .cs-mz-faq .rsm-faq__a { max-width: 74ch; padding-bottom: 24px; font-size: 16.5px; line-height: 1.65; color: var(--mz-ink); }
.cs-mostostal .cs-mz-faq .rsm-faq__a p + p { margin-top: 10px; }

/* ---- End: CTA band, related reading, next case ---------------------------- */
.cs-mostostal .cs-mz-end { display: flex; flex-direction: column; gap: clamp(40px, 5vw, 56px); }
.cs-mostostal .cs-mz-cta { background: var(--mz-navy); color: #FFFFFF; }
.cs-mostostal .cs-mz-cta__inner { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 28px 56px; padding-top: clamp(44px, 6vw, 72px); padding-bottom: clamp(44px, 6vw, 72px); }
.cs-mostostal .cs-mz-cta__text { flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.cs-mostostal .cs-mz-code--light { color: #FFFFFF; border-color: #C9D6F2; }
.cs-mostostal .cs-mz-cta .cs-mz-h2 { color: #FFFFFF; }
.cs-mostostal .cs-mz-cta__text p { max-width: 62ch; font-size: 17px; line-height: 1.65; color: #E3E9F7; }
.cs-mostostal .cs-mz-cta__actions { flex: 0 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.cs-mostostal .cs-mz-btn { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 14px 22px; border-radius: 2px; background: #FFFFFF; color: var(--mz-navy); font-size: 16px; font-weight: 600; line-height: 1.2; text-decoration: none; }
.cs-mostostal .cs-mz-btn:hover { background: #E8EEF9; color: var(--mz-ink); }
.cs-mostostal .cs-mz-btn svg { flex: none; }
.cs-mostostal .cs-mz-cta__wa { display: inline-flex; align-items: center; min-height: 44px; font-family: var(--mz-mono); font-size: 14px; line-height: 1.5; color: #FFFFFF; text-decoration-color: #C9D6F2; }
.cs-mostostal .cs-mz-cta__wa:hover { color: #FFFFFF; text-decoration-color: #FFFFFF; }
.cs-mostostal .cs-mz-cta :focus-visible { outline-color: #FFFFFF; }

.cs-mostostal .cs-mz-more { display: flex; flex-direction: column; gap: 28px; }
.cs-mostostal .cs-mz-related { display: flex; flex-direction: column; gap: 12px; }
.cs-mostostal .cs-mz-related__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 12px; }
.cs-mostostal .cs-mz-related__card { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; color: var(--mz-ink); text-decoration: none; }
.cs-mostostal .cs-mz-related__card:hover { border-color: var(--mz-navy); }
.cs-mostostal .cs-mz-related__kicker { font-family: var(--mz-mono); font-size: 11.5px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-related__title { font-size: 17px; font-weight: 500; line-height: 1.4; color: var(--mz-navy); text-decoration: underline; text-underline-offset: 3px; }
.cs-mostostal .cs-mz-next { display: flex; flex-direction: column; gap: 6px; }
.cs-mostostal .cs-mz-next__card { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; padding: 20px 24px; background: var(--mz-sheet); border: 1px solid var(--mz-rule); border-radius: 2px; color: var(--mz-ink); text-decoration: none; }
.cs-mostostal .cs-mz-next__card:hover { border-color: var(--mz-navy); color: var(--mz-ink); }
.cs-mostostal .cs-mz-next__logo { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 116px; height: 76px; background: #FFFFFF; border: 1px solid var(--mz-rule-soft); }
.cs-mostostal .cs-mz-next__logo img { display: block; width: 100px; height: 60px; }
.cs-mostostal .cs-mz-next__text { flex: 1 1 280px; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cs-mostostal .cs-mz-next__kicker { font-family: var(--mz-mono); font-size: 12px; font-weight: 500; line-height: 1.4; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-next__name { font-family: var(--mz-serif); font-size: 26px; font-weight: 600; line-height: 1.2; color: var(--mz-ink); }
.cs-mostostal .cs-mz-next__desc { font-size: 15.5px; line-height: 1.5; color: var(--mz-ink-2); }
.cs-mostostal .cs-mz-next__arrow { flex: 0 0 auto; display: flex; color: var(--mz-navy); }
.cs-mostostal .cs-mz-next__all { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; }

/* ---- Tablet ------------------------------------------------------------------ */
@media (max-width: 960px) {
  .cs-mostostal .cs-mz-flow__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cs-mostostal .cs-mz-flow__arrow { display: none; }
  .cs-mostostal .cs-mz-rounds { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ---- Phone ------------------------------------------------------------------- */
@media (max-width: 600px) {
  .cs-mostostal .cs-mz-flow__list { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .cs-mostostal .cs-mz-flow__step { flex-direction: column; }
  .cs-mostostal .cs-mz-flow__arrow { display: flex; flex: none; justify-content: center; height: 34px; }
  .cs-mostostal .cs-mz-flow__arrow svg { transform: rotate(90deg); }
  .cs-mostostal .cs-mz-rounds { grid-template-columns: minmax(0, 1fr); }
  .cs-mostostal .cs-mz-fig--side { grid-template-columns: minmax(0, 1fr); }
  .cs-mostostal .cs-mz-fig__open { min-height: 44px; }
  .cs-mostostal .cs-mz-faq .rsm-faq__a { padding-right: 0; }

  /* Tables become one card per row; the column names move into small labels. */
  .cs-mostostal .cs-mz-table--stack thead,
  .cs-mostostal .cs-mz-table--timeline thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .cs-mostostal .cs-mz-table--stack,
  .cs-mostostal .cs-mz-table--stack tbody,
  .cs-mostostal .cs-mz-table--stack tr,
  .cs-mostostal .cs-mz-table--stack tbody th,
  .cs-mostostal .cs-mz-table--stack td,
  .cs-mostostal .cs-mz-table--timeline,
  .cs-mostostal .cs-mz-table--timeline tbody { display: block; }
  .cs-mostostal .cs-mz-table--stack tbody tr { padding: 14px 16px; border-bottom: 1px solid var(--mz-rule-soft); }
  .cs-mostostal .cs-mz-table--stack tbody tr:last-child { border-bottom: 0; }
  .cs-mostostal .cs-mz-table--stack tbody th,
  .cs-mostostal .cs-mz-table--stack td { padding: 0; border: 0; }
  .cs-mostostal .cs-mz-table--stack td { margin-top: 8px; }
  .cs-mostostal .cs-mz-table--stack td::before { content: attr(data-label); display: block; font-family: var(--mz-mono); font-size: 11px; font-weight: 500; line-height: 1.5; letter-spacing: .07em; text-transform: uppercase; color: var(--mz-ink-2); }
  .cs-mostostal .cs-mz-table--timeline tbody tr { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 14px; align-items: baseline; padding: 14px 16px; border-bottom: 1px solid var(--mz-rule-soft); }
  .cs-mostostal .cs-mz-table--timeline tbody tr:last-child { border-bottom: 0; }
  .cs-mostostal .cs-mz-table--timeline tbody th,
  .cs-mostostal .cs-mz-table--timeline td { display: block; padding: 0; border: 0; }
  .cs-mostostal .cs-mz-table--timeline td:last-child { grid-column: 1 / -1; }

  .cs-mostostal .cs-mz-next__card { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 16px; padding: 16px; }
  .cs-mostostal .cs-mz-next__text { grid-column: 1 / -1; grid-row: 2; }
  .cs-mostostal .cs-mz-next__arrow { grid-column: 2; grid-row: 1; align-self: center; }
  .cs-mostostal .cs-mz-cta__actions { width: 100%; }
}