/* Website look for the Free AI Assessment report, leader brief, IT checklist and sample pages.
   Linked by api/_assessment_v3/site_skin.py after the renderer's own styles, so it only overrides.
   Screen only for type and colour: the print layouts are tuned to page counts and stay as the renderer made them. */
@import url("/assessment-v3/fonts/site-fonts.css");

.sk-lockup { display: none; }
.sk-caveat { display: none; }

@media screen {
  :root {
    --sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  }

  /* Logo: the site lockup (arc mark and mono name) in place of the stacked wordmark. */
  .bar .wm, .foot-mark .wm, .ihead .iwm,
  html[data-theme="light"] .bar .wm-light { display: none !important; }
  .sk-lockup { display: inline-flex; align-items: center; gap: 11px; min-height: 44px; color: #3B82F6; text-decoration: none; }
  .sk-lockup svg { flex: none; }
  .sk-lockup span { font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; }
  html[data-theme="dark"] .sk-lockup, .foot .sk-lockup { color: #6ce4ea; }
  .itc-page .sk-lockup { color: #3B82F6; }
  @media (max-width: 359px) { .sk-lockup span { font-size: 10px; letter-spacing: .12em; } }

  /* Headings in the site's weight and ink. */
  h1 { font-weight: 350; letter-spacing: -.04em; }
  h2, h3 { letter-spacing: -.025em; }
  html[data-theme="light"] .hero h1 { color: rgb(16, 43, 54); }
  html[data-theme="light"] h1 .t2 { color: #2563EB; }
  html[data-theme="light"] { --blue-400: #2563EB; --text: #102b36; }
  .hero-meta .eb, .eyebrow { letter-spacing: .16em; }

  /* Top card: "Time spent today" with its caveat beside the figure. */
  .sk-caveat { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.45; color: var(--muted); }

  /* Prices: the site format in the body face (no mono). */
  .price { font: 600 15.5px/1.4 var(--sans); letter-spacing: 0; }

  /* Section band in the light theme: daylight art, the heading in dark ink on a soft fade. */
  html[data-theme="light"] .sk-band .band-art-alt img { object-position: 62% 40%; opacity: .92; }
  html[data-theme="light"] .sk-band .band-in h2 { color: #102b36; }
  html[data-theme="dark"] .sk-band .band-art-alt { display: none; }

  /* Source link inside body copy. */
  a.sk-src { color: inherit; text-decoration: underline; text-decoration-color: var(--blue-400); text-underline-offset: 3px; }
  a.sk-src:hover { color: var(--blue-400); }

  /* Footer and the dark bar on the site's navy. */
  .foot, html[data-theme="light"] .foot { background: #06131f; }
  html[data-theme="dark"] .bar { background: #06131f; }

  /* Sample strip in the site face. */
  .sk-sample-strip { font-family: var(--sans) !important; background: #06131f !important; }
}