*{box-sizing:border-box}body{margin:0;background:#f2f5fa;color:#172740;font:16px/1.65 system-ui,sans-serif}a{color:#4944b5}header{padding:20px max(24px,calc((100% - 1400px)/2));display:flex;justify-content:space-between;gap:20px;background:#102039;color:#fff}header a{color:inherit;text-decoration:none}header .brand{font-weight:900;font-size:27px}nav{display:flex;gap:22px;flex-wrap:wrap}main{max-width:1400px;margin:auto;padding:40px 24px}.intro{max-width:950px}.intro>span{font-size:13px;letter-spacing:.12em;color:#5653bd;font-weight:800}h1{font-size:clamp(32px,4vw,48px);line-height:1.2}h2{font-size:25px}h3{font-size:19px}.workspace{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:28px;margin-top:32px}.input-panel,.empty,.result-block{background:white;border:1px solid #d9e1ee;border-radius:18px;padding:24px}.input-panel{align-self:start}.input-panel p{font-size:14px}label{display:block;font-weight:700;margin:18px 0 7px}textarea,input{width:100%;padding:12px;border:1px solid #b9c8de;border-radius:8px;background:#fafcff;font:inherit}textarea{font:15px/1.6 ui-monospace,monospace;resize:vertical}button{width:100%;margin-top:14px;padding:13px;border:0;border-radius:9px;background:#5950cc;color:white;font:700 16px system-ui;cursor:pointer}.secondary{background:#e9edfa;color:#263665}button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #a49aff;outline-offset:3px}.params{display:flex;gap:16px}.params label{min-width:0}.notes{background:#fff6de;border-left:4px solid #d29a2e;padding:12px 20px;border-radius:8px;font-size:15px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.metrics>div{background:#142640;color:#fff;padding:18px;border-radius:12px}.metrics span{display:block;font-size:14px;color:#c7d6ed}.metrics strong{font-size:23px;overflow-wrap:anywhere}.result-block{margin-top:18px;overflow:hidden}svg{display:block;width:100%;height:auto;min-height:160px}svg text{font:12px system-ui;fill:#52637a}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:10px;border-bottom:1px solid #dae2ec}th{background:#f0f4fa}details{margin-top:20px}summary{cursor:pointer;font-weight:700}#error{color:#ad2525;font-weight:700}#results{min-width:0}@media(max-width:850px){.workspace{grid-template-columns:1fr}header{flex-direction:column}.metrics{grid-template-columns:1fr}main{padding:25px 15px}}


/* QAPP Analytics 2026-09: richer statistical guidance and chart presentation */
.method-guide{margin:28px 0 8px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card,.source-card{background:#fff;border:1px solid #d9e1ee;border-radius:16px;padding:20px}.guide-card h2,.source-card h2{font-size:18px;margin:0 0 8px}.guide-card p,.source-card p,.source-card li{font-size:14px;margin:0;color:#40516a}.guide-card code{display:inline-block;margin-top:8px;padding:6px 9px;border-radius:8px;background:#eef2fa;color:#29395a;font:600 13px/1.4 ui-monospace,monospace;white-space:normal}.guide-card strong{color:#172740}.source-card{margin-top:14px;border-left:4px solid #5950cc}.source-card ul{margin:10px 0 0;padding-left:20px}.source-card a{font-weight:700}.source-card .alignment{margin-top:12px;padding-top:12px;border-top:1px solid #e2e7f0}.source-card .badge{display:inline-block;padding:3px 8px;margin-right:6px;border-radius:999px;background:#eef0ff;color:#3e3a9d;font-size:12px;font-weight:800}.chart-caption{font-size:13px;color:#53647b;margin:6px 0 0}.chart-axis-label{font:600 12px system-ui;fill:#33445c}.chart-ref-label{font:700 11px system-ui;fill:#8c3333}.chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:13px;color:#53647b}.chart-key{display:inline-flex;align-items:center;gap:6px}.chart-key i{display:inline-block;width:12px;height:3px;border-radius:3px}.result-block h3{margin-top:0}.result-explainer{background:#f8f9ff;border:1px solid #dfe1fb;border-radius:12px;padding:14px 16px;margin:14px 0}.result-explainer strong{color:#302c90}.source-note{font-size:13px;color:#5e6c80}.input-panel .method-link{display:inline-flex;margin-top:10px;font-size:13px;font-weight:700}.aiag-context{background:#eef8f5;border-left:4px solid #098677;padding:11px 14px;border-radius:8px;margin-top:12px;font-size:13px;color:#335b53}
@media(max-width:1050px){.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.guide-grid{grid-template-columns:1fr}.guide-card,.source-card{padding:16px}.chart-axis-label{font-size:10px}}

/* QAPP Analytics Stage 2 — capability and SPC */
.params-advanced{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.params-advanced label{margin-top:14px}.params small{display:block;margin-top:5px;color:#61728a;font-size:12px;font-weight:500}.params select{width:100%;padding:12px;border:1px solid #b9c8de;border-radius:8px;background:#fafcff;color:#172740;font:inherit}@media(max-width:850px){.params-advanced{grid-template-columns:1fr}}

/* QAPP Analytics Stage 3 — MSA suite */
.msa-suite-nav{margin:24px 0 8px;background:#fff;border:1px solid #d9e1ee;border-radius:18px;padding:20px}.msa-suite-nav h2{margin:0 0 4px}.msa-suite-nav>p{margin:0 0 14px;color:#53647b}.msa-suite-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.msa-suite-grid a{display:flex;flex-direction:column;gap:4px;padding:13px;border:1px solid #dfe4ee;border-radius:12px;text-decoration:none;background:#f8faff;color:#263665}.msa-suite-grid a:hover,.msa-suite-grid a.active{border-color:#7068df;background:#f0efff}.msa-suite-grid b{font-size:14px}.msa-suite-grid span{font-size:12px;line-height:1.35;color:#64738a}@media(max-width:1050px){.msa-suite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.msa-suite-grid{grid-template-columns:1fr}}