.email-lab{--em-ink:#142c30;--em-paper:#f5efdf;--em-blue:#a4dce2;--em-lime:#d8e9a6;color:var(--em-ink);background:var(--em-paper);border:1px solid #b6b9a7;border-radius:18px;margin:2rem 0 3rem;overflow:hidden}.email-lab *{box-sizing:border-box}.email-lab [hidden]{display:none!important}.email-lab__intro{grid-template-columns:1.5fr 1fr;align-items:end;gap:2rem;padding:2rem;display:grid}.email-lab__eyebrow{letter-spacing:.1em;margin:0 0 .7rem;font:600 .72rem/1.5 ui-monospace,monospace}.email-lab h2{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.05}.email-lab h2 span{color:#4f7375}.email-lab__intro>p{max-width:25rem;margin:0;font-size:1.1rem;line-height:1.6}.email-lab__experiment{background:#e6e7d5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.email-lab label{font-size:.88rem;font-weight:650}.email-lab select{color:var(--em-ink);font:inherit;background:#fffdf5;border:1px solid #8b9e96;border-radius:6px;max-width:100%;min-height:44px;padding:.6rem}.email-lab__stage{background:#10262b;position:relative}.email-lab__stage-title{color:#c1d5cd;letter-spacing:.1em;justify-content:space-between;gap:1rem;padding:1rem 1.3rem 0;font:.7rem/1.5 ui-monospace,monospace;display:flex}.email-lab canvas{touch-action:pan-y;width:100%;height:430px;display:block}.email-lab__stations{text-align:center;color:#dfede4;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 1rem 1rem;font:.8rem/1.4 ui-monospace,monospace;display:grid}.email-lab__fallback{color:#fff;background:#274347;margin:0;padding:1rem}.email-lab__controls{flex-wrap:wrap;gap:.5rem;padding:1.2rem 1.5rem .5rem;display:flex}.email-lab button{min-height:44px;color:var(--em-ink);cursor:pointer;background:#fffdf5;border:1px solid #718e89;border-radius:6px;padding:.6rem .9rem;font-family:inherit;font-size:.85rem;font-weight:650;line-height:1.3}.email-lab button:hover:not(:disabled){background:#dbe8da}.email-lab button:disabled{cursor:default;opacity:.65}.email-lab [data-email-play]{background:var(--em-ink);color:#fff}.email-lab [data-email-play]:hover:not(:disabled){background:#34575b}.email-lab :is(button,select,input,summary,a):focus-visible{outline-offset:3px;outline:3px solid #0a7785}.email-lab__time{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem 1.5rem 1rem;display:grid}.email-lab__time input{accent-color:#326c70;width:100%;min-width:0;min-height:44px}.email-lab__time output{font:.78rem/1.5 ui-monospace,monospace}.email-lab__chapters{grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem;padding:0 1.5rem;display:grid}.email-lab__chapters button{text-align:left;padding:.65rem;font-size:.75rem;font-weight:500}.email-lab__chapters span{color:#365751;font:600 .7rem/1.8 ui-monospace,monospace;display:block}.email-lab__chapters button[aria-pressed=true]{background:var(--em-lime);border-color:#6b8256}.email-lab__caption{padding:1.5rem}.email-lab h3{margin:0 0 .5rem;font-size:1.1rem}.email-lab p{line-height:1.55}.email-lab__caption p{max-width:70ch;margin:.4rem 0 0}.email-lab__receipt{color:#456967;font-size:.85rem}.email-lab__cutaway{background:#dbe6de;border-block:1px solid #9caf9e;padding:1.3rem 1.5rem}.email-lab__layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.email-lab__layers article{background:#faf7e9;border-left:4px solid #c9a965;min-width:0;padding:1rem}.email-lab__layers article:nth-child(2){border-color:#b6c0b0}.email-lab__layers article:nth-child(3){border-color:#78bdc5}.email-lab__layers article:nth-child(4){border-color:#a9c36a}.email-lab h4{margin:0 0 .7rem;font-size:.92rem}.email-lab h4 span{color:#365751;margin-right:.5rem}.email-lab__layers p{overflow-wrap:anywhere;margin:.5rem 0;font-size:.84rem}.email-lab code{overflow-wrap:anywhere;color:#254b52;background:0 0;padding:0;font-size:.85rem}.email-lab__sender{margin:1rem 0 0;font-size:.85rem}.email-lab__results{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:0 1.5rem 1.5rem;display:grid}.email-lab__results article{border:1px solid #a5b4a7;border-top:4px solid #8c9c93;min-width:0;padding:1rem}.email-lab__results [data-result=PASS]{border-top-color:#6e9242}.email-lab__results [data-result=FAIL]{border-top-color:#b94735}.email-lab__results h3{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.email-lab__results strong{font:600 .73rem/1.4 ui-monospace,monospace}.email-lab__results p{overflow-wrap:anywhere;font-size:.87rem}.email-lab__results small{color:#3f635c;font-size:.75rem;line-height:1.5}.email-lab__safety{background:#eae0c3;border-left:4px solid #b68c4e;margin:0 1.5rem 1.5rem;padding:1rem 1.2rem;font-weight:600}.email-lab :is(.email-lab__custom,.email-lab__transcript){border-top:1px solid #b1bdac;padding:0 1.5rem}.email-lab summary{cursor:pointer;min-height:48px;padding:1rem 0;font-size:.95rem;font-weight:650}.email-lab__fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0 0 1.5rem;display:grid}.email-lab__fields label{gap:.5rem;min-width:0;display:grid}.email-lab__fields select{width:100%;font-size:.85rem}.email-lab__transcript article{border-top:1px solid #c4caba;padding:1rem 0}.email-lab__transcript li{margin:.5rem 0;font-size:.9rem}.email-lab__scope,.email-lab__sources{color:#3e605a;margin:1rem 1.5rem;font-size:.8rem}.email-lab__sources a{color:#215d66;text-decoration:underline}.email-lab__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.email-lab__intro{grid-template-columns:1fr;gap:1rem;padding:1.4rem}.email-lab__experiment{padding:1rem;display:grid}.email-lab__experiment select{width:100%}.email-lab__chapters{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 1rem}.email-lab__results{grid-template-columns:1fr;padding:0 1rem 1rem}.email-lab__layers,.email-lab__fields{grid-template-columns:1fr}.email-lab__controls{padding:1rem 1rem .5rem}.email-lab__time{grid-template-columns:minmax(0,1fr) auto;padding:.5rem 1rem}.email-lab__time label{grid-column:1/-1}.email-lab__stage-title{padding:1rem 1rem 0;font-size:.65rem}.email-lab__stage-title span:last-child{display:none}.email-lab canvas{height:360px}.email-lab__stations{gap:.4rem;font-size:.75rem}.email-lab__caption,.email-lab__cutaway{padding:1rem}.email-lab__safety{margin:0 1rem 1rem}.email-lab :is(.email-lab__custom,.email-lab__transcript){padding:0 1rem}.email-lab__scope,.email-lab__sources{margin:1rem}}@media print{.email-lab{break-inside:auto;border:none;overflow:visible}.email-lab__stage,.email-lab__controls,.email-lab__time,.email-lab__chapters,.email-lab__custom{display:none}.email-lab__transcript::details-content{content-visibility:visible;display:block}.email-lab__transcript>article{display:block}}@media screen{.email-lab__primary{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}