/* Demo layout refinements. Colours, fonts and controls come from the app. */
body[data-aig-demo="true"] [hidden]{display:none!important}
body[data-aig-demo="true"] .v22-app[data-v22-view="practice"] .aig-guide-workspace{display:none!important}
body[data-aig-demo="true"] [data-v22-panel="practice"]{padding:24px;max-width:1500px}
body[data-aig-demo="true"] [data-v22-panel="practice"].aig-reveal{opacity:1!important;transform:none!important;transition:none!important}
body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head{padding:8px 0 24px}
body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head h1{font-size:clamp(30px,3.4vw,48px);line-height:1.1;margin:10px 0 12px}
body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head p{font-size:15px;line-height:1.6;margin:0;max-width:760px}
body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-kicker{font-size:12px}
body[data-aig-demo="true"] .v22-practice-layout{grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
body[data-aig-demo="true"] .v22-question-stage{padding:28px;min-width:0}
body[data-aig-demo="true"] .v22-question-stage h2{font-size:clamp(27px,2.7vw,38px);line-height:1.2;margin:18px 0 24px;letter-spacing:-.045em}
body[data-aig-demo="true"] .v22-question-meta{font-size:12px}
.ic-demo-settings{padding:18px;display:grid;gap:9px;border-bottom:1px solid var(--line)}
.ic-demo-settings label{font-size:13px;font-weight:700;color:var(--ink)}
.ic-demo-settings p,.ic-demo-settings small{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 10px}
body[data-aig-demo="true"] .ic-demo-settings select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:14px}
body[data-aig-demo="true"] .v22-question-search input{font-size:14px}
body[data-aig-demo="true"] .v22-question-search:after{content:'Five questions included';font-size:12px;color:var(--muted)}
body[data-aig-demo="true"] .v22-question-scroll{max-height:490px}
body[data-aig-demo="true"] .v22-question-item{padding:12px;grid-template-columns:24px minmax(0,1fr)}
body[data-aig-demo="true"] .v22-question-item b{font-size:13px;line-height:1.5}
body[data-aig-demo="true"] .v22-question-item small{font-size:12px;line-height:1.5}
body[data-aig-demo="true"] .v22-question-item span{font-size:12px}
body[data-aig-demo="true"] .v22-voice-console{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:22px}
.ic-demo-ring{grid-column:1;grid-row:1;width:58px;height:58px}
.ic-demo-ring svg{display:block;width:100%;fill:none}
.ic-demo-ring circle{stroke-width:3}
.ic-ring-track{stroke:var(--line)}
#icDemoProgress{stroke:var(--purple);stroke-linecap:round;transform:rotate(-90deg);transform-origin:80px 80px}
.ic-mic{stroke:var(--purple);stroke-width:3;stroke-linecap:round}
body[data-aig-demo="true"] .v22-live-clock{grid-column:2;grid-row:1;padding:0;border:0;align-items:center}
body[data-aig-demo="true"] .v22-live-clock span{font-size:12px}
body[data-aig-demo="true"] .v22-live-clock strong{font-size:34px}
body[data-aig-demo="true"] .v22-voice-status{grid-column:1/-1;grid-row:2;margin:0;padding:10px 0;border-top:1px solid var(--line)}
body[data-aig-demo="true"] .v22-voice-status b{font-size:15px}
body[data-aig-demo="true"] .v22-voice-status small{font-size:13px;line-height:1.6}
#icDemoWave{grid-column:1/-1;grid-row:3;width:100%;height:44px;color:var(--purple)}
body[data-aig-demo="true"]:not(.ic-demo-recording) #icDemoWave{display:none}
body[data-aig-demo="true"] #v22VoiceTrigger{grid-column:1/-1;grid-row:4;min-height:48px}
body[data-aig-demo="true"] .v22-voice-trigger b{font-size:15px}
.ic-demo-mic-note{grid-column:1/-1;grid-row:5;font-size:13px;line-height:1.6;color:var(--muted);margin:0}
.ic-demo-feedback{margin-top:22px;padding-top:24px;border-top:1px solid var(--line)}
.ic-demo-feedback:has(.v22-practice-receipt[hidden]){display:none}
.ic-demo-feedback h2{font-size:25px!important;line-height:1.25!important;letter-spacing:-.035em!important;margin:7px 0 18px!important}
.ic-demo-feedback h3{font-size:17px;line-height:1.45;margin:18px 0 8px}
.ic-demo-feedback p{font-size:14px;line-height:1.6;max-width:72ch}
body[data-aig-demo="true"] .v22-practice-receipt{border:0;padding:0;box-shadow:none;background:transparent;margin:0}
body[data-aig-demo="true"] .v22-receipt-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body[data-aig-demo="true"] .v22-receipt-metrics div{padding:16px}
body[data-aig-demo="true"] .v22-receipt-metrics span{font-size:12px}
body[data-aig-demo="true"] .v22-receipt-metrics strong{font-size:23px}
body[data-aig-demo="true"] .v22-receipt-routes span{font-size:18px}
body[data-aig-demo="true"] .v22-receipt-routes span b{font-size:11px}
body[data-aig-demo="true"] .v22-practice-receipt p{font-size:13px;line-height:1.6}
.ic-demo-words{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-block:1px solid var(--line);font-size:14px;margin-top:16px}
.ic-demo-words strong{font-size:24px}
#icDemoExcerpt{font-size:14px}
#icDemoExcerpt summary{cursor:pointer;padding:12px 0}
#icDemoTranscript{margin:0;padding:16px;border-radius:12px;background:var(--bg);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto}
.ic-demo-drill{border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:16px;background:var(--bg)}
.ic-demo-drill button{margin:10px 8px 0 0}
body[data-aig-demo="true"] .v22-question-stage :is(.v22-primary,.v22-secondary){font-size:14px;line-height:1.4;min-height:44px;white-space:normal}
#icDemoSignup{display:inline-flex;align-items:center;text-decoration:none;margin-right:8px}
body[data-aig-demo="true"] #v22PracticeNext{margin-top:8px}
body[data-aig-demo="true"] .v22-written-fallback summary{font-size:15px;min-height:44px}
body[data-aig-demo="true"] .v22-written-fallback textarea{font-size:16px;line-height:1.6;min-height:160px}
.ic-demo-measurement{margin-top:16px;font-size:14px;line-height:1.6;color:var(--muted)}
.ic-demo-measurement summary{cursor:pointer;padding:10px 0}
body[data-aig-demo="true"] .ic-demo-measurement .v22-note{font-size:13px;line-height:1.6}
body[data-aig-demo="true"] .v22-demo-banner span{font-size:13px;line-height:1.5}
body[data-aig-demo="true"] .v22-demo-actions a{font-size:12px}
body[data-aig-demo="true"] .v22-plan-pill{background:transparent}
body[data-aig-demo="true"] .v22-plan-pill b{color:var(--aig-surface-0)}
body[data-aig-demo="true"] #icDemoQuestionToggle{display:none}
body.ic-demo-recording :is(.ic-demo-feedback,.v22-gold-entry,.v22-guidance,.v22-written-fallback){visibility:hidden}
@media(max-width:1100px){body[data-aig-demo="true"] .v22-practice-layout{grid-template-columns:230px minmax(0,1fr)}body[data-aig-demo="true"] .v22-question-stage{padding:22px}}
@media(max-width:760px){
 body[data-aig-demo="true"] [data-v22-panel="practice"]{padding:12px 16px}
 body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head{padding:4px 0 12px}
 body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head h1{font-size:26px;margin:8px 0}
 body[data-aig-demo="true"] [data-v22-panel="practice"] .v22-page-head p{display:none}
 body[data-aig-demo="true"] .v22-practice-layout{grid-template-columns:minmax(0,1fr);gap:16px}
 body[data-aig-demo="true"] .v22-question-stage{padding:16px}
 body[data-aig-demo="true"] .v22-question-stage h2{font-size:21px;line-height:1.35;margin:12px 0 12px}
 body[data-aig-demo="true"] #icDemoQuestionToggle{display:block;width:100%;padding:16px;border:0;background:var(--panel);color:var(--ink);text-align:left;font-size:15px;cursor:pointer}
 body[data-aig-demo="true"] .v22-question-list:not(.is-open)>:not(#icDemoQuestionToggle){display:none}
 body[data-aig-demo="true"] .v22-question-scroll{max-height:230px}
 body[data-aig-demo="true"] .v22-voice-console{padding:16px;gap:8px;grid-template-columns:48px minmax(0,1fr)}
 body[data-aig-demo="true"] .ic-demo-ring{width:48px;height:48px}
 body[data-aig-demo="true"] .v22-live-clock{gap:8px}
 body[data-aig-demo="true"] .v22-live-clock strong{font-size:29px}
 body[data-aig-demo="true"] #v22VoiceTrigger{grid-row:2;margin:2px 0}
 body[data-aig-demo="true"] .v22-voice-status{grid-row:4}
 body[data-aig-demo="true"] .v22-demo-banner{display:flex;align-items:center;padding:12px;margin:8px 16px;gap:10px}
 body[data-aig-demo="true"] .v22-demo-banner>div:first-child{flex:1}
 body[data-aig-demo="true"] .v22-demo-actions{display:flex;flex:0 0 auto}
 body[data-aig-demo="true"] .v22-demo-actions a:nth-child(2){display:none}
 body[data-aig-demo="true"] .v22-topbar{min-height:54px;height:auto;padding:10px 16px;gap:12px}
 body[data-aig-demo="true"] .v22-topbar :is(.v22-kicker,.v22-avatar){display:none}
 body[data-aig-demo="true"] .v22-receipt-metrics div{padding:12px 8px}
 body[data-aig-demo="true"] .v22-receipt-metrics strong{font-size:19px}
 .ic-demo-drill button{width:100%;margin-right:0}
}

.ic-demo-learn-notice{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-bottom:1px solid #d8d1ef;background:#f4f0ff;color:#3f315f;font-size:12px;line-height:1.35}
.ic-demo-learn-notice strong{font:800 11px "Plus Jakarta Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.ic-demo-learn-notice span{font-weight:650}
.ic-demo-preview-badge{display:grid;gap:1px;flex:0 0 auto;padding:5px 9px;border:1px solid #d8d1ef;border-radius:10px;background:#f4f0ff}
.ic-demo-preview-badge b{font:800 9px "Plus Jakarta Sans",sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#5639a8}
.ic-demo-preview-badge small{font-size:9px!important;color:#6f687d!important;white-space:nowrap}
@media(max-width:700px){.ic-demo-learn-notice{align-items:flex-start;flex-direction:column;gap:2px}.ic-demo-preview-badge small{display:none}}