.btl{--btl-yellow:#ffd33d;--btl-ink:#20221f;--btl-grey:#e7e7df;--btl-line:#b8b8af;padding-block:48px 72px}.btl h1,.btl h2{font-family:var(--display,Arial,sans-serif);line-height:.95;letter-spacing:-.035em}.btl h1{font-size:clamp(42px,7vw,76px);margin:10px 0 18px}.btl h2{font-size:clamp(30px,4vw,48px);margin:5px 0}.btl-intro{max-width:850px;border-bottom:4px solid var(--btl-ink);padding-bottom:28px}.btl-intro>p:not(.eyebrow){font-size:18px;line-height:1.65}.btl-module{padding:44px 0;border-bottom:1px solid var(--btl-line)}.btl-heading{margin-bottom:25px}.btl-layout{display:grid;grid-template-columns:minmax(250px,350px) 1fr;gap:34px;align-items:center}.btl-controls{display:grid;gap:15px;padding:20px;background:var(--btl-grey)}.btl-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;font:700 13px var(--mono,monospace)}.btl-controls input,.btl-controls select{max-width:125px;padding:8px}.btl-current small{grid-column:1/-1;font:11px Arial,sans-serif}.btl-safety{font-size:12px;line-height:1.5;border-top:1px solid #aaa;padding-top:14px;margin:0}.btl-pack-stage{min-height:250px;display:grid;place-items:center;background:linear-gradient(135deg,#2e302c,#151613);padding:24px}.btl-cells{display:flex;gap:7px;align-items:center;max-width:100%;overflow:auto}.btl-cells i{display:grid;place-items:center;width:46px;height:105px;flex:0 0 auto;background:linear-gradient(90deg,#8a6d00,var(--btl-yellow),#8a6d00);border-radius:7px;color:var(--btl-ink);font:700 15px var(--mono,monospace)}.btl-cells i:not(:last-child)::after{content:'+';color:#fff;position:relative;left:31px;font-size:20px}.btl-pack-readout{text-align:center;color:#fff;margin-top:14px;display:grid;gap:4px}.btl-pack-readout b{color:var(--btl-yellow);font-size:29px}.btl-pack-readout span{font:11px var(--mono,monospace)}.btl-results{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.btl-results>div{padding:17px;background:var(--btl-grey);display:grid;gap:4px}.btl-results span,.btl-results small{font:10px var(--mono,monospace);text-transform:uppercase}.btl-results b{font-size:clamp(20px,3vw,31px)}.btl-explain{max-width:950px;font-size:15px;line-height:1.7;margin:23px 0 0}.btl-explain a{color:inherit;text-decoration-color:#a68100}.btl-explain code{background:#f0f0eb;padding:2px 5px}.btl-flow{--flow-offset:0px;display:flex;align-items:stretch;gap:8px;background:var(--btl-grey);padding:22px;overflow:auto}.btl-node{min-width:125px;flex:1;background:#fff;border-top:5px solid #85857d;padding:16px;display:grid;gap:7px}.btl-node b{font:700 14px var(--mono,monospace)}.btl-node span{font-size:12px;line-height:1.35}.btl-node.is-battery{border-color:var(--btl-yellow)}.btl-arrow{font-style:normal;align-self:center;font-size:29px;color:#756000;transform:translateX(calc(var(--flow-offset) * .04))}.btl-play{margin-top:16px;background:var(--btl-ink);color:#fff;border:0;padding:12px 15px;font-weight:700;cursor:pointer}.btl-play[aria-pressed=true]{background:#675400}.btl-status{display:inline;margin-left:13px;font-size:13px}.btl-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.btl-checks p{margin:0;padding:18px;background:var(--btl-grey);font-size:14px;line-height:1.55}.btl-checks b{display:block;color:#5c4900;margin-bottom:7px}.btl-nojs{margin-top:32px;background:var(--btl-grey);border-left:4px solid var(--btl-yellow);padding:14px 16px;font-size:13px}@media(prefers-reduced-motion:reduce){.btl *{animation:none!important;transition:none!important}}@media(max-width:640px){.btl{padding-block:30px 50px}.btl-intro>p:not(.eyebrow){font-size:16px}.btl-module{padding:32px 0}.btl-layout{grid-template-columns:1fr;gap:20px}.btl-results,.btl-checks{grid-template-columns:1fr}.btl-flow{padding:14px;gap:6px}.btl-node{min-width:105px;padding:12px}.btl-arrow{font-size:20px}.btl-status{display:block;margin:12px 0 0}.btl-cells i{width:38px;height:88px}.btl-cells i:not(:last-child)::after{left:26px}}
.btl{--btl-yellow:var(--yellow)}.btl-node.is-active{background:var(--yellow);border-top-color:#637438}.btl-node{transition:background .16s}.btl-input-error:empty{display:none}.btl-input-error{margin:0;color:#842b1e;font-size:12px}.btl-cells{width:100%;max-width:360px;overflow:visible;gap:10px}.btl-cells i{min-width:0;flex:1;width:auto;position:relative;height:120px;padding:8px 0}.btl-cells i:not(:last-child)::after{position:absolute;left:calc(100% + 2px);top:48%;font-size:12px}.btl-cells small{font-style:normal;font-size:11px}.btl-play:disabled{opacity:.5;cursor:not-allowed}.btl-safety strong{display:block;margin-bottom:7px}
@media(max-width:640px){.btl-flow{flex-direction:column;align-items:center}.btl-node{width:100%;min-width:0}.btl-arrow{transform:rotate(90deg);line-height:1}.btl-cells{gap:8px}.btl-cells i{height:105px}.btl-cells i:not(:last-child)::after{left:calc(100% + 1px)}.btl-pack-stage{padding:22px 14px}}