/* /till: the till on its own, for partners to try. Kitchen at night behind till paper. */
.till-page { min-height: 100vh; background: var(--walnut) linear-gradient(rgba(20,10,4,.55), rgba(20,10,4,.85) 70%), url(/img/scene/kitchen-bg.webp) center top / cover fixed; padding: 18px max(16px, env(safe-area-inset-right, 0px)) 40px max(16px, env(safe-area-inset-left, 0px)); }
.till-page::before { display: none; }
.till-top { max-width: 1060px; margin: 0 auto 18px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.till-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--paper); font: 1.35rem/1 var(--f-sign); text-shadow: 2px 2px 0 #000; }
.till-chip { margin-left: auto; font: 700 .76rem/1 var(--f-receipt); color: var(--led); border: 1.5px solid rgba(140,255,158,.5); border-radius: 99px; padding: 6px 10px; background: rgba(0,0,0,.35); }
.till-wrap { max-width: 560px; margin: 0 auto; }
.till-top { max-width: 560px; }
.till-card { background: var(--thermal); color: #26221d; border: 3px solid var(--ink); border-radius: 18px; box-shadow: 10px 12px 0 rgba(0,0,0,.45); padding: 18px 22px 24px; min-width: 0; }
.till-head { display: flex; align-items: baseline; gap: 10px; margin-bottom: 4px; }
.till-title { margin: 0; flex: 1; font: 700 clamp(1.6rem, 4vw, 2.1rem) / 1.05 var(--f-receipt); letter-spacing: -.02em; }
.till-no { font: 700 .8rem var(--f-receipt); opacity: .6; }
.till-demo { margin: 4px 0 16px; font: .85rem/1.4 var(--f-receipt); background: #fff3c8; border: 2px dashed #c9a43c; padding: 8px 10px; }
.till-loading { font-family: var(--f-receipt); opacity: .7; }
.till-notes { background: #f5e8cf; color: var(--ink); border: 3px solid var(--ink); border-radius: 18px; box-shadow: 8px 10px 0 rgba(0,0,0,.4); padding: 18px 22px 22px; min-width: 0; line-height: 1.5; }
.till-notes h2 { margin: 0 0 4px; font: 1.5rem/1.1 var(--f-sign); color: var(--curler-2); }
.till-notes h3 { margin: 18px 0 6px; font: 800 1rem/1.2 var(--f-ui); }
.till-notes p { margin: 0; max-width: 62ch; }
.till-notes ol, .till-notes ul { margin: 0; padding-left: 1.3em; display: grid; gap: 6px; }
.till-notes code { font: 700 .85em var(--f-receipt); background: rgba(33,22,15,.08); padding: 1px 5px; border-radius: 4px; overflow-wrap: anywhere; }
.till-src { margin: 16px 0 0 !important; font: .78rem/1.4 var(--f-receipt); opacity: .7; }
.jar-wrap { max-width: 560px; margin: 0 auto; }
.jar-wrap .kt-gc { margin-top: 0; }