/* SLP Studio typography — the same two faces Runway uses, so the two
   products read as one system. Plus Jakarta Sans for everything people
   read, JetBrains Mono for the numbers and labels that need to line up. */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --slp-font-sans:'Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --slp-font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;
}

html,body,button,input,select,textarea{font-family:var(--slp-font-sans)!important}

/* The old scale set every heading at 800 with -.045em tracking, which is a
   poster weight. On a working screen it reads as shouting and the tight
   tracking closes up at small sizes, so the scale steps down with the
   size instead of being one weight throughout. */
h1,h2,h3,h4,h5,h6{font-family:var(--slp-font-sans)!important}
h1{font-weight:800;letter-spacing:-.035em;line-height:1.06}
h2{font-weight:750;letter-spacing:-.025em;line-height:1.12}
h3{font-weight:700;letter-spacing:-.015em;line-height:1.2}
h4,h5,h6{font-weight:650;letter-spacing:-.005em;line-height:1.25}

.eyebrow,.section-label,.screen-number,.brand small,.kicker,.overline{
  font-family:var(--slp-font-mono)!important;letter-spacing:.07em;font-weight:500}

/* Figures line up under one another in every table and metric tile. */
.metric-value,.metric strong,.kpi b,td.num,.num,.mono{
  font-family:var(--slp-font-mono)!important;font-variant-numeric:tabular-nums}

/* --- the mark, drawn rather than shipped as a bitmap ------------------ */
header .slp-brand-lockup .slp-brand-symbol.slp-mark,
.topbar .slp-brand-lockup .slp-brand-symbol.slp-mark,
.slp-brand-symbol.slp-mark{
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  gap:2.5px!important;padding:8px 0 9px!important;
  background:#05845e!important;border-color:#05845e!important;
  box-shadow:0 6px 16px -6px rgba(5,132,94,.55)!important}
.slp-brand-symbol.slp-mark i{width:3.5px;border-radius:2px;background:#fff;display:block}
.slp-brand-symbol.slp-mark i:nth-child(1){height:8px;opacity:.6}
.slp-brand-symbol.slp-mark i:nth-child(2){height:13px}
.slp-brand-symbol.slp-mark i:nth-child(3){height:17px;opacity:.85}

/* --- the bay-width row sits with the rest of the grid controls -------- */
.col-grid-actions{display:flex;justify-content:flex-end;margin:-2px 0 8px}
.col-grid-actions .btn{height:30px;padding:0 12px;font-size:12px}
.field-note code{font-family:var(--slp-font-mono);font-size:.92em;
  padding:1px 5px;border-radius:5px;background:#eef8f4;color:#05845e}