main { min-inline-size: var(--aicjm-space-0); }

main > *,
.reference-section > *,
.reference-heading > *,
.lead-panel > *,
.reference-hero > * {
  min-inline-size: var(--aicjm-space-0);
  overflow-wrap: anywhere;
}

.reference-hero,
.reference-section,
.reference-map,
.reference-lead {
  inline-size: min(100%, var(--aicjm-layout-container-max));
  margin-inline: auto;
}

.reference-hero {
  display: grid;
  grid-template-columns: minmax(var(--aicjm-space-0), 1.7fr) minmax(var(--aicjm-space-112), .6fr);
  min-block-size: 42rem;
  border-inline: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
  border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default);
}

.reference-hero > div { display: flex; padding: var(--aicjm-space-64); flex-direction: column; justify-content: center; }
.reference-hero > div > p:first-child, .reference-heading > p { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); font-weight: var(--aicjm-type-weight-label); letter-spacing: var(--aicjm-type-tracking-heading); text-transform: uppercase; }
.reference-hero > div > p:nth-of-type(2) { max-inline-size: 48rem; margin-block: var(--aicjm-space-32); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-lead); }
.reference-hero > div > div { display: flex; align-items: center; gap: var(--aicjm-space-24); }
.reference-hero > div a { color: var(--aicjm-action-primary); }
.reference-hero .primary-action { display: inline-flex; min-block-size: var(--aicjm-control-minimum-height); padding-inline: var(--aicjm-spacing-control-inline-wide); align-items: center; background: var(--aicjm-action-primary); color: var(--aicjm-action-on-primary); text-decoration: none; }
.reference-hero aside { padding: var(--aicjm-space-40); border-inline-start: var(--aicjm-control-border-width) solid var(--aicjm-border-default); background: var(--aicjm-surface-subtle); }
.reference-hero aside strong { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); text-transform: uppercase; }
.reference-hero aside ol { margin-block-start: var(--aicjm-space-24); padding-inline-start: var(--aicjm-space-24); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-body-small); }
.reference-hero aside li + li { margin-block-start: var(--aicjm-space-8); }

.reference-map { display: flex; padding: var(--aicjm-space-16) var(--aicjm-space-24); align-items: center; justify-content: space-between; border-inline: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-map p { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-metadata); }
.reference-map nav { display: flex; max-inline-size: 100%; gap: var(--aicjm-space-8); }
.reference-map a { display: grid; min-inline-size: var(--aicjm-control-minimum-height); min-block-size: var(--aicjm-control-minimum-height); place-items: center; border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); color: var(--aicjm-action-primary); text-decoration: none; }

.reference-section { padding: var(--aicjm-layout-section-space-max) var(--aicjm-layout-gutter-desktop); border-inline: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-heading { display: grid; grid-template-columns: minmax(var(--aicjm-space-112), .55fr) minmax(var(--aicjm-space-0), 1.45fr); margin-block-end: var(--aicjm-space-48); }
.reference-heading p, .reference-heading h2 { margin: var(--aicjm-space-0); }
.reference-heading h2 { max-inline-size: 62rem; font-size: var(--aicjm-type-size-heading-large); letter-spacing: var(--aicjm-type-tracking-heading); line-height: var(--aicjm-type-line-height-heading); }

.proof-strip { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.proof-strip article { display: grid; padding: var(--aicjm-space-24); gap: var(--aicjm-space-8); border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.proof-strip strong { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-heading-large); }
.proof-strip span { font-weight: var(--aicjm-type-weight-label); }
.proof-strip small { color: var(--aicjm-text-secondary); }

.reference-cards { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-cards article { display: flex; min-block-size: 20rem; padding: var(--aicjm-component-card-padding-desktop); flex-direction: column; border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-cards small { color: var(--aicjm-action-primary); }
.reference-cards h3 { margin-block: var(--aicjm-space-48) var(--aicjm-space-16); font-size: var(--aicjm-type-size-heading-small); letter-spacing: var(--aicjm-type-tracking-heading); line-height: var(--aicjm-type-line-height-heading); }
.reference-cards p { color: var(--aicjm-text-secondary); }
.reference-cards a { margin-block-start: auto; color: var(--aicjm-action-primary); }
.reference-cards--case article { min-block-size: 24rem; }

.reference-process { display: grid; grid-template-columns: repeat(5, minmax(var(--aicjm-space-0), 1fr)); margin: var(--aicjm-space-0); padding: var(--aicjm-space-0); list-style: none; border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-process li { min-inline-size: var(--aicjm-space-0); padding: var(--aicjm-space-24); border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-process span { color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-metadata); }
.reference-process h3 { margin-block: var(--aicjm-space-64) var(--aicjm-space-12); font-size: var(--aicjm-type-size-body); }
.reference-process p { color: var(--aicjm-text-secondary); font-size: var(--aicjm-type-size-body-small); }

.people-grid { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); }
.people-grid a { display: flex; min-inline-size: var(--aicjm-space-0); color: var(--aicjm-text-primary); text-decoration: none; flex-direction: column; border-inline-end: var(--aicjm-control-border-width) solid var(--aicjm-border-default); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.people-grid img, .portrait-fallback { inline-size: 100%; block-size: 22rem; object-fit: cover; background: var(--aicjm-surface-subtle); }
.portrait-fallback { display: grid; place-items: center; color: var(--aicjm-action-primary); font-size: var(--aicjm-type-size-display-min); }
.people-grid small, .people-grid h3, .people-grid p { margin-inline: var(--aicjm-space-24); }
.people-grid small { margin-block-start: var(--aicjm-space-24); color: var(--aicjm-action-primary); }
.people-grid h3 { margin-block-block: var(--aicjm-space-12); font-size: var(--aicjm-type-size-heading-small); }
.people-grid p { margin-block: var(--aicjm-space-8) var(--aicjm-space-32); color: var(--aicjm-text-secondary); }

.reference-faq details { border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-faq details:last-child { border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.reference-faq summary { display: flex; min-block-size: var(--aicjm-space-76); align-items: center; font-size: var(--aicjm-type-size-heading-small); cursor: pointer; }
.reference-faq p { max-inline-size: 50rem; padding-block-end: var(--aicjm-space-24); color: var(--aicjm-text-secondary); }

.reference-section--deep { background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.reference-section--deep .reference-heading > p { color: var(--aicjm-text-on-deep-muted); }
.navy-diagram { display: flex; align-items: center; justify-content: space-between; gap: var(--aicjm-space-12); }
.navy-diagram span, .navy-diagram strong { padding: var(--aicjm-space-24); border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.navy-diagram strong { background: var(--aicjm-action-secondary); color: var(--aicjm-action-on-secondary); }

.catalog-controls { display: flex; align-items: center; gap: var(--aicjm-space-8); overflow-x: auto; }
.catalog-controls button { min-block-size: var(--aicjm-control-minimum-height); padding-inline: var(--aicjm-spacing-control-inline); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); background: var(--aicjm-surface-page); white-space: nowrap; }
.catalog-controls button[aria-pressed="true"] { background: var(--aicjm-action-primary); color: var(--aicjm-action-on-primary); }
.catalog-controls p { margin-inline-start: auto; color: var(--aicjm-text-secondary); white-space: nowrap; }
.load-more { inline-size: 100%; min-block-size: var(--aicjm-control-minimum-height); border: var(--aicjm-space-0); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); background: transparent; color: var(--aicjm-action-primary); text-align: start; }
.load-more span { float: inline-end; }

.editorial-copy { max-inline-size: 54rem; margin-inline: auto; font-size: var(--aicjm-type-size-body); line-height: var(--aicjm-type-line-height-body); }
.editorial-copy > p:first-child, .editorial-copy blockquote { font-size: var(--aicjm-type-size-lead); }
.editorial-copy blockquote { margin-block: var(--aicjm-space-40); padding-inline-start: var(--aicjm-space-24); border-inline-start: var(--aicjm-component-focus-ring-width) solid var(--aicjm-action-primary); }
.editorial-copy h3 { margin-block-start: var(--aicjm-space-48); font-size: var(--aicjm-type-size-heading-small); }
.case-quote { max-inline-size: 62rem; margin: var(--aicjm-space-0) auto; }
.case-quote blockquote { margin: var(--aicjm-space-0); font-size: var(--aicjm-type-size-heading-large); line-height: var(--aicjm-type-line-height-heading); }
.case-quote figcaption { margin-block-start: var(--aicjm-space-32); color: var(--aicjm-text-secondary); }

.profile-lead { display: grid; grid-template-columns: minmax(var(--aicjm-space-112), .7fr) 1.3fr; background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.profile-lead img { inline-size: 100%; block-size: 100%; min-block-size: 34rem; object-fit: cover; }
.profile-lead > div { padding: var(--aicjm-space-52); align-self: center; }
.profile-lead > div > p:first-child { color: var(--aicjm-text-on-deep-muted); font-size: var(--aicjm-type-size-metadata); text-transform: uppercase; }
.profile-lead h3 { font-size: var(--aicjm-type-size-heading-large); line-height: var(--aicjm-type-line-height-heading); }
.profile-lead > div > p:last-child { color: var(--aicjm-text-on-deep-muted); }

.article-framework { max-inline-size: 58rem; margin-inline: auto; border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.article-framework div { display: grid; grid-template-columns: minmax(var(--aicjm-space-112), .6fr) 1.4fr; padding-block: var(--aicjm-space-16); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.article-framework dt { color: var(--aicjm-action-primary); }
.article-framework dd { margin: var(--aicjm-space-0); }
.large-checklist { max-inline-size: 58rem; margin-inline: auto; padding: var(--aicjm-space-0); list-style: none; border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.large-checklist li { padding: var(--aicjm-space-24); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); font-size: var(--aicjm-type-size-lead); }
.large-checklist li::before { margin-inline-end: var(--aicjm-space-16); color: var(--aicjm-action-primary); content: "✓"; }
.source-note { max-inline-size: 58rem; margin-inline: auto; padding: var(--aicjm-space-24); border-inline-start: var(--aicjm-component-focus-ring-width) solid var(--aicjm-action-primary); background: var(--aicjm-surface-subtle); }
.source-note p { color: var(--aicjm-text-secondary); }
.legal-toc { display: grid; grid-template-columns: repeat(3, minmax(var(--aicjm-space-0), 1fr)); }
.legal-toc a { min-block-size: var(--aicjm-control-minimum-height); padding: var(--aicjm-space-16); border: var(--aicjm-control-border-width) solid var(--aicjm-border-default); color: var(--aicjm-action-primary); }
.timeline { margin: var(--aicjm-space-0); padding: var(--aicjm-space-0); list-style: none; border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.timeline li { display: grid; grid-template-columns: minmax(var(--aicjm-space-112), .5fr) 1.5fr; padding-block: var(--aicjm-space-24); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.timeline time { color: var(--aicjm-action-primary); }
.form-blueprint { display: grid; grid-template-columns: minmax(var(--aicjm-space-0), 1.4fr) minmax(var(--aicjm-space-112), .6fr); gap: var(--aicjm-space-48); }
.form-blueprint dl { margin: var(--aicjm-space-0); border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.form-blueprint dl div { display: grid; grid-template-columns: minmax(var(--aicjm-space-96), .5fr) 1.5fr; padding-block: var(--aicjm-space-16); border-bottom: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.form-blueprint dd { margin: var(--aicjm-space-0); color: var(--aicjm-text-secondary); }
.form-blueprint > a { display: inline-flex; min-block-size: var(--aicjm-control-minimum-height); padding-inline: var(--aicjm-spacing-control-inline-wide); align-items: center; align-self: start; background: var(--aicjm-action-primary); color: var(--aicjm-action-on-primary); text-decoration: none; }

.reference-lead { border-inline: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
.lead-panel { display: grid; grid-template-columns: minmax(var(--aicjm-space-0), 1.1fr) minmax(var(--aicjm-space-112), .9fr); padding: var(--aicjm-space-64); gap: var(--aicjm-space-48); background: var(--aicjm-surface-deep); color: var(--aicjm-text-on-deep); }
.lead-panel > div > p:first-child { color: var(--aicjm-text-on-deep-muted); font-size: var(--aicjm-type-size-metadata); text-transform: uppercase; }
.lead-panel h2 { max-inline-size: 50rem; font-size: var(--aicjm-type-size-heading-large); line-height: var(--aicjm-type-line-height-heading); }
.lead-panel > div > p:last-child, .lead-panel__route small { color: var(--aicjm-text-on-deep-muted); }
.lead-panel__route { padding: var(--aicjm-space-32); border: var(--aicjm-control-border-width) solid var(--aicjm-border-on-deep); }
.lead-panel__route ol { padding-inline-start: var(--aicjm-space-24); color: var(--aicjm-text-on-deep-muted); }
.lead-panel__route a { display: flex; min-block-size: var(--aicjm-control-minimum-height); margin-block: var(--aicjm-space-24) var(--aicjm-space-12); padding-inline: var(--aicjm-spacing-control-inline-wide); align-items: center; background: var(--aicjm-action-secondary); color: var(--aicjm-action-on-secondary); text-decoration: none; }

a:focus-visible, button:focus-visible, summary:focus-visible { outline: var(--aicjm-component-focus-ring-width) solid var(--aicjm-component-focus-ring-color); outline-offset: var(--aicjm-component-focus-ring-offset); }

@media (max-width: 64rem) {
  .reference-process { grid-template-columns: repeat(2, minmax(var(--aicjm-space-0), 1fr)); }
  .reference-cards { grid-template-columns: repeat(2, minmax(var(--aicjm-space-0), 1fr)); }
}

@media (max-width: 48rem) {
  .reference-hero, .reference-heading, .profile-lead, .form-blueprint, .lead-panel { grid-template-columns: 1fr; }
  .reference-hero { min-block-size: var(--aicjm-space-0); }
  .reference-hero > div, .reference-section, .lead-panel { padding: var(--aicjm-space-24); }
  .reference-hero aside { border-inline-start: var(--aicjm-space-0); border-top: var(--aicjm-control-border-width) solid var(--aicjm-border-default); }
  .reference-hero > div > div, .reference-map { align-items: stretch; flex-direction: column; }
  .reference-map nav, .catalog-controls { inline-size: 100%; min-inline-size: var(--aicjm-space-0); max-inline-size: 100%; overflow-x: auto; }
  .reference-cards, .reference-process, .proof-strip, .people-grid, .legal-toc { grid-template-columns: 1fr; }
  .reference-heading { gap: var(--aicjm-space-16); }
  .navy-diagram { align-items: stretch; flex-direction: column; }
  .navy-diagram i { align-self: center; transform: rotate(90deg); }
  .profile-lead img { min-block-size: 26rem; }
  .article-framework div, .timeline li { grid-template-columns: 1fr; gap: var(--aicjm-space-8); }
}

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