body{background:#edf2f7}.ionic-lab{--zsa-max-width:1440px;background:#f6f8fb;padding:28px 36px;color:#40546b}.ionic-lab header,.identity,header nav,.intro,.bench-heading,.controls,.dialog-heading,.share-row{display:flex;align-items:center;gap:12px}.ionic-lab header{justify-content:space-between;border-bottom:1px solid #dce5ed;padding-bottom:22px;flex-wrap:wrap}.identity{gap:16px}.logo{padding:8px;background:white;border:1px solid #e0e8f0;border-radius:16px;display:flex}.ionic-lab h1{font-size:27px;font-weight:650;letter-spacing:-.04em;margin:0}.identity .zsa-eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 5px;color:#356085}.ionic-lab .zsa-btn{font-size:13px;border-radius:9px;border-color:#cad7e4;padding:10px 15px}.ionic-lab .zsa-btn--primary{background:#19796d;border-color:#19796d;color:white}.ionic-lab .zsa-btn--primary:hover{background:#126357}.intro{justify-content:space-between;padding:24px 0}.intro h2{font-size:32px;font-weight:650;letter-spacing:-.04em;margin:0 0 10px}.intro p{font-size:14px;margin:0}.intro .zsa-eyebrow{font-size:10px;color:#167568;letter-spacing:.16em;margin-bottom:10px}.intro a{font-size:12px;white-space:nowrap}.lab-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px}.ionic-lab .zsa-card{background:white;border-color:#dce5ed;border-radius:15px;padding:22px;margin:0;box-shadow:0 4px 15px #0c2a4606}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;color:#60778d;margin:0 0 8px}.ionic-lab h3{font-size:20px;font-weight:600;margin:0 0 16px;letter-spacing:-.025em}#reactions{display:grid;gap:6px}#reactions button{display:flex;gap:10px;text-align:left;align-items:center;width:100%;background:#fff;border:1px solid transparent;border-radius:8px;padding:10px 8px;color:#435b70;font-size:12px;line-height:1.5}#reactions button:hover{background:#f1f6fa}#reactions button[aria-pressed=true]{background:#eaf4f1;border-color:#a9d2c7;color:#145e53}#reactions .number{font-size:10px;color:#65818d;font-variant-numeric:tabular-nums}.bench-heading{justify-content:space-between;align-items:start}.bench-heading h3{font-size:18px;margin-bottom:12px}#phase{font-size:11px;color:#25654f;background:#e7f4ed;border-radius:20px;padding:4px 10px;white-space:nowrap}.bench{background:radial-gradient(ellipse at 50% 20%,#30556c,#102c43 85%);border-radius:12px;overflow:hidden;color:#b8d0df;border:1px solid #274a60}.bench-top{display:flex;justify-content:space-between;padding:14px 17px 0;font-size:8px;letter-spacing:.12em}.bench svg{display:block;width:100%;height:auto}.bench-note{font-size:10px;margin:0;padding:0 17px 13px;color:#b8d0df}.controls{flex-wrap:wrap;margin:18px 0}.controls button:disabled{opacity:.45;cursor:default}#progress{font-size:12px;flex-basis:100%;color:#5a7085}.observation{background:#eaf3f1;border:1px solid #cfe0db;border-left:3px solid #288576;border-radius:9px;padding:17px}.observation h3{font-size:17px;margin:0 0 7px}.observation p:last-child{font-size:14px;margin:0;line-height:1.7}.ionic-lab details{margin-top:16px;font-size:14px}.ionic-lab summary{cursor:pointer;color:#325774;min-height:44px;display:list-item;padding:10px 0}#equation{font-size:17px;color:#102d4f}.ionic-lab .zsa-footer{font-size:11px;margin-top:24px}.ionic-lab dialog{width:calc(100% - 32px);max-width:650px;max-height:85vh;overflow:auto;border:1px solid #c5d3e4;border-radius:15px;padding:24px;color:#40546b;font-size:15px;line-height:1.7}.ionic-lab dialog::backdrop{background:#0b1b3373}.dialog-heading{justify-content:space-between}.dialog-heading h2{font-size:24px;margin:0}.ionic-lab dialog .close{font-size:24px;padding:4px 14px}.ionic-lab input{min-width:0;width:100%;border:1px solid #b8c8dc;border-radius:8px;padding:10px;background:#f8fafd;color:#334e72;font-size:13px}.share-row{margin-top:8px}.share-row button{white-space:nowrap}@media(max-width:1000px){.ionic-lab{padding:22px}.lab-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.ionic-lab .zsa-card{padding:17px}}@media(max-width:760px){.ionic-lab{padding:18px 14px}.lab-layout{grid-template-columns:1fr}#reactions{grid-template-columns:1fr 1fr}#reactions button{font-size:11px}.ionic-lab h1{font-size:23px}.intro{align-items:start}.intro h2{font-size:27px}.bench-heading{flex-wrap:wrap}.bench-top{font-size:7px}.controls{gap:8px}.ionic-lab .zsa-btn{padding:10px 12px}.share-row{flex-wrap:wrap}}@media print{header nav,.controls,aside,dialog,[data-zsa-chrome]{display:none!important}.lab-layout{display:block}}

.ionic-lab .lab-layout{margin-top:24px}.ionic-lab #phase{white-space:normal;max-width:220px}.ionic-lab .bench-heading>div{min-width:0}

/* Keep observations in view on typical laptop screens. */
.ionic-lab .bench svg{height:clamp(200px,34vh,300px)}
@media(max-width:760px){.ionic-lab .bench svg{height:auto}}

.ionic-lab .logo{padding:7px;border-radius:12px}.ionic-lab .logo img{display:block;width:36px;height:auto}