@charset "UTF-8";
:root {
  --paper:#f8f7f3;
  --surface:#fffefa;
  --ink:#272824;
  --muted:#696b63;
  --line:#deded4;
  --accent:#bc482b;
  --accent-bright:#dd5736;
  --soft-accent:#f8eade;
  --dark:#232922;
  --green:#456b4f;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:110px
}

body {
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased
}

button,a {
  -webkit-tap-highlight-color:transparent
}

button,input {
  font:inherit
}

a {
  color:inherit;
  text-decoration:none
}

button {
  cursor:pointer
}

button:disabled {
  cursor:default
}

img,svg {
  max-width:100%
}

.icon {
  width:20px;
  height:20px;
  flex-shrink:0;
  vertical-align:middle
}

h1,h2,h3,p {
  margin-top:0
}

h1,h2,h3 {
  font-weight:550;
  line-height:1.12
}

h1,h2 {
  letter-spacing:-.055em
}

em {
  font-family:var(--serif);
  font-weight:400
}

p {
  color:var(--muted)
}

::selection {
  background:#eec8ac;
  color:var(--ink)
}

:focus-visible {
  outline:3px solid var(--accent-bright);
  outline-offset:5px
}

button:focus-visible {
  outline-offset:3px
}

[hidden] {
  display:none!important
}

.page-width {
  max-width:1200px;
  margin-inline:auto;
  padding-inline:40px
}

.skip-link {
  position:fixed;
  top:-100px;
  left:20px;
  background:var(--ink);
  color:white;
  padding:12px 22px;
  z-index:100
}

.skip-link:focus {
  top:10px
}

.site-header {
  height:88px;
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(248,247,243,.96);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(14px)
}

.header-inner {
  max-width:1360px;
  padding:0 48px;
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px
}

.brand {
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:20px;
  font-weight:700;
  letter-spacing:-1px;
  white-space:nowrap
}

.brand-light {
  font-weight:430
}

.brand-period {
  color:var(--accent-bright)
}

.brand-mark {
  width:32px;
  height:32px;
  color:var(--accent-bright);
  display:inline-flex
}

.site-header nav {
  display:flex;
  align-items:center;
  gap:28px
}

.site-header nav>a:not(.button) {
  font-size:13px;
  font-weight:520;
  color:#53564d;
  transition:color .2s
}

.site-header nav>a:hover,.site-header nav>a[aria-current] {
  color:var(--accent)
}

.site-header .nav-github {
  display:flex;
  align-items:center;
  gap:7px;
  padding-left:24px;
  border-left:1px solid var(--line)
}

.nav-github .icon {
  width:17px;
  height:17px
}

.nav-github .icon:last-child {
  width:12px
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  border:1px solid transparent;
  border-radius:6px;
  padding:15px 22px;
  font-size:14px;
  font-weight:560;
  line-height:1.4;
  transition:transform .18s,background .18s;
  min-height:48px
}

.button .icon {
  width:18px
}

.button:hover {
  transform:translateY(-2px)
}

.button-accent {
  background:#ca4828;
  color:#fff
}

.button-accent:hover {
  background:#c74626
}

.button-dark {
  background:var(--ink);
  color:white
}

.button-dark:hover {
  background:#41423b
}

.button-small {
  padding:11px 16px;
  font-size:12px;
  min-height:42px;
  gap:13px
}

.menu-toggle {
  display:none;
  background:none;
  border:1px solid var(--line);
  padding:10px;
  border-radius:5px;
  color:var(--ink)
}

.eyebrow {
  font:10px/1.5 var(--mono);
  letter-spacing:1.8px;
  font-weight:500;
  color:var(--accent);
  margin-bottom:24px
}

.hero {
  text-align:center;
  padding-top:67px;
  padding-bottom:0
}

.hero-eyebrow {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin-bottom:27px;
  color:#64685c;
  font-size:9px;
  letter-spacing:1.2px
}

.status-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#6b8860;
  display:inline-block;
  box-shadow:0 0 0 3px rgba(107,136,96,.1)
}

.version-pill {
  font-size:9px;
  letter-spacing:0;
  border:1px solid var(--line);
  padding:2px 7px;
  border-radius:4px;
  margin-left:6px
}

.hero h1 {
  font-size:clamp(56px,6.15vw,84px);
  line-height:1.055;
  margin-bottom:24px;
  font-weight:540;
  letter-spacing:-4.5px
}

.hero h1 em {
  color:var(--accent);
  letter-spacing:-5px
}

.hero-description {
  font-size:16px;
  line-height:1.75;
  letter-spacing:-.1px;
  margin-bottom:25px
}

.hero-actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:28px
}

.text-link {
  display:flex;
  align-items:center;
  gap:14px;
  font-size:13px;
  font-weight:550
}

.text-link span {
  font-size:20px;
  line-height:1
}

.text-link:hover {
  color:var(--accent)
}

.hero-compatibility {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  margin-top:22px;
  color:#70736a;
  font-size:11px
}

.hero-compatibility>span {
  display:inline-flex;
  gap:7px;
  align-items:center
}

.hero-compatibility .icon {
  width:14px;
  height:14px
}

.hero-compatibility small {
  font-size:9px;
  color:#72756e;
  background:#eeeae2;
  border-radius:3px;
  padding:0 4px
}

.workflow-canvas {
  margin-top:57px;
  background-color:#f0f0e9;
  background-image:radial-gradient(#c6c8ba .75px,transparent .75px);
  background-size:12px 12px;
  border:1px solid #dadbd0;
  border-radius:12px;
  padding:23px 28px 0;
  box-shadow:0 18px 38px -38px #454a38;
  position:relative;
  text-align:left
}

.canvas-heading {
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  margin-bottom:22px
}

.mini-label {
  display:flex;
  gap:9px;
  align-items:center;
  font:9px var(--mono);
  letter-spacing:.8px;
  color:#676c5f
}

.mini-label .status-dot {
  width:5px;
  height:5px;
  background:var(--accent-bright);
  box-shadow:none
}

.canvas-caption {
  font-family:var(--serif);
  font-size:13px;
  font-style:italic;
  color:#686d60
}

.diagram-flow {
  display:grid;
  grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;
  align-items:center
}

.flow-node {
  position:relative;
  background:var(--surface);
  border:1px solid #d4d7c8;
  box-shadow:0 3px 0 #e0e2d6;
  border-radius:7px;
  min-height:184px;
  padding:20px 18px 15px
}

.flow-icon {
  height:30px;
  width:30px;
  color:#606954;
  margin-bottom:16px
}

.flow-icon .icon {
  height:24px;
  width:24px
}

.flow-number {
  position:absolute;
  right:14px;
  top:24px;
  font:8px var(--mono);
  color:#787c70
}

.flow-node h3 {
  font-size:20px;
  letter-spacing:-.6px;
  margin-bottom:8px
}

.flow-node p {
  font-size:11px;
  line-height:1.65;
  margin-bottom:15px;
  color:#75786e
}

.node-token {
  display:inline-flex;
  align-items:center;
  gap:12px;
  border:1px solid #e5e5db;
  border-radius:4px;
  padding:2px 6px;
  font:8px/1.5 var(--mono);
  color:#686e5e;
  background:#f5f6ed
}

.node-token .icon {
  width:10px;
  height:10px
}

.flow-arrow {
  display:flex;
  justify-content:center;
  color:#8e9581
}

.flow-arrow .icon {
  width:17px
}

.ship-node {
  background:#f1f5e8;
  border-color:#b8c6a1
}

.ship-node .flow-icon,.ship-node .node-token {
  color:#546b3e
}

.ship-node .node-token {
  background:#e9f0dd;
  border-color:#c7d5b3
}

.rework-loop {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:17px 0;
  gap:16px
}

.rework-loop>span {
  width:80px;
  height:8px;
  border-bottom:1px dashed #b1b6a1
}

.rework-loop p {
  font:9px var(--mono);
  margin:0;
  color:#757a69
}

.rework-loop .icon {
  width:12px;
  height:12px;
  margin-right:5px
}

.canvas-footer {
  display:flex;
  align-items:center;
  gap:28px;
  padding:12px 0;
  border-top:1px solid #d5d8ca;
  color:#6f7664;
  font:9px var(--mono);
  letter-spacing:.4px
}

.canvas-footer>span:not(.footer-proof)::before {
  content:'·';
  margin-right:8px
}

.canvas-footer .footer-proof {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px
}

.canvas-footer .icon {
  width:11px;
  height:11px
}

.manifesto {
  padding-top:115px;
  padding-bottom:105px
}

.section-split {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:100px;
  align-items:end;
  margin-bottom:45px
}

h2 {
  font-size:48px;
  line-height:1.13;
  margin-bottom:0
}

.section-split>p {
  font-size:14px;
  line-height:1.85;
  max-width:410px;
  margin:0 0 3px
}

.principles {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line)
}

.principles article {
  padding:30px 30px 0 0;
  margin-right:30px;
  border-right:1px solid var(--line);
  margin-top:30px
}

.principles article:last-child {
  padding-right:0;
  margin-right:0;
  border-right:0
}

.principle-icon {
  width:42px;
  height:42px;
  border:1px solid #dddcd0;
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  background:#f1f0e9;
  color:#6a715c
}

.principles h3 {
  font-size:23px;
  line-height:1.3;
  letter-spacing:-.7px;
  margin-bottom:13px
}

.principles p {
  font-size:13px;
  line-height:1.85;
  margin-bottom:23px;
  max-width:300px
}

.tiny-label {
  display:block;
  font:8px/1.6 var(--mono);
  color:#777d6d;
  letter-spacing:1px
}

.routing-section {
  background:var(--dark);
  color:#f8f7ef;
  padding:83px 0 67px;
  position:relative;
  overflow:hidden
}

.routing-section .eyebrow {
  color:#c4bf9b
}

.routing-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:50px;
  margin-bottom:34px
}

.routing-heading p {
  color:#b2b8a6;
  font-size:13px;
  line-height:1.85;
  margin:0 5px 5px 0
}

.routing-heading em {
  color:#d5d5b5
}

.routing-demo {
  border:1px solid #484e40;
  border-radius:9px;
  background:#2a3027;
  overflow:hidden
}

.risk-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid #484e40
}

.risk-tabs button {
  border:0;
  border-right:1px solid #484e40;
  color:#bfc6b4;
  background:#272d24;
  padding:18px 24px;
  text-align:left;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  min-height:58px
}

.risk-tabs button:last-child {
  border-right:0
}

.risk-tabs button[aria-selected=true] {
  background:#e3e5cf;
  color:#303727
}

.risk-tabs button:hover:not([aria-selected=true]) {
  background:#353d2e
}

.risk-index {
  margin-left:auto;
  font:9px var(--mono);
  opacity:.6
}

.risk-dot {
  width:6px;
  height:6px;
  border-radius:50%;
  display:inline-block
}

.risk-simple {
  background:#b0c68b
}

.risk-standard {
  background:#d6c678
}

.risk-complex {
  background:#d2a06b
}

.risk-critical {
  background:#d8836e
}

.route-panel {
  display:grid;
  grid-template-columns:1fr 1.13fr;
  padding:36px;
  gap:65px;
  min-height:294px
}

.score-label {
  font:9px var(--mono);
  letter-spacing:.7px;
  color:#c3c9ac;
  background:#394030;
  padding:4px 8px;
  border:1px solid #525944;
  border-radius:4px;
  display:inline-block;
  margin-bottom:23px
}

.route-scenario h3 {
  font-size:26px;
  line-height:1.28;
  letter-spacing:-.8px;
  margin-bottom:14px;
  max-width:320px
}

.route-scenario p {
  font-size:12px;
  line-height:1.9;
  color:#b9beae;
  margin-bottom:24px;
  max-width:330px
}

.route-scenario>a {
  font-size:11px;
  color:#d4d9c2;
  display:flex;
  align-items:center;
  gap:8px
}

.route-scenario>a:hover {
  color:#fff
}

.route-scenario .icon {
  width:13px
}

.route-stage {
  display:flex;
  align-items:center;
  border:1px solid #4b5341;
  border-radius:6px;
  padding:15px 16px;
  gap:14px;
  background:#30372b
}

.route-stage+.route-stage {
  margin-top:10px
}

.route-stage-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:33px;
  height:33px;
  border:1px solid #535d46;
  background:#3a4430;
  border-radius:5px;
  color:#becaaa
}

.route-stage small {
  font:8px var(--mono);
  color:#b6c09f;
  letter-spacing:1px;
  display:block;
  margin-bottom:5px
}

.route-stage strong {
  font-size:17px;
  font-weight:500;
  display:block;
  line-height:1.3
}

.route-stage strong span {
  font-size:13px;
  color:#b7bea9;
  font-weight:400
}

.route-stage code {
  font:8px var(--mono);
  color:#b1bba3;
  display:block;
  margin-top:3px
}

.fresh-label {
  font:8px var(--mono);
  color:#bbc5ac;
  white-space:nowrap;
  margin-left:auto;
  border:1px solid #566049;
  border-radius:3px;
  padding:3px 5px
}

.route-connector {
  border-left:1px dashed #687656;
  height:15px;
  margin-left:32px
}

.route-outcome {
  font:9px/1.6 var(--mono);
  color:#bbc8a7;
  margin-top:16px;
  display:flex;
  align-items:center;
  gap:8px
}

.route-outcome .icon {
  width:13px;
  height:13px
}

.routing-note {
  text-align:center;
  font-size:11px;
  color:#a9b29d;
  margin:25px 0 0
}

.routing-note span {
  color:#dae0c7
}

.skills-section {
  padding-top:102px;
  padding-bottom:95px
}

.skill-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
  border-radius:8px;
  overflow:hidden
}

.skill-card {
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  padding:25px;
  display:flex;
  flex-direction:column;
  transition:background .2s;
  position:relative
}

.skill-card:hover {
  background:#f1ede3
}

.skill-card:focus-visible {
  outline-offset:-4px
}

.skill-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#747969;
  margin-bottom:30px
}

.skill-top>span {
  font:8px var(--mono);
  letter-spacing:1px
}

.skill-top .icon {
  width:22px;
  height:22px
}

.skill-card>code {
  font:11px var(--mono);
  color:var(--accent);
  margin-bottom:12px;
  overflow-wrap:anywhere
}

.skill-card h3 {
  font-size:20px;
  line-height:1.25;
  letter-spacing:-.6px;
  margin-bottom:13px;
  max-width:240px
}

.skill-card p {
  font-size:12px;
  line-height:1.8;
  margin-bottom:25px
}

.skill-link {
  margin-top:auto;
  font-size:10px;
  font-weight:550;
  display:flex;
  align-items:center;
  justify-content:space-between
}

.skill-link .icon {
  width:16px;
  color:#747968;
  transition:transform .2s
}

.skill-card:hover .skill-link .icon {
  transform:translateX(4px)
}

.alias-note {
  font-size:11px;
  text-align:center;
  margin-top:23px;
  color:#6f7365
}

.alias-note code {
  font-size:10px;
  color:var(--accent)
}

.install-section {
  padding-top:68px;
  padding-bottom:70px;
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:75px;
  border-block:1px solid var(--line)
}

.install-section h2 {
  font-size:43px;
  margin-bottom:20px
}

.install-copy>p {
  font-size:13px;
  line-height:1.85;
  max-width:355px;
  margin-bottom:25px
}

.install-requirements {
  display:flex;
  gap:17px;
  margin-top:17px;
  font:9px var(--mono);
  color:#717963
}

.install-requirements span {
  display:inline-flex;
  align-items:center;
  gap:5px
}

.install-requirements .icon {
  width:11px;
  height:11px
}

.install-terminal {
  background:#eeeee5;
  border:1px solid #d6d9c9;
  border-radius:9px;
  overflow:hidden;
  align-self:center;
  box-shadow:5px 7px 0 #f0eee4
}

.terminal-title {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:17px 20px;
  border-bottom:1px solid #d8dbcd;
  font:8px var(--mono);
  color:#717862;
  gap:12px
}

.terminal-dots {
  display:flex;
  gap:4px
}

.terminal-dots i {
  width:6px;
  height:6px;
  background:#b1b6a2;
  border-radius:50%
}

.terminal-dots i:first-child {
  background:#c49c8e
}

.terminal-dots i:nth-child(2) {
  background:#c8b68d
}

.code-block {
  border:1px solid #dddcd1;
  border-radius:6px;
  background:#efeee7;
  overflow:hidden;
  margin:22px 0
}

.code-caption {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid #dddcd1;
  padding:9px 14px;
  font:9px var(--mono);
  color:#6b715f
}

.copy-button {
  display:flex;
  align-items:center;
  gap:6px;
  background:none;
  border:0;
  border-radius:3px;
  color:#646b5b;
  font:9px var(--sans);
  min-height:28px;
  padding:4px 6px
}

.copy-button:hover {
  background:#dedecf;
  color:#282e20
}

.copy-button .icon {
  width:12px;
  height:12px
}

.code-block pre {
  margin:0;
  padding:19px 19px 22px;
  overflow-x:auto;
  line-height:1.9;
  font-size:11px;
  color:#343d29;
  tab-size:2
}

.code-block pre code {
  font-family:var(--mono);
  white-space:pre
}

.install-terminal .code-block {
  margin:0;
  border:0;
  border-radius:0;
  background:transparent
}

.install-terminal .code-caption {
  border:0;
  padding:13px 18px 0
}

.install-terminal .code-caption>span {
  font-size:9px;
  color:#737d65
}

.install-terminal pre {
  padding:12px 21px 23px;
  font-size:10px
}

.terminal-result {
  border-top:1px dashed #cdd3be;
  margin:0 20px;
  padding:21px 0
}

.terminal-result>span {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:11px;
  font-weight:550;
  color:#526d3e
}

.terminal-result .icon {
  width:14px;
  height:14px
}

.terminal-result>p {
  font-size:10px;
  line-height:1.7;
  margin:8px 0 0 22px;
  max-width:335px
}

.faq-section {
  padding-top:92px;
  padding-bottom:86px;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:85px
}

.faq-section h2 {
  font-size:43px
}

.faq-list details {
  border-bottom:1px solid var(--line)
}

.faq-list details:first-child {
  border-top:1px solid var(--line)
}

.faq-list summary {
  list-style:none;
  cursor:pointer;
  padding:22px 0;
  display:flex;
  justify-content:space-between;
  gap:20px;
  font-size:13px;
  line-height:1.6;
  font-weight:550
}

.faq-list summary::-webkit-details-marker {
  display:none
}

.faq-list summary>span {
  font-size:21px;
  line-height:1;
  color:#818774;
  font-weight:350;
  transition:transform .2s
}

.faq-list details[open] summary>span {
  transform:rotate(45deg)
}

.faq-list details p {
  font-size:12px;
  line-height:1.9;
  margin-bottom:22px;
  padding-right:30px
}

.closing-note {
  display:flex;
  gap:22px;
  align-items:center;
  padding-block:32px;
  border-top:1px solid var(--line)
}

.closing-mark {
  width:45px;
  height:45px;
  display:flex;
  color:var(--accent-bright)
}

.closing-note p {
  font:italic 24px/1.25 var(--serif);
  color:#404536;
  margin:0
}

.closing-note>a {
  margin-left:auto;
  display:flex;
  gap:10px;
  align-items:center;
  font-size:11px;
  font-weight:550
}

.closing-note>a .icon {
  width:13px
}

.site-footer {
  margin-top:18px;
  border-top:1px solid var(--line);
  background:#f0efe8;
  padding:34px 48px 20px
}

.footer-top,.footer-bottom {
  max-width:1200px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  margin:auto
}

.footer-top .brand {
  font-size:17px
}

.footer-top .brand-mark {
  width:27px;
  height:27px
}

.footer-top p {
  font-size:11px;
  margin:0
}

.footer-top>a:last-child {
  font-size:11px;
  display:flex;
  gap:10px;
  align-items:center
}

.footer-top .icon {
  width:12px
}

.footer-bottom {
  border-top:1px solid #dcded2;
  margin-top:25px;
  padding-top:17px;
  font:8px/1.7 var(--mono);
  letter-spacing:.3px;
  color:#737a69
}

.toast {
  position:fixed;
  bottom:25px;
  left:50%;
  transform:translate(-50%,20px);
  opacity:0;
  background:#283322;
  color:#fafbf7;
  padding:12px 20px;
  font-size:12px;
  border-radius:6px;
  box-shadow:0 8px 30px #1112;
  z-index:100;
  transition:transform .2s,opacity .2s;
  pointer-events:none;
  max-width:calc(100vw - 32px);
  text-align:center
}

.toast.visible {
  opacity:1;
  transform:translate(-50%,0)
}

/* Documentation uses the same visual language and real static URLs. */
.docs-layout {
  display:grid;
  grid-template-columns:210px minmax(0,1fr) 165px;
  gap:48px;
  max-width:1390px;
  min-height:calc(100vh - 300px);
  padding-top:43px;
  padding-bottom:65px
}

.docs-sidebar,.docs-toc {
  position:sticky;
  top:125px;
  align-self:start;
  max-height:calc(100vh - 145px);
  overflow-y:auto;
  scrollbar-width:thin
}

.docs-sidebar-label {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#6e7563;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:25px
}

.docs-sidebar-label>span {
  font-size:8px;
  letter-spacing:0;
  background:#e8ebdf;
  border-radius:3px;
  padding:3px 5px;
  color:#68735b
}

.sidebar-group {
  margin:25px 0 9px;
  font:8px var(--mono);
  letter-spacing:1px;
  color:#777e6d
}

.docs-sidebar nav a {
  display:flex;
  gap:9px;
  align-items:center;
  font-size:11px;
  border-left:1px solid var(--line);
  padding:9px 11px;
  color:#656d5b;
  line-height:1.5
}

.docs-sidebar nav a .icon {
  width:14px;
  height:14px
}

.docs-sidebar nav a:hover {
  background:#eeede5
}

.docs-sidebar nav a[aria-current=page] {
  background:#f2e7dc;
  color:var(--accent);
  border-left:2px solid var(--accent-bright);
  font-weight:550;
  border-radius:0 4px 4px 0
}

.sidebar-github {
  padding:22px 0;
  margin-top:35px;
  border-top:1px solid var(--line);
  color:#757e69
}

.sidebar-github>.icon {
  width:19px;
  height:19px
}

.sidebar-github p {
  font-size:10px;
  line-height:1.7;
  margin:10px 0 12px
}

.sidebar-github a {
  font-size:9px;
  display:flex;
  gap:7px;
  align-items:center
}

.sidebar-github a .icon {
  width:11px;
  height:11px
}

.doc-article {
  min-width:0;
  padding-top:2px
}

.breadcrumb {
  display:flex;
  align-items:center;
  gap:9px;
  font-size:10px;
  color:#797f6f;
  margin:0 0 20px
}

.breadcrumb a:hover {
  color:var(--accent)
}

.doc-article h1 {
  font-size:47px;
  line-height:1.12;
  margin:0 0 22px;
  letter-spacing:-2px;
  max-width:700px
}

.doc-description {
  font-size:16px;
  line-height:1.7;
  margin-bottom:40px;
  max-width:650px
}

.docs-toc {
  border-left:1px solid var(--line);
  padding-left:18px
}

.docs-toc>span {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#747c69
}

.docs-toc nav {
  margin-top:15px
}

.docs-toc a {
  display:block;
  font-size:10px;
  line-height:1.55;
  margin:0 0 11px;
  color:#6c7461;
  overflow-wrap:anywhere
}

.docs-toc a:hover {
  color:var(--accent)
}

.doc-section {
  margin-top:38px;
  scroll-margin-top:110px
}

.doc-section h2 {
  font-size:25px;
  line-height:1.3;
  letter-spacing:-.7px;
  margin-bottom:18px;
  overflow-wrap:anywhere
}

.doc-section h3 {
  font-size:19px;
  line-height:1.4
}

.doc-section p,.doc-section li {
  font-size:15px;
  line-height:1.9
}

.doc-section p {
  margin-bottom:17px
}

.doc-section ul,.doc-section ol {
  padding-left:21px;
  color:#5c6551;
  margin-bottom:24px
}

.doc-section li {
  padding-left:4px;
  margin:8px 0
}

.doc-section a:not(.doc-card-grid a) {
  text-decoration:underline;
  text-decoration-color:#c3b299;
  text-underline-offset:4px;
  color:var(--accent)
}

.doc-section code:not(pre code) {
  font-size:.88em;
  background:#ecece3;
  padding:2px 4px;
  border-radius:3px;
  color:#5f644e;
  overflow-wrap:anywhere
}

.doc-flow {
  display:flex;
  justify-content:space-between;
  gap:6px;
  margin:28px 0;
  background:#eeeede;
  border:1px solid #dbddc9;
  padding:19px 18px;
  border-radius:7px
}

.doc-flow>span {
  font-size:10px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#4b573c;
  position:relative
}

.doc-flow small {
  font:8px var(--mono);
  color:#838b71
}

.doc-flow>span+span::before {
  content:'→';
  position:relative;
  left:-5px;
  color:#929a82
}

.doc-card-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}

.doc-card-grid>a {
  display:flex;
  flex-direction:column;
  padding:23px;
  border:1px solid var(--line);
  border-radius:6px;
  background:#faf9f4
}

.doc-card-grid>a:hover {
  background:#efede3;
  border-color:#c9cdb8
}

.doc-card-grid .icon {
  color:#727e5d;
  width:21px;
  height:21px
}

.doc-card-grid h3 {
  margin:17px 0 9px;
  font-size:16px;
  letter-spacing:-.4px
}

.doc-card-grid p {
  font-size:11px;
  line-height:1.8;
  margin-bottom:17px
}

.doc-card-grid span {
  font-size:10px;
  font-weight:550;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:auto
}

.doc-card-grid span .icon {
  width:14px
}

.callout {
  border-left:3px solid #aab584;
  background:#eeeede;
  padding:20px 22px;
  margin:24px 0;
  border-radius:0 5px 5px 0
}

.callout>strong {
  font-size:12px;
  color:#526036
}

.callout p {
  font-size:12px;
  line-height:1.85;
  color:#697252;
  margin:7px 0 0
}

.table-scroll {
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:6px;
  margin:22px 0
}

table {
  width:100%;
  border-collapse:collapse;
  text-align:left;
  font-size:11px;
  white-space:normal
}

th {
  font:9px var(--mono);
  letter-spacing:.15px;
  color:#6c745e;
  background:#efeee5
}

td,th {
  padding:13px 15px;
  border-bottom:1px solid var(--line)
}

td {
  color:#535e45;
  line-height:1.65
}

tr:last-child td {
  border-bottom:0
}

.table-note {
  font-size:9px;
  color:#7e866e;
  display:block
}

.level-chip {
  font:10px var(--mono);
  padding:4px 6px;
  background:#e9ecde;
  border-radius:4px;
  display:inline-block
}

.state-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin:22px 0
}

.state-grid>span {
  padding:14px;
  border:1px solid var(--line);
  border-radius:5px;
  font-size:10px;
  color:#727b63
}

.state-grid strong {
  display:block;
  font:10px var(--mono);
  margin-bottom:5px;
  color:#576540
}

.agent-reference {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px
}

.agent-reference article {
  border:1px solid var(--line);
  border-radius:6px;
  padding:22px
}

.agent-reference code {
  font:10px var(--mono)
}

.agent-reference h3 {
  margin:14px 0 8px;
  font-size:21px
}

.agent-reference p {
  font-size:12px;
  margin:0
}

.doc-section .skill-doc-lead {
  font-size:20px;
  color:#515b45;
  line-height:1.5
}

.source-skill {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  margin:0 0 22px
}

.source-skill .icon {
  width:12px
}

.source-links {
  border-top:1px solid var(--line);
  margin-top:45px;
  padding-top:22px;
  display:flex;
  flex-direction:column;
  gap:8px
}

.source-links>span {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#7b836d;
  margin-bottom:6px
}

.source-links>a {
  font:9px var(--mono);
  color:#6e7d59;
  display:flex;
  align-items:center;
  gap:6px;
  overflow-wrap:anywhere;
  word-break:break-word
}

.source-links .icon {
  width:11px;
  height:11px
}

.doc-pagination {
  margin-top:40px;
  padding-top:25px;
  border-top:1px solid var(--line);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}

.doc-pagination>a {
  padding:14px;
  border:1px solid var(--line);
  border-radius:5px
}

.doc-pagination>a:hover {
  background:#efeee4
}

.doc-pagination small {
  font:8px var(--mono);
  letter-spacing:1px;
  color:#7d8670;
  display:block;
  margin-bottom:5px
}

.doc-pagination strong {
  font-size:11px;
  font-weight:500;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px
}

.doc-pagination .icon {
  width:14px
}

.mobile-toc {
  display:none
}

.not-found {
  padding-block:100px;
  min-height:70vh
}

.not-found h1 {
  font-size:80px
}

.not-found h1 em {
  color:var(--accent)
}

@media(min-width:1600px) {
  .hero {
    padding-top:85px
  }
  .hero h1 {
    font-size:91px
  }
  .hero-description {
    font-size:17px
  }
  .workflow-canvas {
    margin-top:65px
  }
  .header-inner {
    max-width:1440px
  }
}

@media(max-width:1100px) {
  .header-inner {
    padding:0 28px
  }
  .site-header nav {
    gap:18px
  }
  .site-header nav>a:not(.button) {
    font-size:12px
  }
  .brand {
    font-size:18px
  }
  .site-header .nav-github {
    padding-left:16px
  }
  .page-width {
    padding-inline:30px
  }
  .hero h1 {
    font-size:72px
  }
  .workflow-canvas {
    padding:20px 20px 0
  }
  .flow-node {
    padding:19px 14px 14px
  }
  .flow-number {
    font-size:7px;
    right:10px
  }
  .diagram-flow {
    grid-template-columns:1fr 23px 1fr 23px 1fr 23px 1fr
  }
  .flow-node h3 {
    font-size:19px
  }
  .section-split {
    gap:50px
  }
  .route-panel {
    gap:35px;
    padding:30px
  }
  .install-section {
    gap:40px
  }
  .install-section h2 {
    font-size:39px
  }
  .docs-layout {
    grid-template-columns:185px minmax(0,1fr);
    gap:35px;
    max-width:1060px
  }
  .docs-toc {
    display:none
  }
  .doc-article h1 {
    font-size:42px
  }
}

@media(max-width:860px) {
  .header-inner {
    padding:0 24px
  }
  .site-header nav {
    gap:16px
  }
  .site-header nav>a:not(.button) {
    font-size:11px
  }
  .nav-github span {
    display:none
  }
  .site-header .nav-github {
    padding-left:12px
  }
  .nav-github .icon:last-child {
    display:none
  }
  .button-small {
    padding:10px 12px;
    gap:8px
  }
  .brand {
    font-size:17px
  }
  .brand-mark {
    width:28px;
    height:28px
  }
  .hero {
    padding-top:55px
  }
  .hero h1 {
    font-size:67px
  }
  .hero-description {
    font-size:15px
  }
  .flow-number {
    position:static;
    display:block;
    font-size:7px;
    margin-bottom:8px
  }
  .flow-icon {
    margin-bottom:12px
  }
  .flow-node {
    min-height:216px
  }
  .flow-node p {
    font-size:10px
  }
  .canvas-caption {
    font-size:11px
  }
  .section-split {
    gap:32px;
    grid-template-columns:1fr 1fr
  }
  h2 {
    font-size:41px
  }
  .section-split>p {
    font-size:12px
  }
  .principles article {
    padding:15px 22px 0 0;
    margin-right:22px
  }
  .principles h3 {
    font-size:20px
  }
  .principles p {
    font-size:12px
  }
  .tiny-label {
    font-size:7px
  }
  .routing-heading {
    gap:35px
  }
  .routing-heading p {
    font-size:11px
  }
  .route-panel {
    grid-template-columns:.9fr 1.1fr;
    gap:25px;
    padding:25px
  }
  .route-scenario h3 {
    font-size:23px
  }
  .route-scenario p {
    font-size:11px
  }
  .route-stage {
    padding:12px 10px;
    gap:9px
  }
  .route-stage strong {
    font-size:15px
  }
  .fresh-label {
    display:none
  }
  .skill-card {
    padding:23px 18px
  }
  .skill-card h3 {
    font-size:18px
  }
  .skill-card p {
    font-size:11px
  }
  .skill-card>code {
    font-size:9px
  }
  .skill-top>span {
    font-size:7px
  }
  .install-section {
    grid-template-columns:1fr;
    gap:35px;
    padding-inline:30px
  }
  .install-copy>p {
    max-width:450px
  }
  .install-terminal {
    max-width:600px;
    width:100%
  }
  .install-terminal pre {
    font-size:12px
  }
  .install-copy h2 {
    font-size:46px
  }
  .install-section {
    margin:0 30px;
    padding-inline:0
  }
  .faq-section {
    gap:45px;
    grid-template-columns:.8fr 1.2fr
  }
  .faq-section h2 {
    font-size:36px
  }
  .faq-list summary {
    font-size:12px
  }
  .footer-top p {
    display:none
  }
  .docs-layout {
    grid-template-columns:175px minmax(0,1fr);
    gap:28px;
    padding-inline:25px
  }
  .docs-sidebar nav a {
    font-size:10px
  }
  .doc-article h1 {
    font-size:36px
  }
  .doc-description {
    font-size:14px
  }
  .doc-card-grid {
    grid-template-columns:1fr
  }
  .doc-card-grid>a {
    padding:18px
  }
  .doc-flow {
    flex-wrap:wrap;
    gap:14px
  }
  .state-grid {
    grid-template-columns:1fr
  }
  .doc-section h2 {
    font-size:23px
  }
  .agent-reference {
    grid-template-columns:1fr
  }
}

@media(max-width:680px) {
  html {
    scroll-padding-top:88px
  }
  .site-header {
    height:72px
  }
  .header-inner {
    padding:0 20px;
    gap:15px
  }
  .brand {
    font-size:19px
  }
  .brand-mark {
    width:28px;
    height:28px
  }
  .menu-toggle {
    display:flex
  }
  .site-header nav {
    display:none;
    position:absolute;
    top:71px;
    left:0;
    right:0;
    background:var(--paper);
    padding:22px;
    box-shadow:0 8px 15px #30351e10;
    border-bottom:1px solid var(--line);
    flex-direction:column;
    align-items:stretch;
    gap:3px
  }
  .site-header nav[data-open=true] {
    display:flex
  }
  .site-header nav>a:not(.button) {
    font-size:14px;
    padding:12px 8px
  }
  .site-header .nav-github {
    border-left:0
  }
  .nav-github span {
    display:inline
  }
  .site-header nav .button {
    margin-top:10px;
    min-height:44px
  }
  .page-width {
    padding-inline:22px
  }
  .hero {
    padding-top:41px
  }
  .hero-eyebrow {
    font-size:7px;
    letter-spacing:.8px;
    gap:8px;
    margin-bottom:23px
  }
  .hero-eyebrow .version-pill {
    display:none
  }
  .hero h1 {
    font-size:56px;
    letter-spacing:-3px;
    line-height:1.055
  }
  .hero h1 em {
    letter-spacing:-3px
  }
  .hero-description {
    font-size:13px;
    line-height:1.8;
    max-width:330px;
    margin-inline:auto;
    margin-bottom:24px
  }
  .desktop-break {
    display:none
  }
  .hero-actions {
    flex-direction:column;
    gap:19px
  }
  .hero-actions .button {
    min-width:230px;
    padding:14px 20px;
    font-size:13px
  }
  .text-link {
    font-size:12px
  }
  .hero-compatibility {
    gap:13px;
    font-size:9px;
    margin-top:26px
  }
  .hero-compatibility .icon {
    width:12px;
    height:12px
  }
  .hero-compatibility small {
    display:none
  }
  .workflow-canvas {
    margin-top:36px;
    padding:17px 15px 0
  }
  .canvas-heading {
    margin-bottom:16px
  }
  .mini-label {
    font-size:7px;
    letter-spacing:.5px
  }
  .canvas-caption {
    display:none
  }
  .diagram-flow {
    grid-template-columns:1fr 20px 1fr;
    gap:15px 0
  }
  .flow-node {
    min-height:173px;
    padding:16px 13px 12px
  }
  .flow-number {
    font-size:7px
  }
  .flow-icon {
    height:21px;
    width:21px;
    margin-bottom:11px
  }
  .flow-icon .icon {
    width:20px;
    height:20px
  }
  .flow-node h3 {
    font-size:20px
  }
  .flow-node p {
    font-size:10px;
    margin-bottom:12px
  }
  .node-token {
    font-size:7px
  }
  .diagram-flow>.flow-arrow:nth-of-type(2) {
    display:none
  }
  .flow-node:nth-of-type(3) {
    grid-column:1;
    grid-row:2
  }
  .flow-node:nth-of-type(4) {
    grid-column:3;
    grid-row:2
  }
  .flow-arrow:last-of-type {
    grid-column:2;
    grid-row:2
  }
  .rework-loop {
    padding:19px 0 15px;
    gap:0
  }
  .rework-loop>span {
    display:none
  }
  .rework-loop p {
    font-size:7px;
    line-height:1.8;
    text-align:center;
    max-width:240px
  }
  .rework-loop .icon {
    width:10px;
    height:10px
  }
  .canvas-footer {
    justify-content:space-between;
    gap:8px;
    flex-wrap:wrap;
    font-size:7px;
    padding:12px 0
  }
  .canvas-footer>span:not(.footer-proof)::before {
    margin-right:4px
  }
  .canvas-footer .footer-proof {
    width:100%;
    margin:5px 0 0;
    justify-content:center;
    font-size:7px
  }
  .manifesto {
    padding-top:67px;
    padding-bottom:64px
  }
  .eyebrow {
    font-size:9px;
    letter-spacing:1.3px;
    margin-bottom:18px
  }
  h2 {
    font-size:38px;
    letter-spacing:-1.6px
  }
  .section-split {
    grid-template-columns:1fr;
    gap:20px;
    margin-bottom:28px
  }
  .section-split>p {
    font-size:13px;
    line-height:1.85;
    max-width:390px
  }
  .principles {
    grid-template-columns:1fr
  }
  .principles article {
    padding:27px 0;
    margin:0;
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  .principles article:last-child {
    padding-bottom:0;
    border-bottom:0
  }
  .principle-icon {
    float:left;
    margin-right:18px;
    margin-top:4px;
    width:38px;
    height:38px
  }
  .principles h3 {
    font-size:22px;
    line-height:1.3;
    margin:0 0 14px 56px
  }
  .principles p {
    max-width:100%;
    font-size:13px;
    margin-bottom:16px
  }
  .tiny-label {
    font-size:8px
  }
  .routing-section {
    padding:58px 0 35px
  }
  .routing-heading {
    flex-direction:column;
    align-items:stretch;
    gap:24px;
    margin-bottom:26px
  }
  .routing-heading p {
    font-size:12px;
    margin:0
  }
  .routing-heading p br {
    display:none
  }
  .routing-heading h2 {
    font-size:39px
  }
  .risk-tabs button {
    padding:15px 10px;
    font-size:10px;
    gap:5px;
    justify-content:center;
    min-height:48px
  }
  .risk-tabs .risk-index {
    display:none
  }
  .risk-dot {
    width:5px;
    height:5px
  }
  .route-panel {
    grid-template-columns:1fr;
    gap:25px;
    padding:24px 20px;
    min-height:510px
  }
  .score-label {
    font-size:8px;
    margin-bottom:16px
  }
  .route-scenario h3 {
    font-size:25px;
    max-width:290px
  }
  .route-scenario p {
    font-size:12px;
    margin-bottom:18px;
    max-width:none
  }
  .route-scenario>a {
    font-size:10px
  }
  .route-stage {
    padding:13px;
    gap:12px
  }
  .route-stage strong {
    font-size:17px
  }
  .route-stage strong span {
    font-size:12px
  }
  .route-stage code {
    font-size:8px
  }
  .route-stage small {
    font-size:8px
  }
  .route-outcome {
    font-size:8px
  }
  .routing-note {
    font-size:10px;
    line-height:1.8;
    padding:0 14px
  }
  .skills-section {
    padding-top:60px;
    padding-bottom:45px
  }
  .skill-grid {
    grid-template-columns:1fr
  }
  .skill-card {
    padding:24px
  }
  .skill-top {
    margin-bottom:20px
  }
  .skill-top>span {
    font-size:9px
  }
  .skill-card>code {
    font-size:12px
  }
  .skill-card h3 {
    font-size:23px;
    max-width:300px;
    margin-bottom:14px
  }
  .skill-card p {
    font-size:13px;
    margin-bottom:22px
  }
  .skill-link {
    font-size:11px
  }
  .alias-note {
    font-size:10px;
    line-height:1.8;
    padding-inline:12px
  }
  .alias-note code {
    font-size:9px
  }
  .install-section {
    margin-inline:22px;
    padding:45px 0 42px;
    gap:26px
  }
  .install-copy h2 {
    font-size:37px
  }
  .install-copy>p {
    font-size:12px
  }
  .install-copy .button {
    font-size:12px;
    gap:12px
  }
  .install-requirements {
    font-size:8px;
    gap:12px
  }
  .terminal-title {
    padding:13px;
    font-size:7px
  }
  .terminal-title>span:last-child {
    display:none
  }
  .install-terminal pre {
    font-size:9px;
    padding:17px 13px
  }
  .install-terminal .code-caption {
    padding:10px 12px 0
  }
  .terminal-result {
    margin-inline:14px;
    padding:17px 0
  }
  .terminal-result>span {
    font-size:9px;
    gap:6px
  }
  .terminal-result>p {
    font-size:9px;
    margin-left:19px
  }
  .faq-section {
    padding-top:51px;
    padding-bottom:50px;
    grid-template-columns:1fr;
    gap:28px
  }
  .faq-section h2 {
    font-size:38px
  }
  .faq-list summary {
    font-size:13px;
    padding:21px 0
  }
  .faq-list details p {
    font-size:12px;
    padding-right:14px
  }
  .closing-note {
    gap:15px;
    flex-wrap:wrap;
    padding-block:26px
  }
  .closing-mark {
    width:35px;
    height:35px
  }
  .closing-note p {
    font-size:21px
  }
  .closing-note>a {
    margin-left:50px;
    font-size:10px
  }
  .site-footer {
    padding:28px 22px 20px
  }
  .footer-top {
    gap:22px;
    align-items:start;
    flex-direction:column
  }
  .footer-top .brand {
    font-size:18px
  }
  .footer-top>a:last-child {
    font-size:11px
  }
  .footer-bottom {
    flex-direction:column;
    align-items:start;
    gap:8px;
    font-size:7px
  }
  .docs-layout {
    display:block;
    padding-top:24px;
    padding-inline:22px
  }
  .docs-sidebar {
    position:relative;
    top:0;
    max-height:none;
    overflow:visible;
    padding-bottom:18px;
    margin-bottom:25px;
    border-bottom:1px solid var(--line)
  }
  .docs-sidebar-label {
    font-size:8px;
    margin-bottom:13px
  }
  .docs-sidebar nav {
    display:flex;
    overflow-x:auto;
    gap:7px;
    padding:3px 3px 10px;
    margin-inline:-3px;
    scrollbar-width:thin
  }
  .sidebar-group {
    display:none
  }
  .docs-sidebar nav a {
    white-space:nowrap;
    border:1px solid var(--line);
    border-radius:4px;
    padding:10px 11px;
    font-size:10px;
    min-height:38px
  }
  .docs-sidebar nav a[aria-current=page] {
    border:1px solid #dcbca6;
    border-radius:4px
  }
  .docs-sidebar nav a .icon {
    display:none
  }
  .sidebar-github {
    display:none
  }
  .doc-article h1 {
    font-size:37px;
    line-height:1.15;
    letter-spacing:-1.7px
  }
  .doc-description {
    font-size:14px;
    margin-bottom:26px
  }
  .breadcrumb {
    font-size:9px;
    margin-bottom:18px
  }
  .mobile-toc {
    display:block;
    font-size:11px;
    border-block:1px solid var(--line);
    margin-bottom:28px;
    padding:14px 0;
    color:#737c63
  }
  .mobile-toc summary {
    cursor:pointer
  }
  .mobile-toc nav {
    display:flex;
    flex-direction:column;
    padding-top:12px;
    gap:10px;
    font-size:11px
  }
  .doc-section {
    margin-top:32px
  }
  .doc-section h2 {
    font-size:24px;
    letter-spacing:-.6px
  }
  .doc-section p,.doc-section li {
    font-size:14px
  }
  .doc-flow {
    padding:17px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:17px
  }
  .doc-flow>span+span::before {
    display:none
  }
  .doc-card-grid>a {
    padding:23px
  }
  .doc-card-grid h3 {
    font-size:20px
  }
  .doc-card-grid p {
    font-size:12px
  }
  .code-block pre {
    font-size:10px;
    padding:16px
  }
  .code-caption {
    padding:8px 12px;
    font-size:8px
  }
  .doc-pagination {
    gap:10px
  }
  .doc-pagination>a {
    padding:12px
  }
  .doc-pagination strong {
    font-size:10px
  }
  .doc-pagination small {
    font-size:7px
  }
  .source-links>a {
    font-size:8px
  }
  .not-found {
    padding-block:80px
  }
  .not-found h1 {
    font-size:62px
  }
}

@media(max-width:370px) {
  .hero h1 {
    font-size:49px
  }
  .hero-eyebrow {
    font-size:6px
  }
  .hero-compatibility {
    font-size:8px;
    gap:10px
  }
  .flow-node h3 {
    font-size:18px
  }
  .flow-node {
    padding:13px 9px
  }
  .page-width {
    padding-inline:18px
  }
  .risk-tabs button {
    padding:13px 7px;
    font-size:9px
  }
  .risk-tabs {
    gap:0
  }
  .brand {
    font-size:17px
  }
  .diagram-flow {
    grid-template-columns:1fr 16px 1fr
  }
  .canvas-footer {
    font-size:6px
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
}

@media print {
  .site-header,.site-footer,.docs-sidebar,.docs-toc,.copy-button,.doc-pagination {
    display:none
  }
  .docs-layout {
    display:block
  }
  .doc-article {
    max-width:none
  }
  .doc-section {
    break-inside:avoid
  }
  .route-panel[hidden] {
    display:block!important
  }
  body {
    background:#fff
  }
}