:root {
  --bb-shell: min(100%, var(--aicjm-layout-container-max));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: var(--aicjm-space-0);
  background: var(--aicjm-surface-page);
  color: var(--aicjm-text-primary);
  font-family: var(--aicjm-type-family-primary);
  font-size: var(--aicjm-type-size-body);
  line-height: var(--aicjm-type-line-height-web-body);
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
button, input { font: inherit; }
:focus-visible {
  outline: var(--aicjm-control-border-width) solid var(--aicjm-focus-ring);
  outline-offset: var(--aicjm-space-8);
}

.button {
  display: inline-flex;
  min-block-size: var(--aicjm-component-button-primary-web-minimum-height);
  padding-inline: var(--aicjm-component-button-primary-padding-inline);
  align-items: center;
  justify-content: center;
  gap: var(--aicjm-component-button-primary-web-gap);
  border-radius: var(--aicjm-component-button-primary-radius);
  font-size: var(--aicjm-type-size-web-action);
  font-weight: var(--aicjm-type-weight-web-action);
  line-height: var(--aicjm-component-button-primary-web-line-height);
  text-decoration: none;
  transition: background var(--aicjm-motion-duration-feedback) var(--aicjm-motion-easing-standard), color var(--aicjm-motion-duration-feedback) var(--aicjm-motion-easing-standard);
}
.button--primary {
  border: var(--aicjm-component-button-primary-border-width) solid var(--aicjm-component-button-primary-border);
  background: var(--aicjm-component-button-primary-background);
  color: var(--aicjm-component-button-primary-text);
}
.button--primary:hover { background: var(--aicjm-component-button-primary-background-hover); }
.button--secondary {
  border: var(--aicjm-component-button-secondary-border-width) solid var(--aicjm-component-button-secondary-border);
  background: var(--aicjm-component-button-secondary-background);
  color: var(--aicjm-component-button-secondary-text);
}
.button--secondary:hover { border-color: var(--aicjm-border-interactive); color: var(--aicjm-action-primary); }

.hero {
  width: var(--bb-shell);
  margin-inline: auto;
  padding-inline: var(--aicjm-layout-gutter-desktop);
  border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.hero__inner { padding-block: var(--aicjm-space-80) var(--aicjm-space-64); }
.hero__proof {
  display: flex;
  flex-wrap: wrap;
  margin-block-end: var(--aicjm-space-32);
  gap: var(--aicjm-space-24);
  color: var(--aicjm-action-primary);
  font-size: var(--aicjm-type-size-metadata);
  font-weight: var(--aicjm-type-weight-label);
}
.hero h1 {
  max-inline-size: var(--aicjm-component-headline-web-max-width);
  margin: var(--aicjm-space-0);
  font-size: clamp(var(--aicjm-type-size-web-hero-min), 5vw, var(--aicjm-type-size-web-hero-max));
  font-weight: var(--aicjm-type-weight-web-hero);
  letter-spacing: var(--aicjm-type-tracking-web-display);
  line-height: var(--aicjm-type-line-height-web-display);
}
.hero h1 span { display: block; color: var(--aicjm-action-primary); font-style: italic; }
.hero__bottom {
  display: grid;
  margin-block-start: var(--aicjm-space-48);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--aicjm-size-viewport-mobile)), 1fr));
  gap: var(--aicjm-space-48);
  align-items: end;
}
.hero__bottom p {
  max-inline-size: var(--aicjm-size-viewport-tablet);
  margin: var(--aicjm-space-0);
  color: var(--aicjm-text-secondary);
  font-size: var(--aicjm-type-size-lead);
}
.hero__actions { display: flex; flex-wrap: wrap; justify-content: end; gap: var(--aicjm-space-12); }
.hero__metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
  border-inline-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.hero__metrics div {
  display: grid;
  min-block-size: var(--aicjm-space-112);
  padding: var(--aicjm-space-24);
  align-content: space-between;
  border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.hero__metrics strong { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-heading-medium); line-height: var(--aicjm-type-line-height-heading); }
.hero__metrics span { color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }

.page-shell {
  display: grid;
  width: var(--bb-shell);
  margin-inline: auto;
  padding: var(--aicjm-space-80) var(--aicjm-layout-gutter-desktop) var(--aicjm-space-112);
  grid-template-columns: minmax(var(--aicjm-component-logo-minimum-width), 1fr) minmax(0, 4fr);
  gap: var(--aicjm-space-80);
}
.contents {
  min-inline-size: var(--aicjm-space-0); max-inline-size: 100%;
  position: sticky;
  inset-block-start: calc(var(--aicjm-space-64) + var(--aicjm-space-32));
  align-self: start;
  border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-text-primary);
}
.contents > p { margin: var(--aicjm-space-0); padding-block: var(--aicjm-space-16); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.contents nav { display: grid; }
.contents a {
  display: grid;
  min-block-size: var(--aicjm-control-minimum-height);
  padding-block: var(--aicjm-space-12);
  grid-template-columns: var(--aicjm-space-32) 1fr;
  align-items: center;
  border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
  color: var(--aicjm-text-secondary);
  font-size: var(--aicjm-type-size-metadata);
  text-decoration: none;
}
.contents a span { color: var(--aicjm-action-primary); }
.contents a:hover, .contents a[aria-current="location"] { color: var(--aicjm-text-primary); }
.contents a[aria-current="location"] { border-block-start-color: var(--aicjm-action-primary); }
.sections { min-inline-size: var(--aicjm-space-0); }
.section {
  scroll-margin-top: calc(var(--aicjm-space-64) + var(--aicjm-space-24));
  padding-block-end: var(--aicjm-space-96);
  margin-block-end: var(--aicjm-space-96);
  border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.section__header {
  display: grid;
  margin-block-end: var(--aicjm-space-48);
  grid-template-columns: var(--aicjm-space-48) minmax(0, 1fr);
  gap: var(--aicjm-space-16);
}
.section__header > span { padding-block-start: var(--aicjm-space-8); color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.section__header h2 {
  max-inline-size: var(--aicjm-size-viewport-tablet);
  margin: var(--aicjm-space-0);
  font-size: clamp(var(--aicjm-type-size-web-section-min), 4.2vw, var(--aicjm-type-size-web-section-max));
  font-weight: var(--aicjm-type-weight-heading);
  letter-spacing: var(--aicjm-type-tracking-web-heading);
  line-height: var(--aicjm-type-line-height-heading);
}
.section__header p { max-inline-size: var(--aicjm-size-viewport-tablet); margin: var(--aicjm-space-24) var(--aicjm-space-0) var(--aicjm-space-0); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-lead); }

.process {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-block-start: var(--aicjm-component-card-border-width) solid var(--aicjm-component-card-border);
  border-inline-start: var(--aicjm-component-card-border-width) solid var(--aicjm-component-card-border);
}
.process article, .foundation-rules article, .identity-grid article, .component-groups article, .quality-grid article {
  padding: var(--aicjm-component-card-padding-desktop);
  border-inline-end: var(--aicjm-component-card-border-width) solid var(--aicjm-component-card-border);
  border-block-end: var(--aicjm-component-card-border-width) solid var(--aicjm-component-card-border);
  background: var(--aicjm-component-card-background);
}
.process article { min-block-size: calc(var(--aicjm-space-112) * 2); }
.process article > span, .identity-grid article > span, .component-groups article > span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.process h3, .foundation-rules h3, .identity-grid h3, .component-groups h3 {
  margin: var(--aicjm-space-48) var(--aicjm-space-0) var(--aicjm-space-12);
  font-size: var(--aicjm-type-size-heading-small);
  line-height: var(--aicjm-type-line-height-heading);
}
.process p, .foundation-rules p, .identity-grid p, .component-groups p, .quality-grid p { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-body-small); }
.authority {
  display: grid;
  margin-block-start: var(--aicjm-space-32);
  padding: var(--aicjm-space-32);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--aicjm-size-viewport-mobile)), 1fr));
  gap: var(--aicjm-space-32);
  background: var(--aicjm-surface-subtle);
  border: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.authority span { display: block; margin-block-end: var(--aicjm-space-12); color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.authority strong { font-size: var(--aicjm-type-size-lead); line-height: var(--aicjm-type-line-height-heading); }
.authority p { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }

.palette { display: grid; grid-template-columns: repeat(5, 1fr); }
.palette article {
  display: flex;
  min-block-size: calc(var(--aicjm-space-112) * 2);
  padding: var(--aicjm-space-24);
  flex-direction: column;
  border: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.palette span, .palette code { font-size: var(--aicjm-type-size-metadata); }
.palette strong { margin-block-start: auto; font-size: var(--aicjm-type-size-heading-small); }
.palette code { margin-block-start: var(--aicjm-space-8); }
.palette__page { background: var(--aicjm-surface-page); }
.palette__subtle { background: var(--aicjm-surface-subtle); }
.palette__deep { background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.palette__action { background: var(--aicjm-action-primary); color: var(--aicjm-action-on-primary); }
.palette__ink { background: var(--aicjm-text-primary); color: var(--aicjm-text-on-deep); }
.type-specimen {
  display: grid;
  margin-block-start: var(--aicjm-space-32);
  padding: var(--aicjm-space-48);
  grid-template-columns: minmax(0, 2fr) minmax(var(--aicjm-component-logo-minimum-width), 1fr);
  gap: var(--aicjm-space-48);
  background: var(--aicjm-surface-subtle);
  border: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}
.type-specimen span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.type-specimen strong { display: block; margin-block-start: var(--aicjm-space-32); font-size: var(--aicjm-type-size-heading-large); line-height: var(--aicjm-type-line-height-heading); letter-spacing: var(--aicjm-type-tracking-heading); }
.type-specimen p { align-self: end; margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }
.foundation-rules, .identity-grid, .quality-grid { display: grid; margin-block-start: var(--aicjm-space-32); grid-template-columns: repeat(3, 1fr); border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-inline-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.foundation-rules h3 { margin-block-start: var(--aicjm-space-0); }

.logo-specimens { display: grid; grid-template-columns: 1fr 1fr; }
.logo-specimens > div { display: flex; min-block-size: calc(var(--aicjm-space-112) * 3); padding: var(--aicjm-space-32); flex-direction: column; justify-content: space-between; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.logo-specimens strong { font-size: var(--aicjm-type-size-display-min); font-weight: var(--aicjm-component-logo-weight); letter-spacing: var(--aicjm-type-tracking-display); }
.logo-specimens span { color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.logo-specimens__deep { background: var(--aicjm-surface-deep); color: var(--aicjm-component-logo-text-on-deep); }
.logo-specimens__deep span { color: var(--aicjm-text-on-deep-muted); }

.token-map { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: stretch; }
.token-map article { display: grid; min-block-size: calc(var(--aicjm-space-112) * 2); padding: var(--aicjm-component-card-padding-desktop); align-content: space-between; background: var(--aicjm-surface-subtle); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.token-map article span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.token-map article code { overflow-wrap: anywhere; font-size: var(--aicjm-type-size-body-small); font-weight: var(--aicjm-type-weight-label); }
.token-map article small { color: var(--aicjm-text-secondary); }
.token-map > i { display: flex; padding: var(--aicjm-space-16); align-items: center; color: var(--aicjm-action-primary); font-style: normal; }
.download-grid, .example-grid { display: grid; margin-block-start: var(--aicjm-space-32); grid-template-columns: repeat(3, 1fr); }
.download-grid a, .example-grid a {
  display: grid;
  min-block-size: calc(var(--aicjm-space-112) * 2);
  padding: var(--aicjm-component-card-padding-desktop);
  align-content: space-between;
  border: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
  text-decoration: none;
}
.download-grid a:hover, .example-grid a:hover { border-color: var(--aicjm-border-interactive); }
.download-grid span, .example-grid span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.download-grid strong { font-size: var(--aicjm-type-size-heading-small); }
.download-grid small { color: var(--aicjm-text-secondary); }

.registry-summary { display: grid; grid-template-columns: 1fr 1fr 2fr; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.registry-summary > div, .registry-summary > a { display: flex; min-block-size: var(--aicjm-space-112); padding: var(--aicjm-space-24); align-items: center; gap: var(--aicjm-space-12); border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.registry-summary strong { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-heading-medium); }
.registry-summary span { color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.registry-summary > a { justify-content: space-between; color: var(--aicjm-action-primary); font-weight: var(--aicjm-type-weight-label); text-decoration: none; }
.component-groups { display: grid; margin-block-start: var(--aicjm-space-32); grid-template-columns: repeat(2, 1fr); border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-inline-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.component-groups h3 { margin-block-start: var(--aicjm-space-32); font-size: var(--aicjm-type-size-lead); }

.pattern-list { display: grid; border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.pattern-list a { display: grid; min-block-size: var(--aicjm-space-64); grid-template-columns: var(--aicjm-space-48) 1fr 2fr; gap: var(--aicjm-space-16); align-items: center; border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); text-decoration: none; }
.pattern-list a:hover strong { color: var(--aicjm-action-primary); }
.pattern-list span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.pattern-list strong { font-size: var(--aicjm-type-size-lead); }
.pattern-list small { color: var(--aicjm-text-secondary); }

.voice-compare { display: grid; grid-template-columns: 1fr 1fr; }
.voice-compare article { min-block-size: calc(var(--aicjm-space-112) * 2); padding: var(--aicjm-component-card-padding-desktop); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.voice-compare article > span { color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.voice-compare__approved { background: var(--aicjm-surface-subtle); }
.voice-compare__approved > span { color: var(--aicjm-action-primary) !important; }
.voice-compare blockquote { margin: var(--aicjm-space-48) var(--aicjm-space-0) var(--aicjm-space-0); font-size: var(--aicjm-type-size-lead); font-weight: var(--aicjm-type-weight-label); }
.formula { display: flex; margin-block: var(--aicjm-space-32); padding: var(--aicjm-space-24); flex-wrap: wrap; gap: var(--aicjm-space-12); align-items: center; background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.formula span { padding: var(--aicjm-space-12); border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.formula i { color: var(--aicjm-text-on-deep-muted); font-style: normal; }
.text-link { color: var(--aicjm-action-primary); font-weight: var(--aicjm-type-weight-label); text-underline-offset: var(--aicjm-space-8); }
.text-link--on-deep { color: var(--aicjm-text-on-deep); }

.section--deep { padding: var(--aicjm-space-64); background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); border-block-end: none; }
.section--deep .section__header p { color: var(--aicjm-text-on-deep-muted); }
.agent-steps { margin: var(--aicjm-space-0); padding: var(--aicjm-space-0); list-style: none; border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.agent-steps li { display: grid; min-block-size: var(--aicjm-space-96); padding-block: var(--aicjm-space-24); grid-template-columns: var(--aicjm-space-48) 1fr; border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.agent-steps li > span { color: var(--aicjm-action-emphasis); font-size: var(--aicjm-type-size-metadata); }
.agent-steps strong { font-size: var(--aicjm-type-size-lead); }
.agent-steps p { margin: var(--aicjm-space-8) var(--aicjm-space-0) var(--aicjm-space-0); color: var(--aicjm-text-on-deep-muted); }
.agent-command { margin-block-start: var(--aicjm-space-32); border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.agent-command__top { display: flex; min-block-size: var(--aicjm-control-minimum-height); padding: var(--aicjm-space-12) var(--aicjm-space-16); align-items: center; justify-content: space-between; border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); color: var(--aicjm-text-on-deep-muted); font-size: var(--aicjm-type-size-metadata); }
.agent-command button { min-block-size: var(--aicjm-control-minimum-height); padding-inline: var(--aicjm-space-16); border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); background: transparent; color: var(--aicjm-text-on-deep); cursor: pointer; }
.agent-command pre { margin: var(--aicjm-space-0); padding: var(--aicjm-space-24); overflow: auto; color: var(--aicjm-text-on-deep); white-space: pre-wrap; }
.copy-status { min-block-size: var(--aicjm-control-minimum-height); margin: var(--aicjm-space-0); padding: var(--aicjm-space-12) var(--aicjm-space-16); color: var(--aicjm-text-on-deep-muted); font-size: var(--aicjm-type-size-metadata); }
.agent-links { display: grid; margin-block-start: var(--aicjm-space-32); grid-template-columns: repeat(2, 1fr); border-block-start: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); border-inline-start: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.agent-links a { display: grid; min-block-size: var(--aicjm-space-64); padding: var(--aicjm-space-16); grid-template-columns: var(--aicjm-space-32) 1fr; align-items: center; border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); color: var(--aicjm-text-on-deep); text-decoration: none; }
.agent-links a:hover strong { color: var(--aicjm-action-emphasis); }
.agent-links span { color: var(--aicjm-text-on-deep-muted); font-size: var(--aicjm-type-size-metadata); }

.example-grid { grid-template-columns: repeat(2, 1fr); }
.example-grid a { min-inline-size: var(--aicjm-space-0); min-block-size: calc(var(--aicjm-space-112) * 3); }
.example-grid h3 { margin: var(--aicjm-space-48) var(--aicjm-space-0) var(--aicjm-space-12); overflow-wrap: anywhere; font-size: var(--aicjm-type-size-heading-medium); line-height: var(--aicjm-type-line-height-heading); }
.example-grid p { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }
.example-grid a > strong { align-self: end; color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-body-small); }
.quality-grid { grid-template-columns: repeat(2, 1fr); }
.quality-grid strong { font-size: var(--aicjm-type-size-heading-small); }
.quality-grid p { margin-block-start: var(--aicjm-space-16); }
.release-callout { display: grid; margin-block-start: var(--aicjm-space-32); padding: var(--aicjm-space-32); grid-template-columns: 1fr 1fr; gap: var(--aicjm-space-32); align-items: end; background: var(--aicjm-surface-subtle); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.release-callout span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.release-callout strong { display: block; margin-block-start: var(--aicjm-space-16); font-size: var(--aicjm-type-size-heading-medium); }
.release-callout p { margin-block-end: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }
.release-callout__actions { display: flex; flex-wrap: wrap; justify-content: end; gap: var(--aicjm-space-12); }

@media (max-width: 1024px) {
  .hero { padding-inline: var(--aicjm-space-24); }
  .page-shell { grid-template-columns: minmax(0, 1fr); padding-inline: var(--aicjm-space-24); gap: var(--aicjm-space-48); }
  .contents { position: static; }
  .contents nav { display: flex; overflow-x: auto; }
  .contents a { min-inline-size: var(--aicjm-size-viewport-mobile); border-block-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
  .process, .palette { grid-template-columns: repeat(2, 1fr); }
  .type-specimen { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .hero { padding-inline: var(--aicjm-layout-gutter-mobile); }
  .hero__inner { padding-block: var(--aicjm-space-64) var(--aicjm-space-48); }
  .hero h1 { font-size: var(--aicjm-type-size-web-hero-min); }
  .hero__bottom { grid-template-columns: 1fr; }
  .hero__actions { justify-content: start; }
  .hero__actions .button { inline-size: 100%; }
  .hero__metrics { grid-template-columns: repeat(2, 1fr); }
  .page-shell { padding: var(--aicjm-space-52) var(--aicjm-layout-gutter-mobile) var(--aicjm-space-80); }
  .contents a { min-inline-size: var(--aicjm-size-viewport-mobile); }
  .section { padding-block-end: var(--aicjm-space-64); margin-block-end: var(--aicjm-space-64); }
  .section__header { grid-template-columns: var(--aicjm-space-32) minmax(0, 1fr); gap: var(--aicjm-space-8); }
  .section__header h2 { font-size: var(--aicjm-type-size-web-section-min); overflow-wrap: anywhere; }
  .section__header p { font-size: var(--aicjm-type-size-body); }
  .process, .palette, .foundation-rules, .identity-grid, .download-grid, .component-groups, .voice-compare, .example-grid, .quality-grid, .agent-links, .logo-specimens { grid-template-columns: 1fr; }
  .process article, .foundation-rules article, .identity-grid article, .component-groups article, .quality-grid article, .download-grid a, .example-grid a { padding: var(--aicjm-component-card-padding-mobile); }
  .palette article { min-block-size: var(--aicjm-space-112); }
  .type-specimen { padding: var(--aicjm-space-24); }
  .type-specimen strong { font-size: var(--aicjm-type-size-heading-medium); }
  .token-map { grid-template-columns: 1fr; }
  .token-map > i { justify-content: center; transform: rotate(90deg); }
  .registry-summary { grid-template-columns: 1fr 1fr; }
  .registry-summary > a { grid-column: 1 / -1; }
  .pattern-list a { padding-block: var(--aicjm-space-16); grid-template-columns: var(--aicjm-space-32) 1fr; }
  .pattern-list small { grid-column: 2; }
  .formula { align-items: stretch; flex-direction: column; }
  .formula i { transform: rotate(90deg); align-self: center; }
  .section--deep { padding: var(--aicjm-space-32) var(--aicjm-space-24); }
  .agent-command pre { font-size: var(--aicjm-type-size-body-small); }
  .release-callout { grid-template-columns: 1fr; }
  .release-callout__actions { justify-content: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: var(--aicjm-space-0) !important; }
}