/* Suite Intelligence / selected worked-materials direction / v1.0 */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Roboto+Slab:wght@500;600;700;800&display=swap');
:root {
  --si-ink: #142D35;
  --si-orange: #AD472F;
  --si-orange-hover: #913B27;
  --si-turquoise: #58B8AD;
  --si-tint: #DDEFEA;
  --si-ivory: #FAF7F0;
  --si-white: #FFFFFF;
  --si-muted: #52656A;
  --si-rule: #CCD4D2;
  --si-border: #718787;
  --si-font-heading: 'Roboto Slab', Georgia, serif;
  --si-font-body: 'IBM Plex Sans', Arial, sans-serif;
  --si-display: clamp(2.75rem, 5vw, 4.5rem);
  --si-h2: clamp(2rem, 3vw, 3rem);
  --si-h3: clamp(1.375rem, 2vw, 1.75rem);
  --si-body: 1.125rem;
  --si-small: .875rem;
  --si-leading-heading: 1.08;
  --si-leading-body: 1.55;
  --si-space-1: 4px;
  --si-space-2: 8px;
  --si-space-3: 12px;
  --si-space-4: 16px;
  --si-space-6: 24px;
  --si-space-8: 32px;
  --si-space-12: 48px;
  --si-space-16: 64px;
  --si-space-24: 96px;
  --si-radius: 6px;
  --si-content: 1408px;
  --si-prose: 60ch;
  --si-motion: 140ms;
}
.si-button {
  display:inline-flex;align-items:center;justify-content:center;gap:16px;
  min-height:48px;padding:12px 24px;border:1px solid transparent;
  border-radius:var(--si-radius);background:var(--si-orange);color:var(--si-white);
  font:500 1rem/1.4 var(--si-font-body);text-decoration:none;cursor:pointer;
  transition:background var(--si-motion),color var(--si-motion);
}
.si-button:hover{background:var(--si-orange-hover)}
.si-button--secondary{background:transparent;color:var(--si-ink);border-color:var(--si-ink)}
.si-button--secondary:hover{background:var(--si-tint)}
.si-button:disabled{opacity:.45;cursor:not-allowed}
.si-button:disabled:hover{background:var(--si-orange)}
.si-link{color:var(--si-ink);text-underline-offset:5px;text-decoration-thickness:1px}
.si-link:hover{text-decoration-thickness:2px}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--si-ink);outline-offset:4px;
}
.si-input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--si-border);border-radius:var(--si-radius);background:var(--si-white);color:var(--si-ink);font:400 var(--si-body)/1.4 var(--si-font-body)}
.si-input[aria-invalid=true]{border:2px solid var(--si-orange)}
.si-label{display:block;font-size:1rem;font-weight:500;margin-bottom:8px}
.si-help{font-size:var(--si-small);color:var(--si-muted);margin-top:8px}
@media(prefers-reduced-motion:reduce){:root{--si-motion:0ms}html{scroll-behavior:auto!important}}
