.calc{align-items:start;gap:clamp(1.5rem,1rem + 2vw,3rem);display:grid}@media (width>=56rem){.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.calc-papers{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.calc-legend{font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--font-weight-extrabold);color:var(--ink);flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-bottom:.25rem;padding:0;line-height:1.15;display:flex}.calc-spec{font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:.02em;color:var(--ink-soft);box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:.375rem;padding:.125rem .5rem}.calc-over{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--coral-ink)}.calc-answer{border-radius:var(--radius-card);background:var(--paper-sunk);align-items:center;gap:clamp(1rem,.6rem + 1.5vw,1.75rem);padding:clamp(1.25rem,.8rem + 1.5vw,2rem);display:flex}@media (width>=56rem){.calc-answer{position:sticky;top:6rem}}.calc-grade{aspect-ratio:1;border-radius:var(--radius-card);inline-size:clamp(6rem,4.5rem + 4vw,8.5rem);color:var(--on-calm);background:var(--calm);box-shadow:inset 0 2px 0 var(--shine), 0 6px 0 var(--calm-edge);flex:none;align-content:center;place-items:center;gap:.25rem;display:grid}.calc-grade[data-empty]{color:var(--ink-soft);background:var(--paper);box-shadow:inset 0 0 0 2px var(--paper-deep), 0 6px 0 var(--paper-edge)}.calc-grade-label{font-size:var(--text-caption);font-weight:var(--font-weight-bold);line-height:1}.calc-grade-value{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;line-height:.9}.calc-facts{gap:.5rem;min-inline-size:0;display:grid}.calc-total{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;color:var(--ink);line-height:1}.calc-total span{font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--font-weight-semibold);color:var(--ink-soft)}.calc-next{font-size:var(--text-body);font-weight:var(--font-weight-bold);color:var(--ink);text-wrap:pretty;line-height:1.35}.calc-series{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--calm-ink)}.years{gap:.375rem;display:grid}.years-row{border-radius:var(--radius-key);grid-template-columns:6.5rem minmax(0,1fr) 3.5rem;align-items:center;column-gap:clamp(.75rem,.4rem + 1vw,1.5rem);min-height:3.5rem;padding-inline:.75rem;display:grid}.years-row:nth-child(odd){background:var(--paper-sunk)}.years-series{color:var(--ink);gap:.125rem;padding-block:.375rem;text-decoration:none;display:grid}.years-series:hover .years-year{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:2px}.years-month{font-size:var(--text-meta);font-weight:var(--font-weight-bold);color:var(--ink-soft);align-items:center;gap:.375rem;display:flex}.years-resit{color:var(--ink);background:var(--paper-deep);border-radius:.3125rem;padding:0 .375rem}.years-year{font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--font-weight-extrabold);line-height:1}.years-line{height:2.25rem;margin-inline:.75rem;display:block;position:relative}.years-line:before{content:"";background:var(--rule);border-radius:1px;height:2px;position:absolute;inset:auto -.75rem .4375rem}.years-pin{z-index:1;bottom:0;left:calc(var(--at) * 100%);width:1.375rem;height:1.375rem;font-size:var(--text-meta);font-weight:var(--font-weight-extrabold);color:var(--ink-soft);background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--paper-deep);border-radius:.375rem;place-items:center;line-height:1;display:grid;position:absolute;translate:-50%}.years-pin[data-reached]{color:var(--on-calm);background:var(--calm);box-shadow:0 2px 0 var(--calm-edge)}.years-score{top:-.25rem;bottom:-.25rem;left:calc(var(--at) * 100%);background:var(--gold);width:.25rem;box-shadow:0 0 0 2px var(--paper);border-radius:.125rem;position:absolute;translate:-50%}.years-grade{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;color:var(--ink);justify-self:end;line-height:1}@media (width<40rem){.years-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"series grade""line line";row-gap:.25rem;padding:.5rem .75rem .75rem}.years-series{grid-area:series;align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.years-year{font-size:var(--text-body);order:-1}.years-grade{font-size:var(--text-section);grid-area:grade}.years-line{grid-area:line;margin-inline:.625rem}.years-pin{border-radius:.3125rem;width:1.125rem;height:1.125rem}}