.billguide{--ink:#325877;--ink-soft:#4a6a85;--line:#e3e9ef;--tint:#32587714;--tint-2:#3258772e;--neg:#b3261e;--pos:#1e7a4c;--k-m2:#325877;--k-os:#7d3fb8;--k-bj:#0b7a61;--k-meter:#a35500;--k-fix:#5f6b78;--sheet:50}.billguide .bill{color:#1f1f1f;background:#fff;border-radius:4px;padding:28px 30px 32px 56px;font:400 11.5px/1.35 Arial,Helvetica,sans-serif;position:relative;box-shadow:0 1px 2px #0000000f,0 24px 48px -28px #32587759}.billguide .watermark{pointer-events:none;z-index:2;flex-direction:column;justify-content:space-around;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.billguide .watermark span{color:#3258770f;letter-spacing:.1em;font:700 75% min(24vw,200px)/1 Arial Narrow,Arial,sans-serif;transform:rotate(-26deg)}.billguide .sample-tag{color:#fff;font:500 12px/1 var(--font-afacad-flux), sans-serif;z-index:3;background:#325877;border-radius:0 4px 0 8px;padding:7px 12px;position:absolute;top:0;right:0}.billguide .zone{cursor:pointer;outline-offset:4px;z-index:1;scroll-margin-top:calc(var(--navbar-height) + 24px);border-radius:3px;outline:1px dashed #0000;transition:background-color .2s cubic-bezier(.22,1,.36,1),outline-color .2s,box-shadow .2s;position:relative}.billguide .zone:hover{outline-color:#325877}.billguide .pin:focus-visible{outline-offset:2px;outline:2px solid #f37b7e}.billguide .zone.active{background:#3258771a;outline:2px solid #325877;box-shadow:0 0 0 7px #3258771a}.billguide .pin{--pin:24px;--lead:10px;left:calc(-1 * (var(--pin) + var(--lead)));width:var(--pin);height:var(--pin);box-sizing:border-box;color:#325877;font:600 12px/1 var(--font-afacad-flux), sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;background:#fff;border:1.5px solid #325877;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s,border-color .2s;display:grid;position:absolute;top:-4px}.billguide .pin:after{content:"";width:var(--lead);background:#325877;height:1.5px;margin-top:-.75px;position:absolute;top:50%;left:100%}.billguide .zone.active>.pin{color:#fff;background:#f37b7e;border-color:#f37b7e}.billguide .zone.active>.pin:after{background:#f37b7e}.billguide .d-top{grid-template-columns:1fr 1.05fr;gap:22px;display:grid}.billguide .d-logo{align-items:flex-end;gap:2px;height:30px;margin-bottom:8px;display:flex}.billguide .d-logo i{border:1.5px solid #8a1f1f;border-bottom:0;border-radius:6px 6px 0 0;width:12px;display:block}.billguide .d-small{color:#555;margin-top:10px;font-size:10px}.billguide .d-kv{-moz-column-gap:12px;grid-template-columns:62px 1fr auto auto;column-gap:12px;font-size:12px;display:grid}.billguide .d-kv>div{border-bottom:1px solid #c9c9c9;padding:5px 0}.billguide .d-kv .k{color:#555}.billguide .d-kv .span{grid-column:2/-1;font-weight:700}.billguide .d-mid{grid-template-columns:1.15fr 1fr;align-items:start;gap:22px;margin:18px 0 6px;display:grid}.billguide .d-box{background:#e6e6e6;grid-template-columns:104px 1fr;display:grid}.billguide .d-qr{color:#555;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:9px;font-weight:700;display:flex}.billguide .d-qr .q{background:repeating-linear-gradient(90deg,#9a9a9a 0 7px,#fff 7px 12px,#9a9a9a 12px 15px,#fff 15px 22px),#fff;border:1px solid #c9c9c9;width:88px;height:88px;-webkit-mask:repeating-linear-gradient(0deg,#000 0 6px,#0000 6px 11px);mask:repeating-linear-gradient(0deg,#000 0 6px,#0000 6px 11px)}.billguide .d-title{text-transform:uppercase;padding:8px 10px 0;font:400 15px/1.2 Arial Narrow,Arial,sans-serif}.billguide .d-peach{background:#fbe4cf;grid-template-columns:1fr 1fr;margin-top:8px;display:grid}.billguide .d-peach>div{padding:6px 10px}.billguide .d-lbl{color:#555;font-size:11px}.billguide .d-big{white-space:nowrap;font:700 16px/1.2 Arial,sans-serif}.billguide .d-acc{grid-column:1/-1;padding-top:0!important}.billguide .d-iban{white-space:nowrap;font:700 14px/1.2 Arial,sans-serif}.billguide .d-addr{color:#333;margin-bottom:22px;padding:14px 0 0 16px;font-size:17px;line-height:1.35}.billguide .d-months{text-align:center;grid-template-columns:38px repeat(12,1fr) 40px;row-gap:3px;font-size:10.5px;display:grid}.billguide .d-months .m,.billguide .d-months .l{color:#555}.billguide .d-months .l{text-align:left}.billguide .d-rec{max-width:52%;margin-bottom:18px;font-size:10.5px}.billguide .d-rec b{font-weight:700;display:block}.billguide .d-band{text-transform:uppercase;background:#fbe4cf;margin-bottom:6px;padding:5px 60px 5px 8px;font:400 17px/1.2 Arial Narrow,Arial,sans-serif;display:inline-block}.billguide .d-band small{text-transform:none;font-size:17px}.billguide .bill table{border-collapse:collapse;width:100%}.billguide .bill table.w520{min-width:520px}.billguide .bill table.w540{min-width:540px}.billguide .bill table.w560{min-width:560px}.billguide .bill th{text-transform:uppercase;text-align:right;vertical-align:bottom;border-bottom:1px solid #1f1f1f;padding:4px 5px;font:500 9.5px/1.2 Arial,sans-serif}.billguide .bill th:first-child{text-align:left}.billguide .bill td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:1px solid #c9c9c9;padding:3.5px 5px}.billguide .bill td:first-child{text-align:left;white-space:normal}.billguide .bill tr.muted td{color:#777}.billguide tr.row{cursor:pointer}.billguide tr.row:hover td{background:#32587712}.billguide tr.row:focus-visible{outline-offset:-2px;outline:2px solid #f37b7e}.billguide tr.row.active td{background:#32587733;box-shadow:inset 0 2px #325877,inset 0 -2px #325877}.billguide .chip{font:600 10px/1.5 var(--font-afacad-flux), sans-serif;color:#fff;background:var(--kc);vertical-align:1px;border-radius:4px;margin-left:6px;padding:0 6px;display:none}.billguide.keys .chip{display:inline-block}.billguide tr.sum td{background:#fbe4cf;font-weight:700}.billguide .d-fine{font-size:10.5px;line-height:1.35}.billguide .d-fine p{margin:0 0 3px}.billguide .d-footer{color:#555;justify-content:flex-end;gap:14px;margin-top:18px;font-size:10px;display:flex}.billguide .d-page{border:0;border-top:1px dashed #c9c9c9;margin:24px -30px 18px -56px}.billguide .d-h{text-transform:uppercase;margin:0 0 4px;font:700 10.5px/1.3 Arial,sans-serif}.billguide .d-right{text-align:right}.billguide .mt{margin-top:10px}.billguide .mt-s{margin-top:6px}.billguide .mb-s{margin-bottom:4px}.billguide .d-grid2{grid-template-columns:1fr 1fr;gap:4px 18px;font-size:10.5px;display:grid}.billguide .d-grid2 div{border-bottom:1px solid #c9c9c9;justify-content:space-between;gap:8px;padding:2px 0;display:flex}.billguide .d-chart{border-bottom:1px solid #1f1f1f;align-items:flex-end;gap:10px;height:90px;margin-top:18px;padding:0 8px;display:flex}.billguide .d-chart div{background:#8fa9c0;flex:1;position:relative}.billguide .d-chart div.b{background:#e0a36a}.billguide .d-chart span{text-align:center;font-size:9px;position:absolute;top:-14px;left:0;right:0}.billguide .d-chartl{color:#555;text-align:center;gap:10px;padding:0 8px;font-size:9px;display:flex}.billguide .d-chartl span{flex:1}.billguide .scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.billguide .gap{margin-bottom:14px}.billguide .prose-panel{color:var(--ink);font-size:1.0625rem;line-height:1.6}.billguide .prose-panel p{text-wrap:pretty;margin:0 0 .75rem}.billguide .prose-panel ul,.billguide .prose-panel ol{margin:0 0 .75rem;padding-left:1.25rem}.billguide .prose-panel ul{list-style:outside}.billguide .prose-panel ol{list-style:decimal}.billguide .prose-panel li{margin-bottom:.35rem}.billguide .prose-panel b{font-weight:600}.billguide .prose-panel h3{font:500 1.125rem/1.25 var(--font-clash-display), sans-serif;text-wrap:balance;margin:1.25rem 0 .4rem}.billguide .prose-panel .formula{background:var(--tint);border-radius:8px;padding:.5rem .75rem;font-weight:600}.billguide .ex{background:#ffeed9;border-radius:12px;margin:1rem 0;padding:.875rem 1rem}.billguide .ex>b:first-child,.billguide .calc>b,.billguide .bench>b,.billguide .tip>b,.billguide .note>b,.billguide .sim-title{font:500 .95rem/1.3 var(--font-clash-display), sans-serif;color:var(--ink);margin-bottom:.3rem;display:block}.billguide .ex p:last-child,.billguide .ex ul:last-child,.billguide .ex ol:last-child{margin-bottom:0}.billguide .calc{background:var(--tint);font-variant-numeric:tabular-nums;border-radius:12px;margin:1rem 0;padding:.75rem 1rem}.billguide .tip{border:1.5px solid #f37b7e;border-radius:12px;margin:1rem 0 .25rem;padding:.75rem 1rem}.billguide .tip p,.billguide .note p{margin:0}.billguide .note{color:var(--ink-soft);border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem;font-size:.95rem}.billguide .src{color:var(--ink-soft);margin-top:.4rem;font-size:.875rem}.billguide .bench{margin:1.25rem 0}.billguide .gauge{height:34px;margin:.5rem 0 .25rem;position:relative}.billguide .gauge .axis{border-top:2px solid var(--line);position:absolute;top:16px;left:0;right:0}.billguide .gauge .band{background:var(--tint-2);border-radius:3px;height:12px;position:absolute;top:11px}.billguide .gauge .ref{border-left:2px solid var(--ink-soft);height:18px;position:absolute;top:8px}.billguide .gauge .you{background:#f37b7e;border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:9px;box-shadow:0 0 0 1px #f37b7e}.billguide .glegend{color:var(--ink-soft);flex-wrap:wrap;gap:.25rem 1rem;font-size:.9rem;display:flex}.billguide .glegend span:before{content:"";vertical-align:-1px;width:10px;height:10px;margin-right:6px;display:inline-block}.billguide .glegend .gy:before{background:#f37b7e;border-radius:50%}.billguide .glegend .gr:before{background:var(--ink-soft);width:2px}.billguide .glegend .gb:before{background:var(--tint-2);border-radius:2px}.billguide .keycard{border-top:1px solid var(--line);padding:.75rem 0}.billguide .keycard h3{align-items:center;gap:.5rem;margin:0 0 .3rem;display:flex}.billguide .keycard h3 i,.billguide .swatch{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.billguide .keycard p{margin:0 0 .3rem}.billguide .golink{color:var(--ink);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600;-webkit-text-decoration:underline #f37b7e;text-decoration:underline #f37b7e;text-decoration-thickness:2px}.billguide .golink:hover{color:#f37b7e}.billguide .bars{margin:.75rem 0 .25rem;font-size:.9rem}.billguide .bar{grid-template-columns:1fr 64px;align-items:center;gap:2px 10px;margin-bottom:.5rem;display:grid}.billguide .bar .n{color:var(--ink-soft);grid-column:1/-1;line-height:1.3}.billguide .bar .t{background:var(--tint);border-radius:2px;height:10px;position:relative}.billguide .bar .t i{position:absolute;top:0;bottom:0;right:50%}.billguide .bar .t i.p{background:var(--pos);left:50%;right:auto}.billguide .bar .t i.n{background:var(--neg)}.billguide .bar .t:after{content:"";border-left:1px solid var(--ink-soft);position:absolute;top:-3px;bottom:-3px;left:50%}.billguide .bar .v{text-align:right;font-variant-numeric:tabular-nums}.billguide .neg{color:var(--neg)}.billguide .pos{color:var(--pos)}.billguide .panel-swap{animation:.32s cubic-bezier(.22,1,.36,1) bg-swap}@keyframes bg-swap{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.billguide .panel{top:calc(var(--navbar-height) + 24px);max-height:calc(100vh - var(--navbar-height) - 48px);position:sticky}@media (max-width:1023px){.billguide .panel{z-index:var(--sheet);max-height:78vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;transition:transform .36s cubic-bezier(.22,1,.36,1);position:fixed;inset:auto 0 0;transform:translateY(105%)}.billguide .panel.open{transform:none}}@media (max-width:720px){.billguide .bill{padding:20px 14px 24px 44px}.billguide .d-page{margin-left:-44px;margin-right:-14px}.billguide .d-top,.billguide .d-mid,.billguide .d-grid2{grid-template-columns:1fr;gap:12px}.billguide .d-addr{display:none}.billguide .d-rec{max-width:none}.billguide .pin{--pin:22px;--lead:8px}.billguide .d-band{padding-right:12px;font-size:14px}.billguide .d-band small{font-size:14px}}@media (max-width:480px){.billguide .bill{font-size:10.5px}.billguide .d-box{grid-template-columns:1fr}.billguide .d-qr{display:none}.billguide .d-months{grid-template-columns:30px repeat(12,1fr) 30px;font-size:8.5px}.billguide .bill td,.billguide .bill th{padding:3px}}@media (prefers-reduced-motion:reduce){.billguide *,.billguide .panel{transition:none!important;animation:none!important}}
