:root{--background:#fff;--surface:#fff;--foreground:#171717;--color-text-primary:#000;--color-text-secondary:#4b4b4b;--primary-black:#000;--primary-black-hover:#333;--primary-white:#fff;--primary-medium-blue:#0065bd;--primary-dark-blue:#003359;--primary-light-blue:#98c6ea;--accent-orange:#e37222;--accent-orange-hover:#ca5e1f;--accent-green:#a2ad00;--accent-green-hover:#8a9500;--success:#28a745;--error:#dc3545;--error-hover:#c82333;--header-bg:var(--primary-dark-blue);--header-foreground:var(--primary-white);--header-accent:var(--primary-light-blue);--border:#0000000f;--muted:#00000080;--primary-06:#0078d40f;--primary-20:#0078d433;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--radius-sm:4px;--radius-md:6px;--radius-lg:12px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--boxed-bg-default:#0065bd0f}html,body{--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-sans);color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);color:var(--foreground);font-weight:600;line-height:1.2}p{color:var(--foreground);line-height:1.6}html,body,#__next{width:100%;height:100%;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.appbar{z-index:1000;background:var(--header-bg);color:var(--header-foreground);border-bottom:1px solid var(--border);width:100vw;position:fixed;top:0;left:0;right:0}.appbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;padding:18px 20px;display:flex}.brand{font-weight:700}.tabs{gap:8px;display:flex}.tab{border-radius:var(--radius-md);color:var(--header-foreground);opacity:.95;background:0 0;align-items:center;padding:6px 12px;transition:opacity .12s,background .12s;display:inline-flex;position:relative}.tab:hover{opacity:1}.tab:after{content:"";background:var(--header-accent);transform-origin:0;pointer-events:none;opacity:.95;border-radius:2px;height:3px;transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-6px;left:12px;right:12px;transform:scaleX(0)}.tab:not(.active):hover:after,.tab.active:after{transform:scaleX(1)}.tab.active{color:var(--header-foreground);background:0 0}.tab-dropdown{display:inline-block;position:relative}.tab-dropdown .tab-link-wrapper{padding-right:24px}.tab-dropdown .tab-link-wrapper:before{content:"▼";opacity:.9;pointer-events:none;font-size:.6rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.tab-dropdown .tab-link-wrapper:after{display:none}.tab-dropdown.active .tab-link-wrapper{color:var(--header-foreground)}.tab-dropdown.active .tab-link-wrapper:after{content:"";background:var(--header-accent);pointer-events:none;opacity:.95;border-radius:2px;height:3px;transition:none;display:block;position:absolute;bottom:-6px;left:12px;right:12px;transform:scaleX(1)}.dropdown-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);z-index:1001;visibility:hidden;opacity:0;flex-direction:column;min-width:240px;padding:4px 0;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;top:calc(100% + 2px);left:auto;right:0;transform:translateY(4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000f}.tab-dropdown:hover .dropdown-menu,.dropdown-menu.open{visibility:visible;opacity:1;z-index:9999;transform:translateY(0)}.dropdown-item{color:var(--foreground);font-size:var(--font-size-sm);white-space:nowrap;padding:8px 16px;transition:background-color .15s,color .15s}.dropdown-item:hover{background-color:var(--primary-06);color:var(--primary-medium-blue)}.dropdown-item.active{background-color:var(--primary-06);color:var(--primary-dark-blue);font-weight:600}.take-questionnaire-page .btn-primary,[data-v26] .btn-primary{color:#fff;font-family:var(--font-sans);background:#3070b3;border:none;border-radius:3px;padding:14px 28px;font-size:15px;font-weight:400;transition:background .3s,transform .3s,box-shadow .3s}.take-questionnaire-page .btn-primary:hover,[data-v26] .btn-primary:hover{background:#4a8fd4;transform:translateY(-1px);box-shadow:0 4px 15px #3070b333}.take-questionnaire-page .btn-secondary,[data-v26] .btn-secondary{color:#8f8f8f;font-family:var(--font-sans);background:0 0;border:1.5px solid #3070b326;border-radius:3px;padding:14px 28px;font-size:15px;font-weight:400;transition:border-color .3s,color .3s}.take-questionnaire-page .btn-secondary:hover,[data-v26] .btn-secondary:hover{color:#3070b3;background:0 0;border-color:#3070b3}.app-content{flex-direction:column;flex:auto;max-width:100%;min-height:0;margin:69px auto 0;padding:0 10px 10px;display:flex}.take-questionnaire-page{background:#f4f6f8;flex-direction:column;flex:auto;min-height:0;padding-top:18px;display:flex}.introduction-configurator-page,.consent-configurator-page,.basic-data-configurator-page,.user-page,.outro-configurator-page,.participant-type-configurator-page,.analysis-page{flex-direction:column;flex:auto;min-height:0;padding-top:18px;display:flex;overflow:auto}.questionnaire-page{flex-direction:column;flex:auto;min-height:0;padding-top:18px;display:flex}.questionnaire-list{flex:auto;min-height:0;padding-right:4px;overflow:auto}button,.btn{border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:var(--font-size-base);border:none;justify-content:center;align-items:center;padding:8px 16px;transition:background-color .2s,opacity .2s;display:inline-flex}.btn-primary{background-color:var(--primary-medium-blue);color:var(--primary-white)}.btn-primary:hover{background-color:var(--primary-dark-blue)}.btn-outline{color:var(--primary-medium-blue);border:1px solid var(--primary-medium-blue);background:0 0}.btn-outline:hover{background:var(--primary-06)}.btn-secondary{background-color:var(--primary-black);color:var(--primary-white)}.btn-secondary:hover{background-color:var(--primary-black-hover)}.btn-accent-green{background-color:var(--accent-green);color:var(--primary-white)}.btn-accent-green:hover{background-color:var(--accent-green-hover)}.btn-accent-orange{background-color:var(--accent-orange);color:var(--primary-white)}.btn-accent-orange:hover{background-color:var(--accent-orange-hover)}.btn-danger{background-color:var(--error);color:var(--primary-white)}.btn-danger:hover{background-color:var(--error-hover)}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed}.richTextContent p{margin:0 0 1rem}.richTextContent p:empty{min-height:1rem;margin-bottom:0}.richTextContent li p{margin:0;padding:0}.richTextContent ul,.richTextContent ol{margin:0 0 1rem;padding-left:2rem;list-style-position:outside}.richTextContent li{margin:.5rem 0}.richTextContent h1,.richTextContent h2,.richTextContent h3,.richTextContent h4,.richTextContent h5,.richTextContent h6{margin:1.5rem 0 .75rem;line-height:1.3}.richTextContent h1:first-child,.richTextContent h2:first-child,.richTextContent h3:first-child{margin-top:0}.richTextContent img{object-fit:contain;max-width:100%;height:auto;max-height:480px;display:block}.richTextContent a,.introHtml a{color:#3b82f6;text-underline-offset:3px;cursor:pointer;font-weight:500;font-size:inherit;line-height:inherit;margin:0;padding:0;text-decoration:underline;transition:color .2s}.richTextContent a:hover,.introHtml a:hover{color:#1d4ed8}.richTextContent a:focus,.introHtml a:focus{outline-offset:2px;outline:2px solid #3b82f6}.richTextContent .boxed-title,.introHtml .boxed-title{background:var(--boxed-bg,var(--boxed-bg-default));text-align:center;border-bottom:2px solid #00335914;border-radius:8px;margin:.5rem 0;padding:8px 12px;display:block}.richTextContent a,.introHtml a,.editorContent a,.participantTypeText a,.preForm a,.contentWrapper a,.mediaBox a,.introHtml a{color:#3b82f6;text-underline-offset:3px;font-weight:600;text-decoration:underline}.richTextContent a:hover,.introHtml a:hover,.editorContent a:hover,.participantTypeText a:hover,.preForm a:hover,.contentWrapper a:hover,.mediaBox a:hover{color:#1d4ed8}.richTextContent a:focus,.introHtml a:focus,.editorContent a:focus,.participantTypeText a:focus,.preForm a:focus,.contentWrapper a:focus,.mediaBox a:focus{outline-offset:2px;outline:2px solid #3b82f6}.editorContent img{object-fit:contain;max-width:100%;height:auto;max-height:480px;display:block}
