/* SITE-COLOR. Принятое оформление кейса, после общих стилей. */
:root {
  --case-color-action: #1468E8;
  --case-color-action-hover: #1056C3;
  --case-color-metric: #008FBF;
  --case-color-blue-soft: #EDF5FF;
  --case-color-lilac: #F3EDFF;
  --case-color-lilac-line: #E5DCF4;
  --case-color-neutral: #F5F5F7;
  --case-color-line: #DDE5EF;
  --blanc-radius-button: 10px;
  --blanc-radius-card: 16px;
}
body[data-page="case"] { background: #FFFFFF; }
body[data-page="case"] :focus-visible {
  outline-color: var(--case-color-action);
  outline-offset: 4px;
}
body[data-page="case"] ::selection { background: #D8E9FF; color: #0A0A0A; }
body[data-page="case"] .sidebar .brand-mark { color: var(--case-color-action); }
body[data-page="case"] .sidebar .site-nav a {
  padding: 10px 14px;
  border-radius: 10px;
}
body[data-page="case"] .sidebar .site-nav a:hover {
  background: var(--case-color-blue-soft);
  color: var(--case-color-action);
}
body[data-page="case"] .sidebar .site-nav a[aria-current="page"] {
  color: var(--case-color-action);
  background: var(--case-color-blue-soft);
  text-decoration: none;
  box-shadow: inset 3px 0 0 var(--case-color-action);
}
body[data-page="case"] .case-article a {
  color: var(--case-color-action);
  text-decoration-color: #A4C6F7;
  text-underline-offset: 4px;
}
body[data-page="case"] .case-article a:hover {
  color: var(--case-color-action-hover);
  text-decoration-color: currentColor;
}
body[data-page="case"] .case-article .case-header h1 .case-color-heading {
  color: var(--case-color-action);
}
body[data-page="case"] .case-article .case-meta { gap: 12px 24px; }
body[data-page="case"] .case-article .case-meta__icon {
  box-sizing: content-box;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  padding: 8px;
  border-radius: 10px;
  background: var(--case-color-blue-soft);
  color: var(--case-color-action);
}
body[data-page="case"] .case-article .case-header .case-intro-frame {
  background: var(--case-color-blue-soft);
  border: 1px solid #DBE9FA;
  border-radius: 16px;
}
body[data-page="case"] .case-article .case-toc {
  border-color: #E6EBF2;
  border-radius: 16px;
  background: #F8FAFD;
}
body[data-page="case"] .case-article .case-toc summary {
  color: #0A0A0A;
}
body[data-page="case"] .case-article .case-toc__chevron {
  color: var(--blanc-muted);
}
body[data-page="case"] .case-article .case-toc a,
body[data-page="case"] .case-article .case-toc a:hover {
  color: var(--blanc-ink);
  text-decoration-color: currentColor;
}
body[data-page="case"] .case-article .case-toc a::before {
  color: var(--blanc-muted);
}
body[data-page="case"] .case-article .case-toc a[aria-current="location"] {
  color: var(--blanc-ink);
  text-decoration-color: currentColor;
}
body[data-page="case"] .case-article--markdown #case-section-2 > p:nth-of-type(4) {
  background: #F8FAFD;
  border-color: var(--case-color-line);
  border-radius: 16px;
}
body[data-page="case"] .case-article--markdown .solution-step {
  border-left: 0;
  padding-left: 0;
}
body[data-page="case"] .case-article--markdown .solution-step h3 {
  color: #0A0A0A;
}
body[data-page="case"] .case-article .case-section--quiz {
  padding: clamp(22px, 3vw, 40px);
  border-top: 0;
  border-radius: 24px;
  background: var(--case-color-lilac);
}
body[data-page="case"] .case-article .case-section--quiz > h2 {
  max-width: 31ch;
}
body[data-page="case"] .case-article .loss-quiz,
body[data-page="case"] .case-article .service-quiz {
  padding: clamp(20px, 2.5vw, 32px);
  border: 1px solid var(--case-color-lilac-line);
  border-radius: 16px;
  background: #FFFFFF;
  box-shadow: 0 12px 32px -20px rgba(72, 46, 105, 0.28);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__progress,
body[data-page="case"] .case-article .service-quiz .service-quiz__progress {
  display: inline-flex;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  color: var(--case-color-action);
  background: var(--case-color-blue-soft);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__button,
body[data-page="case"] .case-article .service-quiz .service-quiz__button {
  border-color: #D5DEEB;
  border-radius: 10px;
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__button:not(:disabled):hover,
body[data-page="case"] .case-article .service-quiz .service-quiz__button:not(:disabled):hover {
  border-color: var(--case-color-action);
  color: #0A0A0A;
  background: var(--case-color-blue-soft);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__choice[aria-pressed="true"],
body[data-page="case"] .case-article .service-quiz .service-quiz__choice[aria-pressed="true"] {
  border: 1px solid var(--case-color-action);
  color: var(--case-color-action);
  background: var(--case-color-blue-soft);
  box-shadow: inset 0 0 0 1px var(--case-color-action);
}
body[data-page="case"] .case-article .service-quiz .service-quiz__choice[aria-pressed="true"] small {
  color: #254B78;
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__choice[aria-pressed="true"] .loss-quiz__choice-mark,
body[data-page="case"] .case-article .service-quiz .service-quiz__choice[aria-pressed="true"] .service-quiz__mark {
  border-color: var(--case-color-action);
  color: #FFFFFF;
  background: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__button--primary:not(:disabled),
body[data-page="case"] .case-article .service-quiz .service-quiz__primary:not(:disabled),
body[data-page="case"] .case-article .case-service-choice__link {
  color: #FFFFFF;
  background: var(--case-color-action);
  border-color: var(--case-color-action);
  text-decoration: none;
  box-shadow: 0 4px 12px -6px rgba(20, 104, 232, 0.5);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__button--primary:not(:disabled):hover,
body[data-page="case"] .case-article .service-quiz .service-quiz__primary:not(:disabled):hover,
body[data-page="case"] .case-article .case-service-choice__link:hover {
  color: #FFFFFF;
  background: var(--case-color-action-hover);
  border-color: var(--case-color-action-hover);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__text-button,
body[data-page="case"] .case-article .service-quiz .service-quiz__text-button {
  color: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__input,
body[data-page="case"] .case-article .loss-quiz .loss-quiz__scale {
  border-color: #BBCADB;
  border-radius: 10px;
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__input:focus,
body[data-page="case"] .case-article .loss-quiz .loss-quiz__scale:focus {
  outline-color: var(--case-color-action);
  border-color: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__range {
  accent-color: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz .loss-quiz__amount,
body[data-page="case"] .case-article .loss-quiz .loss-quiz__range-output {
  color: var(--case-color-metric);
}
body[data-page="case"] .case-article .service-quiz .service-quiz__result {
  border-color: var(--case-color-line);
  border-radius: 14px;
}
body[data-page="case"] .case-article .service-quiz .service-quiz__stars-fill {
  color: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz :focus-visible,
body[data-page="case"] .case-article .service-quiz :focus-visible {
  outline-color: var(--case-color-action);
}
body[data-page="case"] .case-article .loss-quiz #loss-quiz-question:focus,
body[data-page="case"] .case-article .service-quiz #service-question:focus {
  outline: none;
}
body[data-page="case"] .case-article .result-card,
body[data-page="case"] .case-article--markdown .result-card--author {
  border: 0;
  border-radius: 16px;
  background: var(--case-color-neutral);
  padding: 28px;
  box-shadow: none;
}
body[data-page="case"] .case-article--markdown .result-card__number {
  color: var(--case-color-metric);
  font-family: var(--blanc-font-mono);
  font-size: clamp(2rem, 3vw, 2.625rem);
  font-weight: 500;
  letter-spacing: -0.045em;
}
body[data-page="case"] .case-article--markdown .result-card__name {
  color: #0A0A0A;
  margin-bottom: 20px;
}
body[data-page="case"] .case-article--markdown .case-comparison {
  padding: 12px;
  border: 0;
  border-radius: 20px;
  background: var(--case-color-lilac);
}
body[data-page="case"] .case-article--markdown .case-comparison table {
  background: #FFFFFF;
}
body[data-page="case"] .case-article--markdown .case-comparison th {
  background: #F6F7FA;
}
body[data-page="case"] .case-article--markdown .case-comparison th + th {
  color: #174582;
  background: var(--case-color-blue-soft);
}
body[data-page="case"] .case-article--markdown .crm-connection-figure {
  padding: 14px;
  border: 1px solid var(--case-color-lilac-line);
  border-radius: 20px;
  background: var(--case-color-lilac);
}
body[data-page="case"] .case-article--markdown .crm-connection-figure img {
  display: block;
  border-radius: 10px;
  background: #FFFFFF;
}
body[data-page="case"] .case-article .chat-illustration {
  --chat-radius-window: 20px;
  --chat-radius-bubble: 14px;
  --chat-line: #E4DCEE;
  --chat-canvas: var(--case-color-lilac);
  border-color: #E4DCEE;
  box-shadow: 0 14px 32px -22px rgba(52, 35, 88, 0.35);
}
body[data-page="case"] .case-article .chat-illustration .chat-illustration__avatar {
  background: var(--case-color-action);
}
body[data-page="case"] .case-article .chat-illustration .chat-illustration__icon {
  color: var(--case-color-action);
}
body[data-page="case"] .case-article .chat-illustration .chat-illustration__bubble {
  color: #182C42;
  background: #FFFFFF;
  box-shadow: 0 3px 12px -7px rgba(48, 40, 64, 0.24);
}
body[data-page="case"] .case-article .chat-illustration .chat-illustration__bubble::after {
  background: #FFFFFF;
}
body[data-page="case"] .case-article .chat-illustration .chat-illustration__bubble .chat-illustration__text {
  color: #182C42;
}
body[data-page="case"] .browser-notice-actions button {
  border-radius: 10px;
}
body[data-page="case"] .browser-notice-actions button[data-notice-remember] {
  background: var(--case-color-action);
  border-color: var(--case-color-action);
}
@media (max-width: 760px) {
  body[data-page="case"] .case-article .case-section--quiz {
    padding: 22px 16px;
    border-radius: 20px;
  }
  body[data-page="case"] .case-article .loss-quiz,
  body[data-page="case"] .case-article .service-quiz { padding: 20px 16px; }
  body[data-page="case"] .case-article .result-card,
  body[data-page="case"] .case-article--markdown .result-card--author { padding: 24px; }
  body[data-page="case"] .case-article--markdown .case-comparison { padding: 8px; }
}