/* The receipt shared by the guide and each report: it looks like paper, and every part can be explored. */
.bill-explainer{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(15rem,1fr);align-items:start;gap:clamp(1rem,3vw,3rem)}
.bill{overflow:hidden;background:#fff;border:1px solid #dce4de;border-top:8px solid #147b5a;border-radius:.8rem;box-shadow:0 14px 38px #19352b12;color:#263a32;font:400 .8125rem/1.4 Arial,sans-serif}
.bill-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;border-bottom:1px solid #e7ece8}
.bill-brand{display:flex;align-items:center;gap:.6rem;min-width:0}
.bill-brand strong{color:#0b835f;font-size:1.25rem;letter-spacing:-.04em;white-space:nowrap}
.bill-brand.is-sample strong{font-size:1.75rem;letter-spacing:-.08em}
.bill-brand span{max-width:11rem;color:#547267;font-size:.65rem;line-height:1.15}
.bill-tag{flex:none;padding:.35rem .55rem;border-radius:999px;background:#edf5ef;color:#35654f;font-size:.56rem;font-weight:700;letter-spacing:.06em;text-align:center}
/* The whole part reacts, so nobody has to aim at a number. */
.bill-zone{display:block;width:100%;margin:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease}
.bill-zone:hover{background:#e7f3eb}
.bill-zone[aria-pressed='true']{background:#dcefe3;box-shadow:inset 0 0 0 2px #147b5a}
.bill-zone:focus-visible{outline:3px solid #df8d3e;outline-offset:-3px}
.bill-label{display:block;margin-bottom:.15rem;color:#526659;font-size:.58rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.bill-strong{display:block;font-size:.8125rem;font-weight:700;overflow-wrap:anywhere}
.bill-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(8rem,.7fr);background:#f7f9f7}
.bill-summary .bill-zone,.bill-cells .bill-zone{padding:.7rem .85rem}
.bill-total{background:#f0f3f2}
.bill-total strong{display:block;color:#075f43;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.bill-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,6.25rem),1fr));border-top:1px solid #e6ebe7}
.bill-cells .bill-zone+.bill-zone{border-left:1px solid #e6ebe7}
.bill-cells.is-soft{background:#f8faf8}
.bill-table-head,.bill-row{display:grid;grid-template-columns:var(--bill-columns);gap:.5rem;padding:.45rem .85rem}
.bill-table-head{background:#11795b;color:#fff;font-size:.62rem;font-weight:700}
.bill-table-head span:not(:first-child),.bill-row span:not(:first-child){text-align:right}
.bill-table{--bill-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));border-top:4px solid #0d805d}
.bill-row{border-bottom:1px solid #e5ebe6;font-size:.75rem;font-variant-numeric:tabular-nums}
.bill-row>span{min-width:0;overflow-wrap:anywhere}
.bill-table .bill-row:nth-child(even):not(:hover):not([aria-pressed='true']){background:#f7f9f7}
.bill-row.is-total{background:#eef5ef;font-weight:700}
.bill-strip{display:flex;justify-content:space-between;gap:.75rem;padding:.6rem .85rem;background:#e8f1eb;color:#285440;font-size:.7rem}
.bill-strip span:last-child{flex:none;font-weight:700}
.bill-history{display:grid!important;grid-template-columns:minmax(6rem,.7fr) minmax(0,1.3fr);align-items:center;gap:1rem;padding:.8rem .85rem;border-top:1px solid #e5ebe6}
.bill-bars{display:flex;align-items:flex-end;gap:.2rem;height:3rem}
.bill-bars i{flex:1;height:var(--bar);border-radius:2px 2px 0 0;background:#9ebba9}
.bill-bars i:last-child{background:#eea149}
.bill-card{margin:.75rem;border:1px solid #e1e8e2;border-radius:.45rem;overflow:hidden}
.bill-card-title{padding:.4rem .5rem;background:#147b5a;color:#fff;font-size:.65rem;font-weight:700;text-align:center}
.bill-line{display:flex!important;justify-content:space-between;gap:1rem;padding:.4rem .7rem;border-bottom:1px solid #edf0ed;font-size:.75rem;font-variant-numeric:tabular-nums}
.bill-line>span:first-child{min-width:0;overflow-wrap:anywhere}
.bill-line>span:last-child{flex:none;font-weight:600}
.bill-line.is-total{font-weight:700;background:#eef5ef}
.bill-panel{position:sticky;top:calc(var(--header-height) + 4.5rem);max-height:calc(100dvh - var(--header-height) - 5.5rem);overflow-y:auto;padding:clamp(1.25rem,2.4vw,2rem);border-radius:var(--radius-panel);background:var(--color-soft)}
.bill-panel-title{display:block;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600;letter-spacing:-.03em;line-height:1.12}
.bill-panel-text{margin:var(--space-3) 0 0;font-size:var(--text-small);line-height:1.55;color:var(--muted);text-wrap:pretty}
.bill-panel-heading{display:block;margin-top:var(--space-4);font-size:var(--text-small);font-weight:600;color:var(--color-ink)}
.bill-panel-heading+.bill-panel-text{margin-top:var(--space-1)}
.bill-panel [hidden]{display:none}
.bill-panel-effect{display:inline-block;margin-top:var(--space-4);padding:.25rem .75rem;border-radius:var(--radius-pill);background:var(--color-surface);font-size:var(--text-caption);font-weight:500;color:var(--color-accent)}
.bill-panel-effect[hidden]{display:none}
@media(max-width:900px){
 .bill-explainer{grid-template-columns:minmax(0,1fr)}
 .bill-panel{top:auto;bottom:var(--space-3);max-height:55dvh;overscroll-behavior:contain;z-index:var(--layer-content);order:2;box-shadow:0 12px 40px -12px #0e1b1759}
 .bill-panel-text{font-size:var(--text-small)}
}
@media(max-width:520px){.bill-brand span{display:none}}