/* Sector examples inherit the site's local fonts and B palette. */
.examples-section {
  --examples-ink: var(--ink, #11263e);
  --examples-muted: var(--muted, #516278);
  --examples-line: var(--line, #bdc9d9);
  --examples-accent: var(--accent, #e7866b);
  --examples-focus: var(--focus, #873921);
  color: var(--examples-ink);
  background: #f4f7fa;
}

.examples-wrap {
  max-width: 1440px;
  margin: 0 auto;
  padding: 82px 6vw 88px;
}

.examples-head {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  align-items: end;
  gap: 7vw;
  margin-bottom: 42px;
}

.examples-eyebrow {
  display: block;
  margin-bottom: 19px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.examples-title {
  max-width: 18ch;
  margin: 0;
  font-size: clamp(2.65rem, 4.5vw, 4.5rem);
  font-weight: 450;
  line-height: 1.06;
}

.examples-intro {
  max-width: 42ch;
  margin: 0 0 5px;
  color: var(--examples-muted);
  font-size: .95rem;
  line-height: 1.7;
}

.examples-tabs {
  display: flex;
  gap: clamp(24px, 3.5vw, 48px);
  overflow-x: auto;
  margin: 0;
  border-bottom: 1px solid var(--examples-line);
  scrollbar-width: thin;
}

.examples-tabs[hidden] {
  display: none;
}

.examples-tab {
  flex: 0 0 auto;
  min-height: 54px;
  margin: 0;
  padding: 12px 2px 16px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  color: var(--examples-muted);
  font: inherit;
  font-size: .88rem;
  font-weight: 650;
  white-space: nowrap;
  cursor: pointer;
}

.examples-tab:hover {
  color: var(--examples-ink);
}

.examples-tab[aria-selected="true"] {
  border-bottom-color: var(--examples-accent);
  color: var(--examples-ink);
}

.examples-tab:focus-visible {
  outline: 2px solid var(--examples-focus);
  outline-offset: -3px;
}

.examples-panel {
  margin-top: 42px;
  padding-top: 30px;
  border-top: 1px solid var(--examples-line);
}

.examples-section[data-examples-enhanced="true"] .examples-panel {
  margin-top: 0;
  border-top: 0;
}

.examples-section[data-examples-enhanced="true"] .examples-panel[hidden] {
  display: none;
}

.examples-panel:focus-visible {
  outline: 2px solid var(--examples-focus);
  outline-offset: 7px;
}

.examples-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  margin-bottom: 27px;
}

.examples-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--examples-muted);
  font-size: .7rem;
  letter-spacing: .035em;
}

.examples-panel-title {
  margin: 0;
  font-size: clamp(1.85rem, 2.8vw, 2.65rem);
  font-weight: 450;
  line-height: 1.12;
}

.examples-fiction-label {
  display: flex;
  align-items: center;
  gap: 9px;
  flex: 0 0 auto;
  margin: 0 0 3px;
  color: var(--examples-muted);
  font-size: .71rem;
  line-height: 1.5;
}

.examples-fiction-label::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--examples-accent);
  flex: 0 0 auto;
}

.examples-columns {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 5vw;
  align-items: start;
}

.examples-conversation,
.examples-record {
  min-width: 0;
}

.examples-column-title {
  margin: 0;
  font-family: inherit;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: -.015em;
}

.examples-context {
  max-width: none;
  margin: 9px 0 18px;
  color: var(--examples-muted);
  font-size: .75rem;
  line-height: 1.6;
}

.examples-transcript {
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
  border-top: 1px solid var(--examples-line);
}

.examples-context + .examples-transcript {
  margin-top: 0;
}

.examples-line {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid var(--examples-line);
}

.examples-speaker {
  padding-top: 3px;
  color: var(--examples-muted);
  font-size: .68rem;
  font-weight: 650;
  line-height: 1.5;
}

.examples-line[data-examples-speaker="assistant"] .examples-speaker {
  color: var(--examples-ink);
}

.examples-speech {
  max-width: none;
  margin: 0;
  font-size: .88rem;
  line-height: 1.7;
}

.examples-record {
  padding: 25px 27px 27px;
  border-top: 3px solid var(--examples-accent);
  background: #e8edf3;
}

.examples-record-label {
  margin: 8px 0 21px;
  color: var(--examples-muted);
  font-size: .71rem;
}

.examples-fields {
  margin: 0;
}

.examples-field {
  padding: 14px 0;
  border-top: 1px solid var(--examples-line);
}

.examples-field dt {
  margin: 0 0 5px;
  color: var(--examples-muted);
  font-size: .7rem;
  line-height: 1.5;
}

.examples-field dd {
  margin: 0;
  font-size: .9rem;
  font-weight: 550;
  line-height: 1.6;
  overflow-wrap: anywhere;
}

.examples-next {
  margin-top: 9px;
  padding-top: 18px;
  border-top: 1px solid var(--examples-line);
}

.examples-next-title {
  display: block;
  margin-bottom: 7px;
  font-size: .73rem;
  font-weight: 700;
  line-height: 1.5;
}

.examples-next p {
  max-width: none;
  margin: 0;
  color: var(--examples-muted);
  font-size: .83rem;
  line-height: 1.7;
}

.examples-disclaimer {
  max-width: 88ch;
  margin: 29px 0 0;
  color: var(--examples-muted);
  font-size: .72rem;
  line-height: 1.7;
}

@media (min-width: 1800px) {
  .examples-wrap { padding-right: 85px; padding-left: 85px; }
}

@media (max-width: 1000px) {
  .examples-wrap { padding-right: 5vw; padding-left: 5vw; }
  .examples-head { gap: 5vw; }
  .examples-columns { gap: 4vw; }
  .examples-record { padding-right: 22px; padding-left: 22px; }
}

@media (max-width: 740px) {
  .examples-wrap { padding-top: 55px; padding-bottom: 60px; }
  .examples-head { grid-template-columns: minmax(0, 1fr); gap: 22px; margin-bottom: 28px; }
  .examples-eyebrow { margin-bottom: 16px; font-size: .68rem; }
  .examples-title { font-size: clamp(2.5rem, 10vw, 3.5rem); }
  .examples-intro { max-width: 41ch; margin: 0; font-size: .9rem; }
  .examples-tabs { gap: 22px; }
  .examples-tab { min-height: 52px; padding-top: 10px; padding-bottom: 14px; font-size: .8rem; }
  .examples-panel { padding-top: 25px; margin-top: 34px; }
  .examples-panel-head { display: block; margin-bottom: 23px; }
  .examples-panel-title { font-size: 2rem; }
  .examples-fiction-label { margin-top: 12px; font-size: .69rem; }
  .examples-columns { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .examples-line { grid-template-columns: 59px minmax(0, 1fr); gap: 12px; padding: 14px 0; }
  .examples-speech { font-size: .84rem; }
  .examples-speaker { font-size: .65rem; }
  .examples-record { padding: 22px; }
  .examples-field { padding: 13px 0; }
  .examples-disclaimer { margin-top: 25px; font-size: .7rem; }
}

@media (max-width: 360px) {
  .examples-tabs { gap: 16px; }
  .examples-tab { font-size: .76rem; }
  .examples-record { padding-right: 18px; padding-left: 18px; }
}

@media print {
  .examples-tabs { display: none; }
  .examples-section[data-examples-enhanced="true"] .examples-panel[hidden] { display: block !important; }
  .examples-panel { break-inside: avoid; }
  .examples-wrap { padding: 30px 0; }
}