:root{--navy:#132e43;--navy-deep:#0c2437;--ink:#172f41;--muted:#586b79;--line:#dce4eb;--teal:#007d78;--teal-light:#e8f6f3;--blue:#2661c8;--surface:#f3f6f9;--white:#fff;font-size:16px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--surface);font-size:1rem;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:var(--teal);text-underline-offset:3px}p{margin:.6rem 0 1rem}h1,h2,h3{line-height:1.22;margin:0 0 1rem;font-weight:650;letter-spacing:-.025em}h1{font-size:2.5rem}h2{font-size:2.25rem}h3{font-size:1.15rem}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #24aaa2;outline-offset:4px}button svg,a svg{flex-shrink:0}.topbar{min-height:88px;padding:1rem 3.5%;display:flex;align-items:center;gap:24px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-size:1.15rem;font-weight:730;letter-spacing:-.035em;text-decoration:none}.brand-icon{width:40px;height:40px;display:grid;place-items:center;background:var(--navy);color:#fff;border-radius:10px}.brand-light{font-weight:430;margin-left:4px}.study-tag{display:inline-flex;font-size:.8rem;font-weight:650;color:#876022;background:#fff3d9;border:1px solid #f0d9ad;border-radius:5px;padding:4px 9px;white-space:nowrap;letter-spacing:.015em}.researcher-link{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:.875rem;color:#5d6b79;text-decoration:none}.study-grid{max-width:1520px;margin:auto;display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 140px)}.journey{background:var(--navy);color:#fff;padding:48px 36px 28px;display:flex;flex-direction:column;gap:28px}.eyebrow{font-size:.75rem;line-height:1.65;letter-spacing:.12em;font-weight:720;color:#a8c6d5;margin:0 0 18px}.eyebrow.dark{color:var(--teal);font-size:.75rem;letter-spacing:.11em;margin-bottom:12px}.journey h1{font-family:Georgia,"Times New Roman",serif;font-size:2.4rem;font-weight:400;line-height:1.25;letter-spacing:-.035em;margin:0 0 20px}.journey-copy{font-size:.9375rem;line-height:1.8;color:#b8cdd9}.steps{padding:0;list-style:none;margin:4px 0 0}.steps li{display:flex;align-items:center;gap:15px;color:#bdcbd5;padding:15px 0;min-height:66px;font-size:.94rem}.steps li.current{color:white;font-weight:650}.step-number{font-size:.8rem;width:32px;height:32px;border:1px solid #4c6678;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.current .step-number{background:#b9ede4;color:#093e43;border-color:#b9ede4}.done .step-number{border:none;color:#9bdace}.steps small{font-weight:400;font-size:.75rem;display:block;color:#bdd8db;line-height:1.4;margin-top:3px}.journey-bottom{margin-top:auto;padding-top:28px;border-top:1px solid #375065;display:flex;gap:12px;align-items:center;color:#b9dedb;font-size:.875rem}.journey-bottom p{margin:0}.journey-bottom span{color:#b9cbd6;font-size:.81rem}.participant-main{background:white;padding:48px clamp(28px,5vw,84px) 28px;min-width:0}.intro,.form-page{max-width:710px;margin:auto}.section-heading .lead{font-size:1.12rem;color:#435968;line-height:1.75;margin-bottom:25px}.study-notice{background:#f2f6fa;border-left:3px solid #678ca9;padding:17px 21px;margin:22px 0}.notice-label{font-size:.8rem;letter-spacing:.055em;text-transform:uppercase;font-weight:750;color:#4e6170;white-space:nowrap}.study-notice p{font-size:.94rem;color:#4b6170;margin:5px 0 0;line-height:1.65}.facts{display:grid;gap:17px;margin:28px 0}.facts>div{display:flex;gap:14px;align-items:center}.facts svg{color:var(--teal);width:21px}.facts strong{display:block;font-weight:620;font-size:.97rem}.facts small{display:block;color:var(--muted);font-size:.875rem}.info-detail{border-top:1px solid var(--line);padding:17px 0}.info-detail summary{font-weight:630;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:.95rem}.info-detail[open] summary svg{transform:rotate(180deg)}.info-detail p{font-size:.94rem;color:#4c6170;line-height:1.75;margin:13px 0 0}.start-actions{padding-top:18px;display:flex;align-items:flex-start;flex-direction:column;gap:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--teal);color:#fff;border:1px solid transparent;border-radius:6px;padding:12px 23px;font-weight:640;font-size:.94rem;text-decoration:none;min-height:46px;line-height:1.45;transition:background .16s}.button:hover:not(:disabled){background:#056a67}.button.secondary{background:#fff;color:var(--ink);border-color:#d4dee6}.button.secondary:hover{background:#f2f6fa}.button.danger{background:#a02f3c}.text-button{background:none;border:0;color:#3f6478;padding:7px 0;font-size:.875rem;line-height:1.5;text-align:left;display:inline-flex;align-items:center;gap:5px;font-weight:560;text-decoration:none}.text-button:hover{text-decoration:underline}.form-page>p{color:#506473;line-height:1.8}.form-page>.button,.form-page>.text-button{margin:10px 18px 4px 0}.consent-list{margin:30px 0;display:flex;flex-direction:column;gap:14px}.check-row{display:flex;gap:15px;align-items:flex-start;border:1px solid var(--line);border-radius:8px;padding:20px 19px;cursor:pointer;font-size:1rem;line-height:1.65}.check-row:has(input:checked){border-color:#4fa19a;background:#f0faf7}.check-row input{accent-color:var(--teal);width:19px;height:19px;min-width:19px;margin-top:5px}.small-note{display:flex;align-items:flex-start;gap:11px;color:var(--muted);margin:20px 0}.small-note svg{flex-shrink:0;margin-top:3px}.small-note p{font-size:.875rem;margin:0;line-height:1.7}.demographic-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px;margin:32px 0}.demographic-grid label,label[for="returncode"]{display:block;font-size:.9rem;font-weight:620;margin:0 0 8px}.demographic-grid label span{float:right;font-size:.75rem;color:#768594;font-weight:400}select,textarea,input[type="text"]{width:100%;padding:12px;border:1px solid #cad6df;background:#fff;border-radius:6px;color:var(--ink)}select{min-height:48px}textarea{resize:vertical;line-height:1.7}.site-footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:18px 3.5%;font-size:.75rem;color:#677988;background:#fff;border-top:1px solid var(--line)}.error,.success{border-radius:7px;padding:15px 20px;margin:0 0 22px;font-size:.94rem}.error{background:#fff0f0;border:1px solid #edc8ce;color:#8e2639}.error .text-button{color:inherit;margin-left:16px}.success{background:#eaf8f1;border:1px solid #bddbcd;color:#225d46}.loading{display:flex;align-items:center;justify-content:center;gap:15px;min-height:220px;color:var(--muted)}.spinner{height:22px;width:22px;border:2px solid #d6e4e7;border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-enter{animation:enter .25s ease}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}.interview-main{padding-top:32px}.interview-top{display:flex;align-items:center;gap:20px;justify-content:space-between}.interview-top h2{font-size:1.65rem;margin-bottom:8px}.interview-top .eyebrow{margin-bottom:8px}.mode-label{font-size:.81rem;color:var(--muted);margin:0 0 18px}.question-counter{font-size:1.7rem;line-height:1.2;color:var(--teal);white-space:nowrap}.question-counter small{font-size:.875rem;color:var(--muted)}.progress-track{height:5px;border-radius:4px;background:#e9eef2;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--teal);transition:width .4s}.interview-reminder{font-size:.81rem;color:#6a7b87;margin:14px 0 0}.transcript{min-height:230px;max-height:45vh;overflow:auto;padding:20px 10px 24px 0;scrollbar-width:thin}.turn{margin:0 0 23px;max-width:93%}.turn.participant{margin-left:auto;max-width:85%}.turn-label{display:flex;align-items:center;gap:10px;font-size:.75rem;color:#5b7080;font-weight:650;margin-bottom:7px}.turn-label span{font-size:.7rem;color:#8a98a3;font-weight:400}.bubble{padding:17px 20px;border-radius:3px 12px 12px 12px;background:#f1f5f8;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.participant .bubble{background:#e7f4f0;border-radius:12px 3px 12px 12px}.participant .turn-label{justify-content:flex-end}.composer{border:1px solid #bfced8;border-radius:10px;overflow:hidden;margin-top:5px;box-shadow:0 2px 8px #18324906}.composer textarea{border:0;display:block;min-height:110px;border-radius:0;resize:vertical;padding:17px 20px}.composer textarea:focus{outline:0;box-shadow:inset 0 0 0 2px #62a9a2}.composer-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 12px 20px;gap:18px;border-top:1px solid #edf1f5}.composer-footer>span{font-size:.75rem;color:var(--muted);line-height:1.6}.composer-footer small{display:block;font-size:.7rem;color:#7d8d97}.interview-controls{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0}.session-footer{display:flex;flex-wrap:wrap;align-items:center;gap:20px;border-top:1px solid var(--line);margin-top:32px;padding-top:17px;font-size:.75rem;color:#6f818c}.session-footer>span{display:flex;align-items:center;gap:6px;margin-right:auto}.session-footer .text-button{font-size:.75rem}.pause-card{padding:25px;background:#edf5f7;border:1px solid #c8dce3;border-radius:10px;margin-top:16px}.pause-card h3{margin:10px 0}.pause-card p{color:var(--muted)}.complete-mark{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:var(--teal-light);color:var(--teal);margin:10px 0 26px}.muted{color:var(--muted);font-size:.875rem}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:60;background:#0b1f35aa;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:white;position:relative;padding:35px;max-width:540px;max-height:92vh;overflow-y:auto;border-radius:14px;box-shadow:0 20px 80px #061b3333}.modal h2{font-size:1.7rem;margin-top:18px}.modal p{color:var(--muted);font-size:.97rem;line-height:1.8}.modal>.button,.modal>.text-button{margin:10px 15px 0 0}.icon-button{padding:8px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;background:none;color:var(--muted)}.icon-button:hover{background:#edf2f7}.close{position:absolute;top:13px;right:13px}.return-code{display:block;overflow-wrap:anywhere;background:#f0f5f8;padding:20px;margin:22px 0;font-size:1rem;line-height:2;letter-spacing:.035em}.access-page{max-width:700px;margin:80px auto;padding:30px}.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}.dashboard-shell{display:flex;min-height:100vh}.admin-nav{width:260px;background:var(--navy-deep);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:28px 22px;z-index:20}.admin-nav .brand{color:#fff;font-size:1rem;gap:9px;flex-wrap:wrap}.admin-nav .brand-icon{background:#22445b;color:#a8eee0;width:35px;height:35px}.admin-label{font-size:.68rem;letter-spacing:.16em;color:#94acbc;margin:47px 12px 17px}.admin-nav nav{display:flex;flex-direction:column;gap:7px}.admin-nav nav button{display:flex;gap:12px;align-items:center;text-align:left;background:transparent;color:#b7c9d6;border:0;border-radius:7px;padding:13px 12px;font-size:.875rem;line-height:1.4}.admin-nav nav button.active{background:#24475c;color:white}.admin-nav nav button>span{margin-left:auto;background:#45667a;padding:1px 6px;border-radius:4px;font-size:.75rem}.nav-bottom{margin-top:auto;padding:24px 11px 0}.nav-bottom p{color:#aabfcc;font-size:.81rem;line-height:1.8}.nav-bottom a{color:#c0e0e4;font-size:.8rem;display:flex;gap:5px;align-items:center;text-decoration:none}.dashboard-main{margin-left:260px;padding:35px 38px;width:calc(100% - 260px);max-width:1800px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.dashboard-header h1{font-size:2rem;margin-bottom:0}.dashboard-header .eyebrow{font-size:.68rem;margin-bottom:8px}.dashboard-actions{display:flex;gap:10px}.dashboard-actions .button{font-size:.8rem;padding:10px 14px;min-height:40px}.dashboard-banner{border:1px solid #cbdce6;border-radius:8px;background:#e9f1f7;padding:14px 18px;display:flex;gap:14px;align-items:center;margin-bottom:26px}.dashboard-banner p{font-size:.86rem;line-height:1.7;margin:0;color:#4e687a}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.stat{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.stat>span{display:block;font-size:.875rem;color:#566d7e}.stat>strong{display:block;font-size:2.6rem;font-weight:530;letter-spacing:-.06em;line-height:1.4;margin:6px 0}.stat small{color:#738491;font-size:.75rem;line-height:1.4;display:block}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:25px}.panel-head{padding:23px 25px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #edf1f5}.panel-head h2{font-size:1.15rem;letter-spacing:-.02em;margin:0}.panel-head .eyebrow{font-size:.65rem;margin-bottom:7px}.panel-head p{margin:5px 0 0}.overview-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:23px}.empty-state{padding:48px 25px;text-align:center;color:#6a7d8c;max-width:490px;margin:auto}.empty-state>svg{color:#90a7b6;margin:0 auto 15px}.empty-state h3{font-size:1.05rem;color:#2c4558;margin-bottom:10px}.empty-state p{font-size:.9rem;line-height:1.85;margin-bottom:23px}.empty-state .button{font-size:.85rem}.analysis-summary{padding:23px 26px}.analysis-summary>strong{font-size:2.7rem;font-weight:520;line-height:1.4;display:flex;gap:15px;align-items:center}.analysis-summary>strong span{font-size:.9rem;max-width:150px;line-height:1.55;color:var(--muted);font-weight:400}.analysis-summary .progress-track{margin-top:20px}.analysis-summary p{font-size:.875rem;margin:10px 0 17px}.connection-line{display:flex;gap:10px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.status{font-size:.73rem;border-radius:5px;padding:4px 8px;display:inline-block;white-space:nowrap;background:#edf1f6;color:#5a6d7c;line-height:1.55}.status.complete{background:#e1f2e9;color:#28664b}.status.paused,.status.ended{background:#fff2da;color:#836126}.status.interview{background:#e9f0fc;color:#3966aa}.empty-inline{padding:15px 25px 22px;color:#687d8d;font-size:.875rem}.recent-list button{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:16px 24px;border:0;border-bottom:1px solid #edf1f5;background:none}.recent-list button:hover{background:#f9fbfc}.recent-list button:last-child{border:0}.record-icon{background:#f0f5f8;border-radius:7px;padding:10px;color:#7793a6}.recent-list strong{font-size:.83rem;display:block;font-weight:650}.recent-list small{font-size:.73rem;display:block;color:var(--muted);margin-top:4px}.recent-list .status{margin-left:auto}.inline-actions{display:flex;align-items:center;gap:10px}.inline-actions select{min-height:39px;padding:7px 10px;width:auto;font-size:.8rem}.inline-actions .button{font-size:.8rem;padding:8px 12px;min-height:39px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem;white-space:nowrap}th{text-align:left;background:#f9fbfc;color:#637889;font-size:.75rem;font-weight:580;padding:13px 24px}td{padding:16px 24px;border-top:1px solid #edf1f5}.record-id{font-family:ui-monospace,monospace;font-size:.8rem}.dashboard-footer{display:flex;justify-content:space-between;gap:15px;color:#7a8c98;font-size:.75rem;padding:2px 0 12px;flex-wrap:wrap}.dashboard-footer>span{display:flex;align-items:center;gap:6px}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:24px}.coverage-grid>div{padding:15px;border:1px solid var(--line);border-radius:6px}.coverage-grid span{font-size:.875rem}.coverage-grid strong{display:block;font-size:1.3rem;margin-top:8px}.coverage-grid small{font-size:.75rem;font-weight:400;color:#738897;margin-left:7px}.framework-intro{max-width:900px;margin:25px 0 30px}.lead{font-size:1.15rem;line-height:1.8;color:#425d70}.version-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.version-tags span{background:white;border:1px solid var(--line);border-radius:4px;padding:5px 8px;font-size:.7rem;color:#607687}.framework-intro>p:last-child{font-size:.9rem;color:var(--muted)}.guide-question{border-bottom:1px solid var(--line)}.guide-question:last-child{border:0}.guide-question summary{display:flex;align-items:center;gap:20px;padding:20px 25px;list-style:none;cursor:pointer;font-size:1rem}.guide-question summary>span:nth-child(2){flex:1}.guide-question summary small{display:block;color:#718794;font-size:.7rem;margin-bottom:6px}.q-num{color:var(--teal);font-size:.87rem;font-weight:650;align-self:flex-start;padding-top:3px}.guide-question>div{margin:0 25px 22px 65px;font-size:.94rem}.guide-question ul{list-style:disc;padding-left:22px;color:#405f73}.guide-question li{padding:6px 0}.guide-question[open] summary>svg{transform:rotate(90deg)}.codebook-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.codebook-grid>div{padding:23px;background:white}.code-tag{display:inline-block;font-size:.73rem;padding:3px 8px;border-radius:4px;background:#e6f4f0;color:var(--teal);font-weight:650}.codebook-grid h3{font-size:.98rem;margin:10px 0}.codebook-grid p{font-size:.875rem;color:var(--muted)}.source-note{padding:22px 25px;font-size:.83rem;color:#5b7385;line-height:1.9;background:#f6f9fb}.readiness-row{display:flex;align-items:flex-start;gap:15px;padding:23px 25px;border-bottom:1px solid #edf1f5}.readiness-row>svg{color:var(--teal);margin-top:3px;flex-shrink:0}.readiness-row>div{flex:1}.readiness-row strong{font-size:.98rem;font-weight:610}.readiness-row p{font-size:.875rem;line-height:1.8;color:var(--muted);margin:4px 0 0}.readiness-row>span{font-size:.75rem;color:var(--teal);white-space:nowrap;margin-top:5px}.readiness-row.pending>span,.readiness-row.pending>svg{color:#957227}.launch-list{counter-reset:launch;list-style:none;padding:12px 30px 25px}.launch-list li{counter-increment:launch;padding:17px 0 10px 44px;position:relative}.launch-list li:before{content:counter(launch);position:absolute;left:0;top:18px;background:#edf3f7;border-radius:50%;width:26px;height:26px;text-align:center;line-height:26px;font-size:.8rem;color:#4e7087}.launch-list p{font-size:.94rem;line-height:1.8;color:var(--muted);margin:6px 0}.launch-list strong{font-weight:620}.toast{position:fixed;top:20px;right:25px;background:var(--navy);color:white;border-radius:7px;padding:12px 22px;z-index:70;box-shadow:0 5px 35px #152e4422;font-size:.875rem}.drawer-backdrop{justify-content:flex-end;padding:0}.record-drawer{height:100%;width:min(700px,100%);background:white;box-shadow:-10px 0 70px #10253a33;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:25px 30px 5px}.drawer-head h2{font-family:ui-monospace,monospace;font-size:1.65rem;margin-bottom:12px}.drawer-head .eyebrow{font-size:.7rem;margin-bottom:7px}.record-meta{padding:0 30px 20px;display:flex;align-items:center;gap:15px;font-size:.75rem;color:#798d9b}.record-tabs{display:flex;align-items:center;gap:25px;padding:0 30px;border-bottom:1px solid var(--line)}.record-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0;background:none;color:#6e8495;font-size:.875rem}.record-tabs button.active{border-color:var(--teal);color:var(--teal);font-weight:650}.record-tabs a{margin-left:auto;color:#718898}.drawer-content{overflow-y:auto;padding:26px 30px;flex:1}.review-turn{padding:16px 20px;background:#f3f6f9;border-radius:7px;margin:0 0 18px}.review-turn.participant{background:#edf7f3}.review-turn small{font-size:.7rem;color:#677e8e;letter-spacing:.02em}.review-turn p{font-size:1rem;line-height:1.8;margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.coding-notice{background:#f1f5f9;padding:16px 20px;font-size:.9rem;margin-bottom:25px}.code-card{border:1px solid var(--line);border-radius:8px;padding:20px;margin:20px 0}.code-card h3{font-size:1.03rem;margin:12px 0}.code-card blockquote{border-left:3px solid #a6cebd;background:#f0f7f4;padding:14px 17px;margin:14px 0;white-space:pre-wrap;font-size:1rem}.code-card>p{font-size:.9rem;color:var(--muted)}.code-card small{font-size:.7rem;color:#728697}.code-card label{display:block;font-size:.8rem;margin-top:17px}.code-card select{display:block;font-size:.875rem;margin-top:7px}.context-list{margin:15px 0 30px}.context-list>div{display:grid;grid-template-columns:1fr 1.4fr;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.context-list dt{color:#687f90;text-transform:capitalize}.context-list dd{margin:0;overflow-wrap:anywhere}
@media(min-width:1450px){.study-grid{grid-template-columns:410px 1fr}.journey{padding:60px 45px 30px}.journey h1{font-size:2.8rem}.participant-main{padding-top:55px}}
@media(max-width:1150px){.study-grid{grid-template-columns:300px 1fr}.journey{padding:35px 28px}.journey h1{font-size:2.1rem}.participant-main{padding:35px 30px}.dashboard-main{padding:25px;width:calc(100% - 225px);margin-left:225px}.admin-nav{width:225px;padding:24px 16px}.admin-nav .brand{font-size:.86rem;gap:6px}.admin-nav .brand-icon{width:30px;height:30px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:18px}.stat{padding:18px}.stat-grid{gap:12px}.overview-columns{grid-template-columns:1fr}.codebook-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.topbar{padding:15px 20px;gap:12px;min-height:75px}.brand{font-size:1rem;gap:8px}.brand-icon{width:34px;height:34px}.researcher-link{font-size:.75rem}.topbar .study-tag{display:none}.study-grid{grid-template-columns:1fr}.journey{padding:25px 24px 20px;gap:18px}.journey>div:first-child{display:none}.journey-bottom{display:none}.steps{display:flex;justify-content:space-between;gap:8px;margin:0}.steps li{font-size:.7rem;gap:8px;align-items:center;flex-direction:column;padding:0;text-align:center;min-height:0}.steps small{display:none}.step-number{width:29px;height:29px;font-size:.73rem}.participant-main{padding:32px 25px}.form-page,.intro{max-width:680px}.participant-main h2{font-size:1.9rem}.site-footer{font-size:.7rem;padding:18px 25px}.interview-top h2{font-size:1.3rem}.transcript{max-height:46vh}.question-counter{font-size:1.2rem}.question-counter small{font-size:.75rem}.session-footer{gap:12px}.dashboard-shell{display:block}.admin-nav{position:static;width:100%;padding:16px 20px;gap:13px}.admin-nav .brand{font-size:1rem}.admin-nav nav{flex-direction:row;flex-wrap:wrap;gap:3px}.admin-nav nav button{font-size:.78rem;padding:9px 10px;gap:6px}.admin-nav nav button svg{width:16px}.admin-nav .admin-label,.nav-bottom{display:none}.dashboard-main{margin:0;width:100%;padding:25px 20px}.dashboard-header h1{font-size:1.8rem}.dashboard-header .eyebrow{font-size:.63rem}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-banner{align-items:flex-start;flex-direction:column;gap:4px}.panel-head{padding:20px;align-items:flex-start;flex-wrap:wrap;gap:12px}.codebook-grid,.coverage-grid{grid-template-columns:repeat(2,1fr)}.readiness-row{padding:20px;flex-wrap:wrap}.readiness-row>div{flex-basis:70%}.readiness-row>span{margin-left:37px}.guide-question summary{padding:18px;gap:14px}.guide-question>div{margin-left:46px}.launch-list{padding-left:20px;padding-right:20px}.inline-actions{flex-wrap:wrap}}
@media(max-width:480px){body{font-size:1rem}.topbar{padding:14px 17px}.researcher-link{font-size:.68rem;gap:4px}.brand{font-size:.9rem;gap:6px}.brand-light{margin-left:2px}.brand-icon{width:30px;height:30px}.researcher-link svg{display:none}.journey{padding:21px 16px}.steps li{font-size:.64rem}.participant-main{padding:28px 20px}.demographic-grid{grid-template-columns:1fr;gap:20px}.facts small{font-size:.8rem}.check-row{padding:17px 15px}.composer-footer{padding:10px;gap:10px}.composer-footer>span{font-size:.67rem}.composer-footer .button{padding:10px 14px;white-space:nowrap}.interview-top{align-items:flex-start;gap:8px}.question-counter{display:none}.interview-controls{gap:16px}.modal{padding:27px 22px}.modal-backdrop{padding:15px}.codebook-grid,.coverage-grid{grid-template-columns:1fr}.record-tabs{gap:17px;padding:0 20px}.drawer-content{padding:20px}.record-meta{flex-wrap:wrap;padding:0 20px 16px}.drawer-head{padding:20px 20px 4px}.brand-light{font-weight:430}.dashboard-main{padding:22px 14px}.stat{padding:18px 14px}.stat>span{font-size:.8rem}.stat small{font-size:.7rem}.stat>strong{font-size:2.25rem}.admin-nav nav button{font-size:.7rem}.dashboard-actions{flex-wrap:wrap}.panel-head .inline-actions{width:100%}.context-list>div{grid-template-columns:1fr;gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Spoken interviews and participant-approved transcripts */
.definition-card{padding:24px;border-left:4px solid var(--teal);background:#edf7f6;border-radius:0 8px 8px 0;margin:24px 0}.definition-card p:last-of-type{margin-bottom:12px}.definition-card small{font-size:.875rem;color:var(--muted)}.scope-check{margin:28px 0 20px;padding:20px;border:1px solid var(--line);border-radius:10px;min-width:0}.scope-check legend{font-weight:650;padding:0 8px}.scope-check .check-row{padding:12px 0;border:0}.scope-message{padding:12px 16px;background:var(--surface);border-radius:6px}.connection-copy{color:#76531b;background:#fff5df;padding:12px 16px;border-radius:6px}.field-help{display:block;color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:8px}.voice-recorder{border:1px solid #b8d4d1;border-radius:12px;background:#fff;margin:20px 0;overflow:hidden}.voice-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border-bottom:1px solid var(--line);background:#f1f8f7;font-size:.875rem}.voice-toolbar>span{display:flex;align-items:center;gap:8px;font-weight:650}.voice-toolbar .text-button{display:flex;align-items:center;gap:7px;margin:0}.voice-connection{font-size:.875rem;padding:14px 18px;margin:0;background:#fff7e8;color:#76531b}.voice-recorder>.error{margin:16px}.record-ready{padding:28px 20px;text-align:center}.record-button{display:grid;place-items:center;width:64px;height:64px;border:0;border-radius:50%;background:var(--teal);color:white;margin:0 auto 16px}.record-ready h3{margin-bottom:8px}.record-ready p{margin:0 0 18px}.record-ready small{display:block;font-size:.875rem;color:var(--muted);margin-top:12px}.recording-panel{padding:28px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.record-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;background:#c13743;box-shadow:0 0 0 5px #fae8ea}.record-indicator.is-paused{background:#b87d18;box-shadow:0 0 0 5px #fff2db}.record-time{font-variant-numeric:tabular-nums;font-size:1.4rem;color:var(--navy);margin-left:8px}.recording-panel .inline-actions{width:100%;justify-content:center;margin:12px 0 0}.recording-panel small{display:block;text-align:center;font-size:.875rem;color:var(--muted)}.recorded-preview{padding:20px}.recorded-preview .inline-actions{margin:18px 0}.recorded-preview details p{white-space:pre-wrap}.recorded-preview .text-button{display:flex;align-items:center;gap:6px}.recorded-preview .muted{font-size:.875rem;margin-bottom:0}audio{display:block;width:100%;max-width:100%;margin:12px 0}.bubble audio{margin:12px 0 0}.interview-reminder summary{cursor:pointer;font-weight:600}.interview-reminder p{font-size:.875rem}.transcript-review{max-width:780px;margin:0 auto}.transcript-review h2{margin-bottom:16px}.review-question{margin:32px 0 12px;border-left:3px solid #9ab4c6;padding:2px 16px}.review-question small{font-size:.875rem;color:var(--muted)}.review-question p{font-weight:600;margin:6px 0;white-space:pre-wrap}.review-entry{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.review-entry.has-change{border-color:var(--teal)}.review-entry label{font-weight:650;display:block;margin-bottom:10px}.review-entry textarea{display:block;width:100%;min-height:130px;border:1px solid #b9c8d3;border-radius:6px;resize:vertical;padding:14px;font-size:1rem;line-height:1.7}.review-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px}.review-actions>span{font-size:.875rem;color:var(--muted)}.review-marker{font-size:.875rem;color:var(--muted);padding:12px 16px}.review-submit{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.review-submit .check-row{margin-bottom:18px}.review-submit>.text-button{display:block;margin:14px 0}.review-submit .muted{font-size:.875rem;margin-top:14px}.record-mode{display:block;color:var(--muted);font-size:.8125rem}.original-transcript{background:var(--surface);border-radius:6px;padding:12px 16px;margin-top:14px;font-size:.875rem}.original-transcript summary{cursor:pointer;font-weight:600}.original-transcript p{white-space:pre-wrap}.status.review{background:#eef0fd;color:#494b92}.record-tabs[hidden]{display:none}.form-page .text-button{white-space:normal}.interview-controls{flex-wrap:wrap}.recorded-preview audio:focus-visible{outline:3px solid var(--teal)}
@media(max-width:700px){.definition-card{padding:18px}.scope-check{padding:12px}.voice-toolbar{padding:12px}.recording-panel .inline-actions,.recorded-preview .inline-actions{flex-wrap:wrap}.review-entry{padding:14px}.review-actions .button{width:100%;justify-content:center}.transcript-review h2{font-size:1.8rem}.recorded-preview{padding:16px}.record-time{font-size:1.25rem}}
/* Question-by-question recording and finalisation */
.example-list{margin:24px 0 28px;padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:#fff}.example-list ul{padding-left:20px;margin:12px 0}.example-list li{padding:5px 0;line-height:1.6}.example-list .muted{font-size:.875rem;margin:14px 0 0}.active-question{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:24px 0 12px}.active-question .eyebrow{display:block;margin-bottom:12px}.active-question h3{font-size:1.45rem;line-height:1.5;letter-spacing:-.015em}.active-question p{font-size:.875rem;color:var(--muted);margin-bottom:0}.record-saving{text-align:center;padding:36px 20px}.record-saving .spinner{display:inline-block;margin-bottom:16px}.record-saving h3{margin-bottom:12px}.record-saving p{font-size:.875rem;color:var(--muted)}.finalisation{max-width:800px;margin:0 auto}.finalisation h2:focus{outline:none}.finalisation-stats{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:14px 0;margin:16px 0;border-bottom:1px solid var(--line)}.finalisation-stats span{font-size:.875rem;color:var(--muted)}.finalisation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.finalisation-choice{display:grid;grid-template-columns:auto 1fr;position:relative;gap:14px;padding:24px;text-align:left;align-items:start;color:var(--ink);background:white;border:1px solid #c6d5df;border-radius:10px;min-height:168px;transition:border-color .15s,background .15s}.finalisation-choice:hover{border-color:var(--teal);background:#f4fbfa}.finalisation-choice>svg{color:var(--teal);margin-top:2px}.finalisation-choice .choice-number{position:absolute;right:15px;top:10px;font-size:.875rem;font-weight:650;color:#698392}.finalisation-choice strong{display:block;font-size:1.1rem;margin-bottom:8px;padding-right:10px}.finalisation-choice small{display:block;font-size:.875rem;line-height:1.6;color:var(--muted)}.transcription-status{background:#fff7e7;border:1px solid #edd9b5;border-radius:8px;padding:18px 20px;margin:24px 0}.transcription-status strong{color:#79541e}.transcription-status p{font-size:.875rem;margin-bottom:0}.transcription-status .button{margin-top:16px}.selection-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 14px}.selection-tools>span{font-size:.875rem;color:var(--muted);margin-left:auto}.question-select-list{display:grid;gap:10px;margin-bottom:24px}.question-select-list .check-row{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;align-items:start}.question-select-list .check-row>span{min-width:0}.question-select-list strong{display:block;color:var(--teal);margin-bottom:5px}.question-selection-text{display:block;line-height:1.55}.question-select-list small{display:block;font-size:.875rem;color:var(--muted);margin-top:8px}.review-position{font-size:.875rem;color:var(--teal);font-weight:650;margin-bottom:16px}.listen-panel,.answer-editor,.submit-panel{margin-top:24px}.listen-panel{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px}.listen-panel h3,.answer-editor h3{font-size:1.25rem;line-height:1.6}.listen-panel audio{margin:24px 0}.listen-panel .inline-actions{flex-wrap:wrap}.listen-panel .muted{font-size:.875rem;margin:20px 0 0}.finalisation-footer{padding-top:24px;margin-top:28px;border-top:1px solid var(--line)}.finalisation .review-entry{margin:20px 0}.finalisation .review-question{margin:0 0 18px;padding-left:12px}.submit-panel .check-row{margin:24px 0}.answer-editor>p{color:var(--muted);font-size:.9375rem}
@media(max-width:700px){.active-question{padding:20px}.active-question h3{font-size:1.25rem}.finalisation-actions{grid-template-columns:1fr}.finalisation-choice{min-height:0;padding:22px 20px}.selection-tools>span{margin-left:0}.question-select-list .check-row{padding:14px}.listen-panel{padding:18px}.finalisation h2{font-size:1.8rem}.example-list{padding:18px}}

/* Preserve the researcher’s multipart wording in every question view. */
.question-text{white-space:pre-line}
.question-subheading{font-weight:650;color:var(--teal);margin:0 0 20px}
.interview-top>div{min-width:0}.question-counter{flex-shrink:0}
.guide-section{margin:28px 0}.guide-section>h3{font-size:1.2rem;color:var(--teal);margin:0 0 18px}
.guide-subheading{font-size:1rem;margin:24px 0 10px}
.guide-prompt{display:flex;align-items:flex-start;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.guide-prompt .q-num{flex-shrink:0}.guide-prompt p{margin:0;line-height:1.65}

.steps .step-link{display:flex;align-items:center;gap:15px;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:0;font:inherit}.steps .step-link:not(:disabled):hover{text-decoration:underline}.steps .step-link:disabled{opacity:.65}.steps li.current .step-link{opacity:1}

@media(max-width:900px){.steps .step-link{flex-direction:column;gap:8px;text-align:center}}

.exchange-turn+.exchange-turn{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}

.delete-link{color:#a02f3c;margin-left:12px}.record-delete-actions{display:flex;justify-content:flex-end;margin-bottom:20px}#delete-confirmation{display:block;width:100%;padding:10px;margin:8px 0 20px;border:1px solid var(--line);border-radius:5px}

/* Unanswered-response check before finalisation */
.response-check-intro{max-width:650px;color:var(--muted);line-height:1.7;margin:16px 0 28px}.missing-question-list{display:grid;gap:14px}.missing-question-card{padding:22px 24px;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:10px;background:#fff;display:flex;gap:24px;align-items:center;justify-content:space-between}.missing-question-card>div{min-width:0}.missing-question-number{display:block;font-size:.8rem;font-weight:700;color:var(--teal);margin-bottom:8px}.missing-question-card p{margin:0;font-size:1rem;line-height:1.6}.missing-question-card .button{flex-shrink:0;white-space:nowrap}.response-check-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;display:flex;gap:24px;align-items:center;justify-content:space-between}.response-check-footer p{font-size:.875rem;color:var(--muted);margin:0;line-height:1.6}.response-check-footer .button{flex-shrink:0}.response-check-progress{display:flex;align-items:center;gap:16px;padding:28px 0;color:var(--muted)}
@media(max-width:700px){.missing-question-card{padding:18px;align-items:stretch;flex-direction:column;gap:18px}.response-check-footer{align-items:stretch;flex-direction:column;gap:16px}}

.welcome-choice{padding-top:32px}.welcome-actions{display:flex;flex-wrap:wrap;gap:14px;margin:28px 0 24px}.welcome-choice .muted{font-size:.875rem;line-height:1.65;max-width:580px}
/* Research content workspace */
.download-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0;margin-bottom:12px;border-bottom:1px solid var(--line)}.download-toolbar>label{display:grid;gap:6px;font-size:.85rem}.drawer-downloads{padding:18px 24px}.portal-note{font-size:.85rem;line-height:1.6;margin-top:18px}.portal-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.custom-code-row{display:grid;grid-template-columns:90px 1fr 2fr 40px;gap:14px;align-items:start;padding:18px 0;border-top:1px solid var(--line)}.custom-code-row label{display:grid;gap:8px;font-size:.8rem;color:var(--muted)}.custom-code-row input,.custom-code-row textarea{width:100%;min-width:0}.custom-code-row .icon-button{margin-top:25px}.codebook-details{padding:18px 0;margin-bottom:20px}.codebook-details summary{cursor:pointer;color:var(--teal);font-weight:600}.codebook-details .codebook-grid{margin-top:20px}.coding-error{display:block;max-width:300px;margin-top:6px;color:#a12a38}.portal-code-card{padding:20px;margin:18px 0;border:1px solid var(--line);border-radius:10px}.portal-code-card>div:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.portal-code-card blockquote{border-left:3px solid var(--teal);padding:12px 16px;margin:16px 0;background:#f4f8f8;white-space:pre-wrap}.portal-code-card .inline-actions{flex-wrap:wrap;margin-top:12px}.audio-download-card{padding:18px 0;border-bottom:1px solid var(--line)}.audio-download-card audio{display:block;width:100%;margin:14px 0}.preserve-lines{white-space:pre-wrap}.code-bars{display:grid;gap:18px;margin:24px 0}.code-bar-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr minmax(150px,auto);gap:20px;align-items:center;font-size:.9rem}.code-bar-track{height:12px;border-radius:20px;background:#edf1f4;overflow:hidden}.code-bar-track>span{display:block;height:100%;background:var(--teal);border-radius:20px}.matrix-count{border:0;background:#e3f2f0;color:#16655f;border-radius:6px;min-width:34px;padding:8px;cursor:pointer;font-weight:700}.record-tabs{overflow-x:auto}.panel .inline-actions{flex-wrap:wrap}.modal input{width:100%;margin:12px 0 20px}
@media(max-width:800px){.custom-code-row{grid-template-columns:80px 1fr 35px}.custom-code-row label:nth-child(3){grid-column:1 / -1;grid-row:2}.code-bar-row{grid-template-columns:1fr auto;gap:8px}.code-bar-track{grid-column:1 / -1;grid-row:2}.download-toolbar .button{font-size:.8rem}.panel-head{flex-wrap:wrap;gap:16px}}

/* Persistent coding progress stays visible while scrolling and across portal tabs. */
.coding-floating-progress{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:2000;display:flex;align-items:center;gap:14px;width:max-content;max-width:calc(100vw - 32px);padding:18px 24px;background:#073d44;color:#fff;border:1px solid #fff6;border-radius:12px;box-shadow:0 8px 32px #0004;font-weight:600;}
.coding-floating-progress .spinner{flex-shrink:0;border-top-color:#fff;}
.manual-code-editor{position:sticky;top:0;z-index:2;background:#f0f8f7;padding:18px;border:1px solid #b5d7d2;border-radius:10px;max-height:65vh;overflow:auto;margin:20px 0;}
.manual-code-editor label{display:block;margin:12px 0;}
.manual-code-editor select,.manual-code-editor textarea{width:100%;}
.manual-code-editor blockquote{max-height:120px;overflow:auto;white-space:pre-wrap;}
.selectable-answer{user-select:text;cursor:text;padding:14px;border:1px solid #c9dadf;border-radius:8px;line-height:1.8;}
.selectable-answer:focus{outline:2px solid #00847e;outline-offset:2px;}
.selectable-answer::selection{background:#a2e0d5;color:#123;}
.manual-assigned details{margin:8px 0;background:#f6f8fa;padding:10px;border-radius:6px;}
.manual-complete{padding:20px 0;border-top:1px solid #dce4e9;}
.table-scroll td .text-button{margin-right:14px;margin-bottom:6px;}

/* Spacious transcript workspace and a dedicated confirmation screen. */
.record-drawer.manual-workspace{width:96vw;height:96dvh;margin:auto;border-radius:12px;overflow:hidden;}
.record-drawer .drawer-content{min-height:0;}
.drawer-footer{flex:0 0 auto;padding:10px 30px;border-top:1px solid var(--line);}
.manual-workspace .drawer-downloads,.manual-workspace .record-meta{display:none;}
.manual-workspace .drawer-head{padding:16px 30px 0;}
.manual-workspace .drawer-content{padding:24px 40px;}
.manual-workspace .review-entry{padding:24px;margin:24px 0;border:1px solid var(--line);border-radius:10px;}
.manual-workspace .selectable-answer{font-size:1.05rem;line-height:1.9;padding:24px;max-height:none;overflow:visible;}
.manual-code-dialog{position:fixed;inset:0;width:94vw;max-width:1600px;height:92dvh;max-height:96dvh;margin:auto;padding:0;border:1px solid #b5d7d2;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 16px 70px #0004;}
.manual-code-dialog::backdrop{background:#102c42aa;}
.manual-editor-layout{height:100%;display:flex;flex-direction:column;}
.manual-editor-header{padding:24px 32px 16px;border-bottom:1px solid var(--line);flex-shrink:0;}
.manual-editor-header h2{font-size:1.5rem;margin:0 0 8px;}
.manual-editor-header p{margin:0;color:var(--muted);}
.manual-editor-body{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:32px;padding:28px 32px;align-content:start;}
.manual-selected-passage blockquote{white-space:pre-wrap;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.9;background:#f0f8f7;border-left:4px solid var(--teal);margin:0;padding:24px;max-height:none;}
.manual-editor-fields label{display:block;font-weight:600;margin-bottom:18px;}
.manual-editor-fields select,.manual-editor-fields textarea{display:block;width:100%;margin-top:8px;font-weight:400;}
.manual-editor-footer{padding:18px 32px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:16px;flex-shrink:0;background:#f6f9fb;}
.manual-editor-footer .button{min-width:180px;min-height:50px;font-size:1rem;}
@media(max-width:700px){.record-drawer.manual-workspace{width:100%;height:100dvh;border-radius:0;}.manual-workspace .drawer-content{padding:18px;}.manual-workspace .review-entry,.manual-workspace .selectable-answer{padding:16px;}.manual-workspace .record-tabs{overflow-x:auto;flex-shrink:0;gap:18px;}.manual-code-dialog{width:98vw;height:96dvh;}.manual-editor-body{grid-template-columns:1fr;padding:20px;gap:20px;}.manual-editor-header{padding:20px;}.manual-editor-footer{padding:14px;gap:10px;}.manual-editor-footer .button{min-width:0;flex:1;}.manual-selected-passage blockquote{padding:16px;}}
.access-page{max-width:520px;margin:10vh auto;padding:32px;background:white;border-radius:12px;}.access-page label{display:block;margin:20px 0;}.access-page input{display:block;width:100%;padding:12px;margin-top:6px;}.study-settings{padding:28px;}.study-settings h3{margin-top:32px;}.settings-field,.settings-card label{display:block;font-weight:600;margin:20px 0;}.settings-field textarea,.settings-field input,.settings-card textarea,.settings-card input{display:block;width:100%;padding:12px;margin-top:6px;font-weight:400;border:1px solid #bdcbd4;border-radius:6px;}.settings-grid{display:flex;gap:32px;}.settings-grid input{display:block;width:100px;height:48px;margin:10px 0;}.settings-card{padding:20px;border:1px solid #dce4eb;border-radius:8px;margin:20px 0;}.settings-save{position:sticky;bottom:0;padding:18px 0;background:#fff;border-top:1px solid #dce4eb;}.share-box{padding:20px;background:#edf7f5;border:1px solid #bddbd4;border-radius:8px;}.share-box input{display:block;width:100%;margin:10px 0;padding:12px;}.brand{overflow-wrap:anywhere;}.dashboard-actions{flex-wrap:wrap;}.manual-code-dialog{color:#172f41;}
/* QualCapture platform */
.qc-site,.qc-workspace,.qc-auth{--qc-ink:#173b36;--qc-green:#18685b;--qc-cream:#f7f6f0;color:#203b37;background:var(--qc-cream);font-family:Inter,Arial,sans-serif}.qc-site h1,.qc-site h2,.qc-auth-story h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.045em;font-weight:400}.qc-site a,.qc-auth a,.qc-workspace a{text-decoration:none}.qc-logo{display:inline-flex;align-items:center;gap:10px;font-size:23px;font-weight:750;letter-spacing:-1px;color:#173b36;white-space:nowrap}.qc-logo>span{display:grid;place-items:center;background:#18685b;color:white;width:36px;height:36px;border-radius:11px}.qc-header{max-width:1320px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:26px 48px;border-bottom:1px solid #e0e5dd}.qc-header nav{display:flex;gap:28px;align-items:center}.qc-header nav>a:not(.button){color:#3f5650;font-size:14px}.qc-site .button,.qc-auth .button,.qc-workspace .button{background:#18685b;border-color:#18685b;border-radius:9px;padding:13px 19px;display:inline-flex;gap:9px;align-items:center;justify-content:center;box-shadow:none}.qc-site .secondary,.qc-workspace .secondary{background:transparent;color:#18685b}.qc-hero{max-width:1320px;margin:auto;padding:85px 48px 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.qc-kicker{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#52736a;margin:0 0 21px}.qc-hero h1{font-size:clamp(48px,5.2vw,74px);line-height:1.05;margin:0 0 25px;color:#173b36}.qc-hero h1 em{color:#438773}.qc-lead{font-size:18px;line-height:1.7;max-width:490px;color:#62726a;margin-bottom:29px}.qc-actions{display:flex;gap:23px;align-items:center;margin:22px 0}.qc-text-link{display:inline-flex;align-items:center;gap:6px;color:#285d51;font-weight:600;font-size:14px}.qc-small{font-size:12px;line-height:1.6;color:#78847c}.qc-values{display:flex;gap:18px;flex-wrap:wrap;margin-top:37px;font-size:12px;color:#536b61}.qc-values span{display:flex;gap:5px;align-items:center}.qc-preview{border:1px solid #dde4da;border-radius:18px;background:#fff;box-shadow:0 24px 65px #264d3710;transform:rotate(1deg);overflow:hidden}.qc-preview-head{display:flex;align-items:center;gap:8px;background:#edf2e9;padding:19px 22px;font-size:9px;letter-spacing:1.5px;color:#577362}.qc-preview-head>span:last-child{margin-left:auto;font-size:9px;letter-spacing:0;color:#748170}.qc-dot{display:inline-block;background:#4b977d;width:7px;height:7px;border-radius:50%}.qc-preview-body{padding:34px 35px}.qc-preview-body .qc-kicker{margin-bottom:13px;font-size:10px}.qc-preview h2{font-size:31px;line-height:1.23;margin:0 0 14px}.qc-preview-body>p:not(.qc-kicker){font-size:13px;color:#788278}.qc-wave{display:flex;align-items:center;justify-content:center;gap:4px;height:108px;background:#f7f9f4;border-radius:10px;margin:29px 0 12px}.qc-wave i{width:4px;border-radius:5px;background:#408f77}.qc-record{display:flex;gap:7px;align-items:center;color:#537464;font-size:11px}.qc-record>span:last-child{margin-left:auto}.qc-review-card{display:flex;gap:13px;align-items:center;border-top:1px solid #e7ebe2;padding-top:24px;margin-top:29px;color:#50755f}.qc-review-card strong{font-size:13px}.qc-review-card p{font-size:11px;margin:5px 0;color:#7f8a7e}.qc-process{padding:80px 48px;background:#eef1e9}.qc-section-heading{max-width:1224px;margin:0 auto 38px}.qc-section-heading h2,.qc-research h2{font-size:46px;line-height:1.12;margin:0 0 20px}.qc-section-heading>p:last-child{max-width:525px;line-height:1.7;color:#68786e}.qc-step-grid{max-width:1224px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.qc-step-grid article{background:#fdfdf8;padding:26px;border-radius:12px;border:1px solid #e1e7db}.qc-step-top{display:flex;align-items:center;justify-content:space-between;color:#55856e}.qc-step-top span{font-family:Georgia,serif;font-size:23px;color:#99ad95}.qc-step-grid h3{font-size:16px;margin:31px 0 12px}.qc-step-grid p{font-size:13px;line-height:1.75;color:#748074}.qc-research{max-width:1320px;margin:auto;padding:90px 48px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.qc-research>div>p:not(.qc-kicker){font-size:15px;line-height:1.85;max-width:460px;color:#6c7c70;margin-bottom:25px}.qc-feature-list article{display:flex;gap:19px;border-bottom:1px solid #dde5d9;padding:23px 0}.qc-feature-list article>svg{margin-top:5px;color:#54806a;flex-shrink:0}.qc-feature-list h3{font-size:16px;margin:0 0 8px}.qc-feature-list p{font-size:13px;color:#748173;line-height:1.7;margin:0}.qc-release{margin:0 auto 70px;max-width:1224px;padding:25px 30px;background:#e4ece0;border:1px solid #d7e2d2;border-radius:12px;display:flex;align-items:center;gap:20px}.qc-release>svg{flex-shrink:0}.qc-release strong{font-size:15px}.qc-release p{margin:7px 0 0;font-size:13px;line-height:1.65;color:#63765f;max-width:850px}.qc-release>a{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:13px;color:#2c614b}.qc-footer{border-top:1px solid #dfe5d9;padding:30px 48px;display:flex;align-items:center;gap:30px;max-width:1320px;margin:auto}.qc-footer>span{font-size:12px;color:#7f8c7a}.qc-footer>a:last-child{margin-left:auto;font-size:13px;color:#3d6951}.qc-auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.qc-auth-story{background:#183f35;color:#e1ebd7;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between}.qc-auth-story .qc-logo{color:#f5f6ed}.qc-auth-story .qc-logo>span{background:#386652}.qc-auth-story .qc-kicker{color:#a6baa1}.qc-auth-story h1{font-size:70px;line-height:1.1;margin:25px 0}.qc-auth-story p{font-size:17px;line-height:1.7;max-width:390px;color:#aebfaa}.qc-auth-story>span{font-size:12px;color:#90a68b}.qc-auth-form{width:100%;max-width:490px;align-self:center;justify-self:center;padding:45px}.qc-auth-form h2{font-size:28px;letter-spacing:-1px;margin:39px 0 14px}.qc-auth-form>p{font-size:14px;line-height:1.7;color:#70806c}.qc-auth-form form{display:grid;gap:18px;margin:27px 0}.qc-auth-form label,.qc-create-modal label{display:grid;gap:8px;font-size:13px;font-weight:600}.qc-auth-form input,.qc-create-modal input{background:#fff;padding:13px;border:1px solid #dbe3d3;border-radius:7px;width:100%}.qc-auth-form small{color:#73836d}.qc-auth-switch a{color:#1e7255;font-weight:700}.qc-workspace{display:flex;min-height:100vh}.qc-workspace-nav{width:260px;background:#fffef8;border-right:1px solid #e0e7d9;padding:30px 24px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.qc-workspace-nav>.qc-kicker{margin:45px 0 15px;font-size:9px}.qc-workspace-nav nav{display:grid;gap:7px}.qc-workspace-nav nav button{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;color:#6d7e65;padding:13px;border-radius:8px;font-size:13px;cursor:pointer}.qc-workspace-nav nav button.active{background:#e7efe1;color:#2c644a;font-weight:700}.qc-account{margin-top:auto;display:grid;gap:8px;border-top:1px solid #e2e8dc;padding-top:23px;font-size:13px}.qc-account span{font-size:11px;color:#7c8974;overflow-wrap:anywhere}.qc-account button{margin-top:13px;display:flex;gap:9px;align-items:center;background:none;border:0;color:#638159;cursor:pointer}.qc-workspace-main{margin-left:260px;width:calc(100% - 260px);padding:50px;max-width:1500px}.qc-workspace-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.qc-workspace-heading .qc-kicker{margin-bottom:13px}.qc-workspace-heading h1{font-size:36px;letter-spacing:-1.3px;margin:0 0 12px}.qc-workspace-heading p:last-child{font-size:14px;color:#7a8973;margin:0}.qc-preview-notice{display:flex;gap:12px;padding:15px 19px;border:1px solid #dae5ce;border-radius:9px;background:#edf2e5;font-size:12px;line-height:1.7;color:#657c52;margin-bottom:28px}.qc-preview-notice>svg{flex-shrink:0;margin-top:1px}.qc-workspace-stats{display:flex;gap:26px;margin:30px 0;flex-wrap:wrap}.qc-workspace-stats>div{min-width:180px;display:grid;gap:9px;background:white;border:1px solid #e2e7db;border-radius:11px;padding:23px;flex:1}.qc-workspace-stats strong{font-size:29px;color:#325c45}.qc-workspace-stats span{font-size:12px;color:#7c8a73}.qc-empty{text-align:center;max-width:670px;margin:60px auto;padding:35px}.qc-empty>div{background:#e7efdf;border-radius:50%;width:70px;height:70px;display:grid;place-items:center;margin:0 auto 24px;color:#5b8350}.qc-empty h2{font-size:25px}.qc-empty p{color:#7b8a71;line-height:1.8;font-size:14px;margin:18px 0 26px}.qc-study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.qc-study-card{padding:28px;background:#fff;border:1px solid #e1e8d9;border-radius:13px}.qc-study-card-top{display:flex;justify-content:space-between;color:#5d8754;align-items:center}.qc-study-card h2{font-size:21px;line-height:1.4;margin-top:22px}.qc-study-card>p{font-size:13px;color:#7c8a75}.qc-study-card-actions{display:flex;gap:18px;align-items:center;margin:23px 0;flex-wrap:wrap}.qc-example{font-size:11px}.qc-create-modal{width:min(560px,94vw);padding:35px}.qc-service-list{list-style:none;padding:0;margin:25px 0 0}.qc-service-list li{display:flex;justify-content:space-between;border-top:1px solid #e5eadd;padding:18px 0;font-size:13px}.qc-service-list strong{color:#7e896f;font-weight:500}.qc-study-topbar{background:#e8eee2;color:#46683d;padding:12px 27px;display:flex;justify-content:space-between;font-size:12px;gap:20px}.qc-study-topbar a{color:inherit;display:flex;align-items:center;gap:8px;text-decoration:none}.qc-study-topbar+.dashboard-shell{min-height:calc(100vh - 40px)}.qc-loading{padding:40px}.document-import{background:#f0f5eb;border:1px solid #dce6d2;border-radius:12px;padding:25px;margin:30px 0}.document-import>p{font-size:14px;line-height:1.8;color:#61775a}.document-import .panel-head{margin-bottom:14px}.document-import .panel-head h3{margin:0;font-size:24px}.document-import label{display:grid;gap:10px;margin:18px 0;font-size:13px;font-weight:600}.document-import textarea{width:100%;font-size:13px;line-height:1.75;font-weight:400}.document-import .upload-zone{padding:26px;text-align:center;justify-items:center;border:1px dashed #9eaf91;border-radius:10px;background:#fffef9;cursor:pointer}.upload-zone>span{font-size:11px;color:#7a8970}.upload-zone input{font-size:12px;max-width:100%;font-weight:400}.import-preview{background:#fffef9;padding:20px;border-radius:9px;font-size:13px;line-height:1.8;max-height:400px;overflow:auto}.import-preview details{margin-top:15px}.import-preview summary{font-weight:600;cursor:pointer}.import-preview li{margin:8px 0}.import-success{display:flex;gap:8px;align-items:start;color:#3e7234!important}.document-import .error{color:#9a3333}.qc-site a:focus-visible,.qc-site button:focus-visible,.qc-workspace button:focus-visible{outline:3px solid #85ad62;outline-offset:4px}
@media(max-width:1000px){.qc-header{padding:22px 25px}.qc-header nav>a:nth-child(-n+2){display:none}.qc-hero{gap:35px;padding:65px 28px}.qc-step-grid{grid-template-columns:repeat(2,1fr)}.qc-research{gap:45px;padding:60px 30px}.qc-release{margin:0 28px 50px}.qc-auth-story{padding:40px}.qc-auth-story h1{font-size:55px}.qc-workspace-nav{width:220px}.qc-workspace-main{margin-left:220px;width:calc(100% - 220px);padding:30px}.qc-study-grid{grid-template-columns:1fr}}
@media(max-width:700px){.qc-header nav{gap:14px}.qc-header .button{display:none}.qc-hero{grid-template-columns:1fr;padding:45px 25px 55px;gap:40px}.qc-hero h1{font-size:54px}.qc-lead{font-size:16px}.qc-preview{max-width:480px;transform:none}.qc-process{padding:50px 25px}.qc-section-heading h2,.qc-research h2{font-size:36px}.qc-step-grid{grid-template-columns:1fr}.qc-step-grid h3{margin-top:20px}.qc-research{grid-template-columns:1fr;padding:50px 25px;gap:25px}.qc-release{flex-wrap:wrap;padding:23px;gap:15px}.qc-release>a{margin-left:39px}.qc-footer{padding:25px;flex-wrap:wrap;gap:20px}.qc-footer>span{display:none}.qc-auth{display:block}.qc-auth-story{padding:25px}.qc-auth-story>div,.qc-auth-story>span{display:none}.qc-auth-form{padding:35px 25px}.qc-workspace{display:block}.qc-workspace-nav{position:static;width:100%;padding:18px 22px}.qc-workspace-nav>.qc-kicker{display:none}.qc-workspace-nav nav{display:flex;margin-top:18px}.qc-account{display:flex;align-items:center;gap:15px;padding-top:15px;margin-top:15px}.qc-account span{display:none}.qc-account button{margin:0 0 0 auto}.qc-workspace-main{margin-left:0;width:100%;padding:27px 20px}.qc-workspace-heading{align-items:start}.qc-workspace-heading h1{font-size:29px}.qc-workspace-heading p:last-child{font-size:12px;line-height:1.6}.qc-workspace-heading>.button{font-size:12px;white-space:nowrap}.qc-workspace-stats{gap:10px}.qc-workspace-stats>div{min-width:95px;padding:15px}.qc-workspace-stats strong{font-size:21px}.qc-empty{padding:20px;margin:20px auto}.qc-study-topbar>span{display:none}.document-import{padding:18px}.qc-service-list li{gap:20px}}
.qc-connect-panel{max-width:850px}.qc-connect-panel form{margin:25px 0}.qc-connect-panel label{display:grid;gap:10px;font-size:14px;margin-bottom:20px}.qc-connect-panel input{width:100%;padding:14px;font-size:15px}.qc-test-start{margin-bottom:25px}.qc-test-start p{font-size:14px;line-height:1.8}.qc-test-start h2{font-size:21px}
/* Customer workspace and study setup */
.qc-faq{max-width:1224px;margin:0 auto;padding:5px 0 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.qc-faq h2{font-size:44px;line-height:1.14;margin:0}.qc-faq details{padding:22px 0;border-bottom:1px solid #dce4d5}.qc-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}.qc-faq summary::-webkit-details-marker{display:none}.qc-faq details[open] summary svg{transform:rotate(180deg)}.qc-faq details p{font-size:14px;line-height:1.85;color:#6d7e65;margin:17px 26px 0 0}.qc-final-cta{max-width:1224px;margin:0 auto 70px;padding:60px 30px;text-align:center;background:#e5ecdf;border-radius:16px;border:1px solid #d8e2ce}.qc-final-cta h2{font-size:49px;margin:0 0 16px}.qc-final-cta p:not(.qc-kicker){font-size:16px;color:#65805b;margin-bottom:24px}.qc-final-cta .qc-kicker{font-size:10px}.qc-empty-steps{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:42px;font-size:11px;color:#75876c}.qc-collection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:40px 0 23px}.qc-collection-heading h2{font-size:19px;margin:0}.qc-search{display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #dce4d4;background:white;border-radius:8px;color:#8a977f;width:260px}.qc-search input{background:none!important;border:0!important;box-shadow:none!important;margin:0;padding:11px 0!important;font-size:13px!important;min-width:0;width:100%;outline:none}.qc-account-panel{max-width:850px;margin-bottom:24px}.qc-account-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0 5px}.qc-account-panel dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#788d6c;margin-bottom:9px}.qc-account-panel dd{margin:0;font-size:15px;overflow-wrap:anywhere}.qc-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.qc-usage-card{padding:26px!important}.qc-usage-card>svg{color:#608b54}.qc-usage-card h2{font-size:18px;margin:22px 0}.qc-usage-card>strong{font-size:30px;line-height:1.4;color:#3b684b;display:block}.qc-usage-card small{font-size:13px;font-weight:400;color:#89947c}.qc-usage-card progress{width:100%;height:7px;margin:25px 0 12px;accent-color:#3a7c54;border-radius:10px;overflow:hidden}.qc-usage-card progress::-webkit-progress-bar{background:#e9eee3}.qc-usage-card progress::-webkit-progress-value{background:#3a7c54}.qc-usage-card p{font-size:12px;line-height:1.8;color:#7d8b72}.dashboard-shell{background:#f5f6f0}.admin-nav{background:#183f35}.admin-nav nav button.active{background:#315b4a;color:#fff}.admin-nav nav button:hover{background:#294f40}.admin-nav .brand{font-size:19px;line-height:1.3}.admin-nav .brand-icon{background:#36634f}.dashboard-header .eyebrow{color:#708569}.dashboard-header h1{color:#234536;letter-spacing:-1px}.dashboard-main .button,.study-settings .button{background:#22684f;border-color:#22684f}.dashboard-main .button.secondary,.study-settings .button.secondary{background:#fff;color:#36694b;border-color:#d6e0ce}.dashboard-main .panel{border-color:#dfe6d7;box-shadow:none}.qc-study-editor{padding:30px!important}.qc-study-editor>.panel-head{align-items:flex-start}.qc-study-editor>.panel-head h2{font-size:26px;letter-spacing:-.7px}.qc-study-editor>.panel-head p:last-child{font-size:14px;color:#7b8973;margin-top:9px}.qc-setup-tabs{display:flex;gap:6px;padding:13px 0 22px;border-bottom:1px solid #e1e7da;margin:17px 0 0;overflow-x:auto}.qc-setup-tabs button{display:flex;align-items:center;gap:7px;padding:11px 12px;white-space:nowrap;border:0;border-radius:8px;background:none;font-size:12px;color:#7f8d73;cursor:pointer;flex:1;justify-content:center}.qc-setup-tabs button>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eef2e8;font-size:10px}.qc-setup-tabs button>svg{display:none}.qc-setup-tabs button.active{color:#346446;background:#e9f0e1;font-weight:700}.qc-setup-tabs button.active>span{background:#3a744e;color:white}.qc-setup-content{padding:30px 0;min-height:360px}.qc-setup-content>h3{font-size:21px;margin:0 0 14px;color:#2d523c}.qc-setup-content>p{font-size:14px;line-height:1.85}.qc-setup-content .settings-field{font-size:13px;color:#45613b;gap:9px;margin:23px 0}.qc-setup-content textarea{font-size:14px;line-height:1.8;padding:14px;background:#fff;border-color:#dce4d4;border-radius:8px;resize:vertical}.qc-setup-content input:not([type='checkbox']):not([type='color']){font-size:14px;padding:12px;border-color:#dce4d4;border-radius:8px}.qc-setup-content .document-import{margin:0;background:#f0f4e9;border-color:#d9e5d0}.qc-document-guide{padding:25px 5px 0}.qc-document-guide h3{font-size:17px;margin:0 0 12px}.qc-document-guide p{font-size:13px;line-height:1.85;color:#7b8b70}.qc-document-guide button{display:inline-flex;align-items:center;gap:7px;font-size:12px}.qc-editor-details{border-top:1px solid #e0e7d7;margin-top:32px;padding-top:22px}.qc-editor-details>summary{font-size:15px;font-weight:600;color:#3c6144;cursor:pointer}.qc-editor-details>p{font-size:13px;line-height:1.8;color:#819075}.qc-editor-details .settings-card,.qc-setup-content .settings-card{border:1px solid #e0e7d7;border-radius:10px;background:#fafbf6;padding:23px;margin-bottom:20px}.qc-setup-content .settings-card>label{display:grid;gap:10px;font-size:13px;margin:0 0 20px}.qc-setup-content .field-help{font-size:12px;line-height:1.8;color:#87937c;margin-top:-10px}.qc-setup-content .check-row small{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#819273}.qc-editor-footer{position:sticky;bottom:0;background:#fffefc;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 0;border-top:1px solid #dfe7d5;z-index:2}.qc-editor-footer>div{display:flex;align-items:center;gap:15px}.qc-editor-footer>div>span{font-size:11px;color:#91a082}.qc-editor-footer .text-button{display:inline-flex;gap:6px;align-items:center}.qc-readiness{margin:25px 0 30px;display:grid}.qc-readiness button{display:flex;align-items:center;gap:12px;padding:18px 3px;background:none;border:0;border-bottom:1px solid #e5eadf;text-align:left;font-size:13px;color:#7a8a6d;cursor:pointer}.qc-readiness button>span{flex:1;color:#44603c}.qc-readiness button>strong{font-size:11px;font-weight:500}.qc-readiness svg{color:#c6d3bb}.qc-readiness svg.ready{color:#3d8e58}.qc-readiness button:hover{background:#f6f9f1}.qc-service-note{padding:15px 18px;border:1px solid #e0e7d5;background:#f4f7ee;border-radius:8px;color:#6f835f}.qc-service-note a{color:#2f6b43;text-decoration:underline}.qc-setup-content .share-box{background:#f3f7ee;border:1px solid #dce6d0;padding:25px;border-radius:10px;margin-top:26px}.qc-setup-content .share-box>p{font-size:13px;color:#7b8c6e;line-height:1.8}.qc-setup-content .share-box>.inline-actions{margin-top:16px}.qc-connect-panel .qc-kicker{font-size:10px}.qc-connect-panel>p{font-size:14px;line-height:1.9}.qc-connect-panel>p.muted{font-size:12px}.qc-connect-panel details p{font-size:12px;line-height:1.8}
@media(max-width:1100px){.qc-faq{padding:0 30px 60px;gap:45px}.qc-final-cta{margin:0 30px 60px}.qc-usage-grid{grid-template-columns:1fr}.qc-usage-card p{max-width:600px}.qc-setup-tabs button{font-size:11px;padding:9px}.qc-setup-tabs button>span{display:none}}
@media(max-width:700px){.qc-faq{grid-template-columns:1fr;padding:5px 25px 50px;gap:25px}.qc-faq h2{font-size:35px}.qc-final-cta{padding:40px 24px;margin:0 25px 45px}.qc-final-cta h2{font-size:38px}.qc-collection-heading{align-items:stretch;flex-direction:column;gap:15px;margin-top:30px}.qc-search{width:100%}.qc-account-panel dl{grid-template-columns:1fr;gap:23px}.qc-usage-grid{margin-top:25px}.qc-study-editor{padding:20px!important}.qc-setup-tabs{gap:5px}.qc-setup-tabs button{flex:none;font-size:12px;padding:10px 12px}.qc-setup-content{padding-top:25px}.qc-editor-footer{flex-wrap:wrap;padding-bottom:12px;gap:15px}.qc-editor-footer>div>span{display:none}.qc-editor-footer .button{font-size:12px;padding:11px 14px}.qc-readiness button{gap:8px;font-size:12px}.qc-readiness button>strong{font-size:10px}.qc-setup-content .share-box{padding:18px}}

/* Four-step study editor */
.qc-four-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.qc-four-steps button{justify-content:flex-start;white-space:normal;min-height:54px;line-height:1.4}.qc-four-steps button>span{flex-shrink:0}.qc-step-heading h3{font-size:26px;margin:0 0 12px}.qc-step-heading>p.muted{max-width:760px;line-height:1.8}.qc-step-import{margin:28px 0 32px}.qc-input-options{display:flex;gap:8px;margin-bottom:16px}.qc-input-options button{display:flex;gap:9px;align-items:center;padding:12px 17px;background:#fff;border:1px solid #dce4d5;border-radius:8px;font-size:13px;color:#66765c;cursor:pointer}.qc-input-options button.active{background:#eaf1df;border-color:#9caf88;color:#294e30;font-weight:600}.qc-import-zone{background:#fafcf7;border:1px dashed #aab99a;min-height:170px;margin-bottom:12px;cursor:pointer;position:relative}.qc-import-zone:focus-within{outline:3px solid #79985e;outline-offset:3px}.qc-upload-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eaf1df;color:#4b6b3d}.qc-import-zone input{max-width:290px;margin-top:10px!important;font-size:12px!important}.qc-import-zone.is-reading{cursor:progress}.qc-manual-note{padding:18px 20px;border-radius:8px;background:#f1f5e9;color:#617755;font-size:13px;line-height:1.8}.qc-import-result{display:flex;gap:12px;padding:18px 20px;background:#eef5e8;border:1px solid #d3e2c7;border-radius:9px;color:#3e6035;margin-top:18px;font-size:13px}.qc-import-result>svg{flex-shrink:0;margin-top:2px}.qc-import-result strong{word-break:break-word}.qc-import-result p{line-height:1.7;margin:6px 0}.qc-import-result button{display:flex;align-items:center;gap:6px}.qc-import-source{margin-top:12px;font-size:12px;color:#6e7d61}.qc-import-source summary{cursor:pointer}.qc-import-source pre{font-family:inherit;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;padding:18px;border:1px solid #e0e6d9;border-radius:8px;background:#fafbf7}.qc-editable-fields{border:0;padding:0;margin:0;min-width:0}.qc-editor-subheading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 12px}.qc-editor-subheading h3{margin:0!important;font-size:19px}.qc-editor-subheading>span{font-size:11px;color:#7b8a6d;white-space:nowrap}.qc-statement-row,.qc-question-row{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.qc-statement-row>label,.qc-question-row>label{flex:1;min-width:0}.qc-statement-row>button{margin-top:28px;flex-shrink:0}.qc-section-title{display:flex;gap:10px;align-items:flex-end}.qc-section-title label{flex:1;min-width:0}.qc-section-title>button{margin-bottom:10px}.qc-question-section{padding:24px!important;background:#fafbf7!important;border:1px solid #e2e8d8!important;box-shadow:none!important}.qc-question-actions{display:flex;flex-direction:column;gap:3px;padding-top:27px}.qc-question-row textarea{min-height:118px}.qc-field-aside{font-size:12px;line-height:1.8;color:#809070;padding-top:26px}.qc-empty-field{background:#f7f9f2;border:1px dashed #d6dfcc;padding:22px;border-radius:8px;font-size:13px;line-height:1.8;color:#7b8b6c}.qc-auto-code{margin:30px 0 12px;padding:20px;background:#f2f6eb;border-radius:8px}.qc-auto-code small,.qc-recruitment .check-row small{display:block;font-size:12px;line-height:1.7;font-weight:400;color:#7d8c70;margin-top:4px}.qc-coding-fields .custom-code-row{grid-template-columns:95px minmax(130px,1fr) minmax(200px,2fr) 36px;align-items:start;margin:20px 0}.qc-coding-fields .custom-code-row>button{margin-top:28px}.qc-recruitment{padding-top:30px;margin-top:28px;border-top:1px solid #dfe7d5}.qc-recruitment h3{font-size:21px;margin:4px 0 10px}.qc-recruitment>div>p{font-size:13px;color:#7c8b6c;line-height:1.8}.qc-recruitment .check-row{margin:20px 0}.qc-share-link{display:flex;gap:10px;align-items:center;margin:18px 0}.qc-share-link>input{flex:1;min-width:0;margin:0!important}.qc-share-link .button{white-space:nowrap}.qc-study-editor .field-help{font-size:12px;line-height:1.8;color:#7b8a6e}.qc-study-editor .field-help a{color:#345d39;text-decoration:underline}.qc-study-editor button:disabled{cursor:not-allowed}.qc-editor-footer{bottom:12px;box-shadow:0 5px 22px #334c2520;padding:16px!important;border-radius:9px}.qc-study-editor .settings-grid{align-items:start}.qc-study-editor textarea{line-height:1.7}.qc-step-heading .eyebrow{font-size:10px;margin-bottom:12px}
@media(max-width:1100px){.qc-coding-fields .custom-code-row{grid-template-columns:90px 1fr 36px}.qc-coding-fields .custom-code-row>label:nth-child(3){grid-column:1/3;grid-row:2}.qc-coding-fields .custom-code-row>button{grid-column:3;grid-row:1}.qc-four-steps button{font-size:11px}}
@media(max-width:700px){.qc-four-steps{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.qc-four-steps button{min-height:50px;font-size:12px}.qc-four-steps button>span{display:inline-flex}.qc-four-steps button>svg{display:none}.qc-input-options button{flex:1;padding:11px 9px;font-size:12px;justify-content:center}.qc-import-zone{padding:22px 12px}.qc-import-zone>span:not(.qc-upload-icon){font-size:11px}.qc-share-link{flex-wrap:wrap}.qc-share-link>input{flex-basis:100%}.qc-question-section{padding:15px!important}.qc-field-aside{padding-top:0}.qc-editor-footer{bottom:6px}.qc-question-actions{gap:4px}.qc-step-heading h3{font-size:23px}}
.qc-study-editor .settings-grid,.qc-coding-fields .settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.qc-study-editor .settings-grid input,.qc-coding-fields .settings-grid input{width:100%;height:auto;min-height:44px}.qc-study-editor .settings-grid input[type='color']{width:80px;height:48px}.qc-import-zone{display:grid;justify-items:center;text-align:center;gap:8px;padding:26px;border-radius:12px}.qc-statement-row>label{display:block;font-size:13px;font-weight:600;color:#45613b}.qc-statement-row textarea{display:block;width:100%;margin-top:8px;font-weight:400}.qc-coding-fields .settings-grid label{display:block;font-size:13px;font-weight:600;color:#45613b}.qc-coding-fields .settings-grid input{display:block;margin-top:8px;font-weight:400}.qc-study-editor .qc-step-heading h3{margin-top:0}.qc-recruitment .eyebrow{color:#607c50!important;font-size:10px!important}.qc-step-import .field-help{margin-top:10px!important}.qc-input-options button:focus-visible,.qc-four-steps button:focus-visible{outline:3px solid #819b66;outline-offset:3px}.qc-editable-fields:disabled{opacity:.7}.qc-coding-fields>.inline-actions{margin:18px 0 25px}.qc-coding-fields>.inline-actions .field-help{margin:0}.qc-study-editor>.error{margin:15px 0}
@media(max-width:700px){.qc-study-editor .settings-grid,.qc-coding-fields .settings-grid{grid-template-columns:1fr;gap:0}.qc-editor-footer>div>span{display:block;font-size:10px}.qc-editor-footer{gap:10px}.qc-editor-footer>div{gap:10px}.qc-editor-footer>div:first-child{flex-wrap:wrap}}
/* Study setup subpages */
.qc-nav-group>button{width:100%}.qc-setup-subnav{list-style:none;margin:8px 0 20px!important;padding:0 0 0 19px!important;border-left:1px solid #42695a;margin-left:20px!important}.admin-nav nav .qc-setup-subnav button{width:100%;padding:11px 10px!important;margin:3px 0;font-size:12px;line-height:1.5;border-radius:7px;background:transparent;color:#c5d5c8;gap:10px;display:flex;align-items:center;text-align:left}.admin-nav nav .qc-setup-subnav button.current{background:#315b4a;color:#f5f6ed;font-weight:600}.admin-nav nav .qc-setup-subnav button:not(.current):hover:not(:disabled){background:#284f42;color:#f5f6ed}.admin-nav nav .qc-setup-subnav button>span{margin:0;padding:0;border-radius:0;background:transparent;font-size:inherit;color:inherit}.admin-nav nav .qc-setup-subnav button>span:first-child{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:10px;background:#244d40;color:#d8e7d6;border:1px solid #61866f;flex-shrink:0}.admin-nav nav .qc-setup-subnav button.current>span:first-child{background:#426b53;border-color:#8dab88;color:#f5f6ed}.admin-nav nav .qc-setup-subnav button>span:nth-child(2){flex:1;min-width:0}.qc-setup-subnav small{display:block;font-size:10px;font-weight:400;color:#b4c9b4}.admin-nav nav .qc-setup-subnav button>.qc-step-saved{color:#b5d6ad;font-size:12px;margin-left:auto;flex-shrink:0}.qc-setup-subnav button:disabled{opacity:.6}.qc-study-editor .qc-setup-content{padding-top:5px}.qc-study-editor .panel-head>div>p:last-child{max-width:760px;line-height:1.8;font-size:14px;color:#7a8c6c}.qc-study-editor .panel-head h2{margin:6px 0 12px}.qc-ai-connect-note{display:flex;gap:12px;padding:18px 20px;margin:18px 0;background:#f1f5e8;border:1px solid #dbe5cd;border-radius:9px;color:#567347;font-size:13px}.qc-ai-connect-note>svg{flex-shrink:0;margin-top:2px}.qc-ai-connect-note p{line-height:1.7;font-size:12px;margin:7px 0}.qc-step-import .qc-connect-panel{padding:24px;margin:18px 0;background:#fbfcf8;border:1px solid #dce5d2;box-shadow:none}.qc-step-import .qc-connect-panel h2{font-size:20px}.qc-step-import .qc-connect-panel label{display:block;font-size:13px}.qc-step-import .qc-connect-panel input{display:block;width:100%;margin:8px 0 14px}.qc-extracted-fields{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.qc-extracted-fields>span{padding:4px 9px;border:1px solid #ccdcc0;border-radius:5px;font-size:11px;background:#f8fbf4}.qc-invite-summary{display:flex;flex-direction:column;gap:10px;padding:23px 25px;background:#f2f6eb;border:1px solid #dfe8d4;border-radius:10px;margin:20px 0 28px}.qc-invite-summary strong{font-size:20px;color:#3c5a30}.qc-invite-summary span{font-size:13px;color:#768963}.qc-invite-page h3{margin-top:28px!important}.qc-invite-page p{line-height:1.8}.qc-invite-page .check-row small{display:block;font-size:12px;color:#7d8c70;margin-top:5px}.qc-finish-row{display:flex;align-items:center;gap:18px;width:100%;padding:18px 8px;background:transparent;border:0;border-bottom:1px solid #dfe6d6;text-align:left;color:#4f6d3f;cursor:pointer}.qc-finish-row>span{flex:1}.qc-finish-row>strong{font-size:12px;font-weight:400}.qc-skip-coding{display:flex;align-items:center;gap:10px;margin:20px 0 0!important;font-size:12px}.qc-refreshing{animation:qc-spin .9s linear infinite}.qc-study-editor .qc-editor-footer{position:static;margin-top:20px;padding:22px 0!important;box-shadow:none;border-radius:0;border-top:1px solid #dfe7d5}.qc-study-editor .qc-editor-footer>div>span{max-width:230px;line-height:1.6}.qc-step-import .qc-connect-panel>p{font-size:13px}@keyframes qc-spin{to{transform:rotate(360deg)}}
@media(max-width:800px){.qc-setup-subnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0!important;padding:0!important;border:0}.admin-nav nav .qc-nav-group{width:100%}.qc-setup-subnav li:last-child{grid-column:1/-1}.qc-study-editor .qc-editor-footer{gap:16px;align-items:flex-start;flex-wrap:wrap}.qc-study-editor .qc-editor-footer>div{flex-wrap:wrap}.qc-study-editor .qc-editor-footer>div>span{display:block}.qc-skip-coding{line-height:1.8;text-align:left}.qc-step-import .qc-connect-panel{padding:17px}}

/* The researcher menus remain reachable on short and zoomed displays. */
.admin-nav,.qc-workspace-nav{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;max-height:100dvh;min-height:0}
.admin-nav>* , .qc-workspace-nav>*{flex-shrink:0;min-width:0}
.admin-nav{scrollbar-color:#8caf9a #183f35}
.qc-workspace-nav{scrollbar-color:#a9b9a1 #fffef8}
.admin-nav nav button .qc-setup-toggle{margin-left:auto;transition:transform .15s;transform:rotate(-90deg)}
.admin-nav nav button .qc-setup-toggle.expanded{transform:rotate(0)}
.qc-background-editor{padding:0 0 30px!important;margin-bottom:28px!important;border-bottom:1px solid #dfe7d5!important}
.qc-background-editor>.qc-editor-subheading{margin-top:0}
.qc-background-editor>p{font-size:13px;line-height:1.8;color:#718361}
.qc-demographic-bank{margin:22px 0;padding:22px;background:#f0f4e9;border:1px solid #d9e5d0;border-radius:10px}
.qc-demographic-bank h4,.qc-background-editor h4{font-size:15px;margin:0;color:#365941}
.qc-demographic-bank>p{font-size:13px;line-height:1.7;color:#647a59;margin:9px 0 18px}
.qc-demographic-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.qc-demographic-preset{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #d9e2d0;border-radius:8px;background:#fffef9;font-size:13px;color:#486640;cursor:pointer}
.qc-demographic-preset.selected{background:#e3eddb;border-color:#9ab48b;color:#28513c}
.qc-demographic-preset input{flex-shrink:0;margin:2px 0 0;accent-color:#346c4e}
.qc-demographic-preset span{min-width:0;line-height:1.5}.qc-demographic-preset small{display:block;font-size:11px;color:#6d815e;margin-top:3px}
.qc-demographic-bank>.field-help{margin:17px 0 0!important}
.qc-demographic-empty{font-size:13px;color:#738567;margin:15px 0 22px;line-height:1.7}
.qc-demographic-question{border:1px solid #dce5d3;border-radius:9px;background:#fafbf6;margin:12px 0;overflow:hidden}
.qc-demographic-question.has-error{border-color:#ba5252}
.qc-demographic-question>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}
.qc-demographic-question>summary::-webkit-details-marker{display:none}.qc-demographic-question>summary strong{font-size:14px;font-weight:600;color:#3f5e38;overflow-wrap:anywhere}
.qc-demographic-question>summary small{display:block;font-size:11px;color:#7b8a6b;margin-top:5px}.qc-demographic-question>summary svg{flex-shrink:0;color:#5b7b4e}.qc-demographic-question[open]>summary svg{transform:rotate(180deg)}
.qc-demographic-question>summary:focus-visible{outline:3px solid #819b66;outline-offset:-3px}
.qc-demographic-fields{padding:0 20px 20px}.qc-demographic-fields label{display:grid;gap:8px;font-size:13px;color:#45613b;min-width:0}
.qc-demographic-fields input{width:100%}.qc-demographic-fields>label{margin:5px 0 18px}.qc-demographic-fields>.button+label{margin-top:22px}
.qc-demographic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-bottom:16px}
.qc-demographic-option{display:flex;align-items:flex-end;gap:6px}.qc-demographic-option label{flex:1}.qc-demographic-option button{flex-shrink:0;margin-bottom:4px}
.qc-demographic-fields>.delete-link{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:18px}
.qc-demographic-questions+.button{margin-top:10px}
.qc-preview-ready{display:flex;align-items:center;gap:24px;padding:20px 23px;margin:20px 0 25px;border:1px solid #cddfc2;background:#edf4e6;border-radius:10px;color:#365a3d}
.qc-preview-ready>div{flex:1}.qc-preview-ready strong{font-size:15px}.qc-preview-ready p{font-size:12px;line-height:1.8;margin:7px 0 0;color:#607956}.qc-preview-ready .button{flex-shrink:0}
.qc-consent-cleanup{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid #dbe5d0;border-radius:9px;background:#f5f8ef;margin:20px 0;padding:19px;color:#45633b}.qc-consent-cleanup>div{flex:1;min-width:210px}.qc-consent-cleanup strong{font-size:14px}.qc-consent-cleanup p{font-size:12px;line-height:1.8;margin:6px 0 0;color:#6c805e}.qc-consent-cleanup>.button{flex-shrink:0;font-size:12px}
.qc-copy-feedback{margin:8px 0 18px!important;color:#365d40;font-size:13px!important}.qc-manual-share{padding:20px;background:#edf4e6;border:1px solid #d4e2cc;border-radius:9px;margin-bottom:20px}.qc-manual-share label{display:grid;gap:9px;font-size:13px}.qc-manual-share input{width:100%}.qc-manual-share p{font-size:12px;color:#607956}
@media(max-width:1100px){.qc-demographic-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.qc-demographic-bank{padding:16px}.qc-demographic-presets{grid-template-columns:1fr}.qc-demographic-options{grid-template-columns:1fr}.qc-preview-ready{align-items:flex-start;flex-direction:column;gap:15px;padding:18px}.qc-demographic-question>summary{padding:16px}.qc-demographic-fields{padding:0 16px 16px}}
.qc-interview-preview{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--surface);overflow:hidden}
.qc-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 28px;background:#fffef8;border-bottom:1px solid #dbe5d5;flex-shrink:0}
.qc-preview-toolbar h2{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:-.025em;margin:0 0 5px;color:#294c36}
.qc-preview-toolbar p{font-size:12px;line-height:1.6;color:#6d7e65;margin:0}
.qc-preview-toolbar-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.qc-preview-toolbar .button{font-size:12px;padding:10px 16px;min-height:40px;white-space:nowrap}
.qc-preview-toolbar .text-button{font-size:12px;white-space:nowrap}
.qc-preview-disclosure{padding:10px 28px;background:#edf4e6;color:#4c6640;font-size:12px;line-height:1.7;flex-shrink:0}
.qc-preview-viewport{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-gutter:stable}
.qc-preview-viewport .study-grid{min-height:calc(100dvh - 280px)}
.qc-interview-preview .modal-backdrop{z-index:1010}
@media(max-width:800px){.admin-nav,.qc-workspace-nav{max-height:65dvh}.qc-preview-toolbar{align-items:flex-start;flex-wrap:wrap;padding:12px 16px;gap:12px}.qc-preview-toolbar-actions{gap:12px;width:100%}.qc-preview-toolbar-actions .button{flex:1}.qc-preview-toolbar-actions .text-button{order:3}.qc-preview-toolbar p{display:none}.qc-preview-disclosure{font-size:11px;padding:8px 16px}.qc-preview-viewport .study-grid{min-height:auto}}
/* Subscription plans and owner payment connection. */
.qc-pricing{padding:80px max(28px,calc((100vw - 1240px)/2));background:#f1f5ef}.qc-pricing>h2{font-size:clamp(2rem,4vw,3rem);margin:8px 0 32px}.qc-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.qc-plan{display:flex;flex-direction:column;padding:28px;gap:12px}.qc-plan-featured{border:2px solid #37664e}.qc-plan h3{font-size:2.5rem;line-height:1.1;margin:4px 0}.qc-plan h3 small{font-size:.85rem;display:block;font-weight:400;margin-top:10px;color:#5e6d63}.qc-plan p{margin:0;line-height:1.6}.qc-plan ul{list-style:none;padding:4px 0;margin:0 0 14px;display:grid;gap:12px;font-size:.9rem}.qc-plan li{display:flex;gap:8px;align-items:flex-start}.qc-plan li svg{flex-shrink:0;color:#426c50}.qc-plan>.button{margin-top:auto}.qc-price-note{font-size:.85rem;color:#58665d;line-height:1.6;margin:16px 0 30px;max-width:880px}.qc-billing-current{display:flex;align-items:center;justify-content:space-between;gap:20px}.qc-billing-current h2{margin:8px 0}.qc-payment-setup{margin-top:28px}.qc-payment-steps{display:grid;gap:24px}.qc-payment-steps>section{padding-top:24px;border-top:1px solid #dce3dc}.qc-payment-steps form{max-width:640px;display:grid;gap:12px;margin:16px 0}.qc-payment-steps label{display:grid;gap:8px}.qc-payment-steps input{width:100%}.qc-payment-steps details{margin:12px 0;overflow-wrap:anywhere}.qc-payment-steps summary{cursor:pointer;color:#31533d}.qc-location-settings{padding:20px;background:#f4f7f1;border:1px solid #dce5d8;border-radius:12px;margin:16px 0}.qc-location-settings label{display:grid;gap:8px}.qc-location-settings .check-row{display:flex;align-items:flex-start;margin-top:18px}.qc-location-summary{color:#54705a;font-size:.88rem}.qc-localisation-toggle{display:flex!important;align-items:center;gap:8px;margin-top:16px}.qc-localisation-toggle input{width:auto}.demographic-grid>div:first-child:has(#d_participant-country){grid-column:1/-1}
@media(max-width:900px){.qc-plan-grid{grid-template-columns:1fr}.qc-billing-current{align-items:flex-start;flex-direction:column}.qc-plan{padding:24px}.qc-pricing{padding:48px 20px}}
.qc-study-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.qc-study-topbar .qc-all-studies{justify-self:center}.qc-coding-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px}.qc-coding-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:10px;padding:18px;border:1px solid #d6e0d2;border-radius:10px;background:#f7f9f5;color:#304b36;cursor:pointer}.qc-coding-options button.selected{background:#e7efe1;border-color:#567c54;box-shadow:inset 0 0 0 1px #567c54}.qc-coding-options button span{font-size:.83rem;line-height:1.5;font-weight:400}.qc-ai-code-ideas{padding:22px;border-radius:12px;background:#f3f6ef;margin-bottom:28px}.qc-ai-code-ideas label{display:grid;gap:8px;margin:18px 0}.qc-preview-page{max-width:760px;margin:10px auto 30px;padding:40px 30px;background:#f4f7f1;border:1px solid #dce5d8;border-radius:16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.qc-preview-page h3{font-size:1.65rem;margin:0}.qc-preview-page p{line-height:1.7;margin:0}.qc-preview-page>svg{color:#52744d}
@media(max-width:1100px){.qc-coding-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.qc-study-topbar{grid-template-columns:1fr;text-align:center}.qc-study-topbar>span:empty{display:none}.qc-coding-options{grid-template-columns:1fr}.qc-preview-page{padding:24px 18px}}

.qc-trial-offer{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:28px;align-items:center;background:#edf7f4;border-color:#b4d8ce}.qc-trial-offer h2{margin:6px 0 12px}.qc-trial-offer .check-row{font-size:14px;margin:0 0 16px}.qc-trial-offer .button{width:100%}@media(max-width:740px){.qc-trial-offer{grid-template-columns:1fr;gap:12px}}

/* Home page: distinct section colours and a balanced trial banner. */
.qc-paypal-content { padding: 24px; }
.qc-paypal-content > p:first-child { margin-top: 0; }
.qc-paypal-content form { display: grid; gap: 14px; max-width: 680px; margin: 26px 0; }
.qc-paypal-content label { display: grid; gap: 8px; }
.qc-paypal-content input, .qc-paypal-content select { width: 100%; min-width: 0; }
.qc-paypal-content form .field-help { margin: 0; }
.qc-paypal-content form .button { justify-self: start; }
.qc-paypal-status { border-top: 1px solid #dce5d8; padding-top: 24px; }
.qc-paypal-status ul { list-style: none; padding: 0; display: grid; gap: 12px; }
.qc-paypal-status li { display: flex; align-items: center; gap: 10px; }
.qc-paypal-status svg { color: #18685b; flex-shrink: 0; }
.qc-pending-payment, .qc-payment-history { padding: 24px; }
.qc-payment-history h2 { font-size: 22px; }
.qc-payment-history .table-scroll { overflow-x: auto; margin-bottom: 18px; }
.qc-payment-history td { overflow-wrap: anywhere; }
.qc-site {
  --qc-section-gutter: max(28px, calc((100% - 1224px) / 2));
  background: #faf7ee;
}
.qc-site .qc-header {
  max-width: none;
  padding-inline: var(--qc-section-gutter);
  background: #faf7ee;
  border-bottom-color: #dedfd3;
}
.qc-site .qc-hero {
  max-width: none;
  padding-inline: var(--qc-section-gutter);
  background: #faf7ee;
}
.qc-site .qc-hero > div { min-width: 0; }
.qc-site .qc-hero h1 em { color: #2d755c; }
.qc-site .qc-lead { color: #4b6156; }
.qc-site .qc-small { color: #5a6b60; }
.qc-site .qc-preview { border-color: #bdd0c0; transform: none; }
.qc-site .qc-preview-head { background: #173f35; color: #f7fbf4; }
.qc-site .qc-preview-head > span:last-child { color: #d1e7d9; }
.qc-site .qc-preview-head .qc-dot { background: #d3edb7; }
.qc-site .qc-preview-body > p:not(.qc-kicker),
.qc-site .qc-review-card p { color: #5b6d60; }
.qc-site .qc-process {
  padding: 88px var(--qc-section-gutter);
  background: #173f35;
  color: #f7fbf4;
}
.qc-site .qc-process .qc-kicker { color: #d3edb7; }
.qc-site .qc-section-heading > p:last-child { color: #d1e7d9; }
.qc-site .qc-step-grid article { background: #245245; border-color: #52796a; }
.qc-site .qc-step-top, .qc-site .qc-step-top span { color: #d3edb7; }
.qc-site .qc-step-grid h3 { color: #f7fbf4; }
.qc-site .qc-step-grid p { color: #e1eee5; font-size: 14px; }
.qc-site .qc-research {
  max-width: none;
  display: block;
  padding: 88px var(--qc-section-gutter);
  background: #ffffff;
}
.qc-site .qc-research > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 64px;
  align-items: start;
  margin-bottom: 44px;
}
.qc-site .qc-research > div:first-child > .qc-kicker { grid-column: 1 / -1; }
.qc-site .qc-research > div:first-child > h2 { grid-column: 1; grid-row: 2 / 4; }
.qc-site .qc-research > div:first-child > p:not(.qc-kicker) {
  grid-column: 2;
  max-width: none;
  margin-top: 0;
  color: #4b6156;
}
.qc-site .qc-research > div:first-child > .button { grid-column: 2; justify-self: start; }
.qc-site .qc-feature-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px 64px;
}
.qc-site .qc-feature-list article {
  border-top: 1px solid #ceddd3;
  border-bottom: 0;
  padding: 28px 0 0;
  align-items: flex-start;
}
.qc-site .qc-feature-list article > svg {
  width: 44px;
  height: 44px;
  margin-top: 0;
  padding: 10px;
  border-radius: 10px;
  color: #f7fbf4;
  background: #18685b;
}
.qc-site .qc-feature-list p { color: #53675b; font-size: 14px; }
.qc-site .qc-faq {
  max-width: none;
  padding: 80px var(--qc-section-gutter);
  gap: 64px;
  background: #c9e1da;
}
.qc-site .qc-faq .qc-kicker { color: #365d50; }
.qc-site .qc-faq details { border-bottom-color: #92b5a8; }
.qc-site .qc-faq details:first-child { padding-top: 0; }
.qc-site .qc-faq details p { color: #35594c; }
.qc-site .qc-faq summary > svg { flex-shrink: 0; }
.qc-site .qc-faq summary:focus-visible { outline: 3px solid #18685b; outline-offset: 6px; }
.qc-site .qc-pricing {
  padding: 88px var(--qc-section-gutter);
  background: #faf7ee;
}
.qc-site .qc-pricing > h2 { margin-bottom: 36px; }
.qc-site .qc-trial-offer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  gap: 40px;
  width: 100%;
  padding: 32px 36px;
  margin: 0 0 28px;
  border: 1px solid #173f35;
  border-radius: 14px;
  background: #173f35;
  color: #f7fbf4;
}
.qc-site .qc-trial-offer > div { min-width: 0; }
.qc-site .qc-trial-offer .qc-kicker { margin-bottom: 10px; color: #d3edb7; }
.qc-site .qc-trial-offer h2 { font-size: 40px; line-height: 1.1; margin: 0 0 14px; }
.qc-site .qc-trial-offer p:not(.qc-kicker) { margin: 0; font-size: 15px; line-height: 1.7; }
.qc-site .qc-trial-offer p.field-help { margin-top: 12px; font-size: 13px; color: #d1e7d9; }
.qc-site .qc-trial-offer .button,
.qc-site .qc-final-cta .button { color: #173f35; background: #d3edb7; border-color: #d3edb7; }
.qc-site .qc-trial-offer .button:hover,
.qc-site .qc-final-cta .button:hover { background: #e4f5d3; border-color: #e4f5d3; }
.qc-site .qc-trial-offer .button:focus-visible,
.qc-site .qc-final-cta .button:focus-visible { outline-color: #ffffff; }
.qc-site .qc-plan-grid { gap: 20px; }
.qc-site .qc-plan { margin-bottom: 0; border-color: #c8d4c5; border-radius: 14px; }
.qc-site .qc-plan-featured { background: #eaf2df; border-color: #37664e; }
.qc-site .qc-price-note { margin-bottom: 0; }
.qc-site .qc-final-cta {
  max-width: none;
  margin: 0;
  padding: 76px var(--qc-section-gutter);
  border: 0;
  border-radius: 0;
  background: #0f3028;
  color: #f7fbf4;
}
.qc-site .qc-final-cta .qc-kicker { color: #d3edb7; }
.qc-site .qc-final-cta p:not(.qc-kicker) { color: #d1e7d9; max-width: 600px; margin-inline: auto; }
.qc-site .qc-footer {
  max-width: none;
  padding-inline: var(--qc-section-gutter);
  background: #ffffff;
  border-top: 0;
}
.qc-site .qc-footer > span { color: #5a6b60; }
@media (max-width: 1100px) {
  .qc-site .qc-research > div:first-child, .qc-site .qc-feature-list { column-gap: 36px; }
  .qc-site .qc-faq { gap: 40px; }
  .qc-site .qc-trial-offer { grid-template-columns: minmax(0, 1fr) 225px; padding: 30px; gap: 28px; }
}
@media (max-width: 740px) {
  .qc-site { --qc-section-gutter: 24px; }
  .qc-site .qc-header { flex-wrap: wrap; gap: 16px; }
  .qc-site .qc-process, .qc-site .qc-research, .qc-site .qc-faq,
  .qc-site .qc-pricing, .qc-site .qc-final-cta { padding-block: 56px; }
  .qc-site .qc-hero h1 { font-size: clamp(42px, 9vw, 60px); }
  .qc-site .qc-actions { flex-wrap: wrap; gap: 18px; }
  .qc-site .qc-research > div:first-child, .qc-site .qc-feature-list { display: block; }
  .qc-site .qc-research > div:first-child { margin-bottom: 30px; }
  .qc-site .qc-feature-list article { margin-top: 26px; padding-top: 26px; }
  .qc-site .qc-faq { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .qc-site .qc-trial-offer { grid-template-columns: minmax(0, 1fr); padding: 26px; gap: 24px; }
  .qc-site .qc-trial-offer h2 { font-size: 36px; }
  .qc-site .qc-footer { gap: 18px; }
}

/* Payment SDKs are confined to this standalone checkout document. */
.qc-checkout { max-width: 620px; margin: 0 auto; padding: 44px 20px 70px; }
.qc-checkout > a { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 24px; }
.qc-checkout-card { padding: 32px; border-radius: 20px; }
.qc-checkout-card h1 { font-size: clamp(1.7rem, 4vw, 2.3rem); line-height: 1.18; margin: 12px 0 28px; }
.qc-checkout-card h2 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; }
.qc-checkout-card > p { line-height: 1.65; }
.qc-checkout-methods { display: grid; gap: 14px; margin: 28px 0; }
.qc-checkout-methods > .button { width: 100%; justify-content: center; }
.qc-checkout .qc-paypal-button { background: #ffd140; color: #143b64; border-color: #ffd140; }
.qc-apple-pay apple-pay-button { display: block; width: 100%; --apple-pay-button-width: 100%; --apple-pay-button-height: 48px; --apple-pay-button-border-radius: 8px; }
.qc-apple-pay.disabled { pointer-events: none; opacity: .55; }
.qc-apple-pay .field-help { text-align: center; margin: 8px 0 0; }
.qc-checkout-security { display: flex; align-items: center; gap: 8px; font-size: .85rem; color: #50665e; border-top: 1px solid #dce5d8; padding-top: 20px; margin-top: 28px; }
.qc-apple-setup { margin-top: 26px; }
.qc-apple-setup ol { display: grid; gap: 14px; padding-left: 22px; line-height: 1.65; }
.qc-domain-name { overflow-wrap: anywhere; }
@media(max-width: 600px) { .qc-checkout { padding-top: 24px; } .qc-checkout-card { padding: 22px; } }