/* Small site-wide polish pass. Keep this layer visual and low-risk. */

a:focus-visible,
button:focus-visible,
select:focus-visible,
summary:focus-visible{
  outline:3px solid color-mix(in srgb,var(--purple) 48%,transparent);
  outline-offset:3px;
}

.flagship-case .integration-flow{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:9px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid var(--border);
  color:var(--muted);
}
.flagship-case .integration-flow span{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font-size:12px;
  font-weight:800;
  letter-spacing:0;
  text-transform:none;
  white-space:nowrap;
}
.flagship-case .integration-flow .ai-step,
.flagship-case .integration-flow .human-step{color:var(--purple)}
.flagship-case .integration-flow b{color:var(--muted);font-weight:600}

.flagship-case .state-model-grid article{
  box-shadow:none!important;
  background:color-mix(in srgb,var(--soft) 38%,var(--card))!important;
  border-color:var(--border)!important;
}
.flagship-case .seam-learning .surface-grid article{
  border-color:color-mix(in srgb,var(--purple) 28%,var(--border));
}

/* Architecture supporting case: four concepts read as a balanced 2x2 set. */
.flagship-case .state-model-grid.architecture-four-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Main State case: supporting paths should look intentionally clickable. */
.flagship-case .go-deeper-link{margin-top:18px!important;}
.flagship-case .go-deeper-link .text-link{
  color:var(--purple)!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.flagship-case .go-deeper-link .text-link:hover{text-decoration:underline!important;}

.meridian-breadcrumb,
.site-breadcrumb{
  font-size:12px!important;
  font-weight:750!important;
  line-height:1.4!important;
}

.legal-paper .paper-learning{
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--border);
}
.legal-paper .paper-sources{
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid var(--border);
}
.legal-paper .paper-learning + .paper-sources{margin-top:18px}

.case-shell.site-page{
  max-width:1000px;
  padding-top:48px;
}
.case-shell.site-page .card,
.case-shell.site-page .band{
  box-shadow:none;
  background:var(--card);
}
.case-shell.site-page .tag{
  padding:4px 7px;
  letter-spacing:.045em;
}
.case-shell.site-page .callout{
  background:color-mix(in srgb,var(--softp) 55%,var(--card));
}

@media(max-width:760px){
  .flagship-case .integration-flow{
    display:grid;
    grid-template-columns:max-content 14px max-content 14px max-content;
    gap:5px;
    overflow-x:auto;
    padding-bottom:4px;
  }
  .flagship-case .state-model-grid.architecture-four-grid{grid-template-columns:1fr!important;}
  .case-shell.site-page{padding-top:34px}
}

@media(max-width:430px){
  .flagship-case .integration-flow{
    grid-template-columns:1fr;
    gap:5px;
  }
  .flagship-case .integration-flow b{
    transform:rotate(90deg);
    width:14px;
    margin-left:2px;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}