.spending-examples{margin:20px 0 12px;padding-top:18px;border-top:2px solid var(--ink,#171717)}
.spending-examples-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.spending-examples-heading h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:0}
.spending-examples-heading p{margin:0;font-size:.9rem;line-height:1.4}
.spending-examples-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.spending-example{min-width:0;display:flex;flex-direction:column;padding:20px;border:2px solid #171717;border-radius:16px;background:#eee5ff;box-shadow:3px 4px 0 #171717}
.spending-example:nth-child(2){background:#dff6ed}.spending-example:nth-child(3){background:#fff3aa}
.spending-example h3{font-family:inherit;font-size:1.1rem;line-height:1.3;margin:0 0 16px;color:#171717}
.spending-example .spending-example-amount{font-size:clamp(1.35rem,2.5vw,2.5rem);font-weight:900;line-height:1.1;letter-spacing:-.045em;margin:0 0 12px;color:#111;white-space:nowrap;font-variant-numeric:tabular-nums}
.spending-example-amount span{font-size:.55em;letter-spacing:0;margin-left:6px}
.spending-example .spending-example-basis{font-size:.8rem;line-height:1.45;margin:0 0 12px}
.spending-example .spending-example-scope{font-size:.9rem;line-height:1.5;margin:0 0 16px}
.spending-example-source{margin-top:auto;padding-top:12px;border-top:1px solid #17171740;font-size:.8rem;line-height:1.5}
.spending-example-source a{font-weight:750;text-decoration:underline;text-underline-offset:3px;color:#12543f}
.spending-example-source a:focus-visible{outline:3px solid #171717;outline-offset:4px}
.spending-examples .spending-examples-note{font-size:.77rem;line-height:1.5;margin:14px 0 0;color:#444}
@media(max-width:1000px){.spending-examples-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spending-example .spending-example-amount{font-size:clamp(1.4rem,3.5vw,2rem)}}
@media(max-width:640px){.spending-examples-grid{grid-template-columns:1fr}.spending-examples-heading{display:block}.spending-examples-heading p{margin-top:6px}.spending-example{padding:18px}.spending-example .spending-example-amount{font-size:clamp(1.5rem,6.5vw,2rem)}}

.spending-example-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}
.spending-example-header h3{margin:0;min-width:0;overflow-wrap:break-word}
.spending-example-share{flex:0 0 auto;max-width:112px;text-align:right;color:#171717;line-height:1.2}
.spending-example-share strong{display:block;white-space:nowrap;font-size:1.05rem;font-variant-numeric:tabular-nums}
.spending-example-share small{display:block;margin-top:4px;font-size:.68rem;font-weight:500}
.spending-examples-note a{color:inherit;text-underline-offset:3px}

.spending-examples-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}
.spending-examples-pager button{font:inherit;font-size:.875rem;font-weight:700;padding:10px 14px;border:2px solid #171717;border-radius:10px;background:#fff;color:#171717;cursor:pointer}
.spending-examples-pager button:disabled{opacity:.4;cursor:default}
.spending-examples-pager button:focus-visible{outline:3px solid #171717;outline-offset:4px}
.spending-examples-pager span{font-size:.875rem;text-align:center}
@media(max-width:480px){.spending-examples-pager{flex-wrap:wrap;gap:8px}.spending-examples-pager span{order:-1;flex-basis:100%}.spending-examples-pager button{padding:10px;font-size:.875rem}}