/* Sales = Price × Quantity lesson: Priya's coffee van. Builds on profit-and-loss.css (layout, options, feedback)
   and profit-challenge.css (the DEARies award panel). */

/* Formula lines in the worked example */
.sq-formula{font-size:clamp(19px,3.2vw,25px);font-weight:850;color:var(--red);background:var(--tint);border-radius:12px;padding:16px 20px;margin:20px 0;text-align:center;font-variant-numeric:tabular-nums;line-height:1.35}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* The lever tally: one or two months side by side */
.sq-tally thead th{background:var(--wash);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:var(--muted);text-align:right}
.sq-tally thead th:first-child{text-align:left}
.sq-tally tbody th{width:44%}
.sq-tally .sales>*{border-top:2px solid var(--ink);font-weight:900}
.sq-tally .moved>*{background:var(--goodbg)}
.sq-tally .moved-note{display:block;font-size:12px;color:var(--green);font-weight:800}
.sq-tally td.filled,.sq-board .filled{background:var(--goodbg);color:var(--green)}

/* The rained-on chalkboard */
.sq-board{margin:22px 0;max-width:420px;background:#2e4337;border:8px solid #8a6a43;border-radius:12px;padding:16px 20px;color:#f4f2ea;box-shadow:inset 0 0 30px #0006}
.sq-board-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#cfd8cf}
.sq-board dl{margin:10px 0 0}
.sq-board div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px dashed #ffffff40;font-size:18px}
.sq-board div:last-child{border-bottom:0}
.sq-board dt{font-weight:700}
.sq-board dd{margin:0;font-weight:900;font-variant-numeric:tabular-nums}
.sq-board .smudge{color:#9fb2a5;font-style:italic;font-weight:700}
.sq-board .filled{color:var(--green);padding:0 8px;border-radius:6px}

/* Answer input without a dollar sign */
.pl-money.items{gap:10px}
.pl-money .unit{font-weight:800}

/* Sidebar: the four levers */
.sq-levers{margin:0;padding:12px 20px 12px 40px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.sq-levers li+li{margin-top:6px}
.sq-levers strong{color:var(--ink)}

/* Speed round: one idea per line, four lever buttons each */
.ex-stream{list-style:none;padding:0;margin:18px 0 0}
.ex-line{border-top:1px solid var(--line);padding:18px 0}
.ex-line:last-child{border-bottom:1px solid var(--line)}
.ex-time{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:850;color:var(--red);margin-bottom:6px}
.sq-quad{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px;max-width:520px}
.sq-quad .pl-option{text-align:center}
.pl-room .stage .ex-line .pl-feedback{margin-top:12px;padding:12px 16px}
.ex-review-line{font-size:15px;padding-left:14px;border-left:3px solid var(--line)}
.pl-room .stage .ex-review-line+.ex-review-line{margin-top:12px}

@media(max-width:520px){.sq-board div{font-size:16px}.sq-formula{padding:14px 12px}}