:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#18253b;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh}.header{background:#12243e;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem}.header strong{display:block;font-size:1.15rem}.header small{display:block;opacity:.75;margin-top:.25rem}.upload{background:#e5edfa;color:#12243e;border-radius:.35rem;padding:.65rem .9rem;font-weight:600;cursor:pointer}.upload input{position:absolute;width:1px;height:1px;opacity:0}.workspace{display:grid;grid-template-columns:minmax(220px,23%) minmax(320px,1fr) minmax(220px,23%);height:calc(100vh - 78px)}.panel{overflow:auto;padding:1.25rem;border-right:1px solid #d8e0eb;background:#fff}.panel h2{font-size:1rem;margin:.2rem 0 1rem}.muted{color:#5c697c;font-size:.84rem}.sidebar,.search{background:#f8fafc}.sidebar nav{display:grid;gap:.5rem}.sidebar nav button,.results button{background:#fff;border:1px solid #d6deea;text-align:left;border-radius:.45rem;padding:.75rem;width:100%;display:grid;gap:.3rem}.sidebar nav button.active{border-color:#2063b8;background:#eaf3ff}.sidebar nav small,.results span{color:#63718a;font-size:.78rem}.reader-tools{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.reader-tools button,.section button{background:#eff4fa;border:1px solid #cfdaeb;border-radius:.3rem;padding:.4rem .7rem}.reader article{max-width:850px;margin:2rem auto;line-height:1.65}.reader h1{line-height:1.2}.eyebrow{text-transform:uppercase;color:#2e65a3;letter-spacing:.12em;font-size:.72rem}.empty{max-width:560px;margin:20vh auto;text-align:center}.section{border-top:1px solid #e4e9f1;padding:1rem 0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#27547e}.section-heading strong{text-transform:capitalize}.warning{background:#fff4da;border-left:4px solid #b57913;padding:.8rem}.xml{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f6fb;padding:1rem;border:1px solid #d7e0ea;border-radius:.4rem}.search label{display:block;font-size:.85rem;margin-bottom:.5rem}.search input{width:100%;padding:.65rem;border:1px solid #bfccdd;border-radius:.4rem}.results{display:grid;gap:.5rem}.notice{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);background:#12243e;color:#fff;padding:.8rem 1rem;border-radius:.5rem;display:flex;gap:1.2rem;max-width:90vw}.notice button{color:#fff;background:transparent;border:0;font-size:1.2rem}@media(max-width:900px){.workspace{height:auto;grid-template-columns:240px minmax(0,1fr)}.search{grid-column:1/-1}.reader{min-height:65vh}}@media(max-width:600px){.header{padding:.8rem}.workspace{display:block}.panel{border-right:none;border-bottom:1px solid #d8e0eb}.sidebar{max-height:220px}.reader{min-height:350px}}@media(prefers-color-scheme:dark){:root{background:#0e1625;color:#e7edf8}.panel{background:#172238;color:#e7edf8}.sidebar,.search{background:#101b2e}.muted,.sidebar nav small,.results span{color:#acb9ca}.sidebar nav button,.results button{background:#23314a;color:#e7edf8;border-color:#3c4b65}.sidebar nav button.active{background:#274469}.reader-tools button,.section button{background:#253652;color:#e7edf8;border-color:#445773}.xml{background:#101b2e;color:#e7edf8;border-color:#3c4b65}.search input{background:#26344c;color:#fff}.warning{background:#4b391b;color:#fff}}.safety-callout{border:2px solid currentColor;border-radius:.4rem;padding:1rem;margin-block:1rem}.safety-callout .section-heading strong{font-weight:800;letter-spacing:.055em}.safety-warning{border-left-width:.6rem;background:#fff1f0;color:#681b16}.safety-caution{border-left-width:.6rem;background:#fff5d6;color:#563c00}.safety-note{border-left-width:.6rem;background:#eaf3ff;color:#163d69}
