/* QA11 equipment reference only; existing artwork, shell, summaries and actions keep their owners. */
#applicationMain .qa11-geometry{margin:1.2rem 0;min-width:0;max-width:100%;border:1px solid #3c6d7e;border-radius:.5rem;background:linear-gradient(120deg,#123747,#092637);box-shadow:inset 0 1px #b9efff25;color:#dceff5;font:400 .88rem/1.55 "Chakra Petch","Segoe UI",sans-serif}
#applicationMain .qa11-geometry>summary{display:flex;align-items:center;gap:.6rem 1rem;flex-wrap:wrap;cursor:pointer;min-height:44px;padding:.8rem 1rem;font-weight:600}
#applicationMain .qa11-geometry>summary>span{font-size:.78rem;color:#b8d6df;font-weight:400}
#applicationMain .qa11-body{padding:.3rem 1rem 1rem;display:grid;gap:1rem;min-width:0}
#applicationMain .qa11-body h2{font-size:1.12rem;margin:.2rem 0;color:#e5f7fa}
#applicationMain .qa11-body p{font:inherit;line-height:1.6;margin:0;color:#bad6df;max-width:78ch}
#applicationMain .qa11-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem 1rem;margin:0;min-width:0}
#applicationMain .qa11-facts>div{min-width:0}
#applicationMain .qa11-facts dt{font-size:.76rem;color:#9bc4d2;font-weight:500}
#applicationMain .qa11-facts dd{margin:.25rem 0 0;font-size:.88rem;color:#e3f3f6;overflow-wrap:anywhere}
#applicationMain .qa11-facts .qa11-number{font-size:1.3rem;font-variant-numeric:tabular-nums}
#applicationMain p.qa11-notice{padding:.6rem .8rem;border-left:2px solid #cdbb79;background:#243332;color:#e0dec5}
#applicationMain .qa11-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1.2rem;align-items:center;min-width:0}
#applicationMain .qa11-comparison figure{margin:0;min-width:0}
#applicationMain .qa11-comparison svg{display:block;width:100%;max-width:23rem;max-height:19rem;margin:auto;overflow:visible}
#applicationMain .qa11-comparison svg text{fill:#bde5ee;font:5px "Chakra Petch","Segoe UI",sans-serif}
#applicationMain .qa11-vessel{fill:#102a38;stroke:#84dbe9;stroke-width:.8}
#applicationMain .qa11-fill{fill:#6c984e;fill-opacity:.7;stroke:none}
#applicationMain .qa11-junction{fill:none;stroke:#a8d7e6;stroke-dasharray:2 2;stroke-width:.45}
#applicationMain .qa11-dimension{fill:none;stroke:#a8d7e6;stroke-width:.5}
#applicationMain .qa11-comparison figcaption{color:#a9c8d4;font-size:.76rem;max-width:45ch;margin:.3rem auto}
#applicationMain .qa11-body details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.5rem;color:#c4edf5}
#applicationMain .qa11-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.8rem 0}
#applicationMain .qa11-inputs label{display:grid;gap:.35rem;min-width:0}
#applicationMain .qa11-inputs input{min-width:0;width:100%;min-height:44px;box-sizing:border-box}
#applicationMain .qa11-inputs input[type=number]{color-scheme:dark;background:#092132;color:#e2f6ff;border:1px solid #568295;padding:.5rem .7rem;border-radius:.25rem;font:inherit}
#applicationMain .qa11-body output{display:block;padding:.6rem 0;color:#d6edf2;min-height:2.5rem}
#applicationMain .qa11-geometry :is(summary,input):focus-visible{outline:2px solid #c3faff;outline-offset:3px}
@media(max-width:42rem){#applicationMain .qa11-comparison,#applicationMain .qa11-inputs{grid-template-columns:minmax(0,1fr)}#applicationMain .qa11-body{padding-inline:.75rem}#applicationMain .qa11-inputs input{font-size:16px}}
#applicationMain .qa11-geometry>summary::after,#applicationMain .qa11-body details>summary::before{content:"";display:block;width:.45rem;height:.45rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:none}
#applicationMain .qa11-geometry>summary::after{margin-left:auto}
#applicationMain .qa11-geometry[open]>summary::after,#applicationMain .qa11-body details[open]>summary::before{transform:rotate(225deg)}