/* COMMAND OS STUDIO — V25 / isolated component design for demonstrations 02 & 03.
   The V24 fixed-height selectors in v21-mobile.css were narrowed to demos 04/05.
   No legacy v17-flow / v17-proof selectors match this markup. */
#expertises .v11-demo-window:has(>.v11-demo.active[data-demo="1"],>.v11-demo.active[data-demo="2"]){height:auto!important;min-height:0!important;max-height:none!important;padding:16px!important;display:block;overflow:visible!important}
#expertises .v11-demo-window:has(>.v11-demo.active[data-demo="1"],>.v11-demo.active[data-demo="2"]):before,
#expertises .v11-demo-window:has(>.v11-demo.active[data-demo="1"],>.v11-demo.active[data-demo="2"]):after{display:none}
#expertises .v11-demo.active:is([data-demo="1"],[data-demo="2"]){position:relative;inset:auto;width:100%;padding:0!important;display:block;overflow:visible!important;transition:opacity .18s ease,visibility .18s ease;transform:none!important}
#expertises .v11-demo:not(.active):is([data-demo="1"],[data-demo="2"]){display:none!important}
.cos25-demo{--cos25-peach:#f0c2a7;--cos25-ink:#203940;--cos25-muted:#60766e;--cos25-surface:#fcfaf6;position:relative;z-index:2;box-sizing:border-box;color:#f9f6ee;background:#192e36;border:1px solid rgba(240,225,207,.65);border-radius:11px;overflow:hidden;width:100%;font-family:Manrope,Arial,sans-serif;box-shadow:0 15px 35px rgba(4,15,22,.23)}
.cos25-demo *, .cos25-demo *::before, .cos25-demo *::after{box-sizing:border-box}
.cos25-windowtop{min-height:35px;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(231,231,216,.18);font-size:9px;line-height:1.3;letter-spacing:.07em;font-weight:750;color:#b8cbc3}
.cos25-brand{display:flex;align-items:center;gap:7px;color:#f5ece0;white-space:nowrap}.cos25-brand i{width:7px;height:7px;border-radius:50%;background:var(--cos25-peach)}
.cos25-content{padding:20px 20px 17px}
.cos25-topline{display:flex;justify-content:space-between;gap:14px;align-items:start}
.cos25-eyebrow{font-size:10px;line-height:1.4;letter-spacing:.08em;color:var(--cos25-peach);font-weight:800}
.cos25-topline h4{font-family:Manrope,Arial,sans-serif;font-size:clamp(21px,2vw,27px);font-weight:800;line-height:1.19;letter-spacing:-.055em;color:#fffaf0;margin:6px 0 6px}
.cos25-period{color:var(--cos25-peach)}
.cos25-topline p{font-size:12px;line-height:1.5;color:#cbdad0;margin:0}
.cos25-segment{display:flex;align-items:stretch;gap:4px;max-width:430px;padding:4px;background:#10252d;border:1px solid rgba(235,239,224,.25);border-radius:8px;margin:19px 0 15px}
.cos25-segment button,.cos25-choices button{font-family:inherit;font-size:11px;font-weight:750;line-height:1.3;cursor:pointer;transition:background .17s ease,color .17s ease,border-color .17s ease}
.cos25-segment button{flex:1;min-width:0;min-height:40px;border:1px solid transparent;border-radius:6px;padding:9px 11px;color:#d6e1d8;background:transparent}
.cos25-segment button.is-active{color:#24373a;background:#f7eee3;border-color:#f8decb;box-shadow:0 2px 8px #09171b4d}
.cos25-demo button:focus-visible{outline:3px solid #f1be9c!important;outline-offset:2px!important}
.cos25-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;position:relative}
.cos25-step{border:1px solid #e0e5da;border-radius:8px;min-width:0;min-height:110px;background:var(--cos25-surface);padding:14px 12px 14px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-content:start;gap:12px 6px;color:var(--cos25-ink)}
.cos25-index{font-size:11px;font-weight:800;letter-spacing:.07em;color:#ae785c}
.cos25-step-icon{color:#3e8c78;font-size:21px;line-height:1.1}
.cos25-step>div{grid-column:1 / -1;align-self:start;min-width:0}
.cos25-step strong{font-size:clamp(12px,1.1vw,14px);font-weight:800;line-height:1.3;display:block;letter-spacing:-.028em}
.cos25-step p{font-size:11px;line-height:1.48;color:#566c64;margin:6px 0 0}
.cos25-flow[data-mode="manual"] .cos25-step-icon{color:#c68d6b}
.cos25-result{display:flex;align-items:center;gap:11px;background:#e8f2ea;color:#2b5348;border:1px solid #c8ded1;border-radius:8px;margin-top:11px;padding:12px 14px;min-height:60px}
.cos25-flow[data-mode="manual"] .cos25-result{background:#f9eee5;color:#6a4b3c;border-color:#edd1c2}
.cos25-result-icon{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#d0e8d8;color:#347e5c;font-size:15px;font-weight:800}.cos25-flow[data-mode="manual"] .cos25-result-icon{background:#f5d8c8;color:#92644e}
.cos25-result small{display:block;color:#69877a;font-size:9px;font-weight:800;letter-spacing:.06em;margin-bottom:3px}.cos25-result strong{font-size:12px;font-weight:800;line-height:1.4;letter-spacing:-.018em}
.cos25-caption{font-size:9px;line-height:1.45;text-align:center;padding:9px 14px;border-top:1px solid rgba(235,233,218,.15);color:#bdcfc4;letter-spacing:.02em}
.cos25-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:17px 0 14px}
.cos25-choices button{min-height:43px;border:1px solid rgba(221,237,224,.35);border-radius:7px;background:#243f45;color:#eef5ec;padding:9px 8px;text-align:center}
.cos25-choices button.is-active{border-color:#f4c4a6;background:#f6eee4;color:#274047;box-shadow:inset 0 2px #e1ab8d}
.cos25-match{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);align-items:stretch;gap:6px;min-width:0}
.cos25-requirement,.cos25-evidence{min-width:0;min-height:163px;padding:15px 14px;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.cos25-requirement{background:#faf8f3;color:#2b4145;border:1px solid #e8e2d7}
.cos25-evidence{background:#eaf1e9;color:#26453d;border:1px solid #d2e0d1}
.cos25-cell-label{font-size:9px;font-weight:800;letter-spacing:.04em;color:#658276;line-height:1.4;display:flex;gap:7px;align-items:center}
.cos25-cell-label i{font-size:9px;font-style:normal;color:#aa795e}
.cos25-match strong{display:block;font-size:14px;line-height:1.33;letter-spacing:-.035em;font-weight:800}
.cos25-match p{font-size:11px;line-height:1.49;margin:0;color:#52685d}
.cos25-cell-meta{font-size:9px;line-height:1.45;color:#77877d;margin-top:auto}
.cos25-correspondence{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#eebc9c}.cos25-correspondence span{width:29px;height:29px;display:grid;place-items:center;border:1px solid #cfbca9;border-radius:50%;font-size:17px}.cos25-correspondence small{font-size:6px;letter-spacing:.02em;writing-mode:vertical-rl;color:#cad5c8;font-weight:800}
.cos25-state{display:inline-flex;gap:6px;align-items:center;font-size:10px;line-height:1.3;font-weight:800;border-radius:50px;padding:7px 10px;background:#fff6e8;color:#765034;border:1px solid #dfc7a8;margin-top:auto}
.cos25-state i{width:7px;height:7px;border-radius:50%;background:#d09266}.cos25-state[data-tone="review"]{background:#f5edda;color:#6c592d}.cos25-state[data-tone="block"]{background:#f7e4e0;color:#914840;border-color:#e8b6aa}.cos25-state[data-tone="block"] i{background:#b6534c}
.cos25-verdict{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid rgba(227,234,216,.28);border-radius:7px;margin-top:11px;padding:11px 13px;background:#233d43;color:#f5f2e9}.cos25-verdict span{font-size:9px;letter-spacing:.07em;font-weight:800;color:#eac0a6;white-space:nowrap}.cos25-verdict strong{font-size:11px;line-height:1.45;font-weight:750;text-align:right}
/* Mobile: compact rows for flow; vertical correspondence for REQVERA. */
@media (max-width:760px){
 #expertises .v11-demo-window:has(>.v11-demo.active[data-demo="1"],>.v11-demo.active[data-demo="2"]){padding:8px!important}
 #expertises .v11-demo.active:is([data-demo="1"],[data-demo="2"]){padding:0!important}
 .cos25-content{padding:17px 14px 14px}
 .cos25-windowtop{padding:9px 12px;min-height:34px;font-size:8px}
 .cos25-topline h4{font-size:clamp(19px,5.45vw,24px)}
 .cos25-topline p{font-size:11px}
 .cos25-eyebrow{font-size:9px}
 .cos25-segment{margin:15px 0 13px;max-width:100%}
 .cos25-steps{display:flex;flex-direction:column;gap:7px}
 .cos25-step{min-height:0;display:grid;grid-template-columns:24px 23px minmax(0,1fr);grid-template-rows:auto;gap:8px;align-items:center;padding:10px 11px}
 .cos25-index{font-size:10px}
 .cos25-step-icon{font-size:18px}
 .cos25-step>div{grid-column:auto}
 .cos25-step strong{font-size:12px;line-height:1.34}
 .cos25-step p{font-size:10.5px;line-height:1.38;margin-top:3px}
 .cos25-result{padding:10px 12px;min-height:53px}
 .cos25-result strong{font-size:11px}
 .cos25-choices{margin:15px 0 12px;gap:5px}
 .cos25-choices button{font-size:10px;min-height:44px;padding:8px 5px}
 .cos25-match{grid-template-columns:1fr;gap:0}
 .cos25-requirement,.cos25-evidence{min-height:0;padding:12px 13px;gap:5px}
 .cos25-match strong{font-size:13px}
 .cos25-match p{font-size:10.5px;line-height:1.42}
 .cos25-cell-meta{margin-top:3px}
 .cos25-correspondence{height:27px;flex-direction:row;gap:8px}
 .cos25-correspondence span{height:22px;width:22px;transform:rotate(90deg);font-size:13px}
 .cos25-correspondence small{writing-mode:initial;letter-spacing:.06em;font-size:8px}
 .cos25-state{margin-top:4px;font-size:10px;padding:6px 9px}
 .cos25-verdict{align-items:flex-start;flex-direction:column;gap:4px;padding:10px 12px}
 .cos25-verdict strong{text-align:left;font-size:11px}
 #expertises .cos-expertise-live{display:flex!important;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
 .cos25-selected-name{flex:1 0 100%;font-size:11px;letter-spacing:-.01em;line-height:1.35;font-weight:800;color:#f5d3bb}
}
@media(max-width:370px){.cos25-windowtop>span:last-child{font-size:7px}.cos25-content{padding:14px 10px 11px}.cos25-segment button{font-size:10px;padding:8px 6px}.cos25-topline h4{font-size:19px}.cos25-choices button{font-size:9px;padding:7px 3px}}
@media(min-width:761px) and (max-width:1050px){.cos25-content{padding:16px 14px}.cos25-step{padding:10px 8px;min-height:116px}.cos25-step p{font-size:10px}.cos25-step strong{font-size:11px}.cos25-steps{gap:6px}.cos25-match{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr)}.cos25-requirement,.cos25-evidence{padding:11px 9px}.cos25-match strong{font-size:12px}.cos25-match p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cos25-demo button{transition:none}}
/* V25 QA 320 px: keep the useful 04/05 headings, hide only decorative chrome captions that clip. */
@media(max-width:350px){#expertises .v17-funnel .v17-chrome>small,#expertises .v17-opt .v17-chrome>small{display:none}}