.ai-experience { width: min(1180px, 100%); margin: 0 auto 3rem; }
.ai-experience__crumb { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: 1.25rem; color: #75818c; font-size: .82rem; }
.ai-experience__crumb a { font-weight: 800; text-decoration: none; }
.ai-experience__hero { display: flex; justify-content: space-between; gap: 2rem; align-items: end; margin-bottom: 1rem; padding: 1.6rem; border-radius: 18px; background: #101c19; color: #edf7f3; }
.ai-experience__hero h1 { margin: .25rem 0 .7rem; color: #fff; font-size: clamp(2rem, 5vw, 4.2rem); letter-spacing: -.04em; line-height: .98; }
.ai-experience__hero p { max-width: 760px; color: #acc1ba; }
.ai-experience__eyebrow { margin: 0; color: #38b98a !important; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.ai-experience__source { color: #61e6b5 !important; font-weight: 800; text-decoration: none; }
.ai-experience__mode { flex: 0 0 190px; padding: .85rem 1rem; border: 1px solid #28453d; border-radius: 12px; }
.ai-experience__mode span, .ai-experience__capabilities span { display: block; margin-bottom: .3rem; color: #8fa89f; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__capabilities { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; margin-bottom: 1rem; }
.ai-experience__capabilities article, .ai-experience__panel, .ai-experience__context, .ai-experience__notes { padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #f8fafc; }
.ai-experience__workspace { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(300px, .75fr); gap: 1rem; }
.ai-experience__panel-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.ai-experience__panel-head h2 { margin: .2rem 0 .7rem; }
.ai-experience__privacy { padding: .3rem .5rem; border-radius: 999px; background: #e2f7ef; color: #167152; font-size: .7rem; font-weight: 800; white-space: nowrap; }
.ai-experience__actions { display: flex; flex-wrap: wrap; gap: .55rem; margin: .9rem 0; }
.ai-experience button { padding: .62rem .78rem; border: 0; border-radius: 8px; background: #17202a; color: #fff; cursor: pointer; font: inherit; font-weight: 800; }
.ai-experience button.secondary { background: #e2f7ef; color: #167152; }
.ai-experience button.quiet { border: 1px solid rgba(57,120,197,.2); background: transparent; color: var(--accent); }
.ai-experience button:disabled { opacity: .4; cursor: not-allowed; }
.ai-experience label { display: block; margin-bottom: .35rem; color: #75818c; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience textarea { width: 100%; padding: .8rem; border: 1px solid rgba(0,0,0,.12); border-radius: 10px; resize: vertical; }
.ai-experience__status { min-height: 2.7rem; padding: .7rem .8rem; border-left: 3px solid #38b98a; background: #edf5f2; }
.ai-experience__output { min-height: 105px; padding: .9rem; border-radius: 10px; background: #0a1512; color: #c9f8e7; white-space: pre-wrap; overflow-wrap: anywhere; }
.ai-experience__trace { max-height: 420px; margin: .8rem 0 0; padding: 0; overflow: auto; list-style: none; }
.ai-experience__trace li { display: flex; justify-content: space-between; gap: .6rem; padding: .6rem 0; border-top: 1px solid rgba(0,0,0,.08); font-size: .78rem; }
.ai-experience__trace li span { color: #75818c; white-space: nowrap; }
.ai-experience__context, .ai-experience__notes { margin-top: 1rem; }
.ai-experience__context summary { cursor: pointer; font-weight: 800; }
[data-tone="good"] { color: #16805b; }
[data-tone="warn"] { color: #9a6700; }
[data-tone="bad"] { color: #b42318; }
.series-reader__action-icon--browser-ai { background: #e2f7ef; color: #167152; font-size: .72rem; letter-spacing: -.03em; }

.ai-experience__lifecycle { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #f8fafc; }
.ai-experience__lifecycle[hidden] { display: none; }
.ai-experience__lifecycle-head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: .8rem; }
.ai-experience__lifecycle-head h2 { margin: .2rem 0 0; }
.ai-experience__lifecycle-head > p { max-width: 440px; margin: 0; color: #5f6d78; font-size: .88rem; text-align: right; }
.ai-experience__lifecycle ol { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .5rem; margin: 0; padding: 0; list-style: none; }
.ai-experience__lifecycle li { min-width: 0; padding: .65rem; border: 1px solid #dce5ea; border-radius: 9px; background: #fff; color: #75818c; opacity: .62; transition: border-color .15s ease, background .15s ease, opacity .15s ease; }
.ai-experience__lifecycle li span { display: block; margin-bottom: .25rem; font-size: .66rem; font-weight: 800; letter-spacing: .08em; }
.ai-experience__lifecycle li strong { display: block; overflow-wrap: anywhere; font-size: .78rem; }
.ai-experience__lifecycle li.is-observed { border-color: #72c9aa; color: #167152; opacity: 1; }
.ai-experience__lifecycle li.is-current { border-color: #167152; background: #e2f7ef; box-shadow: inset 0 0 0 1px #167152; }

.ai-experience__observatory { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #101c19; color: #edf7f3; }
.ai-experience__observatory[hidden] { display: none; }
.ai-experience__observatory-head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: .85rem; }
.ai-experience__observatory-head h2 { margin: .2rem 0 0; color: #fff; }
.ai-experience__observatory-head > p { max-width: 440px; margin: 0; color: #acc1ba; font-size: .82rem; text-align: right; }
.ai-experience__measurements { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .6rem; }
.ai-experience__measurements article { min-width: 0; padding: .75rem; border: 1px solid #28453d; border-radius: 9px; background: #142621; }
.ai-experience__measurements span { display: block; margin-bottom: .3rem; color: #8fa89f; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__measurements strong { display: block; overflow-wrap: anywhere; color: #61e6b5; font-size: clamp(.85rem, 2vw, 1.15rem); }

.ai-experience__bridge { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #f8fafc; }
.ai-experience__bridge[hidden] { display: none; }
.ai-experience__bridge-head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: .9rem; }
.ai-experience__bridge-head h2 { margin: .2rem 0 0; }
.ai-experience__bridge-head > p { max-width: 460px; margin: 0; color: #5f6d78; font-size: .82rem; text-align: right; }
.ai-experience__bridge-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin: 0 0 .75rem; padding: 0; list-style: none; }
.ai-experience__bridge-flow li { position: relative; min-width: 0; padding: .75rem; border: 1px solid #dce5ea; border-radius: 9px; background: #fff; }
.ai-experience__bridge-flow li:not(:last-child)::after { content: "→"; position: absolute; right: -.52rem; top: 50%; z-index: 1; color: #167152; font-weight: 900; transform: translateY(-50%); }
.ai-experience__bridge-flow span, .ai-experience__bridge-facts span { display: block; margin-bottom: .25rem; color: #75818c; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__bridge-flow strong, .ai-experience__bridge-flow small { display: block; overflow-wrap: anywhere; }
.ai-experience__bridge-flow small { margin-top: .25rem; color: #75818c; line-height: 1.35; }
.ai-experience__bridge-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.ai-experience__bridge-facts article { min-width: 0; padding: .7rem; border-radius: 9px; background: #eaf1f4; }
.ai-experience__bridge-facts strong { display: block; overflow-wrap: anywhere; font-size: .82rem; }
.ai-experience__bridge-note { margin: .2rem 0 0; color: #5f6d78; font-size: .82rem; }

.ai-experience__switchboard { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #f8fafc; }
.ai-experience__switchboard[hidden] { display: none; }
.ai-experience__switchboard-head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: .55rem; }
.ai-experience__switchboard-head h2 { margin: .2rem 0 0; }
.ai-experience__switchboard > p { margin: 0 0 .8rem; color: #5f6d78; font-size: .82rem; }
.ai-experience__switchboard-table-wrap { overflow-x: auto; }
.ai-experience__switchboard-table { width: 100%; border-collapse: collapse; background: #fff; font-size: .8rem; }
.ai-experience__switchboard-table th, .ai-experience__switchboard-table td { padding: .65rem; border-bottom: 1px solid #e1e8ec; text-align: left; vertical-align: top; }
.ai-experience__switchboard-table th { color: #5f6d78; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__switchboard-table td:first-child { color: #17202a; font-weight: 800; }
.ai-experience__switchboard-table code { white-space: nowrap; }
.ai-experience__switchboard-table details { min-width: 180px; }
.ai-experience__switchboard-table summary { color: #167152; cursor: pointer; font-weight: 800; }
.ai-experience__switchboard-table pre { max-width: 360px; margin: .45rem 0 0; padding: .55rem; overflow: auto; border-radius: 7px; background: #101c19; color: #edf7f3; font-size: .68rem; white-space: pre-wrap; }

.ai-experience__task-lab { margin-bottom: 1rem; padding: 1rem; border: 1px solid rgba(57,120,197,.18); border-radius: 14px; background: #f8fafc; }
.ai-experience__task-lab[hidden] { display: none; }
.ai-experience__task-head { display: flex; justify-content: space-between; gap: 1.5rem; align-items: end; margin-bottom: .85rem; }
.ai-experience__task-head h2 { margin: .2rem 0 0; }
.ai-experience__task-state { display: flex; flex-wrap: wrap; justify-content: end; gap: .5rem; }
.ai-experience__task-state > span { padding: .45rem .6rem; border-radius: 8px; background: #eaf1f4; color: #5f6d78; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.ai-experience__task-state strong { display: block; margin-top: .12rem; color: #17202a; font-size: .76rem; text-transform: none; }
.ai-experience__task-options { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; margin-bottom: .75rem; }
.ai-experience__task-options label { margin: 0; color: #5f6d78; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.ai-experience__task-options select { width: 100%; margin-top: .3rem; padding: .55rem; border: 1px solid rgba(57,120,197,.25); border-radius: 8px; background: #fff; color: #17202a; font: inherit; text-transform: none; }
.ai-experience__task-results { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: .75rem; margin-top: .75rem; }
.ai-experience__task-results > div { min-width: 0; }
.ai-experience__checks { min-height: 120px; margin: .35rem 0 0; padding: .85rem .85rem .85rem 2rem; border-radius: 10px; background: #eaf1f4; font-size: .8rem; }
.ai-experience__checks li { margin-bottom: .45rem; }
.ai-experience__checks li[data-result="pass"] { color: #167152; }
.ai-experience__checks li[data-result="fail"] { color: #b42318; }
.ai-experience__checks li[data-result="human"] { color: #9a6700; }

.ai-experience__authority-picker { min-width: 210px; margin: 0; color: #5f6d78; font-size: .7rem; font-weight: 800; text-transform: uppercase; }
.ai-experience__authority-picker select { width: 100%; margin-top: .3rem; padding: .55rem; border: 1px solid rgba(57,120,197,.25); border-radius: 8px; background: #fff; color: #17202a; font: inherit; text-transform: none; }
.ai-experience__authority-scale { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .65rem; margin-bottom: .75rem; }
.ai-experience__authority-scale article { min-width: 0; padding: .75rem; border: 1px solid #dce5ea; border-radius: 9px; background: #fff; color: #75818c; opacity: .65; }
.ai-experience__authority-scale article.is-selected { border-color: #167152; background: #e2f7ef; color: #167152; opacity: 1; box-shadow: inset 0 0 0 1px #167152; }
.ai-experience__authority-scale span, .ai-experience__authority-scale strong, .ai-experience__authority-scale small { display: block; }
.ai-experience__authority-scale span { margin-bottom: .2rem; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__authority-scale strong { color: #17202a; }
.ai-experience__authority-scale small { margin-top: .25rem; line-height: 1.35; }
.ai-experience__authority-state { justify-content: start; margin-bottom: .75rem; }
.ai-experience__authority-options { margin-bottom: .75rem; padding: .65rem; border: 1px solid #dce5ea; border-radius: 8px; background: #fff; }
.ai-experience__authority-options summary { color: #167152; cursor: pointer; font-weight: 800; }
.ai-experience__authority-options pre { margin: .55rem 0 0; padding: .65rem; overflow: auto; border-radius: 7px; background: #101c19; color: #edf7f3; font-size: .7rem; white-space: pre-wrap; }

@media (max-width: 800px) {
  .ai-experience__hero { display: block; }
  .ai-experience__mode { margin-top: 1rem; }
  .ai-experience__capabilities { grid-template-columns: repeat(2, 1fr); }
  .ai-experience__workspace { grid-template-columns: 1fr; }
  .ai-experience__lifecycle ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-experience__lifecycle-head { display: block; }
  .ai-experience__lifecycle-head > p { margin-top: .5rem; text-align: left; }
  .ai-experience__measurements { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-experience__observatory-head { display: block; }
  .ai-experience__observatory-head > p { margin-top: .5rem; text-align: left; }
  .ai-experience__bridge-flow, .ai-experience__bridge-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-experience__bridge-flow li::after { display: none; }
  .ai-experience__bridge-head { display: block; }
  .ai-experience__bridge-head > p { margin-top: .5rem; text-align: left; }
  .ai-experience__switchboard-head { display: block; }
  .ai-experience__switchboard-head button { margin-top: .65rem; }
  .ai-experience__task-head { display: block; }
  .ai-experience__task-state { justify-content: start; margin-top: .65rem; }
  .ai-experience__task-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-experience__task-results { grid-template-columns: 1fr; }
  .ai-experience__authority-scale { grid-template-columns: 1fr; }
  .ai-experience__authority-picker { margin-top: .65rem; }
}

@media (max-width: 480px) {
  .ai-experience__capabilities { grid-template-columns: 1fr; }
  .ai-experience__panel-head { display: block; }
  .ai-experience__privacy { display: inline-block; }
  .ai-experience__bridge-flow, .ai-experience__bridge-facts { grid-template-columns: 1fr; }
  .ai-experience__task-options { grid-template-columns: 1fr; }
}

.ai-experience__language-policy { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0; }
.ai-experience__language-policy input, .ai-experience__language-policy select { width: 100%; padding: .65rem; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; background: #fff; font: inherit; }
.ai-experience__routing-stages { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; margin: 1rem 0; }
.ai-experience__routing-stages article { min-width: 0; padding: .9rem; border: 1px solid rgba(57,120,197,.18); border-radius: 12px; background: #fff; }
.ai-experience__routing-stages span, .ai-experience__routing-stages small { display: block; color: #75818c; }
.ai-experience__routing-stages span { margin-bottom: .35rem; font-size: .7rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__routing-stages strong { display: block; overflow-wrap: anywhere; }
.ai-experience__routing-stages small { margin-top: .45rem; line-height: 1.55; }
.ai-experience__language-evidence { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem; margin-top: 1rem; }
.ai-experience__language-evidence > div { min-width: 0; padding: .9rem; border: 1px solid rgba(57,120,197,.18); border-radius: 12px; background: #fff; }
.ai-experience [data-tone="good"] { color: #167152; }
.ai-experience [data-tone="warn"] { color: #9a6700; }
.ai-experience [data-tone="bad"] { color: #b42318; }
@media (max-width: 760px) {
  .ai-experience__language-policy, .ai-experience__routing-stages, .ai-experience__language-evidence { grid-template-columns: 1fr; }
}

.ai-experience__session-sequence { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin: 1rem 0; }
.ai-experience__session-sequence article { padding: .75rem; border: 1px solid rgba(57,120,197,.18); border-radius: 10px; background: #fff; }
.ai-experience__session-sequence span, .ai-experience__session-sequence small { display: block; color: #75818c; }
.ai-experience__session-sequence span { font-size: .68rem; font-weight: 800; letter-spacing: .08em; }
.ai-experience__session-sequence strong { display: block; margin: .2rem 0; }
.ai-experience__session-sequence article.is-current { border-color: #38b98a; box-shadow: 0 0 0 2px rgba(56,185,138,.12); }
.ai-experience__session-sequence article.is-complete { background: #eaf8f2; }
.ai-experience__session-lineage { display: grid; grid-template-columns: minmax(0, 1fr) 110px minmax(0, 1fr); gap: .75rem; align-items: stretch; margin: 1rem 0; }
.ai-experience__session-lineage > article, .ai-experience__session-results > div { min-width: 0; padding: .9rem; border: 1px solid rgba(57,120,197,.18); border-radius: 12px; background: #fff; }
.ai-experience__session-lineage dl { margin: .8rem 0; }
.ai-experience__session-lineage dl div { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: .5rem; padding: .3rem 0; border-bottom: 1px solid rgba(57,120,197,.1); }
.ai-experience__session-lineage dt { color: #75818c; font-size: .72rem; font-weight: 800; text-transform: uppercase; }
.ai-experience__session-lineage dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
.ai-experience__session-branch { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #75818c; text-align: center; }
.ai-experience__session-branch span { font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__session-branch strong { margin-top: .35rem; color: #38b98a; font-size: 1.25rem; }
.ai-experience__session-results { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: .75rem; }
@media (max-width: 900px) {
  .ai-experience__session-sequence { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ai-experience__session-lineage { grid-template-columns: 1fr; }
  .ai-experience__session-branch { min-height: 70px; }
}
@media (max-width: 640px) {
  .ai-experience__session-sequence, .ai-experience__session-results { grid-template-columns: 1fr; }
}

.ai-experience__context-policy { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0; }
.ai-experience__context-policy input { width: 100%; padding: .65rem; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; background: #fff; font: inherit; }
.ai-experience__budget-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0 .55rem; }
.ai-experience__budget-grid article { min-width: 0; padding: .75rem; border: 1px solid rgba(57,120,197,.18); border-radius: 10px; background: #fff; }
.ai-experience__budget-grid span, .ai-experience__context-sessions span { display: block; margin-bottom: .25rem; color: #75818c; font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.ai-experience__budget-grid strong { display: block; overflow-wrap: anywhere; }
.ai-experience__budget-meter { width: 100%; height: 12px; margin-bottom: 1rem; accent-color: #38b98a; }
.ai-experience__budget-meter[data-state="warn"] { accent-color: #d39b1d; }
.ai-experience__budget-meter[data-state="bad"] { accent-color: #b42318; }
.ai-experience__context-runtime { display: grid; grid-template-columns: minmax(260px, .65fr) minmax(0, 1.35fr); gap: .75rem; margin-top: 1rem; }
.ai-experience__context-runtime > div, .ai-experience__checkpoint-grid > div { min-width: 0; padding: .9rem; border: 1px solid rgba(57,120,197,.18); border-radius: 12px; background: #fff; }
.ai-experience__checkpoint-head { display: flex; justify-content: space-between; gap: 1rem; align-items: center; margin-top: 1.25rem; }
.ai-experience__checkpoint-head h3 { margin: .2rem 0 0; }
.ai-experience__checkpoint-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(250px, .5fr); gap: .75rem; margin-bottom: 1rem; }
.ai-experience__checkpoint { max-height: 420px; margin: 0; padding: .8rem; overflow: auto; border-radius: 8px; background: #101c19; color: #dff6ed; white-space: pre-wrap; }
.ai-experience__context-sessions { display: grid; gap: .7rem; align-content: start; }
.ai-experience__context-sessions article { padding: .75rem; border: 1px solid rgba(57,120,197,.16); border-radius: 9px; }
.ai-experience__context-sessions strong, .ai-experience__context-sessions small { display: block; overflow-wrap: anywhere; }
.ai-experience__context-sessions small { margin-top: .25rem; color: #75818c; }
@media (max-width: 1000px) {
  .ai-experience__budget-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ai-experience__context-policy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .ai-experience__context-runtime, .ai-experience__checkpoint-grid { grid-template-columns: 1fr; }
  .ai-experience__checkpoint-head { align-items: start; flex-direction: column; }
}
@media (max-width: 520px) {
  .ai-experience__budget-grid, .ai-experience__context-policy { grid-template-columns: 1fr; }
}

.ai-experience__latency-policy { display: grid; grid-template-columns: 1.3fr 1.3fr .7fr .9fr; gap: .7rem; margin: 1rem 0 .45rem; }
.ai-experience__latency-policy input, .ai-experience__latency-policy select { width: 100%; padding: .65rem; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; background: #fff; font: inherit; }
.ai-experience__latency-protocol-note { margin: 0 0 1rem; color: #75818c; font-size: .85rem; }
.ai-experience__latency-summary { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: .6rem; margin: 1rem 0; }
.ai-experience__latency-summary article, .ai-experience__latency-acquisition article { min-width: 0; padding: .75rem; border: 1px solid rgba(57,120,197,.18); border-radius: 10px; background: #fff; }
.ai-experience__latency-summary span, .ai-experience__latency-acquisition span { display: block; margin-bottom: .25rem; color: #75818c; font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.ai-experience__latency-summary strong { display: block; overflow-wrap: anywhere; }
.ai-experience__latency-acquisition { display: grid; grid-template-columns: 170px 190px minmax(0, 1fr); gap: .6rem; align-items: stretch; }
.ai-experience__latency-acquisition p { display: flex; align-items: center; margin: 0; padding: .7rem; border-left: 3px solid #38b98a; background: #eaf8f2; color: #37534a; font-size: .84rem; }
.ai-experience__latency-results { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(280px, .65fr); gap: .75rem; margin-top: 1rem; }
.ai-experience__latency-results > div { min-width: 0; padding: .9rem; border: 1px solid rgba(57,120,197,.18); border-radius: 12px; background: #fff; }
.ai-experience__latency-table { min-width: 900px; }
@media (max-width: 1050px) {
  .ai-experience__latency-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ai-experience__latency-policy { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ai-experience__latency-results { grid-template-columns: 1fr; }
}
@media (max-width: 650px) {
  .ai-experience__latency-summary, .ai-experience__latency-policy, .ai-experience__latency-acquisition { grid-template-columns: 1fr; }
}

.ai-experience__model-evidence {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.85rem;
  margin: 1rem 0;
}

.ai-experience__model-evidence label,
.ai-experience__model-evidence article {
  display: grid;
  align-content: start;
  gap: 0.45rem;
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.75rem;
  background: #fff;
}

.ai-experience__model-evidence article span,
.ai-experience__model-evidence small {
  color: #75818c;
  font-size: 0.78rem;
}

.ai-experience__model-evidence article strong {
  overflow-wrap: anywhere;
  font-size: 0.82rem;
}

.ai-experience__model-boundaries {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1rem 0;
}

.ai-experience__model-boundaries article {
  display: grid;
  gap: 0.25rem;
  padding: 0.8rem;
  border: 1px solid #dce5ea;
  border-radius: 0.7rem;
}

.ai-experience__model-boundaries span,
.ai-experience__model-boundaries small {
  color: #75818c;
  font-size: 0.75rem;
}

.ai-experience__model-table {
  min-width: 78rem;
}

.ai-experience__model-table td:first-child {
  min-width: 16rem;
}

.ai-experience__model-table td:last-child {
  max-width: 24rem;
  overflow-wrap: anywhere;
}

.ai-experience__model-results {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
  gap: 1rem;
  margin-top: 1rem;
}

@media (max-width: 850px) {
  .ai-experience__model-evidence,
  .ai-experience__model-boundaries,
  .ai-experience__model-results {
    grid-template-columns: 1fr;
  }
}

.ai-experience__validation-timelines,
.ai-experience__validation-candidate,
.ai-experience__validation-review,
.ai-experience__validation-source {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__validation-timelines > div,
.ai-experience__validation-candidate > div,
.ai-experience__validation-review > div,
.ai-experience__validation-source > div,
.ai-experience__validation-source > label {
  min-width: 0;
  padding: 0.9rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.75rem;
  background: #fff;
}

.ai-experience__validation-timelines ol {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.45rem;
  margin: 0.7rem 0 0;
  padding: 0;
  list-style: none;
}

.ai-experience__validation-timelines > div:first-child ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.ai-experience__validation-timelines li {
  min-width: 0;
  padding: 0.65rem;
  border: 1px solid #dce5ea;
  border-radius: 0.55rem;
  color: #75818c;
}

.ai-experience__validation-timelines li span,
.ai-experience__validation-timelines li strong,
.ai-experience__validation-timelines li small {
  display: block;
  overflow-wrap: anywhere;
}

.ai-experience__validation-timelines li span,
.ai-experience__validation-timelines li small {
  font-size: 0.68rem;
}

.ai-experience__validation-timelines li.is-pass {
  border-color: #72c9aa;
  background: #e2f7ef;
  color: #167152;
}

.ai-experience__validation-timelines li.is-fail {
  border-color: #e6a7a2;
  background: #fff1f0;
  color: #b42318;
}

.ai-experience__validation-timelines li.is-pending {
  border-color: #d8bd74;
  background: #fff8e1;
  color: #8a6100;
}

.ai-experience__validation-source blockquote {
  margin: 0.6rem 0 0;
  color: #24323c;
  font-size: 0.95rem;
}

.ai-experience__validation-source label small {
  display: block;
  margin-top: 0.5rem;
  color: #75818c;
  letter-spacing: 0;
  line-height: 1.4;
  text-transform: none;
}

.ai-experience__validation-review h3 {
  margin: 0.55rem 0;
  font-size: 1rem;
}

.ai-experience__validation-effect {
  display: grid;
  align-content: start;
  gap: 0.65rem;
}

.ai-experience__validation-effect > * {
  margin: 0;
}

.ai-experience__validation-table {
  min-width: 48rem;
}

@media (max-width: 850px) {
  .ai-experience__validation-timelines,
  .ai-experience__validation-candidate,
  .ai-experience__validation-review,
  .ai-experience__validation-source {
    grid-template-columns: 1fr;
  }

  .ai-experience__validation-timelines ol,
  .ai-experience__validation-timelines > div:first-child ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ai-experience__eval-policy,
.ai-experience__eval-summary,
.ai-experience__eval-detail,
.ai-experience__eval-tables {
  display: grid;
  gap: 0.8rem;
  margin: 1rem 0;
}

.ai-experience__eval-policy {
  grid-template-columns: 1.3fr 0.7fr 1fr;
}

.ai-experience__eval-summary {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.ai-experience__eval-detail,
.ai-experience__eval-tables {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.ai-experience__eval-policy > *,
.ai-experience__eval-summary article,
.ai-experience__eval-detail > div,
.ai-experience__eval-tables > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__eval-policy article span,
.ai-experience__eval-policy article small,
.ai-experience__eval-summary span {
  display: block;
  color: #75818c;
  font-size: 0.68rem;
}

.ai-experience__eval-policy article strong,
.ai-experience__eval-summary strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__eval-summary article {
  padding: 0.7rem;
}

.ai-experience__eval-summary strong {
  color: #167152;
  font-size: 1rem;
}

.ai-experience__eval-matrix {
  min-width: 92rem;
}

.ai-experience__eval-matrix td:first-child {
  min-width: 19rem;
}

.ai-experience__eval-matrix select {
  min-width: 8rem;
}

.ai-experience__eval-rubric {
  display: block;
  max-width: 20rem;
  margin-top: 0.35rem;
  color: #75818c;
  font-size: 0.68rem;
  line-height: 1.35;
}

.ai-experience__eval-evidence-path {
  display: block;
  margin-top: 0.25rem;
  color: #75818c;
  font-size: 0.68rem;
  overflow-wrap: anywhere;
}

.ai-experience__eval-transition--regression {
  color: #b42318;
  font-weight: 800;
}

.ai-experience__eval-transition--improvement {
  color: #167152;
  font-weight: 800;
}

@media (max-width: 980px) {
  .ai-experience__eval-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ai-experience__eval-policy,
  .ai-experience__eval-detail,
  .ai-experience__eval-tables {
    grid-template-columns: 1fr;
  }

  .ai-experience__eval-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ai-experience__fallback-policy {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__fallback-policy > label,
.ai-experience__fallback-result article,
.ai-experience__fallback-explanation > div,
.ai-experience__coordinator-paths article,
.ai-experience__job-editor > div,
.ai-experience__fallback-tables > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__fallback-policy small {
  display: block;
  margin-top: 0.35rem;
  color: #75818c;
  letter-spacing: 0;
  text-transform: none;
}

.ai-experience__fallback-check {
  display: flex !important;
  align-items: center;
  gap: 0.55rem;
  min-height: 4.2rem;
}

.ai-experience__fallback-check input {
  flex: 0 0 auto;
}

.ai-experience__fallback-result,
.ai-experience__coordinator-paths {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.7rem;
  margin: 1rem 0;
}

.ai-experience__coordinator-paths {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-experience__fallback-result span,
.ai-experience__coordinator-paths span,
.ai-experience__coordinator-paths small {
  display: block;
  color: #75818c;
  font-size: 0.68rem;
}

.ai-experience__fallback-result strong,
.ai-experience__coordinator-paths strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__fallback-explanation,
.ai-experience__job-editor,
.ai-experience__fallback-tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__coordinator-head {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: end;
  margin-top: 1.5rem;
}

.ai-experience__coordinator-head h3 {
  margin: 0.25rem 0 0;
}

.ai-experience__coordinator-head > p {
  max-width: 34rem;
  margin: 0;
  color: #75818c;
  text-align: right;
}

.ai-experience__job-editor textarea {
  min-height: 25rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.78rem;
}

.ai-experience__fallback-audit {
  max-height: 22rem;
  margin: 0.6rem 0 0;
  padding-left: 1.25rem;
  overflow: auto;
}

.ai-experience__fallback-audit li {
  margin-bottom: 0.45rem;
  overflow-wrap: anywhere;
  font-size: 0.78rem;
}

@media (max-width: 900px) {
  .ai-experience__fallback-policy,
  .ai-experience__fallback-result {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .ai-experience__fallback-policy,
  .ai-experience__fallback-result,
  .ai-experience__coordinator-paths,
  .ai-experience__fallback-explanation,
  .ai-experience__job-editor,
  .ai-experience__fallback-tables {
    grid-template-columns: 1fr;
  }

  .ai-experience__coordinator-head {
    display: block;
  }

  .ai-experience__coordinator-head > p {
    margin-top: 0.5rem;
    text-align: left;
  }
}
.ai-experience__structured-contracts,
.ai-experience__structured-results {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__structured-results {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ai-experience__structured-contracts article,
.ai-experience__structured-results article,
.ai-experience__structured-stage {
  min-width: 0;
  padding: 0.8rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__structured-contracts span,
.ai-experience__structured-contracts small,
.ai-experience__structured-results span,
.ai-experience__structured-stage span,
.ai-experience__structured-stage small {
  display: block;
  color: #75818c;
  font-size: 0.7rem;
}

.ai-experience__structured-contracts strong,
.ai-experience__structured-results strong,
.ai-experience__structured-stage strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__structured-schema {
  margin: 1rem 0;
}

.ai-experience__structured-schema pre,
.ai-experience__structured-output-lab textarea {
  max-height: 28rem;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.78rem;
}

.ai-experience__structured-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__structured-controls label {
  flex: 1 1 18rem;
}

.ai-experience__structured-stages {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 1rem 0;
}

.ai-experience__structured-stage--passed {
  border-color: rgba(22,113,82,.45);
  background: rgba(22,113,82,.06);
}

.ai-experience__structured-stage--rejected {
  border-color: rgba(180,35,24,.45);
  background: rgba(180,35,24,.06);
}

.ai-experience__structured-stage--waiting {
  background: #f5f7fa;
}

@media (max-width: 1000px) {
  .ai-experience__structured-stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ai-experience__structured-contracts,
  .ai-experience__structured-results,
  .ai-experience__structured-stages {
    grid-template-columns: 1fr;
  }
}
.ai-experience__capability-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__capability-summary article,
.ai-experience__capability-stage,
.ai-experience__capability-call > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__capability-summary span,
.ai-experience__capability-stage span,
.ai-experience__capability-stage small {
  display: block;
  color: #75818c;
  font-size: 0.7rem;
}

.ai-experience__capability-summary strong,
.ai-experience__capability-stage strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__capability-route {
  display: grid;
  grid-template-columns: minmax(15rem, 1fr) auto auto minmax(18rem, 2fr);
  gap: 0.7rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__capability-route p {
  margin: 0;
  color: #75818c;
}

.ai-experience__capability-definition {
  margin: 1rem 0;
}

.ai-experience__capability-definition pre,
.ai-experience__capability-workbench textarea {
  max-height: 28rem;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.78rem;
}

.ai-experience__capability-call {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__capability-call button.secondary {
  margin: 0.5rem 0 1rem;
}

.ai-experience__capability-stages {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 1rem 0;
}

.ai-experience__capability-stage--passed {
  border-color: rgba(22,113,82,.45);
  background: rgba(22,113,82,.06);
}

.ai-experience__capability-stage--rejected {
  border-color: rgba(180,35,24,.45);
  background: rgba(180,35,24,.06);
}

.ai-experience__capability-stage--waiting {
  background: #f5f7fa;
}

@media (max-width: 1050px) {
  .ai-experience__capability-route {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ai-experience__capability-stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .ai-experience__capability-summary,
  .ai-experience__capability-route,
  .ai-experience__capability-call,
  .ai-experience__capability-stages {
    grid-template-columns: 1fr;
  }
}
.ai-experience__webmcp-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__webmcp-summary article,
.ai-experience__webmcp-stage,
.ai-experience__webmcp-test > div,
.ai-experience__webmcp-tables > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__webmcp-summary span,
.ai-experience__webmcp-stage span,
.ai-experience__webmcp-stage small {
  display: block;
  color: #75818c;
  font-size: 0.7rem;
}

.ai-experience__webmcp-summary strong,
.ai-experience__webmcp-stage strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__webmcp-definition {
  margin: 1rem 0;
}

.ai-experience__webmcp-definition pre,
.ai-experience__webmcp-lab textarea {
  max-height: 28rem;
  overflow: auto;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.78rem;
}

.ai-experience__webmcp-test,
.ai-experience__webmcp-tables {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__webmcp-test button.secondary {
  margin: 0.5rem 0 1rem;
}

.ai-experience__webmcp-test button[data-ai-webmcp-test] {
  margin-top: 0.75rem;
}

.ai-experience__webmcp-stages {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 1rem 0;
}

.ai-experience__webmcp-stage--passed {
  border-color: rgba(22,113,82,.45);
  background: rgba(22,113,82,.06);
}

.ai-experience__webmcp-stage--rejected {
  border-color: rgba(180,35,24,.45);
  background: rgba(180,35,24,.06);
}

.ai-experience__webmcp-stage--waiting {
  background: #f5f7fa;
}

@media (max-width: 1050px) {
  .ai-experience__webmcp-stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .ai-experience__webmcp-summary,
  .ai-experience__webmcp-test,
  .ai-experience__webmcp-tables,
  .ai-experience__webmcp-stages {
    grid-template-columns: 1fr;
  }
}
.ai-experience__tool-choice-contract,
.ai-experience__tool-choice-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__tool-choice-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.ai-experience__tool-choice-contract article,
.ai-experience__tool-choice-summary article,
.ai-experience__tool-choice-stage,
.ai-experience__tool-choice-fixture > div,
.ai-experience__tool-choice-editors > div {
  min-width: 0;
  padding: 0.85rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__tool-choice-contract span,
.ai-experience__tool-choice-summary span,
.ai-experience__tool-choice-stage span,
.ai-experience__tool-choice-stage small,
.ai-experience__tool-choice-fixture span {
  display: block;
  color: #75818c;
  font-size: 0.7rem;
}

.ai-experience__tool-choice-contract strong,
.ai-experience__tool-choice-summary strong,
.ai-experience__tool-choice-stage strong,
.ai-experience__tool-choice-fixture strong {
  display: block;
  margin: 0.25rem 0;
  overflow-wrap: anywhere;
}

.ai-experience__tool-choice-config,
.ai-experience__tool-choice-fixture {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  gap: 0.75rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__tool-choice-fixture {
  grid-template-columns: minmax(15rem, 1fr) minmax(20rem, 2fr);
}

.ai-experience__tool-choice-catalog {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.65rem;
  margin: 0.5rem 0 1rem;
}

.ai-experience__tool-choice-catalog label {
  display: flex;
  gap: 0.6rem;
  align-items: flex-start;
  padding: 0.75rem;
  border: 1px solid rgba(57,120,197,.18);
  border-radius: 0.72rem;
  background: #fff;
}

.ai-experience__tool-choice-catalog input {
  flex: 0 0 auto;
  margin-top: 0.2rem;
}

.ai-experience__tool-choice-catalog strong,
.ai-experience__tool-choice-catalog small {
  display: block;
}

.ai-experience__tool-choice-catalog small {
  margin-top: 0.2rem;
  color: #75818c;
}

.ai-experience__tool-choice-editors {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__tool-choice-editors button.secondary {
  margin: 0.5rem 0 1rem;
}

.ai-experience__tool-choice-lab textarea {
  min-height: 29rem;
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: 0.78rem;
}

.ai-experience__tool-choice-stages {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.6rem;
  margin: 1rem 0;
}

.ai-experience__tool-choice-stage--passed {
  border-color: rgba(22,113,82,.45);
  background: rgba(22,113,82,.06);
}

.ai-experience__tool-choice-stage--failed {
  border-color: rgba(180,35,24,.45);
  background: rgba(180,35,24,.06);
}

.ai-experience__tool-choice-stage--not-reached,
.ai-experience__tool-choice-stage--not-applicable,
.ai-experience__tool-choice-stage--waiting {
  background: #f5f7fa;
}

@media (max-width: 1050px) {
  .ai-experience__tool-choice-contract,
  .ai-experience__tool-choice-summary,
  .ai-experience__tool-choice-stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .ai-experience__tool-choice-contract,
  .ai-experience__tool-choice-summary,
  .ai-experience__tool-choice-config,
  .ai-experience__tool-choice-catalog,
  .ai-experience__tool-choice-fixture,
  .ai-experience__tool-choice-editors,
  .ai-experience__tool-choice-stages {
    grid-template-columns: 1fr;
  }
}

.ai-experience__injection-contract {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__injection-contract article,
.ai-experience__injection-config > div,
.ai-experience__injection-trust article {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-radius: 0.75rem;
  background: var(--ai-surface, #fff);
  padding: 0.85rem;
}

.ai-experience__injection-contract span,
.ai-experience__injection-config span,
.ai-experience__injection-trust strong {
  display: block;
  color: var(--ai-muted, #5f6876);
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-experience__injection-contract strong,
.ai-experience__injection-config strong {
  display: block;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}

.ai-experience__injection-config {
  display: grid;
  grid-template-columns: minmax(220px, 0.8fr) minmax(280px, 1.2fr);
  gap: 0.85rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__injection-trust {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ai-experience__injection-trust article:first-child,
.ai-experience__injection-trust article:nth-child(2) {
  border-color: #7aa7ff;
  background: color-mix(in srgb, #7aa7ff 8%, var(--ai-surface, #fff));
}

.ai-experience__injection-trust article:nth-child(n+3) {
  border-color: #e6a05c;
  background: color-mix(in srgb, #e6a05c 9%, var(--ai-surface, #fff));
}

.ai-experience__injection-trust p {
  margin: 0.55rem 0 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai-experience__injection-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__injection-workspace > div {
  min-width: 0;
}

.ai-experience__injection-workspace select,
.ai-experience__injection-workspace textarea,
.ai-experience__injection-config select {
  width: 100%;
}

.ai-experience__injection-workspace button.secondary {
  margin: 0.5rem 0 0.85rem;
}

.ai-experience__injection-stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__injection-stages article {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-left-width: 0.35rem;
  border-radius: 0.65rem;
  padding: 0.8rem;
}

.ai-experience__injection-stages article[data-status="passed"] { border-left-color: #15803d; }
.ai-experience__injection-stages article[data-status="failed"] { border-left-color: #b91c1c; }
.ai-experience__injection-stages article[data-status="blocked"] { border-left-color: #b45309; }

.ai-experience__injection-stages article > div {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  align-items: start;
}

.ai-experience__injection-stages article span {
  border-radius: 999px;
  background: var(--ai-subtle, #eef1f5);
  padding: 0.15rem 0.45rem;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.ai-experience__injection-stages p {
  margin: 0.6rem 0;
}

.ai-experience__injection-stages code {
  display: block;
  color: var(--ai-muted, #5f6876);
  white-space: normal;
  overflow-wrap: anywhere;
}

@media (max-width: 780px) {
  .ai-experience__injection-config,
  .ai-experience__injection-workspace {
    grid-template-columns: 1fr;
  }
}

.ai-experience__authority-contract {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__authority-contract article,
.ai-experience__authority-scenario > div {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-radius: 0.75rem;
  background: var(--ai-surface, #fff);
  padding: 0.85rem;
}

.ai-experience__authority-contract span,
.ai-experience__authority-scenario span {
  display: block;
  color: var(--ai-muted, #5f6876);
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-experience__authority-contract strong,
.ai-experience__authority-scenario strong {
  display: block;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}

.ai-experience__authority-scenario {
  display: grid;
  grid-template-columns: minmax(220px, 0.7fr) minmax(300px, 1.3fr);
  gap: 0.85rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__authority-scenario select,
.ai-experience__authority-workspace select,
.ai-experience__authority-workspace textarea {
  width: 100%;
}

.ai-experience__authority-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__authority-workspace > div { min-width: 0; }
.ai-experience__authority-workspace button.secondary { margin: 0.5rem 0 0.85rem; }

.ai-experience__authority-effect {
  min-height: 17rem;
  margin: 0;
  border: 2px solid #7c3aed;
  border-radius: 0.75rem;
  background: color-mix(in srgb, #7c3aed 7%, var(--ai-surface, #fff));
  padding: 1rem;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.ai-experience__authority-stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__authority-stages article {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-left-width: 0.35rem;
  border-radius: 0.65rem;
  padding: 0.8rem;
}

.ai-experience__authority-stages article[data-status="passed"] { border-left-color: #15803d; }
.ai-experience__authority-stages article[data-status="failed"] { border-left-color: #b91c1c; }
.ai-experience__authority-stages article[data-status="blocked"] { border-left-color: #b45309; }
.ai-experience__authority-stages article[data-status="waiting"] { border-left-color: #2563eb; }
.ai-experience__authority-stages article[data-status="warning"] { border-left-color: #b45309; }

.ai-experience__authority-stages article > div {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  align-items: start;
}

.ai-experience__authority-stages article span {
  border-radius: 999px;
  background: var(--ai-subtle, #eef1f5);
  padding: 0.15rem 0.45rem;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.ai-experience__authority-stages p { margin: 0.6rem 0 0; }
.ai-experience__switchboard-table tbody tr[data-status="failed"] { background: color-mix(in srgb, #b91c1c 8%, transparent); }
.ai-experience__switchboard-table tbody tr[data-status="passed"] { background: color-mix(in srgb, #15803d 7%, transparent); }

@media (max-width: 780px) {
  .ai-experience__authority-scenario,
  .ai-experience__authority-workspace { grid-template-columns: 1fr; }
}

.ai-experience__policy-contract,
.ai-experience__policy-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__policy-contract article,
.ai-experience__policy-summary article {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-radius: 0.75rem;
  background: var(--ai-surface, #fff);
  padding: 0.85rem;
}

.ai-experience__policy-contract span,
.ai-experience__policy-summary span {
  display: block;
  color: var(--ai-muted, #5f6876);
  font-size: 0.76rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.ai-experience__policy-contract strong,
.ai-experience__policy-summary strong {
  display: block;
  margin-top: 0.3rem;
  overflow-wrap: anywhere;
}

.ai-experience__policy-controls {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) auto;
  gap: 0.75rem;
  align-items: end;
  margin: 1rem 0;
}

.ai-experience__policy-editor {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 1rem;
  margin: 1rem 0;
}

.ai-experience__policy-editor > div { min-width: 0; }
.ai-experience__policy-editor textarea,
.ai-experience__policy-controls select { width: 100%; }

.ai-experience__policy-stages {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin: 1rem 0;
}

.ai-experience__policy-stages article {
  border: 1px solid var(--ai-border, #d6dbe3);
  border-left-width: 0.35rem;
  border-radius: 0.65rem;
  padding: 0.8rem;
}

.ai-experience__policy-stages article[data-status="passed"] { border-left-color: #15803d; }
.ai-experience__policy-stages article[data-status="failed"] { border-left-color: #b91c1c; }
.ai-experience__policy-stages article[data-status="warning"] { border-left-color: #b45309; }
.ai-experience__policy-stages article[data-status="running"] { border-left-color: #2563eb; }

.ai-experience__policy-stages article > div {
  display: flex;
  justify-content: space-between;
  gap: 0.6rem;
  align-items: start;
}

.ai-experience__policy-stages article span {
  border-radius: 999px;
  background: var(--ai-subtle, #eef1f5);
  padding: 0.15rem 0.45rem;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.ai-experience__policy-stages p { margin: 0.6rem 0 0; }

.ai-experience__policy-feed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.85rem;
  align-items: start;
}

.ai-experience__policy-feed > article {
  position: relative;
  min-height: 12rem;
  border: 1px solid var(--ai-border, #d6dbe3);
  border-radius: 0.8rem;
  background: var(--ai-surface, #fff);
  overflow: hidden;
}

.ai-experience__policy-unit-body { padding: 1rem; transition: opacity 160ms ease, filter 160ms ease, transform 160ms ease; }
.ai-experience__policy-unit-body > span { color: var(--ai-muted, #5f6876); font-size: 0.78rem; text-transform: uppercase; }
.ai-experience__policy-unit-body h3 { margin: 0.55rem 0; }

.ai-experience__policy-feed > article.is-policy-label { border-color: #2563eb; box-shadow: inset 0 0 0 1px #2563eb; }
.ai-experience__policy-feed > article.is-policy-reduce-prominence .ai-experience__policy-unit-body { opacity: 0.45; transform: scale(0.98); }
.ai-experience__policy-feed > article.is-policy-blur .ai-experience__policy-unit-body { filter: blur(5px); user-select: none; }
.ai-experience__policy-feed > article.is-policy-hide .ai-experience__policy-unit-body { visibility: hidden; }
.ai-experience__policy-feed > article.is-policy-excluded { border-style: dashed; background: color-mix(in srgb, #b45309 7%, var(--ai-surface, #fff)); }
.ai-experience__policy-feed > article.is-policy-deferred { border-style: dashed; opacity: 0.72; }

.ai-experience__policy-presentation {
  border-top: 1px solid var(--ai-border, #d6dbe3);
  background: color-mix(in srgb, #2563eb 7%, var(--ai-surface, #fff));
  padding: 0.75rem;
}

.is-policy-hide .ai-experience__policy-presentation {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  border: 0;
}

.ai-experience__policy-presentation strong,
.ai-experience__policy-presentation span { display: block; }
.ai-experience__policy-presentation span { margin: 0.3rem 0; color: var(--ai-muted, #5f6876); }
.ai-experience__policy-presentation button { margin: 0.35rem 0; }
.ai-experience__policy-presentation details { width: 100%; margin-top: 0.35rem; }
.ai-experience__policy-presentation pre { max-height: 9rem; overflow: auto; white-space: pre-wrap; }

@media (max-width: 850px) {
  .ai-experience__policy-controls { grid-template-columns: 1fr 1fr; }
  .ai-experience__policy-editor { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .ai-experience__policy-controls { grid-template-columns: 1fr; }
}