/* Bill page folds (js/bill-fold.js). Folded: clipped with a white fade and a button over it. Open: button at the end. */
.bf { position: relative; }
.bf-folded { overflow: hidden; }
.bf-folded::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background: linear-gradient(rgba(255, 255, 255, 0), #fff 72%); pointer-events: none; }
.bf-more { display: flex; align-items: center; gap: 6px; margin: 12px auto 0; font: inherit; font-size: 14px; font-weight: 700; color: #1e3a5f; background: #fff; border: 1px solid #d2d8df; border-radius: 99px; padding: 8px 16px; cursor: pointer; white-space: nowrap; }
.bf-more:hover { border-color: #1e3a5f; }
.bf-more:focus-visible { outline: 3px solid #d8a62a; outline-offset: 2px; }
.bf-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.bf-more[aria-expanded="true"] svg { transform: rotate(180deg); }
.bf-folded > .bf-more { position: absolute; z-index: 1; left: 50%; bottom: 14px; margin: 0; transform: translateX(-50%); box-shadow: 0 2px 8px rgba(21, 32, 44, .12); }
@media print { .bf-folded { max-height: none !important; overflow: visible; } .bf-folded::after, .bf-more { display: none; } }