.lab-hero{padding:64px 0 36px}.muted,.help{color:var(--muted)}.help{font-size:.86rem;line-height:1.55}.lab{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:24px;align-items:start}.input-panel,.output-panel{padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.lab h2{margin:0 0 22px;font-size:1.45rem}.lab label{display:block;font-weight:700;margin-bottom:8px}.lab textarea,.lab input,.lab select{display:block;width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid #526077;border-radius:9px;padding:12px}.lab textarea{resize:vertical}.lab :focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.lab button{font:inherit;cursor:pointer}.lab .button{border:0;font-weight:800}.reset{background:none;border:0;color:var(--accent-2);padding:12px}.error{color:#ffb9ae;min-height:1em}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}.metrics>div{padding:16px;background:var(--bg);border-radius:12px}.metrics span{display:block;color:var(--muted);font-size:.85rem}.metrics strong{font-size:2rem;line-height:1.4}.chart{height:130px;display:flex;align-items:end;gap:3px;margin-top:24px;border-bottom:1px solid #536278}.bar{flex:1;min-width:0;background:#7e95b7;border-radius:3px 3px 0 0}.bar.recent{background:var(--accent)}.chart-key{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:.75rem;margin-top:7px}.interpretation{padding:16px;border-left:3px solid var(--accent);background:var(--bg);font-size:.9rem}.table-wrap{overflow:auto;max-height:300px}table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}th,td{padding:9px;border-bottom:1px solid var(--border)}summary{cursor:pointer;color:var(--accent-2)}.methodology{max-width:800px;margin:80px auto}.methodology h2{font-size:2rem}.methodology dt{font-weight:800;margin-top:22px}.methodology dd{margin:8px 0;color:#c4ccd8}.methodology .guide-grid{padding:15px 0}.methodology .guide-card h3{margin-top:0}@media(max-width:820px){.lab{grid-template-columns:1fr}.lab-hero{padding-top:40px}.input-panel,.output-panel{padding:22px}.methodology{margin-top:55px}}@media(max-width:380px){.field-row{grid-template-columns:1fr}.metrics strong{font-size:1.6rem}}