/* Isolated quick-pair surfaces; legacy groups and the shared gold perimeter are untouched. */
html[data-growth-mode="quick"] .tg-wrap > :not(#growth-root){display:none!important}
#growth-root{--growth-gold:#e6c779;--growth-line:rgba(230,199,121,.38);--growth-muted:#d6cfe2;box-sizing:border-box;max-width:720px;margin:24px auto 0;color:#f9f6ff;min-width:0;text-align:start;padding-bottom:28px}
#growth-root *, .growth-install *{box-sizing:border-box}
#growth-root [hidden],.growth-install[hidden]{display:none!important}
#growth-root h1,#growth-root h2,#growth-root h3,#growth-root p{overflow-wrap:anywhere;max-width:100%}
#growth-root h1{font-size:clamp(26px,5vw,38px);line-height:1.18;letter-spacing:-.025em;margin:8px 0 16px;text-wrap:balance}
#growth-root h2{font-size:clamp(23px,4vw,30px);line-height:1.25;margin:0 0 16px}
#growth-root h3{font-size:18px;line-height:1.35;margin:0 0 12px}
#growth-root p{font-size:15px;line-height:1.65;margin:0 0 16px;color:var(--growth-muted)}
#growth-root .growth-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--growth-gold);margin:0 0 8px}
#growth-root .growth-panel{position:relative;isolation:isolate;min-width:0;padding:24px;background:linear-gradient(145deg,#251632,#150f23);border:1px solid var(--growth-line);border-radius:22px;box-shadow:0 12px 32px rgba(0,0,0,.16);margin-block:24px;overflow:visible}
#growth-root .growth-panel::before,#growth-root .growth-panel::after{content:none!important}
#growth-root .growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px 24px}
#growth-root .growth-actions,.growth-install .growth-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px;margin-block:24px 0;min-width:0}
#growth-root button,#growth-root .growth-button,.growth-install .growth-button{min-height:48px;min-width:0;border:1px solid var(--growth-line,rgba(230,199,121,.45));border-radius:14px;padding:12px 16px;font:inherit;font-size:15px;line-height:1.45;font-weight:650;white-space:normal;overflow-wrap:anywhere;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:#fff4d6;background:#31213e;cursor:pointer;box-shadow:none;transition:background-color .16s,border-color .16s}
#growth-root .growth-primary,.growth-install .growth-primary{background:linear-gradient(115deg,#f0d694,#d5af59);color:#20142c;border-color:#f1dca5;font-weight:800}
#growth-root .growth-choice{width:100%;justify-content:flex-start;text-align:start;position:relative}
#growth-root .growth-choice[aria-pressed="true"]{background:#56356c;border-color:var(--growth-gold);box-shadow:inset 0 0 0 1px var(--growth-gold)}
#growth-root .growth-choice[aria-pressed="true"]::after{content:'✓';margin-inline-start:auto;padding-inline-start:10px;color:#ffe7a5;font-weight:900}
#growth-root .growth-actions>*{flex:1 1 180px}
#growth-root .growth-grid .growth-choice{font-size:15px}
#growth-root button:disabled{opacity:.6;cursor:wait}
#growth-root :is(button,a,input,select):focus-visible,.growth-install :is(a,button):focus-visible{outline:3px solid #ffe4a4;outline-offset:4px}
#growth-root h1:focus,#growth-root h2:focus{outline:none}
#growth-root label{display:block;color:#f5eafc;font-size:14px;font-weight:650;line-height:1.5;margin-bottom:10px}
#growth-root select,#growth-root input[type="text"]{display:block;width:100%;min-height:48px;font:inherit;font-size:16px;color:#fbf8ff;background:#21152e;border:1px solid var(--growth-line);border-radius:12px;padding:12px;margin-bottom:24px}
#growth-root .growth-check{display:flex;gap:12px;align-items:flex-start;margin-block:20px;min-height:48px;padding-block:10px;font-weight:500}
#growth-root .growth-check input{flex:none;width:22px;height:22px;margin:1px 0;accent-color:#d6b971}
#growth-root .growth-subtle{font-size:13px;color:#c3b6d1}
#growth-root .growth-status{padding:16px;border-radius:14px;background:#33233e;border:1px solid var(--growth-line);margin-block:16px;line-height:1.65;overflow-wrap:anywhere}
#growth-root .growth-error{border-color:#dc9fa6;background:#362332;color:#fff0f2}
#growth-root .growth-provider-list{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 16px}
#growth-root .growth-provider-list li{max-width:100%;padding:8px 12px;border-radius:10px;background:#352341;border:1px solid var(--growth-line);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#growth-root .growth-poster-wrap{width:min(100%,250px);aspect-ratio:2/3;border-radius:16px;background:#1b1426;margin:0 auto 24px;display:grid;place-items:center;overflow:hidden}
#growth-root .growth-poster{display:block;width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
#growth-root .growth-poster-wrap p{text-align:center;padding:20px;margin:0}
#growth-root .growth-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-block:12px 24px;font-size:14px;color:#e3d7b5}
#growth-root .growth-divider{margin-block:24px;border:0;border-top:1px solid var(--growth-line)}
#growth-root .growth-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin-block:24px}
#growth-root .growth-links a{display:inline-flex;align-items:center;min-height:48px;color:#e7cb87;font-size:14px;text-underline-offset:4px;overflow-wrap:anywhere}
#growth-root .growth-progress{display:flex;gap:8px;margin-bottom:24px}
#growth-root .growth-progress span{height:4px;border-radius:4px;flex:1;background:#49354c}
#growth-root .growth-progress span[data-done="true"]{background:var(--growth-gold)}
.growth-install{--growth-line:rgba(230,199,121,.45);margin:24px 0;padding:24px;border-radius:20px;border:1px solid var(--growth-line);background:#231631;color:#faf4ff;text-align:start;min-width:0}
.growth-install h2,.growth-install h3{color:#f1d38e;margin:0 0 12px;font-size:22px;line-height:1.3}
.growth-install p{color:#dbd2e6;font-size:15px;line-height:1.65;margin:0 0 16px}
.growth-install .growth-actions>*{flex:1 1 200px}
.growth-install .growth-link{display:inline-flex;min-height:48px;align-items:center;color:#ebd193;line-height:1.5;margin-top:16px;overflow-wrap:anywhere}
@media(max-width:380px){#growth-root .growth-panel,.growth-install{padding:18px}#growth-root .growth-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#growth-root *, .growth-install *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* In a step-by-step invitation, the shared brand header stays in document flow.
   A sticky header must not cover newly rendered quiz choices during a step change. */
html[data-growth-mode="quick"] body.page-shell > header.app-header.mh-topbox{position:relative!important;inset:auto!important}
html[data-growth-mode="quick"] body.page-shell > header.app-header .install-btn{display:none!important}
#growth-root .growth-panel{scroll-margin-block-start:24px}

/* Keep the closed assistant on its header, not over scrolling quiz controls. */
html[data-growth-mode="quick"] #ma-ambient-jonas.ja-header-default{position:absolute!important;top:69px!important}
html[data-growth-mode="quick"]{scroll-padding-top:0!important}
#growth-root .growth-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
#growth-root .growth-toolbar p{margin:0}
#growth-root select.growth-language{width:auto;max-width:190px;margin:0;flex:0 1 190px}
