@charset "UTF-8";
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px
}
body {
  --bg:#0b100e;
  --panel:#111814;
  --raised:#19221b;
  --ink:#f1f1e6;
  --muted:#a0aa9c;
  --accent:#d6f675;
  --border:#303b2e;
  --serif:Georgia,'Times New Roman',serif;
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased
}
a {
  color:inherit;
  text-decoration:none
}
button,input,select {
  font:inherit
}
button,select {
  cursor:pointer
}
button {
  color:inherit
}
a,button,input,select,summary {
  outline-offset:6px
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible {
  outline:2px solid var(--accent)
}
::selection {
  background:var(--accent);
  color:var(--bg)
}
[hidden] {
  display:none!important
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0)
}
.skip {
  position:fixed;
  top:8px;
  left:12px;
  z-index:100;
  background:var(--accent);
  color:var(--bg);
  padding:12px;
  transform:translateY(-160%)
}
.skip:focus {
  transform:none
}
.site-shell {
  max-width:1680px;
  margin:auto;
  padding:0 5.2vw
}
.site-header {
  height:110px;
  display:flex;
  align-items:center;
  gap:36px;
  border-bottom:1px solid var(--border)
}
.brand {
  display:flex;
  gap:11px;
  align-items:flex-end;
  margin-right:auto;
  font-weight:800;
  letter-spacing:.12em;
  font-size:23px;
  line-height:1.1
}
.brand svg {
  width:42px;
  height:45px;
  flex-shrink:0;
  color:var(--accent)
}
.brand-sub {
  display:block;
  font:8px monospace;
  letter-spacing:.16em;
  margin-top:3px;
  font-weight:400;
  color:var(--muted)
}
.site-header nav {
  display:flex;
  align-items:center;
  gap:28px;
  font-size:13px
}
.site-header nav a {
  padding:8px 0;
  white-space:nowrap
}
.site-header nav a:hover {
  color:var(--accent)
}
.site-header nav a[aria-current] {
  border-bottom:1px solid var(--accent)
}
.version-control select {
  background:var(--panel);
  color:var(--ink);
  border:1px solid var(--border);
  padding:10px 12px;
  max-width:185px;
  font:11px ui-monospace,monospace
}
.menu-toggle {
  display:none
}
.eyebrow {
  display:flex;
  gap:10px;
  align-items:center;
  font:10px ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.16em;
  line-height:1.7;
  color:var(--muted)
}
.eyebrow i,.live-dot {
  display:inline-block;
  flex-shrink:0;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent)
}
h1,h2,h3,p {
  margin-top:0
}
h1 {
  font-size:clamp(52px,6.4vw,108px);
  line-height:1.02;
  letter-spacing:-.065em;
  font-weight:500
}
h2 {
  font-size:clamp(34px,3.7vw,60px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:500
}
h3 {
  font-size:24px;
  line-height:1.2;
  letter-spacing:-.035em;
  font-weight:500
}
p {
  color:var(--muted);
  line-height:1.8
}
em {
  font-family:var(--serif);
  font-weight:400;
  color:var(--accent)
}
.mono,code {
  font-family:Consolas,ui-monospace,monospace
}
.hero {
  position:relative;
  min-height:640px;
  display:grid;
  grid-template-columns:1.1fr 1fr;
  align-items:center;
  gap:24px;
  padding:64px 0 55px;
  overflow:hidden
}
.hero-copy {
  position:relative;
  z-index:2
}
.hero-copy .eyebrow {
  margin-bottom:28px
}
.hero h1 {
  margin-bottom:30px
}
.hero p {
  font-size:16px;
  max-width:460px;
  line-height:1.85;
  margin-bottom:28px
}
.hero-footnote {
  font:10px ui-monospace,monospace;
  letter-spacing:.1em;
  margin-top:38px;
  color:var(--muted);
  display:flex;
  gap:16px;
  align-items:center
}
.hero-obsidian h1 {
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(70px,7.6vw,124px);
  font-weight:850;
  letter-spacing:-.065em;
  line-height:.94
}
.hero-obsidian h1 em {
  font-family:inherit;
  font-style:normal;
  font-weight:850
}
.hero-obsidian h1 sup {
  font-size:.38em;
  vertical-align:super;
  letter-spacing:0;
  color:var(--accent);
}
.hero p.hero-context-note {
  font:11px/1.6 ui-monospace,monospace;
  color:var(--muted);
  margin-top:-12px;
  margin-bottom:24px;
}
.actions {
  display:flex;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin:26px 0
}
.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:28px;
  min-height:49px;
  padding:14px 23px;
  background:var(--accent);
  border:1px solid var(--accent);
  color:var(--bg);
  font-size:12px;
  font-weight:600;
  border-radius:2px;
  transition:transform .2s,background .2s;
  line-height:1.35
}
.button:hover {
  transform:translateY(-2px)
}
.button.secondary {
  color:var(--ink);
  border-color:var(--border);
  background:transparent
}
.text-link {
  font-size:12px;
  display:inline-flex;
  gap:12px;
  align-items:center;
  border-bottom:1px solid var(--border);
  padding:8px 0
}
.text-link:hover {
  border-color:var(--accent);
  color:var(--accent)
}
.orbital-art {
  height:540px;
  position:relative;
  margin-right:-10px;
  perspective:800px
}
.orbital-art:before {
  content:'';
  position:absolute;
  inset:20px;
  background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(ellipse,#0005,transparent 70%)
}
.orbit {
  position:absolute;
  left:50%;
  top:48%;
  width:360px;
  height:360px;
  border:1px solid #80905c;
  border-radius:50%;
  transform-style:preserve-3d;
  box-shadow:0 0 24px #c7e77906
}
.orbit-a {
  transform:translate(-50%,-50%) rotate(-25deg) scaleX(.48);
  border-width:2px
}
.orbit-b {
  transform:translate(-50%,-50%) rotate(36deg) scaleX(.58);
  width:410px;
  height:410px
}
.orbit-c {
  transform:translate(-50%,-50%) rotate(90deg) scaleX(.66);
  width:440px;
  height:440px
}
.orbit-core {
  position:absolute;
  top:48%;
  left:50%;
  transform:translate(-50%,-50%);
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle at 32% 22%,#cce68c,#667847 35%,#202d1d 66%,#090c09 90%);
  box-shadow:inset -12px -10px 30px #020702,0 0 100px #c6ed5a17;
  display:grid;
  place-items:center
}
.orbit-core span {
  font:italic 120px Georgia;
  color:#e5f5c5b0;
  transform:rotate(-12deg);
  line-height:1
}
.orbit-core i {
  position:absolute;
  top:12px;
  right:20px;
  width:16px;
  height:16px;
  background:var(--accent);
  border-radius:50%;
  box-shadow:0 0 30px #d6f67580
}
.orbit-label {
  position:absolute;
  font:9px monospace;
  letter-spacing:.08em;
  color:var(--muted);
  padding:8px 12px;
  background:var(--bg);
  border:1px solid var(--border)
}
.label-a {
  left:7%;
  top:23%
}
.label-b {
  right:0;
  top:48%
}
.label-c {
  left:25%;
  bottom:12%
}
.art-coordinate {
  position:absolute;
  bottom:0;
  right:0;
  font:9px monospace;
  color:var(--muted);
  letter-spacing:.12em
}
.capability-strip {
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr;
  gap:14px;
  align-items:center;
  padding:25px 0
}
.capability-strip span {
  font:9px monospace;
  letter-spacing:.1em;
  color:var(--muted)
}
.capability-strip b {
  font-size:12px;
  font-weight:400
}
.section {
  padding:88px 0;
  border-bottom:1px solid var(--border)
}
.section.compact {
  padding-top:30px
}
.section-heading {
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:end;
  margin-bottom:34px
}
.section-heading>.eyebrow {
  grid-column:1/-1
}
.section-heading h2 {
  margin:0
}
.section-heading>.text-link {
  justify-self:end
}
.release-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:18px
}
.release-card {
  padding:27px 26px 21px;
  border:1px solid var(--border);
  background:var(--panel);
  transition:transform .25s,border-color .25s;
  display:flex;
  flex-direction:column;
  min-width:0
}
.release-card:hover {
  transform:translateY(-5px);
  border-color:var(--accent)
}
.card-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:36px
}
.card-top .mono {
  font-size:9px;
  color:var(--muted);
  letter-spacing:.09em
}
.release-symbol {
  font-size:36px;
  color:var(--accent);
  line-height:1
}
.release-card h3 {
  max-width:250px;
  margin-bottom:20px;
  font-size:26px;
  min-height:62px
}
.release-card p {
  font-size:13px;
  line-height:1.8;
  flex:1
}
.card-bottom {
  padding-top:25px;
  border-top:1px solid var(--border);
  display:flex;
  justify-content:space-between;
  gap:12px;
  font-size:9px;
  align-items:center;
  color:var(--muted)
}
.card-bottom a {
  color:var(--ink)
}
.feature-story {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10%;
  padding:104px 0;
  border-bottom:1px solid var(--border);
  align-items:center
}
.feature-story>.eyebrow,.feature-story>div>.eyebrow {
  margin-bottom:30px
}
.feature-story h2 {
  margin:25px 0
}
.feature-story p {
  font-size:14px;
  max-width:460px
}
.execution-card {
  border:1px solid var(--border);
  background:var(--panel);
  padding:0 28px 28px;
  font-size:12px;
  min-width:0
}
.execution-card [hidden] { display:none !important; }
.hero .execution-card { align-self:center; width:100%; box-sizing:border-box; }
.greeting-controls { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 0 0; font:11px monospace; color:var(--muted); }
.greeting-controls select, .greeting-controls button { background:var(--bg); color:var(--accent); border:1px solid var(--border); padding:8px 12px; font:11px monospace; cursor:pointer; }
.greeting-controls select:focus-visible, .greeting-controls button:focus-visible { outline:1px solid var(--accent); }
.greeting-source { margin-top:16px; font-size:11px; }
.greeting-source small { display:block; margin-top:8px; color:var(--muted); line-height:1.5; }
.greeting-controls { flex-wrap:wrap; }
.execution-card [data-greeting-panel] { overflow-wrap:anywhere; min-height:440px; }
.execution-card [data-greeting-panel] ol { height:260px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:var(--border) var(--panel); }
.execution-card [data-greeting-event] { padding:12px 0; }
.feature-story .orbital-art { width:100%; min-width:0; }
.terminal-title {
  display:flex;
  gap:10px;
  align-items:center;
  padding:20px 0;
  border-bottom:1px solid var(--border);
  font:9px monospace;
  color:var(--muted)
}
.terminal-title>span:last-child {
  margin-left:auto
}
.execution-card ol {
  list-style:none;
  margin:0;
  padding:14px 0
}
.execution-card li {
  padding:18px 0;
  border-bottom:1px solid var(--border);
  display:grid;
  grid-template-columns:100px 1fr;
  gap:14px
}
.execution-card li span {
  font:9px monospace;
  color:var(--muted)
}
.terminal-result {
  padding:20px;
  background:var(--raised);
  color:var(--accent);
  font-size:16px
}
.terminal-result span {
  display:block;
  margin-top:15px;
  font:8px monospace;
  color:var(--muted);
  letter-spacing:.07em
}
.video-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px
}
.video-poster {
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:var(--raised)
}
.video-poster img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s
}
.video-card:hover img {
  transform:scale(1.025)
}
.play-symbol {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font-size:32px;
  color:#fff;
  text-shadow:0 2px 12px #000
}
.play-symbol:before {
  content:'';
  position:absolute;
  width:64px;
  height:64px;
  border-radius:50%;
  background:#121a14bb;
  border:1px solid #ffffff60;
  z-index:-1
}
.video-card>div {
  padding-top:24px
}
.video-card h3 {
  margin:13px 0;
  font-size:24px
}
.video-card p {
  font-size:13px;
  line-height:1.7
}
.guide-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
  gap:12px;
  align-items:stretch
}
.field-note-card h3 {
  margin:0 0 9px;
  font:18px/1.35 Consolas,monospace;
  overflow-wrap:anywhere;
  letter-spacing:-.04em
}
.field-note-card h3 a:hover {
  color:var(--accent)
}
.field-note-card .tool-bottom { flex-wrap:wrap; }
@media(max-width:600px) { .field-note-card h3 { font-size:18px; } }
.closing-cta {
  text-align:center;
  padding:100px 0 110px
}
.closing-cta .eyebrow {
  justify-content:center
}
.closing-cta h2 {
  font-size:clamp(48px,6vw,86px);
  margin:25px 0 35px;
  line-height:1
}
.closing-cta>.text-link {
  margin-left:24px
}
.site-footer {
  border-top:1px solid var(--border);
  padding:50px 0 24px
}
.footer-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:50px
}
.footer-wordmark {
  font-size:70px;
  line-height:1;
  letter-spacing:-.07em;
  font-weight:700
}
.footer-wordmark>span {
  color:var(--accent);
  padding-left:15px
}
.footer-top p {
  font-size:15px;
  line-height:1.6;
  margin:0
}
.footer-bottom {
  border-top:1px solid var(--border);
  padding-top:22px;
  display:flex;
  gap:24px;
  justify-content:space-between;
  flex-wrap:wrap;
  color:var(--muted);
  font:9px monospace
}
.footer-bottom>div {
  display:flex;
  gap:20px;
  flex-wrap:wrap
}
.footer-technologies {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.footer-technologies a {
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.footer-technologies img {
  width:16px;
  height:16px;
  object-fit:contain;
}
.text-button {
  background:none;
  border:0;
  padding:0;
  color:inherit;
  font:inherit
}
.page-intro {
  padding:76px 0 45px;
  max-width:970px
}
.page-intro .eyebrow {
  margin-bottom:30px
}
.page-intro h1 {
  margin-bottom:28px
}
.page-intro p {
  max-width:680px;
  font-size:16px
}
.release-nav,.version-tabs {
  display:flex;
  gap:28px;
  border-bottom:1px solid var(--border);
  margin-bottom:40px;
  font-size:12px;
  flex-wrap:wrap
}
.release-nav a,.version-tabs a {
  padding:12px 0;
  position:relative;
  color:var(--muted)
}
.release-nav a.active,.version-tabs a.active {
  color:var(--ink)
}
.release-nav a.active:after,.version-tabs a.active:after {
  content:'';
  position:absolute;
  height:2px;
  bottom:-1px;
  background:var(--accent);
  left:0;
  right:0
}
.stats-row {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
  padding:15px 0 45px;
  border-bottom:1px solid var(--border)
}
.stats-row strong {
  display:block;
  font-size:35px;
  font-weight:400;
  letter-spacing:-.05em;
  color:var(--accent)
}
.stats-row span {
  font-size:10px;
  color:var(--muted)
}
.release-detail {
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:12%;
  padding:65px 0
}
.release-detail h2 {
  margin:24px 0
}
.milestone-list {
  list-style:none;
  padding:0;
  margin:0
}
.milestone-list li {
  display:grid;
  grid-template-columns:35px 1fr;
  gap:20px;
  border-top:1px solid var(--border);
  padding:23px 0
}
.milestone-list li>span {
  font:10px monospace;
  color:var(--accent)
}
.milestone-list li p {
  font-size:14px;
  margin:0
}
.snapshot-card {
  padding:28px;
  background:var(--panel);
  border:1px solid var(--border);
  align-self:start;
  min-width:0
}
.snapshot-card dl {
  display:grid;
  grid-template-columns:95px 1fr;
  gap:18px 12px;
  margin:28px 0;
  font-size:12px
}
.snapshot-card dt {
  color:var(--muted)
}
.snapshot-card dd {
  margin:0
}
.snapshot-card p {
  font-size:12px
}
.snapshot-card .text-link {
  display:block;
  margin-top:15px
}
.break {
  overflow-wrap:anywhere
}
.link-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px
}
.link-grid>a {
  padding:26px 0;
  border-top:1px solid var(--border)
}
.link-grid>a>span {
  font:9px monospace;
  color:var(--muted)
}
.link-grid h3 {
  font-size:24px;
  margin:22px 0 14px
}
.link-grid p {
  font-size:12px
}
.link-grid>a:hover h3 {
  color:var(--accent)
}
.reading-block {
  max-width:820px;
  margin:65px 0 80px
}
.reading-block p {
  font-size:15px
}
.reading-block h2 {
  font-size:32px;
  margin:35px 0 22px
}
.comparison-bar {
  display:flex;
  align-items:center;
  gap:22px;
  padding:22px;
  border:1px solid var(--border);
  background:var(--panel);
  font-size:14px
}
.comparison-bar code {
  margin-left:auto;
  font-size:11px;
  color:var(--muted)
}
.search-bar {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin:32px 0 20px
}
.search-bar label {
  display:block;
  max-width:700px;
  flex:1
}
.search-bar label>span {
  font-size:11px;
  display:block;
  color:var(--muted);
  margin-bottom:10px
}
.search-bar input {
  width:100%;
  border:1px solid var(--border);
  background:var(--panel);
  color:var(--ink);
  padding:17px 20px;
  font-size:14px;
  border-radius:0;
  appearance:none
}
.search-bar input::placeholder {
  color:var(--muted);
  opacity:.8
}
.search-count {
  font:11px monospace;
  color:var(--muted);
  padding-bottom:15px;
  white-space:nowrap
}
.diff-list {
  margin-bottom:70px
}
.diff-file {
  border:1px solid var(--border);
  margin-bottom:10px;
  background:var(--panel);
  min-width:0
}
.diff-file summary {
  padding:18px;
  display:flex;
  align-items:center;
  gap:15px;
  cursor:pointer;
  list-style:none;
  min-width:0;
  font:12px monospace;
  overflow-wrap:anywhere
}
.diff-file summary::-webkit-details-marker {
  display:none
}
.diff-file summary>span:nth-child(2) {
  min-width:0;
  overflow-wrap:anywhere
}
.diff-file summary>b {
  margin-left:auto;
  font-size:20px;
  font-weight:400;
  color:var(--muted)
}
.change-badge {
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
  border:1px solid var(--border);
  padding:4px 8px
}
.added {
  color:#77be93
}
.deleted {
  color:#ed998f
}
.modified {
  color:var(--accent)
}
.diff-toolbar {
  padding:10px 18px;
  border-top:1px solid var(--border);
  font-size:11px
}
.diff-code {
  overflow:auto;
  max-height:620px;
  margin:0;
  padding:20px 0;
  background:#0c1012;
  color:#dce2dd;
  font:11px/1.75 Consolas,monospace;
  tab-size:4
}
.diff-code code>span {
  display:block;
  min-height:1.75em;
  min-width:max-content;
  padding:0 20px
}
.line-add {
  background:#183927;
  color:#addec0
}
.line-remove {
  background:#3c2228;
  color:#f1b7b8
}
.line-hunk {
  background:#182e42;
  color:#a2c7ef
}
.file-tree {
  border-top:1px solid var(--border);
  margin:20px 0 70px
}
.source-group { margin:30px 0; }
.source-group>h2 { font:16px ui-monospace,monospace; color:var(--accent); margin:0 0 16px; }
.source-subgroup { margin:20px 0 24px; }
.source-subgroup>h3 { font:12px ui-monospace,monospace; color:var(--muted); margin:0 0 10px; padding-left:12px; border-left:2px solid var(--border); }
.source-childgroup { margin:16px 0 20px; padding-left:12px; border-left:1px solid var(--border); }
.source-childgroup>h4 { font:12px ui-monospace,monospace; color:var(--text); margin:0 0 10px; }
.source-list .diff-file { margin-top:10px; }
.source-list .source-group>h2 { font-size:14px; }
.change-badge.unchanged { color:var(--muted); }
.source-row {
  display:grid;
  grid-template-columns:24px 1fr 80px;
  gap:14px;
  padding:15px 12px;
  border-bottom:1px solid var(--border);
  align-items:center;
  font:11px/1.6 monospace
}
.source-row a {
  overflow-wrap:anywhere
}
.source-row:hover {
  background:var(--panel)
}
.source-row>span:last-child {
  color:var(--muted);
  text-align:right
}
.file-icon {
  color:var(--accent)
}
.source-intro {
  padding:45px 0 30px
}
.source-intro h1 {
  font-size:42px;
  overflow-wrap:anywhere;
  margin-bottom:16px
}
.source-intro>.eyebrow {
  margin-top:30px
}
.source-intro>.mono {
  font-size:12px
}
.code-panel {
  background:#0c1012;
  border:1px solid var(--border);
  margin:25px 0 35px;
  min-width:0;
  color:#dce2dd
}
.code-panel>div {
  padding:13px 20px;
  border-bottom:1px solid #303b2e;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#a8b6aa;
  font:10px monospace;
  letter-spacing:.08em
}
.code-panel button {
  background:transparent;
  border:1px solid #39473b;
  color:#dce2dd;
  font-size:10px;
  padding:4px 12px
}
.code-panel pre {
  padding:25px;
  margin:0;
  overflow:auto;
  font:12px/1.8 Consolas,monospace;
  tab-size:4;
  max-height:850px
}
.tool-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));
  gap:12px;
  margin:20px 0 40px
}
.tool-card {
  display:flex;
  flex-direction:column;
  background:var(--panel);
  border:1px solid var(--border);
  padding:18px;
  min-width:0;
  transition:border-color .15s ease
}
.tool-card:hover,.tool-card:focus-within { border-color:var(--accent); }
.tool-top {
  display:flex;
  justify-content:space-between;
  gap:15px;
  font:9px monospace;
  letter-spacing:.06em;
  color:var(--muted);
  margin-bottom:12px
}
.tool-card h2 {
  font:18px/1.35 Consolas,monospace;
  margin:0 0 9px;
  overflow-wrap:anywhere;
  letter-spacing:-.04em
}
.tool-card h2:hover {
  color:var(--accent)
}
.tool-card p {
  font-size:13px;
  line-height:1.6;
  margin:0;
  flex:1
}
.tool-bottom {
  display:flex;
  justify-content:space-between;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:14px;
  padding-top:10px;
  border-top:1px solid var(--border);
  font-size:11px
}
.pill {
  display:inline-block;
  border:1px solid var(--border);
  padding:5px 10px;
  font:9px/1.5 monospace;
  color:var(--muted);
  white-space:normal
}
.tool-meta {
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:45px
}
.category-control {
  font-size:11px;
  color:var(--muted);
  display:flex;
  gap:12px;
  align-items:center
}
.category-control select {
  background:var(--panel);
  color:var(--ink);
  border:1px solid var(--border);
  padding:8px 12px;
  font-size:11px
}
.article-layout {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:10%;
  padding:20px 0 80px
}
.prose {
  min-width:0;
  max-width:850px
}
.prose h2 {
  font-size:30px;
  line-height:1.2;
  margin:40px 0 22px
}
.prose h2:first-child {
  margin-top:0
}
.prose p {
  font-size:15px;
  line-height:1.9;
  margin-bottom:24px
}
.prose blockquote {
  margin:26px 0;
  padding:25px;
  border-left:2px solid var(--accent);
  background:var(--panel);
  font:italic 24px/1.5 var(--serif)
}
.prose .text-link {
  overflow-wrap:anywhere;
  max-width:100%
}
.watch-player {
  aspect-ratio:16/9;
  background:#030603;
  border:1px solid var(--border);
  overflow:hidden;
  margin:15px 0 30px
}
.watch-player video,.watch-player iframe {
  width:100%;
  height:100%;
  display:block;
  border:0
}
.youtube-gate {
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:30px;
  text-align:center;
  background:var(--panel)
}
.youtube-gate small {
  display:block;
  font-size:11px;
  color:var(--muted);
  margin-top:18px
}
.poster-fallback {
  height:100%;
  display:grid;
  place-items:center;
  font:24px monospace;
  color:var(--accent);
  background:var(--raised)
}
.download-row {
  display:flex;
  gap:35px;
  align-items:center;
  padding:32px 0;
  border-top:1px solid var(--border)
}
.download-row>div {
  margin-right:auto
}
.download-row h2 {
  font-size:32px;
  margin:16px 0 8px
}
.download-row p {
  font-size:12px;
  margin:0
}
.empty-state {
  padding:40px;
  background:var(--panel);
  border:1px solid var(--border);
  text-align:center;
  color:var(--muted)
}
.consent {
  position:fixed;
  z-index:20;
  bottom:20px;
  left:5vw;
  right:5vw;
  max-width:1200px;
  margin:auto;
  background:var(--raised);
  border:1px solid var(--border);
  box-shadow:0 20px 70px #0006;
  padding:24px;
  display:flex;
  gap:25px;
  align-items:center
}
.consent p {
  font-size:12px;
  max-width:680px;
  margin:8px 0 0
}
.consent a {
  text-decoration:underline
}
.consent .actions {
  margin:0;
  flex-shrink:0
}
.toast {
  position:fixed;
  z-index:100;
  bottom:25px;
  left:50%;
  transform:translate(-50%,25px);
  opacity:0;
  pointer-events:none;
  background:var(--ink);
  color:var(--bg);
  padding:12px 22px;
  font-size:12px;
  border-radius:2px;
  transition:opacity .2s,transform .2s
}
.toast.visible {
  opacity:1;
  transform:translate(-50%,0)
}

@media(min-width:1680px) {
  .site-shell {
    padding-left:88px!important;
    padding-right:88px!important
  }
}
@media(max-width:1150px) {
  .site-header {
    gap:20px
  }
  .site-header nav {
    gap:18px
  }
  .version-control select {
    max-width:145px;
    padding:9px
  }
  .hero {
    min-height:580px
  }
  .orbital-art {
    height:460px
  }
  .orbit-a {
    width:290px;
    height:290px
  }
  .orbit-b {
    width:330px;
    height:330px
  }
  .orbit-c {
    width:360px;
    height:360px
  }
  .orbit-label {
    font-size:7px;
    padding:6px
  }
  .capability-strip {
    grid-template-columns:auto 1fr auto 1fr;
    gap:14px 22px
  }
  .hero p {
    font-size:14px
  }
  .release-card {
    padding:22px
  }
  .card-bottom {
    flex-direction:column;
    align-items:start;
    gap:8px
  }
  .feature-story {
    gap:7%
  }
  .article-layout {
    gap:6%
  }
  .footer-bottom>span:last-child {
    display:none
  }
  .consent {
    align-items:start;
    flex-direction:column
  }
}
@media(max-width:850px) {
  .site-header {
    height:85px;
    flex-wrap:wrap;
    position:relative
  }
  .brand {
    font-size:21px
  }
  .menu-toggle {
    display:flex;
    align-items:center;
    gap:20px;
    background:none;
    border:0;
    font-size:11px;
    padding:10px 0
  }
  .menu-toggle span {
    font-size:22px
  }
  .site-header nav {
    display:none;
    position:absolute;
    top:85px;
    left:0;
    right:0;
    padding:22px;
    background:var(--panel);
    border:1px solid var(--border);
    z-index:10;
    gap:15px;
    align-items:stretch;
    box-shadow:0 18px 30px #0003
  }
  .site-header nav.open {
    display:flex;
    flex-direction:column
  }
  .version-control select {
    font-size:9px;
    max-width:130px
  }
  .hero {
    grid-template-columns:1fr 1fr;
    padding-top:48px;
    padding-bottom:45px;
    gap:0;
    min-height:540px
  }
  .hero-obsidian h1 {
    font-size:73px
  }
  .hero-copy .eyebrow {
    font-size:8px
  }
  .hero p {
    max-width:330px
  }
  .hero .actions {
    gap:10px
  }
  .hero .button {
    font-size:10px;
    padding:13px 15px;
    gap:14px;
    min-height:44px
  }
  .orbital-art {
    height:370px;
    margin-right:-20px
  }
  .orbit-core {
    width:105px;
    height:105px
  }
  .orbit-core span {
    font-size:85px
  }
  .orbit-a {
    width:230px;
    height:230px
  }
  .orbit-b {
    width:265px;
    height:265px
  }
  .orbit-c {
    width:280px;
    height:280px
  }
  .label-a {
    left:0;
    top:18%
  }
  .label-b {
    right:8px
  }
  .label-c {
    left:10%;
    bottom:10%
  }
  .art-coordinate {
    font-size:7px
  }
  .release-grid {
    gap:12px
  }
  .release-card {
    padding:20px 16px
  }
  .release-card h3 {
    font-size:23px
  }
  .release-card p {
    font-size:12px
  }
  .card-top .mono {
    font-size:8px
  }
  .card-top {
    margin-bottom:25px
  }
  .feature-story {
    gap:6%;
    padding:70px 0
  }
  .feature-story h2 {
    font-size:42px
  }
  .feature-story p {
    font-size:13px
  }
  .execution-card {
    padding:0 18px 18px
  }
  .execution-card li {
    grid-template-columns:80px 1fr;
    gap:8px;
    font-size:11px
  }
  .terminal-title {
    font-size:8px
  }
  .terminal-title>span:last-child {
    display:none
  }
  .section {
    padding:65px 0
  }
  .section-heading h2 {
    font-size:43px
  }
  .video-card h3 {
    font-size:22px
  }
  .video-card p {
    font-size:12px
  }
  .guide-card h3 {
    font-size:25px
  }
  .footer-bottom {
    font-size:8px;
    gap:18px
  }
  .article-layout {
    grid-template-columns:minmax(0,1fr) 230px;
    gap:30px
  }
  .page-intro {
    padding-top:55px
  }
  .page-intro h1 {
    font-size:65px
  }
  .release-detail {
    gap:6%
  }
  .link-grid {
    gap:22px
  }
  .link-grid h3 {
    font-size:22px
  }
  .stats-row {
    gap:18px
  }
  .stats-row strong {
    font-size:29px
  }
  .stats-row span {
    font-size:9px
  }
  .tool-card {
    padding:18px
  }
  .tool-card h2 {
    font-size:18px
  }
  .tool-bottom {
    align-items:center;
    flex-direction:row;
    gap:8px
  }
}
@media(max-width:620px) {
  .site-shell {
    padding:0 6vw!important
  }
  .site-header {
    gap:14px;
    height:78px!important
  }
  .brand {
    font-size:20px!important
  }
  .brand svg {
    width:35px;
    height:38px
  }
  .brand-sub {
    font-size:6px
  }
  .version-control select {
    font-size:8px;
    max-width:113px;
    padding:8px 5px
  }
  .menu-toggle {
    font-size:10px;
    gap:8px
  }
  .menu-toggle span {
    font-size:20px
  }
  .site-header nav {
    top:78px
  }
  .hero {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:45px 0 30px;
    min-height:0
  }
  .hero-obsidian h1 {
    font-size:clamp(54px,16vw,95px)
  }
  .hero-copy .eyebrow {
    font-size:8px;
    margin-bottom:25px;
    letter-spacing:.1em
  }
  .hero p {
    font-size:14px;
    max-width:none
  }
  .hero .actions {
    gap:10px;
    margin-bottom:18px
  }
  .hero .button {
    font-size:11px;
    min-height:46px;
    padding:13px 18px
  }
  .hero-footnote {
    margin-top:25px;
    font-size:8px
  }
  .orbital-art {
    height:335px;
    width:100%;
    margin:15px 0 0
  }
  .orbit-a {
    width:255px;
    height:255px
  }
  .orbit-b {
    width:290px;
    height:290px
  }
  .orbit-c {
    width:300px;
    height:300px
  }
  .orbit-core {
    width:115px;
    height:115px
  }
  .label-a {
    left:5%;
    top:17%;
    font-size:7px
  }
  .label-b {
    right:0;
    font-size:7px
  }
  .label-c {
    left:25%;
    bottom:5%;
    font-size:7px
  }
  .art-coordinate {
    display:none
  }
  .capability-strip {
    grid-template-columns:auto 1fr;
    gap:12px 22px;
    padding:24px 0
  }
  .capability-strip span {
    font-size:8px
  }
  .capability-strip b {
    font-size:12px
  }
  .section {
    padding:55px 0!important
  }
  .section-heading {
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:28px
  }
  .section-heading>.text-link {
    justify-self:start
  }
  .section-heading h2 {
    font-size:39px!important
  }
  .release-grid {
    grid-template-columns:1fr;
    gap:16px!important
  }
  .release-card {
    padding:25px!important;
    min-height:0!important
  }
  .release-card h3 {
    font-size:29px!important;
    min-height:0!important;
    max-width:none;
    margin-bottom:16px
  }
  .release-card p {
    font-size:13px
  }
  .card-top {
    margin-bottom:25px
  }
  .card-top .mono {
    font-size:9px
  }
  .card-bottom {
    flex-direction:row;
    align-items:center;
    font-size:9px;
    padding-top:18px
  }
  .feature-story {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:30px;
    padding:65px 0!important
  }
  .feature-story h2 {
    font-size:45px!important
  }
  .feature-story p {
    font-size:14px
  }
  .execution-card {
    padding:0 20px 20px
  }
  .execution-card li {
    grid-template-columns:85px 1fr;
    padding:20px 0;
    font-size:12px
  }
  .terminal-title {
    font-size:8px;
    padding:20px 0
  }
  .terminal-result {
    font-size:16px
  }
  .video-grid {
    grid-template-columns:1fr;
    gap:26px
  }
  .video-card h3 {
    font-size:25px
  }
  .video-card p {
    font-size:13px
  }
  .guide-grid {
    grid-template-columns:1fr!important
  }
  .guide-card,.guide-card:nth-child(even) {
    padding:27px 0!important;
    border-left:0!important;
    border-right:0!important
  }
  .guide-card h3 {
    font-size:28px!important;
    max-width:none
  }
  .guide-card p {
    font-size:13px;
    max-width:none
  }
  .closing-cta {
    padding:65px 0!important;
    margin-left:0!important;
    margin-right:0!important
  }
  .closing-cta h2 {
    font-size:57px!important
  }
  .closing-cta .eyebrow {
    font-size:8px
  }
  .closing-cta>.text-link {
    display:block;
    width:max-content;
    max-width:100%;
    margin:20px auto 0
  }
  .footer-top {
    margin-bottom:30px;
    align-items:end
  }
  .footer-wordmark {
    font-size:55px!important
  }
  .footer-top p {
    font-size:11px
  }
  .footer-bottom {
    display:flex;
    flex-direction:column;
    gap:22px;
    font-size:9px
  }
  .footer-bottom>div {
    gap:17px
  }
  .site-footer {
    padding-top:35px
  }
  .page-intro {
    padding:43px 0 25px
  }
  .page-intro h1 {
    font-size:clamp(45px,12vw,64px)!important
  }
  .page-intro p {
    font-size:14px
  }
  .page-intro .eyebrow {
    font-size:8px;
    margin-bottom:25px
  }
  .release-nav,.version-tabs {
    gap:22px;
    font-size:10px;
    margin-bottom:26px
  }
  .stats-row {
    grid-template-columns:1fr 1fr;
    gap:22px;
    padding-bottom:30px
  }
  .stats-row strong {
    font-size:34px!important
  }
  .stats-row span {
    font-size:9px
  }
  .release-detail {
    display:flex;
    flex-direction:column;
    gap:30px;
    padding:40px 0
  }
  .release-detail h2 {
    font-size:40px
  }
  .snapshot-card {
    padding:23px;
    width:100%
  }
  .snapshot-card dl {
    font-size:11px
  }
  .link-grid {
    grid-template-columns:1fr;
    gap:15px
  }
  .link-grid h3 {
    font-size:27px
  }
  .reading-block {
    margin:42px 0 55px
  }
  .reading-block h2 {
    font-size:30px
  }
  .reading-block p {
    font-size:14px
  }
  .comparison-bar {
    font-size:11px;
    padding:15px;
    gap:12px;
    flex-wrap:wrap
  }
  .comparison-bar code {
    font-size:9px
  }
  .search-bar {
    margin-top:26px;
    gap:10px
  }
  .search-bar input {
    font-size:12px;
    padding:15px
  }
  .search-count {
    font-size:9px;
    padding-bottom:16px
  }
  .search-bar label>span {
    font-size:10px
  }
  .diff-file summary {
    gap:8px;
    font-size:9px;
    padding:15px 12px
  }
  .change-badge {
    font-size:7px;
    padding:3px 5px
  }
  .diff-code {
    font-size:10px
  }
  .source-row {
    grid-template-columns:17px 1fr;
    gap:7px;
    padding:13px 6px;
    font-size:10px
  }
  .source-row>span:last-child {
    display:none
  }
  .source-intro h1 {
    font-size:30px
  }
  .source-intro .mono {
    font-size:10px
  }
  .code-panel pre {
    font-size:10px;
    padding:18px
  }
  .tool-grid {
    grid-template-columns:1fr;
    gap:15px;
    margin-top:20px
  }
  .tool-card {
    padding:16px!important
  }
  .tool-card h2 {
    font-size:18px!important
  }
  .tool-card p {
    font-size:13px
  }
  .tool-bottom {
    flex-direction:row;
    align-items:center
  }
  .article-layout {
    display:flex;
    flex-direction:column;
    gap:35px;
    padding-bottom:50px
  }
  .prose h2 {
    font-size:29px!important
  }
  .prose p {
    font-size:14px
  }
  .prose blockquote {
    font-size:23px;
    padding:20px
  }
  .watch-player {
    margin-top:10px
  }
  .youtube-gate {
    padding:15px
  }
  .youtube-gate p {
    font-size:12px;
    margin-bottom:12px
  }
  .youtube-gate .button {
    min-height:38px;
    padding:10px;
    font-size:10px
  }
  .youtube-gate small {
    font-size:8px;
    margin-top:12px
  }
  .download-row {
    flex-wrap:wrap;
    gap:15px;
    padding:27px 0
  }
  .download-row>div {
    width:100%
  }
  .download-row h2 {
    font-size:30px
  }
  .download-row p {
    font-size:10px
  }
  .consent {
    left:4vw;
    right:4vw;
    bottom:12px;
    padding:20px;
    gap:18px
  }
  .consent strong {
    font-size:14px
  }
  .consent p {
    font-size:11px
  }
  .consent .actions {
    gap:10px;
    width:100%
  }
  .consent .button {
    font-size:10px;
    padding:12px 14px;
    flex:1
  }
  .toast {
    font-size:10px;
    max-width:90%;
    width:max-content
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    transition:none!important;
    animation:none!important
  }
}
.ad-slot {
  margin:45px 0;
  padding:15px;
  border-top:1px solid var(--border);
  border-bottom:1px solid var(--border);
  text-align:center;
  min-height:180px
}
.ad-slot>span {
  font:9px monospace;
  letter-spacing:.15em;
  color:var(--muted)
}
.page-intro h1 {
  overflow-wrap:anywhere
}
.stats-row>div {
  min-width:0
}
.stats-row strong {
  overflow-wrap:anywhere
}
@media(max-width:620px) {
  .site-header {
    gap:10px
  }
  .version-control select {
    max-width:105px
  }
  .menu-toggle {
    gap:5px
  }
  .stats-row strong {
    font-size:30px!important
  }
}

.release-intro { max-width:none; text-align:center; }
.release-intro > .eyebrow { justify-content:center; }
.release-intro > p { margin-left:auto; margin-right:auto; }
.release-video { width:100%; max-width:960px; margin:32px auto 48px; }
.release-video video { display:block; width:100%; aspect-ratio:16/9; }

/* Version-specific scenario documentation and inline tool implementations. */
.scenario-tabs { margin:24px 0 32px; border-bottom:1px solid var(--border); padding-bottom:16px; }
.scenario-tabs a { flex:0 1 auto; }
.scenario-article { max-width:100%; }
.scenario-article > .code-panel,.tool-implementation .code-panel { margin:20px 0 36px; min-width:0; max-width:100%; }
.tool-implementation { min-width:0; margin-top:48px; }
.tool-implementation h3 { overflow-wrap:anywhere; font-family:Consolas,monospace; font-size:14px; }
.table-scroll { overflow-x:auto; margin:20px 0 36px; }
.scenario-inputs { width:100%; border-collapse:collapse; text-align:left; }
.scenario-inputs th,.scenario-inputs td { padding:14px; border:1px solid var(--border); vertical-align:top; overflow-wrap:anywhere; }
.scenario-inputs thead { color:var(--accent); background:var(--panel); }
.scenario-inputs code { white-space:pre-wrap; }
.scenario-article ol li { margin-bottom:16px; }

/* Scenario blueprint: Designed is the initial view; Raw preserves the original XML. */
.scenario-viewer { margin:40px 0 24px; border:1px solid var(--border); background:var(--panel); min-width:0; }
.scenario-viewer-toolbar { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px; border-bottom:1px solid var(--border); }
.scenario-viewer-toolbar h2 { margin:8px 0 0; font-size:27px; }
.scenario-view-switch { display:flex; flex-shrink:0; padding:4px; gap:4px; border:1px solid var(--border); background:var(--bg); }
.scenario-view-switch button { padding:10px 18px; border:0; color:var(--muted); background:transparent; font:12px Consolas,monospace; cursor:pointer; }
.scenario-view-switch button[aria-selected='true'] { background:var(--accent); color:var(--bg); }
.scenario-blueprint-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 26px; border-bottom:1px solid var(--border); font:10px Consolas,monospace; color:var(--muted); letter-spacing:.06em; overflow-wrap:anywhere; }
.scenario-blueprint-meta > span:first-child { color:var(--accent); }
.scenario-block { padding:26px; border-bottom:1px solid var(--border); }
.scenario-block:last-child { border-bottom:0; }
.scenario-block-heading { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-bottom:22px; }
.scenario-block-heading > span:first-child { font:11px Consolas,monospace; color:var(--accent); }
.scenario-block-heading h3 { font-size:21px; letter-spacing:-.03em; margin:0; }
.scenario-block-tag { margin-left:auto; font:9px Consolas,monospace; letter-spacing:.08em; color:var(--muted); }
.scenario-block .table-scroll { margin:0; }
.scenario-block > ul { margin:0; padding-left:20px; }
.scenario-prompt { margin:0!important; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--ink); line-height:1.8!important; }
.scenario-step-list { list-style:none!important; padding:0!important; margin:0!important; }
.scenario-step-list .scenario-step { display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; position:relative; padding:0 0 24px; margin:0; }
.scenario-step-list .scenario-step:last-child { padding-bottom:0; }
.scenario-step:not(:last-child)::after { content:''; position:absolute; top:38px; bottom:0; left:18px; width:1px; background:var(--border); }
.scenario-step-number { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--border); color:var(--accent); font:12px Consolas,monospace; background:var(--bg); z-index:1; }
.scenario-step > div { padding:18px 20px; border:1px solid var(--border); background:var(--bg); min-width:0; }
.scenario-step p { margin:10px 0 0!important; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; }
.scenario-exit { border-left:3px solid var(--accent); }
.scenario-exit-note,.scenario-raw-note { color:var(--muted); font-size:13px!important; margin:16px 0 0!important; }
.scenario-view-panel[data-view-panel='raw'] { padding:26px; }
.scenario-view-panel > .code-panel { margin-bottom:0; }
.scenario-call { margin:20px 0 32px; }
.scenario-call > summary { color:var(--accent); cursor:pointer; font:12px Consolas,monospace; padding:12px 0; }
@media(max-width:620px) {
  .scenario-viewer-toolbar { align-items:flex-start; flex-direction:column; padding:20px; gap:18px; }
  .scenario-view-switch { width:100%; }
  .scenario-view-switch button { flex:1; }
  .scenario-block,.scenario-view-panel[data-view-panel='raw'] { padding:20px; }
  .scenario-blueprint-meta { padding:16px 20px; }
  .scenario-step-list .scenario-step { grid-template-columns:30px minmax(0,1fr); gap:10px; }
  .scenario-step-number { width:30px; height:30px; }
  .scenario-step:not(:last-child)::after { top:30px; left:14px; }
  .scenario-step > div { padding:14px; }
}

/* Compact XML anatomy and paired scenario field notes. */
.scenario-explainer { margin:40px 0; padding:26px; border:1px solid var(--border); background:var(--panel); }
.scenario-explainer > h2 { margin:12px 0 16px; }
.scenario-explainer > ol { list-style:none; padding:0; margin:24px 0; }
.scenario-explainer > ol > li { display:grid; grid-template-columns:26px minmax(0,1fr) auto; align-items:start; gap:14px; margin:0; padding:16px 0; border-bottom:1px solid var(--border); }
.scenario-note-number { color:var(--muted); font:10px Consolas,monospace; padding-top:5px; }
.scenario-note-name { display:inline-block; margin-left:10px; color:var(--muted); font:11px Consolas,monospace; overflow-wrap:anywhere; }
.scenario-explainer li p { margin:7px 0 0; font-size:13px; line-height:1.6; }
.scenario-explainer li > .text-link { font-size:10px; white-space:nowrap; }
.guide-group { margin:44px 0; }
.guide-group-heading { font-size:10px; margin:0 0 18px; }
.guide-contents { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px; }
.guide-contents a { padding:8px 10px; border:1px solid var(--border); font:11px Consolas,monospace; color:var(--muted); }
.guide-contents a:hover { color:var(--accent); border-color:var(--accent); }
.prose h2[id],.prose h3[id] { scroll-margin-top:110px; }
@media(max-width:620px) {
  .scenario-explainer { padding:20px; }
  .scenario-explainer > ol > li { grid-template-columns:22px minmax(0,1fr); gap:10px; }
  .scenario-explainer li > .text-link { grid-column:2; justify-self:start; }
  .scenario-note-name { display:block; margin:6px 0 0; }
}

.brand-name { display:inline-block; position:relative; }
.brand[aria-current] .brand-name::after { content:''; position:absolute; left:0; right:.12em; bottom:-3px; height:1px; background:var(--accent); }
mark[data-search-highlight] { background:var(--accent); color:#101815; font:inherit; border-radius:2px; }
.video-filters { display:flex; flex-wrap:wrap; gap:20px; margin:0 0 28px; }
.video-filters label { display:flex; align-items:center; gap:10px; }
.video-filters select { background:var(--panel); color:var(--ink); border:1px solid var(--border); padding:10px; font:inherit; }
.video-model { color:var(--accent); font-family:ui-monospace,monospace; }

/* Catalog-driven satellites: readable labels orbit without rotating their text. */
.orbit-catalog { position:absolute; left:0; right:0; bottom:22px; display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.orbit-entry { font:9px monospace; color:var(--muted); padding:5px 8px; border:1px solid var(--border); background:var(--bg); }
.orbit-animated .orbit-catalog { display:none; }
.orbit-satellite { max-width:66%; text-align:center; white-space:normal; transform:translate(-50%,-50%); animation:version-orbit 15s linear infinite; opacity:0; will-change:left,top,opacity; }
@keyframes version-orbit {
  0% { left:22%; top:25%; opacity:0; }
  10% { left:34%; top:15%; opacity:1; }
  30% { left:73%; top:28%; opacity:1; }
  50% { left:78%; top:63%; opacity:1; }
  70% { left:39%; top:81%; opacity:1; }
  88% { left:19%; top:55%; opacity:1; }
  96%,100% { left:22%; top:25%; opacity:0; }
}
.orbital-art:hover .orbit-satellite { animation-play-state:paused; }
@media(prefers-reduced-motion:reduce) {
  .orbit-animated .orbit-catalog { display:flex; }
  .orbit-satellite { display:none; }
}

.file-type-toggles { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 20px; }
.file-type-toggles button { background:var(--panel); color:var(--muted); border:1px solid var(--border); padding:10px 14px; cursor:pointer; font:12px monospace; }
.file-type-toggles button[aria-pressed=true] { color:var(--accent); border-color:var(--accent); background:#d6f6750c; }
.file-type-toggles button span { margin-left:9px; opacity:.7; }
.changes-sort { display:flex; align-items:center; gap:12px; font:12px monospace; }
.changes-sort select { padding:10px; border:1px solid var(--border); background:var(--panel); color:var(--ink); font:inherit; }
.file-metric-note { color:var(--muted); font-size:12px; }
.diff-folder { margin:30px 0; }
.diff-folder h2 { font:14px monospace; overflow-wrap:anywhere; color:var(--accent); display:flex; flex-wrap:wrap; gap:15px; align-items:center; }
.diff-folder h2 span { font-size:11px; color:var(--muted); }
.diff-folder .diff-file { margin-top:10px; }
.file-metrics { margin-left:auto; color:var(--muted); font-size:11px; white-space:nowrap; }
.diff-file summary>b { margin-left:0; }
@media(max-width:600px) { .diff-file summary { flex-wrap:wrap; } .file-metrics { width:100%; order:2; margin-left:0; } }

.file-metrics { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px 18px; }
.line-change-counts { display:inline-flex; gap:10px; }
.metric-more { color:#d6f675; }
.metric-less { color:#ff9898; }
.metric-neutral { color:var(--muted); }
.change-badge.added { border-color:var(--accent); color:var(--accent); background:#d6f67510; letter-spacing:.14em; }
@media(max-width:600px) { .file-metrics { justify-content:flex-start; } }

/* C# tokens: Obsidian lime, sage, amber and mist. Source text stays intact. */
.cs-keyword { color:#d6f675; }
.cs-type { color:#8fd6c1; }
.cs-string { color:#e7ca8b; }
.cs-comment { color:#94a68e; font-style:italic; }
.cs-number { color:#cfb2e9; }
.cs-method { color:#b6dce5; }
.cs-operator { color:#d0d8c8; }
.cs-directive { color:#b6b5db; }
.line-add .cs-comment,.line-remove .cs-comment { color:#c1cbb8; }
pre code { tab-size:4; }

.change-code-views { padding:0 18px 18px; min-width:0; }
.change-code-tabs { display:flex; gap:6px; padding:4px; border:1px solid var(--border); width:fit-content; margin:0 0 16px; }
.change-code-tabs button { padding:10px 18px; border:0; color:var(--muted); background:transparent; font:12px monospace; cursor:pointer; }
.change-code-tabs button[aria-selected=true] { background:var(--accent); color:var(--bg); }
.change-code-views .code-panel { margin:0; }

.code-panel .code-header { display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.code-color-map { display:flex; flex-wrap:wrap; gap:8px 14px; margin-left:auto; font:10px monospace; }
.code-color-map > span { display:inline-flex; align-items:center; gap:5px; }
.code-color-map > span::before { content:''; width:6px; height:6px; background:currentColor; }
.numbered-code { display:grid; grid-template-columns:max-content minmax(max-content,1fr); overflow:auto; max-height:720px; background:#0b110e; }
.code-panel .numbered-code pre { margin:0; padding:18px 20px; overflow:visible; max-height:none; font:12px/1.7 Consolas,monospace; tab-size:4; }
.code-panel .numbered-code .line-numbers { position:sticky; left:0; z-index:1; background:#0b110e; border-right:1px solid var(--border); padding-right:14px; padding-left:14px; text-align:right; user-select:none; }
.number-unchanged { color:#f3f0e7; }
.number-removed { color:#ff9898; }
.number-added { color:#d6f675; }
.xml-structure { color:#b6dce5; }
.xml-inputs { color:#e7ca8b; }
.xml-tools { color:#8fd6c1; }
.xml-steps { color:#d6f675; }
.xml-exit { color:#cfb2e9; }
.xml-attribute { color:#b5bfb2; }
.xml-value { color:#e9deba; }
.xml-comment { color:#94a68e; font-style:italic; }
.xml-punctuation { color:#a8b69d; }

.scenario-usages { display:grid; gap:16px; margin:22px 0; }
.scenario-usages h3 { color:var(--muted); font:11px monospace; text-transform:uppercase; letter-spacing:.1em; margin:0 0 9px; }
.scenario-usages blockquote { margin:0; }
.scenario-usage-note { color:var(--muted); font-size:13px; }
.version-timeline { margin:0 0 64px; min-width:0; max-width:100%; }
.version-timeline ol { display:flex; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; padding:8px 0 12px; margin:0; list-style:none; scrollbar-width:thin; scrollbar-color:var(--border) var(--bg); }
.version-timeline ol:focus-visible { outline:1px solid var(--accent); outline-offset:5px; }
.version-timeline ol { width:100%; min-width:0; max-width:100%; }
.version-timeline ol > li { flex:0 0 240px; scroll-snap-align:start; }
.timeline-controls { display:flex; justify-content:flex-end; gap:8px; margin:0 0 16px; }
.timeline-controls[hidden] { display:none; }
.timeline-controls button { display:grid; place-items:center; width:44px; height:40px; border:1px solid var(--border); background:var(--panel); color:var(--accent); font-size:20px; cursor:pointer; }
.timeline-controls button:hover:not(:disabled), .timeline-controls button:focus-visible { border-color:var(--accent); }
.timeline-controls button:disabled { opacity:.3; cursor:default; }
.timeline-controls [data-timeline-view] { width:auto; padding:0 16px; font:11px Consolas,monospace; }
.timeline-controls [data-timeline-view][aria-pressed="true"] { border-color:var(--accent); }
.version-timeline.is-list ol { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; overflow:visible; scroll-snap-type:none; }
.version-timeline.is-list ol > li { padding:0; border:1px solid var(--border); background:var(--panel); }
.version-timeline.is-list li::before { display:none; }
.version-timeline.is-list li a { padding:20px; }
.version-timeline li { position:relative; border-top:1px solid var(--border); padding:24px 18px 0 0; min-width:0; }
.version-timeline li::before { content:''; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px var(--bg); }
.version-timeline li a { display:flex; flex-direction:column; height:100%; padding:12px; border:1px solid transparent; }
.version-timeline li a:hover { background:var(--panel); border-color:var(--border); }
.timeline-version { font:11px monospace; color:var(--accent); letter-spacing:.12em; }
.version-timeline h3 { font:18px/1.4 Consolas,monospace; margin:10px 0 0; }
.version-timeline p { color:var(--muted); font-size:12px; line-height:1.7; margin:0 0 18px; flex:1; }
.timeline-status { display:flex; justify-content:space-between; gap:10px; font:10px monospace; color:var(--muted); }
@media(max-width:650px) {
  .version-timeline ol > li { flex-basis:min(240px,80vw); }
  .version-timeline h3 { margin-top:10px; }
}

.scenario-flow-branch { margin:18px 0; padding-left:18px; border-left:1px solid var(--border); }
.scenario-flow-branch h4 { font:11px monospace; color:var(--accent); }
.scenario-step > div { min-width:0; width:100%; }

/* Versioned chat command reference. */
.prose .command-version-note{font-size:.9rem;font-weight:400;color:var(--muted);line-height:1.6;margin-top:-.5rem}.command-version{margin-top:3rem}.command-table-wrap{overflow-x:auto}.command-table-wrap table{width:100%;border-collapse:collapse}.command-table-wrap th,.command-table-wrap td{text-align:left;padding:.8rem;border-bottom:1px solid var(--border);vertical-align:top}.command-table-wrap th{font-size:.75rem}.command-table-wrap code{white-space:nowrap}

.scenario-inheritance-filter{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:0 0 1.5rem}.scenario-inheritance-filter p{font-size:.85rem;color:var(--muted);margin:0}.scenario-inheritance-filter button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}

.ard-directive { color:#80cbc4; }
.ard-keyword { color:var(--accent); }
.ard-type { color:#a8d8ea; }
.ard-function { color:#f0e6be; }
.ard-string { color:#bdd69a; }
.ard-number { color:#e9b58b; }
.ard-comment { color:#7f9485; font-style:italic; }
.ard-constant { color:#c9b4df; }
.ard-operator { color:#b4c2af; }