/* Lightweight documentation page; no scene, renderer or hardware imports. */
.docs-page .masthead { position: relative; }
.docs-main { padding: 70px 7.4vw 100px; }
.docs-hero { max-width: 1100px; }
.docs-hero h1 { font-size: clamp(58px, 8vw, 112px); line-height: .95; font-weight: 500; letter-spacing: -.06em; margin: 28px 0; }
.docs-hero > p:last-of-type { max-width: 600px; font-size: 22px; line-height: 1.5; color: var(--muted); }
.docs-status { display: flex; align-items: baseline; gap: 28px; margin: 38px 0 70px; padding: 23px; background: #e6ebe2; border-left: 3px solid #6c8866; }
.docs-status > span { font: 10px/1.5 ui-monospace, monospace; white-space: nowrap; }
.docs-status p { margin: 0; font-size: 14px; line-height: 1.6; max-width: 720px; }
.docs-layout { display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 65px; align-items: start; }
.docs-nav { display: grid; gap: 19px; position: sticky; top: 35px; font-size: 12px; }
.docs-nav a { text-decoration: none; color: var(--muted); }
.docs-nav a:hover { color: var(--orange); }
.docs-content { max-width: 850px; min-width: 0; }
.docs-content section { padding-top: 24px; margin-bottom: 75px; border-top: 1px solid #c6cec2; }
.docs-content h2 { font-size: clamp(30px, 3.2vw, 43px); font-weight: 500; line-height: 1.1; letter-spacing: -.04em; margin: 20px 0 24px; }
.docs-content p, .docs-steps { font-size: 15px; line-height: 1.8; color: #4d5850; }
.docs-content a { text-underline-offset: 4px; }
.docs-content code { font: .85em/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.docs-content strong { color: var(--ink); font-weight: 600; }
.docs-steps { padding-left: 22px; }
.docs-steps li { padding-left: 7px; margin: 20px 0; }
.code-panel { background: #1d2522; color: #e4ebe1; margin: 28px 0; }
.code-panel > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 20px; border-bottom: 1px solid #ffffff20; font: 8px/1.6 ui-monospace, monospace; letter-spacing: .06em; }
.code-panel button { padding: 7px 11px; font: 10px/1.4 ui-monospace, monospace; background: #34413a; color: #e4ebe1; min-width: 60px; }
.code-panel pre { margin: 0; padding: 23px; overflow-x: auto; font: 12px/1.7 ui-monospace, SFMono-Regular, Consolas, monospace; }
.code-panel pre code { font: inherit; overflow-wrap: normal; }
.docs-content .docs-note { padding: 20px; background: #e9ece5; font-size: 13px; }
.docs-table-wrap { overflow-x: auto; margin: 28px 0; }
.docs-content table { border-collapse: collapse; font-size: 13px; line-height: 1.7; width: 100%; }
.docs-content caption { text-align: left; font: 10px/1.6 ui-monospace, monospace; margin-bottom: 15px; color: var(--muted); }
.docs-content th { text-align: left; font-weight: 500; background: #e7ebe3; }
.docs-content th, .docs-content td { padding: 16px 12px; vertical-align: top; border-bottom: 1px solid #ccd4c6; }
.docs-content td:first-child { min-width: 140px; }
.agent-brief { margin: 30px 0; padding: 25px; border: 1px solid var(--line); }
.agent-brief > span, .execution-options span { font: 9px/1.5 ui-monospace, monospace; color: var(--orange); }
.docs-content .agent-brief p { font-size: 18px; line-height: 1.6; color: var(--ink); margin-bottom: 0; }
.execution-options { display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px; }
.execution-options article { border: 1px solid var(--line); padding: 23px; }
.execution-options h3 { font-weight: 500; font-size: 24px; letter-spacing: -.035em; }
.docs-content .execution-options p { font-size: 13px; }
.reference-links { padding-left: 20px; font-size: 14px; line-height: 2.5; }
.docs-page .footer { display: flex; justify-content: space-between; }
.docs-page .footer > :nth-child(2) { display: inline; }
@media (max-width: 1050px) {
  .docs-layout { grid-template-columns: 160px minmax(0, 1fr); gap: 30px; }
  .docs-page .masthead { gap: 25px; }
  .docs-page .masthead nav { gap: 20px; }
  .docs-page .study-label { display: none; }
}
@media (max-width: 700px) {
  .docs-main { padding: 45px 6vw 40px; }
  .docs-page .masthead { gap: 16px; }
  .docs-page .masthead nav { gap: 12px; }
  .masthead nav a:first-child, .masthead nav a:nth-child(3) { display: none; }
  .masthead nav a:last-child { display: inline; }
  .docs-hero h1 { font-size: 68px; }
  .docs-hero > p:last-of-type { font-size: 18px; }
  .docs-status { flex-direction: column; gap: 12px; margin-bottom: 38px; padding: 20px; }
  .docs-layout { grid-template-columns: minmax(0, 1fr); gap: 35px; }
  .docs-nav { position: static; grid-template-columns: 1fr 1fr; gap: 16px; }
  .docs-content section { margin-bottom: 50px; }
  .docs-content p, .docs-steps { font-size: 14px; }
  .code-panel > div { padding: 13px; font-size: 7px; }
  .code-panel pre { padding: 16px; font-size: 10px; }
  .docs-content .agent-brief p { font-size: 16px; }
  .execution-options { grid-template-columns: minmax(0, 1fr); }
  .docs-content th, .docs-content td { padding: 12px 9px; }
}