.convection-phone-focus{display:none}.convection-study{color:#534331;font-variant-numeric:tabular-nums;background:radial-gradient(at 50% 34%,#faf3df,#e8dfcb 73%);padding:24px 28px 18px;font-size:16px;line-height:1.6;overflow:hidden}.convection-study *{box-sizing:border-box}.convection-kicker{color:#78634a;justify-content:space-between;gap:20px;font-size:16px;display:flex}.convection-observation{text-align:center;color:#52412e;justify-content:center;align-items:center;max-width:800px;min-height:72px;margin:16px auto 22px;font-size:22px;font-weight:450;line-height:1.5;display:flex}.convection-cells{width:100%;max-width:660px;margin:auto}.convection-cells.convection-compare{grid-template-columns:1fr 1fr;gap:30px;max-width:1080px;display:grid}.convection-vessel{min-width:0;margin:0}.convection-vessel figcaption{color:#715b42;justify-content:space-between;align-items:baseline;gap:16px;min-height:38px;font-size:16px;line-height:1.5;display:flex}.convection-vessel figcaption>span:last-child{white-space:nowrap;color:#705b43}.convection-glass{background:#ddd1b6;border-left:7px solid #ddcdb28c;border-right:7px solid #ddcdb28c;width:100%;position:relative;box-shadow:inset 0 0 15px #70563b22}.convection-glass canvas,.convection-glass svg{aspect-ratio:1.5;outline-offset:-1px;outline:1px solid #6b52311c;width:100%;height:auto;display:block}.convection-top-plate,.convection-bottom-plate{color:#fff9e8;text-shadow:0 1px 1px #57382145;justify-content:center;align-items:center;min-height:35px;padding:4px 8px;font-size:16px;line-height:1.5;display:flex;box-shadow:inset 0 2px 3px #ffffff24,0 2px 6px #73503217}.convection-top-plate{border-radius:9px 9px 2px 2px}.convection-bottom-plate{border-radius:2px 2px 9px 9px}.convection-tracer{justify-content:space-between;gap:10px;margin:11px 0 0;font-size:16px;display:flex}.convection-tracer b{white-space:nowrap;font-weight:500}.convection-temperature-key{color:#715c43;justify-content:space-between;align-items:center;gap:12px;max-width:660px;margin:17px auto;font-size:16px;display:flex}.convection-temperature-key>span{align-items:center;gap:7px;min-width:0;display:flex}.convection-temperature-key>span:nth-child(2){text-align:center;justify-content:center}.convection-temperature-key i{background:#628493;border-radius:50%;flex-shrink:0;width:15px;height:15px;display:inline-block}.convection-temperature-key>span:last-child i{background:#c15c31}.convection-readouts{border-top:1px solid #b8a48580;grid-template-columns:1fr 1fr;gap:8px 26px;max-width:660px;margin:auto;padding:13px 0 5px;display:grid}.convection-readouts>div{color:#715b42;flex-direction:column;gap:2px;font-size:16px;line-height:1.5;display:flex}.convection-readouts>div:nth-child(2){text-align:right}.convection-readouts b{letter-spacing:.02em;color:#61442b;font-size:26px;font-weight:450}.convection-readouts p{text-align:center;grid-column:1/-1;margin:5px 0 0;font-size:16px}.convection-convention{text-align:center;color:#705b43;max-width:850px;margin:13px auto 4px;font-size:16px;line-height:1.55}.convection-method{color:#725d43;border-top:1px solid #ad987955;margin-top:18px}.convection-method summary{cursor:pointer;min-height:44px;padding:11px 0;font-size:16px}.convection-method p{margin:13px 0;font-size:16px;line-height:1.8}.convection-method dl{grid-template-columns:1fr 1fr;gap:9px 24px;font-size:16px;display:grid}.convection-method dl div{justify-content:space-between;gap:12px;display:flex}.convection-method dd{margin:0}.convection-explore{border-top:1px solid #af987555;grid-template-columns:1fr 1fr;gap:21px 24px;margin-top:22px;padding-top:22px;display:grid}.convection-switches{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;display:grid}.convection-explore button{font:inherit;color:#765a3d;cursor:pointer;background:#f3ebd8;border:1px solid #a58b6f;border-radius:22px;min-height:44px;padding:9px 15px;font-size:16px;transition:background .2s}.convection-explore button[aria-pressed=true]{color:#fff5df;background:#78634a;border-color:#78634a}.convection-explore button:hover{background:#e3d4b6}.convection-explore button[aria-pressed=true]:hover{background:#69543b}.convection-study .convection-explore .control{flex-direction:column;gap:7px;min-width:0;margin:0;font-size:16px;display:flex}.convection-study .convection-explore .control .control-top{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.convection-study .convection-explore .control .control-top span,.convection-study .convection-explore .control output{color:#74583d;font-size:16px}.convection-study .convection-explore .control input[type=range]{accent-color:#9c754c;cursor:pointer;width:100%;min-height:44px;margin:0}.convection-study :focus-visible{outline-offset:3px;outline:3px solid #936843}@media (max-width:600px){.convection-study{padding:16px 16px 10px}.convection-kicker{justify-content:center;min-height:25px}.convection-kicker>span:first-child{display:none}.convection-observation{min-height:108px;margin:5px 0 15px;font-size:18px;line-height:1.5}.convection-cells{max-width:370px}.convection-cells.convection-compare{max-width:370px;display:block}.convection-compare .convection-vessel{width:100%}.convection-study[data-focus=false] .convection-compare .convection-vessel:nth-child(2),.convection-study[data-focus=true] .convection-compare .convection-vessel:first-child{display:none}.convection-study .convection-phone-focus{width:100%;min-height:44px;font:inherit;color:#765a3d;background:#f3ebd8;border:1px solid #a58b6f;border-radius:22px;margin-top:12px;padding:8px 12px;display:block}.convection-vessel figcaption{gap:8px;min-height:33px}.convection-glass{border-left-width:5px;border-right-width:5px}.convection-top-plate,.convection-bottom-plate{min-height:30px;padding:3px 4px}.convection-temperature-key{gap:7px;margin:12px auto;font-size:16px;line-height:1.4}.convection-temperature-key>span:first-child,.convection-temperature-key>span:last-child{white-space:nowrap}.convection-temperature-key i{display:none}.convection-readouts{gap:8px 16px;padding-top:11px}.convection-readouts b{font-size:22px}.convection-readouts p{font-size:16px;line-height:1.5}.convection-convention{margin-top:10px;font-size:16px;line-height:1.5}.convection-method{margin-top:14px}.convection-method dl,.convection-explore{grid-template-columns:1fr}.convection-switches{gap:8px}.convection-options{grid-template-columns:1fr}.convection-explore button{padding:9px 10px}}@media (prefers-reduced-motion:reduce){.convection-study *{transition:none!important}}.convection-study[data-watch=true] .convection-kicker{margin-bottom:20px}.convection-status{color:#705b43;font-size:16px}@media (max-width:760px){.convection-study[data-watch=true]{flex-direction:column;min-height:550px;display:flex}.convection-study[data-watch=true] .convection-method{margin-top:auto}}.convection-study[data-phone-film=true]{padding:16px 16px 10px}.convection-study[data-phone-film=true] .convection-kicker{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px}.convection-study[data-phone-film=true] .convection-kicker>span:first-child,.convection-study[data-phone-film=true] .convection-temperature-key{display:none}.convection-study[data-phone-film=true] .convection-cells{max-width:360px;margin:0 auto}.convection-study[data-phone-film=true] .convection-compare{display:block}.convection-study[data-phone-film=true][data-focus=false] .convection-compare .convection-vessel:nth-child(2),.convection-study[data-phone-film=true][data-focus=true] .convection-compare .convection-vessel:first-child{display:none}.convection-study[data-phone-film=true] .convection-readouts{grid-template-columns:1fr;gap:6px;width:100%;margin:14px auto 8px;padding:10px 0 0}.convection-study[data-phone-film=true] .convection-readouts>div{text-align:left;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.convection-study[data-phone-film=true] .convection-readouts b{white-space:nowrap;font-size:20px}.convection-study[data-phone-film=true] .convection-readouts p{text-align:left;margin:0}.convection-study[data-phone-film=true] .convection-method{width:100%}