.annual{--yellow:#f9b800;--blue:#a8c8ff;padding:40px 0}.annual__inner{width:min(960px,calc(100% - 40px));margin:auto}.annual p,.annual h2{margin:0}.annual .kicker{color:var(--yellow);font-weight:700;font-size:13px}.annual h2{font-size:clamp(28px,5vw,46px);line-height:1.2;margin:8px 0 14px}.annual .intro{max-width:46em;color:#e3d8c2}.annual .notice{font-size:12px;color:#f9cd54;margin-top:10px}.annual .presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.annual button{cursor:pointer;font:inherit;min-height:48px;border:1px solid #a8997a;background:transparent;color:inherit;padding:10px}.annual button small{display:block;font-size:11px;font-weight:400;margin-top:3px}.annual button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow);color:#17140f;font-weight:800}.annual :focus-visible{outline:3px solid #fff;outline-offset:3px}.annual .chart{border-top:1px solid #75674e;padding-top:15px}.annual .legend{display:flex;gap:20px;align-items:center;font-size:12px}.annual .legend span:before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px}.annual .goods-key:before{background:var(--blue)}.annual .fee-key:before{background:var(--yellow)}.annual .legend small{margin-left:auto;color:#c1b599}.annual .plot-row{margin:22px 0}.annual .row-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.annual .row-heading b{font-size:16px}.annual .row-heading p{font-size:12px;color:#c5bba6}.annual .row-heading strong{font-size:clamp(24px,4vw,36px);font-variant-numeric:tabular-nums;white-space:nowrap}.annual .track{height:30px;display:flex;background:#302a21;margin:8px 0;overflow:hidden}.annual .segment{height:100%;transition:width .35s ease}.annual .segment.goods{background:var(--blue)}.annual .segment.fee{background:var(--yellow)}.annual .components,.annual .scale-note{font-size:12px;color:#c9bfa9}.annual .scale-note{margin-bottom:18px!important}.annual .difference{background:var(--yellow);color:#17140f;padding:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.annual .difference strong{font-size:clamp(34px,6vw,54px);line-height:1.2;font-variant-numeric:tabular-nums}.annual .difference>div>p{font-size:13px;font-weight:700}.annual .split p{display:flex;justify-content:space-between;gap:20px;padding:3px 0;font-size:13px}.annual .explain{font-size:14px;padding:14px 0}.annual .boundary,.annual .foot{font-size:12px;color:#c9bfa9}.annual .settings{margin:22px 0;border-top:1px solid #75674e;border-bottom:1px solid #75674e;padding:12px 0}.annual .settings summary{cursor:pointer;min-height:32px;font-weight:700}.annual__form{padding-top:20px}.annual__shared,.annual__fields,.annual__scenarios{display:grid;gap:16px}.annual__scenarios{grid-template-columns:1fr 1fr;margin:20px 0}.annual__fields{grid-template-columns:1fr 1fr}.annual fieldset{min-width:0;border:1px solid #75674e;padding:15px}.annual label{display:block;font-size:13px}.annual label>span{font-size:11px;color:#c9bfa9}.annual input[type=text]{display:block;max-width:100%;width:100%;min-height:44px;font:inherit;margin:5px 0;padding:8px;background:#fff9ec;border:2px solid #a8997a;color:#17140f}.annual input[type=checkbox]{width:22px;height:22px;accent-color:var(--yellow);vertical-align:middle}.annual__check{margin-bottom:20px}.annual small{font-size:11px}.annual__error{display:block;color:#ffad9c}.annual__actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:13px}.annual__actions p span{display:block;color:#c9bfa9;font-size:11px}.annual [hidden]{display:none!important}.annual__invalid{padding:20px;color:#ffad9c}@media(max-width:599px){.annual{padding:24px 0}.annual__inner{width:calc(100% - 32px)}.annual .presets{gap:6px;margin:16px 0}.annual .presets button{font-size:13px;padding:9px 4px}.annual .presets button small{font-size:10px}.annual .legend{gap:12px}.annual .plot-row{margin:16px 0}.annual .difference{padding:16px;gap:12px}.annual .split p{font-size:11px;gap:12px}.annual__fields,.annual__scenarios{grid-template-columns:1fr}.annual .row-heading strong{font-size:26px}.annual .track{height:26px}}@media(prefers-reduced-motion:reduce){.annual .segment{transition:none}}