/* ASIN API reference · enterprise forest theme */
:root { scroll-behavior: smooth; }

.docs-body {
  min-width: 320px;
  margin: 0;
  color: #1c2b23;
  background:
    radial-gradient(circle at 82% 4%, rgba(91, 155, 119, .09), transparent 28rem),
    linear-gradient(180deg, #f7faf8 0%, #f3f7f5 100%);
  background-attachment: fixed;
  font-family: var(--font-body);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
}

/* ---- Persistent navigation ---- */
.docs-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  width: 264px;
  padding: 30px 20px 24px;
  overflow: hidden;
  color: #dbe9e1;
  background:
    radial-gradient(circle at 15% 0%, rgba(111, 181, 141, .18), transparent 18rem),
    linear-gradient(180deg, #173f2e 0%, #0f3023 100%);
  border-right: 1px solid rgba(205, 231, 216, .18);
  box-shadow: 8px 0 28px rgba(14, 45, 32, .11);
}
.docs-sidebar::after {
  content: '';
  position: absolute;
  inset: auto -56px -60px auto;
  width: 180px;
  height: 180px;
  border: 1px solid rgba(193, 225, 207, .1);
  border-radius: 50%;
  box-shadow: 0 0 0 24px rgba(193, 225, 207, .035), 0 0 0 50px rgba(193, 225, 207, .025);
  pointer-events: none;
}
.docs-brand {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.02em;
  text-decoration: none;
}
.docs-brand:hover { color: #fff; }
.docs-brand span {
  display: block;
  margin-top: 7px;
  color: #9bc2ad;
  font: 800 9px var(--font-mono);
  letter-spacing: .11em;
}
.docs-sidebar nav {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 3px;
  margin-top: 28px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}
.nav-label {
  margin: 22px 12px 8px;
  color: #88ad99;
  font: 800 10px var(--font-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}
.docs-sidebar nav a {
  position: relative;
  min-width: 0;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #c9ddd2;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.docs-sidebar nav a:hover {
  color: #fff;
  background: rgba(223, 242, 230, .09);
  border-color: rgba(223, 242, 230, .08);
}
.nav-method {
  display: inline-block;
  width: 38px;
  margin-right: 7px;
  font: 800 9px var(--font-mono);
  letter-spacing: .04em;
}
.nav-method.get { color: #a9d7bf; }
.nav-method.post { color: #83d3aa; }
.docs-sidebar nav a.active {
  color: #fff;
  font-weight: 800;
  background: rgba(220, 242, 228, .13);
  border-color: rgba(220, 242, 228, .1);
}
.docs-sidebar nav a.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 22%;
  bottom: 22%;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #8ed0aa;
  box-shadow: 0 0 12px rgba(142, 208, 170, .45);
}
.docs-sidebar-footer {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 10px;
  margin-top: auto;
  padding: 19px 10px 0;
  border-top: 1px solid rgba(214, 235, 223, .14);
}
.docs-sidebar-footer a { color: #a9c8b7; font-size: 12px; font-weight: 650; text-decoration: none; }
.docs-sidebar-footer a:hover { color: #fff; }

/* ---- Main canvas and sticky Agent guide bar ---- */
.docs-main {
  --docs-gutter: clamp(24px, 2.8vw, 52px);
  width: calc(100% - 264px);
  margin-left: 264px;
  padding: 0 var(--docs-gutter) 110px;
  overflow-x: clip;
}
.docs-main > .docs-hero,
.docs-main > .docs-section { width: 100%; max-width: 1680px; margin-inline: auto; }
.agent-guide-toolbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(245px, .95fr) auto auto;
  align-items: center;
  gap: 22px;
  width: auto;
  margin: 0 calc(-1 * var(--docs-gutter));
  padding: 12px var(--docs-gutter);
  border-bottom: 1px solid #c8ded1;
  background: rgba(250, 253, 251, .96);
  box-shadow: 0 5px 20px rgba(25, 75, 52, .09);
  backdrop-filter: blur(14px);
}
.agent-guide-toolbar-copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.agent-guide-toolbar-copy > .guide-file-icon {
  flex: 0 0 56px;
  width: 56px;
  height: 38px;
  border-color: #a9d2ba;
  border-radius: 20px;
  background: linear-gradient(135deg, #dff3e7, #edf8f1);
  color: #185f3f;
  font-size: 12px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}
.agent-guide-toolbar-copy > div { display: grid; gap: 2px; min-width: 0; }
.agent-guide-toolbar-copy strong { color: #143b29; font-size: 14px; font-weight: 800; }
.agent-guide-toolbar-copy > div > span { overflow: hidden; color: #60766a; font-size: 12px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }
.agent-guide-toolbar-howto { display: flex; align-items: center; gap: 13px; }
.agent-guide-toolbar-howto > strong { color: #234c38; font-size: 12px; font-weight: 800; white-space: nowrap; }
.agent-guide-toolbar-steps { display: flex; align-items: center; gap: 13px; margin: 0; padding: 0; list-style: none; }
.agent-guide-toolbar-steps li { display: flex; align-items: center; gap: 6px; color: #3e5d4c; font-size: 12px; font-weight: 650; white-space: nowrap; }
.agent-guide-toolbar-steps li > span {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 1px solid #c1decc;
  border-radius: 50%;
  background: #e7f4ec;
  color: #1d6544;
  font: 800 9px var(--font-mono);
}
.guide-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 9px; margin-left: auto; }
.guide-actions .btn {
  min-height: 40px;
  padding: 9px 16px;
  border-color: var(--c-primary);
  border-radius: var(--radius-sm);
  background: var(--c-primary);
  color: #fff;
  box-shadow: 0 1px 2px rgba(45, 106, 79, .22), inset 0 1px 0 rgba(255, 255, 255, .16);
  font-size: 13px;
  font-weight: 750;
  text-decoration: none;
}
.guide-actions .btn:hover { border-color: var(--c-primary-h); background: var(--c-primary-h); color: #fff; }

/* ---- Hero ---- */
.docs-hero { padding: 72px 0 58px; border-bottom: 1px solid #dfe9e3; }
.docs-kicker,
.section-index { color: #2f7654; font: 800 11px var(--font-mono); letter-spacing: .13em; }
.docs-hero h1 {
  max-width: 780px;
  margin: 16px 0 18px;
  color: #10281c;
  font: 780 clamp(40px, 5vw, 62px)/1.06 var(--font-body);
  letter-spacing: -.045em;
}
.docs-hero > p { max-width: 940px; color: #455c50; font-size: 16px; line-height: 1.85; }
.docs-hero a { font-weight: 700; text-decoration: underline; text-decoration-color: #9dc9af; text-underline-offset: 3px; }
.hero-meta { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 20px; }
.hero-meta div {
  display: grid;
  gap: 3px;
  min-width: 150px;
  padding: 12px 15px;
  border: 1px solid #d5e5dc;
  border-radius: 9px;
  background: rgba(255, 255, 255, .74);
  box-shadow: 0 1px 2px rgba(16, 52, 34, .035);
}
.hero-meta span { color: #7a8f83; font: 750 9px var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.hero-meta strong { color: #244b36; font-size: 13px; font-weight: 800; }
.base-url {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 18px 0 25px;
  padding: 12px 12px 12px 17px;
  border: 1px solid #c6ddd0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(24, 75, 50, .055);
}
.base-url > span { color: #657b6f; font: 800 9px var(--font-mono); letter-spacing: .11em; }
.base-url > code { overflow-wrap: anywhere; color: #175e3e; font-size: 13px; font-weight: 700; }
.copy-button {
  margin-left: auto;
  padding: 7px 12px;
  border: 1px solid #b9d5c5;
  border-radius: 6px;
  background: #edf7f1;
  color: #205f42;
  font-size: 12px;
  font-weight: 750;
  cursor: pointer;
  transition: background .18s ease, color .18s ease, transform .18s ease;
}
.copy-button:hover { color: #fff; background: #2d6a4f; transform: translateY(-1px); }
.endpoint-overview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; margin: 23px 0; }
.endpoint-overview a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 7px 11px;
  padding: 15px 16px;
  border: 1px solid #d8e5dd;
  border-radius: 10px;
  background: rgba(255, 255, 255, .86);
  color: #17291f;
  box-shadow: 0 1px 2px rgba(16, 52, 34, .035);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.endpoint-overview a:hover { border-color: #8fc2a5; box-shadow: 0 6px 18px rgba(25, 88, 56, .09); transform: translateY(-2px); }
.endpoint-overview small { grid-column: 2; color: #5a7064; font-size: 12px; font-weight: 600; }

/* ---- Callouts and general sections ---- */
.duration-callout,
.info-callout,
.security-callout {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin: 18px 0;
  padding: 17px 19px 17px 22px;
  overflow: hidden;
  border: 1px solid #bedccb;
  border-radius: 10px;
  background: #edf8f1;
  color: #245a3d;
  line-height: 1.75;
}
.duration-callout::before,
.info-callout::before,
.security-callout::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 4px; background: #3e8a61; }
.duration-callout strong,
.info-callout strong,
.security-callout strong { flex: 0 0 138px; color: #194c33; line-height: 1.75; }
.duration-callout > span,
.info-callout > span,
.security-callout > span { flex: 1 1 auto; min-width: 0; }
.info-callout { border-color: #c4dfcf; background: #f0f8f3; }
.security-callout { border-color: #ebc9c7; background: #fff5f4; color: #873a35; }
.security-callout::before { background: #b5544d; }
.security-callout strong { color: #7c302b; }
.docs-section { padding: 58px 0; border-bottom: 1px solid #dfe9e3; scroll-margin-top: 70px; }
.docs-section h2 { margin: 10px 0 15px; color: #132a1e; font-size: 30px; font-weight: 760; letter-spacing: -.03em; }
.docs-section h3 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 35px 0 14px;
  color: #284838;
  font-size: 16px;
  font-weight: 780;
}
.docs-section h3::before { content: ''; width: 4px; height: 17px; border-radius: 3px; background: #3c8b60; box-shadow: 0 0 0 3px rgba(60, 139, 96, .08); }
.docs-section p { color: #465e51; font-size: 15px; font-weight: 500; line-height: 1.85; }
.docs-section strong { color: #263e32; font-weight: 750; }
.docs-section code,
.duration-callout code,
.info-callout code,
.security-callout code {
  padding: 2px 6px;
  border: 1px solid #cfe6d8;
  border-radius: 5px;
  background: #edf8f1;
  color: #1c6443;
  font: 650 .88em var(--font-mono);
}
.standards-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin: 22px 0; }
.standards-grid article {
  padding: 19px;
  border: 1px solid #d8e5dd;
  border-radius: 10px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 2px 8px rgba(21, 65, 43, .04);
}
.standards-grid article > span { display: block; color: #778c80; font: 750 9px var(--font-mono); letter-spacing: .09em; text-transform: uppercase; }
.standards-grid article strong { display: block; margin-top: 6px; color: #173423; font-size: 16px; }
.standards-grid article p { margin-top: 8px; font-size: 13px; line-height: 1.7; }

/* ---- Agent guide card ---- */
.guide-download-card {
  display: flex;
  align-items: center;
  gap: 17px;
  margin: 22px 0 28px;
  padding: 19px;
  border: 1px solid #b9d9c6;
  border-radius: 12px;
  background: linear-gradient(135deg, #fff 0%, #f2f9f5 100%);
  box-shadow: 0 5px 18px rgba(29, 90, 58, .075);
}
.guide-file-icon {
  display: grid;
  place-items: center;
  flex: 0 0 64px;
  width: 64px;
  height: 42px;
  border: 1px solid #a9d2ba;
  border-radius: 22px;
  background: linear-gradient(135deg, #d8efe2, #edf8f1);
  color: #185f3f;
  font: 850 12px var(--font-body);
  letter-spacing: .08em;
}
.guide-file-info { display: grid; gap: 4px; min-width: 0; }
.guide-file-info strong { overflow-wrap: anywhere; color: #173624; font: 750 14px var(--font-mono); }
.guide-file-info span { color: #566e61; font-size: 13px; font-weight: 550; line-height: 1.65; }
.guide-steps { display: grid; gap: 11px; margin: 15px 0 0; padding: 0; list-style: none; }
.guide-steps li {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid #d8e7de;
  border-radius: 10px;
  background: rgba(255, 255, 255, .86);
}
.guide-steps li > span {
  display: grid;
  place-items: center;
  width: 31px;
  height: 31px;
  border: 1px solid #bfddca;
  border-radius: 50%;
  background: #e8f5ed;
  color: #1e6645;
  font: 800 10px var(--font-mono);
}
.guide-steps p { margin: 0; font-size: 13px; }

/* ---- Query workflow and semantic status chips ---- */
.status-query-guide {
  display: grid;
  gap: 13px;
  margin: 20px 0 24px;
  padding: 20px 22px;
  border: 1px solid #b8d9c5;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0f9f4 0%, #fbfdfc 75%);
  box-shadow: 0 4px 16px rgba(28, 84, 55, .06);
}
.status-query-guide-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.status-query-guide-heading > span {
  padding: 4px 9px;
  border-radius: 999px;
  background: #285f45;
  color: #fff;
  font: 800 10px var(--font-mono);
  letter-spacing: .08em;
}
.status-query-guide-heading strong { color: #173d29; font-size: 16px; }
.status-query-guide p { margin: 0; color: #405d4d; }
.status-query-guide-badges { display: flex; flex-wrap: wrap; gap: 8px; }
.status-query-guide small { color: #64796d; font-size: 12.5px; line-height: 1.7; }
.status-pill,
.status-token {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  padding: 3px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  font: 750 11px var(--font-mono);
  white-space: nowrap;
}
.status-waiting { border-color: #cbdcbc !important; background: #eef4e8 !important; color: #4e6b38 !important; }
.status-queued { border-color: #a9d9bf !important; background: #e2f5e9 !important; color: #185f3e !important; }
.status-fetching { border-color: #a7d9ca !important; background: #e4f6f0 !important; color: #12634f !important; }
.status-analyzing { border-color: #94c9aa !important; background: #d9eee2 !important; color: #164f37 !important; }
.status-pending { border-color: #cbd9a8 !important; background: #f0f5df !important; color: #586d25 !important; }
.status-running { border-color: #b7d2c2 !important; background: #e9f2ed !important; color: #355f49 !important; }
.status-downloading { border-color: #ddd2a1 !important; background: #f7f3df !important; color: #75641c !important; }
.status-success { border-color: #9ed3b2 !important; background: #dff3e7 !important; color: #165a3b !important; }
.status-failed { border-color: #e7b7b3 !important; background: #fdf0ef !important; color: #a33e38 !important; }
.status-timeout { border-color: #ced6d1 !important; background: #f1f4f2 !important; color: #596760 !important; }

/* ---- Code examples and endpoint cards ---- */
pre {
  overflow: auto;
  margin: 19px 0;
  padding: 23px;
  border: 1px solid #d4e0d9;
  border-radius: 11px;
  background: #f1f5f2;
  color: #20362a;
  box-shadow: inset 0 1px 0 #fff, 0 3px 12px rgba(16, 43, 29, .05);
  line-height: 1.7;
}
pre code,
.docs-section pre code { padding: 0; border: 0; background: transparent; color: inherit; font-size: 13px; }
.endpoint-card {
  padding: 17px 19px;
  margin-bottom: 9px;
  border: 1px solid #c8ded1;
  border-left: 4px solid #39845c;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(21, 70, 45, .055);
}
.endpoint-line { display: flex; align-items: center; flex-wrap: wrap; gap: 11px; }
.endpoint-line > code,
.docs-section .endpoint-line > code {
  padding: 0;
  border: 0;
  background: transparent;
  color: #173729;
  font-size: 16px;
  font-weight: 750;
}
.endpoint-summary { color: #62766b; font-size: 14px; }
.method { padding: 5px 10px; border-radius: 6px; color: #fff; font: 850 9px var(--font-mono); letter-spacing: .08em; }
.method.get { background: #3e7b60; }
.method.post { background: #1f6948; }
.endpoint-secondary { margin-top: 24px; border-left-width: 1px; border-style: dashed; box-shadow: none; }
.resp-codes { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.code-chip {
  padding: 4px 9px;
  border: 1px solid #d3ded8;
  border-radius: 999px;
  background: #f4f7f5;
  color: #5b6c63;
  font: 750 11px var(--font-mono);
}
.code-chip.is-2xx { border-color: #9ed6b5; background: #e5f6ec; color: #14633e; }

/* ---- Schema tables and field hierarchy ---- */
.docs-table-wrap {
  overflow-x: auto;
  margin: 14px 0 5px;
  border: 1px solid #d4e2da;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(19, 61, 39, .035);
}
.docs-table { width: 100%; min-width: 760px; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.docs-table th,
.docs-table td { padding: 13px 16px; border-bottom: 1px solid #e5ede8; text-align: left; vertical-align: top; line-height: 1.7; }
.docs-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom-color: #cbded2;
  background: #edf6f0;
  color: #355343;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}
.docs-table tbody tr:last-child td { border-bottom: none; }
.docs-table tbody tr { transition: background .15s ease; }
.docs-table tbody tr:hover { background: #f7fbf8; }
.docs-table td:nth-child(2) { color: #536b5e; font-family: var(--font-mono); font-size: 12.5px; }
.request-table { min-width: 1120px; }
.request-table th:first-child,
.request-table td:first-child { width: 260px; min-width: 260px; white-space: nowrap; }
.request-table th:nth-child(2),
.request-table td:nth-child(2) { width: 125px; min-width: 125px; }
.request-table th:nth-child(3),
.request-table td:nth-child(3) { width: 88px; min-width: 88px; text-align: center; vertical-align: middle; }
.request-table-five th:nth-child(4),
.request-table-five td:nth-child(4) { width: 105px; min-width: 105px; }
.request-table-five th:nth-child(5),
.request-table-five td:nth-child(5) { min-width: 480px; }
.request-table-four th:nth-child(4),
.request-table-four td:nth-child(4) { min-width: 520px; }
.docs-table .field-token,
.docs-table tbody td:first-child > code {
  display: inline-block;
  padding: 3px 7px;
  border: 1px solid #bcdcc8;
  border-radius: 6px;
  background: #e2f3e8;
  color: #185f3e;
  font: 700 12.5px var(--font-mono);
  line-height: 1.45;
  white-space: nowrap;
}
.docs-table tr.is-object { background: #f2f9f5; }
.docs-table tr.is-object td:first-child > code {
  border-color: #9cccae;
  background: #cfe9d8;
  color: #114a30;
  font-weight: 800;
}
.docs-table tr.is-object td:nth-child(2) { color: #1d6243; font-weight: 700; }
.docs-table tr.is-sub,
.docs-table tr[data-field-level="1"] { background: #fbfdfc; }
.docs-table tr.is-sub td:first-child { padding-left: 27px; }
.docs-table tr.is-sub td:first-child > code,
.docs-table .field-token.field-level-1,
.docs-table tr[data-field-level="1"] td:first-child > code {
  border-color: #d4e9dc;
  background: #eff8f2;
  color: #397056;
  font-weight: 650;
}
.docs-table .field-token.field-level-2,
.docs-table tr[data-field-level="2"] td:first-child > code {
  border-color: #e0ede5;
  background: #f6faf7;
  color: #567365;
  font-weight: 600;
}
.tree { margin-right: 7px; color: #8aab99; font-family: var(--font-mono); user-select: none; }
.req-yes {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  padding: 2px 8px;
  border: 1px solid #add8bc;
  border-radius: 999px;
  background: #e1f4e8;
  color: #17603d;
  font-size: 11.5px;
  font-weight: 800;
}
.token-key,
.docs-section code.token-key,
.docs-table code.token-key {
  border-color: #8fc5a4;
  background: #d2ecdc;
  color: #104c30;
  font-weight: 800;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .38);
}
.state-table { min-width: 960px; }
.state-table td:nth-child(2) { min-width: 235px; font-family: var(--font-body); }
.state-table td:nth-child(2) .status-pill { margin: 2px 4px 2px 0; }
.state-table tbody tr.status-row td:first-child > code { font-weight: 800; }

/* ---- Responsive behavior ---- */
@media (max-width: 1250px) {
  .agent-guide-toolbar { grid-template-columns: minmax(230px, 1fr) auto; }
  .agent-guide-toolbar-howto { grid-column: 1 / -1; justify-content: center; padding-top: 2px; }
}
@media (max-width: 900px) {
  .docs-sidebar { position: relative; inset: auto; width: 100%; min-height: auto; padding: 20px 22px; }
  .docs-sidebar::after, .docs-sidebar nav { display: none; }
  .docs-sidebar-footer { display: flex; flex-wrap: wrap; gap: 14px 24px; margin-top: 16px; padding: 14px 0 0; }
  .docs-main { --docs-gutter: 22px; width: 100%; margin-left: 0; padding: 0 var(--docs-gutter) 72px; }
  .agent-guide-toolbar { margin: 0 calc(-1 * var(--docs-gutter)); padding: 11px var(--docs-gutter); }
  .docs-hero { padding-top: 48px; }
}
@media (max-width: 680px) {
  .docs-body { font-size: 14px; }
  .agent-guide-toolbar { display: flex; align-items: stretch; flex-direction: column; gap: 10px; }
  .agent-guide-toolbar-copy > div > span { display: none; }
  .agent-guide-toolbar-howto { align-items: flex-start; flex-direction: column; gap: 8px; padding-top: 0; }
  .agent-guide-toolbar-steps { width: 100%; justify-content: space-between; gap: 6px; }
  .agent-guide-toolbar-steps li { white-space: normal; font-size: 11px; }
  .guide-actions { width: 100%; margin-left: 0; }
  .guide-actions .btn { flex: 1 1 0; }
  .docs-hero h1 { font-size: 39px; }
  .docs-hero > p, .docs-section p { font-size: 14px; }
  .hero-meta div { flex: 1 1 130px; min-width: 0; }
  .base-url { align-items: flex-start; flex-direction: column; }
  .copy-button { width: 100%; margin-left: 0; }
  .endpoint-overview, .standards-grid { grid-template-columns: 1fr; }
  .guide-download-card { align-items: flex-start; flex-wrap: wrap; }
  .guide-download-card .guide-actions { width: 100%; }
  .duration-callout, .info-callout, .security-callout { display: block; }
  .duration-callout strong, .info-callout strong, .security-callout strong { display: block; margin-bottom: 6px; }
  .status-query-guide { padding: 17px; }
  .status-query-guide-heading { display: grid; }
  pre { padding: 18px; }
  .docs-table th, .docs-table td { padding: 11px 13px; }
}
@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  .docs-sidebar nav a, .endpoint-overview a, .copy-button { transition: none; }
}