.metric-disclosure{padding:12px 15px;border:1px solid #ccdceb;background:#f3f8fd;color:#34516d;border-radius:8px;font-size:.77rem;line-height:1.5}
.metric-empty{padding:18px;color:#526a80;font-size:.83rem;line-height:1.55}
.measurement-summary{flex-wrap:wrap;gap:10px 18px}.measurement-summary span{white-space:normal;max-width:280px}.metric-table-scroll{max-width:100%;overflow:auto;margin:12px 0 20px}.metric-table-scroll table{width:100%;border-collapse:collapse}.metric-table-scroll th,.metric-table-scroll td{white-space:normal;min-width:110px;overflow-wrap:anywhere;line-height:1.5;font-size:.77rem;padding:10px;text-align:left;vertical-align:top}.metric-table-scroll th{background:#ecf3f9;color:#173b60}.metric-table-scroll td{color:#24415e}.metric-basis-detail{margin-top:20px;border-top:1px solid #d4e1ec;padding-top:14px}.metric-basis-detail p{line-height:1.6;font-size:.82rem}.metric-basis-detail h3{margin-top:20px;color:#173b60}.claim-content dd,.claim-content p{overflow-wrap:anywhere}.metric-example-list{font-size:.78rem;line-height:1.5;color:#34516d}.metric-observed-value{font-size:1.4rem;color:#13395b}
@media(max-width:760px){.metric-table-scroll th,.metric-table-scroll td{min-width:115px;font-size:.78rem}.metric-disclosure{font-size:.8rem}.measurement-summary{display:grid;grid-template-columns:1fr}.measurement-summary span{max-width:none}.dex-detail-grid p{overflow-wrap:anywhere;line-height:1.5}.distribution-row.unknown{border-color:#cad7e1}}
#claim-close{z-index:5;display:grid;place-items:center;min-width:44px;min-height:44px;top:10px;right:10px;background:#fff;color:#173b60;border:1px solid #b8cedf;border-radius:8px}
.claim-nav{padding-right:62px}.run-stats strong{max-width:145px;white-space:normal}
.sample-support{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:8px}.sample-support small,.prediction-facts dd>small,#service-desk-cause>small{display:block;line-height:1.5;margin-top:5px}.sample-evidence{margin-top:12px;line-height:1.6;font-size:.78rem}.sample-evidence summary,.sample-ledger summary{cursor:pointer;font-weight:700;min-height:44px;padding:10px}.sample-evidence li{margin:5px 0}.sample-ledger{margin:16px 0;padding:12px;max-width:100%;overflow:hidden}.sample-ledger .metric-table-scroll{margin-bottom:0}.sample-ledger p{font-size:.8rem;line-height:1.6}.sample-evidence ul{padding-left:20px}.sample-support .claim-link,.prediction-facts .claim-link,#service-desk-cause .claim-link{white-space:normal;text-align:left;height:auto;min-height:44px}.sample-evidence p{font-size:.76rem}
.service-evidence{font-size:.78rem;line-height:1.5;margin-top:8px}.prediction-facts dd{min-width:0;overflow-wrap:anywhere}.sample-evidence,.sample-evidence li{overflow-wrap:anywhere}
/* A category's ring shows its actual share, not a fixed three-quarter border. */
.experience-distribution .mini-dial{--distribution-ring:#3e9b78;--distribution-track:#dce7f0;--distribution-center:#fff;border:0;background:radial-gradient(closest-side,var(--distribution-center) 72%,transparent 74%),conic-gradient(var(--distribution-ring) var(--distribution-share),var(--distribution-track) 0);color:#204637}
.experience-distribution .average .mini-dial{--distribution-ring:#c69323;color:#624b0c}.experience-distribution .poor .mini-dial{--distribution-ring:#db6258;color:#7d2b25}.experience-distribution .unknown .mini-dial{--distribution-ring:#718399;color:#4b6078}.experience-distribution .unknown strong{color:#4b6078}.experience-distribution .distribution-intro{max-width:none}.distribution-summary{margin-top:16px;padding:14px;border:1px solid #dce7f0;border-radius:8px;background:#f4f8fc;color:#24415e}.distribution-summary strong{display:block;font-size:.82rem}.distribution-summary p{margin:7px 0;font-size:.77rem;line-height:1.5}.distribution-summary small{display:block;font-size:.68rem;line-height:1.5;color:#526b81}
@media(prefers-color-scheme:dark){.experience-distribution .mini-dial{--distribution-center:#10263e;--distribution-track:#35506a;--distribution-ring:#78c6a6;color:#cfeadd}.experience-distribution .average .mini-dial{--distribution-ring:#e6bc60;color:#ffe2a1}.experience-distribution .poor .mini-dial{--distribution-ring:#f08c82;color:#ffbec7}.experience-distribution .unknown .mini-dial{--distribution-ring:#a8bacd;color:#c0d0e0}.experience-distribution .unknown strong{color:#c0d0e0}.distribution-summary{background:#18344e;border-color:#35506a;color:#e6eef7}.distribution-summary small{color:#c0d0e0}}
.response-spec{margin:16px 0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);min-width:0}.response-spec h3{margin:8px 0;font-size:1rem}.response-spec p,.response-spec dd,.response-spec li{font-size:.78rem;line-height:1.6;overflow-wrap:anywhere}.response-spec dl{margin:12px 0}.response-spec dl>div{margin:10px 0}.response-spec dt{font-size:.68rem;font-weight:750;color:var(--muted)}.response-spec dd{margin:4px 0;color:var(--ink)}.response-spec ol,.response-spec ul,.response-targets ul{padding-left:22px}.response-spec li{margin:12px 0}.response-spec li>p{margin:4px 0}.response-spec small{display:block;font-size:.72rem;line-height:1.5}.response-commands summary,.response-references summary,.response-targets summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:.78rem;font-weight:700;line-height:1.5}.response-commands pre{margin:8px 0 16px;padding:12px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.73rem;line-height:1.6}.response-spec a{color:#176fbd}.response-targets li{font-size:.76rem;line-height:1.6;overflow-wrap:anywhere}.run-scope strong{overflow-wrap:anywhere}.modal .response-spec{max-height:42vh;overflow:auto}.run-cta .primary:disabled{opacity:.55;cursor:not-allowed}
@media(prefers-color-scheme:dark){.response-spec{background:#18344e;border-color:#35506a;color:#e6eef7}.response-spec p,.response-spec li,.response-spec dd,.response-targets li{color:#c0d0e0}.response-commands pre{background:#10263e;border-color:#35506a;color:#e6eef7}.response-spec a{color:#8cc9ff}.response-spec dt{color:#afc1d3}}

/* Keep the mission summary readable within narrow mobile cards. */
@media(max-width:760px){
 .experience-hero>.experience-score{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;min-height:0;padding:18px 16px}
 .experience-score>div{min-width:0;max-width:100%}
 .experience-score .score-dial{width:88px;height:88px;min-width:0;min-height:0;border-width:8px;transform:none}
 .experience-score .score-dial strong{font-size:1.65rem;line-height:1;letter-spacing:-.04em;transform:none;font-variant-numeric:tabular-nums}
 .experience-score .score-dial span{position:absolute;bottom:10px;left:0;right:0;margin:0;text-align:center;font-size:.6rem;line-height:1;transform:none}
 .experience-score .eyebrow{display:block;font-size:.6rem;line-height:1.5;letter-spacing:.08em;overflow-wrap:anywhere}
 .experience-score .claim-info{vertical-align:middle;flex-shrink:0}
 .experience-score h2{margin:6px 0 0;font-size:1rem;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}
 .experience-score p{margin:8px 0 0;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
}
@media(max-width:359px){
 .experience-hero>.experience-score{grid-template-columns:1fr;gap:12px}
}

.distribution-row.optimization .mini-dial{border-color:#4b96cf;border-right-color:#dce7f0}.distribution-row.optimization .distribution-copy strong{color:#2676b2}

/* Keep long explanations inside the dialog and preserve touch scrolling. */
.claim-dialog{height:min(720px,88vh);height:min(720px,88dvh);min-height:0;grid-template-rows:minmax(0,1fr)}
.claim-content,.claim-nav{min-height:0;min-width:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.claim-content{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;padding-bottom:32px}
.claim-content p,.claim-content dd,.identity-help-popover p{white-space:normal;overflow-wrap:anywhere;max-height:none;-webkit-line-clamp:unset}
.identity-help-popover.anchored-help-popover,.identity-help-popover.inline-help-popover{max-height:min(360px,60vh);max-height:min(360px,60dvh);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:760px){.claim-dialog{height:min(780px,92vh);height:min(780px,92dvh);grid-template-rows:auto minmax(0,1fr)}.claim-nav{max-height:84px}.claim-content{padding-bottom:32px}}

.tour-launcher{position:fixed;right:20px;bottom:72px;z-index:70;display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #b6ccdf;border-radius:24px;background:#fff;color:#173e62;box-shadow:0 4px 16px rgba(6,26,51,.14);font:650 12px Inter,system-ui,sans-serif;cursor:pointer}
.tour-launcher:hover{background:#eef7fd;border-color:#6faedb}.tour-launcher:focus-visible{outline:3px solid #28b8f4;outline-offset:3px}.tour-launcher span{font-size:17px;line-height:1}
body:has(.tour-backdrop.open) .tour-launcher,body:has(.guide-coach.open) .tour-launcher,body:has(.claim-backdrop.open) .tour-launcher,body:has(.modal-backdrop.open) .tour-launcher,body:has(.sidebar.menu-open) .tour-launcher{display:none}
@media(max-width:760px){.tour-launcher{right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));padding:9px 13px}}
@media(prefers-color-scheme:dark){.tour-launcher{background:#153550;color:#e7f2fb;border-color:#54748d;box-shadow:0 4px 16px rgba(0,0,0,.24)}.tour-launcher:hover{background:#204564}}

.risk-heading-help{margin:6px 0 12px;color:var(--muted,#536b7f);font-size:.76rem;line-height:1.5;max-width:78ch}
.ml-allocation p{white-space:normal;overflow-wrap:anywhere}
body:has(.claim-backdrop.open),body:has(.modal-backdrop.open),body:has(.tour-backdrop.open){overflow:hidden}

@media(min-width:761px) and (max-width:1100px){.experience-body,.experience-hero{grid-template-columns:minmax(0,1fr)}.experience-body>*{min-width:0}.improvement-surface .section-head{flex-wrap:wrap;gap:12px}.experience-kpis{grid-column:auto}.experience-score{min-width:0}}
@media(min-width:761px) and (max-width:1100px){.driver-head{display:none}.driver-row{grid-template-columns:minmax(0,1fr) 85px}.driver-row>span{min-width:0;overflow-wrap:anywhere}.driver-row>span:nth-child(3),.driver-row>span:nth-child(4){text-align:right}.experience-filters{flex-wrap:wrap}.experience-trend .trend-axis{flex-wrap:wrap;gap:8px}.experience-hero>*,.experience-hero .trend-head>*{min-width:0;overflow-wrap:anywhere}}
/* Compact experience summary: score and history, metrics, then a full-width basis strip. */
.experience-hero{display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr)!important;gap:0!important;align-items:stretch;background:#0c2e4b!important}
.experience-hero>.experience-score{display:flex!important;gap:18px;padding:24px!important;min-height:0!important;background:transparent!important}
.experience-score .score-dial{width:110px;height:110px;flex:0 0 110px;min-width:0;min-height:0;border-width:10px}
.experience-score .score-dial strong{font-size:2rem;color:#fff!important}.experience-score h2{font-size:.85rem!important;font-weight:500;line-height:1.5!important;color:#b2cadd!important}.experience-score .eyebrow{font-size:.75rem;letter-spacing:.08em;color:#eaf3fc}
.experience-hero>.experience-trend{padding:20px 26px!important;min-width:0;background:transparent!important;border-left:1px solid #35526b}
.experience-trend svg{height:92px!important;margin-top:8px!important}.experience-trend .trend-head{gap:12px;flex-wrap:wrap}.trend-head label{font-size:0}.trend-head select{font:500 .8rem Inter,system-ui,sans-serif;background:#153d5d;color:#fff;border:1px solid #466580;border-radius:6px;padding:7px}
.experience-hero>.experience-kpis{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1px!important;border-top:1px solid #35526b;border-bottom:1px solid #35526b}
.experience-kpis>div{display:flex!important;flex-direction:column;align-items:flex-start!important;padding:18px 24px!important;gap:5px;background:#103552!important;min-width:0}.experience-kpis .kpi-icon{display:none!important}.experience-kpis strong{font-size:1.6rem!important;color:#fff!important}.experience-kpis small{color:#c1d5e5!important;line-height:1.5;align-self:auto!important}
.experience-hero>.measurement-summary{grid-column:1/-1!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 22px;padding:12px 24px!important;margin:0!important;border:0!important;border-radius:0!important;background:#0c2e4b!important;color:#c1d5e5!important}
.measurement-summary span{padding:0!important;background:transparent!important;max-width:none!important;font-size:.72rem}.measurement-summary .claim-link{margin-left:auto;color:#81caff}.experience-hero #trend-change{color:#fff}
@media(max-width:760px){.experience-hero{grid-template-columns:minmax(0,1fr)!important}.experience-hero>.experience-trend{border-left:0;border-top:1px solid #35526b;padding:16px 20px!important}.experience-hero>.experience-score{padding:20px!important}.experience-score .score-dial{width:88px;height:88px;flex-basis:88px}.experience-hero>.experience-kpis{grid-template-columns:1fr!important}.experience-kpis>div{padding:14px 20px!important}.experience-hero>.measurement-summary{padding:14px 20px!important}.measurement-summary .claim-link{margin-left:0}}
#trend-title.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Override the legacy 190px minimum on every summary row, including the footer. */
.experience-hero{height:auto!important;min-height:0!important;grid-auto-rows:auto!important;align-content:start!important}
.experience-hero>div{height:auto!important;min-height:0!important}
.experience-hero>.experience-kpis{grid-template-rows:auto!important;align-content:start!important}
.experience-hero>.experience-kpis>div{height:auto!important;min-height:0!important;justify-content:flex-start!important}
.experience-hero>.measurement-summary{min-height:0!important;align-content:center!important;padding-top:10px!important;padding-bottom:10px!important}

.run-panel[hidden]{display:none!important}

.ml-list-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:.75rem;color:var(--ink)}.ml-list-controls button{padding:8px 12px;border:1px solid #8aacc5;border-radius:7px;background:#edf6fd;color:#173e62;font:inherit;cursor:pointer}

/* Keep observation values aligned to the card edge, including wrapped values. */
.dex-collection b { align-items: start; }
.dex-collection b em { text-align: right; justify-self: end; min-width: 0; overflow-wrap: anywhere; }