.report-container{padding:var(--space-4, 16px)}.report-header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"title actions" "toc   actions";gap:var(--space-3, 12px) var(--space-4, 16px);align-items:center;margin-bottom:var(--space-4, 16px)}.report-header__title{grid-area:title;min-width:0}.report-header__actions{grid-area:actions;display:inline-flex;align-items:center;gap:var(--space-2, 8px);justify-self:end;flex-wrap:wrap}.report-title{margin:0;font-size:clamp(var(--font-size-lg, 20px),2.5vw,var(--font-size-2xl, 30px));line-height:var(--line-height-tight, 1.2);color:var(--color-text, var(--semantic-foreground))}.report-meta{margin-top:var(--space-1, 4px);font-size:var(--font-size-sm, 14px);color:var(--semantic-muted);display:flex;gap:var(--space-2, 8px);flex-wrap:wrap}.report-toc{grid-area:toc;margin-top:var(--space-2, 8px);display:flex;flex-wrap:wrap;gap:var(--space-2, 8px) var(--space-3, 12px)}.report-toc__link{text-decoration:none;color:var(--semantic-accent-a)}.report-toc__link:hover,.report-toc__link:focus{text-decoration:underline;outline:none}.report-toast{margin-bottom:var(--space-3, 12px);padding:var(--space-2, 8px) var(--space-3, 12px);border-radius:6px;font-size:.95rem;border:1px solid var(--color-border, var(--semantic-gridline));box-shadow:var(--shadow-sm)}.report-toast--info{background:color-mix(in srgb,var(--semantic-accent-a) 18%,white);color:color-mix(in srgb,var(--semantic-accent-a) 65%,black)}.report-toast--error{background:color-mix(in srgb,var(--semantic-danger) 12%,white);color:color-mix(in srgb,var(--semantic-danger) 80%,black)}.report-loading{padding:var(--space-4, 16px)}.report-error{color:var(--semantic-danger);padding:var(--space-3, 12px);border-radius:6px;background:color-mix(in srgb,var(--semantic-danger) 10%,white);border:1px solid color-mix(in srgb,var(--semantic-danger) 40%,var(--semantic-gridline))}.report-export-btn{display:inline-flex;align-items:center}@media(max-width:640px){.report-header{grid-template-columns:1fr;grid-template-areas:"title" "actions" "toc";align-items:start}.report-header__actions{justify-self:start;width:100%;gap:var(--space-2, 8px)}}@media print{.report-header__actions,.report-toast,.report-toc{display:none!important}}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;clip-path:inset(50%);border:0;padding:0;margin:-1px}.report-tab-placeholder{opacity:.7}.static-survey-viewer{display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;flex:1;min-height:0;animation:fadeSlideIn .3s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.viewer-header{flex-shrink:0;padding:var(--space-2) var(--space-3);background:transparent;border-bottom:none;z-index:10;display:flex;flex-direction:column;gap:var(--space-2)}.header-actions{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.viewer-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.viewer-controls{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.search-input{flex:1;min-width:200px;padding:6px 12px;border:1px solid var(--semantic-gridline);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg);transition:border-color .15s}.search-input:focus{outline:none;border-color:var(--color-primary)}.expand-collapse-btn{padding:6px 12px;border:1px solid var(--semantic-gridline);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;background:var(--color-bg-panel);color:var(--color-text);cursor:pointer;transition:all .15s;white-space:nowrap}.expand-collapse-btn:hover{background:var(--color-hover);border-color:var(--palette-neutral-400, #9ca3af)}.domain-count{font-size:var(--font-size-sm);color:var(--semantic-muted);white-space:nowrap}.btn-back,.btn-report{padding:4px 8px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s;color:var(--color-primary);text-decoration:none}.btn-back:hover,.btn-report:hover{background:var(--color-hover);text-decoration:underline}.viewer-content-inner{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.domain-group{border:1px solid var(--semantic-gridline);border-radius:var(--radius-md);overflow:visible;background:var(--color-bg)}.domain-header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 16px;background:color-mix(in srgb,var(--color-bg-panel) 50%,var(--color-bg));border:none;cursor:pointer;transition:all .15s;text-align:left;touch-action:manipulation;border-radius:var(--radius-md)}.domain-header:hover{background:var(--color-hover)}.domain-header.expanded{background:color-mix(in srgb,var(--color-bg-panel) 50%,var(--color-bg));border-bottom:1px solid var(--semantic-gridline);border-radius:var(--radius-md) 6px 0 0}.domain-toggle{font-size:var(--font-size-sm);color:var(--semantic-muted);flex-shrink:0;width:18px;text-align:center}.domain-info{flex:1;min-width:0}.domain-name{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-question-count{padding:3px 8px;background:var(--semantic-muted);color:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0}.domain-nodes{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.node-section{border:1px solid var(--semantic-gridline);border-radius:var(--radius-sm);overflow:visible;background:var(--color-bg);touch-action:auto}.node-header{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--color-bg-panel) 30%,var(--color-bg));border:none;cursor:pointer;transition:all .15s;text-align:left;touch-action:manipulation}.node-header:hover{background:var(--color-hover)}.node-header.expanded{background:color-mix(in srgb,var(--color-bg-panel) 30%,var(--color-bg));border-bottom:1px solid var(--semantic-gridline)}.node-toggle{font-size:var(--font-size-xs);color:var(--semantic-muted);flex-shrink:0;width:16px;text-align:center}.node-info{flex:1;min-width:0}.node-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-count{padding:2px 6px;background:var(--semantic-muted);color:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;flex-shrink:0}.node-content{padding:var(--space-2) var(--space-3) 12px}.node-description{margin:0 0 12px;padding:var(--space-2) 10px;background:color-mix(in srgb,var(--color-bg-panel) 40%,var(--color-bg));border-left:3px solid var(--semantic-gridline);color:var(--color-text);font-size:var(--font-size-xs);line-height:var(--line-height-normal);border-radius:var(--radius-sm)}.questions-list{display:flex;flex-direction:column;gap:1px;background:var(--semantic-gridline);border-radius:var(--radius-sm);overflow:visible}.question-compact{padding:var(--space-2) var(--space-3);background:var(--color-bg);transition:all .15s;display:grid;grid-template-columns:1fr auto;gap:var(--space-3);align-items:start}.question-compact:hover,.question-compact.clickable:hover{background:var(--color-hover)}.question-compact.highlighted{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg));border-left:3px solid color-mix(in srgb,var(--color-primary) 60%,transparent);padding-left:7px}.question-label{display:flex;align-items:flex-start;gap:var(--space-2);min-width:0}.q-number{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 4px;background:var(--color-bg);color:var(--semantic-muted);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;flex-shrink:0;margin-top:2px}.q-text{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);line-height:var(--line-height-normal);flex:1 1 auto;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.expand-indicator{font-size:var(--font-size-xs);color:var(--semantic-muted);margin-left:4px;flex-shrink:0}.question-answer{display:flex;align-items:flex-start;justify-content:flex-end;max-width:250px}.options-display{display:flex;flex-direction:column;gap:var(--space-1)}.selected-options{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end;max-width:250px}.unselected-options{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end}.option-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;transition:all .15s}.option-badge.selected{background:var(--semantic-accent-a);color:#fff;font-weight:600}.option-badge.unselected{background:color-mix(in srgb,var(--semantic-muted) 30%,var(--color-bg));color:var(--color-text);border:1px solid var(--semantic-gridline)}.option-badge.highlighted{background:var(--color-primary);color:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.direct-answer{display:inline-block;padding:2px 6px;background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.no-selection{color:var(--semantic-muted);font-size:var(--font-size-xs);font-style:italic}.no-results{padding:var(--space-4);text-align:center;color:var(--semantic-muted);font-size:var(--font-size-sm)}.static-survey-error{max-width:600px;margin:40px auto;padding:30px;text-align:center}.error-actions{display:flex;justify-content:center;gap:var(--space-3);margin-top:20px}.btn-primary,.btn-secondary{padding:var(--space-2) 16px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .15s;border:1px solid transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-bg-panel);border-color:var(--semantic-gridline);color:var(--color-text)}.btn-secondary:hover{background:var(--color-hover);border-color:var(--palette-neutral-400, #9ca3af)}@media(max-width:768px){.viewer-header,.viewer-content{padding:var(--space-2)}.viewer-title{font-size:var(--font-size-md)}.viewer-controls{flex-direction:column;align-items:stretch}.search-input{min-width:100%}.expand-collapse-btn{width:100%}.node-info{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.domain-header{gap:var(--space-2);padding:var(--space-2) 12px}.domain-name{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;line-height:1.3;overflow:visible;text-overflow:clip}.domain-info{flex:1;min-width:0;max-width:100%;overflow:hidden}.domain-question-count{flex-shrink:0;white-space:nowrap}.node-name{white-space:normal}.question-compact{display:flex;flex-direction:column;gap:var(--space-2)}.question-answer{max-width:100%;padding-left:0}.header-actions{flex-wrap:wrap}}@media print{.header-actions,.btn-back,.btn-report{display:none}.node-header{page-break-after:avoid}.node-section{page-break-inside:avoid}.question-compact{break-inside:avoid;page-break-inside:avoid}.node-content{display:block!important}}.report-page{display:flex;flex-direction:column;height:100%;min-height:0;flex:1}.report-page__header{flex-shrink:0;padding:.5rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-alt)}.report-page__content{flex:1;min-height:0}.report-page__back-button{background:none;border:none;color:var(--color-primary);font-size:.875rem;cursor:pointer;padding:.375rem .75rem;border-radius:4px;transition:all .2s ease}.report-page__back-button:hover{background:var(--button-hover-bg);color:var(--color-text)}.report-page__back-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.report-page__header{padding:.5rem .75rem}.report-page__back-button{font-size:.8125rem;padding:.25rem .5rem}}
