/* Approved workspace reference: retain the original section background. */
#workspace {
  --workspace-heading: #000;
  --workspace-text: #637287;
  --workspace-accent: #536f9f;
  --workspace-soft: #eaf0f8;
  --workspace-border: #dce4ef;
  color: var(--workspace-text);
}
#workspace .section-heading { display: block; margin-bottom: 44px; }
#workspace .section-heading .eyebrow { color: var(--workspace-accent); margin-bottom: 12px; }
#workspace .section-heading h2 { color: #000; font-size: 36px; font-weight: 650; line-height: 1.4; }
#workspace .section-heading > p { max-width: none; margin: 12px 0 0; font-size: 17px; line-height: 1.8; color: var(--workspace-text); }
#workspace .workspace-layout { grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
#workspace .workspace-info, #workspace .workspace-copy, #workspace .workspace-panel { min-width: 0; }
#workspace .workspace-tabs { gap: 8px; margin: 0 0 28px; }
#workspace .workspace-tabs button { min-height: 44px; padding: 10px 18px; font-size: 16px; line-height: 1.5; color: var(--workspace-text); border-color: var(--workspace-border); font-weight: 500; }
#workspace .workspace-tabs button[aria-pressed="true"] { color: var(--workspace-accent); background: var(--workspace-soft); border-color: #cad7e9; font-weight: 600; }
#workspace .workspace-tabs button:hover { background: var(--workspace-soft); }
#workspace .workspace-tabs button:focus-visible { outline: 2px solid var(--workspace-accent); outline-offset: 4px; }
#workspace .workspace-copy h3 { color: var(--workspace-heading); font-size: 28px; font-weight: 600; line-height: 1.5; margin: 0 0 18px; max-width: 16em; text-wrap: balance; }
#workspace .workspace-copy > p { color: var(--workspace-text); font-size: 17px; line-height: 1.9; margin: 0; }
#workspace .workspace-copy ul { padding-left: 20px; margin: 24px 0 0; font-size: 16px; line-height: 1.9; }
#workspace .workspace-copy li + li { margin-top: 8px; }
#workspace .workspace-copy li::marker { color: var(--workspace-accent); }
#workspace .workspace-panel { border-color: var(--workspace-border); border-radius: 16px; padding: 28px; }
#workspace .panel-label { color: var(--workspace-heading); font-size: 18px; padding-bottom: 20px; border-color: var(--workspace-border); }
#workspace .panel-label strong { font-weight: 600; }
#workspace .panel-label > span { font-size: 12px; color: var(--workspace-accent); background: var(--workspace-soft); padding: 5px 8px; }
#workspace .workspace-field { gap: 22px; padding: 20px 0; border-color: var(--workspace-border); }
#workspace .workspace-field > span { flex: 0 0 28px; padding-top: 2px; color: var(--workspace-accent); font-size: 18px; line-height: 1.6; font-weight: 500; font-variant-numeric: tabular-nums; }
#workspace .workspace-field h4 { margin: 0; color: var(--workspace-heading); font-size: 18px; font-weight: 600; line-height: 1.6; }
#workspace .workspace-field p { color: var(--workspace-text); font-size: 15px; margin: 6px 0 0; line-height: 1.8; }
#workspace .workspace-field:last-child { border-bottom: 0; }
#workspace .panel-bottom { color: var(--workspace-accent); background: var(--workspace-soft); border-radius: 10px; padding: 12px 14px; margin: 8px 0 0; font-size: 13px; line-height: 1.8; }
@media (max-width: 1100px) {
  #workspace .workspace-layout { gap: 32px; }
  #workspace .workspace-tabs button { padding-inline: 13px; font-size: 15px; }
  #workspace .workspace-copy h3 { font-size: 26px; }
}
@media (max-width: 760px) {
  #workspace .section-heading { margin-bottom: 28px; }
  #workspace .section-heading h2 { font-size: 28px; text-wrap: balance; }
  #workspace .section-heading > p { font-size: 16px; }
  #workspace .workspace-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; }
  #workspace .workspace-tabs { gap: 8px; margin-bottom: 24px; flex-wrap: wrap; }
  #workspace .workspace-tabs button { font-size: 15px; padding-inline: 14px; }
  #workspace .workspace-copy h3 { font-size: 24px; margin-bottom: 14px; }
  #workspace .workspace-copy > p { font-size: 16px; }
  #workspace .workspace-copy ul { font-size: 16px; margin-top: 18px; }
  #workspace .workspace-panel { padding: 20px; }
  #workspace .panel-label { font-size: 17px; gap: 8px; padding-bottom: 16px; }
  #workspace .panel-label > span { font-size: 11px; }
  #workspace .workspace-field { gap: 14px; padding: 18px 0; }
  #workspace .workspace-field > span { flex-basis: 24px; font-size: 16px; }
  #workspace .workspace-field h4 { font-size: 17px; }
  #workspace .workspace-field p { font-size: 14px; }
  #workspace .panel-bottom { font-size: 12px; padding: 11px 12px; }
}