@import url("edupoly-fonts.css");
:root {
  --brand-red: #ef111f;
  --brand-blue: #164aa5;
  --brand-blue-dark: #0b2f70;
  --brand-blue-soft: #eef4ff;
  --green: var(--brand-blue);
  --dark: #14213a;
  --muted: #667085;
  --line: #dfe5ef;
  --bg: #f7f9fc;
}
body { font-family: Inter, Arial, Helvetica, sans-serif; }
h1,h2,h3,h4,h5,h6,.brand { font-family: "Space Grotesk", Arial, sans-serif; }
code,pre,.codebar { font-family: "Geist Mono", Consolas, monospace; }
::selection { background: #ffd9dd; color: var(--brand-blue-dark); }
.eyebrow,.card .num { color: var(--brand-red); }
nav a:hover,nav [aria-current],.badge,.flow,p code,li code,td code,th {
  background: var(--brand-blue-soft);
}
.badge,.flow span,.topic-panel select,.topic-related button,.reset-columns {
  border-color: var(--line);
}
.callout { background: var(--brand-blue-soft); border-color: var(--brand-blue); }
.hero { background: #0b0e14; }
.hero p { color: #d2d9e6; }
.hero .button { background: var(--brand-red); color: white; }
.button { background: var(--brand-blue); }
.code { background: #0b0e14; color: #e9eef8; }
.codebar { background: #151a24; color: #b7c7e5; }
.copy { border-color: #394152; }
.topic-panel select { background: #f7f9fc; }
.topic-panel .topic-example { background: var(--brand-blue-soft); color: var(--brand-blue-dark); border-color: var(--line); }
.topic-related button,.reset-columns:hover { background: var(--brand-blue-soft); }
.topic-term:hover,.topic-term.is-selected { color: var(--brand-blue); background: var(--brand-blue-soft); }
.hero .topic-term:hover,.hero .topic-term.is-selected { color: white; background: #1d2330; }
.topic-term:focus-visible,.topic-related button:focus-visible,.topic-panel select:focus-visible,.reset-columns:focus-visible {
  outline-color: var(--brand-red);
}
.column-divider { background: #eef2f8; }
.column-divider::before { background: var(--line); }
.column-divider::after { border-color: var(--line); color: var(--brand-blue); }
.column-divider:hover,.column-divider:focus-visible,.column-divider.is-dragging { background: #dce8ff; }
.column-divider:hover::before,.column-divider:focus-visible::before,.column-divider.is-dragging::before { background: var(--brand-blue); }
.column-divider:focus-visible { outline-color: var(--brand-red); }
html:has(.embedded-manual) { scroll-padding-top: 18px; }
.embedded-manual aside,.embedded-manual .topic-panel,.embedded-manual .column-divider {
  top: 0;
  height: 100dvh;
}
@media(max-width:880px) {
  .embedded-manual aside,.embedded-manual .topic-panel { height: auto; }
}