.mail{--mail-red:#c8102e;--mail-blue:#1f4e9c;--mail-stamp:#fdf3e7;gap:var(--s-5);display:grid}:root[data-theme=dark] .mail{--mail-red:#ff6b7a;--mail-blue:#7aa2ff;--mail-stamp:#2a2340}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mail{--mail-red:#ff6b7a;--mail-blue:#7aa2ff;--mail-stamp:#2a2340}}.mail__intro{max-width:var(--measure);color:var(--ink-2);font-size:var(--step-0);margin:0}.mail__layout{gap:var(--s-6);align-items:start;display:grid}.mail__result{gap:var(--s-5);min-width:0;display:grid}.mail__questions{gap:var(--s-4);min-width:0;display:grid}@media (width>=40rem){.mail__layout{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.mail__result{top:var(--s-5);position:sticky}}.mail-question{gap:var(--s-3);min-width:0;animation:mail-slide .18s var(--ease) both;border:0;margin:0;padding:0;display:grid}.mail-question__title{margin-bottom:var(--s-2);font-family:var(--font-text);font-weight:700;font-size:var(--step-1);color:var(--ink);padding:0;line-height:1.25}.mail-question__title:focus{outline:3px solid var(--signal);outline-offset:4px}@media (width>=40rem){.mail-question:has(.mail-choice){grid-template-columns:1fr 1fr}.mail-question__title{grid-column:1/-1}}.mail-choice{min-height:3.5rem;padding:var(--s-3) var(--s-4);border:var(--border) solid var(--line);border-radius:var(--r-input);background:var(--paper);color:var(--ink);box-shadow:var(--lift);cursor:pointer;transition:transform var(--t-press) var(--ease), box-shadow var(--t-press) var(--ease);align-items:center;font-weight:600;display:flex;position:relative}.mail-choice:hover{box-shadow:var(--lift-hover);transform:translate(-1px,-1px)}.mail-choice:active{box-shadow:var(--lift-pressed);transform:translate(3px,3px)}.mail-choice:has(input:focus-visible){outline:3px solid var(--signal);outline-offset:3px}.mail-choice__input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.mail-back{justify-self:start}.mail-step{color:var(--ink-2);font-weight:600;font-size:var(--step--1);margin:0}.mail-people{align-items:flex-end;gap:var(--s-3);flex-wrap:wrap;display:flex}.mail-summary{gap:var(--s-2);margin:0;padding:0;list-style:none;display:grid}.mail-summary__edit{width:100%;min-height:2.75rem;padding:var(--s-2) var(--s-3);border:2px solid var(--rule);border-radius:var(--r-input);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0}.mail-summary__edit:hover{border-color:var(--line)}.mail-summary__label{color:var(--ink-2);font-weight:600}.mail-envelope{border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);box-shadow:var(--lift);animation:mail-land .18s var(--ease) both;margin:0;display:grid;overflow:hidden}.mail-envelope__edge{background:repeating-linear-gradient(-45deg, var(--mail-red) 0 .5rem, var(--paper) .5rem .75rem, var(--mail-blue) .75rem 1.25rem, var(--paper) 1.25rem 1.5rem);height:.875rem}.mail-envelope__body{gap:var(--s-3);padding:var(--s-5) clamp(var(--s-4), 4vw, var(--s-6));grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.mail-envelope__body>*{grid-column:1/-1}.mail-envelope__body>.mail-verdict{grid-area:1/1}.mail-envelope__body>.mail-stamp{grid-area:1/2}.mail-verdict{font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:clamp(2.5rem,9vw,4.5rem);font-weight:800;line-height:.95}.mail-verdict:focus{outline:3px solid var(--signal);outline-offset:4px}.mail-envelope--email .mail-verdict{color:var(--mail-red)}.mail-lead{font-weight:700;font-size:var(--step-1);margin:0}.mail-reason{color:var(--ink);margin:0}.mail-notes{gap:var(--s-1);padding-left:var(--s-5);margin:0;display:grid}.mail-example{color:var(--ink-2);font-size:var(--step--1);margin:0}.mail-stamp{width:8.75rem;margin:var(--s-1) var(--s-2) var(--s-4) 0;padding:var(--s-3) var(--s-2);border:3px solid var(--mail-red);background:var(--mail-stamp);color:var(--ink);text-align:center;box-shadow:inset 0 0 0 3px var(--mail-stamp), inset 0 0 0 5px var(--mail-red);justify-self:end;position:relative}.mail-envelope .mail-stamp{animation:mail-stamp .32s var(--ease) .12s both}.mail-share{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.mail-voice{margin:0;font-weight:700}.mail-stamp__cost{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere;margin:0;line-height:1.1}.mail-stamp__postmark{border:2px solid var(--mail-blue);background:var(--paper);width:4.5rem;height:4.5rem;color:var(--mail-blue);font-family:var(--font-text);font-weight:700;font-size:var(--step--1);border-radius:50%;place-items:center;line-height:1.05;display:grid;position:absolute;bottom:-1.75rem;left:-3.25rem;transform:rotate(-12deg)}.mail-stamp__postmark span{padding:var(--s-1);text-align:center;border-top:1px solid var(--mail-blue);border-bottom:1px solid var(--mail-blue)}.mail-cost,.mail-draft{gap:var(--s-4);padding:clamp(var(--s-4), 3vw, var(--s-5));border:var(--border) solid var(--line);border-radius:var(--r-object);background:var(--paper);display:grid}.mail-cost__title,.mail-draft__title{font-size:var(--step-1);margin:0}.mail-cost__fields{gap:var(--s-4);display:grid}@media (width>=30rem){.mail-cost__fields{grid-template-columns:1fr 1fr;align-items:start}}.mail-field{gap:var(--s-1);min-width:0;font-weight:600;font-size:var(--step--1);display:grid}.mail-field>select.field{font-weight:600}.mail-salary summary{cursor:pointer;font-weight:600;font-size:var(--step--1)}.mail-salary__note{margin:var(--s-2) 0;color:var(--ink-2);font-size:var(--step--1)}.mail-salary__row{align-items:flex-end;gap:var(--s-3);flex-wrap:wrap;display:flex}.mail-repeat{gap:var(--s-2);border:0;min-width:0;margin:0;padding:0;display:grid}.mail-repeat legend{margin-bottom:var(--s-1);font-weight:600;font-size:var(--step--1);padding:0}.mail-repeat__options{gap:var(--s-2);flex-wrap:wrap;display:flex}.mail-year{font-weight:700;font-size:var(--step-1);margin:0}.mail-nocost{color:var(--ink-2);margin:0;font-weight:600}.mail-meter{gap:var(--s-3);padding-top:var(--s-4);border-top:2px solid var(--rule);justify-items:start;display:grid}.mail-meter__live{gap:var(--s-2);display:grid}.mail-meter__time{font-family:var(--font-display);font-weight:800;font-size:var(--step-2);font-variant-numeric:tabular-nums lining-nums;margin:0}.mail-meter__cost{font-weight:700;font-size:var(--step-1);margin:0}.mail-meter__buttons{gap:var(--s-2);flex-wrap:wrap;display:flex}.mail-meter__end{margin:0;font-weight:700}.mail-meter__end:focus{outline:3px solid var(--signal);outline-offset:3px}.mail-letter{max-height:24rem;padding:var(--s-5);border:2px dashed var(--rule);border-radius:var(--r-input);background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:var(--step--1);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-weight:450;line-height:1.6;overflow:auto}.mail-draft__actions{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.mail-draft__note{margin:0;font-weight:600}.mail-again{justify-self:start}.mail-waiting{display:none}@media (width>=40rem){.mail-waiting{border:var(--border) solid var(--rule);border-radius:var(--r-object);background:var(--paper);grid-template-rows:auto 1fr auto;min-height:16rem;display:grid;overflow:hidden}.mail-waiting__edge{opacity:.4;background:repeating-linear-gradient(-45deg, var(--mail-red) 0 .5rem, var(--paper) .5rem .75rem, var(--mail-blue) .75rem 1.25rem, var(--paper) 1.25rem 1.5rem);height:.875rem}.mail-waiting__text{padding:var(--s-4);color:var(--ink-2);text-align:center;place-self:center;margin:0;font-weight:600}}@media (width<=39.99rem){.mail-stamp__postmark{width:4rem;height:4rem;bottom:-1.75rem;left:-1rem}}.mail-rules__title{margin-top:var(--s-7)}.mail-rules{overflow-x:auto}.mail-rules table{border-collapse:collapse;width:100%;font-size:var(--step--1)}.mail-rules th,.mail-rules td{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}@keyframes mail-slide{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:none}}@keyframes mail-stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.3)}to{opacity:1;transform:rotate(-3deg)}}@keyframes mail-land{0%{opacity:0;transform:translateY(-.75rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mail-envelope .mail-stamp{animation:none;transform:rotate(-3deg)}}