.illustrative-example{border:1px solid var(--sra-line);background:var(--sra-soft);min-width:0;color:var(--sra-forest);border-radius:8px;margin:28px 0;padding:clamp(22px,3vw,36px);container:teaching-example/inline-size}.illustrative-example .illustrative-example-label{color:var(--sra-accent);margin:0 0 18px;font-size:.76rem;font-weight:600;line-height:1.65}.illustrative-example h3,.rollovers-offering .illustrative-example h2{font:400 clamp(1.9rem, 3vw, 2.5rem)/1.12 var(--display);letter-spacing:-.025em;color:var(--sra-forest);margin:0 0 15px}.illustrative-example :is(h2,h3) em{color:var(--sra-accent);font-weight:400}.illustrative-example .illustrative-example-context{margin:0 0 20px;font-size:.94rem;line-height:1.7}.illustrative-example-equation{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:13px;margin:23px 0;display:grid}.illustrative-example-value{background:var(--sra-surface);border:1px solid var(--sra-line);border-radius:6px;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;padding:20px;display:flex}.illustrative-example-value>span{font-size:.8rem;font-weight:500;line-height:1.5}.illustrative-example-value>strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(2.1rem,5cqi,2.8rem);font-weight:500;line-height:1.2}.illustrative-example-value>small{margin-top:6px;font-size:.8rem;line-height:1.5}.illustrative-example-result{background:var(--sra-forest);border-color:var(--sra-forest);color:var(--sra-cream)}.illustrative-example-result>strong{color:var(--sra-tan)}.illustrative-example-arrow{color:var(--sra-accent);justify-content:center;display:flex}.illustrative-example .example-arrow-down{display:none}.illustrative-example .illustrative-example-takeaway{margin:0 0 17px;font-size:.96rem;line-height:1.75}.illustrative-example .illustrative-example-service{margin:0 0 18px;font-size:.9rem;line-height:1.75}.illustrative-example .illustrative-example-note{border-top:1px solid var(--sra-line);color:var(--sra-muted);margin:0;padding-top:16px;font-size:.78rem;line-height:1.75}.illustrative-example-note a{color:var(--sra-accent);text-underline-offset:3px}.illustrative-example a:focus-visible{outline:3px solid var(--sra-accent);outline-offset:4px}.payroll-example{margin:0 0 22px;padding:24px}.payroll-example h3{font-size:2rem}.payroll-example .illustrative-example-value{padding:15px 12px}.payroll-example .illustrative-example-equation{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px}.payroll-example .illustrative-example-value>strong{font-size:clamp(1.5rem,8cqi,2.4rem)}.payroll-example .illustrative-example-takeaway{font-size:.91rem}.rollover-example{margin:0 0 26px}.illustrative-example-rollover-flow{grid-template-columns:minmax(0,1fr) minmax(160px,.65fr) minmax(0,1fr);align-items:center;gap:24px;margin:26px 0;display:grid}.illustrative-example-account{background:var(--sra-surface);border:1px solid var(--sra-line);border-radius:6px;align-self:stretch;padding:24px}.illustrative-example-account>span{margin-bottom:12px;font-size:.8rem;line-height:1.65;display:block}.illustrative-example-account>strong{max-width:22ch;font-size:1.2rem;font-weight:600;line-height:1.45;display:block}.illustrative-example .illustrative-example-account>p{margin:13px 0 0;font-size:.87rem;line-height:1.7}.illustrative-example-destination{background:var(--sra-forest);border-color:var(--sra-forest);color:var(--sra-cream)}.illustrative-example-destination>strong{color:var(--sra-tan)}.illustrative-example-transfer{text-align:center;flex-direction:column;align-items:center;gap:9px;padding:10px 0;display:flex}.illustrative-example-transfer svg{color:var(--sra-accent)}.illustrative-example-transfer>strong{font-size:.9rem;line-height:1.5}.illustrative-example-transfer>span{max-width:22ch;color:var(--sra-muted);font-size:.8rem;line-height:1.65}.rollover-example .illustrative-example-takeaway,.rollover-example .illustrative-example-service{max-width:85ch}@container teaching-example (width<=620px){.illustrative-example-rollover-flow{grid-template-columns:1fr;gap:12px}.illustrative-example-transfer{gap:5px;padding-block:2px}.illustrative-example-transfer>span{max-width:36ch}.illustrative-example-transfer .example-arrow-across{display:none}.illustrative-example-transfer .example-arrow-down{display:block}}@container teaching-example (width<=320px){.illustrative-example-value{padding:15px 12px}.illustrative-example-value>span,.illustrative-example-value>small{font-size:.78rem}.illustrative-example-equation{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:8px}.illustrative-example-arrow svg{width:18px}}@media (max-width:420px){.illustrative-example{padding:22px 18px}.illustrative-example h3,.rollovers-offering .illustrative-example h2{font-size:1.95rem}}@media print{.illustrative-example{break-inside:avoid;background:#fff;border-color:#777;container-type:normal}.illustrative-example-result,.illustrative-example-destination{color:#000;background:#fff;border-color:#777}.illustrative-example-result>strong,.illustrative-example-destination>strong{color:#000}.illustrative-example .illustrative-example-label,.illustrative-example .illustrative-example-note{color:#333;display:block!important}}
