:root{--color-primary: #1F3A5F;--color-primary-soft: #2E4A74;--color-accent: #B8860B;--color-accent-soft: #F5E6C8;--color-highlight: #FFD98A;--color-bg: #EEF3F8;--color-bg-alt: #F4F7FA;--color-line: #D8E0EA;--color-text: #4A4A4A;--color-success: #1E7B34;--font-sans: "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;--radius-card-sm: 10px;--radius-card-md: 14px;--radius-card-lg: 20px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--focus-ring: 0 0 0 3px rgba(184, 134, 11, .35);--soft-shadow: 0 8px 24px rgba(31, 58, 95, .08)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;min-width:0;overflow-x:clip}body{font-family:var(--font-sans);color:var(--color-text);background:linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-alt) 100%)}.app-shell{width:min(1100px,100%);margin:0 auto;padding:var(--space-5);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5)}.card{background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-card-md);box-shadow:var(--soft-shadow);min-width:0}.app-header{background:linear-gradient(140deg,var(--color-primary) 0%,var(--color-primary-soft) 100%);color:#fff;padding:var(--space-6);border:1px solid rgba(255,255,255,.2)}.app-header h1,.app-header p{margin:0;overflow-wrap:anywhere}.app-header h1{margin-top:var(--space-2);font-size:clamp(1.5rem,4vw,2.2rem)}.eyebrow{opacity:.85;font-size:.875rem}.lede{margin-top:var(--space-4);line-height:1.55;max-width:72ch}.callout{padding:var(--space-4);border-radius:var(--radius-card-sm);line-height:1.55}.callout-warning{background:var(--color-accent-soft);border:1px solid var(--color-accent)}.callout-error{background:#fdecea;border:1px solid #c0392b;color:#7a1c12}.badge{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-3);border-radius:999px;font-size:.8rem;font-weight:600;max-width:100%;overflow-wrap:anywhere}.badge-pilot{background:var(--color-accent-soft);color:#523901}.tab-nav{padding:var(--space-2)}.tab-list{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:thin;padding-bottom:var(--space-1)}.tab-button{min-height:44px;border:1px solid transparent;border-radius:var(--radius-card-sm);padding:0 var(--space-4);background:transparent;color:var(--color-primary-soft);font-size:.95rem;font-weight:600;white-space:nowrap;flex-shrink:0;cursor:pointer}.tab-button[aria-selected=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.tab-content{min-width:0}.panel-padding{padding:var(--space-4)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:var(--space-3)}.metric-card{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);min-width:0}.metric-card h3{margin:0;font-size:.85rem;color:var(--color-primary-soft);overflow-wrap:anywhere}.metric-value{margin:var(--space-2) 0 0;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:700;color:var(--color-primary);overflow-wrap:anywhere}.metric-detail{margin:var(--space-2) 0 0;font-size:.85rem;line-height:1.45;overflow-wrap:anywhere}.metric-success{color:var(--color-success)}.category-table{width:100%;border-collapse:collapse;font-size:.9rem}.category-table th,.category-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:normal;min-width:0}.category-table th{color:var(--color-primary-soft);font-weight:600}h2,h3,p,span,th,td,button{overflow-wrap:anywhere}h2{margin:0;color:var(--color-primary)}h3{margin:0 0 var(--space-3);color:var(--color-primary-soft)}button:focus-visible,[role=tab]:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media (max-width: 720px){.app-shell{padding:var(--space-3);gap:var(--space-3)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.section-lede{margin:var(--space-3) 0 var(--space-4);line-height:1.55;max-width:72ch}.table-scroll{width:100%;overflow-x:auto;min-width:0}.btn{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-card-sm);border:1px solid var(--color-line);background:#fff;color:var(--color-primary-soft);font-size:.9rem;font-weight:600;cursor:pointer;white-space:normal}.btn-secondary.is-active,.filter-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pipeline-stepper{margin:var(--space-4) 0;min-width:0}.pipeline-step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);list-style:none;margin:0;padding:0}.pipeline-step-item{min-width:0}.pipeline-step-button{width:100%;min-height:44px;display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:var(--space-2);align-items:center;padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);color:var(--color-primary-soft);font-weight:600;cursor:pointer;text-align:left}.pipeline-step-button.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.pipeline-step-index{font-size:.85rem;opacity:.9}.pipeline-step-label{overflow-wrap:anywhere;white-space:normal}.walkthrough-content{margin-top:var(--space-4);min-width:0}.walkthrough-step{line-height:1.55;min-width:0}.walkthrough-step p,.quality-list li,.quality-ordered-list li,.provenance-list li,.codebook-list li{overflow-wrap:anywhere;white-space:normal}.provenance-list,.codebook-list,.quality-list,.quality-ordered-list{padding-left:var(--space-5);margin:var(--space-3) 0}.offline-note{padding:var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius-card-sm)}.reliability-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-3);margin:var(--space-4) 0}.reliability-summary-card{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);min-width:0}.reliability-summary-label{display:block;font-size:.85rem;color:var(--color-primary-soft)}.reliability-summary-value{display:block;margin-top:var(--space-2);font-size:1.25rem;font-weight:700;color:var(--color-primary)}.final-results-panel{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-line)}.worked-example{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);min-width:0}.worked-example-correct{border-color:var(--color-success)}.worked-example h4{margin:0 0 var(--space-3)}.worked-example-meta{margin:0 0 var(--space-3);font-size:.9rem}.narrative-heading{margin:var(--space-3) 0 var(--space-2);font-size:.95rem}.narrative-text{margin:0;line-height:1.55;overflow-wrap:anywhere;white-space:normal;min-width:0}.status-match{color:var(--color-success);font-weight:600}.status-mismatch{color:#9a3412;font-weight:600}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.filter-button{min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:#fff;color:var(--color-primary-soft);font-weight:600;cursor:pointer;white-space:normal}.confusion-clusters .is-selected{background:var(--color-accent-soft)}.coding-items-table-wrap{display:block}.coding-items-cards{display:none}.coding-items-expanded-panel{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);min-width:0}.record-card{padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-card-sm);background:var(--color-bg-alt);min-width:0}.record-card-header{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:space-between}.record-card-codes{margin:var(--space-3) 0;font-size:.9rem;line-height:1.5}.item-details{margin-top:var(--space-3);min-width:0}.item-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--space-3);margin:0}.item-details-grid dt{font-size:.8rem;color:var(--color-primary-soft);font-weight:600}.item-details-grid dd{margin:var(--space-1) 0 0}.quality-block{margin-top:var(--space-5);min-width:0}.methods-block{margin-top:var(--space-4);min-width:0}.methods-paragraph{line-height:1.6;padding:var(--space-4);background:var(--color-bg-alt);border:1px solid var(--color-line);border-radius:var(--radius-card-sm)}.export-footer-preview a{color:var(--color-primary)}.results-panel h3{margin-top:var(--space-5)}.export-menu{margin-top:var(--space-4);min-width:0}.export-menu-lede{margin:var(--space-2) 0 var(--space-4);line-height:1.55}.export-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}.btn-export{min-height:44px;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);padding:var(--space-4);text-align:left;background:var(--color-primary);border-color:var(--color-primary);color:#fff}.export-button-label{font-size:1rem;font-weight:700}.export-button-description{font-size:.85rem;font-weight:400;opacity:.92;white-space:normal}.export-status{margin-top:var(--space-3);font-size:.9rem}.export-status-success{color:var(--color-success)}.export-status-error{color:#9a3412}.site-footer{line-height:1.55}.site-footer a{color:var(--color-primary)}.footer-gallery{opacity:.9}@media (max-width: 720px){.pipeline-step-list{grid-template-columns:minmax(0,1fr)}.coding-items-table-wrap{display:none}.coding-items-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.coding-items-expanded-panel{display:none}}