/* All dimensions below are in the source image's 720px coordinate system. */
.math-panel{width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#fff8f6;color:#35241e;font-family:Arial,Roboto,sans-serif;font-size:34px;line-height:1.3;overflow:hidden;pointer-events:none;padding:2px 8px;text-align:center}
.math-panel svg{display:block;width:100%;height:100%}.math-panel span{max-width:100%;overflow-wrap:anywhere}.math-expression{font-size:48px;justify-content:flex-end}.math-answer{font-size:60px;font-weight:700}.math-total{font-size:48px;font-weight:700}.math-small{font-size:25px}.math-left{justify-content:flex-start;text-align:left}.math-red{color:#9b2226}.math-field{font-size:30px;justify-content:flex-start}.math-transparent{background:transparent;padding:16px}.math-dot{width:100%;height:100%;border-radius:50%;max-width:94px;max-height:94px}.math-paper-cell{font-size:38px;background:#efd5d0;border:1px solid #c3b0aa}.math-tab{font-size:28px;font-weight:700;border-bottom:2px solid #d7c8c0}.math-tab.math-selected{color:#a22228;border-bottom:5px solid #a22228}.math-clock strong{font-size:66px}.math-money-tray{display:flex;flex-wrap:wrap;gap:22px;align-content:flex-start;align-items:flex-start;justify-content:flex-start;padding:28px;background:#fff8f6}.live-region .math-money-piece{position:static;pointer-events:auto;min-width:130px;min-height:100px;padding:10px 18px;border:6px double #c4c1b5;border-radius:7px;background:#217336;color:white;font-weight:700;font-size:30px;font-family:Arial,sans-serif;cursor:pointer;line-height:1.2;box-shadow:2px 3px 3px #999}.live-region .math-money-piece.coin{border-radius:50%;background:#ccc;color:#252525;width:100px;height:100px;min-width:100px;border-color:#aaa}.math-money-piece:focus-visible{outline:7px solid #1769af;outline-offset:4px}

.math-value-button{width:100%;height:100%;border:0;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;pointer-events:auto;cursor:pointer}.math-value-button:focus-visible{outline:5px solid #1769af;outline-offset:-5px}

.live-region .math-calculate{width:100%;height:100%;background:#914d3c;color:white;font-size:29px;border:0;border-radius:10px;pointer-events:auto;cursor:pointer}.live-region .math-calculate:focus-visible{outline:5px solid #1769af;outline-offset:-7px}

.math-entry-cell{background:#fff8f5;border:1px solid #b0a29e;font-size:48px;padding:0}.math-entry-selected{background:#e4c8c1}

.math-money-tray{position:relative;display:block;padding:0}

.live-region .math-change-field{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;height:100%;padding:12px 14px;border:2px solid #ded0cd;border-radius:16px;background:#fff8f5;color:#30241e;font:30px/1.1 Arial,Roboto,sans-serif;text-align:left;cursor:pointer}
.math-change-label{font-size:22px;color:#5d4b44}.math-change-value{font-size:32px;font-weight:600}
.live-region .math-change-field[aria-pressed=true]{border:5px solid #954b3e;background:#ffd9d1;padding:9px 11px}
.math-change-field[aria-pressed=true] .math-change-label{font-weight:700;color:#954b3e}
.math-change-field[aria-pressed=true] .math-change-value::before{content:"";display:inline-block;height:1.1em;border-left:3px solid #954b3e;margin-right:5px;vertical-align:bottom}
.live-region .math-change-field:focus-visible{outline:5px solid #146cba;outline-offset:-7px}

/* The native result capture supplies the card, labels, dividers and Edit amounts. */
.math-change-summary{background:#fff8f7;color:#261b18;padding:0;font-size:46px;font-weight:700;line-height:1.1}
.math-change-summary .math-value-button{text-align:center}
.math-change-total{color:#954b3e}.math-change-long{font-size:32px}
.math-change-breakdown{display:flex;flex-direction:column;gap:10px;padding:0;background:#fff8f7;color:#302622;font-size:23px;text-align:left;justify-content:flex-start}
.math-denomination-row{display:flex;align-items:center;gap:4px;width:100%;min-height:60px}
.math-denomination-row>strong{width:72px;flex-shrink:0;color:#5a4944;font-weight:600}
.math-denomination-items{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.math-denomination{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:8px;text-align:center;white-space:nowrap}
.math-denomination.bill{height:60px;background:#ead5d2;font-size:23px}
.math-denomination.coin{height:122px;flex-direction:column;background:#e3d9ce;line-height:1.15;font-size:21px}
.math-denomination.coin svg{flex-shrink:0}.math-denomination.coin span{color:#5a4944;margin-top:3px}
.math-denomination-none{font-size:21px;color:#7b6c65}.math-no-change{margin:auto;color:#954b3e;font-size:30px}

/* Cover the complete captured clock area so no old digital label survives a view change. */
.math-clock-workspace{flex-direction:column;gap:28px;background:#fff8f7;padding:0;color:#321a14}
.math-clock-workspace svg{width:480px;height:480px;flex:none}
.math-clock-workspace.combined svg{width:440px;height:440px}
.math-clock-workspace strong{display:block;max-width:100%;font-size:80px;line-height:1.2;white-space:nowrap}
.math-clock-workspace strong.with-seconds{font-size:65px}

/* Keep the captured time labels, timeline, pencils and toolbars; replace only values. */
.math-time-point{font-size:60px;font-weight:700;padding:0;background:#fff8f7;color:#321a14;white-space:nowrap}
.math-elapsed-result{flex-direction:column;justify-content:flex-start;padding:0;background:#fff8f7;color:#981b1f;font-size:64px;font-weight:700;line-height:1.15}
.math-elapsed-result span{white-space:nowrap}
.math-convert-row{padding:0;gap:20px;background:#fff8f7;color:#321a14;font-size:54px;font-weight:700;white-space:nowrap}
.math-convert-row span{overflow-wrap:normal}
.math-convert-row .math-convert-arrow{width:48px;height:45px;flex:none}
.math-convert-output{color:#981b1f}

.math-frame-status{flex-direction:column;gap:5px;padding:0;background:#fff8f7;color:#321a14}
.math-frame-status strong{font-size:100px;line-height:1.1}
.math-frame-status span{font-size:28px;line-height:1.2}