/* ===========================================================================
   CE-15 · Blok tezy (thesis block: H2 + paragraphs)
   Root:     section.ce-thesis
   Parts:    __in (the .lf-wrap; a grid in two-columns), __title (H2, with
             .lf-h2), __body (paragraphs in a ~60-character column),
             __highlight (with-highlight: one sentence in a 1 px frame),
             __aside (with-aside: a remark in italics), __actions (with-cta:
             a button at the end, usually [data-drawer])
   Variants: two-columns · with-highlight · with-aside · with-cta ·
             no-heading · dark-statement (O nas, 26.09: __eyebrow over a
             large H2 on the left and the paragraph on the right, on
             #1D1D1E) – combinable (Usługi „Dla kogo”:
             data-ce-variant="with-highlight with-cta")
   Base:     uslugi.html#stawka · registry: ce-registry.js → CE-15
   =========================================================================== */

.ce-thesis__title { max-width: 22ch; }

.ce-thesis__body { margin-top: 1.5rem; }

.ce-thesis__body > * { max-width: 60ch; }
.ce-thesis__body > * + * { margin-top: 1.25rem; }

.ce-thesis__body > p {
  font-size: var(--t-lead);
  line-height: 1.6;
  color: var(--ink-2);
}
.ce-thesis__body > p b { color: var(--ink); }

.ce-thesis__highlight {
  padding: 1.1rem 1.35rem;
  border: 1px solid var(--ink);
}
.ce-thesis__body > p.ce-thesis__highlight { color: var(--ink); }

.ce-thesis__body > .ce-thesis__aside,
.ce-thesis__aside {
  font-size: var(--t-body);
  font-style: normal;          /* no Italic files – upright, quieter tone via --ink-2 */
  color: var(--ink-2);
  color: var(--ink-3);
}

.ce-thesis__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .75rem 1.25rem;
}
.ce-thesis__body > .ce-thesis__actions { margin-top: 2rem; }

/* ---- variants ------------------------------------------------------------ */
/* two-columns: the H2 takes 5/12 on the left, the paragraphs 7/12 on the right. */
@media (min-width: 900px) {
  .ce-thesis[data-ce-variant~="two-columns"] .ce-thesis__in {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: clamp(2rem, 5vw, 5rem);
    align-items: start;
  }
  .ce-thesis[data-ce-variant~="two-columns"] .ce-thesis__body { margin-top: .35rem; }
}

/* with-highlight: the framed sentence stands a little apart from the text. */
.ce-thesis[data-ce-variant~="with-highlight"] .ce-thesis__highlight { margin-block: 1.75rem; }

/* with-aside: the remark follows the paragraphs after a short rule. */
.ce-thesis[data-ce-variant~="with-aside"] .ce-thesis__aside {
  padding-top: 1rem;
  border-top: 1px solid var(--line);
  max-width: 48ch;
}

/* with-cta: nothing beyond __actions; the hook is kept for later stages. */

/* no-heading: the paragraphs open the block, in full ink. */
.ce-thesis[data-ce-variant~="no-heading"] .ce-thesis__body { margin-top: 0; }
.ce-thesis[data-ce-variant~="no-heading"] .ce-thesis__body > p { color: var(--ink); max-width: 62ch; }

/* dark-statement (O nas, 26.09.2026 – Figma crear-v2.0, frame 608:1127,
   node 608:1152): the top of the dark block #1D1D1E that CE-12 dark-index
   continues below. Eyebrow „• INTRO” (#B9B9B9 at .7), 24 px to a row: the
   H2 in 40 px Expanded Regular (line 1.22, −1.6 px, white, 694 px) on the
   left, the paragraph in 18 px TT Hoves Pro (line 1.38, −0.18 px, white at
   .6, 459 px) on the right, both on the bottom line. 80 px from the top
   and the bottom (05.10.2026); right above CE-12 dark-index no bottom
   padding – the numbers carry the gap. 1:1 at 1440 px,
   proportionally below; ≤ 900 px one column. */
.ce-thesis[data-ce-variant~="dark-statement"] {
  padding-block: clamp(56px, 5.56vw, 80px);
  background: var(--ui-ink);
  color: #fff;
}
.ce-thesis[data-ce-variant~="dark-statement"]:has(+ .ce-numbers[data-ce-variant~="dark-index"]) { padding-bottom: 0; }
.ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__in {
  display: grid;
  grid-template-columns: minmax(0, min(694px, 48.19vw)) minmax(0, min(459px, 31.875vw));
  justify-content: space-between;
  align-items: end;
  gap: 24px 48px;
}
.ce-thesis__eyebrow { grid-column: 1 / -1; }
.ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__eyebrow { color: rgba(185, 185, 185, .72); }
.ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__title {
  max-width: none;
  font-size: clamp(1.625rem, 2.778vw, 40px);
  font-weight: 400;
  line-height: 1.22;
  letter-spacing: -.04em;                /* −1.6 px at 40 px */
  color: #fff;
  text-wrap: pretty;
}
.ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__body { margin-top: 0; }
.ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__body > p {
  max-width: none;
  font-size: clamp(1rem, 1.25vw, 18px);
  line-height: 1.38;
  letter-spacing: -.01em;
  color: rgba(255, 255, 255, .6);
}
@media (max-width: 900px) {
  .ce-thesis[data-ce-variant~="dark-statement"] .ce-thesis__in { grid-template-columns: minmax(0, 1fr); }
}