html[data-view="recruiter"] .viewbar {
  display: block;
}

html[data-view="recruiter"] [data-recruiter-only] {
  display: block;
}

html[data-view="recruiter"] [data-full-only],
html[data-view="recruiter"] .focusbar,
html[data-view="recruiter"] .searchbtn,
html[data-view="recruiter"] .hero::before {
  display: none !important;
}

html[data-view="recruiter"] .wrap {
  max-width: 900px;
}

html[data-view="recruiter"] .hero__grid {
  grid-template-columns: minmax(0, 1fr);
}

html[data-view="recruiter"] .kpis {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

html[data-view="recruiter"] .tl-row__panel[hidden] {
  display: block !important;
}

html[data-view="recruiter"] .tl-more,
html[data-view="recruiter"] .tl-row__track,
html[data-view="recruiter"] .tl-axis,
html[data-view="recruiter"] .tl-row__chevron,
html[data-view="recruiter"] .tl-chevron,
html[data-view="recruiter"] .tl-row__head > .icon:last-child,
html[data-view="recruiter"] .tl-row--milestones {
  display: none !important;
}

html[data-view="recruiter"] .tl-row__panel ul > li:nth-child(n+4) {
  display: none !important;
}

html[data-view="recruiter"] .tl-row__head,
html[data-view="recruiter"] .tl-row__toggle {
  cursor: default;
}

html[data-view="recruiter"] .mx-toolbar,
html[data-view="recruiter"] .mx-role {
  display: none !important;
}

html[data-view="recruiter"] .fields {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

html[data-view="recruiter"] .field__desc,
html[data-view="recruiter"] .field__skills-label,
html[data-view="recruiter"] .tl-row__more,
html[data-view="recruiter"] .field__tags {
  display: none !important;
}

html[data-view="recruiter"] .reveal {
  opacity: 1;
  transform: none;
}

@media (min-width: 700px) {
  html[data-view="recruiter"] .kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  html[data-view="recruiter"] .fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media print {
  @page {
    size: A4;
    margin: 14mm;
  }

  :root,
  html[data-theme="dark"] {
    color-scheme: light;
    --bg: #ffffff;
    --bg-2: #e9ebef;
    --surface: #ffffff;
    --surface-2: #f7f8fa;
    --line: #e2e5ea;
    --line-strong: #c9ced6;
    --ink: #12161d;
    --ink-2: #3f4753;
    --ink-3: #667080;
    --brand: #1d4fb8;
    --brand-ink: #ffffff;
    --c-hardware: #1d4fb8;
    --c-it: #0c7f7c;
    --c-management: #a9690c;
    --c-sales: #ad4a34;
    --c-neutral: #7b8494;
    --ok: #1a8f5a;
    --accent: var(--brand);
    --accent-ink: var(--brand-ink);
    --accent-soft: color-mix(in srgb, var(--accent) 11%, var(--surface));
    --accent-line: color-mix(in srgb, var(--accent) 38%, var(--surface));
  }

  *,
  *::before,
  *::after {
    box-shadow: none !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation: none !important;
    transition: none !important;
  }

  html,
  body {
    background: var(--surface) !important;
    color: var(--ink);
  }

  body {
    font-size: 10.5pt;
  }

  [data-noprint],
  .topbar,
  .viewbar,
  .skip,
  dialog,
  .tooltip,
  [data-full-only],
  .focusbar,
  .searchbtn,
  .hero::before {
    display: none !important;
  }

  [data-recruiter-only] {
    display: block !important;
  }

  .wrap {
    width: 100%;
    max-width: 900px;
  }

  .hero {
    padding-block: 0 12px;
  }

  .hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .section {
    padding-block: 10px;
  }

  .section__head {
    margin-bottom: 8px;
  }

  .card,
  .kpi {
    padding: 12px;
  }

  .tl-row__panel[hidden] {
    display: block !important;
  }

  .tl-more,
  .tl-row__track,
  .tl-axis,
  .tl-row__chevron,
  .tl-chevron,
  .tl-row__head > .icon:last-child,
  .tl-row--milestones {
    display: none !important;
  }

  .tl-row__panel ul > li:nth-child(n+4) {
    display: none !important;
  }

  .tl-row__head,
  .tl-row__toggle {
    cursor: default;
  }

  .mx-toolbar,
  .mx-role {
    display: none !important;
  }

  .fields {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .field__desc,
  .field__skills-label,
  .tl-row__more,
  .field__tags {
    display: none !important;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .tl-row,
  .card,
  .kpi {
    break-inside: avoid;
  }

  a {
    text-decoration: none;
  }

  .is-dim {
    opacity: 1 !important;
    filter: none !important;
  }
}

/* integration pass: without the track, a timeline row is a plain single-column CV entry */
html[data-view="recruiter"] .tl-row__head { grid-template-columns: minmax(0, 1fr); }
@media print { .tl-row__head { grid-template-columns: minmax(0, 1fr); } }

html[data-view="recruiter"] .beyond {
  grid-template-columns: minmax(0, 1fr);
}

html[data-view="recruiter"] .by-project,
html[data-view="recruiter"] .by-side {
  grid-column: 1 / -1;
}

html[data-view="recruiter"] .by-project__title {
  font-size: var(--fs-lg);
}

html[data-view="recruiter"] .by-project__facts {
  margin-block: var(--gap);
}

@media (min-width: 700px) {
  html[data-view="recruiter"] .by-interests__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media print {
  .beyond {
    grid-template-columns: minmax(0, 1fr);
  }

  .by-project,
  .by-side {
    grid-column: 1 / -1;
  }

  .by-project__links {
    display: none !important;
  }

  .by-project,
  .by-interest__icon,
  .beyond .tag--cat {
    background: var(--surface) !important;
  }

  .by-project__title {
    font-size: var(--fs-lg);
  }

  .by-project__facts {
    margin-block: var(--gap);
  }
}

@media print and (min-width: 700px) {
  .by-interests__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}