/* One stable HUD; only the comparison contents scroll. */
.hud-app[data-view=totals] #view-content{padding:0!important;overflow:hidden;background:#f4f4e9;border:1px solid #657851}
.totals-desk{height:100%;min-height:0;min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:#f4f4e9;color:#192c22;border-radius:10px;font-size:16px;line-height:1.45}
.totals-desk *{box-sizing:border-box}.totals-desk button{font-family:inherit;cursor:pointer}.totals-desk button:focus-visible,.totals-scroll:focus-visible{outline:3px solid #4f65de;outline-offset:-3px}.totals-desk .ui-icon{flex-shrink:0;width:19px;height:19px}.totals-desk h2,.totals-desk p{margin:0}
.totals-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 20px;background:linear-gradient(110deg,#46232e,#1c2a24 51%,#174936);color:#fff7dd;border-bottom:1px solid #5b7553}.totals-header>div>span{display:flex;align-items:center;gap:6px;color:#d8e6bc;font-size:11px;font-weight:800;letter-spacing:.08em}.totals-header>div>span .ui-icon{width:14px;height:14px}.totals-header h2{font-size:28px;line-height:1.1;letter-spacing:-.035em;margin-top:4px;color:#fff7dd}.totals-share{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #b5d778;border-radius:8px;background:#d7f476;color:#243520;font-size:15px;font-weight:800}
.totals-controls{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#e7edda;border-bottom:1px solid #b5c3a7;min-width:0}.totals-scope{display:flex;gap:3px;padding:3px;border:1px solid #adc09b;border-radius:10px;background:#f8faee;flex-shrink:0}.totals-scope button{display:inline-flex;align-items:center;gap:6px;justify-content:center;min-height:40px;padding:8px 12px;border:0;border-radius:7px;background:transparent;color:#354b35;font-size:15px;font-weight:700}.totals-scope button[aria-pressed=true]{background:#203e2c;color:#eef7cb}.totals-period{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:48px;padding:5px 12px;border:1px solid #aebb9f;border-radius:10px;background:#f8faee;text-align:left;flex:1;min-width:0;color:#263c2a}.totals-period>span{flex:1;min-width:0}.totals-period small{display:block;font-size:10px;font-weight:800;letter-spacing:.045em;color:#53684c;line-height:1.3}.totals-period b{display:block;font-size:15px;line-height:1.3;font-weight:750}.totals-period>.ui-icon:last-child{width:14px;height:14px}.totals-filter{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:9px 12px;border:1px solid #aebb9f;border-radius:10px;background:#f8faee;color:#2e432d;font-size:15px;font-weight:750}.totals-filter.is-active{background:#4c386e;border-color:#4c386e;color:white}.totals-filter>b{font-size:12px;border-radius:20px;background:#fff3;padding:1px 6px}
.totals-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6c815f #e7edda;padding:17px 20px 24px}.totals-intro{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:#4c6049;margin-bottom:15px!important}.totals-intro>strong{font-size:19px;line-height:1.25;color:#243e2b;letter-spacing:-.025em}.totals-intro>strong>span{padding:0 5px;color:#8f526a}.totals-intro>span{max-width:380px;text-align:right}
.totals-checks-door{width:100%;display:flex;align-items:center;gap:15px;border:1px solid #7e64aa;border-radius:13px;background:linear-gradient(110deg,#4e3469,#302945 60%,#245943);color:#fff8ec;padding:16px 19px;text-align:left;margin-bottom:14px;box-shadow:0 3px 0 #291c3220}.totals-checks-door>.totals-checks-icon{display:grid;place-items:center;width:47px;height:56px;flex:0 0 47px;background:#ad8adc33;border:1px solid #cba8ed66;border-radius:12px;color:#f1d4ff}.totals-checks-icon>.ui-icon{width:28px;height:28px}.totals-checks-door>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.totals-checks-door strong{font-size:23px;font-weight:850;letter-spacing:-.025em;line-height:1.2}.totals-checks-door>span>span{font-size:14px;color:#eee2f4}.totals-checks-door>.ui-icon{width:25px;height:25px;color:#e5f5bb}.totals-checks-labels{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.totals-checks-labels b{display:inline-block;padding:3px 7px;border-radius:5px;border:1px solid #e8c7fb66;background:#0002;font-size:11px;line-height:1.3;font-weight:700}.totals-checks-door:hover{filter:brightness(1.07)}
.totals-period-note{display:flex;gap:8px;align-items:start;padding:10px 12px;border-left:3px solid #738a59;background:#e8eedc;color:#4a5f41;font-size:13px;line-height:1.5;margin-bottom:17px!important;border-radius:0 7px 7px 0}.totals-period-note>.ui-icon{width:16px;height:16px;margin-top:2px}.totals-period-note b{color:#314a2e}
.totals-desk .aggregate-board .aggregate-titlebar{margin-bottom:10px}.totals-desk .aggregate-titlebar>p{display:none}.totals-desk .aggregate-records-summary{background:transparent;border:1px dashed #b5c4a5;color:#36502f;padding:8px 12px}.totals-desk .aggregate-records-summary>span>.ui-icon{color:#506f3a;width:18px;height:18px}.totals-desk .aggregate-records-summary strong{font-size:21px}.totals-desk .aggregate-records-summary>p{color:#53664a}.totals-desk .aggregate-tile-grid{gap:13px}.totals-desk .aggregate-board .aggregate-logic{font-size:13px;line-height:1.5;padding-top:12px}
.totals-context{margin-top:25px;padding-top:20px;border-top:1px solid #c3cdb6}.totals-context>header{margin-bottom:13px}.totals-context h2{font-size:22px;line-height:1.2;letter-spacing:-.025em}.totals-context>header p{font-size:14px;color:#4b6045;margin-top:6px}.totals-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.totals-context-card{display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:8px;border:1px solid #bdc9b0;border-radius:12px;padding:15px;background:#fffdf4;color:#253c2b;text-align:left}.totals-context-card:hover{border-color:#687d50;background:#f6f6e7}.totals-context-label{display:flex;align-items:center;gap:7px;line-height:1.25;font-size:16px}.totals-context-label b{flex:1}.totals-context-label>.ui-icon:last-child{width:14px;height:14px;color:#6d7b5c}.totals-context-description{font-size:13px;line-height:1.4;color:#5b6b52;min-height:36px}.totals-context-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.totals-context-sides>span{display:flex;flex-direction:column;padding:8px 9px;border-radius:7px;line-height:1.25}.totals-context-side-0{background:#f2e0e2;color:#76263c}.totals-context-side-1{background:#deead8;color:#1e5338}.totals-context-sides strong{font-size:26px;font-variant-numeric:tabular-nums}.totals-context-sides>span>span{font-size:12px;overflow-wrap:anywhere;margin-top:2px}.totals-context-union{font-size:12px;color:#607153;padding-top:2px}.totals-footnote{display:flex;gap:8px;align-items:start;padding-top:18px;font-size:13px;line-height:1.5;color:#596b4e}.totals-footnote>.ui-icon{width:17px;height:17px;margin-top:2px}
@media(min-width:1100px){.totals-desk .aggregate-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.totals-desk .aggregate-board .aggregate-tile .aggregate-side > .aggregate-side-total{font-size:26px}.totals-desk .aggregate-board .aggregate-tile .aggregate-side{padding:13px 11px}.totals-desk .aggregate-side-name{font-size:13px}}
@media(max-width:1100px){.totals-context-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.totals-intro{display:block}.totals-intro>span{display:block;text-align:left;max-width:none;margin-top:4px}.totals-controls{gap:7px}.totals-scope button{padding:8px 10px}.totals-period b{font-size:14px}}
@media(max-width:800px){.totals-header{padding:11px 13px}.totals-header h2{font-size:25px}.totals-header>div>span{font-size:10px}.totals-share{width:44px;padding:9px;flex-shrink:0}.totals-share>span{display:none}.totals-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 10px;gap:7px}.totals-scope{grid-column:1;grid-row:1;justify-self:start}.totals-filter{grid-column:2;grid-row:1;min-height:44px}.totals-period{grid-column:1/-1;grid-row:2;min-height:44px;padding:5px 10px}.totals-period b{font-size:14px}.totals-scroll{padding:13px 11px 20px}.totals-intro{font-size:13px;margin-bottom:12px!important}.totals-intro>strong{font-size:18px}.totals-checks-door{gap:10px;padding:14px 12px}.totals-checks-door>.totals-checks-icon{width:33px;height:43px;flex-basis:33px;border-radius:8px}.totals-checks-icon>.ui-icon{width:23px;height:23px}.totals-checks-door strong{font-size:20px}.totals-checks-door>span>span{font-size:13px}.totals-checks-door>.ui-icon{width:19px;height:19px}.totals-checks-labels{gap:5px}.totals-checks-labels b{font-size:10px;padding:3px 5px}.totals-period-note{font-size:12px;padding:9px 10px}.totals-context h2{font-size:20px}.totals-context-card{padding:12px;gap:7px}.totals-context-label{font-size:15px}.totals-context-description{font-size:12px}.totals-context-label>.ui-icon{width:17px;height:17px}.totals-context-label>.ui-icon:last-child{display:none}.totals-context-grid{gap:9px}.totals-context-sides{gap:5px}.totals-context-sides>span{padding:7px}.totals-context-sides strong{font-size:24px}.totals-context-sides>span>span{font-size:11px}.totals-context-union{font-size:11px}.totals-context>header p{font-size:13px}}
@media(max-width:520px){.totals-desk .aggregate-tile-grid,.totals-context-grid{grid-template-columns:minmax(0,1fr)}.totals-context-description{min-height:0}.totals-context-label{font-size:17px}.totals-context-label>.ui-icon:last-child{display:block}.totals-context-sides>span{display:flex;flex-direction:row;align-items:center;gap:9px;padding:9px 10px}.totals-context-sides>span>span{font-size:12px}.totals-context-card{padding:13px}.totals-context-union{font-size:12px}.totals-desk .aggregate-records-summary>span>span{font-size:13px}.totals-checks-door>.totals-checks-icon{display:none}}
@media(max-height:650px){.totals-header{padding-top:8px;padding-bottom:8px}.totals-header>div>span{display:none}.totals-header h2{font-size:23px;margin:0}.totals-controls{padding-top:6px;padding-bottom:6px}.totals-scroll{padding-top:11px}}

/* Put the actual comparison above the fold, including on small phones. */
.totals-intro>strong{display:none}.totals-intro>span{max-width:none;text-align:left}.totals-intro{margin-bottom:9px!important}
.totals-checks-door{padding:10px 14px;gap:10px;border-radius:8px;margin-bottom:12px}.totals-checks-door strong{font-size:18px}.totals-checks-door>.totals-checks-icon{display:none}.totals-checks-door>span>span,.totals-checks-labels{display:none!important}
.totals-desk .aggregate-board{display:flex;flex-direction:column}.totals-desk .aggregate-titlebar{display:none}.totals-desk .aggregate-records-summary{order:2;margin-top:14px;margin-bottom:0}.totals-desk .aggregate-logic{order:3}
.totals-period-note{margin-top:20px}.totals-desk .aggregate-tile .aggregate-side-total{font-size:26px!important}
@media(max-width:800px){.totals-intro{display:none}.totals-header>div>span{display:none}.totals-header{padding:11px 13px}.totals-scroll{padding-top:10px}.totals-checks-door{min-height:44px;padding:8px 11px}.totals-checks-door strong{font-size:16px}}

.totals-desk{grid-template-rows:auto auto auto minmax(0,1fr)}.totals-jumps{display:flex;gap:5px;padding:6px 12px;background:#f4f4e9;border-bottom:1px solid #c3cdb6}.totals-jumps button{display:flex;align-items:center;gap:5px;justify-content:center;color:#304733;padding:6px 10px;border:1px solid #b5c3a7;border-radius:6px;font-size:13px;min-height:36px;background:#fbfcf4}.totals-jumps button:hover{background:#dcebbb}.totals-jumps svg{width:15px;height:15px}@media(max-width:800px){.totals-jumps{padding:5px 9px;gap:4px}.totals-jumps button{flex:1;font-size:12px;padding:6px 3px}.totals-jumps svg{width:13px;height:13px}.totals-jumps button:last-child{flex:1.5}}