.bk{display:grid;gap:1.2rem;margin:1rem 0 1.6rem;grid-template-columns:minmax(0,1fr)}
.bk-form{display:flex;flex-direction:column;gap:1rem}
.bk-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem}
.bk-h{font:700 1.05rem var(--display);margin:0 0 .6rem}
.bk-small{font-size:.86rem;color:var(--ink-2)}.bk-muted{color:var(--ink-3)}
.bk-fld{display:flex;flex-direction:column;gap:.25rem;margin:.6rem 0}
.bk-lab{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}
.bk-fld label,.bk-step>label{font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.bk-val{font:700 1.15rem var(--display);font-variant-numeric:tabular-nums}
.bk-fld input[type=range]{width:100%;height:36px;margin:0;accent-color:var(--orange);cursor:pointer}
.bk-fld input[type=range]:focus-visible{outline:3px solid var(--orange);outline-offset:4px;border-radius:4px}
.bk-fld small,.bk-help{font:400 .74rem var(--body);color:var(--ink-3);line-height:1.3}
.bk-step{display:flex;flex-direction:column;gap:.25rem;margin:.6rem 0}
.bk-step-c{display:inline-flex;align-items:stretch;border:2px solid var(--line);border-radius:var(--rs);overflow:hidden;background:var(--card);align-self:flex-start}
.bk-step-c input{width:5.2rem;border:0;text-align:center;font:600 1.05rem var(--body);font-variant-numeric:tabular-nums;color:var(--ink);background:transparent;padding:.35rem .2rem;-moz-appearance:textfield}
.bk-step-c input::-webkit-inner-spin-button,.bk-step-c input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.bk-step-c input:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
.bk-b{min-width:44px;min-height:44px;border:0;background:var(--paper-2);color:var(--ink);font:600 1.3rem/1 var(--body);cursor:pointer}
.bk-b:hover{background:var(--orange-soft);color:var(--orange-dark)}.bk-b:disabled{color:var(--ink-3);cursor:default;background:var(--paper-2)}
.bk-stock{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.bk-row{display:grid;grid-template-columns:14px minmax(0,1fr);gap:.3rem .7rem;align-items:start;border-top:1px solid var(--line);padding:.5rem 0 .2rem}
.bk-row .bk-step{margin:0}.bk-row .bk-sw{margin-top:.35rem}
.bk-link{grid-column:2;font:500 .78rem var(--mono);text-decoration:none;margin-bottom:.3rem}.bk-link:hover{text-decoration:underline}
.bk-sw{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid rgba(0,0,0,.18);vertical-align:-2px}
.bk-sw-water{background:#2B6CB0}.bk-sw-tins{background:#E8590C}.bk-sw-dried{background:#D9A441}.bk-sw-gas{background:#2F6B3A}.bk-sw-loo{background:#FFFDF8}
.bk-sw-medical{background:#9B2C2C}.bk-sw-torch{background:#1B2128}.bk-sw-power{background:#3D4752}.bk-sw-radio{background:#6E747C}.bk-sw-blanket{background:#8A5A00}
.bk-viewwrap{display:flex;flex-direction:column;gap:.4rem}
.bk-view{position:relative;aspect-ratio:4/3;min-height:260px;max-height:70vh;background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;touch-action:none}
.bk-canvas{display:block;width:100%!important;height:100%!important;border-radius:var(--r)}
.bk-msg{margin:0;padding:1rem 1.2rem;color:var(--ink-2)}
.bk-view-off .bk-view{aspect-ratio:auto;min-height:0}.bk-view-off .bk-hint{display:none}
.bk-hint{margin:0}.bk-lnk{border:0;background:none;padding:0;font:inherit;color:var(--orange-dark);text-decoration:underline;cursor:pointer}.bk-lnk:hover{color:var(--orange)}
.bk-out{background:var(--slate);color:var(--paper);border-radius:var(--r);padding:1.1rem 1.3rem;display:grid;gap:.9rem}
.bk-out a{color:#F3A072}.bk-out .bk-small{color:#C9CED4}.bk-out .bk-muted{color:#AEB5BD}
.bk-headline{margin:0;font:400 1.1rem var(--body)}
.bk-headline b{font:900 clamp(2rem,6vw,3.2rem) var(--display);letter-spacing:-.03em;color:#fff;display:block;line-height:1;margin:.15rem 0 .3rem}
.bk-why{display:block;color:#F3A072;font-size:.95rem}
.bk-civil{margin:.2rem 0 0;font-size:.95rem;color:#D8DBE0}.bk-civil b{color:#fff}
.bk-table{width:100%;border-collapse:collapse;font-size:.9rem}
.bk-table th,.bk-table td{text-align:left;padding:.4rem .5rem .4rem 0;border-bottom:1px solid var(--slate-3);vertical-align:top}
.bk-table thead th{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#AEB5BD;border-bottom-color:var(--slate-3)}
.bk-table tbody th{font-weight:600}.bk-n{white-space:nowrap;font-variant-numeric:tabular-nums}.bk-from{font:400 .8rem var(--mono);color:#AEB5BD}
.bk-first td,.bk-first th{color:#F3A072}.bk-first .bk-from{color:#C9CED4}
.bk-kit{list-style:none;margin:0;padding:0;display:grid;gap:.3rem;font-size:.92rem}
.bk-tick{display:inline-block;width:1.3rem;font-weight:700}.bk-ok .bk-tick{color:#8FD19E}.bk-gap .bk-tick{color:#F3A072}
.bk-nofit{margin:0;background:var(--slate-2);border-left:4px solid var(--orange);padding:.5rem .8rem;border-radius:0 var(--rs) var(--rs) 0;font-size:.92rem}
.bk-acts{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}
.bk-out .btn.ghost{background:transparent;color:var(--paper);border-color:var(--slate-3)}.bk-out .btn.ghost:hover{border-color:var(--orange)}
.bk-said{margin:0;flex-basis:100%}
.bk-assume{grid-column:1/-1;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:.6rem 1.2rem}
.bk-assume summary{cursor:pointer;font:500 .9rem var(--mono);color:var(--ink-2);min-height:40px;display:flex;align-items:center}.bk-assume summary:hover{color:var(--orange-dark)}
.bk-assume-b{padding:.4rem 0 .6rem}
.bk-atable th,.bk-atable td{border-bottom-color:var(--line)}.bk-atable thead th{color:var(--ink-3)}.bk-atable .bk-from{color:var(--ink-2)}
.bk-atable input{width:5.5rem;font:600 .95rem var(--body);padding:.3rem .4rem;border:2px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink)}
.bk-unit{font:500 .78rem var(--mono);color:var(--ink-3)}
.bk-off{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--ok-soft);color:var(--ok);padding:.1rem .4rem;border-radius:4px;text-decoration:none}
.bk-guess{font:500 .68rem var(--mono);text-transform:uppercase;letter-spacing:.05em;background:var(--orange-soft);color:var(--orange-dark);padding:.1rem .4rem;border-radius:4px}
.bk-sr{position:absolute;left:-9999px}
.bk-side{display:flex;flex-direction:column;gap:1.2rem;min-width:0}
.bk-answer{background:var(--slate);color:var(--paper);border-radius:var(--r);padding:.8rem 1.1rem}.bk-answer a{color:#F3A072}.bk-answer .bk-nofit{margin-top:.5rem}
@media (min-width:900px){.bk{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.bk-side{position:sticky;top:.75rem;align-self:start;gap:.7rem;height:min(calc(100vh - 1.5rem),760px)}
.bk-viewwrap{flex:1 1 0;min-height:0}.bk-view{flex:1 1 0;min-height:0;aspect-ratio:auto;max-height:none;height:auto}.bk-answer .bk-headline b{font-size:2.5rem}
.bk-out{grid-column:1/-1;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:.6rem 2rem;align-items:start}.bk-out .bk-table{grid-row:1/span 3}
.bk-fld,.bk-step{margin:.4rem 0}.bk-b{min-width:40px;min-height:40px}.bk-step-c input{width:3.4rem}}
@media (min-width:900px) and (max-height:559px){.bk-side{position:static;height:auto}.bk-view{flex:none;height:360px}}
@media (min-width:1100px){.bk-stock{grid-template-columns:1fr 1fr;gap:.1rem 1.2rem}}
@media (max-width:560px){.bk-table .bk-from{display:none}.bk-atable .bk-from{display:table-cell;font-size:.74rem}}
@media print{.bk-view,.bk-acts,.bk-hint{display:none}.bk-out,.bk-answer{color:#000;background:#fff;border:1px solid #999}.bk-out a,.bk-answer a,.bk-headline b,.bk-why,.bk-civil b{color:#000}}
.bk-fld label,.bk-step>label,.bk-lab label,.bk-table thead th,.bk-link,.bk-unit,.bk-off,.bk-guess{font-size:.875rem}.bk-fld small,.bk-help,.bk-from,.bk-table .bk-from,.bk-atable .bk-from{font-size:.8125rem}