:root {

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --font-display: 'Lexend', system-ui, sans-serif;
  --weight-display: 300;
  --font-doc: 'Spectral', Georgia, serif;
  --font-voice: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-accent: 'Spectral', Georgia, serif;
  --font-sans: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.5rem;
  --leading-tight: 1.2;
  --leading: 1.55;
  --leading-notice: 1.5;
  --leading-doc: 1.45;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 650;
  --tracking-caps: 0.08em;
  --tracking-code: 0.22em;
  --tracking-backup: 0.06em;

  --measure: 56ch;

  --field-width: 68ch;

  --page-held-width: 68rem;

  --aside-measure: calc(var(--measure) + var(--space-5));

  --overview-aside-share: 30%;
  --underline-offset: 0.18em;
  --underline-width: 1px;
  --underline-width-hover: 2px;
  --underline-offset-current: 0.3em;

  --page-cap: 112rem;
  --page-side: clamp(var(--space-6), 2.5vw, var(--space-8));

  --signed-out-width: 72rem;

  --signed-out-measure: 68ch;
  --field-min: 14rem;
  --field-narrow: 8rem;
  --textarea-min: calc(var(--touch-min) * 3);
  --cell-label: 7.5rem;
  --change-what: 9rem;
  --place-card-width: 24rem;
  --self-view-width: 20rem;
  --self-view-ratio: 16 / 9;

  --practice-side: 18.5rem;
  --practice-chat-width: 72rem;
  --practice-bar: 28px;
  --practice-bar-height: 3px;
  --dialog-width: 30rem;
  --dialog-nudge: 1.02;
  --grabber-width: 36px;
  --grabber-height: 4px;

  --entry-width: 28rem;
  --error-width: 34rem;
  --error-disc: 48px;
  --code-field-width: 14rem;

  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --radius-field: calc((var(--touch-min) + var(--space-2)) / 2);
  --border-width: 1px;
  --rule-width: 2px;
  --button-edge: 1.5px;
  --coach-trim-width: 2px;
  --current-mark: 3px;
  --info-dot: 8px;
  --mock-ring: 6px;
  --mock-ring-width: 2px;

  --dur-fast: 120ms;
  --dur: 200ms;
  --dur-turn: 800ms;
  --dur-working: 1600ms;
  --dur-write: 1100ms;
  --dur-search: 1800ms;
  --dur-send: 1200ms;
  --dur-swing: 900ms;
  --ease: cubic-bezier(0.2, 0, 0, 1);

  --working-stroke: 2px;
  --working-orbit: 1.5px;
  --working-nudge: 3px;
  --working-breath: 0.84;

  --working-fade: 0.45;

  --bell-swing: 14deg;

  --touch-min: 44px;
  --focus-width: 3px;
  --focus-offset: 2px;

  --refusal-room: 22rem;

  --rail-width: 232px;
  --rail-width-collapsed: 80px;
  --tabbar-height: 64px;
  --coach-button: 68px;
  --coach-lip-size: 5px;
  --coach-notch: 6px;
  --coach-ring: 6px;
  --coach-lift: 48px;
  --coach-sink: 3px;
  --coach-lip-pressed: 2px;
  --coach-lip-ready: 7px;
  --rail-lip-size: 3px;
  --rail-lip-ready: 4px;
  --ask-lip-size: 4px;
  --ask-lip-ready: 5px;
  --coach-ring-current: 2px;
  --tabbar-coach-column: 6rem;
  --tabbar-icon-width: 52px;
  --tabbar-icon-height: 30px;

  --pull-step: 2px;
  --pull-turn: 6deg;
  --rail-link-collapsed: 60px;
  --rail-badge: 18px;
  --rail-badge-ring: 2px;
  --rail-meter-collapsed: 40px;
  --avatar-size: 32px;
  --account-row: 52px;
  --menu-width: 13rem;
  --menu-beside: 15rem;
  --meter-height: 4px;
  --meter-height-lg: 8px;
  --settings-width: 34rem;
  --settings-model-label: 10.75rem;
  --facts-label: 6.5rem;
  --account-avatar: 64px;
  --account-avatar-phone: 56px;
  --sheet-width: 32rem;
  --sheet-slot: 32px;
  --wordmark-avatar: 1.25em;
  --wordmark-gap: 0.35em;
  --wordmark-stripe: 0.36em;
  --icon-size: 1.25em;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 22px;

  --chat-width: 46rem;
  --chat-avatar: 24px;
  --first-run-side: 22rem;
  --first-run-single: 32rem;
  --chat-dash: 8px;
  --chat-dot: 6px;
  --composer-min: calc(var(--touch-min) + var(--space-2));
  --cache-row-toggle: 13rem;
  --cache-chip-word: 4rem;
  --cache-ring-stroke: 2.5;
  --cache-card-width: 24rem;
  --composer-max: 12rem;

  --chat-foot: calc(var(--composer-min) + var(--space-3) + var(--space-4));

  --composer-dock: calc(var(--coach-lift) + var(--space-3));
  --frost-filter: blur(10px) saturate(1.15);

  --conversations-width: 296px;
  --coach-tile: 120px;
  --coach-tile-min: 10rem;
  --coach-tile-disc: 36px;

  --coach-head-avatar: 28px;
  --coach-panel-width: 24rem;
  --coach-panel-head: 68px;
  --notif-drop-width: 26rem;
  --coach-chip-icon: 18px;

  --footer-height: 0px;

  --icon-xs: 14px;
  --tester-state-width: 6rem;
  --source-tag-pad: 1px;
  --attach-width: 24rem;
  --attach-thumb: 40px;
  --filter-width: 21rem;
  --feedback-width: 52rem;
  --swatch-width: 36px;
  --swatch-height: 20px;
  --swatch-dot: 9px;
  --check-size: 20px;
  --check-stroke: 2px;
  --check-tick-width: 10px;
  --check-tick-height: 5px;
  --check-dot: 8px;
  --switch-inset: 3px;
  --toggle-width: 52px;
  --toggle-height: 32px;
  --toggle-knob: 24px;
  --status-height: 26px;
  --status-pad-block: 2px;
  --status-pad-start: 10px;
  --status-dot: 9px;
  --status-ring: 2px;
  --status-dot-xs: 7px;
  --status-pad-start-xs: 7px;
  --status-dot-sm: 8px;
  --status-menu-width: 17rem;
  --list-search-width: 15rem;
  --app-col-status: 20%;
  --app-col-next: 33.5%;
  --app-col-added: 10.5%;
  --app-status-min: 12.5rem;
  --posting-width: 30rem;
  --fill-paste-width: 40rem;
  --fill-about-width: 15rem;
  --analysis-side: 17rem;
  --note-rule: 3px;
  --paper-width: 30rem;
  --version-cell: 6.5rem;
  --letter-width: 32rem;
  --note-label-width: 5.25rem;
  --brief-margin: 21rem;
  --brief-label: 9.5rem;
  --brief-ring: 12px;
  --print-width: 51rem;
  --print-margin: 4.5rem;

  --career-column: 40.5rem;
  --career-aside: 13rem;
  --career-aside-wide: 18.5rem;
  --career-step: 24px;
  --story-label: 7rem;

  --empty-width: 40rem;
  --empty-icon: 56px;
  --doc-thumb-width: 40px;
  --doc-thumb-height: 48px;
  --doc-search-width: 26rem;
  --doc-paper-width: 30rem;
  --doc-paper-max: 38.5rem;
  --doc-rule: 3px;

  --sent-state-width: 14rem;
  --sent-action-width: 11rem;
  --sent-ring: 12px;
  --step-number: 22px;

  --two-step-width: 46rem;
  --qr-size: 200px;
  --two-step-key-gap: 0.3em;
  --two-step-codes-gap: 3.5rem;
  --two-step-codes-width: 34rem;

  --cal-gutter: 3.5rem;
  --cal-slot: 24px;
  --cal-date-row: 40px;
  --cal-edge: 3px;
  --month-row: 7.375rem;
  --month-date: 28px;
  --event-panel-width: 24rem;
  --week-day-min: 60px;
  --week-bar: 8px;
  --week-bar-long: 26px;
  --week-bar-long-phone: 22px;
  --week-bar-height: 4px;
  --agenda-time: 4.25rem;
  --agenda-mark: 8px;
  --toggle-sm-width: 34px;
  --toggle-sm-height: 20px;
  --toggle-sm-knob: 14px;

  --day-tile: 48px;

  --overview-aside: 20rem;
  --timeline-date: 4rem;
  --timeline-mark: 24px;
  --timeline-dot: 10px;
  --timeline-line: 1.5px;
  --leading-voice: 1.35;

  --progress-bar: 4px;
  --research-aside: 21rem;

  --research-main: 38.5rem;
  --research-number: 1.75rem;
  --chart-name: 5.25rem;
  --chart-square: 8px;
  --chart-gap: 2px;
  --chart-row: calc(3 * var(--chart-square) + 2 * var(--chart-gap));
  --goal-meter-height: 6px;

  --move-column: 40rem;
  --move-aside: 19rem;
  --move-narrow: 42rem;
  --move-label: 8.5rem;
  --move-file-min: 56px;
  --move-mark: 24px;
  --move-dot: 10px;

  --z-tabbar: 10;
  --z-menu: 20;
  --z-pull: 25;
  --z-scrim: 30;
  --z-sheet: 31;
  --z-dialog: 100;
  --z-skip-link: 1000;

  color-scheme: light dark;
  --surface: #F7F8F6;
  --surface-raised: #FFFFFF;
  --surface-sunken: #ECEEEA;
  --border: #D5D9D3;
  --border-control: #7A827D;
  --text: #1A2220;
  --text-muted: #535D59;
  --accent: #2F4256;
  --accent-strong: #22313F;
  --text-on-accent: #FFFFFF;
  --success: #2B6B36;
  --text-on-success: #FFFFFF;
  --danger: #B42318;
  --danger-strong: #861B12;
  --text-on-danger: #FFFFFF;
  --focus-ring: #2F4256;
  --accent-soft: #E6EAEF;
  --warning: #A84F0C;
  --cache-ending: #A84F0C;
  --text-on-warning: #FFFFFF;
  --warning-soft: #FCEBE1;
  --mark: #AD7D09;
  --scrim: rgb(14 20 19 / 0.45);
  --coach: #0F7A80;
  --coach-strong: #0B6166;
  --text-on-coach: #FFFFFF;
  --coach-lip: #0A4C51;
  --coach-ready: #AD7D09;
  --income-freelance: #9E7610;
  --coach-trim: transparent;
  --coach-glow: 0 0 0 3px rgb(15 122 128 / 0.2), 0 0 14px 2px rgb(15 122 128 / 0.4);

  --brand-teal: #0D7A70;
  --brand-edge: 0 0 0 1px rgb(29 39 51 / 0.14);

  --button-danger-ground: var(--danger);
  --button-danger-words: var(--text-on-danger);
  --button-danger-hover-ground: var(--danger-strong);
  --button-danger-hover-words: var(--text-on-danger);
  --button-danger-press: var(--danger-strong);
  --shadow-1: 0 1px 2px rgb(26 34 32 / 0.06);
  --shadow-2: 0 1px 2px rgb(26 34 32 / 0.05), 0 10px 28px rgb(26 34 32 / 0.09);
  --shadow-3: 0 2px 6px rgb(26 34 32 / 0.08), 0 18px 48px rgb(26 34 32 / 0.16);

  --frost: color-mix(in srgb, var(--surface) 82%, transparent);
  --frost-raised: color-mix(in srgb, var(--surface-raised) 88%, transparent);

  --tint-press: color-mix(in srgb, var(--text) 9%, transparent);

  --status-drafting-bg: #E5E6E6;
  --status-drafting-mark: #797B7A;
  --status-drafting-ink: #5C5E5D;
  --status-applied-bg: #D0EAFE;
  --status-applied-mark: #0482C0;
  --status-applied-ink: #066494;
  --status-screen-bg: #D8E8FE;
  --status-screen-mark: #417ACC;
  --status-screen-ink: #245BAB;
  --status-assessment-bg: #E0E5FE;
  --status-assessment-mark: #686FCB;
  --status-assessment-ink: #4D51AA;
  --status-interviewing-bg: #E9E1FF;
  --status-interviewing-mark: #8565C1;
  --status-interviewing-ink: #6947A1;
  --status-final-bg: #FDD8FF;
  --status-final-mark: #A35AA7;
  --status-final-ink: #833C88;
  --status-offer-bg: #C3F6C3;
  --status-offer-mark: #3A8F42;
  --status-offer-ink: #157123;
  --status-accepted-bg: #B3F9D3;
  --status-accepted-mark: #06915F;
  --status-accepted-ink: #027048;
  --status-declined-bg: #FFDBEA;
  --status-declined-mark: #A66182;
  --status-declined-ink: #864565;
  --status-withdrawn-bg: #E5E6E6;
  --status-withdrawn-mark: #797B7A;
  --status-withdrawn-ink: #5C5E5D;
  --status-rejected-bg: #FEDDDA;
  --status-rejected-mark: #BF534E;
  --status-rejected-ink: #9D3533;
  --status-noresponse-bg: #E2EBCE;
  --status-noresponse-mark: #758055;
  --status-noresponse-ink: #596339;
  --status-jobclosed-bg: #F8E1D5;
  --status-jobclosed-mark: #937260;
  --status-jobclosed-ink: #755645;

  --swatch-slate-day: #F7F8F6;
  --swatch-slate-day-coach: #0F7A80;
  --swatch-slate-night: #1B1C18;
  --swatch-slate-night-coach: #2B776F;
  --swatch-violet-day: #F8F6FB;
  --swatch-violet-day-coach: #4A2BB5;
  --swatch-violet-night: #16131F;
  --swatch-violet-night-coach: #4B3A8F;

  --print-text: 11pt;
  --print-ink: #000000;
  --print-paper: #ffffff;

  --qr-paper: #ffffff;
  --qr-ink: #1A2220;
}

:root[data-theme=light] {
  color-scheme: light;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) {
    color-scheme: dark;
    --surface: #1B1C18;
    --surface-raised: #23241F;
    --surface-sunken: #141511;
    --border: #35362F;
    --border-control: #84867A;
    --text: #D9D4C6;
    --text-muted: #A7A396;
    --accent: #B3A991;
    --accent-strong: #C9C0A9;
    --text-on-accent: #1C1B16;
    --success: #A3D19B;
    --text-on-success: #10240D;
    --danger: #F4A097;
    --danger-strong: #F9C4BD;
    --text-on-danger: #3A0B06;

    --button-danger-ground: transparent;
    --button-danger-words: var(--danger);
    --button-danger-hover-ground: var(--surface-sunken);
    --button-danger-hover-words: var(--danger-strong);
    --button-danger-press: var(--danger);
    --focus-ring: #B3A991;
    --accent-soft: #2D2D25;
    --warning: #F2A26A;
    --cache-ending: #F2A26A;
    --text-on-warning: #2A1405;
    --warning-soft: #2E2319;
    --mark: #D4A93C;
    --scrim: rgb(0 0 0 / 0.6);
    --coach: #2B776F;
    --coach-strong: #246F68;
    --text-on-coach: #F4F0E6;
    --coach-lip: #7CC2B6;
    --coach-ready: #F5C842;
    --income-freelance: #8B6A15;

    --coach-trim: #7CC2B6;
    --coach-glow: 0 0 0 3px rgb(43 119 111 / 0.3), 0 0 16px 3px rgb(56 150 140 / 0.4);
    --shadow-1: 0 1px 2px rgb(0 0 0 / 0.45);
    --shadow-2: 0 1px 2px rgb(0 0 0 / 0.4), 0 10px 28px rgb(0 0 0 / 0.45);
    --shadow-3: 0 2px 6px rgb(0 0 0 / 0.5), 0 18px 48px rgb(0 0 0 / 0.6);

    --brand-edge: 0 0 0 1px rgb(0 0 0 / 0);
    --status-drafting-bg: #2D2E2E;
    --status-drafting-mark: #B0B1B1;
    --status-drafting-ink: #BCBEBD;
    --status-applied-bg: #153143;
    --status-applied-mark: #6FBAED;
    --status-applied-ink: #7CC7FB;
    --status-screen-bg: #1F2E45;
    --status-screen-mark: #87B3F4;
    --status-screen-ink: #95C0FF;
    --status-assessment-bg: #282B45;
    --status-assessment-mark: #A1ABF3;
    --status-assessment-ink: #AEB8FE;
    --status-interviewing-bg: #312842;
    --status-interviewing-mark: #B9A3EB;
    --status-interviewing-ink: #C6AFF9;
    --status-final-bg: #3A253B;
    --status-final-mark: #D39AD6;
    --status-final-ink: #E0A6E3;
    --status-offer-bg: #1E341F;
    --status-offer-mark: #86C387;
    --status-offer-ink: #92D094;
    --status-accepted-bg: #163526;
    --status-accepted-mark: #71C69A;
    --status-accepted-ink: #7ED3A6;
    --status-declined-bg: #3B2730;
    --status-declined-mark: #D69EB8;
    --status-declined-ink: #E3ABC4;
    --status-withdrawn-bg: #2D2E2E;
    --status-withdrawn-mark: #B0B1B1;
    --status-withdrawn-ink: #BDBEBD;
    --status-rejected-bg: #432422;
    --status-rejected-mark: #EC968F;
    --status-rejected-ink: #FAA39C;
    --status-noresponse-bg: #2C3024;
    --status-noresponse-mark: #ADB695;
    --status-noresponse-ink: #B9C3A1;
    --status-jobclosed-bg: #352C26;
    --status-jobclosed-mark: #C5AB9D;
    --status-jobclosed-ink: #D2B7A9;
  }
}
@media screen {
  :root[data-theme=dark] {
    color-scheme: dark;
    --surface: #1B1C18;
    --surface-raised: #23241F;
    --surface-sunken: #141511;
    --border: #35362F;
    --border-control: #84867A;
    --text: #D9D4C6;
    --text-muted: #A7A396;
    --accent: #B3A991;
    --accent-strong: #C9C0A9;
    --text-on-accent: #1C1B16;
    --success: #A3D19B;
    --text-on-success: #10240D;
    --danger: #F4A097;
    --danger-strong: #F9C4BD;
    --text-on-danger: #3A0B06;

    --button-danger-ground: transparent;
    --button-danger-words: var(--danger);
    --button-danger-hover-ground: var(--surface-sunken);
    --button-danger-hover-words: var(--danger-strong);
    --button-danger-press: var(--danger);
    --focus-ring: #B3A991;
    --accent-soft: #2D2D25;
    --warning: #F2A26A;
    --cache-ending: #F2A26A;
    --text-on-warning: #2A1405;
    --warning-soft: #2E2319;
    --mark: #D4A93C;
    --scrim: rgb(0 0 0 / 0.6);
    --coach: #2B776F;
    --coach-strong: #246F68;
    --text-on-coach: #F4F0E6;
    --coach-lip: #7CC2B6;
    --coach-ready: #F5C842;
    --income-freelance: #8B6A15;

    --coach-trim: #7CC2B6;
    --coach-glow: 0 0 0 3px rgb(43 119 111 / 0.3), 0 0 16px 3px rgb(56 150 140 / 0.4);
    --shadow-1: 0 1px 2px rgb(0 0 0 / 0.45);
    --shadow-2: 0 1px 2px rgb(0 0 0 / 0.4), 0 10px 28px rgb(0 0 0 / 0.45);
    --shadow-3: 0 2px 6px rgb(0 0 0 / 0.5), 0 18px 48px rgb(0 0 0 / 0.6);

    --brand-edge: 0 0 0 1px rgb(0 0 0 / 0);
    --status-drafting-bg: #2D2E2E;
    --status-drafting-mark: #B0B1B1;
    --status-drafting-ink: #BCBEBD;
    --status-applied-bg: #153143;
    --status-applied-mark: #6FBAED;
    --status-applied-ink: #7CC7FB;
    --status-screen-bg: #1F2E45;
    --status-screen-mark: #87B3F4;
    --status-screen-ink: #95C0FF;
    --status-assessment-bg: #282B45;
    --status-assessment-mark: #A1ABF3;
    --status-assessment-ink: #AEB8FE;
    --status-interviewing-bg: #312842;
    --status-interviewing-mark: #B9A3EB;
    --status-interviewing-ink: #C6AFF9;
    --status-final-bg: #3A253B;
    --status-final-mark: #D39AD6;
    --status-final-ink: #E0A6E3;
    --status-offer-bg: #1E341F;
    --status-offer-mark: #86C387;
    --status-offer-ink: #92D094;
    --status-accepted-bg: #163526;
    --status-accepted-mark: #71C69A;
    --status-accepted-ink: #7ED3A6;
    --status-declined-bg: #3B2730;
    --status-declined-mark: #D69EB8;
    --status-declined-ink: #E3ABC4;
    --status-withdrawn-bg: #2D2E2E;
    --status-withdrawn-mark: #B0B1B1;
    --status-withdrawn-ink: #BDBEBD;
    --status-rejected-bg: #432422;
    --status-rejected-mark: #EC968F;
    --status-rejected-ink: #FAA39C;
    --status-noresponse-bg: #2C3024;
    --status-noresponse-mark: #ADB695;
    --status-noresponse-ink: #B9C3A1;
    --status-jobclosed-bg: #352C26;
    --status-jobclosed-mark: #C5AB9D;
    --status-jobclosed-ink: #D2B7A9;
  }
}

@media screen {
  :root[data-palette=violet] {
    --surface: #F8F6FB;
    --surface-raised: #FFFFFF;
    --surface-sunken: #EEEAF4;
    --border: #DDD7E7;
    --border-control: #7E7690;
    --text: #1C1826;
    --text-muted: #59526A;
    --accent: #2E2150;
    --accent-strong: #21173B;
    --text-on-accent: #FFFFFF;
    --success: #1E7A4A;
    --text-on-success: #FFFFFF;
    --danger: #BE2338;
    --danger-strong: #8E1828;
    --text-on-danger: #FFFFFF;
    --focus-ring: #2E2150;
    --accent-soft: #E9E6F0;
    --warning: #A84F0C;
    --cache-ending: #A84F0C;
    --text-on-warning: #FFFFFF;
    --warning-soft: #FCEBE1;
    --mark: #6A3FC1;
    --scrim: rgb(22 18 32 / 0.45);
    --coach: #4A2BB5;
    --coach-strong: #3D2396;
    --text-on-coach: #FFFFFF;
    --coach-lip: #E8B845;
    --coach-ready: #FFD43B;
    --income-freelance: #9C7308;
    --coach-trim: #E8B845;
    --coach-glow: 0 0 14px 2px rgb(200 150 30 / 0.35);
    --brand-edge: 0 0 0 1px rgb(29 39 51 / 0.14);
    --status-drafting-bg: #E5E6E6;
    --status-drafting-mark: #797B7A;
    --status-drafting-ink: #5C5E5D;
    --status-applied-bg: #D4E9FF;
    --status-applied-mark: #2B7EC9;
    --status-applied-ink: #0460A5;
    --status-screen-bg: #C8EDFE;
    --status-screen-mark: #0686AE;
    --status-screen-ink: #066786;
    --status-assessment-bg: #B9F2F9;
    --status-assessment-mark: #068B96;
    --status-assessment-ink: #086A73;
    --status-interviewing-bg: #BCF4E9;
    --status-interviewing-mark: #0B8E7F;
    --status-interviewing-ink: #006D61;
    --status-final-bg: #FFD9F3;
    --status-final-mark: #AD5697;
    --status-final-ink: #8D3879;
    --status-offer-bg: #CFF1CF;
    --status-offer-mark: #3A8F42;
    --status-offer-ink: #157123;
    --status-accepted-bg: #C5F3D9;
    --status-accepted-mark: #06915F;
    --status-accepted-ink: #027048;
    --status-declined-bg: #FDDDE2;
    --status-declined-mark: #A56571;
    --status-declined-ink: #854854;
    --status-withdrawn-bg: #E6E6E6;
    --status-withdrawn-mark: #797B7A;
    --status-withdrawn-ink: #5C5E5D;
    --status-rejected-bg: #FEDDDA;
    --status-rejected-mark: #BF534E;
    --status-rejected-ink: #9D3533;
    --status-noresponse-bg: #E4E9D6;
    --status-noresponse-mark: #758055;
    --status-noresponse-ink: #596339;
    --status-jobclosed-bg: #F2E3DA;
    --status-jobclosed-mark: #937260;
    --status-jobclosed-ink: #755645;
  }
}

@media screen and (prefers-color-scheme: dark) {
  :root[data-palette=violet]:not([data-theme=light]) {
    color-scheme: dark;
    --surface: #16131F;
    --surface-raised: #201C2C;
    --surface-sunken: #100E17;
    --border: #332D44;
    --border-control: #847C99;
    --text: #ECE8F4;
    --text-muted: #ABA3BF;
    --accent: #B3A8D1;
    --accent-strong: #C9C0E2;
    --text-on-accent: #16131F;
    --success: #7FD8A4;
    --text-on-success: #062413;
    --danger: #FF8F9A;
    --danger-strong: #FFB8BF;
    --text-on-danger: #3A0710;
    --focus-ring: #B3A8D1;
    --accent-soft: #2A2536;
    --warning: #F2A26A;
    --cache-ending: #F2A26A;
    --text-on-warning: #2A1405;
    --warning-soft: #2F2219;
    --mark: #B79CFF;
    --scrim: rgb(0 0 0 / 0.6);
    --coach: #4B3A8F;
    --coach-strong: #5A48A3;
    --text-on-coach: #FFFFFF;
    --coach-lip: #E8B845;
    --coach-ready: #FFD43B;
    --income-freelance: #956D07;
    --coach-trim: #E8B845;
    --coach-glow: 0 0 16px 3px rgb(232 184 69 / 0.4);
    --brand-edge: 0 0 0 1px rgb(0 0 0 / 0);
    --status-drafting-bg: #2D2E2E;
    --status-drafting-mark: #B0B1B1;
    --status-drafting-ink: #BCBEBD;
    --status-applied-bg: #1A2F45;
    --status-applied-mark: #7CB6F1;
    --status-applied-ink: #89C3FF;
    --status-screen-bg: #0F3240;
    --status-screen-mark: #61BEE6;
    --status-screen-ink: #6ECBF3;
    --status-assessment-bg: #063439;
    --status-assessment-mark: #4FC4D1;
    --status-assessment-ink: #5ED1DE;
    --status-interviewing-bg: #0A3530;
    --status-interviewing-mark: #57C7B6;
    --status-interviewing-ink: #65D4C3;
    --status-final-bg: #3D2436;
    --status-final-mark: #DD97C8;
    --status-final-ink: #EAA3D5;
    --status-offer-bg: #1E341F;
    --status-offer-mark: #86C387;
    --status-offer-ink: #92D094;
    --status-accepted-bg: #163526;
    --status-accepted-mark: #71C69A;
    --status-accepted-ink: #7ED3A6;
    --status-declined-bg: #3B282B;
    --status-declined-mark: #D5A1A9;
    --status-declined-ink: #E3ADB6;
    --status-withdrawn-bg: #2D2E2E;
    --status-withdrawn-mark: #B0B1B1;
    --status-withdrawn-ink: #BDBEBD;
    --status-rejected-bg: #432422;
    --status-rejected-mark: #EC968F;
    --status-rejected-ink: #FAA39C;
    --status-noresponse-bg: #2C3024;
    --status-noresponse-mark: #ADB695;
    --status-noresponse-ink: #B9C3A1;
    --status-jobclosed-bg: #352C26;
    --status-jobclosed-mark: #C5AB9D;
    --status-jobclosed-ink: #D2B7A9;
  }
}
@media screen {
  :root[data-palette=violet][data-theme=dark] {
    color-scheme: dark;
    --surface: #16131F;
    --surface-raised: #201C2C;
    --surface-sunken: #100E17;
    --border: #332D44;
    --border-control: #847C99;
    --text: #ECE8F4;
    --text-muted: #ABA3BF;
    --accent: #B3A8D1;
    --accent-strong: #C9C0E2;
    --text-on-accent: #16131F;
    --success: #7FD8A4;
    --text-on-success: #062413;
    --danger: #FF8F9A;
    --danger-strong: #FFB8BF;
    --text-on-danger: #3A0710;
    --focus-ring: #B3A8D1;
    --accent-soft: #2A2536;
    --warning: #F2A26A;
    --cache-ending: #F2A26A;
    --text-on-warning: #2A1405;
    --warning-soft: #2F2219;
    --mark: #B79CFF;
    --scrim: rgb(0 0 0 / 0.6);
    --coach: #4B3A8F;
    --coach-strong: #5A48A3;
    --text-on-coach: #FFFFFF;
    --coach-lip: #E8B845;
    --coach-ready: #FFD43B;
    --income-freelance: #956D07;
    --coach-trim: #E8B845;
    --coach-glow: 0 0 16px 3px rgb(232 184 69 / 0.4);
    --brand-edge: 0 0 0 1px rgb(0 0 0 / 0);
    --status-drafting-bg: #2D2E2E;
    --status-drafting-mark: #B0B1B1;
    --status-drafting-ink: #BCBEBD;
    --status-applied-bg: #1A2F45;
    --status-applied-mark: #7CB6F1;
    --status-applied-ink: #89C3FF;
    --status-screen-bg: #0F3240;
    --status-screen-mark: #61BEE6;
    --status-screen-ink: #6ECBF3;
    --status-assessment-bg: #063439;
    --status-assessment-mark: #4FC4D1;
    --status-assessment-ink: #5ED1DE;
    --status-interviewing-bg: #0A3530;
    --status-interviewing-mark: #57C7B6;
    --status-interviewing-ink: #65D4C3;
    --status-final-bg: #3D2436;
    --status-final-mark: #DD97C8;
    --status-final-ink: #EAA3D5;
    --status-offer-bg: #1E341F;
    --status-offer-mark: #86C387;
    --status-offer-ink: #92D094;
    --status-accepted-bg: #163526;
    --status-accepted-mark: #71C69A;
    --status-accepted-ink: #7ED3A6;
    --status-declined-bg: #3B282B;
    --status-declined-mark: #D5A1A9;
    --status-declined-ink: #E3ADB6;
    --status-withdrawn-bg: #2D2E2E;
    --status-withdrawn-mark: #B0B1B1;
    --status-withdrawn-ink: #BDBEBD;
    --status-rejected-bg: #432422;
    --status-rejected-mark: #EC968F;
    --status-rejected-ink: #FAA39C;
    --status-noresponse-bg: #2C3024;
    --status-noresponse-mark: #ADB695;
    --status-noresponse-ink: #B9C3A1;
    --status-jobclosed-bg: #352C26;
    --status-jobclosed-mark: #C5AB9D;
    --status-jobclosed-ink: #D2B7A9;
  }
}

@media print {
  :root,
  :root[data-theme] {
    color-scheme: light;
  }
}

@page {
  size: letter;
  margin: 0.6in;
}

@font-face {
  font-family: "Lexend";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/fonts/lexend/lexend-latin-300-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/public-sans/public-sans-latin-wght-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/spectral/spectral-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Spectral";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/spectral/spectral-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Spectral";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/spectral/spectral-latin-400-italic.woff2") format("woff2");
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  background: var(--surface);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading);
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[hidden] {
  display: none !important;
}

h1,
h2,
h3 {
  font-family: var(--font-display);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  text-wrap: balance;
  margin: 0 0 var(--space-4);
}

:is(h1, h2, h3) em {
  font-family: var(--font-accent);
  font-style: italic;
}

h1 {
  font-size: var(--text-3xl);
}
@media (max-width: 37.5em) {
  h1 {
    font-size: var(--text-2xl);
  }
}

h2 {
  font-size: var(--text-xl);
}

h3 {
  font-size: var(--text-lg);
}

:where(p, ul, ol, dl) {
  margin: 0 0 var(--space-4);
}

:where(p) {
  max-width: var(--measure);
  text-wrap: pretty;
}

:where(ul, ol) {
  padding-left: var(--space-5);
}

:where(dd) {
  margin: 0;
}

:where(a) {
  color: var(--accent);
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
  transition: color var(--dur-fast) var(--ease), text-decoration-thickness var(--dur-fast) var(--ease);
}

@media (hover: hover) {
  :where(a:hover) {
    color: var(--accent-strong);
    text-decoration-thickness: var(--underline-width-hover);
  }
}
:where(a:active) {
  color: var(--accent-strong);
}

.link-target {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  min-width: var(--touch-min);
}

.link-target--external {
  gap: var(--space-1);
}

.link-target--external > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--touch-min);
  margin-left: calc(-1 * var(--space-1));
  padding-right: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-decoration: none;
}

@media (hover: hover) {
  .back-link:hover {
    color: var(--text);
  }
}
.back-link:active {
  color: var(--text);
}

.link-more {
  display: inline-flex;
  align-items: center;
  gap: calc(var(--space-1) / 2);
  min-height: var(--touch-min);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.link-more > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

code,
pre {
  font-family: var(--font-mono);
  font-size: var(--text-sm);
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.icon {
  display: inline-block;
  flex: none;
  width: var(--icon-size);
  height: var(--icon-size);
  vertical-align: middle;
}

.icon--sm {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.icon--lg {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

.sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.nowrap {
  white-space: nowrap;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

body > .visually-hidden {
  top: 0;
}

.caps {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.caps code {
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.skip-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  position: absolute;
  left: var(--space-4);
  top: calc(-1 * var(--space-8));
  z-index: var(--z-skip-link);
  padding: 0 var(--space-4);
  border-radius: var(--radius-md);
  background: var(--accent);
  color: var(--text-on-accent);
  font-weight: var(--weight-bold);
  text-decoration: none;
}

.skip-link:focus {
  top: var(--space-2);
}

.lead {
  max-width: var(--measure);
  color: var(--text-muted);
  font-size: var(--text-md);
}

.muted {
  color: var(--text-muted);
}

.info-dot {
  display: inline-block;
  flex: none;
  width: var(--info-dot);
  height: var(--info-dot);
  margin-right: var(--space-2);
  border-radius: 50%;
  background: var(--mark);
  vertical-align: middle;
}

.pre-wrap {
  white-space: pre-wrap;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion=full]),
  :root:not([data-motion=full]) *,
  :root:not([data-motion=full]) *::before,
  :root:not([data-motion=full]) *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  :root:not([data-motion=full]) *::backdrop {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  :root:not([data-motion=full]) *::file-selector-button {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  :root:not([data-motion=full])::view-transition-group(*),
  :root:not([data-motion=full])::view-transition-old(*),
  :root:not([data-motion=full])::view-transition-new(*) {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root[data-motion=reduced],
:root[data-motion=reduced] *,
:root[data-motion=reduced] *::before,
:root[data-motion=reduced] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

:root[data-motion=reduced] *::backdrop {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

:root[data-motion=reduced] *::file-selector-button {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

:root[data-motion=reduced]::view-transition-group(*),
:root[data-motion=reduced]::view-transition-old(*),
:root[data-motion=reduced]::view-transition-new(*) {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}

.frame {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 100dvh;
}
@media (max-width: 62.5em) {
  .frame {
    grid-template-columns: var(--rail-width-collapsed) minmax(0, 1fr);
  }
}
@media (max-width: 37.5em) {
  .frame {
    display: block;
  }
}

.frame--panel {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
@media (max-width: 62.5em) {
  .frame--panel {
    grid-template-columns: var(--rail-width-collapsed) minmax(0, 1fr) auto;
  }
}
@media (max-width: 50em) {
  .frame--panel {
    grid-template-columns: var(--rail-width-collapsed) minmax(0, 1fr);
  }
}

.frame--sliding {
  overflow-x: clip;
}

.frame__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
@media (max-width: 37.5em) {
  .frame__main {
    min-height: 100dvh;
    padding-bottom: calc(var(--tabbar-height) + var(--coach-lift) + env(safe-area-inset-bottom));
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .frame__main {
    padding-bottom: var(--space-3);
  }
}

.frame__main::before {
  content: "";
  position: sticky;
  top: 0;
  z-index: var(--z-tabbar);
  flex: none;
  height: var(--coach-panel-head);
  margin-bottom: calc(-1 * var(--coach-panel-head));
  background: var(--frost);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border);
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 37.5em) {
  .frame__main::before {
    height: var(--page-top-foot, var(--account-row));
    margin-bottom: calc(-1 * var(--page-top-foot, var(--account-row)));
    background: var(--surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    transform: translateY(var(--page-top-pan, 0px));
  }
}

.frame__main:has(.page__top[data-stuck])::before {
  opacity: 1;
  pointer-events: auto;
}

.frame__main:has(.page__top[data-moves])::before {
  transition: opacity var(--dur) var(--ease);
}

html:has(.page__top) {
  scroll-padding-top: var(--coach-panel-head);
}
@media (max-width: 37.5em) {
  html:has(.page__top) {
    scroll-padding-top: calc(var(--page-top-foot, var(--account-row)) + var(--space-2));
  }
}

.frame__main > .page {
  flex: 1 0 auto;
  width: 100%;
}

@media (max-width: 37.5em) {
  :root {
    --page-top-room: max(0px, calc(var(--space-3) - env(safe-area-inset-top)));
    --page-top-room-ios: 0.125rem;
  }
  @supports (-webkit-touch-callout: none) {
    :root {
      --page-top-room: var(--page-top-room-ios);
    }
  }
}

@media (max-width: 37.5em) {
  .frame__main > .page:has(.page__top) {
    padding-top: var(--page-top-room);
  }
}

body:has(> .frame__top) {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

body:has(> .frame__top) > .page {
  --_page-side: var(--space-6);
  flex: 1 0 auto;
  width: 100%;
  max-width: var(--signed-out-width);
}
@media (max-width: 37.5em) {
  body:has(> .frame__top) > .page {
    --_page-side: var(--space-4);
  }
}

.frame__top {
  padding: var(--space-4) var(--space-6) 0;
}
@media (max-width: 37.5em) {
  .frame__top {
    padding: var(--space-2) var(--space-4) 0;
  }
}

.frame__brand {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  text-decoration: none;
}

@media (max-width: 37.5em) {
  .frame__brand .wordmark {
    font-size: var(--text-lg);
  }
}

.page {
  --_page-side: var(--page-side);
  max-width: var(--page-cap);
  margin: 0 auto;
  padding: var(--space-6) var(--_page-side);
}
@media (max-width: 37.5em) {
  .page {
    --_page-side: var(--space-4);
    padding: var(--space-5) var(--_page-side);
  }
}

.frame--panel .page {
  --_page-side: var(--space-4);
}
@media (max-width: 50em) {
  .frame--panel .page {
    --_page-side: var(--page-side);
  }
}
@media (max-width: 37.5em) {
  .frame--panel .page {
    --_page-side: var(--space-4);
  }
}

.page:has(> :is(.name-form, .email-form, .password-form)) > :not(.page__top) {
  max-width: var(--entry-width);
  margin-inline: auto;
}

.page:has(> .sign-ins) > :not(.page__top) {
  max-width: var(--two-step-width);
  margin-inline: auto;
}

.page:has(> .application-form) > :not(.page__top) {
  max-width: var(--page-held-width);
  margin-inline: auto;
}

.page:has(> .whats-new) > :not(.page__top) {
  max-width: var(--page-held-width);
  margin-inline: auto;
}

.page__top {
  container: page-top/inline-size;
  position: sticky;
  top: calc((var(--coach-panel-head) - var(--touch-min)) / 2);
  z-index: var(--z-tabbar);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin-top: calc((var(--coach-panel-head) - var(--touch-min)) / 2 - var(--space-6));
}
@media (max-width: 37.5em) {
  .page__top {
    top: var(--page-top-hold, calc(var(--page-top-room) - var(--space-3)));
    margin-top: calc(-1 * var(--space-3));
    background: var(--surface);
  }
}

@media (max-width: 37.5em) {
  html:has(dialog[open]) .page__top::before {
    background: linear-gradient(var(--scrim), var(--scrim)), var(--surface);
  }
}

@media (max-width: 37.5em) {
  .page__top::before {
    content: "";
    position: absolute;
    top: calc(-1 * max(0px, var(--page-top-hold, 0px)));
    right: calc(-1 * var(--_page-side));
    left: calc(-1 * var(--_page-side));
    z-index: -1;
    height: max(0px, var(--page-top-hold, 0px));
    background: var(--surface);
    pointer-events: none;
  }
}

.page__top > .back-link {
  display: block;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  line-height: var(--touch-min);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page__top > .back-link > .icon {
  margin-right: var(--space-1);
  vertical-align: middle;
}

.page__top:has(details[open]) {
  z-index: var(--z-menu);
}

.page__top[data-stuck] {
  pointer-events: none;
}
.page__top[data-stuck] > :not(.page__lead) {
  pointer-events: auto;
}

.page__top > .frame__brand {
  display: none;
}
@media (max-width: 37.5em) {
  .page__top > .frame__brand {
    display: inline-flex;
  }
}

.page__top--title {
  display: grid;
  grid-template-columns: minmax(0, max-content) minmax(0, 1fr) auto;
  grid-template-rows: var(--touch-min);
  grid-template-areas: "title lead end";
  gap: 0 var(--space-4);
  margin-bottom: var(--space-5);
}
@media (max-width: 37.5em) {
  .page__top--title {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "title end" "lead lead";
    column-gap: var(--space-2);
    margin-top: calc(-1 * var(--space-3));
    margin-bottom: var(--space-4);
  }
}
.page__top--title > h1 {
  grid-area: title;
  align-self: baseline;
  min-width: 0;
  margin-block: calc((var(--touch-min) - 1em * var(--leading-tight)) / 2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page__top--title > .page__lead {
  grid-area: lead;
  align-self: baseline;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .page__top--title > .page__lead {
    margin-top: var(--space-1);
    white-space: normal;
  }
}
.page__top--title > .page__end {
  grid-area: end;
  align-self: start;
}

.page__top--title:has(+ .page__head) {
  margin-bottom: var(--space-2);
}

.page__top--title[data-stuck] > h1 {
  font-size: var(--text-lg);
}
@media (max-width: 37.5em) {
  .page__top--title[data-stuck] > h1 {
    font-size: var(--text-md);
  }
}
.page__top--title[data-stuck] > .page__lead {
  opacity: 0;
}

.page__top--title[data-moves] > h1 {
  transition: font-size var(--dur) var(--ease);
}
.page__top--title[data-moves] > .page__lead {
  transition: opacity var(--dur) var(--ease);
}

.page__end {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  margin-left: auto;
}
@media (max-width: 37.5em) {
  .page__end {
    gap: var(--space-1);
  }
}

.page__top > .page__end {
  margin-right: calc(-1 * var(--space-2));
}

.page__action--under {
  display: none;
}

@media (max-width: 37.5em) {
  .button.page__action--head {
    display: none;
  }
  .page__action--head + .page__rule {
    display: none;
  }
  .page__action--under {
    display: block;
    width: 100%;
    margin: var(--space-3) 0 0;
  }
  .page__action--under > .button {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    justify-content: center;
    box-sizing: border-box;
  }
}

.page__rule {
  flex: none;
  width: var(--border-width);
  height: var(--icon-md);
  background: var(--border);
}

.page__end > .page__rule:first-child {
  display: none;
}

@container page-top (max-width: 20.5rem) {
  .page__end > .mock-marker {
    gap: 0;
    padding-right: var(--space-2);
    font-size: 0;
  }
}

.page__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2) var(--space-5);
  margin-bottom: var(--space-5);
}
.page__head h1,
.page__head > .lead {
  margin: 0;
}
@media (max-width: 37.5em) {
  .page__head {
    margin-bottom: var(--space-4);
  }
}

.page__head:not(.page__head--inline):has(> h1 + .lead:last-child) {
  flex-direction: column;
}

.page__head--inline {
  align-items: baseline;
  justify-content: flex-start;
}
.page__head--inline > .lead {
  font-size: var(--text-base);
}
@media (max-width: 37.5em) {
  .page__head--inline {
    row-gap: var(--space-1);
  }
}

.page__head:has(> .page__title) {
  align-items: center;
  row-gap: var(--space-3);
}
@media (max-width: 37.5em) {
  .page__head:has(> .page__title) {
    margin-bottom: var(--space-5);
  }
}

.page__title {
  flex: 1 1 var(--field-min);
  min-width: 0;
}

.page__lead {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-md);
}

.page__head > .lead,
.page__lead {
  text-wrap: balance;
}

.page__head--inline .page__title {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-5);
}

.page__head--inline .page__lead {
  margin: 0;
  font-size: var(--text-base);
}

.page__head--inline > .page__lead {
  flex: 0 1 auto;
  font-size: var(--text-md);
}

.page__head--inline:has(> .page__lead) {
  gap: var(--space-2) var(--space-4);
}
.page__head--inline:has(> .page__lead) > .page__end {
  margin-left: 0;
}

.record-head {
  margin-bottom: var(--space-4);
  text-wrap: balance;
}
@media (max-width: 37.5em) {
  .record-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "title" "meta" "status";
    text-wrap: wrap;
  }
}

.record-head > h1 {
  display: inline;
  margin: 0;
}
@media (max-width: 37.5em) {
  .record-head > h1 {
    display: block;
    grid-area: title;
  }
}

.record-head__meta {
  grid-area: meta;
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
}
.record-head__meta > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.record-head__status {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-left: var(--space-4);
  vertical-align: middle;
  text-wrap: wrap;
}
@media (max-width: 37.5em) {
  .record-head__status {
    display: flex;
    grid-area: status;
    justify-self: start;
    margin: var(--space-4) 0 0;
  }
}

.record-head__ask {
  display: flex;
  margin: 0;
}
@media (max-width: 37.5em) {
  .record-head__ask {
    display: none;
  }
}

.page:has(> .record-head) {
  container: record-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .record-head) {
    container-type: normal;
  }
}

@container record-page (max-width: 52rem) {
  .record-head__status {
    display: flex;
    margin: var(--space-2) 0 0;
  }
}
.record-head .status-control__button {
  flex-wrap: wrap;
  row-gap: var(--space-1);
  padding-block: var(--space-2);
}

.record-head .status-control__value > .status {
  white-space: normal;
  overflow-wrap: normal;
}

@container record-page (max-width: 25rem) {
  .record-head > h1 {
    font-size: var(--text-2xl);
  }
  .record-head .status-control__button {
    padding-inline: var(--space-2);
  }
}

.site-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-4) var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.site-footer__version {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-min);
  min-width: var(--touch-min);
  color: var(--text-muted);
}

@media (max-width: 37.5em) {
  .actions-row--lead > :first-child {
    flex-basis: 100%;
  }
  .actions-row--lead > :not(:first-child) {
    flex: 1 1 auto;
  }
}

.section {
  margin-bottom: var(--space-7);
}

.actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  min-width: var(--touch-min);
  padding: var(--space-2) var(--space-4);
  border: var(--button-edge) solid var(--accent);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
@media (hover: hover) {
  .button:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
    background: var(--accent-soft);
    color: var(--accent-strong);
  }
}
.button:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--accent-strong);
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.button--primary {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--text-on-accent);
}
@media (hover: hover) {
  .button--primary:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--text-on-accent);
  }
}
.button--primary:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--accent-strong);
  background: var(--accent-strong);
  color: var(--text-on-accent);
}

.button--danger {
  border-color: var(--danger);
  background: var(--button-danger-ground);
  color: var(--button-danger-words);
}
@media (hover: hover) {
  .button--danger:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--danger-strong);
    background: var(--button-danger-hover-ground);
    color: var(--button-danger-hover-words);
  }
}
.button--danger:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--button-danger-press);
  background: var(--button-danger-press);
  color: var(--text-on-danger);
}

.button--quiet {
  border-color: transparent;
  padding-inline: var(--space-3);
}
@media (hover: hover) {
  .button--quiet:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: transparent;
    background: var(--accent-soft);
    color: var(--accent-strong);
  }
}
.button--quiet:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: transparent;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.button--icon {
  width: var(--touch-min);
  padding: 0;
}
.button--icon > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

.button--quiet.button--icon {
  color: var(--text);
}
@media (hover: hover) {
  .button--quiet.button--icon:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    background: var(--surface-sunken);
    color: var(--text);
  }
}
.button--quiet.button--icon:active:not(:disabled, [aria-disabled=true], [data-working]) {
  background: var(--surface-sunken);
  color: var(--text);
}

.button--coach {
  border-color: var(--coach);
  background: var(--coach);
  color: var(--text-on-coach);
  box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow);
}
@media (hover: hover) {
  .button--coach:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--coach-strong);
    background: var(--coach-strong);
    color: var(--text-on-coach);
  }
}
.button--coach:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--coach-strong);
  background: var(--coach-strong);
  color: var(--text-on-coach);
}

@media (max-width: 37.5em) {
  .button--block {
    width: 100%;
  }
}

.button:is(:disabled, [aria-disabled=true]):not([data-working]) {
  border-color: var(--border);
  background: transparent;
  color: var(--text-muted);
  box-shadow: none;
  cursor: not-allowed;
}

.button--quiet:is(:disabled, [aria-disabled=true]):not([data-working]) {
  border-color: transparent;
}

.button--coach:is(:disabled, [aria-disabled=true]):not([data-working]) > .icon {
  filter: grayscale(1);
}

.button.button[aria-pressed=true]:not(:disabled, [aria-disabled=true]),
.button.button[aria-pressed=true][data-working] {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text);
}

@media (hover: hover) {
  .button.button[aria-pressed=true]:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
  }
}
.button.button[aria-pressed=true]:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--accent-strong);
}

.button[data-working] {
  cursor: progress;
}

.button--coach[data-working] {
  box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim);
}

.button--coach {
  transition: box-shadow var(--dur-turn) var(--ease);
}

.button--coach[data-coach-reply] {
  box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip);
}

.button--coach[data-coach-reply=ready] {
  box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-ready) 0 0 var(--coach-ready);
}

.button--coach[data-coach-reply=writing] {
  animation: coach-ask-pulse var(--dur-working) ease-in-out infinite;
}

@keyframes coach-ask-pulse {
  0%, 60%, 100% {
    box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip), 0 calc(var(--ask-lip-size) + 3px) 6px 0 transparent;
  }
  15%, 45% {
    box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip), 0 calc(var(--ask-lip-size) + 3px) 6px 0 var(--coach-lip);
  }
  30% {
    box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip), 0 calc(var(--ask-lip-size) + 3px) 6px 0 transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion=full]) .button--coach[data-coach-reply=writing] {
    animation: none;
    box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip), 0 calc(var(--ask-lip-size) + 3px) 6px 0 var(--coach-lip);
  }
  :root:not([data-motion=full]) .button--coach {
    transition: none;
  }
}
:root[data-motion=reduced] .button--coach[data-coach-reply=writing] {
  animation: none;
  box-shadow: 0 0 0 var(--coach-trim-width) var(--coach-trim), var(--coach-glow), 0 var(--ask-lip-size) 0 0 var(--coach-lip), 0 calc(var(--ask-lip-size) + 3px) 6px 0 var(--coach-lip);
}

:root[data-motion=reduced] .button--coach {
  transition: none;
}

.button[data-working] > .icon:first-child {
  animation: working-pulse var(--dur-working) ease-in-out infinite;
}

.button[data-working=write] > .icon:first-child {
  animation: working-write var(--dur-write) ease-in-out infinite;
}

.button[data-working=search] > .icon:first-child {
  animation: working-search var(--dur-search) linear infinite;
}

.button[data-working=pulse] > .icon:first-child {
  animation: working-pulse var(--dur-working) ease-in-out infinite;
}

.button[data-working=send] > .icon:first-child {
  animation: working-send var(--dur-send) ease-in-out infinite;
}

.button[data-working=turn] > .icon:first-child {
  animation: working-turn var(--dur-working) linear infinite;
}

@keyframes working-write {
  0%, 100% {
    transform: translateX(0) rotate(0deg);
  }
  30% {
    transform: translateX(calc(-1 * var(--working-stroke))) rotate(-8deg);
  }
  70% {
    transform: translateX(var(--working-stroke)) rotate(6deg);
  }
}

@keyframes working-search {
  from {
    transform: rotate(0turn) translateX(var(--working-orbit)) rotate(0turn);
  }
  to {
    transform: rotate(1turn) translateX(var(--working-orbit)) rotate(-1turn);
  }
}

@keyframes working-pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(var(--working-breath));
  }
}

@keyframes working-send {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(var(--working-nudge));
  }
}

@keyframes working-turn {
  to {
    transform: rotate(1turn);
  }
}

.field {
  display: grid;
  align-content: start;
  gap: var(--space-1);
  margin-bottom: var(--space-4);
  max-width: var(--field-width);
}

.field__label {
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.field__label .muted {
  font-weight: var(--weight-normal);
}

.field__hint {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

:is(.field, .choice, .switch) > .field__hint {
  max-width: none;
}

.input,
.textarea,
.select {
  width: 100%;
  min-height: var(--touch-min);
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-field);
  background: var(--surface-raised);
  color: var(--text);
  font: inherit;
  transition: border-color var(--dur-fast) var(--ease);
}

.input::placeholder,
.textarea::placeholder {
  color: var(--text-muted);
  opacity: 1;
}

.input,
.textarea {
  -webkit-appearance: none;
  appearance: none;
}

.textarea {
  min-height: var(--textarea-min);
  resize: vertical;
}

@media (hover: hover) {
  :is(.input, .textarea, .select):hover:not(:disabled, [aria-invalid=true]) {
    border-color: var(--text-muted);
  }
}
:is(.input, .textarea, .select):active:not(:disabled, [aria-invalid=true]) {
  border-color: var(--text-muted);
}

:is(.input, .textarea, .select)[aria-invalid=true] {
  border-color: var(--danger);
  box-shadow: inset 0 0 0 var(--border-width) var(--danger);
}

:is(.input, .textarea, .select):disabled {
  border-color: var(--border);
  background: var(--surface-sunken);
  color: var(--text-muted);
  -webkit-text-fill-color: currentColor;
  opacity: 1;
  cursor: not-allowed;
}

.select-wrap {
  position: relative;
  display: block;
  min-width: 0;
}
.select-wrap > .select {
  appearance: none;
  padding-right: calc(var(--space-3) + var(--icon-md) + var(--space-2));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.select-wrap > .icon {
  position: absolute;
  top: 50%;
  right: var(--space-3);
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text);
  transform: translateY(-50%);
  pointer-events: none;
}
.select-wrap > .select:disabled {
  cursor: not-allowed;
}
.select-wrap > .select:disabled + .icon {
  color: var(--text-muted);
}

.input--search {
  padding-left: calc(var(--space-4) + var(--icon-md) + var(--space-2));
  -webkit-appearance: none;
  appearance: none;
}

.select-wrap > .input--search + .icon {
  right: auto;
  left: var(--space-4);
}

.select-wrap > .input--search:disabled + .icon {
  color: var(--text-muted);
}

.input--file {
  padding: var(--space-1) var(--space-2);
  cursor: pointer;
}

.input--file::file-selector-button {
  margin: 0 var(--space-3) 0 0;
  padding: var(--space-1) var(--space-3);
  border: var(--button-edge) solid var(--accent);
  border-radius: var(--radius-sm);
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease);
}

@media (hover: hover) {
  .input--file:not(:disabled)::file-selector-button:hover {
    background: var(--accent-soft);
  }
}
.input--file:not(:disabled)::file-selector-button:active {
  background: var(--accent-soft);
}

.input--file:disabled::file-selector-button {
  border-color: var(--border);
  color: var(--text-muted);
  cursor: not-allowed;
}

.field__error {
  color: var(--danger);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.field__error:not(:empty) {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.field__error:not(:empty)::before {
  content: "";
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  background: currentColor;
  -webkit-mask: url("/icons/alert.svg") center/contain no-repeat;
  mask: url("/icons/alert.svg") center/contain no-repeat;
}

.field__stored {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  font-size: var(--text-sm);
}

.field__stored-label {
  color: var(--text-muted);
  font-weight: var(--weight-medium);
}

.field__stored-words {
  padding-left: var(--space-3);
  border-left: 2px solid var(--border);
  color: var(--text);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.field__stored-hint {
  color: var(--text-muted);
}

.field__stored-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-1);
}

.field__saved {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-normal);
  white-space: nowrap;
}
.field__saved > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.field--saves {
  position: relative;
}

.field--saves > .field__saved {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(var(--text-sm) * var(--leading));
}

fieldset.field--saves > legend {
  float: left;
  width: 100%;
}

fieldset.field--saves > legend ~ * {
  clear: both;
}

.field-row {
  display: grid;
  align-items: start;
  grid-template-columns: repeat(auto-fit, minmax(var(--field-min), 1fr));
  gap: 0 var(--space-4);
  max-width: var(--field-width);
}

.choice {
  min-width: 0;
  max-width: var(--field-width);
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}

.choice legend {
  margin-bottom: var(--space-1);
  padding: 0;
}

.checkbox {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  min-height: var(--touch-min);
  margin-bottom: var(--space-3);
  padding-block: calc((var(--touch-min) - var(--leading) * 1em) / 2);
  cursor: pointer;
}

.checkbox input {
  appearance: none;
  display: grid;
  flex: none;
  place-content: center;
  width: var(--check-size);
  height: var(--check-size);
  margin: calc((var(--leading) * 1em - var(--check-size)) / 2) 0 0;
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  color: var(--text-on-accent);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}

.checkbox input[type=radio] {
  border-radius: 50%;
}

@media (hover: hover) {
  .checkbox:hover input:not(:checked, :disabled, [aria-invalid=true]) {
    border-color: var(--text-muted);
  }
}
.checkbox:active input:not(:checked, :disabled, [aria-invalid=true]) {
  border-color: var(--text-muted);
}

.checkbox input:checked {
  border-color: var(--accent);
  background: var(--accent);
}

.checkbox input[type=checkbox]:checked::before {
  content: "";
  width: var(--check-tick-width);
  height: var(--check-tick-height);
  margin-top: calc(-1 * var(--check-stroke));
  border-bottom: var(--check-stroke) solid currentColor;
  border-left: var(--check-stroke) solid currentColor;
  transform: rotate(-45deg);
}

.checkbox input[type=radio]:checked::before {
  content: "";
  width: var(--check-dot);
  height: var(--check-dot);
  border-radius: 50%;
  background: currentColor;
}

.checkbox input[aria-invalid=true] {
  border-color: var(--danger);
}

.checkbox input:disabled {
  border-color: var(--border);
  background: var(--surface-sunken);
  color: var(--text-muted);
  cursor: not-allowed;
}

.checkbox input:disabled ~ * {
  color: var(--text-muted);
  cursor: not-allowed;
}

.choice__text {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  overflow-wrap: anywhere;
}
.choice__text > strong {
  font-weight: var(--weight-bold);
}
.choice__text > .muted {
  font-size: var(--text-sm);
}

.choice--rows > .checkbox {
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  transition: background-color var(--dur-fast) var(--ease);
}

.choice--rows > .checkbox + .checkbox {
  border-top-width: 0;
}

.choice--rows > .checkbox:first-of-type {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.choice--rows > .checkbox:last-of-type {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.choice--rows > .checkbox:has(input:checked) {
  background: var(--accent-soft);
}

@media (hover: hover) {
  .choice--rows > .checkbox:hover:not(:has(input:checked, input:disabled)) {
    background: var(--surface-sunken);
  }
}
.choice--rows > .checkbox:active:not(:has(input:checked, input:disabled)) {
  background: var(--surface-sunken);
}

.choice--rows > .checkbox:last-of-type ~ :is(.field__hint, .field__error) {
  margin-top: var(--space-2);
}

.choice--rows > .checkbox:last-of-type ~ .field {
  margin-top: var(--space-4);
}

.switch {
  min-width: 0;
  max-width: var(--field-width);
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.switch legend {
  margin-bottom: var(--space-1);
  padding: 0;
}
.switch .field__hint,
.switch .field__error {
  margin: var(--space-2) 0 0;
}

.switch__options,
.cal-view {
  display: flex;
  flex-wrap: wrap;
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
}

.switch__option,
.cal-view__link {
  position: relative;
  z-index: 0;
  display: flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border-radius: var(--radius-lg);
  cursor: pointer;
}

.switch__option:has(> .switch__input:focus-visible),
.cal-view__link:focus-visible {
  z-index: 1;
}

.switch__text,
.cal-view__link {
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  text-align: center;
  overflow-wrap: normal;
}

.switch__input:checked + .switch__text,
.cal-view__link[aria-current=page] {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.switch__option:has(> .switch__input:checked)::before,
.cal-view__link[aria-current=page]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--switch-inset);
  border: var(--border-width) solid var(--accent);
  border-radius: var(--radius-md);
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 var(--border-width) var(--accent);
}

.switch__option:has(> .switch__input[aria-invalid=true]:checked)::before {
  border-color: var(--danger);
  box-shadow: inset 0 0 0 var(--border-width) var(--danger);
}

@media (hover: hover) {
  .switch__option:hover > .switch__input:enabled + .switch__text,
  .cal-view__link:hover {
    color: var(--text);
  }
}
.switch__option:active > .switch__input:enabled + .switch__text,
.cal-view__link:active {
  color: var(--text);
}

.switch__input {
  appearance: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  cursor: pointer;
}

.switch__input:disabled {
  cursor: not-allowed;
}

.switch__text {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  pointer-events: none;
}

.toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  max-width: var(--field-width);
  min-height: var(--touch-min);
  margin-bottom: var(--space-2);
  cursor: pointer;
}

.toggle__text {
  display: grid;
  min-width: 0;
}

.toggle__label {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.toggle__hint {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.toggle__input {
  appearance: none;
  position: relative;
  flex: none;
  width: var(--toggle-width);
  height: var(--toggle-height);
  margin: 0;
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}

.toggle__input::before {
  content: "";
  position: absolute;
  top: calc((var(--toggle-height) - var(--toggle-knob)) / 2 - var(--border-width));
  left: calc((var(--toggle-height) - var(--toggle-knob)) / 2 - var(--border-width));
  width: var(--toggle-knob);
  height: var(--toggle-knob);
  border-radius: 50%;
  background: var(--border-control);
  transition: transform var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}

.toggle__input:checked {
  border-color: var(--accent);
  background: var(--accent);
}

.toggle__input:checked::before {
  background: var(--text-on-accent);
  transform: translateX(calc(var(--toggle-width) - var(--toggle-height)));
}

@media (hover: hover) {
  .toggle:hover .toggle__input:not(:checked, :disabled) {
    border-color: var(--text-muted);
  }
}
.toggle:active .toggle__input:not(:checked, :disabled) {
  border-color: var(--text-muted);
}

.toggle__input:disabled {
  border-color: var(--border);
  background: var(--surface-sunken);
  cursor: not-allowed;
}

.toggle__input:disabled::before {
  background: var(--border);
}

.toggle:has(.toggle__input:disabled) {
  cursor: not-allowed;
}

.toggle:has(.toggle__input:disabled) .toggle__label {
  color: var(--text-muted);
}

.stream-status,
.progress-status {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

:is(.stream-status, .progress-status) strong {
  color: var(--text);
}

.progress-status:empty {
  margin: 0;
}

.progress-steps {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
  list-style: none;
}
.progress-steps > li::before {
  content: "";
  display: block;
  height: var(--progress-bar);
  margin-bottom: var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--border);
}
.progress-steps > li[data-state=done]::before {
  background: var(--text-muted);
}
.progress-steps > li[data-state=now] {
  color: var(--text);
  font-weight: var(--weight-bold);
}
.progress-steps > li[data-state=now]::before {
  background: linear-gradient(to right, var(--text) 50%, var(--border) 50%);
}

.stream-output {
  min-height: calc(var(--touch-min) * 2);
  max-width: var(--measure);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  white-space: pre-wrap;
}

.entry-list {
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
  max-width: var(--field-width);
}

.entry {
  margin-bottom: var(--space-4);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
}

.entry__heading {
  font-size: var(--text-lg);
}

.entry__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2) var(--space-4);
}

.entry__order-field {
  max-width: var(--field-narrow);
  margin-bottom: 0;
}

.entry__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.entry__status {
  margin: 0;
}

.entry--removed {
  padding-block: var(--space-2);
  border-style: dashed;
}

.entry--removed > :not(.entry__status) {
  display: none;
}

.js .entry__order-field,
.js .entry__remove-field {
  display: none;
}

.form__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .form__actions {
    gap: var(--space-3);
  }
}

.form__note {
  max-width: var(--field-width);
  color: var(--danger);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.form__note:not(:empty) {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.form__note:not(:empty)::before {
  content: "";
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
  margin-top: calc((var(--leading) * 1em - var(--icon-md)) / 2);
  background: currentColor;
  -webkit-mask: url("/icons/alert.svg") center/contain no-repeat;
  mask: url("/icons/alert.svg") center/contain no-repeat;
}

.form__actions > .form__note {
  flex: 1 1 var(--field-min);
  margin: 0;
}
@media (max-width: 37.5em) {
  .form__actions > .form__note {
    flex-basis: 100%;
  }
}

.form__actions > [data-press-wait],
.form__actions > [data-press-kept],
.vw-line__acts > [data-press-wait],
.vw-line__acts > [data-press-kept] {
  flex: 1 1 100%;
  margin: var(--space-2) 0 0;
}

.proposal .proposal__actions > p[data-press-wait],
.proposal .proposal__actions > p[data-press-kept] {
  flex: 0 0 100%;
  order: 1;
  margin: var(--space-2) 0 0;
}

.form__actions > .form__note:empty {
  position: absolute;
}

.past-failure {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  font-size: var(--text-sm);
}

.review-failure {
  margin-bottom: var(--space-2);
}

.review-failure__dismiss {
  margin: 0 0 var(--space-5);
}

.tip-group {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.tip-group__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--touch-min);
  min-height: var(--touch-min);
  color: var(--text-muted);
  cursor: pointer;
  list-style: none;
}
.tip-group__button::-webkit-details-marker {
  display: none;
}

.tip-group__list {
  position: absolute;
  z-index: 3;
  inset-block-start: 100%;
  inset-inline-start: 0;
  box-sizing: border-box;
  width: max-content;
  max-width: min(24rem, 100vw - 2 * var(--space-4));
  max-height: 60dvh;
  overflow-y: auto;
  margin: var(--space-1) 0 0;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  font-size: var(--text-sm);
  list-style: none;
  text-align: left;
}
@media (max-width: 37.5em) {
  .tip-group__list {
    position: fixed;
    inset-block: auto calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-2));
    inset-inline: var(--space-4);
    width: auto;
    max-width: none;
    max-height: 55dvh;
  }
}
.tip-group__list > li + li {
  margin-top: var(--space-2);
}

.change-card__edit .tip-group {
  position: static;
}

.change-card__edit .tip-group__list {
  inset-block-start: auto;
  inset-inline: 0;
  width: auto;
  max-width: none;
}
@media (max-width: 37.5em) {
  .change-card__edit .tip-group__list {
    inset-block: auto calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-2));
    inset-inline: var(--space-4);
  }
}

.tip-group__close {
  display: none;
}
@media (max-width: 37.5em) {
  .tip-group__close {
    display: list-item;
  }
}

.show-password {
  justify-self: start;
}
.show-password[aria-pressed=true] {
  font-weight: var(--weight-bold);
}

.notice {
  position: relative;
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.notice strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.notice > .icon:first-child {
  width: var(--icon-md);
  height: var(--icon-md);
  margin-right: var(--space-3);
  color: var(--text-muted);
  vertical-align: top;
}

.notice:has(> .icon:first-child) {
  padding-left: calc(var(--space-4) + var(--icon-md) + var(--space-3));
}

.notice:has(> .icon:first-child) > .icon:first-child {
  position: absolute;
  top: calc(var(--space-3) + (var(--leading-notice) * 1em - var(--icon-md)) / 2);
  left: var(--space-4);
  margin: 0;
}

.notice--warning {
  border-color: transparent;
  background: var(--warning-soft);
}

.notice--warning > .icon:first-child {
  color: var(--warning);
}

.notice--mock {
  border-style: dashed;
  border-color: var(--border-control);
  background: transparent;
  color: var(--text-muted);
}

.notice--warning,
.notice--mock {
  max-width: calc(var(--space-4) + var(--icon-md) + var(--space-3) + var(--measure) + var(--space-4));
}

.notice--danger {
  border-left: var(--rule-width) solid var(--danger);
}

.notice--danger > .icon:first-child {
  color: var(--danger);
}

.notice--success > .icon:first-child {
  color: var(--success);
}

.mock-marker {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: calc(var(--space-1) * 1.5);
  padding: calc(var(--space-1) / 4) var(--space-3) calc(var(--space-1) / 4) var(--space-2);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-pill);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: var(--leading);
  white-space: nowrap;
}

.mock-marker::before {
  content: "";
  flex: none;
  width: var(--mock-ring);
  height: var(--mock-ring);
  border: var(--mock-ring-width) solid currentColor;
  border-radius: 50%;
}

.status {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  gap: var(--space-2);
  min-height: var(--status-height);
  margin: 0;
  padding: var(--status-pad-block) var(--space-3) var(--status-pad-block) var(--status-pad-start);
  border-radius: var(--radius-pill);
  background: var(--_status-bg, var(--surface-sunken));
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  color: var(--text);
  white-space: nowrap;
  vertical-align: middle;
}

.status::before {
  content: "";
  flex: none;
  width: var(--status-dot);
  height: var(--status-dot);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}

.status--drafting {
  --_status-bg: var(--status-drafting-bg);
  --_status-mark: var(--status-drafting-mark);
  --_status-ink: var(--status-drafting-ink);
}

.status--exploring {
  --_status-bg: var(--status-declined-bg);
  --_status-mark: var(--status-declined-mark);
  --_status-ink: var(--status-declined-ink);
}

.status--applied {
  --_status-bg: var(--status-applied-bg);
  --_status-mark: var(--status-applied-mark);
  --_status-ink: var(--status-applied-ink);
}

.status--phone_screen {
  --_status-bg: var(--status-screen-bg);
  --_status-mark: var(--status-screen-mark);
  --_status-ink: var(--status-screen-ink);
}

.status--assessment {
  --_status-bg: var(--status-assessment-bg);
  --_status-mark: var(--status-assessment-mark);
  --_status-ink: var(--status-assessment-ink);
}

.status--interview_scheduled {
  --_status-bg: var(--status-interviewing-bg);
  --_status-mark: var(--status-interviewing-mark);
  --_status-ink: var(--status-interviewing-ink);
}

.status--final_round {
  --_status-bg: var(--status-final-bg);
  --_status-mark: var(--status-final-mark);
  --_status-ink: var(--status-final-ink);
}

.status--offer_received {
  --_status-bg: var(--status-offer-bg);
  --_status-mark: var(--status-offer-mark);
  --_status-ink: var(--status-offer-ink);
}

.status--offer_accepted {
  --_status-bg: var(--status-accepted-bg);
  --_status-mark: var(--status-accepted-mark);
  --_status-ink: var(--status-accepted-ink);
}

.status--offer_declined {
  --_status-bg: var(--status-declined-bg);
  --_status-mark: var(--status-declined-mark);
  --_status-ink: var(--status-declined-ink);
}

.status--withdrawn {
  --_status-bg: var(--status-withdrawn-bg);
  --_status-mark: var(--status-withdrawn-mark);
  --_status-ink: var(--status-withdrawn-ink);
}

.status--rejected {
  --_status-bg: var(--status-rejected-bg);
  --_status-mark: var(--status-rejected-mark);
  --_status-ink: var(--status-rejected-ink);
}

.status--no_response {
  --_status-bg: var(--status-noresponse-bg);
  --_status-mark: var(--status-noresponse-mark);
  --_status-ink: var(--status-noresponse-ink);
}

.status--ghosted {
  --_status-bg: var(--status-rejected-bg);
  --_status-mark: var(--status-rejected-mark);
  --_status-ink: var(--status-rejected-ink);
}

.status--job_closed {
  --_status-bg: var(--status-jobclosed-bg);
  --_status-mark: var(--status-jobclosed-mark);
  --_status-ink: var(--status-jobclosed-ink);
}

.status--offer_accepted:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--offer_declined:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--withdrawn:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--rejected:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--no_response:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--ghosted:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status--job_closed:is(.status, .status-tally__item)::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status.status--quiet {
  min-height: 0;
  padding: 0;
  background: transparent;
}

.status[data-pill] {
  min-height: 0;
  padding: var(--status-pad-block) var(--space-2) var(--status-pad-block) var(--status-pad-start-xs);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
}

.status[data-pill]::before {
  width: var(--status-dot-xs);
  height: var(--status-dot-xs);
}

.status-tally {
  display: flex;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 0 0 calc(-1 * var(--space-2));
  padding: 0 var(--space-7) 0 0;
  overflow-x: auto;
  list-style: none;
  scroll-padding-right: var(--space-7);
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
}
@media (max-width: 37.5em) {
  .status-tally {
    margin-right: calc(-1 * var(--space-4));
  }
}

.status-tally__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--touch-min);
  padding: 0 var(--space-2);
  border-radius: var(--radius-md);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-decoration-line: none;
  white-space: nowrap;
  transition: background-color var(--dur-fast) var(--ease);
}
.status-tally__item::before {
  content: "";
  flex: none;
  width: var(--status-dot-sm);
  height: var(--status-dot-sm);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}
.status-tally__item:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

.status-tally__count {
  color: var(--_status-ink, var(--text));
  font-weight: var(--weight-bold);
}

@media (hover: hover) {
  .status-tally__item:hover {
    background: var(--surface-sunken);
  }
}
.status-tally__item:active {
  background: var(--surface-sunken);
}

.status-tally__item[aria-current=true] {
  background: var(--accent-soft);
  font-weight: var(--weight-bold);
}

.status-tally__item--waiting::before {
  content: none;
}

.status-menu {
  width: var(--status-menu-width);
  padding: var(--space-2) 0;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
  text-align: left;
}

.status-menu__heading {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  max-width: none;
  margin: 0;
  padding: var(--space-2) var(--space-4) var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.status-menu__total {
  font-weight: var(--weight-normal);
}

.status-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.status-menu__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0 var(--space-4);
  color: var(--text);
  text-decoration-line: none;
  transition: background-color var(--dur-fast) var(--ease);
}
.status-menu__item > .status {
  margin-right: auto;
}
.status-menu__item > .icon {
  color: var(--accent-strong);
}
.status-menu__item:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

.status-menu__count {
  min-width: var(--space-4);
  color: var(--_status-ink, var(--text));
  font-weight: var(--weight-bold);
  text-align: right;
}

button.status-menu__item {
  width: 100%;
  margin: 0;
  border: 0;
  background: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  touch-action: manipulation;
}

@media (hover: hover) {
  :is(a, button).status-menu__item:hover {
    background: var(--surface-sunken);
  }
}
:is(a, button).status-menu__item:active {
  background: var(--surface-sunken);
}

.status-menu__item[aria-current=true] {
  background: var(--accent-soft);
}
.status-menu__item[aria-current=true] > .status {
  font-weight: var(--weight-bold);
}

.status-menu__words {
  display: grid;
  margin-right: auto;
  padding: var(--space-2) 0;
}

.status-menu__name {
  margin-right: auto;
}

.status-menu__hint {
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

.status-menu__words > .status + .status-menu__hint {
  padding-left: calc(var(--status-dot) + var(--space-2));
}

.status-menu__list:has(> li > .status-menu__item--waiting) {
  margin-bottom: var(--space-1);
  padding-bottom: var(--space-1);
  border-bottom: var(--border-width) solid var(--border);
}

.status-menu__item[aria-current=true] :is(.status-menu__name, .status-menu__words > .status) {
  font-weight: var(--weight-bold);
}

.status-menu__item--none {
  color: var(--text-muted);
}
.status-menu__item--none .status-menu__hint {
  color: var(--text-muted);
}
.status-menu__item--none > .status {
  color: var(--text-muted);
}
.status-menu__item--none > .status-menu__count {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.status-menu__item--none > .status::before {
  background: transparent;
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark);
}

.status-menu__more {
  margin-top: var(--space-1);
  border-top: var(--border-width) solid var(--border);
}
.status-menu__more > .status-menu__heading {
  min-height: var(--touch-min);
  padding-top: 0;
  padding-bottom: 0;
  list-style: none;
  cursor: pointer;
}
.status-menu__more > .status-menu__heading::-webkit-details-marker {
  display: none;
}
.status-menu__more > .status-menu__heading > .icon {
  margin-left: auto;
  transition: transform var(--dur-turn) var(--ease);
}

.status-menu__more[open] > .status-menu__heading > .icon {
  transform: rotate(180deg);
}

.status-menu__foot {
  max-width: none;
  margin: var(--space-1) 0 0;
  padding: var(--space-2) var(--space-4) 0;
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

.status-control {
  position: relative;
}

@media (max-width: 37.5em) {
  .status-control[open]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: var(--z-scrim);
    background: var(--scrim);
  }
}

.status-control__button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  color: var(--text);
  list-style: none;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);
}
.status-control__button::-webkit-details-marker {
  display: none;
}

.status-control__value {
  display: inline-flex;
  align-items: center;
  column-gap: inherit;
}

.status-control--quiet {
  margin: calc((var(--status-height) - var(--touch-min)) / 2) calc(-1 * var(--space-1));
}

.status-control--quiet > .status-control__button {
  gap: var(--space-1);
  padding: 0 var(--space-1);
  border-color: transparent;
  background: transparent;
}

.status-control--quiet .status-control__chevron {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.status-control__label {
  white-space: nowrap;
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.status-control__chevron {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
  transition: transform var(--dur-turn) var(--ease);
}

@media (hover: hover) {
  .status-control__button:hover {
    background: var(--surface-sunken);
  }
}
.status-control__button:active {
  background: var(--surface-sunken);
}

.status-control[open] > .status-control__button {
  border-color: var(--text);
  background: var(--surface-sunken);
}

.status-control[open] .status-control__chevron {
  transform: rotate(180deg);
}

.status-menu--control {
  position: absolute;
  top: calc(100% + var(--space-1));
  left: 0;
  z-index: var(--z-menu);
  margin: 0;
}
@media (max-width: 37.5em) {
  .status-menu--control {
    position: fixed;
    inset: auto 0 0;
    z-index: var(--z-sheet);
    width: auto;
    max-height: calc(100dvh - var(--space-7));
    padding: 0 0 calc(var(--space-4) + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-width: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    font-size: var(--text-base);
  }
}

.status-menu__head {
  display: none;
}
@media (max-width: 37.5em) {
  .status-menu__head {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    min-height: var(--touch-min);
    margin-bottom: var(--space-1);
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
    border-bottom: var(--border-width) solid var(--border);
    background: var(--surface-raised);
  }
}

.status-menu__title {
  max-width: none;
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

@media (max-width: 37.5em) {
  .status-menu--control .status-menu__item > .status {
    font-size: var(--text-base);
  }
}

.status-stage {
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
}

.record-head__status > .status-stage {
  margin: 0;
}

.status-saved {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.status-saved > .icon {
  color: var(--success);
}

.tabs {
  margin: var(--space-5) 0;
  box-shadow: inset 0 calc(-1 * var(--border-width)) 0 var(--border);
}
@media (max-width: 37.5em) {
  .tabs {
    margin-right: calc(-1 * var(--_page-side));
    margin-left: calc(-1 * var(--_page-side));
    -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  }
}
@container record-page (max-width: 52rem) {
  .tabs {
    margin-right: calc(-1 * var(--_page-side));
    margin-left: calc(-1 * var(--_page-side));
    -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  }
}

@media (max-width: 37.5em) {
  .tabs[data-scrolled] {
    -webkit-mask-image: linear-gradient(to right, transparent, currentColor var(--space-7), currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, transparent, currentColor var(--space-7), currentColor calc(100% - var(--space-7)), transparent);
  }
}
@container record-page (max-width: 52rem) {
  .tabs[data-scrolled] {
    -webkit-mask-image: linear-gradient(to right, transparent, currentColor var(--space-7), currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, transparent, currentColor var(--space-7), currentColor calc(100% - var(--space-7)), transparent);
  }
}

.tabs__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-2);
  margin: 0 calc(-1 * var(--space-2));
  padding: 0;
  list-style: none;
}
@media (max-width: 37.5em) {
  .tabs__list {
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0 calc(var(--space-7) - var(--space-2)) 0 calc(var(--_page-side) - var(--space-2));
    overflow-x: auto;
    scroll-padding-inline: var(--space-7);
    scrollbar-width: none;
  }
}
@container record-page (max-width: 52rem) {
  .tabs__list {
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    padding: 0 calc(var(--space-7) - var(--space-2)) 0 calc(var(--_page-side) - var(--space-2));
    overflow-x: auto;
    scroll-padding-inline: var(--space-7);
    scrollbar-width: none;
  }
}

.tabs__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-base);
  font-weight: var(--weight-normal);
  text-decoration: none;
  white-space: nowrap;
}

.tabs__link:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

@media (hover: hover) {
  .tabs__link:hover {
    color: var(--text);
  }
}
.tabs__link:active {
  color: var(--text);
}

.tabs__link[aria-current=page] {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.tabs__link[aria-current=page]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
  right: var(--space-2);
  left: var(--space-2);
}

.rail {
  position: sticky;
  top: 0;
  z-index: var(--z-menu);
  display: flex;
  flex-direction: column;
  width: var(--rail-width);
  height: 100dvh;
  padding: var(--space-5) var(--space-4) var(--space-3);
  border-right: var(--border-width) solid var(--border);
  background: var(--surface);
}
@media (max-width: 37.5em) {
  .rail {
    display: none;
  }
}

.rail__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  row-gap: var(--space-1);
  padding-left: var(--space-2);
}

.rail__brand {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-width: 0;
  min-height: var(--touch-min);
  text-decoration: none;
}

.rail__brand .wordmark {
  min-width: 0;
  font-size: var(--text-lg);
  white-space: normal;
  overflow-wrap: anywhere;
}

.rail__toggle-form {
  display: contents;
}

.rail__toggle {
  display: inline-grid;
  place-items: center;
  width: var(--touch-min);
  height: var(--touch-min);
  margin-right: calc(-1 * var(--space-2));
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  color: var(--text-muted);
  cursor: pointer;
}

.rail__toggle > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
}

@media (hover: hover) {
  .rail__toggle:hover {
    background: var(--surface-sunken);
  }
}
.rail__toggle:active {
  background: var(--surface-sunken);
}

.rail__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
  min-height: 0;
  margin: calc(var(--space-6) - var(--space-2)) calc(-1 * var(--space-2)) 0;
  padding: var(--space-2);
  overflow-y: auto;
  list-style: none;
}

.rail__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text);
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  text-decoration: none;
}

.rail__link > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

@media (hover: hover) {
  .rail__link:not([aria-current=page]):hover {
    background: var(--surface-sunken);
  }
}
.rail__link:not([aria-current=page]):active {
  background: var(--surface-sunken);
}

.rail__link[aria-current=page] {
  font-weight: var(--weight-bold);
}

.rail__link[aria-current=page] > .icon {
  color: var(--text);
}

.rail__label {
  position: relative;
}

.rail__link[aria-current=page] .rail__label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.rail__count {
  margin-left: auto;
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.rail__account {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  margin-top: auto;
  padding-top: var(--space-4);
}

.usage {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text);
  line-height: var(--leading-tight);
  text-decoration: none;
}

.usage > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

@media (hover: hover) {
  .usage:hover {
    background: var(--surface-sunken);
  }
}
.usage:active {
  background: var(--surface-sunken);
}

.usage__words {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
  min-width: 0;
}

.usage__value {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
}

.usage__sum {
  color: var(--text);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}

.usage__period {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage__period > .icon {
  color: var(--warning);
}

.usage__short {
  display: none;
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
}

.usage__mine {
  color: var(--text);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}

.usage__app {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
  margin-top: var(--space-3);
}

.usage__app-sum {
  display: inline-flex;
  align-items: flex-start;
  gap: var(--space-1);
  color: var(--text);
  font-weight: var(--weight-medium);
}

.usage__app-sum > .icon {
  flex: none;
  margin-top: calc((var(--leading-tight) * 1em - var(--icon-sm)) / 2);
  color: var(--warning);
}

.usage__app-figure {
  white-space: nowrap;
}

.usage__app-can {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage__key {
  margin-top: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.meter {
  display: block;
  width: 100%;
  height: var(--meter-height);
  margin-top: var(--space-2);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--border);
  overflow: hidden;
}

.meter::-webkit-meter-inner-element {
  display: block;
}

.meter::-webkit-meter-bar {
  height: var(--meter-height);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--border);
}

.meter::-webkit-meter-optimum-value {
  border-radius: var(--radius-pill);
  background: var(--accent);
}

.meter::-webkit-meter-suboptimum-value {
  border-radius: var(--radius-pill);
  background: var(--warning);
}

.meter::-webkit-meter-even-less-good-value {
  border-radius: var(--radius-pill);
  background: var(--danger);
}

.meter::-moz-meter-bar {
  border-radius: var(--radius-pill);
  background: var(--accent);
}

.meter:-moz-meter-sub-optimum::-moz-meter-bar {
  background: var(--warning);
}

.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
  background: var(--danger);
}

.account {
  position: relative;
  flex: 1;
  min-width: 0;
}

.rail__me-row {
  padding-top: var(--space-1);
  border-top: var(--border-width) solid var(--border);
}

.rail__feedback {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border-radius: var(--radius-md);
  color: var(--text);
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  text-decoration: none;
}
.rail--collapsed:not(.rail--open) .rail__feedback {
  display: none;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__feedback {
    display: none;
  }
}

.rail__feedback > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

@media (hover: hover) {
  .rail__feedback:hover {
    background: var(--surface-sunken);
  }
}
.rail__feedback:active {
  background: var(--surface-sunken);
}

.rail__me {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--account-row);
  padding: 0 var(--space-2);
  border-radius: var(--radius-md);
  color: var(--text);
  font-weight: var(--weight-medium);
  list-style: none;
  cursor: pointer;
}

.rail__me::-webkit-details-marker {
  display: none;
}

.rail__me > .icon {
  margin-left: calc(var(--space-1) - var(--space-3));
  color: var(--text-muted);
  transition: transform var(--dur) var(--ease);
}

.account[open] > .rail__me > .icon {
  transform: rotate(180deg);
}

@media (hover: hover) {
  .rail__me:hover {
    background: var(--surface-sunken);
  }
}
.rail__me:active {
  background: var(--surface-sunken);
}

.rail__name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.avatar {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border: var(--border-width) solid var(--border);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: 1;
}

.menu {
  position: absolute;
  z-index: var(--z-menu);
  min-width: var(--menu-width);
  margin: 0;
  padding: var(--space-1);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  list-style: none;
}

.menu--up {
  right: calc(var(--space-1) - var(--space-4));
  bottom: calc(100% + var(--space-4));
  left: calc(var(--space-1) - var(--space-4));
}

.menu__who {
  margin-bottom: var(--space-1);
  padding: var(--space-2) var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.menu__item {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  color: var(--text);
  font: inherit;
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.menu__item > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

@media (hover: hover) {
  .menu__item:hover {
    background: var(--surface-sunken);
  }
}
.menu__item:active {
  background: var(--surface-sunken);
}

.menu__item--danger,
.menu__item--danger > .icon {
  color: var(--danger);
}

.menu__label {
  position: relative;
}

.menu__version,
.more-sheet__version {
  color: var(--text-muted);
  font-weight: var(--weight-regular);
}

.menu__item[aria-current=page] {
  font-weight: var(--weight-bold);
}

.menu__item[aria-current=page] .menu__label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -6px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.menu__end {
  margin-top: var(--space-1);
  padding-top: var(--space-1);
  border-top: var(--border-width) solid var(--border);
}

.menu__form {
  margin: 0;
}

.note-menu {
  position: relative;
  flex: none;
  margin-top: calc(-1 * var(--space-2));
}
.note-menu > summary {
  list-style: none;
}
.note-menu > summary::-webkit-details-marker {
  display: none;
}
.note-menu > .menu {
  top: calc(100% + var(--space-1));
  right: 0;
}

.rail.rail--collapsed:not(.rail--open) {
  width: var(--rail-width-collapsed);
  padding-right: var(--space-1);
  padding-left: var(--space-1);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) {
    width: var(--rail-width-collapsed);
    padding-right: var(--space-1);
    padding-left: var(--space-1);
  }
}

@media (max-width: 62.5em) {
  .rail--open {
    box-shadow: var(--shadow-3);
  }
}

.rail--collapsed:not(.rail--open) .rail__head {
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  padding-left: 0;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__head {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    padding-left: 0;
  }
}

.rail--collapsed:not(.rail--open) .rail__brand {
  display: none;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__brand {
    display: none;
  }
}

.rail--collapsed:not(.rail--open) .rail__toggle {
  margin-right: 0;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__toggle {
    margin-right: 0;
  }
}

.rail--collapsed:not(.rail--open) .rail__toggle > .icon {
  transform: rotate(180deg);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__toggle > .icon {
    transform: rotate(180deg);
  }
}

.rail--collapsed:not(.rail--open) .rail__list {
  margin-right: calc(-1 * var(--space-1));
  margin-left: calc(-1 * var(--space-1));
  padding-right: var(--space-1);
  padding-left: var(--space-1);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__list {
    margin-right: calc(-1 * var(--space-1));
    margin-left: calc(-1 * var(--space-1));
    padding-right: var(--space-1);
    padding-left: var(--space-1);
  }
}

.rail--collapsed:not(.rail--open) .rail__link {
  flex-direction: column;
  justify-content: center;
  gap: var(--space-1);
  min-height: var(--rail-link-collapsed);
  padding: 0;
  font-size: var(--text-xs);
  text-align: center;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__link {
    flex-direction: column;
    justify-content: center;
    gap: var(--space-1);
    min-height: var(--rail-link-collapsed);
    padding: 0;
    font-size: var(--text-xs);
    text-align: center;
  }
}

.rail--collapsed:not(.rail--open) .rail__link::after {
  content: "";
  order: 1;
  width: var(--icon-md);
  height: var(--current-mark);
  border-radius: var(--current-mark);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__link::after {
    content: "";
    order: 1;
    width: var(--icon-md);
    height: var(--current-mark);
    border-radius: var(--current-mark);
  }
}

.rail--collapsed:not(.rail--open) .rail__link[aria-current=page]::after {
  background: var(--mark);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__link[aria-current=page]::after {
    background: var(--mark);
  }
}

.rail--collapsed:not(.rail--open) .rail__label {
  order: 2;
  overflow-wrap: normal;
  white-space: nowrap;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__label {
    order: 2;
    overflow-wrap: normal;
    white-space: nowrap;
  }
}

.rail--collapsed:not(.rail--open) .rail__link[aria-current=page] .rail__label::after {
  content: none;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__link[aria-current=page] .rail__label::after {
    content: none;
  }
}

.rail--collapsed:not(.rail--open) .rail__count {
  position: absolute;
  top: var(--space-1);
  left: calc(50% + var(--space-2));
  display: grid;
  place-items: center;
  min-width: var(--rail-badge);
  height: var(--rail-badge);
  margin: 0;
  padding: 0 var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  box-shadow: 0 0 0 var(--rail-badge-ring) var(--surface);
  color: var(--text);
  font-size: var(--text-xs);
  line-height: 1;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__count {
    position: absolute;
    top: var(--space-1);
    left: calc(50% + var(--space-2));
    display: grid;
    place-items: center;
    min-width: var(--rail-badge);
    height: var(--rail-badge);
    margin: 0;
    padding: 0 var(--space-1);
    border-radius: var(--radius-pill);
    background: var(--surface-sunken);
    box-shadow: 0 0 0 var(--rail-badge-ring) var(--surface);
    color: var(--text);
    font-size: var(--text-xs);
    line-height: 1;
  }
}

.rail--collapsed:not(.rail--open) .usage {
  position: relative;
  flex-direction: column;
  align-items: center;
  gap: var(--space-1);
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage {
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    padding-right: 0;
    padding-left: 0;
  }
}

.rail--collapsed:not(.rail--open) .usage__words {
  align-items: center;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage__words {
    align-items: center;
  }
}

.rail--collapsed:not(.rail--open) .usage__label,
.rail--collapsed:not(.rail--open) .usage__value {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage__label,
  .rail:not(.rail--open) .usage__value {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.rail--collapsed:not(.rail--open) .usage__short {
  display: block;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage__short {
    display: block;
  }
}

.rail--collapsed:not(.rail--open) .usage__app,
.rail--collapsed:not(.rail--open) .usage__key {
  display: none;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage__app,
  .rail:not(.rail--open) .usage__key {
    display: none;
  }
}

.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__words {
  position: absolute;
  bottom: 0;
  left: calc(100% + var(--space-2));
  z-index: var(--z-menu);
  align-items: stretch;
  width: max-content;
  min-width: 14rem;
  max-width: 20rem;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-3);
  text-align: left;
}
.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__label,
.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__value {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  white-space: normal;
}
.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__short {
  display: none;
}
.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__app {
  display: flex;
}
.rail--collapsed:not(.rail--open) .usage:focus-visible .usage__key {
  display: block;
}
.rail--collapsed:not(.rail--open) .usage:focus-visible .meter {
  width: 100%;
  margin-top: var(--space-1);
}
.rail--collapsed:not(.rail--open) .usage:active .usage__words {
  position: absolute;
  bottom: 0;
  left: calc(100% + var(--space-2));
  z-index: var(--z-menu);
  align-items: stretch;
  width: max-content;
  min-width: 14rem;
  max-width: 20rem;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface);
  box-shadow: var(--shadow-3);
  text-align: left;
}
.rail--collapsed:not(.rail--open) .usage:active .usage__label,
.rail--collapsed:not(.rail--open) .usage:active .usage__value {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip-path: none;
  white-space: normal;
}
.rail--collapsed:not(.rail--open) .usage:active .usage__short {
  display: none;
}
.rail--collapsed:not(.rail--open) .usage:active .usage__app {
  display: flex;
}
.rail--collapsed:not(.rail--open) .usage:active .usage__key {
  display: block;
}
.rail--collapsed:not(.rail--open) .usage:active .meter {
  width: 100%;
  margin-top: var(--space-1);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .usage:focus-visible .usage__words {
    position: absolute;
    bottom: 0;
    left: calc(100% + var(--space-2));
    z-index: var(--z-menu);
    align-items: stretch;
    width: max-content;
    min-width: 14rem;
    max-width: 20rem;
    padding: var(--space-3) var(--space-4);
    border: var(--border-width) solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-3);
    text-align: left;
  }
  .rail:not(.rail--open) .usage:focus-visible .usage__label,
  .rail:not(.rail--open) .usage:focus-visible .usage__value {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .rail:not(.rail--open) .usage:focus-visible .usage__short {
    display: none;
  }
  .rail:not(.rail--open) .usage:focus-visible .usage__app {
    display: flex;
  }
  .rail:not(.rail--open) .usage:focus-visible .usage__key {
    display: block;
  }
  .rail:not(.rail--open) .usage:focus-visible .meter {
    width: 100%;
    margin-top: var(--space-1);
  }
  .rail:not(.rail--open) .usage:active .usage__words {
    position: absolute;
    bottom: 0;
    left: calc(100% + var(--space-2));
    z-index: var(--z-menu);
    align-items: stretch;
    width: max-content;
    min-width: 14rem;
    max-width: 20rem;
    padding: var(--space-3) var(--space-4);
    border: var(--border-width) solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-3);
    text-align: left;
  }
  .rail:not(.rail--open) .usage:active .usage__label,
  .rail:not(.rail--open) .usage:active .usage__value {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .rail:not(.rail--open) .usage:active .usage__short {
    display: none;
  }
  .rail:not(.rail--open) .usage:active .usage__app {
    display: flex;
  }
  .rail:not(.rail--open) .usage:active .usage__key {
    display: block;
  }
  .rail:not(.rail--open) .usage:active .meter {
    width: 100%;
    margin-top: var(--space-1);
  }
}

@media (hover: hover) {
  .rail--collapsed:not(.rail--open) .usage:hover .usage__words {
    position: absolute;
    bottom: 0;
    left: calc(100% + var(--space-2));
    z-index: var(--z-menu);
    align-items: stretch;
    width: max-content;
    min-width: 14rem;
    max-width: 20rem;
    padding: var(--space-3) var(--space-4);
    border: var(--border-width) solid var(--border);
    border-radius: var(--radius-md);
    background: var(--surface);
    box-shadow: var(--shadow-3);
    text-align: left;
  }
  .rail--collapsed:not(.rail--open) .usage:hover .usage__label,
  .rail--collapsed:not(.rail--open) .usage:hover .usage__value {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
  .rail--collapsed:not(.rail--open) .usage:hover .usage__short {
    display: none;
  }
  .rail--collapsed:not(.rail--open) .usage:hover .usage__app {
    display: flex;
  }
  .rail--collapsed:not(.rail--open) .usage:hover .usage__key {
    display: block;
  }
  .rail--collapsed:not(.rail--open) .usage:hover .meter {
    width: 100%;
    margin-top: var(--space-1);
  }
}
.rail--collapsed:not(.rail--open) .meter {
  width: var(--rail-meter-collapsed);
  margin-top: 0;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .meter {
    width: var(--rail-meter-collapsed);
    margin-top: 0;
  }
}

.rail--collapsed:not(.rail--open) .rail__me {
  justify-content: center;
  padding: 0;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__me {
    justify-content: center;
    padding: 0;
  }
}

.rail--collapsed:not(.rail--open) .rail__name {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__name {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.rail--collapsed:not(.rail--open) .rail__me > .icon {
  display: none;
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .rail__me > .icon {
    display: none;
  }
}

.rail--collapsed:not(.rail--open) .menu--up {
  right: auto;
  bottom: calc((var(--account-row) - var(--avatar-size)) / 2);
  left: calc(100% + var(--space-2));
  width: var(--menu-beside);
}
@media (max-width: 62.5em) {
  .rail:not(.rail--open) .menu--up {
    right: auto;
    bottom: calc((var(--account-row) - var(--avatar-size)) / 2);
    left: calc(100% + var(--space-2));
    width: var(--menu-beside);
  }
}

.tabbar {
  display: none;
}
@media (max-width: 37.5em) {
  .tabbar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: var(--z-tabbar);
    display: block;
    padding-bottom: env(safe-area-inset-bottom);
    border-top: var(--border-width) solid var(--border);
    background: var(--surface-raised);
  }
}

@media (max-width: 37.5em) {
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .tabbar {
    display: none;
  }
}

@media (max-width: 37.5em) {
  body[data-pressing] .tabbar {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .tabbar[data-relayout] {
    display: none;
  }
}

.tabbar__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)) var(--tabbar-coach-column) repeat(2, minmax(0, 1fr));
  align-items: end;
  align-items: last baseline;
  max-width: var(--sheet-width);
  height: var(--tabbar-height);
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.tabbar__link,
.tabbar__coach {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--space-1) / 2);
  width: 100%;
  min-height: var(--tabbar-height);
  padding: var(--space-2) 0 0;
  border: 0;
  background: none;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
}

[data-tapped]:focus-visible {
  outline: none;
}

.tabbar__link:focus-visible,
.tabbar__coach:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

.tabbar__icon {
  display: grid;
  place-items: center;
  width: var(--tabbar-icon-width);
  height: var(--tabbar-icon-height);
  border-radius: var(--radius-md);
}

.tabbar__icon > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

.tabbar__link:active .tabbar__icon {
  background: var(--surface-sunken);
}

.tabbar__label {
  position: relative;
  white-space: nowrap;
}

.tabbar__link:is([aria-current=page], [aria-current=true]) {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.tabbar__link:is([aria-current=page], [aria-current=true]) .tabbar__label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.tabbar__coach {
  padding-top: calc(var(--space-2) + var(--tabbar-icon-height) + var(--space-1) / 2);
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.tabbar__disc {
  position: absolute;
  top: calc(-1 * var(--coach-lift));
  left: 50%;
  display: grid;
  place-items: center;
  width: calc(var(--coach-button) + 2 * var(--coach-notch));
  height: calc(var(--coach-button) + 2 * var(--coach-notch));
  margin-left: calc(-1 * (var(--coach-button) / 2 + var(--coach-notch)));
  border: var(--coach-notch) solid var(--surface);
  border-radius: 50%;
  background: var(--coach);
  box-shadow: inset 0 0 0 var(--coach-trim-width) var(--coach-trim), 0 var(--coach-lip-size) 0 0 var(--coach-lip), var(--coach-glow), var(--shadow-1);
  transition: background-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-turn) var(--ease);
}

.tabbar__disc > .icon {
  width: calc(var(--coach-button) - 2 * var(--coach-ring));
  height: calc(var(--coach-button) - 2 * var(--coach-ring));
}

.tabbar__coach[aria-current=page] {
  font-weight: var(--weight-bold);
}

.tabbar__coach[aria-current=page] .tabbar__disc {
  box-shadow: inset 0 0 0 var(--coach-trim-width) var(--coach-trim), 0 0 0 var(--coach-ring-current) var(--coach), 0 var(--coach-lip-size) 0 0 var(--coach-lip), var(--coach-glow), var(--shadow-1);
}

@media (hover: hover) {
  .tabbar__coach:hover .tabbar__disc {
    background: var(--coach-strong);
  }
}
.tabbar__coach:active .tabbar__disc {
  background: var(--coach-strong);
  box-shadow: inset 0 0 0 var(--coach-trim-width) var(--coach-trim), 0 var(--coach-lip-pressed) 0 0 var(--coach-lip), var(--coach-glow), var(--shadow-1);
  transform: translateY(var(--coach-sink));
  transition-duration: var(--dur-fast);
}

@keyframes coach-lip-beat {
  0%, 60%, 100% {
    opacity: 0;
  }
  15%, 45% {
    opacity: 0.85;
  }
  30% {
    opacity: 0.2;
  }
}
.tabbar__coach[data-coach-reply=ready] {
  --coach-lip: var(--coach-ready);
  --coach-lip-size: var(--coach-lip-ready);
}

.tabbar__coach[data-coach-reply=writing] .tabbar__disc::after {
  content: "";
  position: absolute;
  right: 18%;
  bottom: calc(-1 * var(--coach-lip-size) - 9px);
  left: 18%;
  height: 7px;
  border-radius: 50%;
  background: var(--coach-lip);
  filter: blur(4px);
  opacity: 0;
  animation: coach-lip-beat var(--dur-working) ease-in-out infinite;
  pointer-events: none;
}

.rail__link > .icon--brand {
  transition: box-shadow var(--dur-turn) var(--ease);
}

.rail__link[data-coach-reply] > .icon--brand {
  box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip);
}

.rail__link[data-coach-reply=ready] > .icon--brand {
  box-shadow: var(--brand-edge), 0 var(--rail-lip-ready) 0 0 var(--coach-ready);
}

.rail__link[data-coach-reply=writing] > .icon--brand {
  animation: coach-lip-pulse var(--dur-working) ease-in-out infinite;
}

@keyframes coach-lip-pulse {
  0%, 60%, 100% {
    box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip), 0 calc(var(--rail-lip-size) + 3px) 5px 0 transparent;
  }
  15%, 45% {
    box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip), 0 calc(var(--rail-lip-size) + 3px) 5px 0 var(--coach-lip);
  }
  30% {
    box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip), 0 calc(var(--rail-lip-size) + 3px) 5px 0 transparent;
  }
}

.chat-new-reply {
  padding: 0 var(--space-1);
  border-radius: var(--radius-sm);
  background: var(--warning-soft);
  color: var(--text);
  font-weight: var(--weight-medium);
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion=full]) .tabbar__coach[data-coach-reply=writing] .tabbar__disc::after {
    animation: none;
    opacity: 0.6;
  }
  :root:not([data-motion=full]) .rail__link[data-coach-reply=writing] > .icon--brand {
    animation: none;
    box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip), 0 calc(var(--rail-lip-size) + 3px) 5px 0 var(--coach-lip);
  }
  :root:not([data-motion=full]) .tabbar__disc,
  :root:not([data-motion=full]) .rail__link > .icon--brand {
    transition: none;
  }
}
:root[data-motion=reduced] .tabbar__coach[data-coach-reply=writing] .tabbar__disc::after {
  animation: none;
  opacity: 0.6;
}

:root[data-motion=reduced] .rail__link[data-coach-reply=writing] > .icon--brand {
  animation: none;
  box-shadow: var(--brand-edge), 0 var(--rail-lip-size) 0 0 var(--coach-lip), 0 calc(var(--rail-lip-size) + 3px) 5px 0 var(--coach-lip);
}

:root[data-motion=reduced] .tabbar__disc,
:root[data-motion=reduced] .rail__link > .icon--brand {
  transition: none;
}

.more-sheet {
  width: 100%;
  max-width: min(100%, var(--sheet-width));
  max-height: calc(100% - var(--space-6));
  margin: auto auto 0;
  padding: var(--space-2) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
  border: 0;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  overflow-y: auto;
}

.more-sheet[open] {
  animation: sheet-rise var(--dur) var(--ease);
}

.more-sheet::backdrop {
  background: var(--scrim);
}

.more-sheet[open]::backdrop {
  animation: scrim-in var(--dur) var(--ease);
}

.more-sheet[open][data-risen],
.more-sheet[open][data-risen]::backdrop {
  animation: none;
}

@keyframes sheet-rise {
  from {
    transform: translateY(100%);
  }
}
@keyframes scrim-in {
  from {
    opacity: 0;
  }
}

.more-sheet > .dialog__grabber {
  margin-bottom: var(--space-2);
}

.more-sheet__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-1);
}

.more-sheet__head > form {
  margin: 0 calc(-1 * var(--space-2)) 0 0;
}

.more-sheet__title {
  margin: 0;
  font-size: var(--text-xl);
}

.more-sheet__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.more-sheet__list > li {
  position: relative;
}

.more-sheet__list > li + li::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: calc(var(--sheet-slot) + var(--space-3));
  border-top: var(--border-width) solid var(--border);
}

.more-sheet__link {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: var(--account-row);
  padding: var(--space-2) 0;
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  color: var(--text);
  font: inherit;
  line-height: var(--leading-tight);
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.more-sheet__link > .icon {
  margin-right: var(--space-1);
  color: var(--text-muted);
}

@media (hover: hover) {
  .more-sheet__link:hover {
    background: var(--surface-sunken);
  }
}
.more-sheet__link:active {
  background: var(--surface-sunken);
}

.more-sheet__slot {
  display: grid;
  flex: none;
  place-items: center;
  width: var(--sheet-slot);
}

.more-sheet__slot > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
  color: var(--text-muted);
}

.more-sheet__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
  min-width: 0;
}

.more-sheet__label {
  position: relative;
  align-self: flex-start;
}

.more-sheet__link[aria-current=page] .more-sheet__label {
  font-weight: var(--weight-bold);
}

.more-sheet__link[aria-current=page] .more-sheet__label::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.more-sheet__value {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.more-sheet__value .usage__period {
  display: inline;
}

.more-sheet__value + .meter {
  margin-top: var(--space-1);
}

.more-sheet__body .usage__app {
  margin-top: var(--space-2);
  font-size: var(--text-sm);
}

.more-sheet__body .usage__app-can {
  font-size: var(--text-xs);
}

.more-sheet__body .usage__app-meter {
  margin-top: var(--space-1);
}

.more-sheet__body .usage__key {
  display: block;
  font-size: var(--text-sm);
}

.more-sheet__person {
  min-height: calc(var(--account-row) + var(--space-2));
}

.more-sheet__list--out {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
}

.more-sheet__who {
  gap: 0;
}

.more-sheet__who strong {
  position: relative;
  align-self: flex-start;
  font-weight: var(--weight-bold);
}

.more-sheet__link[aria-current=page] .more-sheet__who strong::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -5px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.more-sheet__email {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.more-sheet__form {
  margin: 0;
}

@media print {
  .rail,
  .tabbar {
    display: none;
  }
}

.bell-form {
  margin: 0;
}

.bell {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: var(--touch-min);
  height: var(--touch-min);
  padding: 0;
  border: 0;
  border-radius: var(--radius-md);
  background: none;
  color: var(--text);
  cursor: pointer;
  touch-action: manipulation;
}

.bell > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

@media (hover: hover) {
  .bell:hover {
    background: var(--surface-sunken);
  }
}
.bell:active {
  background: var(--surface-sunken);
}

.bell[aria-expanded=true],
.bell[aria-current=page] {
  background: var(--surface-sunken);
}

.bell[aria-expanded=true] {
  anchor-name: --notif-bell;
}

.bell__dot {
  position: absolute;
  top: var(--space-2);
  right: var(--space-2);
  width: var(--info-dot);
  height: var(--info-dot);
  border-radius: 50%;
  background: var(--mark);
  box-shadow: 0 0 0 var(--rail-badge-ring) var(--surface);
}

.bell[data-ringing] > .icon {
  transform-origin: 50% 20%;
  animation: bell-swing var(--dur-swing) var(--ease);
}

.bell[data-ringing] > .bell__dot {
  animation: bell-dot-in var(--dur) var(--ease);
}

@keyframes bell-swing {
  0%, 100% {
    transform: rotate(0deg);
  }
  15% {
    transform: rotate(var(--bell-swing));
  }
  35% {
    transform: rotate(calc(-0.7 * var(--bell-swing)));
  }
  55% {
    transform: rotate(calc(0.4 * var(--bell-swing)));
  }
  75% {
    transform: rotate(calc(-0.2 * var(--bell-swing)));
  }
  90% {
    transform: rotate(calc(0.08 * var(--bell-swing)));
  }
}
@keyframes bell-dot-in {
  from {
    transform: scale(0);
  }
}

.notif-panel {
  width: 100%;
  max-width: var(--coach-panel-width);
  height: 100dvh;
  max-height: none;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  border-left: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width: 37.5em) {
  .notif-panel {
    max-width: min(100%, var(--sheet-width));
    height: auto;
    max-height: calc(100% - var(--space-6));
    margin: auto auto 0;
    padding: var(--space-2) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
    border-left: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  }
}

.notif-panel[open] {
  animation: panel-in var(--dur) var(--ease);
}
@media (max-width: 37.5em) {
  .notif-panel[open] {
    animation-name: sheet-rise;
  }
}

@keyframes panel-in {
  from {
    transform: translateX(100%);
  }
}
.notif-panel::backdrop {
  background: transparent;
}
@media (max-width: 37.5em) {
  .notif-panel::backdrop {
    background: var(--scrim);
  }
}

.notif-panel[open]::backdrop {
  animation: scrim-in var(--dur) var(--ease);
}

.notif-panel[open][data-risen],
.notif-panel[open][data-risen]::backdrop {
  animation: none;
}

.notif-panel > .dialog__grabber {
  display: none;
}
@media (max-width: 37.5em) {
  .notif-panel > .dialog__grabber {
    display: block;
    margin-bottom: var(--space-2);
  }
}

.notif-panel[data-hang] {
  position-anchor: --notif-bell;
  position-area: block-end span-inline-start;
  justify-self: end;
  align-self: start;
  width: var(--notif-drop-width);
  max-width: none;
  height: auto;
  max-height: calc(100% - var(--space-1) - var(--space-2));
  margin: var(--space-1) 0 0;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}

.notif-panel[data-hang=narrow] {
  width: var(--coach-panel-width);
}

.notif-panel[data-hang][open]:not([data-risen]) {
  animation-name: drop-in;
}

@keyframes drop-in {
  from {
    opacity: 0;
    transform: translateY(calc(-1 * var(--space-2)));
  }
}

.notif-panel__head {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--coach-panel-head);
  padding: 0 var(--space-2) 0 var(--space-5);
  border-bottom: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .notif-panel__head {
    min-height: var(--touch-min);
    margin-bottom: var(--space-1);
    padding: 0;
    border-bottom: 0;
  }
}

.notif-panel__title {
  min-width: 0;
  margin: 0 auto 0 0;
  font-size: var(--text-xl);
}
@media (max-width: 37.5em) {
  .notif-panel__title {
    font-size: var(--text-lg);
  }
}

.notif-panel[data-hang] .notif-panel__head {
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-2) var(--space-2) var(--space-5);
}

.notif-panel[data-hang] .notif-panel__title {
  font-size: var(--text-lg);
}

.notif-panel__form {
  margin: 0;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion=full]) .notif-panel__refresh[data-working] > .icon {
    opacity: var(--working-fade);
  }
}
:root[data-motion=reduced] .notif-panel__refresh[data-working] > .icon {
  opacity: var(--working-fade);
}

.notif-panel__checked {
  max-width: none;
  margin: 0;
  padding: var(--space-2) var(--space-5) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .notif-panel__checked {
    padding: 0 0 var(--space-1);
  }
}

.notif-panel__checked:empty {
  padding: 0;
}

.notif-panel__body {
  padding: var(--space-1) var(--space-5) var(--space-5);
}
@media (max-width: 37.5em) {
  .notif-panel__body {
    padding: 0;
  }
}

.notif-group {
  padding-top: var(--space-3);
}

.notif-group__heading {
  margin: 0;
  font-family: var(--font-sans);
}

.notif-group__count {
  font-weight: var(--weight-medium);
}

.notif-group__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.notif-group__more {
  margin-top: var(--space-1);
}

.notif-quiet {
  max-width: none;
  margin: 0;
  padding-top: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.notif {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr);
  gap: 0 var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.notif__icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc(var(--space-1) / 2);
  color: var(--text-muted);
}

.notif__words {
  min-width: 0;
}

.notif__text {
  max-width: none;
  margin: 0;
  overflow-wrap: anywhere;
}

.notif__text > b {
  font-weight: var(--weight-bold);
}

.notif__when {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
}

.notif__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  grid-column: 2;
  min-width: 0;
  margin-top: var(--space-2);
}

.notif__acts:has(> .button--quiet:first-child, > .step-ask:first-child) {
  margin-left: calc(-1 * var(--space-3));
}

.notif__form {
  margin: 0;
}

.notif__acts .button {
  font-size: var(--text-sm);
}

.notif__settled {
  grid-column: 2;
  max-width: none;
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
}

.notif--warning .notif__icon,
.notif--warning .notif__text > b {
  color: var(--warning);
}

@media (max-width: 37.5em) {
  .notif__acts--stack {
    flex-direction: column;
    align-items: stretch;
  }
}

.notif-empty {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-6) var(--space-1);
}

.notif-empty__icon {
  display: grid;
  place-items: center;
  width: var(--empty-icon);
  height: var(--empty-icon);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text-muted);
}

.notif-empty__title {
  margin: var(--space-2) 0 0;
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.notif-empty__text {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.notif-page {
  max-width: var(--coach-panel-width);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}
@media (max-width: 37.5em) {
  .notif-page {
    max-width: none;
    border: 0;
    border-radius: 0;
    background: none;
  }
}

@media print {
  .bell-form,
  .notif-panel {
    display: none;
  }
}

.notif__list {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-4);
  font-size: var(--text-sm);
  color: var(--text-muted);
}

.table-wrap {
  max-width: 100%;
  overflow-x: auto;
  margin-bottom: var(--space-5);
}

.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: var(--text-sm);
}

.table th,
.table td {
  overflow-wrap: normal;
  white-space: nowrap;
  padding: var(--space-3);
  text-align: left;
  vertical-align: middle;
}

.table th {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  vertical-align: bottom;
}

.table tbody tr:nth-child(even) > td {
  background: var(--surface-sunken);
}

.table tbody tr:nth-child(even) > td:first-child {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.table tbody tr:nth-child(even) > td:last-child {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.table__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  min-width: var(--touch-min);
  color: var(--text);
  text-decoration-line: none;
}

@media (hover: hover) {
  .table__link:hover {
    text-decoration-line: underline;
  }
}
.table__link:active {
  text-decoration-line: underline;
}

@media (max-width: 37.5em) {
  .table--stack,
  .table--stack tbody,
  .table--stack tr,
  .table--stack td {
    display: block;
  }
  .table--stack thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .table--stack tr {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
  }
  .table--stack tbody tr:nth-child(even) {
    background: var(--surface-sunken);
  }
  .table--stack tbody tr:nth-child(even) > td {
    background: transparent;
  }
  .table--stack td {
    display: grid;
    grid-template-columns: var(--cell-label) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
    padding: 0;
    border-bottom: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .table--stack td::before {
    content: attr(data-label);
    content: attr(data-label)/"";
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .table--stack td:empty::after {
    content: "-";
    content: "-"/"";
    color: var(--text-muted);
  }
}

.hairline-list {
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}
.hairline-list > li {
  margin: 0;
}
.hairline-list > li + li {
  border-top: var(--border-width) solid var(--border);
}

.hairline-list__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: var(--space-2) 0;
}
.hairline-list__row > .link-target {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}
.hairline-list__row > .muted {
  font-size: var(--text-sm);
}

@media (hover: hover) {
  .hairline-list__row > .link-target:hover {
    text-decoration-line: underline;
  }
}
.hairline-list__row > .link-target:active {
  text-decoration-line: underline;
}

.facts {
  display: grid;
  grid-template-columns: fit-content(40%) minmax(0, 1fr);
  max-width: var(--field-width);
  margin: 0 0 var(--space-4);
}

.facts__row {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: fit-content(40%) minmax(0, 1fr);
  grid-template-columns: subgrid;
  align-items: baseline;
  gap: var(--space-4);
  padding: var(--space-3) 0;
}

.facts__row + .facts__row {
  border-top: var(--border-width) solid var(--border);
}

.facts dt {
  min-width: var(--facts-label);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  overflow-wrap: break-word;
  text-transform: uppercase;
}

.facts dt code {
  font-size: inherit;
  letter-spacing: 0;
  text-transform: none;
}

.facts dd {
  min-width: 0;
  margin: 0;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.empty-state {
  display: grid;
  grid-template-columns: var(--empty-icon) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-5);
  max-width: var(--empty-width);
  margin: 0 0 var(--space-6);
  padding: var(--space-6);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}
@media (max-width: 37.5em) {
  .empty-state {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-4);
    padding: var(--space-5) var(--space-4);
  }
}

.empty-state__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--empty-icon);
  height: var(--empty-icon);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text);
}
.empty-state__icon > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
}

.empty-state__title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-xl);
}

.empty-state__text {
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
}

@media (max-width: 37.5em) {
  .empty-state__body > .button {
    width: 100%;
  }
}

.empty-state__body > .form > .form__actions {
  margin-bottom: 0;
}

.margin-note {
  --_note: var(--text-muted);
  margin-bottom: var(--space-5);
}
.margin-note > :where(p) {
  margin: 0;
}

.margin-note--gaps {
  --_note: var(--danger);
}

.margin-note--strengths {
  --_note: var(--success);
}

.margin-note__head {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-2);
  border-left: var(--note-rule) solid var(--_note);
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .margin-note__head {
    font-size: var(--text-lg);
  }
}

.margin-note__text {
  max-width: none;
  margin: 0 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.margin-note__text--intro {
  display: none;
}
@media (max-width: 37.5em) {
  .margin-note__text--intro {
    display: block;
  }
}

.margin-note__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .margin-note__list {
    font-size: var(--text-base);
  }
}
.margin-note__list > li {
  position: relative;
  padding-left: var(--space-4);
}
.margin-note__list > li + li {
  margin-top: var(--space-1);
}
.margin-note__list > li::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0;
  width: var(--chat-dash);
  height: var(--rule-width);
  background: var(--_note);
}

.margin-note__where {
  color: var(--text-muted);
}

.margin-note--why .margin-note__list {
  font-family: var(--font-voice);
  font-size: var(--text-base);
}
@media (max-width: 37.5em) {
  .margin-note--why .margin-note__list {
    font-size: var(--text-md);
  }
}

a.hairline-list__row {
  flex-direction: row;
  align-items: center;
  gap: var(--space-4);
  min-height: var(--touch-min);
  padding: var(--space-4) 0;
  color: var(--text-muted);
  text-decoration: none;
}
@media (max-width: 37.5em) {
  a.hairline-list__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2) var(--space-3);
    align-items: start;
  }
  a.hairline-list__row > :not(.hairline-list__body, .hairline-list__go) {
    grid-row: 2;
    grid-column: 1;
  }
}

.hairline-list__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.hairline-list__title {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.hairline-list__meta {
  font-size: var(--text-sm);
}

.hairline-list__go {
  flex: none;
}
@media (max-width: 37.5em) {
  .hairline-list__go {
    grid-row: 1;
    grid-column: 2;
    margin-top: var(--space-1);
  }
}

@media (hover: hover) {
  a.hairline-list__row:hover .hairline-list__title {
    text-decoration-line: underline;
  }
}
a.hairline-list__row:active .hairline-list__title {
  text-decoration-line: underline;
}

.day-tile {
  display: flex;
  flex: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--day-tile);
  height: var(--day-tile);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  color: var(--text);
}

.day-tile__day {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

article.next-up {
  container: next-up/inline-size;
  display: grid;
  grid-template-columns: var(--day-tile) minmax(0, 1fr) auto;
  gap: var(--space-3) var(--space-4);
  align-items: start;
  margin: 0;
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
article.next-up > .next-up__steps {
  margin: 0;
}
article.next-up > .next-up__actions {
  grid-column: 2/-1;
}
@media (max-width: 37.5em) {
  article.next-up {
    grid-template-columns: var(--day-tile) minmax(0, 1fr);
    gap: var(--space-4) var(--space-3);
    padding: var(--space-3);
  }
  article.next-up > .next-up__steps {
    display: none;
  }
  article.next-up > .next-up__actions {
    grid-column: 1/-1;
  }
}

.next-up__body {
  min-width: 0;
}

@container next-up (max-width: 30rem) {
  article.next-up > :is(.next-up__body, .next-up__steps) {
    grid-column: 2/-1;
  }
  article.next-up > .next-up__actions {
    grid-column: 1/-1;
  }
  article.next-up > .next-up__actions > :first-child {
    flex-basis: 100%;
  }
  article.next-up > .next-up__actions > :not(:first-child) {
    flex: 1 1 auto;
  }
}
.next-up__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--text-muted);
}
.next-up__kicker > .info-dot {
  margin: 0;
}

.next-up__title {
  margin: 0;
  font-size: var(--text-xl);
}

.next-up__link {
  position: relative;
  display: inline-block;
  max-width: 100%;
  color: var(--text);
  overflow-wrap: anywhere;
  text-decoration-line: none;
}

.next-up__link::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

@media (hover: hover) {
  .next-up__link:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.next-up__link:active {
  text-decoration-line: underline;
}

.next-up__when {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.next-up__when > strong {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.next-up__start {
  display: none;
}

@media (max-width: 37.5em) {
  .next-up__when > .next-up__span:not(:last-child) {
    display: none;
  }
  .next-up__when > .next-up__start {
    display: inline;
  }
}

article.next-up--app {
  row-gap: 0;
}
article.next-up--app > .next-up__when {
  grid-column: 2/-1;
}
article.next-up--app > .next-up__steps {
  grid-row: 1;
  grid-column: 3;
}
article.next-up--app > .next-up__actions {
  margin-top: var(--space-3);
}
@media (max-width: 37.5em) {
  article.next-up--app > .next-up__actions {
    margin-top: var(--space-4);
  }
}
article.next-up--app > .next-up__actions .button {
  padding-inline: var(--space-3);
}

@container next-up (max-width: 30rem) {
  article.next-up > .next-up__steps--app {
    grid-row: auto;
    grid-column: 2/-1;
    margin-top: var(--space-3);
  }
}

article.next-up--step {
  scroll-margin-top: var(--space-5);
}
@media (max-width: 37.5em) {
  article.next-up--step > .next-up__steps {
    display: block;
    grid-column: 1/-1;
  }
}
@media (max-width: 37.5em) {
  article.next-up--step .next-up__talk-mac {
    display: none;
  }
}

.next-up__why {
  margin-top: var(--space-1);
  overflow-wrap: anywhere;
}

.next-up__ask--both > .button--coach {
  display: none;
}
@media (max-width: 37.5em) {
  .next-up__ask--both > .button--coach {
    display: inline-flex;
  }
}

@media (max-width: 37.5em) {
  .next-up__talk-mac,
  .next-up__prepare {
    display: none;
  }
}

.next-up__prepare {
  white-space: nowrap;
}

.timeline {
  margin: 0;
  padding: 0;
  list-style: none;
}

.timeline__item {
  position: relative;
  display: grid;
  grid-template-columns: var(--timeline-date) var(--timeline-mark) minmax(0, 1fr);
  align-items: start;
  column-gap: var(--space-3);
  padding-bottom: var(--space-5);
}

.timeline__item:last-child {
  padding-bottom: 0;
}

.timeline__item:not(:last-child)::before {
  content: "";
  position: absolute;
  top: calc(var(--timeline-mark) / 2);
  bottom: calc(var(--timeline-mark) / -2);
  left: calc(var(--timeline-date) + var(--space-3) + (var(--timeline-mark) - var(--timeline-line)) / 2);
  border-left: var(--timeline-line) solid var(--border-control);
}

.timeline__item--dashed:not(:last-child)::before {
  border-left-style: dashed;
}

.timeline__date {
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--timeline-mark);
  text-align: end;
  white-space: nowrap;
}

.timeline__item--next > .timeline__date {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.timeline__mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--timeline-mark);
  height: var(--timeline-mark);
  border-radius: 50%;
  color: var(--text-muted);
}

.timeline__mark:is(.timeline__mark--dot, .timeline__mark--ring, .timeline__mark--plain)::before {
  content: "";
  width: var(--timeline-dot);
  height: var(--timeline-dot);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}

.timeline__mark.timeline__mark--ring::before {
  background: var(--surface);
  box-shadow: inset 0 0 0 var(--status-ring) var(--_status-mark, var(--text-muted));
}

.timeline__mark.timeline__mark--plain::before {
  background: var(--text-muted);
}

.timeline__mark--disc {
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
}

.timeline__mark--next {
  background: var(--surface);
  color: var(--text);
  box-shadow: inset 0 0 0 var(--button-edge) var(--text);
}

.timeline__body {
  min-width: 0;
}

.timeline__what {
  margin: 0;
  line-height: var(--timeline-mark);
  overflow-wrap: break-word;
}

.timeline__tag {
  display: inline-block;
  margin-left: var(--space-2);
  padding: 0 var(--space-2);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text);
  vertical-align: text-bottom;
}

.timeline__note {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.timeline__step {
  max-width: none;
  margin: var(--space-2) 0 0;
  font-size: var(--text-sm);
}

.timeline__followed {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}

.timeline__fold {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}
.timeline__fold > summary {
  list-style: none;
}
.timeline__fold > summary::-webkit-details-marker {
  display: none;
}

.timeline__fold-chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.timeline__fold[open] .timeline__fold-chevron {
  transform: rotate(180deg);
}

.timeline__moves {
  container: timeline-moves/inline-size;
  display: grid;
  grid-template-columns: auto minmax(0, max-content) auto;
  justify-content: start;
  gap: var(--space-1) var(--space-3);
  margin: var(--space-1) 0 0 var(--space-3);
  padding: 0;
  font-size: var(--text-sm);
  list-style: none;
}

.timeline__move {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: subgrid;
  align-items: center;
}

.timeline__move-remove {
  font-size: inherit;
}

.timeline__move-time {
  color: var(--text-muted);
  white-space: nowrap;
}

.timeline__move-what {
  min-width: 0;
  overflow-wrap: normal;
}

@container timeline-moves (max-width: 15rem) {
  .timeline__move {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .timeline__move-remove {
    grid-row: 1/span 2;
    grid-column: 2;
  }
}
@container timeline-moves (max-width: 9rem) {
  .timeline__move {
    grid-template-columns: minmax(0, 1fr);
  }
  .timeline__move-remove {
    grid-row: auto;
    grid-column: 1;
    justify-self: start;
  }
}

.timeline__item--menu {
  grid-template-columns: var(--timeline-date) var(--timeline-mark) minmax(0, 1fr) auto;
}

.timeline__item > .timeline__menu {
  margin-block: calc((var(--timeline-mark) - var(--touch-min)) / 2);
}

@media (max-width: 37.5em) {
  .timeline__item--menu > .timeline__body {
    grid-row: 1;
    grid-column: 3/-1;
  }
}
@container record-page (max-width: 52rem) {
  .timeline__item--menu > .timeline__body {
    grid-row: 1;
    grid-column: 3/-1;
  }
}

@media (max-width: 37.5em) {
  .timeline__item--menu > .timeline__menu {
    grid-row: 1;
    grid-column: 4;
  }
}
@container record-page (max-width: 52rem) {
  .timeline__item--menu > .timeline__menu {
    grid-row: 1;
    grid-column: 4;
  }
}

@media (max-width: 37.5em) {
  .timeline__item--menu .timeline__what {
    padding-right: var(--touch-min);
  }
}
@container record-page (max-width: 52rem) {
  .timeline__item--menu .timeline__what {
    padding-right: var(--touch-min);
  }
}

.timeline__menu .menu__label {
  white-space: nowrap;
}

.next-up__go {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: var(--touch-min);
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: start;
  text-decoration-line: none;
  cursor: pointer;
}
.next-up__go > .icon {
  flex: none;
  color: var(--success);
}

.next-up__go-words {
  min-width: 0;
  overflow-wrap: break-word;
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

@media (hover: hover) {
  .next-up__go:hover > .next-up__go-words {
    text-decoration-thickness: var(--underline-width-hover);
  }
}
.next-up__go:active > .next-up__go-words {
  text-decoration-thickness: var(--underline-width-hover);
}

.next-up__todo.next-up__todo--none {
  box-shadow: none;
}

.next-up__optional {
  color: var(--text-muted);
}

.timeline__undo {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}

.timeline__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-1);
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}

.timeline__hint {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.timeline__copy {
  margin: var(--space-2) 0 var(--space-1);
}

.timeline__copy-remove {
  display: contents;
}

@media (max-width: 37.5em) {
  .list-top__new,
  .list-top__new + .page__rule {
    display: none;
  }
}

@container page-top (max-width: 50rem) {
  .list-top > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 57rem) {
  .list-top:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
.list-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "filter";
  margin-bottom: var(--space-4);
}

.list-head__new {
  display: none;
}

.list-filter {
  grid-area: filter;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-1) 0;
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}
.list-filter > .status-tally {
  flex: 1 1 var(--field-min);
}

.list-filter__status {
  position: relative;
  flex: none;
}
.list-filter__status > .status-menu {
  position: absolute;
  top: calc(100% + var(--space-1));
  right: 0;
  z-index: var(--z-menu);
}

.list-filter__menu {
  list-style: none;
}
.list-filter__menu::-webkit-details-marker {
  display: none;
}
.list-filter__menu > .icon {
  transition: transform var(--dur-turn) var(--ease);
}

.list-filter__status[open] > .list-filter__menu > .icon {
  transform: rotate(180deg);
}

.list-filter__search {
  position: relative;
  flex: none;
  margin: 0;
}
.list-filter__search > .input {
  width: var(--touch-min);
  padding: 0 0 0 calc(var(--space-3) + var(--icon-md) + var(--space-2));
  -webkit-appearance: none;
  appearance: none;
  transition: width var(--dur) var(--ease), border-color var(--dur-fast) var(--ease);
}
.list-filter__search > .icon {
  position: absolute;
  top: 50%;
  left: var(--space-3);
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text);
  transform: translateY(-50%);
  pointer-events: none;
}

.list-filter__search:focus-within > .input,
.list-filter__search > .input:not(:placeholder-shown) {
  width: var(--list-search-width);
  padding-right: var(--space-3);
}

.list-filter__search:not(:focus-within) > .input:placeholder-shown::placeholder {
  color: transparent;
}

.table-wrap.table--applications {
  overflow: visible;
}

.table--applications .status-control {
  min-width: var(--app-status-min);
}

.table--applications > .table {
  margin: calc(-1 * var(--space-2)) 0;
  border-spacing: 0 var(--space-2);
}
.table--applications thead th:nth-child(1) {
  width: calc(100% - var(--app-col-status) - var(--app-col-next) - var(--app-col-added));
}
.table--applications thead th:nth-child(2) {
  width: var(--app-col-status);
}
.table--applications thead th:nth-child(3) {
  width: var(--app-col-next);
}
.table--applications thead th:nth-child(4) {
  width: var(--app-col-added);
}
.table--applications th,
.table--applications td {
  padding-right: var(--space-4);
  padding-left: var(--space-4);
}
.table--applications :is(th, td):last-child {
  text-align: right;
}

.table--applications .table tbody tr {
  box-shadow: var(--shadow-1);
}

.table--applications .table tbody tr.table__group {
  box-shadow: none;
}

.table--applications .table__group > th {
  padding-top: var(--space-3);
  padding-bottom: 0;
  border-bottom: 0;
  text-align: left;
}

.table__group .group-heading__count {
  margin-left: var(--space-1);
}

.table--applications .status-saved {
  margin-top: var(--space-1);
}

.next-step {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.next-step > .icon {
  flex: none;
  align-self: center;
  color: var(--text-muted);
}

.next-step--soon {
  color: var(--text);
}
.next-step--soon time {
  font-weight: var(--weight-bold);
}

.step-cell {
  display: grid;
  justify-items: start;
  gap: var(--space-1);
  min-width: 0;
}

.step-cell__done,
.app-row__done {
  justify-self: start;
  max-width: 100%;
  margin-left: calc(-1 * var(--space-2));
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
  text-align: left;
}

.step-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  max-width: 100%;
  color: var(--accent);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}
.step-link > .icon {
  flex: none;
}
.step-link::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

.step-link__words {
  min-width: 0;
  overflow-wrap: anywhere;
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.step-link__go {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
}

@media (hover: hover) {
  .step-link:hover {
    color: var(--accent-strong);
  }
  .step-link:hover > .step-link__words {
    text-decoration-thickness: var(--underline-width-hover);
  }
}
.step-link:active {
  color: var(--accent-strong);
}
.step-link:active > .step-link__words {
  text-decoration-thickness: var(--underline-width-hover);
}

.card-step {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin: var(--space-2) calc(-1 * var(--space-4)) calc(-1 * var(--space-3));
  padding: var(--space-1) var(--space-4);
  border-top: var(--border-width) solid var(--border);
  color: var(--accent);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}
.card-step > .icon {
  flex: none;
}

.card-step__words {
  min-width: 0;
  overflow-wrap: anywhere;
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.card-step__go {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-left: auto;
  color: var(--text-muted);
}

@media (hover: hover) {
  .card-step:hover {
    color: var(--accent-strong);
  }
  .card-step:hover > .card-step__words {
    text-decoration-thickness: var(--underline-width-hover);
  }
}
.card-step:active {
  color: var(--accent-strong);
}
.card-step:active > .card-step__words {
  text-decoration-thickness: var(--underline-width-hover);
}

.follow-up-saved {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-2);
  max-width: none;
  margin: calc(-1 * var(--space-2)) 0 var(--space-3);
  color: var(--text);
  font-size: var(--text-sm);
}
.follow-up-saved > .icon {
  margin-top: calc((1lh - var(--icon-sm)) / 2);
  color: var(--success);
}

.follow-up-saved__words > strong {
  font-weight: var(--weight-bold);
}

.follow-up-saved__change {
  margin-block: calc((1lh - var(--touch-min)) / 2);
  padding-inline: var(--space-2);
  color: var(--accent);
  font-size: var(--text-sm);
  vertical-align: baseline;
}

.follow-up-saved__undo {
  display: inline;
}

.table__sort {
  position: relative;
  display: inline-block;
}
.table__sort > .status-menu {
  position: absolute;
  top: calc(100% + var(--space-1));
  left: 0;
  z-index: var(--z-menu);
  letter-spacing: normal;
  line-height: var(--leading);
  text-transform: none;
  white-space: normal;
}

.table__sort-button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--touch-min);
  margin: calc((1lh - var(--touch-min)) / 2) 0 calc((1lh - var(--touch-min)) / 2) calc(-1 * var(--space-1));
  padding: 0 var(--space-1);
  border-radius: var(--radius-md);
  list-style: none;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.table__sort-button::-webkit-details-marker {
  display: none;
}
.table__sort-button > .icon {
  transition: transform var(--dur-turn) var(--ease);
}

.table__sort-by {
  font-weight: var(--weight-normal);
}

@media (hover: hover) {
  .table__sort-button:hover {
    background: var(--surface-sunken);
    color: var(--text);
  }
}
.table__sort-button:active {
  background: var(--surface-sunken);
  color: var(--text);
}

.table__sort[open] > .table__sort-button > .icon {
  transform: rotate(180deg);
}

.table--applications .table tbody tr > td {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  white-space: normal;
}

.table--applications .table tbody tr > td:first-child {
  position: relative;
  border-left: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.table--applications .table tbody tr > td:last-child {
  border-right: var(--border-width) solid var(--border);
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  white-space: nowrap;
}

.table--applications .table__title {
  min-height: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}
.table--applications .table__title::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: var(--radius-lg) 0 0 var(--radius-lg);
}

.table--applications .table__sub {
  display: block;
  color: var(--text-muted);
}

.table--applications :is(.table__title, .table__sub) {
  overflow-wrap: anywhere;
}

.app-company {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.app-row__head .app-company {
  position: relative;
  flex: 1 1 0;
  min-width: auto;
  max-width: 100%;
}

.app-company > .app-row__link {
  position: static;
}

@media (hover: hover) {
  .table--applications tbody tr:has(.table__link:hover) > td {
    border-color: var(--border-control);
  }
}
.table--applications tbody tr:has(.table__link:active) > td {
  border-color: var(--border-control);
  background: var(--surface-sunken);
}

.app-lists {
  display: none;
}

.page:has(> .list-top) {
  container: applications-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .list-top) {
    container-type: normal;
  }
}

@container applications-page (max-width: 44rem) {
  .table--applications {
    display: none;
  }
  .app-lists {
    display: block;
  }
  .list-top {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "title end" "lead lead";
  }
  .list-top__new {
    padding: 0;
  }
  .list-top__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .list-filter {
    justify-content: flex-start;
    min-width: 0;
  }
  .list-filter > .status-tally {
    flex-basis: 100%;
  }
  .list-filter__status {
    flex: 0 1 auto;
    min-width: 0;
  }
  .list-filter__status > .status-menu {
    right: auto;
    left: 0;
  }
  .list-filter__search {
    flex: 1 1 var(--field-narrow);
  }
  .list-filter__search > .input {
    width: 100%;
    padding-right: var(--space-3);
  }
  .list-filter__search:focus-within > .input,
  .list-filter__search > .input:not(:placeholder-shown) {
    width: 100%;
    padding-right: var(--space-3);
  }
  .list-filter__search:not(:focus-within) > .input:placeholder-shown::placeholder {
    color: var(--text-muted);
  }
  .app-row .status-menu--control {
    right: 0;
    left: auto;
  }
}
.app-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}

.app-row {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  color: var(--text);
  transition: border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);
}

.app-row__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-1) var(--space-2);
}

.app-row__title {
  min-width: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.app-row__link {
  position: relative;
  color: var(--text);
  text-decoration-line: none;
}
.app-row__link::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

.app-row__sub {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.app-row__next {
  font-weight: var(--weight-medium);
}

@media (hover: hover) {
  .app-row:has(.app-row__link:hover) {
    border-color: var(--border-control);
  }
  .app-row__link:hover {
    text-decoration-line: underline;
  }
}
.app-row:has(.app-row__link:active) {
  border-color: var(--border-control);
  background: var(--surface-sunken);
}

.app-row__link:active {
  text-decoration-line: underline;
}

.group-heading {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: var(--space-5) 0 var(--space-2);
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.group-heading__count {
  font-weight: var(--weight-normal);
}

.closed-fold {
  margin: var(--space-2) 0 var(--space-5);
}

.closed-fold__row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0 var(--space-2) 0 var(--space-4);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-lg);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  list-style: none;
  cursor: pointer;
}
.closed-fold__row::-webkit-details-marker {
  display: none;
}
.closed-fold__row > .icon {
  color: var(--accent);
  transition: transform var(--dur-turn) var(--ease);
}

.closed-fold__show,
.closed-fold__hide {
  margin-left: auto;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-md);
  color: var(--accent);
  font-size: var(--text-sm);
  letter-spacing: normal;
  text-transform: none;
  transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}

@media (hover: hover) {
  .closed-fold__row:hover > :is(.closed-fold__show, .closed-fold__hide) {
    background: var(--accent-soft);
    color: var(--accent-strong);
  }
}
.closed-fold__row:active > :is(.closed-fold__show, .closed-fold__hide) {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.closed-fold[open] > .closed-fold__row {
  margin-bottom: var(--space-3);
}
.closed-fold[open] > .closed-fold__row > .icon {
  transform: rotate(180deg);
}

.closed-fold[open] .closed-fold__show,
.closed-fold:not([open]) .closed-fold__hide {
  display: none;
}

@media (max-width: 37.5em) {
  .list-head {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "search new" "tally tally";
    gap: var(--space-3) var(--space-2);
  }
  .list-head__lead {
    display: none;
  }
  .list-head__new {
    display: inline-flex;
    grid-area: new;
    padding: 0;
  }
  .list-head__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .list-filter {
    display: contents;
  }
  .list-filter__status {
    display: none;
  }
  .list-filter__search {
    grid-area: search;
  }
  .list-filter__search > .input {
    width: 100%;
    padding: 0 var(--space-4) 0 calc(var(--space-4) + var(--icon-md) + var(--space-2));
  }
  .list-filter__search > .icon {
    left: var(--space-4);
  }
  .list-filter__search:focus-within > .input,
  .list-filter__search > .input:not(:placeholder-shown) {
    width: 100%;
    padding-right: var(--space-4);
  }
  .list-filter__search:not(:focus-within) > .input:placeholder-shown::placeholder {
    color: var(--text-muted);
  }
  .list-head .status-tally {
    grid-area: tally;
  }
  .table--applications {
    display: none;
  }
  .app-lists {
    display: block;
  }
  .app-lists > .group-heading:first-child {
    margin-top: var(--space-2);
  }
}
.list-filter__covers {
  max-width: none;
  margin: calc(-1 * var(--space-2)) 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.list-filter__covers > strong {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.record-menu {
  position: relative;
}
.record-menu > summary {
  list-style: none;
}
.record-menu > summary::-webkit-details-marker {
  display: none;
}
.record-menu > .menu {
  top: calc(100% + var(--space-1));
  right: 0;
}

.posting-tab {
  display: grid;
  grid-template-columns: minmax(var(--posting-width), 1fr) minmax(0, var(--aside-measure));
  align-items: start;
  gap: var(--space-5);
}
@media (max-width: 37.5em) {
  .posting-tab {
    grid-template-columns: minmax(0, 1fr);
  }
}
@container record-page (max-width: 52rem) {
  .posting-tab {
    grid-template-columns: minmax(0, 1fr);
  }
}

.posting-tab__source {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.posting-tab__source strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.posting {
  padding: var(--space-6);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .posting {
    padding: var(--space-4);
  }
}

.posting-tab__aside {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .posting-tab__aside {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-left: 0;
    border-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .posting-tab__aside {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    padding-left: 0;
    border-left: 0;
  }
}

.posting-tab__main {
  container: posting-cell/inline-size;
}

.posting-tab__source--margin {
  display: none;
}

@container record-page (min-width: 52.01rem) {
  .posting-tab__source--inline {
    display: none;
  }
  .posting-tab__source--margin {
    display: flex;
  }
  .posting-tab__main .posting {
    max-width: var(--posting-width);
    margin-right: auto;
    margin-left: auto;
  }
  @container posting-cell (min-width: 31.5rem) {
    .posting-tab__main .posting {
      zoom: 1.05;
    }
  }
  @container posting-cell (min-width: 33rem) {
    .posting-tab__main .posting {
      zoom: 1.1;
    }
  }
  @container posting-cell (min-width: 34.5rem) {
    .posting-tab__main .posting {
      zoom: 1.15;
    }
  }
  @container posting-cell (min-width: 36rem) {
    .posting-tab__main .posting {
      zoom: 1.2;
    }
  }
  @container posting-cell (min-width: 37.5rem) {
    .posting-tab__main .posting {
      zoom: 1.25;
    }
  }
  @container posting-cell (min-width: 39rem) {
    .posting-tab__main .posting {
      zoom: 1.3;
    }
  }
  @container posting-cell (min-width: 40.5rem) {
    .posting-tab__main .posting {
      zoom: 1.35;
    }
  }
  @container posting-cell (min-width: 42rem) {
    .posting-tab__main .posting {
      zoom: 1.4;
    }
  }
  @container posting-cell (min-width: 43.5rem) {
    .posting-tab__main .posting {
      zoom: 1.45;
    }
  }
  @container posting-cell (min-width: 45rem) {
    .posting-tab__main .posting {
      zoom: 1.5;
    }
  }
  @container posting-cell (min-width: 46.5rem) {
    .posting-tab__main .posting {
      zoom: 1.55;
    }
  }
  @container posting-cell (min-width: 48rem) {
    .posting-tab__main .posting {
      zoom: 1.6;
    }
  }
  @container posting-cell (min-width: 49.5rem) {
    .posting-tab__main .posting {
      zoom: 1.65;
    }
  }
  @container posting-cell (min-width: 51rem) {
    .posting-tab__main .posting {
      zoom: 1.7;
    }
  }
  @container posting-cell (min-width: 52.5rem) {
    .posting-tab__main .posting {
      zoom: 1.75;
    }
  }
  @container posting-cell (min-width: 54rem) {
    .posting-tab__main .posting {
      zoom: 1.8;
    }
  }
  @container posting-cell (min-width: 55.5rem) {
    .posting-tab__main .posting {
      zoom: 1.85;
    }
  }
  @container posting-cell (min-width: 57rem) {
    .posting-tab__main .posting {
      zoom: 1.9;
    }
  }
  @container posting-cell (min-width: 58.5rem) {
    .posting-tab__main .posting {
      zoom: 1.95;
    }
  }
}
.posting-tab__part {
  min-width: 0;
  max-width: var(--measure);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}
.posting-tab__part > p {
  margin: 0;
}
@media (max-width: 37.5em) {
  .posting-tab__part {
    max-width: none;
    padding: var(--space-4) 0;
    font-size: var(--text-base);
  }
}
@container record-page (max-width: 52rem) {
  .posting-tab__part {
    max-width: none;
    padding: var(--space-4) 0;
    font-size: var(--text-base);
  }
}

@media (max-width: 37.5em) {
  .posting-tab__part + .posting-tab__part {
    border-top: var(--border-width) solid var(--border);
  }
}
@container record-page (max-width: 52rem) {
  .posting-tab__part + .posting-tab__part {
    border-top: var(--border-width) solid var(--border);
  }
}

.posting-tab__heading {
  margin: 0 0 var(--space-1);
  font-size: var(--text-lg);
}

.posting-tab__recruiter {
  margin-top: var(--space-6);
}

.posting-tab__address {
  display: inline;
}
.posting-tab__address .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-left: var(--space-1);
  vertical-align: -0.125em;
}

.posting-tab__edit {
  grid-column: 1/-1;
  margin: 0 0 0 calc(-1 * var(--space-3));
}
@media (max-width: 37.5em) {
  .posting-tab__edit {
    order: -1;
  }
}
@container record-page (max-width: 52rem) {
  .posting-tab__edit {
    order: -1;
  }
}

.analysis-empty {
  margin-bottom: var(--space-5);
}
@media (max-width: 37.5em) {
  .analysis-empty {
    padding: var(--space-5) var(--space-4) var(--space-4);
  }
}

.analysis-empty .empty-state__icon {
  color: var(--text-muted);
}
.analysis-empty .empty-state__icon > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}
@media (max-width: 37.5em) {
  .analysis-empty .empty-state__icon {
    display: none;
  }
}

.analysis-empty .empty-state__title {
  margin-bottom: var(--space-1);
}

.analysis {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--analysis-side);
  grid-template-rows: auto 1fr;
  grid-template-areas: "lists head" "lists side";
  column-gap: var(--space-6);
  margin-bottom: var(--space-5);
}
@media (max-width: 37.5em) {
  .analysis {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "head" "lists" "side";
  }
}
@container record-page (max-width: 52rem) {
  .analysis {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    grid-template-areas: "head" "lists" "side";
  }
}

.analysis:has([data-ladder-slot] > *) {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto;
  grid-template-areas: "head" "lists" "side";
}

.analysis__head,
.analysis__side {
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .analysis__head,
  .analysis__side {
    padding-left: 0;
    border-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .analysis__head,
  .analysis__side {
    padding-left: 0;
    border-left: 0;
  }
}

.analysis:has([data-ladder-slot] > *) :is(.analysis__head, .analysis__side) {
  padding-left: 0;
  border-left: 0;
}

.analysis__head {
  grid-area: head;
  padding-bottom: var(--space-2);
}
.analysis__head > .form > .form__actions {
  margin-bottom: var(--space-2);
}

.analysis__by {
  margin: 0 0 var(--space-2);
  font-size: var(--text-sm);
}

.analysis__side {
  grid-area: side;
}

.analysis__lists {
  grid-area: lists;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  column-gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .analysis__lists {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-4);
  }
}
@container record-page (max-width: 52rem) {
  .analysis__lists {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-4);
  }
}
.analysis__lists h2 {
  margin: 0 0 var(--space-2);
}

.analysis__part {
  margin-bottom: var(--space-5);
}

.analysis-list {
  max-width: var(--measure);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}
@media (max-width: 37.5em) {
  .analysis-list {
    max-width: none;
  }
}
@container record-page (max-width: 52rem) {
  .analysis-list {
    max-width: none;
  }
}

:is(.analysis__part, .analysis__fold) > .analysis-list {
  margin-bottom: 0;
  border-top: var(--border-width) solid var(--border);
}
:is(.analysis__part, .analysis__fold) > .analysis-list > li {
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
}

.analysis__fold {
  grid-column: 1/-1;
  margin-bottom: var(--space-5);
}
.analysis__fold > .analysis-list {
  border-top: 0;
}

.analysis__fold-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border);
  list-style: none;
  cursor: pointer;
}
.analysis__fold-head::-webkit-details-marker {
  display: none;
}
.analysis__fold-head > h2 {
  margin: 0;
}
.analysis__fold-head > .icon {
  color: var(--text-muted);
  transition: transform var(--dur-turn) var(--ease);
}

.analysis__fold[open] > .analysis__fold-head > .icon {
  transform: rotate(180deg);
}

.analysis-list--terms {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: 0;
}
.analysis-list--terms > li {
  min-width: 0;
  margin: 0;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  overflow-wrap: anywhere;
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
}

.analysis-list--dashes {
  margin-bottom: 0;
  font-size: var(--text-sm);
}
.analysis-list--dashes > li {
  position: relative;
  padding-left: var(--space-4);
}
.analysis-list--dashes > li::before {
  content: "";
  position: absolute;
  top: 0.75em;
  left: 0;
  width: var(--chat-dash);
  height: var(--rule-width);
  background: var(--text-muted);
}

.suggestion {
  max-width: var(--measure);
  margin: 0 0 var(--space-5);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}
.suggestion > h2 {
  font-size: var(--text-lg);
}
.suggestion > .analysis-list {
  margin-bottom: var(--space-4);
}

.application-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: var(--page-held-width);
  grid-template-rows: auto auto 1fr auto;
  align-items: start;
  column-gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .application-form {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
}
.application-form .field {
  max-width: none;
}
.application-form .field-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: none;
}
@media (max-width: 37.5em) {
  .application-form .field-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.application-form__top {
  grid-column: 1/-1;
  grid-row: 1;
}

.application-form__names {
  grid-column: 2;
  grid-row: 2;
}

.application-form__words {
  grid-column: 1;
  grid-row: 2/span 2;
}

.application-form__applied {
  grid-column: 2;
  grid-row: 3;
}

.application-form > .form__actions {
  grid-column: 1/-1;
  grid-row: 4;
  margin-top: var(--space-4);
}

@media (max-width: 37.5em) {
  .application-form > :is(.application-form__top, .application-form__names, .application-form__words, .application-form__applied, .form__actions) {
    grid-column: 1;
    grid-row: auto;
  }
}

.application-form__notice {
  max-width: none;
}

.application-form .application-form__recruiter {
  grid-template-columns: minmax(0, 4fr) minmax(0, 5fr);
}
@media (max-width: 37.5em) {
  .application-form .application-form__recruiter {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 37.5em) {
  .application-form__lead:not([data-lead=hand]) {
    display: none;
  }
}

.application-form__restart {
  margin: calc(-1 * var(--space-3)) 0 var(--space-2);
  font-size: var(--text-sm);
}

.application-form__restart-link {
  gap: var(--space-2);
  color: var(--text);
}

.field__label:has(> .source-tag:not([hidden])) > .field__optional {
  display: none;
}

.application-form__applied-on {
  margin-left: calc(var(--check-size) + var(--space-3));
}

.application-form__applied:not(:has([data-fill-already]:checked)) > .application-form__applied-on {
  display: none;
}

.fill-waiting {
  margin: 0 0 var(--space-4);
}

.fill-waiting__words p {
  margin: 0 0 var(--space-2);
}

.fill-waiting__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.fill-start {
  display: grid;
  grid-template-columns: minmax(0, var(--fill-paste-width)) minmax(0, var(--fill-about-width));
  align-items: start;
  gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .fill-start {
    grid-template-columns: minmax(0, 1fr);
  }
}

.fill-start__paste {
  max-width: none;
  margin-bottom: var(--space-3);
}

@media (max-width: 37.5em) {
  .fill-start__text {
    height: var(--textarea-min);
  }
}

.fill-drop {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
  padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.fill-drop__icon {
  flex: none;
}

.fill-drop__words {
  flex: 1 1 var(--field-narrow);
  min-width: 0;
  cursor: pointer;
}
.fill-drop__words > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.fill-drop__add {
  flex: none;
}
@media (max-width: 37.5em) {
  .fill-drop__add {
    flex-basis: 100%;
  }
}

.fill-drop__input {
  flex-basis: 100%;
}

.fill-drop__phone {
  display: none;
}
@media (max-width: 37.5em) {
  .fill-drop__phone {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .fill-drop__mac {
    display: none;
  }
}

.fill-start__file:not(:empty) {
  margin-bottom: var(--space-3);
}

.fill-start__actions {
  margin: var(--space-4) 0 var(--space-2);
}

.fill-start__cost {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.fill-start__by-hand {
  display: block;
}

.fill-start__about {
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .fill-start__about {
    display: none;
  }
}

.fill-start__heading {
  margin: 0 0 var(--space-2);
  font-size: var(--text-lg);
}

.fill-start__words {
  margin: 0;
  font-size: var(--text-sm);
}

.fill-ladder {
  margin-top: var(--space-4);
}

.fill-ladder__message {
  max-width: var(--measure);
  margin: 0;
}

.fill-ladder__message:empty {
  position: absolute;
}

.fill-ladder__actions {
  align-items: center;
  margin: var(--space-3) 0 0;
}

.fill-ladder__message:empty + .fill-ladder__actions {
  margin-top: 0;
}

.fill-ladder__card {
  margin-top: 0;
}

.fill-ladder__heading {
  scroll-margin-top: var(--space-4);
}

.application-form--edit {
  grid-template-rows: auto auto 1fr;
}
@media (max-width: 37.5em) {
  .application-form--edit {
    grid-template-rows: none;
  }
}
.application-form--edit .field-row {
  grid-template-columns: minmax(0, 1fr);
}

.application-form--edit > .application-form__file {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  margin-bottom: var(--space-4);
}

.application-form--edit > .application-form__names {
  grid-row: 1/span 3;
}

.application-form--edit > .application-form__words {
  grid-row: 2;
}

.application-form--edit > .form__actions {
  grid-column: 1;
  grid-row: 3;
  margin-top: var(--space-2);
}

@media (max-width: 37.5em) {
  .application-form--edit > :is(.application-form__file, .application-form__names, .application-form__words, .form__actions) {
    grid-column: 1;
    grid-row: auto;
  }
}

.kept-file__phone {
  display: none;
}
@media (max-width: 37.5em) {
  .kept-file__phone {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .kept-file__mac,
  .application-form__back-title {
    display: none;
  }
}

.same-opening {
  scroll-margin-bottom: 6rem;
}

.application-form__recruiter-group {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.application-form__recruiter-group > legend {
  padding: 0;
}

.application-form__recruiter-line {
  margin: 0 0 var(--space-3);
  overflow-wrap: anywhere;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-1);
}
.application-form__recruiter-line > .button--quiet:first-child {
  margin-left: calc(-1 * var(--space-3));
}
@media (max-width: 37.5em) {
  .application-form__recruiter-line {
    flex-direction: column;
    align-items: flex-start;
  }
  .application-form__recruiter-line > .button--quiet {
    margin-left: calc(-1 * var(--space-3));
  }
}

.application-form__recruiter-who {
  min-width: 0;
}

.application-form__clear {
  margin-top: calc(-1 * var(--space-2));
}

.application-form__elsewhere {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.overview {
  container: overview/inline-size;
}

.overview__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
}

.overview__main {
  display: grid;
  gap: var(--space-6);
  min-width: 0;
}
@media (max-width: 37.5em) {
  .overview__main {
    gap: var(--space-5);
  }
}

.overview__aside {
  min-width: 0;
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .overview__aside {
    font-size: var(--text-base);
  }
}

.overview__aside > .overview__part {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

@container overview (min-width: 44rem) {
  .overview__columns {
    grid-template-columns: minmax(0, 1fr) minmax(var(--overview-aside), var(--overview-aside-share));
    gap: var(--space-5);
  }
  .overview__aside {
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
  .overview__aside > .overview__part {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .overview__aside > .overview__part + .overview__part {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}
.overview__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  margin: 0 0 var(--space-2);
}

.overview__heading {
  margin: 0;
  font-size: var(--text-lg);
}

.overview__action {
  flex: none;
  margin-right: calc(-1 * var(--space-3));
}

.overview__empty {
  margin: 0;
  color: var(--text-muted);
}

.contacts {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact {
  display: grid;
  grid-template-columns: var(--avatar-size) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
}

.contact__mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
}

.contact__body {
  min-width: 0;
}

.contact__name {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.contact__edit {
  position: relative;
  color: var(--text);
  text-decoration-line: none;
}

.contact__edit::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

@media (hover: hover) {
  .contact__edit:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.contact__edit:active {
  text-decoration-line: underline;
}

.contact__line {
  margin: 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.contact__link {
  display: flex;
  width: fit-content;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.contact-form__remove {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  margin-left: auto;
  color: var(--danger);
  font-weight: var(--weight-bold);
  text-decoration-line: none;
}
@media (max-width: 37.5em) {
  .contact-form__remove {
    flex-basis: 100%;
    margin: var(--space-3) 0 0;
    padding-top: var(--space-3);
    border-top: var(--border-width) solid var(--border);
  }
}

@media (hover: hover) {
  .contact-form__remove:hover {
    color: var(--danger-strong);
    text-decoration-line: underline;
  }
}
.contact-form__remove:active {
  color: var(--danger-strong);
}

.contact-form__remove-rest {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .contact-form__remove-rest {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
}

.recruiter-note {
  margin: 0;
}

.recruiter-note__add {
  margin-left: calc(-1 * var(--space-3));
}

.overview-notes {
  display: grid;
  gap: var(--space-3);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.overview-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-2);
  padding-left: var(--space-3);
  border-left: var(--rule-width) solid var(--border);
}

.overview-note__body {
  min-width: 0;
}

.overview-note__text {
  margin: 0;
  overflow-wrap: anywhere;
}

.overview-note__day {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.overview-note-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-2) var(--space-3);
  margin: 0;
}

.overview-note-form__field {
  min-height: var(--touch-min);
}

.overview-note-form__note {
  grid-column: 1/-1;
}

.recruiter-card {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
}

.recruiter-card[hidden] {
  display: none;
}

.recruiter-card__card {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
}

.recruiter-card__who,
.recruiter-card__line,
.recruiter-card__source {
  margin: 0;
  overflow-wrap: anywhere;
}

.recruiter-card__line {
  color: var(--text-muted);
}

.recruiter-card__who strong {
  display: block;
}

.recruiter-card__source,
.recruiter-card__not {
  justify-self: start;
}

.recruiter-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.recruiter-card__move {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding: 0;
  border: 0;
}
.recruiter-card__move > legend {
  padding: 0;
}

.looks-for {
  container: looks-for/inline-size;
  margin-top: var(--space-6);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .looks-for {
    margin-top: var(--space-2);
    padding-top: 0;
    border-top: 0;
  }
}
.looks-for > h2 {
  margin-bottom: var(--space-4);
}

.looks-for .looks-for__table .table tbody tr > td {
  border-bottom: var(--border-width) solid var(--border);
  border-radius: 0;
  background: none;
  vertical-align: top;
}

.looks-for .looks-for__table .table td {
  white-space: normal;
}

.looks-for .looks-for__table .table td:first-child {
  min-width: 7rem;
}

.looks-for .looks-for__table .table td:last-child {
  min-width: 14rem;
}

.looks-for__term {
  font-weight: var(--weight-bold);
}

.looks-for__tier {
  display: inline-block;
  padding: 0 var(--space-2);
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
  white-space: nowrap;
}

.looks-for__tier--must {
  background: var(--accent-soft);
  color: var(--text);
}

.looks-for__tier--nice {
  border-color: var(--border-control);
  color: var(--text);
}

.looks-for__tier--echo,
.looks-for__tier--work {
  padding-left: 0;
  color: var(--text-muted);
}

.looks-for__miss {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.looks-for__none {
  color: var(--text-muted);
}

.looks-for__foot {
  max-width: var(--measure);
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@container looks-for (max-width: 50rem) {
  .looks-for__table > .table,
  .looks-for__table > .table tbody,
  .looks-for__table > .table tr,
  .looks-for__table > .table td {
    display: block;
  }
  .looks-for__table > .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .looks-for__table > .table tr {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
  }
  .looks-for__table > .table tbody tr:nth-child(even) {
    background: var(--surface-sunken);
  }
  .looks-for__table > .table tbody tr:nth-child(even) > td {
    background: transparent;
  }
  .looks-for__table > .table td {
    display: grid;
    grid-template-columns: var(--cell-label) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
    padding: 0;
    border-bottom: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .looks-for__table > .table td::before {
    content: attr(data-label);
    content: attr(data-label)/"";
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .looks-for__table > .table td:empty::after {
    content: "-";
    content: "-"/"";
    color: var(--text-muted);
  }
  .looks-for__table > .table tbody tr,
  .looks-for__table > .table tbody tr:nth-child(even) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-1) var(--space-3);
    padding: var(--space-3) 0;
    border-bottom: var(--border-width) solid var(--border);
    border-radius: 0;
    background: none;
  }
  .looks-for .looks-for__table .table tbody tr > td {
    border-bottom: 0;
  }
  .looks-for .looks-for__table .table td:first-child,
  .looks-for .looks-for__table .table td:last-child {
    min-width: 0;
  }
  .looks-for__table > .table td:nth-child(n+3) {
    grid-column: 1/-1;
  }
  .looks-for__table > .table td:nth-child(-n+2) {
    display: block;
  }
  .looks-for__table > .table td:nth-child(-n+2)::before {
    content: none;
  }
  .looks-for__table > .table td:first-child {
    font-size: var(--text-md);
  }
  .looks-for__table > .table td:nth-child(2) {
    justify-self: end;
  }
}

.research-form {
  margin: 0;
}

.research-form__actions {
  margin-bottom: var(--space-2);
}

.research-form--across .research-form__go {
  width: 100%;
}

.research-form__hint,
.research-form__working {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.research-form__hint > strong,
.research-form__working > strong {
  color: var(--text);
}

.research-form__working,
.research-form__steps {
  display: none;
}

.research-form:has(.research-form__go[data-working]) .research-form__hint {
  display: none;
}
.research-form:has(.research-form__go[data-working]) .research-form__working {
  display: block;
}
.research-form:has(.research-form__go[data-working]) .research-form__steps {
  display: grid;
  margin-top: var(--space-4);
}

.company-part__summary {
  margin: 0 0 var(--space-1);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
}

.company-part__line {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
}

.company-part__waiting {
  margin-top: var(--space-3);
}

.company-part__edit {
  margin: var(--space-2) 0 0 calc(-1 * var(--space-3));
}

.research-head__meta strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.research-head__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
}

.research-head__words {
  min-width: 0;
  overflow-wrap: anywhere;
}

.research-head__when {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding-left: var(--space-4);
  border-left: var(--border-width) solid var(--border);
  color: var(--text);
}
.research-head__when > .icon {
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .research-head__when {
    display: none;
  }
}

.research-head__phone {
  display: none;
}
@media (max-width: 37.5em) {
  .research-head__phone {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .research-head__for {
    display: none;
  }
}

.research__notice {
  max-width: var(--measure);
  margin-bottom: var(--space-4);
}

.research-head ~ .half-price-wait {
  margin-bottom: var(--space-6);
}

.research {
  container: research/inline-size;
}

.research__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--space-6);
}

.research__main {
  min-width: 0;
  margin-bottom: var(--space-6);
}

.research__aside {
  display: contents;
  min-width: 0;
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .research__aside {
    font-size: var(--text-base);
  }
}

.research__aside > :is(.research__means, .research__history) {
  order: -1;
}

.research__run--mac {
  display: none;
}

.research__aside > :is(.research-aside__section, .research__part) + :is(.research-aside__section, .research__part) {
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.research__aside > .research__part:not(.research__means) > h2 {
  padding-left: var(--space-2);
  border-left: var(--doc-rule) solid var(--text-muted);
}

@container research (min-width: 48rem) {
  .research__columns {
    grid-template-columns: minmax(0, var(--research-main)) minmax(var(--research-aside), 1fr);
  }
  .research__aside > .research-aside__section,
  .research__aside > .research__part {
    max-width: var(--measure);
  }
  .research__aside > :is(.research-aside__section, .research__part) + :is(.research-aside__section, .research__part) {
    padding-top: 0;
    border-top: 0;
  }
  .research__main {
    margin-bottom: 0;
  }
  .research__aside {
    display: block;
    columns: 18rem;
    column-gap: var(--space-6);
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
  .research__aside > :is(.research-aside__section, .research__part) {
    break-inside: avoid;
  }
  .research__run--mac {
    display: block;
  }
  .research__run--phone {
    display: none;
  }
}

.research-facts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-3) var(--space-6);
  max-width: none;
  margin: 0 0 var(--space-5);
  padding: var(--space-3) 0;
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .research-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3) var(--space-4);
  }
}

.research-facts__fact {
  min-width: 0;
}
.research-facts__fact > dt {
  margin-bottom: var(--space-1);
}
.research-facts__fact > dd {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
  overflow-wrap: anywhere;
}

.research__part {
  margin-bottom: var(--space-6);
}
.research__part > h2 {
  margin: 0 0 var(--space-2);
  font-size: var(--text-lg);
}
.research__part > p {
  overflow-wrap: anywhere;
}

.research__text {
  margin: 0 0 var(--space-2);
  font-family: var(--font-doc);
  font-size: var(--text-base);
}

.research__from {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.research__means {
  padding-left: var(--space-4);
  border-left: var(--rule-width) solid var(--text-muted);
}

.research__means-text {
  margin: 0 0 var(--space-2);
}

.research-history {
  margin: 0;
  padding: 0;
  list-style: none;
}

.research-history__row {
  margin: 0 0 var(--space-2);
}

.research__missing > p {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.research__missing > p > strong {
  color: var(--text);
}

.research-aside__section {
  margin-bottom: var(--space-6);
}
.research-aside__section > h2 {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-2);
  border-left: var(--doc-rule) solid var(--text-muted);
  font-size: var(--text-lg);
}
.research-aside__section > p {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
}

.research-sources {
  margin: 0;
  padding: 0;
  list-style: none;
}

.research-sources__source {
  display: grid;
  grid-template-columns: var(--research-number) minmax(0, 1fr);
  padding: var(--space-2) 0;
}
.research-sources__source + .research-sources__source {
  border-top: var(--border-width) solid var(--border);
}

.research-sources__n {
  color: var(--text-muted);
}

.research-sources__body {
  min-width: 0;
}

.research-sources__title {
  position: relative;
  display: inline;
  min-height: 0;
  color: var(--text);
  overflow-wrap: anywhere;
}
.research-sources__title .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-left: var(--space-1);
  vertical-align: -0.125em;
}

.research-sources__title::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

.research-sources__line {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  overflow-wrap: anywhere;
}

.research-aside__section > .research__run-line {
  margin: 0 0 var(--space-3);
  color: var(--text);
}

.research__run > .research__more {
  margin: 0;
}

.company-notes,
.research-kept {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.company-note {
  padding: var(--space-4) var(--space-4) var(--space-2);
  border: var(--border-width) solid var(--border);
  border-left: var(--rule-width) solid var(--accent);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.company-note__text,
.research-kept__text {
  margin: 0;
  font-size: var(--text-base);
  overflow-wrap: anywhere;
}

.company-note__from {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.company-note__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-2) 0 0 calc(-1 * var(--space-3));
}
.company-note__actions > form {
  margin: 0;
}

.research__kept-heading {
  margin: var(--space-5) 0 var(--space-2);
}

.research-kept__note {
  padding-left: var(--space-3);
  border-left: var(--rule-width) solid var(--border);
}
.research-kept__note > form {
  margin: 0 0 0 calc(-1 * var(--space-3));
}

.company-site__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  overflow-wrap: anywhere;
}

.company-site__link > .icon {
  flex: none;
}

.company-site__from,
.company-logo__line {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
}

.company-site__form,
.company-logo__form {
  max-width: var(--field-width);
  margin-top: var(--space-3);
}

.company-site__save,
.company-logo__use {
  margin: var(--space-3) 0 0;
}

.company-logo__tile {
  display: block;
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: var(--radius-md);
  outline: var(--border-width) solid var(--border);
  outline-offset: calc(var(--border-width) * -1);
}

.company-logo__tile + .company-logo__line {
  margin-top: var(--space-2);
}

.company-logo--kept > dt {
  align-self: start;
  margin-top: calc((var(--avatar-size) - 1lh) / 2);
}

.company-logo__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-1);
  margin: var(--space-1) 0 0 calc(var(--space-3) * -1);
}

.company-logo__acts > form {
  margin: 0;
}

.company-logo__acts .button {
  justify-content: flex-start;
  text-align: start;
}

.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
.tag-list > li {
  display: flex;
  min-width: 0;
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: var(--touch-min);
  margin: 0;
  padding: var(--space-1) var(--space-3);
  border: var(--button-edge) solid var(--accent);
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  text-align: start;
  text-decoration: none;
  transition: background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
}
.tag > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.tag__label {
  min-width: 0;
}

.tag:is(button, a) {
  cursor: pointer;
  touch-action: manipulation;
}

@media (hover: hover) {
  .tag:is(button, a):hover:not(:disabled, [aria-disabled=true]) {
    border-color: var(--accent-strong);
    background: var(--accent-soft);
    color: var(--accent-strong);
  }
}
.tag:is(button, a):active:not(:disabled, [aria-disabled=true]) {
  border-color: var(--accent-strong);
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.tag[aria-pressed=true],
.tag--selected,
.skill-tag[aria-expanded=true] {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text);
}

.tag--suggested {
  border-style: dashed;
}

.tag:is(:disabled, [aria-disabled=true]) {
  border-color: var(--border);
  background: transparent;
  color: var(--text-muted);
  cursor: not-allowed;
}

.skill-tag > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
  color: var(--text-muted);
}

.skill-tag__level {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.tag__remove,
.tag__move {
  display: grid;
  flex: none;
  place-items: center;
  align-self: stretch;
  width: var(--touch-min);
  min-height: var(--touch-min);
  margin-block: calc(-1 * (var(--space-1) + var(--button-edge)));
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--dur-fast) var(--ease);
}
.tag__remove > .icon,
.tag__move > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

:is(.tag__remove, .tag__move):disabled {
  color: var(--border);
  cursor: not-allowed;
}

.tag > :is(.tag__remove, .tag__move):first-child {
  margin-inline-start: calc(-1 * (var(--space-3) + var(--button-edge)));
  border-start-start-radius: var(--radius-md);
  border-end-start-radius: var(--radius-md);
}

.tag > :is(.tag__remove, .tag__move):last-child {
  margin-inline-end: calc(-1 * (var(--space-3) + var(--button-edge)));
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
}

@media (hover: hover) {
  :is(.tag__remove, .tag__move):hover:not(:disabled) {
    background: var(--tint-press);
  }
}
:is(.tag__remove, .tag__move):active:not(:disabled) {
  background: var(--tint-press);
}

.source-tag {
  display: inline-block;
  padding: var(--source-tag-pad) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  vertical-align: middle;
}

.field__label .source-tag {
  margin-inline-start: var(--space-2);
}

.skill-add__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.skill-add__row > .input {
  flex: 1;
  min-width: 0;
}
.skill-add__row > .button {
  flex: none;
}

.skill-add__note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.skill-add__note > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--success);
}

.skill-add__note:has(> .skill-add__words:empty) {
  margin: 0;
}

.follow-up-picks {
  display: none;
  margin-top: var(--space-1);
}

:root[data-follow-up-picks] .follow-up-picks {
  display: flex;
}

.follow-up-picks__pick[aria-pressed=true] {
  font-weight: var(--weight-bold);
}

.follow-up-picks__pick:not([aria-pressed=true]) > .follow-up-picks__check {
  display: none;
}

.attach-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.attach-card {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  max-width: var(--attach-width);
  padding: var(--space-2) 0 var(--space-2) var(--space-2);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.attach-card--kept {
  max-width: none;
  padding-right: var(--space-2);
}

.kept-file__actions {
  display: grid;
  flex: none;
  justify-items: end;
}

.attach-card__remove-form {
  display: contents;
}

.attach-card--refused {
  border-color: var(--danger);
}

.attach-card__thumb {
  display: grid;
  flex: none;
  place-items: center;
  width: var(--attach-thumb);
  height: var(--attach-thumb);
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text-muted);
}
.attach-card__thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.attach-card__thumb > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
}

.attach-card__body {
  display: grid;
  flex: 1;
  min-width: 0;
}

.attach-card__name {
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
}

@media (max-width: 37.5em) {
  a.attach-card__name {
    display: flex;
    align-items: center;
    min-height: var(--touch-min);
  }
}

.attach-card__meta {
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

.attach-card__remove {
  display: grid;
  flex: none;
  place-items: center;
  align-self: stretch;
  width: var(--touch-min);
  min-height: var(--touch-min);
  margin-block: calc(-1 * var(--space-2));
  padding: 0;
  border: 0;
  border-start-end-radius: var(--radius-lg);
  border-end-end-radius: var(--radius-lg);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  cursor: pointer;
  touch-action: manipulation;
  transition: background-color var(--dur-fast) var(--ease);
}
.attach-card__remove > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

@media (hover: hover) {
  .attach-card__remove:hover:not(:disabled) {
    background: var(--tint-press);
  }
}
.attach-card__remove:active:not(:disabled) {
  background: var(--tint-press);
}

.chat__attach {
  position: absolute;
  bottom: var(--space-1);
  left: var(--space-1);
  z-index: 1;
}
.chat__attach[hidden] {
  display: none;
}

.chat__field--attach .chat__input {
  padding-inline-start: calc(var(--touch-min) + var(--space-2));
}

.chat__attach-button {
  border-color: transparent;
  border-radius: 50%;
  background: transparent;
  color: var(--text-muted);
}

.attach-menu {
  bottom: calc(100% + var(--space-2));
  left: 0;
  width: min(20rem, 100vw - 2 * var(--space-4));
}

.attach-menu__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.attach-menu__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.attach-menu__hint {
  margin: var(--space-1) 0 0;
  padding: var(--space-2) var(--space-3);
  border-top: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}

.chat__attached {
  margin-bottom: var(--space-2);
}
.chat__attached[hidden] {
  display: none;
}

.chat__sent-file {
  margin-top: var(--space-2);
}

.filter {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin-bottom: var(--space-3);
}
@media (max-width: 37.5em) {
  .filter {
    width: auto;
  }
}

.filter > summary {
  list-style: none;
}
@media (max-width: 37.5em) {
  .filter > summary {
    width: 100%;
  }
}

.filter > summary::-webkit-details-marker {
  display: none;
}

@media (max-width: 37.5em) {
  .filter[open]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: var(--z-scrim);
    background: var(--scrim);
  }
}

.filter-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: var(--z-menu);
  width: var(--filter-width);
  margin-top: var(--space-1);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .filter-menu {
    position: fixed;
    inset: auto 0 0;
    z-index: var(--z-sheet);
    width: auto;
    max-height: calc(100dvh - var(--space-7));
    margin: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-width: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    font-size: var(--text-base);
  }
}

.filter-menu__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .filter-menu__head {
    position: sticky;
    top: 0;
    z-index: 1;
    padding-inline-end: var(--space-2);
    background: var(--surface-raised);
  }
}

.filter-menu__title {
  margin: 0;
  font-size: var(--text-lg);
}

.filter-menu__close {
  display: none;
}
@media (max-width: 37.5em) {
  .filter-menu__close {
    display: inline-flex;
  }
}

.filter-menu__group {
  min-width: 0;
  margin: 0;
  padding: 0 0 var(--space-2);
  border: 0;
}

.filter-menu__heading {
  display: block;
  width: 100%;
  padding: var(--space-3) var(--space-4) var(--space-1);
  border-top: var(--border-width) solid var(--border);
}

.filter-menu__group:first-of-type > .filter-menu__heading {
  padding-top: var(--space-1);
  border-top: 0;
}

.filter-menu__group .checkbox {
  display: grid;
  grid-template-columns: var(--check-size) minmax(0, 1fr) auto;
  gap: var(--space-1) var(--space-3);
  margin: 0;
  padding-inline: var(--space-4);
}

@media (hover: hover) {
  .filter-menu__group .checkbox:hover {
    background: var(--surface-sunken);
  }
}
.filter-menu__group .checkbox:active {
  background: var(--surface-sunken);
}

.filter-menu__group .checkbox:has(:focus-visible) {
  background: var(--surface-sunken);
}

.filter-menu__count {
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}

.filter-menu__hint {
  grid-column: 2/-1;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.filter-menu__group > .filter-menu__hint {
  margin: 0;
  padding: 0 var(--space-4) var(--space-1);
}

.filter-menu__note {
  margin: 0;
  padding: var(--space-3) var(--space-4) 0;
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-xs);
}
@media (max-width: 37.5em) {
  .filter-menu__note {
    padding-bottom: var(--space-3);
    border-top: 0;
  }
}

.filter-menu__foot {
  display: flex;
  flex-flow: row-reverse wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  padding: var(--space-2) var(--space-4) var(--space-3);
}
@media (max-width: 37.5em) {
  .filter-menu__foot {
    position: sticky;
    bottom: 0;
    flex-direction: column;
    align-items: stretch;
    padding: var(--space-3) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
    border-top: var(--border-width) solid var(--border);
    background: var(--surface-raised);
  }
}

.filter-menu__foot > .button--quiet {
  margin-inline-start: calc(-1 * var(--space-3));
}
@media (max-width: 37.5em) {
  .filter-menu__foot > .button--quiet {
    margin-inline-start: 0;
  }
}

.filter-menu > .form__note:not(:empty) {
  margin: 0 var(--space-4) var(--space-3);
}

.filter-menu__list {
  margin: 0;
  padding: var(--space-2) 0;
  list-style: none;
}

.filter-menu__link {
  display: grid;
  grid-template-columns: var(--check-size) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding-inline: var(--space-4);
  color: var(--text);
  text-decoration-line: none;
  transition: background-color var(--dur-fast) var(--ease);
}
.filter-menu__link:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

.filter-menu__mark {
  display: inline-flex;
  color: var(--accent-strong);
}

.filter-menu__link:not([aria-current=true]) .filter-menu__mark {
  visibility: hidden;
}

@media (hover: hover) {
  .filter-menu__link:hover {
    background: var(--surface-sunken);
  }
}
.filter-menu__link:active {
  background: var(--surface-sunken);
}

.filter-menu__link[aria-current=true] {
  background: var(--accent-soft);
}

.filter-menu__link[aria-current=true] .filter-menu__name {
  font-weight: var(--weight-bold);
}

.filter + .tag-list {
  margin-bottom: var(--space-3);
}

.tip {
  position: fixed;
  inset: auto;
  box-sizing: border-box;
  max-width: 20rem;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--text);
  color: var(--surface);
  box-shadow: var(--shadow-3);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  opacity: 0;
  transition: opacity var(--dur-fast);
}

.tip[data-shown] {
  opacity: 1;
}

.dialog {
  width: var(--dialog-width);
  max-width: 100%;
  padding: var(--space-6);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-raised);
  color: var(--text);
  box-shadow: var(--shadow-3);
}

dialog.dialog {
  --_dialog-foot: var(--space-6);
  max-width: calc(100% - 2 * var(--space-4));
  max-height: calc(100% - 2 * var(--space-4));
  padding-bottom: var(--_dialog-foot);
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width: 37.5em) {
  dialog.dialog {
    --_dialog-foot: calc(var(--space-5) + env(safe-area-inset-bottom));
    width: 100%;
    max-width: 100%;
    max-height: calc(100% - var(--space-6));
    margin: auto 0 0;
    padding: var(--space-5) var(--space-4) var(--_dialog-foot);
    border-bottom-width: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  }
}

dialog.dialog[open] {
  animation: dialog-rise var(--dur) var(--ease);
}

dialog.dialog::backdrop {
  background: var(--scrim);
}

dialog.dialog[open]::backdrop {
  animation: dialog-fade var(--dur) var(--ease);
}

@keyframes dialog-rise {
  from {
    opacity: 0;
    transform: translateY(var(--space-2));
  }
}
@keyframes dialog-fade {
  from {
    opacity: 0;
  }
}

dialog.dialog[open][data-risen],
dialog.dialog[open][data-risen]::backdrop {
  animation: none;
}

dialog[open][data-left] {
  position: fixed;
  inset: 0;
  z-index: var(--z-dialog);
}

dialog.dialog[open][data-nudge] {
  animation: dialog-nudge var(--dur) var(--ease);
}

@keyframes dialog-nudge {
  50% {
    transform: scale(var(--dialog-nudge));
  }
}

@media (max-width: 37.5em) {
  .dialog--page {
    padding: var(--space-5) var(--space-4);
  }
}

.dialog__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  color: var(--danger);
}

.dialog__title {
  margin: 0 0 var(--space-3);
  font-size: var(--text-xl);
}
@media (max-width: 37.5em) {
  .dialog__title {
    font-size: var(--text-lg);
  }
}

.dialog__body {
  margin: 0;
  color: var(--text-muted);
}

.dialog__body strong {
  color: var(--text);
}

.dialog .field {
  margin: var(--space-5) 0 0;
}

.dialog__ticks {
  margin-top: var(--space-5);
}

.dialog .form__actions {
  margin: var(--space-5) 0 0;
  padding-top: var(--space-2);
}
@media (max-width: 37.5em) {
  .dialog .form__actions {
    margin-top: var(--space-4);
  }
}

dialog.dialog .form__actions {
  position: sticky;
  bottom: calc(-1 * var(--_dialog-foot));
  margin-bottom: calc(-1 * var(--_dialog-foot));
  padding-bottom: var(--_dialog-foot);
  background: var(--surface-raised);
}

@media (max-height: 24rem) {
  html:has(meta[name=viewport][content*=resizes-content]) dialog.dialog .form__actions {
    position: static;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

dialog.dialog > .dialog__ask:first-child {
  margin-top: 0;
  padding-top: 0;
}

.dialog__ask > .button {
  flex: 1 1 auto;
}

.dialog__ask-words {
  flex-basis: 100%;
  margin: 0;
  color: var(--text);
  font-weight: var(--weight-medium);
}

.dialog__grabber {
  display: block;
  width: var(--grabber-width);
  height: var(--grabber-height);
  margin: 0 auto;
  border-radius: var(--radius-pill);
  background: var(--border);
}

dialog.dialog.sign-over::backdrop {
  background: var(--surface);
}

.sign-over__reason {
  margin: 0 0 var(--space-2);
}

dialog.dialog.sign-over .form__actions {
  position: static;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sign-over__panel[hidden] {
  display: none;
}

.page:has(> .calendar--panel) {
  container: calendar-page/inline-size;
}

@media (max-width: 37.5em) {
  .calendar {
    display: flex;
    flex-direction: column;
  }
}

.cal-title {
  margin-bottom: var(--space-3);
}
@media (max-width: 37.5em) {
  .cal-title > .page__lead {
    display: none;
  }
}

@container page-top (max-width: 39rem) {
  .cal-title > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 46rem) {
  .cal-title:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
.calendar--panel .cal-title {
  position: relative;
  top: auto;
}

@media (max-width: 37.5em) {
  .cal-title .cal-view--row,
  .cal-view--row + .page__rule {
    display: none;
  }
}

.cal-view.cal-view--under {
  display: none;
}
@media (max-width: 37.5em) {
  .cal-view.cal-view--under {
    display: grid;
    margin-bottom: var(--space-3);
  }
}

.page:has(> .calendar:not(.calendar--panel)) {
  container: calendar-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .calendar:not(.calendar--panel)) {
    container-type: normal;
  }
}

@container calendar-page (max-width: 29rem) {
  .calendar:not(.calendar--panel) > .cal-title .cal-view--row,
  .calendar:not(.calendar--panel) > .cal-title .cal-view--row + .page__rule {
    display: none;
  }
  .calendar:not(.calendar--panel) > .cal-view.cal-view--under {
    display: grid;
    margin-bottom: var(--space-3);
  }
}
@container calendar-page (max-width: 36rem) {
  .calendar:not(.calendar--panel):has(.mock-marker) > .cal-title .cal-view--row,
  .calendar:not(.calendar--panel):has(.mock-marker) > .cal-title .cal-view--row + .page__rule {
    display: none;
  }
  .calendar:not(.calendar--panel):has(.mock-marker) > .cal-view.cal-view--under {
    display: grid;
    margin-bottom: var(--space-3);
  }
}

.cal-view {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.cal-view__link {
  min-width: calc(2 * var(--touch-min));
  padding: 0 var(--space-5);
  text-decoration: none;
  white-space: nowrap;
}

.cal-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-4);
  margin: 0;
}
@media (max-width: 37.5em) {
  .cal-head {
    justify-content: space-between;
    gap: 0 var(--space-2);
    margin-top: var(--space-2);
  }
}

.cal-head__label {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
  margin: 0;
}
.cal-head__label > .caps {
  color: var(--text);
}

.cal-head__range {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.cal-step {
  display: inline-flex;
}
.cal-step > .button {
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .cal-step {
    display: none;
  }
}

.cal-head__tools {
  display: inline-flex;
  align-items: center;
  gap: var(--space-4);
}
@media (max-width: 37.5em) {
  .cal-head__tools {
    gap: var(--space-2);
  }
  .cal-head__tools > .week-cal__add {
    order: 1;
  }
}

.week-cal__add {
  padding-inline: var(--space-2);
}

.week-toggle {
  display: inline-flex;
  margin: 0;
}

.week-toggle__switch {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  cursor: pointer;
}

.week-toggle__track {
  position: relative;
  flex: none;
  width: var(--toggle-sm-width);
  height: var(--toggle-sm-height);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-control);
  transition: background-color var(--dur-fast) var(--ease);
}

.week-toggle__track::after {
  content: "";
  position: absolute;
  top: calc((var(--toggle-sm-height) - var(--toggle-sm-knob)) / 2);
  left: calc((var(--toggle-sm-height) - var(--toggle-sm-knob)) / 2);
  width: var(--toggle-sm-knob);
  height: var(--toggle-sm-knob);
  border-radius: 50%;
  background: var(--border-control);
  transition: transform var(--dur-fast) var(--ease);
}

.week-toggle__switch[aria-checked=true] .week-toggle__track {
  background: var(--accent);
  box-shadow: none;
}

.week-toggle__switch[aria-checked=true] .week-toggle__track::after {
  background: var(--text-on-accent);
  transform: translateX(calc(var(--toggle-sm-width) - var(--toggle-sm-height)));
}

.week-cal__undated {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-3);
  max-width: none;
  margin: 0;
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .week-cal__undated {
    display: none;
  }
}

.week-cal__undated-item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.week-cal__undated-link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: var(--weight-display);
  text-decoration-line: none;
}

.week-cal__undated-link::before {
  content: "";
  flex: none;
  width: var(--agenda-mark);
  height: var(--agenda-mark);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}

@media (hover: hover) {
  .week-cal__undated-link:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.week-cal__undated-link:active {
  text-decoration-line: underline;
}

.cal-hidden {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-1);
  max-width: none;
  margin: var(--space-1) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .cal-hidden {
    order: 2;
    margin: 0 0 var(--space-3);
  }
}

.week-cal {
  margin-top: var(--space-3);
}
@media (max-width: 37.5em) {
  .week-cal {
    display: none;
  }
}

.week-cal__grid {
  display: grid;
  grid-template-columns: var(--cal-gutter) minmax(0, 1fr);
  grid-template-rows: var(--cal-date-row) auto auto;
  border-top: var(--border-width) solid var(--border);
}

.week-cal__gutter {
  display: grid;
  grid-row: 1/span 3;
  grid-column: 1;
  grid-template-rows: subgrid;
}

.week-cal__gutter > .week-cal__label {
  grid-row: 2;
  align-self: center;
  padding-right: var(--space-2);
  color: var(--text);
  white-space: nowrap;
}

.week-cal__hours {
  position: relative;
  display: grid;
  grid-row: 3;
  margin: 0;
  padding: 0;
  list-style: none;
}

.week-cal__hours > li {
  padding-right: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: 1;
  text-align: right;
  transform: translateY(-50%);
}

.week-cal__days {
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  grid-row: 1/span 3;
  grid-column: 2;
  grid-template-rows: subgrid;
  margin: 0;
  padding: 0;
  list-style: none;
}

.week-cal__day {
  display: grid;
  grid-row: 1/span 3;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: subgrid;
  min-width: 0;
}

.week-cal__date {
  display: flex;
  grid-row: 1;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  padding: 0 var(--space-2);
  overflow: hidden;
  container-type: inline-size;
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-normal);
  white-space: nowrap;
}
.week-cal__date > time {
  display: flex;
  flex: 1 1 0;
  flex-flow: row-reverse wrap;
  justify-content: flex-end;
  align-items: baseline;
  column-gap: var(--space-1);
  min-width: 0;
  height: calc(var(--text-lg) * var(--leading-tight));
  margin-right: calc(-1 * var(--space-1));
  overflow: hidden;
}
.week-cal__date .info-dot {
  flex: none;
  margin: 0;
}
.week-cal__date .week-cal__today {
  order: 1;
}
.week-cal__date .week-cal__num {
  order: 2;
}
.week-cal__date .week-cal__weekday {
  order: 3;
}

.week-cal__num {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
}

.week-cal__today {
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
}

.week-cal__day--today .week-cal__weekday {
  color: var(--text);
}

.week-cal__day--today .week-cal__num {
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
}

.week-cal__allday,
.week-cal__timed {
  container-type: inline-size;
  margin: 0;
  padding: 0;
  border-left: var(--border-width) solid var(--border);
  list-style: none;
}

.week-cal__day:last-child > :is(.week-cal__allday, .week-cal__timed) {
  border-right: var(--border-width) solid var(--border);
}

.week-cal__day--today > :is(.week-cal__allday, .week-cal__timed) {
  background: var(--surface-raised);
}

.week-cal__allday {
  display: flex;
  flex-direction: column;
  grid-row: 2;
  gap: calc(var(--space-1) / 2);
  min-height: var(--touch-min);
  padding: var(--space-1);
}

.week-cal__allday .week-cal__event {
  min-height: var(--cal-slot);
}

.week-cal__timed {
  display: grid;
  grid-row: 3;
  grid-template-columns: minmax(0, 1fr);
  border-bottom: var(--border-width) solid var(--border);
}

.week-cal__timed[data-lanes="2"] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.week-cal__timed[data-lanes="3"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="20"] {
  grid-template-rows: repeat(20, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="22"] {
  grid-template-rows: repeat(22, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="24"] {
  grid-template-rows: repeat(24, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="26"] {
  grid-template-rows: repeat(26, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="28"] {
  grid-template-rows: repeat(28, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="30"] {
  grid-template-rows: repeat(30, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="32"] {
  grid-template-rows: repeat(32, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="34"] {
  grid-template-rows: repeat(34, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="36"] {
  grid-template-rows: repeat(36, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="38"] {
  grid-template-rows: repeat(38, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="40"] {
  grid-template-rows: repeat(40, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="42"] {
  grid-template-rows: repeat(42, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="44"] {
  grid-template-rows: repeat(44, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="46"] {
  grid-template-rows: repeat(46, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed)[data-rows="48"] {
  grid-template-rows: repeat(48, var(--cal-slot)) 0;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="1"] {
  grid-row-start: 1;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="2"] {
  grid-row-start: 2;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="3"] {
  grid-row-start: 3;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="4"] {
  grid-row-start: 4;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="5"] {
  grid-row-start: 5;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="6"] {
  grid-row-start: 6;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="7"] {
  grid-row-start: 7;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="8"] {
  grid-row-start: 8;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="9"] {
  grid-row-start: 9;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="10"] {
  grid-row-start: 10;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="11"] {
  grid-row-start: 11;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="12"] {
  grid-row-start: 12;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="13"] {
  grid-row-start: 13;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="14"] {
  grid-row-start: 14;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="15"] {
  grid-row-start: 15;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="16"] {
  grid-row-start: 16;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="17"] {
  grid-row-start: 17;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="18"] {
  grid-row-start: 18;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="19"] {
  grid-row-start: 19;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="20"] {
  grid-row-start: 20;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="21"] {
  grid-row-start: 21;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="22"] {
  grid-row-start: 22;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="23"] {
  grid-row-start: 23;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="24"] {
  grid-row-start: 24;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="25"] {
  grid-row-start: 25;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="26"] {
  grid-row-start: 26;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="27"] {
  grid-row-start: 27;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="28"] {
  grid-row-start: 28;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="29"] {
  grid-row-start: 29;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="30"] {
  grid-row-start: 30;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="31"] {
  grid-row-start: 31;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="32"] {
  grid-row-start: 32;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="33"] {
  grid-row-start: 33;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="34"] {
  grid-row-start: 34;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="35"] {
  grid-row-start: 35;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="36"] {
  grid-row-start: 36;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="37"] {
  grid-row-start: 37;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="38"] {
  grid-row-start: 38;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="39"] {
  grid-row-start: 39;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="40"] {
  grid-row-start: 40;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="41"] {
  grid-row-start: 41;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="42"] {
  grid-row-start: 42;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="43"] {
  grid-row-start: 43;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="44"] {
  grid-row-start: 44;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="45"] {
  grid-row-start: 45;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="46"] {
  grid-row-start: 46;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="47"] {
  grid-row-start: 47;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="48"] {
  grid-row-start: 48;
}

:is(.week-cal__hours, .week-cal__timed) > [data-from="49"] {
  grid-row-start: 49;
}

.week-cal__timed > [data-span="1"] {
  grid-row-end: span 1;
}

.week-cal__timed > [data-span="2"] {
  grid-row-end: span 2;
}

.week-cal__timed > [data-span="3"] {
  grid-row-end: span 3;
  --_cal-title-lines: 3;
  --_cal-what-lines: 2;
}

.week-cal__timed > [data-span="4"] {
  grid-row-end: span 4;
  --_cal-title-lines: 5;
  --_cal-what-lines: 3;
}

.week-cal__timed > [data-span="5"] {
  grid-row-end: span 5;
  --_cal-title-lines: 6;
  --_cal-what-lines: 5;
}

.week-cal__timed > [data-span="6"] {
  grid-row-end: span 6;
  --_cal-title-lines: 8;
  --_cal-what-lines: 7;
}

.week-cal__timed > [data-span="7"] {
  grid-row-end: span 7;
  --_cal-title-lines: 9;
  --_cal-what-lines: 8;
}

.week-cal__timed > [data-span="8"] {
  grid-row-end: span 8;
  --_cal-title-lines: 11;
  --_cal-what-lines: 10;
}

.week-cal__timed > [data-span="9"] {
  grid-row-end: span 9;
  --_cal-title-lines: 12;
  --_cal-what-lines: 12;
}

.week-cal__timed > [data-span="10"] {
  grid-row-end: span 10;
  --_cal-title-lines: 13;
  --_cal-what-lines: 13;
}

.week-cal__timed > [data-span="11"] {
  grid-row-end: span 11;
  --_cal-title-lines: 15;
  --_cal-what-lines: 15;
}

.week-cal__timed > [data-span="12"] {
  grid-row-end: span 12;
  --_cal-title-lines: 16;
  --_cal-what-lines: 17;
}

.week-cal__timed > [data-span="13"] {
  grid-row-end: span 13;
  --_cal-title-lines: 18;
  --_cal-what-lines: 18;
}

.week-cal__timed > [data-span="14"] {
  grid-row-end: span 14;
  --_cal-title-lines: 19;
  --_cal-what-lines: 20;
}

.week-cal__timed > [data-span="15"] {
  grid-row-end: span 15;
  --_cal-title-lines: 21;
  --_cal-what-lines: 22;
}

.week-cal__timed > [data-span="16"] {
  grid-row-end: span 16;
  --_cal-title-lines: 22;
  --_cal-what-lines: 23;
}

.week-cal__timed > [data-span="17"] {
  grid-row-end: span 17;
  --_cal-title-lines: 23;
  --_cal-what-lines: 25;
}

.week-cal__timed > [data-span="18"] {
  grid-row-end: span 18;
  --_cal-title-lines: 25;
  --_cal-what-lines: 27;
}

.week-cal__timed > [data-span="19"] {
  grid-row-end: span 19;
  --_cal-title-lines: 26;
  --_cal-what-lines: 28;
}

.week-cal__timed > [data-span="20"] {
  grid-row-end: span 20;
  --_cal-title-lines: 28;
  --_cal-what-lines: 30;
}

.week-cal__timed > [data-span="21"] {
  grid-row-end: span 21;
  --_cal-title-lines: 29;
  --_cal-what-lines: 32;
}

.week-cal__timed > [data-span="22"] {
  grid-row-end: span 22;
  --_cal-title-lines: 31;
  --_cal-what-lines: 33;
}

.week-cal__timed > [data-span="23"] {
  grid-row-end: span 23;
  --_cal-title-lines: 32;
  --_cal-what-lines: 35;
}

.week-cal__timed > [data-span="24"] {
  grid-row-end: span 24;
  --_cal-title-lines: 33;
  --_cal-what-lines: 37;
}

.week-cal__timed > [data-span="25"] {
  grid-row-end: span 25;
  --_cal-title-lines: 35;
  --_cal-what-lines: 38;
}

.week-cal__timed > [data-span="26"] {
  grid-row-end: span 26;
  --_cal-title-lines: 36;
  --_cal-what-lines: 40;
}

.week-cal__timed > [data-span="27"] {
  grid-row-end: span 27;
  --_cal-title-lines: 38;
  --_cal-what-lines: 42;
}

.week-cal__timed > [data-span="28"] {
  grid-row-end: span 28;
  --_cal-title-lines: 39;
  --_cal-what-lines: 43;
}

.week-cal__timed > [data-span="29"] {
  grid-row-end: span 29;
  --_cal-title-lines: 41;
  --_cal-what-lines: 45;
}

.week-cal__timed > [data-span="30"] {
  grid-row-end: span 30;
  --_cal-title-lines: 42;
  --_cal-what-lines: 47;
}

.week-cal__timed > [data-span="31"] {
  grid-row-end: span 31;
  --_cal-title-lines: 43;
  --_cal-what-lines: 48;
}

.week-cal__timed > [data-span="32"] {
  grid-row-end: span 32;
  --_cal-title-lines: 45;
  --_cal-what-lines: 50;
}

.week-cal__timed > [data-span="33"] {
  grid-row-end: span 33;
  --_cal-title-lines: 46;
  --_cal-what-lines: 52;
}

.week-cal__timed > [data-span="34"] {
  grid-row-end: span 34;
  --_cal-title-lines: 48;
  --_cal-what-lines: 53;
}

.week-cal__timed > [data-span="35"] {
  grid-row-end: span 35;
  --_cal-title-lines: 49;
  --_cal-what-lines: 55;
}

.week-cal__timed > [data-span="36"] {
  grid-row-end: span 36;
  --_cal-title-lines: 51;
  --_cal-what-lines: 57;
}

.week-cal__timed > [data-span="37"] {
  grid-row-end: span 37;
  --_cal-title-lines: 52;
  --_cal-what-lines: 58;
}

.week-cal__timed > [data-span="38"] {
  grid-row-end: span 38;
  --_cal-title-lines: 53;
  --_cal-what-lines: 60;
}

.week-cal__timed > [data-span="39"] {
  grid-row-end: span 39;
  --_cal-title-lines: 55;
  --_cal-what-lines: 62;
}

.week-cal__timed > [data-span="40"] {
  grid-row-end: span 40;
  --_cal-title-lines: 56;
  --_cal-what-lines: 63;
}

.week-cal__timed > [data-span="41"] {
  grid-row-end: span 41;
  --_cal-title-lines: 58;
  --_cal-what-lines: 65;
}

.week-cal__timed > [data-span="42"] {
  grid-row-end: span 42;
  --_cal-title-lines: 59;
  --_cal-what-lines: 67;
}

.week-cal__timed > [data-span="43"] {
  grid-row-end: span 43;
  --_cal-title-lines: 61;
  --_cal-what-lines: 68;
}

.week-cal__timed > [data-span="44"] {
  grid-row-end: span 44;
  --_cal-title-lines: 62;
  --_cal-what-lines: 70;
}

.week-cal__timed > [data-span="45"] {
  grid-row-end: span 45;
  --_cal-title-lines: 63;
  --_cal-what-lines: 72;
}

.week-cal__timed > [data-span="46"] {
  grid-row-end: span 46;
  --_cal-title-lines: 65;
  --_cal-what-lines: 73;
}

.week-cal__timed > [data-span="47"] {
  grid-row-end: span 47;
  --_cal-title-lines: 66;
  --_cal-what-lines: 75;
}

.week-cal__timed > [data-span="48"] {
  grid-row-end: span 48;
  --_cal-title-lines: 68;
  --_cal-what-lines: 77;
}

.week-cal__timed > [data-lane="1"] {
  grid-column: 1;
}

.week-cal__timed > [data-lane="2"] {
  grid-column: 2;
}

.week-cal__timed > [data-lane="3"] {
  grid-column: 3;
}

.week-cal__timed > li {
  min-width: 0;
}

.week-cal__timed > li:not(.week-cal__slot) {
  position: relative;
  z-index: 1;
  padding: 1px var(--space-1) 1px 1px;
}

.week-cal__slot {
  grid-column: 1/-1;
}

.week-cal__slot:nth-child(odd) {
  border-top: var(--border-width) solid var(--border);
}

.week-cal__slot > a {
  display: block;
  height: 100%;
}

@media (hover: hover) {
  .week-cal__slot > a:hover {
    background: var(--surface-sunken);
  }
}
.week-cal__slot > a:active {
  background: var(--surface-sunken);
}

.week-cal__event {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overflow-wrap: normal;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--_status-bg, var(--surface-sunken));
  box-shadow: inset var(--cal-edge) 0 0 var(--_status-mark, var(--text-muted));
  color: var(--text);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}

.week-cal__company {
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: var(--weight-display);
}

.week-cal__time {
  display: none;
  font-weight: var(--weight-medium);
}

@media (hover: hover) {
  .week-cal__event:hover .week-cal__company {
    text-decoration-line: underline;
  }
}
.week-cal__event:active .week-cal__company {
  text-decoration-line: underline;
}

.week-cal__event[aria-current=true] {
  box-shadow: inset 0 0 0 var(--rule-width) var(--_status-mark, var(--text-muted)), inset var(--cal-edge) 0 0 var(--_status-mark, var(--text-muted)), var(--shadow-2);
}

.week-cal__allday .week-cal__event > span,
.week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event > :is(.week-cal__company, .week-cal__what) {
  width: fit-content;
  max-width: calc(100% + var(--space-2));
  overflow-x: clip;
  text-overflow: ellipsis;
}

@container (width < calc(6.5rem - 1px)) {
  .week-cal__day:not(:last-child) > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event > :is(.week-cal__company, .week-cal__what) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--_cal-what-lines);
  }
  .week-cal__day:not(:last-child) > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event:has(> .week-cal__what) > .week-cal__company {
    -webkit-line-clamp: 2;
  }
  .week-cal__day:not(:last-child) > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event:not(:has(> .week-cal__what)) > .week-cal__company {
    -webkit-line-clamp: var(--_cal-title-lines);
  }
}
@container (width < calc(6.5rem - 2px)) {
  .week-cal__day:last-child > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event > :is(.week-cal__company, .week-cal__what) {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--_cal-what-lines);
  }
  .week-cal__day:last-child > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event:has(> .week-cal__what) > .week-cal__company {
    -webkit-line-clamp: 2;
  }
  .week-cal__day:last-child > .week-cal__timed > :not([data-span="1"], [data-span="2"]) .week-cal__event:not(:has(> .week-cal__what)) > .week-cal__company {
    -webkit-line-clamp: var(--_cal-title-lines);
  }
}

.week-cal__timed > [data-span="1"] .week-cal__event {
  flex-direction: row;
  align-items: center;
  gap: var(--space-1);
  padding-block: 0;
  white-space: nowrap;
}

.week-cal__timed > [data-span="1"] .week-cal__company {
  overflow: hidden;
  text-overflow: ellipsis;
}

.week-cal__timed > [data-span="1"] .week-cal__what {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

@container (min-width: 9.75rem) {
  .week-cal__time {
    display: inline;
  }
}
@container (width < calc(5rem - 1px)) {
  .week-cal__day:not(:last-child) > .week-cal__timed .week-cal__event > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container (width < calc(5rem - 2px)) {
  .week-cal__day:last-child > .week-cal__timed .week-cal__event > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container (width < calc(4.5rem - 1px)) {
  .week-cal__day:not(:last-child) > .week-cal__allday .week-cal__event > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container (width < calc(4.5rem - 2px)) {
  .week-cal__day:last-child > .week-cal__allday .week-cal__event > span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container (max-width: 6.5rem) {
  .week-cal__today {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container (max-width: 1.875rem) {
  .week-cal__date .info-dot {
    display: none;
  }
}

.week-cal__timed > [data-span="2"] .week-cal__event {
  flex-flow: row wrap;
  align-content: flex-start;
  align-items: baseline;
  column-gap: var(--space-1);
}

.week-cal__timed > [data-span="2"] .week-cal__company {
  display: -webkit-box;
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.week-cal__timed > [data-span="2"] .week-cal__event:has(> .week-cal__what) > .week-cal__company {
  -webkit-line-clamp: 1;
}

.week-cal__timed > [data-span="2"] .week-cal__what {
  flex-basis: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.calendar:not(.calendar--panel) {
  container: calendar-week/inline-size;
}
@media (max-width: 37.5em) {
  .calendar:not(.calendar--panel) {
    container: none;
  }
}

.cal-head [data-shown]:not([data-shown~="7"]) {
  display: none;
}

@container calendar-week (width < 38.5rem) {
  .week-cal__day:nth-child(n+7) {
    display: none;
  }
  .week-cal__day:nth-child(6) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="6"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="6"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="6"] {
    display: inline-flex;
  }
}
@container calendar-week (width < calc(33.5rem + 6px)) {
  .week-cal__day:nth-child(n+6) {
    display: none;
  }
  .week-cal__day:nth-child(5) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="5"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="5"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="5"] {
    display: inline-flex;
  }
}
@container calendar-week (width < calc(28.5rem + 5px)) {
  .week-cal__day:nth-child(n+5) {
    display: none;
  }
  .week-cal__day:nth-child(4) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="4"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="4"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="4"] {
    display: inline-flex;
  }
}
@container calendar-week (width < calc(23.5rem + 4px)) {
  .week-cal__day:nth-child(n+4) {
    display: none;
  }
  .week-cal__day:nth-child(3) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="3"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="3"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="3"] {
    display: inline-flex;
  }
}
@container calendar-week (width < calc(18.5rem + 3px)) {
  .week-cal__day:nth-child(n+3) {
    display: none;
  }
  .week-cal__day:nth-child(2) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="2"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="2"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="2"] {
    display: inline-flex;
  }
}
@container calendar-week (width < calc(13.5rem + 2px)) {
  .week-cal__day:nth-child(n+2) {
    display: none;
  }
  .week-cal__day:nth-child(1) > :is(.week-cal__allday, .week-cal__timed) {
    border-right: var(--border-width) solid var(--border);
  }
  .cal-head [data-shown]:not([data-shown~="1"]) {
    display: none;
  }
  .cal-head .cal-head__range[data-shown~="1"] {
    display: inline;
  }
  .cal-head .cal-step[data-shown~="1"] {
    display: inline-flex;
  }
}

.month {
  margin-top: var(--space-3);
}
@media (max-width: 37.5em) {
  .month {
    display: none;
  }
}

.month__names,
.month__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
}

:is(.month__names, .month__days)[data-days="5"] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.month__names {
  border-top: var(--border-width) solid var(--border);
}
.month__names > li {
  padding: var(--space-2) var(--space-3);
  color: var(--text);
}

.month__days {
  grid-auto-rows: minmax(var(--month-row), auto);
  border-top: var(--border-width) solid var(--border);
  border-left: var(--border-width) solid var(--border);
}

.month__day {
  min-width: 0;
  padding: 0 var(--space-2) var(--space-2);
  border-right: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}

.month__day--today {
  background: var(--surface-raised);
}

.month__date {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-width: var(--touch-min);
  min-height: var(--touch-min);
  margin-left: calc(-1 * var(--space-2));
  padding: 0 var(--space-2);
  color: var(--text);
  font-size: var(--text-base);
  text-decoration-line: none;
}
.month__date .info-dot {
  margin: 0;
}

.month__day--other .month__date,
.month__day--past .month__date {
  color: var(--text-muted);
}

.month__day--today .month__date {
  font-weight: var(--weight-bold);
}

.month__today {
  font-size: var(--text-xs);
  white-space: nowrap;
}

@media (hover: hover) {
  .month__date:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.month__date:active {
  text-decoration-line: underline;
}

.month__items {
  display: flex;
  flex-direction: column;
  gap: calc(var(--space-1) / 2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.month__event {
  display: block;
  overflow-wrap: normal;
  padding: calc(var(--space-1) / 2) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--_status-bg, var(--surface-sunken));
  box-shadow: inset var(--cal-edge) 0 0 var(--_status-mark, var(--text-muted));
  color: var(--text);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}
.month__event > b {
  font-weight: var(--weight-bold);
}

.month__words {
  display: block;
  width: fit-content;
  max-width: calc(100% + var(--space-2));
  overflow-x: clip;
  text-overflow: ellipsis;
}

.month__what {
  display: block;
}

.month__day--past .month__event {
  background: transparent;
  box-shadow: inset var(--cal-edge) 0 0 var(--_status-mark, var(--text-muted)), inset 0 0 0 var(--border-width) var(--border-control);
}

@media (hover: hover) {
  .month__event:hover .month__company {
    text-decoration-line: underline;
  }
}
.month__event:active .month__company {
  text-decoration-line: underline;
}

.week--strip {
  display: none;
}
@media (max-width: 37.5em) {
  .week--strip {
    display: block;
    order: 1;
    margin-top: var(--space-2);
  }
}

.week--line {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 var(--space-1);
  padding: var(--space-3) 0 var(--space-4);
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .week--line {
    display: block;
    padding: 0;
    border-top: 0;
  }
}

.week__head-line {
  display: flex;
  align-items: baseline;
  gap: 0 var(--space-1);
  margin: 0;
}
.week__head-line > .week__label {
  color: var(--text);
}
.week__head-line > .link-more {
  margin-left: auto;
}

.week__range {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.week--line > .week__head-line {
  display: contents;
}
.week--line > .week__head-line > .week__label {
  grid-row: 1;
  grid-column: 1;
}
.week--line > .week__head-line > .week__range {
  grid-row: 1;
  grid-column: 2;
  margin-right: var(--space-5);
}
.week--line > .week__head-line > .link-more {
  grid-row: 1;
  grid-column: 4;
  margin-left: var(--space-5);
}
@media (max-width: 37.5em) {
  .week--line > .week__head-line {
    display: flex;
  }
  .week--line > .week__head-line > .week__range {
    margin-right: 0;
  }
  .week--line > .week__head-line > .link-more {
    margin-left: auto;
  }
}

.week--line > .week__days {
  grid-row: 1;
  grid-column: 3;
  margin: 0;
}
@media (max-width: 37.5em) {
  .week--line > .week__days {
    margin: 0 0 var(--space-2);
  }
}

.week__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.week__days[data-days="5"] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@container home-today (max-width: 40rem) {
  .week--line {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .week--line > .week__head-line > .week__range {
    margin-right: 0;
  }
  .week--line > .week__head-line > .link-more {
    grid-column: 3;
  }
  .week--line > .week__days {
    grid-row: 2;
    grid-column: 1/-1;
    margin-top: var(--space-2);
  }
}
.week__date {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--space-1) / 2);
  min-height: var(--week-day-min);
  padding-top: var(--space-1);
  border-radius: var(--radius-md);
  color: var(--text);
  text-decoration-line: none;
}

@media (hover: hover) {
  .week__date:hover {
    background: var(--surface-sunken);
    color: var(--text);
  }
}
.week__date:active {
  background: var(--surface-sunken);
}

.week__weekday {
  position: relative;
}

.week__weekday > .info-dot {
  position: absolute;
  top: 50%;
  right: 100%;
  margin: 0 var(--space-1) 0 0;
  transform: translateY(-50%);
}

.week__num {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.week__day--today :is(.week__weekday, .week__num) {
  color: var(--text);
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
}

.week__load {
  display: flex;
  gap: calc(var(--space-1) / 2);
  min-height: var(--week-bar-height);
}

.week__bar {
  width: var(--week-bar);
  height: var(--week-bar-height);
  border-radius: var(--radius-pill);
  background: var(--_status-mark, var(--text-muted));
}

.week__bar--long {
  width: var(--week-bar-long);
}
@media (max-width: 37.5em) {
  .week__bar--long {
    width: var(--week-bar-long-phone);
  }
}

.agenda {
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 37.5em) {
  .agenda {
    display: block;
    order: 3;
  }
}

.agenda__day {
  padding: var(--space-3) 0;
  border-top: var(--border-width) solid var(--border);
}

.agenda__date {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  font-size: var(--text-md);
}
.agenda__date .info-dot {
  margin: 0;
}

.agenda__day--today .agenda__date > time {
  font-family: var(--font-sans);
  font-weight: var(--weight-bold);
}

.agenda__today {
  padding: calc(var(--space-1) / 2) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text);
}

.agenda__none {
  margin-left: auto;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}

.agenda__items {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.agenda__item {
  display: grid;
  grid-template-columns: var(--agenda-time) minmax(0, 1fr);
  min-height: var(--touch-min);
  color: var(--text);
  text-decoration-line: none;
}

.agenda__time {
  padding-top: calc(var(--space-1) / 2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.agenda__body {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--agenda-mark) + var(--space-3));
}

.agenda__body::before {
  content: "";
  position: absolute;
  top: calc(var(--leading-tight) * 0.5em + var(--space-1));
  left: 0;
  width: var(--agenda-mark);
  height: var(--agenda-mark);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}

.agenda__company {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.agenda__what {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@media (hover: hover) {
  .agenda__item:hover .agenda__company {
    text-decoration-line: underline;
  }
}
.agenda__item:active .agenda__company {
  text-decoration-line: underline;
}

.agenda__steps,
.agenda__actions {
  margin: var(--space-1) 0 0 calc(var(--agenda-time) + var(--agenda-mark) + var(--space-3));
}

.agenda__steps {
  padding: 0;
  font-size: var(--text-sm);
  list-style: none;
}

.agenda__step {
  display: flex;
  align-items: center;
  gap: var(--space-1);
}
.agenda__step > .icon {
  color: var(--success);
}

.agenda__step--todo::before {
  content: "";
  flex: none;
  width: var(--agenda-mark);
  height: var(--agenda-mark);
  margin: 0 calc(var(--space-1) / 2);
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--border-width) var(--text-muted);
}

.agenda__actions {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(var(--agenda-time) + var(--agenda-mark) + var(--space-3) - var(--space-3));
}
.agenda__actions > :first-child {
  flex-basis: 100%;
}
.agenda__actions .button {
  justify-content: flex-start;
  font-size: var(--text-sm);
}

.agenda__ask {
  margin: 0;
}

.calendar--panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--event-panel-width) - var(--space-6) + var(--_page-side));
  gap: var(--space-6);
  margin: calc(-1 * var(--space-6)) calc(-1 * var(--_page-side)) calc(-1 * var(--space-6)) 0;
}
@media (max-width: 37.5em) {
  .calendar--panel {
    display: block;
    margin: 0;
  }
}

.calendar__main {
  min-width: 0;
  padding: var(--space-6) 0;
}
@media (max-width: 37.5em) {
  .calendar__main {
    display: none;
  }
}

@container calendar-page (max-width: 48rem) {
  .calendar--panel {
    grid-template-columns: minmax(0, 1fr);
  }
  .calendar--panel > .calendar__main {
    display: none;
  }
  .calendar--panel > .event-panel > .panel-top {
    height: 0;
  }
  .calendar--panel > .event-panel {
    position: static;
    height: auto;
    min-height: 100dvh;
    overflow: visible;
    box-shadow: none;
    clip-path: none;
  }
  .event-panel > .event-panel__top {
    position: sticky;
    top: calc((var(--coach-panel-head) - var(--touch-min)) / 2);
  }
  @media (max-width: 37.5em) {
    .event-panel > .event-panel__top {
      top: var(--page-top-hold, calc(var(--page-top-room) - var(--space-3)));
    }
  }
}

.event-panel {
  position: sticky;
  top: 0;
  align-self: start;
  height: 100dvh;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: calc((var(--coach-panel-head) - var(--touch-min)) / 2) var(--_page-side) var(--space-6) var(--space-6);
  border-left: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  box-shadow: 0 0 0 100vmax var(--surface-raised);
  clip-path: inset(0 -100vmax 0 0);
}
@media (max-width: 37.5em) {
  .event-panel {
    position: static;
    height: auto;
    overflow: visible;
    padding: 0;
    border-left: 0;
    background: transparent;
    box-shadow: none;
    clip-path: none;
  }
}

.event-panel:not(.event-panel--form) .event-panel__top > .back-link {
  display: none;
}
@media (max-width: 37.5em) {
  .event-panel:not(.event-panel--form) .event-panel__top > .back-link {
    display: inline-flex;
  }
}

.event-panel__top {
  position: relative;
  top: auto;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin: 0 0 var(--space-5);
}
.event-panel__top > .page__end {
  flex: none;
  margin-left: auto;
}
@media (max-width: 37.5em) {
  .event-panel__top {
    position: sticky;
    top: var(--page-top-hold, calc(var(--page-top-room) - var(--space-3)));
    margin-top: calc(-1 * var(--space-3));
    margin-bottom: var(--space-2);
  }
  .event-panel__top > .event-panel__kicker,
  .event-panel__top .event-panel__close {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .event-panel__close:first-child + .page__rule {
    display: none;
  }
}

.event-panel__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.event-panel__kicker .info-dot {
  margin: 0;
}

.event-panel__kicker--page {
  display: none;
}
@media (max-width: 37.5em) {
  .event-panel__kicker--page {
    display: flex;
    margin-bottom: var(--space-1);
  }
}

.event-panel__edit {
  padding-inline: var(--space-2);
}

.event-panel .event-panel__title {
  margin: 0 0 var(--space-1);
  font-size: var(--text-2xl);
}

.event-panel__meta {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
}
.event-panel__meta > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.event-panel__status {
  margin: 0 0 var(--space-2);
}

.event-panel__when {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.event-panel__when > .icon {
  color: var(--text-muted);
}

.event-panel__facts {
  margin: var(--space-5) 0 0;
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.event-panel__fact {
  margin-bottom: var(--space-4);
}
.event-panel__fact > dt {
  margin-bottom: var(--space-1);
}
.event-panel__fact > dd {
  min-width: 0;
  overflow-wrap: anywhere;
}
.event-panel__fact > dd > .link-target {
  max-width: 100%;
}

.event-panel__people {
  margin: 0;
  padding: 0;
  list-style: none;
}

.next-up__steps {
  margin: 0 0 var(--space-4);
  padding: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  list-style: none;
}
.next-up__steps b {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.next-up__step {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.next-up__step > .icon {
  color: var(--success);
}

.next-up__todo {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--border-width) var(--text-muted);
}

.next-up__ask {
  display: flex;
  margin: 0;
}
.next-up__ask > .button {
  flex: 1 1 auto;
}

.next-up--page {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}
.next-up--page > .next-up__heading {
  margin: 0 0 var(--space-2);
}
.next-up--page .next-up__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
}
.next-up--page .next-up__actions > .next-up__ask {
  grid-column: 1/-1;
}
.next-up--page .next-up__actions .button {
  width: 100%;
  padding-inline: var(--space-3);
  white-space: nowrap;
}

.event-form .field,
.dialog .event-form .field {
  max-width: none;
  margin: 0 0 var(--space-3);
}

.event-form__about {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.event-form__kinds {
  max-width: none;
  margin-bottom: var(--space-3);
}
.event-form__kinds .switch__option {
  flex-basis: auto;
  padding: 0 calc(var(--switch-inset) + 2 * var(--border-width) + var(--space-1));
}
.event-form__kinds .switch__text {
  white-space: nowrap;
}

.event-form__row {
  display: grid;
  gap: 0 var(--space-3);
}
.event-form__row > .field {
  min-width: 0;
}
.event-form__row .input {
  min-width: 0;
}

.event-form__row--what {
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.event-form__remind {
  max-width: none;
  margin-bottom: var(--space-3);
}

.event-form__row--when {
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr) minmax(0, 5fr);
}

.event-panel .event-form__row--what,
.event-panel .event-form__row--when {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.event-panel .event-form__row--what > .field,
.event-panel .event-form__day {
  grid-column: 1/-1;
}

.event-panel .event-form__kinds .switch__text {
  font-size: var(--text-xs);
}

@media (max-width: 37.5em) {
  .event-form__row--what,
  .event-form__row--when {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .event-form__row--what > .field,
  .event-form__day {
    grid-column: 1/-1;
  }
  .event-form__kinds .switch__text {
    font-size: var(--text-xs);
  }
}
.textarea.event-form__short {
  min-height: var(--touch-min);
}

.event-form__actions {
  align-items: center;
}

.event-panel .event-form__actions {
  position: sticky;
  bottom: calc(-1 * var(--space-6));
  margin: var(--space-5) 0 0;
  padding: var(--space-4) 0 var(--space-6);
  border-top: var(--border-width) solid var(--border);
  background: var(--surface-raised);
}
@media (max-width: 37.5em) {
  .event-panel .event-form__actions {
    position: static;
    padding-bottom: 0;
    border-top: 0;
    background: transparent;
  }
}

.event-form__delete {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  margin-left: auto;
  color: var(--danger);
  font-weight: var(--weight-bold);
  text-decoration-line: none;
}
@media (max-width: 37.5em) {
  .event-form__delete {
    flex-basis: 100%;
    margin: var(--space-3) 0 0;
    padding-top: var(--space-3);
    border-top: var(--border-width) solid var(--border);
  }
}

@media (hover: hover) {
  .event-form__delete:hover {
    color: var(--danger-strong);
    text-decoration-line: underline;
  }
}
.event-form__delete:active {
  color: var(--danger-strong);
}

.event-form__delete-rest {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .event-form__delete-rest {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
}

.home__head {
  margin-bottom: var(--space-1);
}
@media (max-width: 37.5em) {
  .home__head {
    margin-bottom: var(--space-4);
  }
}

@container page-top (max-width: 23rem) {
  .home__head > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 30rem) {
  .home__head:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}

.home__band {
  min-width: 0;
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .home__band {
    margin-bottom: var(--space-5);
  }
}

.home__heading {
  margin: 0 0 var(--space-3);
  color: var(--text);
  font-family: var(--font-sans);
}

.home {
  container: home/inline-size;
}
@media (max-width: 37.5em) {
  .home {
    container-type: normal;
  }
}

.home__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-6);
  margin-top: var(--space-5);
}
@media (max-width: 37.5em) {
  .home__grid {
    display: block;
    margin-top: 0;
  }
}

@container home (max-width: 44rem) {
  .home__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home__grid > :nth-child(3) {
    grid-column: 1/-1;
  }
}

@container home (min-width: 94rem) {
  .home__grid:has(> .home__band--search > .home-waiting) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .home__grid > .home__band--search:has(> .home-waiting) {
    display: grid;
    grid-column: span 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6);
    align-content: start;
    align-items: start;
  }
  .home__band--search > * {
    grid-column: 1;
  }
  .home__band--search > .home__heading {
    grid-column: 1/-1;
  }
  .home__band--search > .home-waiting {
    grid-row: 2/span 2;
    grid-column: 2;
    margin-top: 0;
  }
  .home__band--search > .home-waiting + .link-more {
    grid-column: 2;
  }
}

.home__band--today {
  container: home-today/inline-size;
}
@media (max-width: 37.5em) {
  .home__band--today {
    container-type: normal;
  }
}

.today-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  gap: var(--space-6);
  align-items: start;
  margin-bottom: var(--space-4);
}
.today-top > :only-child {
  grid-column: 1/-1;
}
@media (max-width: 37.5em) {
  .today-top {
    display: block;
    margin-bottom: var(--space-5);
  }
}

@container home-today (max-width: 47rem) {
  .today-top {
    grid-template-columns: minmax(0, 1fr);
  }
}

.your-day {
  max-width: var(--measure);
  margin: 0;
  color: var(--text);
  font-family: var(--font-voice);
  font-size: var(--text-lg);
  line-height: var(--leading-voice);
}
@media (max-width: 37.5em) {
  .your-day {
    margin-bottom: var(--space-4);
    font-size: var(--text-md);
  }
}

.your-day__label {
  display: block;
  margin-bottom: var(--space-1);
}
@media (max-width: 37.5em) {
  .your-day__label {
    display: inline;
    margin: 0 var(--space-1) 0 0;
  }
}

.quiet--done {
  display: flex;
  flex-wrap: wrap;
  align-items: last baseline;
  column-gap: var(--space-4);
}
@media (max-width: 37.5em) {
  .quiet--done {
    display: block;
  }
}

.quiet__show {
  margin: 0;
}

.quiet-day {
  position: relative;
  display: grid;
  grid-template-areas: "title pass" "text text" "sub sub" "actions actions";
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--space-2);
  min-width: 0;
  margin-top: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}
@media (max-width: 37.5em) {
  .quiet-day {
    padding: var(--space-4);
  }
}

.quiet-day__title {
  grid-area: title;
  align-self: center;
  margin: 0;
}

@media (max-width: 37.5em) {
  .quiet-day__more {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.quiet-day__text {
  grid-area: text;
  max-width: var(--measure);
  margin: 0;
  color: var(--text);
  font-family: var(--font-voice);
  font-size: var(--text-md);
  line-height: var(--leading-voice);
}

.quiet-day__then {
  display: block;
}

.quiet-day__sub {
  grid-area: sub;
  max-width: var(--measure);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.quiet-day__actions {
  grid-area: actions;
  align-items: center;
  margin-top: var(--space-1);
}

.quiet-day__coach {
  display: flex;
  margin: 0;
}
.quiet-day__coach > .button {
  flex: 1 1 auto;
}

.quiet-day__not {
  grid-area: pass;
  margin: 0;
}

.start-here {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  min-width: 0;
  max-width: var(--measure);
}
@media (max-width: 37.5em) {
  .start-here {
    margin-bottom: var(--space-5);
  }
}

.start-here__label,
.start-here__kicker {
  margin: 0;
}

.start-here__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text);
}
.start-here__kicker > .info-dot {
  margin: 0;
}

.start-here__text {
  margin: 0;
  color: var(--text);
  font-family: var(--font-voice);
  font-size: var(--text-lg);
  line-height: var(--leading-voice);
}
@media (max-width: 37.5em) {
  .start-here__text {
    font-size: var(--text-md);
  }
}

.start-here__actions {
  margin: var(--space-1) 0;
}
@media (max-width: 37.5em) {
  .start-here__actions > .button {
    flex: 1 1 100%;
  }
}

.start-here__then {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.start-here__then-link {
  position: relative;
  color: var(--text-muted);
}
.start-here__then-link::after {
  content: "";
  position: absolute;
  inset: min(0px, (1lh - var(--touch-min)) / 2) 0;
}

@media (hover: hover) {
  .start-here__then-link:hover {
    color: var(--text);
  }
}
.start-here__then-link:active {
  color: var(--text);
}

.home-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4) var(--space-6);
  margin: 0 0 var(--space-4);
}
.home-stats > .home-stat {
  min-width: 0;
}
.home-stats dt {
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.home-stats dd {
  margin: 0;
}

.home-stat__figure {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.home-stat__of {
  color: var(--text-muted);
}

.home-time {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-time__summary {
  cursor: pointer;
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
}

.home-time__parts,
.home-time__lines {
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.home-time__part b {
  color: var(--text);
}

.search-time__length {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.search-time__box {
  width: 5rem;
}

.home-stat__add {
  white-space: nowrap;
  margin-top: var(--space-1);
}

.home-stat__apart {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-chart {
  margin: 0 0 var(--space-4);
}

.home-chart__title {
  margin-bottom: var(--space-2);
  color: var(--text);
  font-size: var(--text-sm);
}

.home-chart__plot {
  display: grid;
  grid-template-columns: var(--chart-name) repeat(8, minmax(0, 1fr));
  gap: var(--space-2) var(--chart-gap);
  align-items: end;
}

.home-chart__name {
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

.home-chart__week {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: var(--chart-gap);
  min-height: var(--chart-row);
  border-bottom: var(--border-width) solid var(--border-control);
}

.home-chart__square {
  flex: none;
  width: var(--chart-square);
  height: var(--chart-square);
  background: var(--text-muted);
}

.home-chart__week--interview > .home-chart__square {
  background: var(--_status-mark);
}

.home-chart__col {
  --chart-bar: 4rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: var(--chart-bar);
  border-bottom: var(--border-width) solid var(--border-control);
}

.home-chart__bar {
  width: 70%;
  background: var(--text-muted);
}

.home-chart__bar--p5 {
  height: 5%;
}

.home-chart__bar--p10 {
  height: 10%;
}

.home-chart__bar--p15 {
  height: 15%;
}

.home-chart__bar--p20 {
  height: 20%;
}

.home-chart__bar--p25 {
  height: 25%;
}

.home-chart__bar--p30 {
  height: 30%;
}

.home-chart__bar--p35 {
  height: 35%;
}

.home-chart__bar--p40 {
  height: 40%;
}

.home-chart__bar--p45 {
  height: 45%;
}

.home-chart__bar--p50 {
  height: 50%;
}

.home-chart__bar--p55 {
  height: 55%;
}

.home-chart__bar--p60 {
  height: 60%;
}

.home-chart__bar--p65 {
  height: 65%;
}

.home-chart__bar--p70 {
  height: 70%;
}

.home-chart__bar--p75 {
  height: 75%;
}

.home-chart__bar--p80 {
  height: 80%;
}

.home-chart__bar--p85 {
  height: 85%;
}

.home-chart__bar--p90 {
  height: 90%;
}

.home-chart__bar--p95 {
  height: 95%;
}

.home-chart__bar--p100 {
  height: 100%;
}

.home-chart__axis {
  grid-column: 2/span 4;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.home-chart__axis--end {
  grid-column: 6/span 4;
  text-align: right;
}

.home-waiting {
  margin: 0 0 var(--space-2);
  padding: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  list-style: none;
}
.home-waiting b {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.home-waiting__line {
  min-height: calc(var(--touch-min) - var(--space-2));
  margin-bottom: var(--space-2);
}

.home-waiting__name {
  position: relative;
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
}
.home-waiting__name > a::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2);
  inset: min(0px, (1lh - var(--touch-min)) / 2) min(0px, (100% - var(--touch-min)) / 2);
}

.home-waiting__acts {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-2);
  margin: var(--space-3) 0 var(--space-3) calc(-1 * var(--space-1));
}

.home-waiting__step,
.home-waiting__followed {
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}

.step-ask {
  display: flex;
  margin: 0;
}

.home__empty {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-career__role {
  margin-bottom: var(--space-3);
}

.home-career__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.home-career__where {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.home-career__line {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.goals {
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.goal {
  margin-bottom: var(--space-4);
}

.goal__name {
  margin: 0;
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
}

.goal__link {
  position: relative;
  display: inline-block;
  max-width: 100%;
  color: var(--text);
  overflow-wrap: anywhere;
  text-decoration-line: none;
}

.goal__link::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2) 0;
}

@media (hover: hover) {
  .goal__link:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.goal__link:active {
  text-decoration-line: underline;
}

.goal__meter {
  height: var(--goal-meter-height);
  margin-top: var(--space-1);
}
.goal__meter::-webkit-meter-bar {
  height: var(--goal-meter-height);
}

.goal__state {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.goal__state b {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.home__actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-inline-start: calc(-1 * var(--space-3));
}
@media (max-width: 37.5em) {
  .home__actions {
    flex-flow: row wrap;
    gap: 0 var(--space-2);
  }
}

.home__actions .button {
  font-size: var(--text-sm);
}

.home__ask {
  display: flex;
  margin: 0;
}

.goal-form .field,
.dialog .goal-form .field,
.goal-form .choice {
  max-width: none;
  margin: 0 0 var(--space-4);
}

.goal-form__steps {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.goal-form__steps > legend {
  margin-bottom: var(--space-1);
  padding: 0;
}

.goal-steps {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.goal-steps__row {
  display: grid;
  grid-template-columns: var(--touch-min) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-1) var(--space-2);
}

.goal-steps__done.checkbox {
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.goal-steps__done.checkbox > input {
  margin: 0;
}

.goal-steps__error {
  grid-column: 2;
}

.goal-steps__add {
  margin-top: var(--space-1);
}

.goal-steps__full {
  margin: var(--space-2) 0 0;
}

.goal-form__actions {
  align-items: center;
}

.goal-form__delete {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  margin-left: auto;
  color: var(--danger);
  font-weight: var(--weight-bold);
  text-decoration-line: none;
}
@media (max-width: 37.5em) {
  .goal-form__delete {
    flex-basis: 100%;
    margin: var(--space-3) 0 0;
    padding-top: var(--space-3);
    border-top: var(--border-width) solid var(--border);
  }
}

@media (hover: hover) {
  .goal-form__delete:hover {
    color: var(--danger-strong);
    text-decoration-line: underline;
  }
}
.goal-form__delete:active {
  color: var(--danger-strong);
}

.brief-layout {
  display: grid;
  grid-template-columns: minmax(0, calc(var(--brief-label) + var(--measure))) minmax(var(--brief-margin), 1fr);
  grid-template-rows: repeat(3, auto) 1fr;
  grid-template-areas: "notices switch" "main actions" "main notes" "main rest";
  column-gap: var(--space-5);
}
@media (max-width: 37.5em) {
  .brief-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "switch" "actions" "notices" "main" "notes";
  }
}
@container record-page (max-width: 52rem) {
  .brief-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "switch" "actions" "notices" "main" "notes";
  }
}

.brief-layout--bare {
  grid-template-areas: "main switch" "main actions" "main notes" "main rest";
}
@media (max-width: 37.5em) {
  .brief-layout--bare {
    grid-template-areas: "switch" "actions" "notices" "main" "notes";
  }
}
@container record-page (max-width: 52rem) {
  .brief-layout--bare {
    grid-template-areas: "switch" "actions" "notices" "main" "notes";
  }
}

.brief-layout::before {
  content: "";
  grid-row: 1/-1;
  grid-column: 2;
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .brief-layout::before {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .brief-layout::before {
    display: none;
  }
}

.brief-layout > * {
  min-width: 0;
}

.brief-layout > :is(.version-switch, .brief-layout__actions, .brief-layout__notes) {
  max-width: var(--aside-measure);
  padding-left: var(--space-5);
}
@media (max-width: 37.5em) {
  .brief-layout > :is(.version-switch, .brief-layout__actions, .brief-layout__notes) {
    max-width: none;
    padding-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .brief-layout > :is(.version-switch, .brief-layout__actions, .brief-layout__notes) {
    max-width: none;
    padding-left: 0;
  }
}

.brief-layout__notices {
  grid-area: notices;
}

.brief-layout > .version-switch {
  grid-area: switch;
}

.brief-layout__actions {
  grid-area: actions;
  margin-bottom: var(--space-5);
}

.brief-layout__main {
  grid-area: main;
}

.brief-layout__notes {
  grid-area: notes;
}

.brief-actions {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: start;
  justify-items: start;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .brief-actions {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    justify-content: stretch;
    justify-items: stretch;
  }
}

@container record-page (max-width: 52rem) {
  .brief-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: stretch;
    justify-items: stretch;
  }
}
@media (max-width: 37.5em) {
  .brief-actions__practice {
    grid-column: 1/-1;
  }
}
@container record-page (max-width: 52rem) {
  .brief-actions__practice {
    grid-column: 1/-1;
  }
}

.brief-actions__talk {
  margin: 0;
}
.brief-actions__talk > .button {
  width: 100%;
}

@media (max-width: 37.5em) {
  .brief-actions :is(.brief-actions__talk > .button, .brief-actions__print) {
    padding-inline: var(--space-2);
  }
}
@container record-page (max-width: 52rem) {
  .brief-actions :is(.brief-actions__talk > .button, .brief-actions__print) {
    padding-inline: var(--space-2);
  }
}

.brief-actions__talk-phone {
  display: none;
}
@media (max-width: 37.5em) {
  .brief-actions__talk-phone {
    display: inline-flex;
  }
}

@media (max-width: 37.5em) {
  .brief-actions__talk-mac {
    display: none;
  }
}

.brief-actions__print {
  grid-column: 1/-1;
}
@media (max-width: 37.5em) {
  .brief-actions__print {
    grid-column: auto;
  }
}
@container record-page (max-width: 52rem) {
  .brief-actions__print {
    grid-column: auto;
  }
}
@media (max-width: 37.5em) {
  .brief-actions__print {
    border-color: var(--accent);
  }
}

@media (max-width: 37.5em) {
  .brief-actions__print:active:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
  }
}

.brief-actions__practice-set {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
  justify-items: stretch;
}
.brief-actions__practice-set .button {
  width: 100%;
}

.brief-actions__start {
  margin: 0;
}

.brief-actions__last {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.brief-ready {
  display: grid;
  gap: var(--space-1);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .brief-ready {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-1) var(--space-4);
  }
}
.brief-ready strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.brief-ready__step {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.brief-ready__step > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--success);
}

.brief-ready__ring {
  flex: none;
  width: var(--brief-ring);
  height: var(--brief-ring);
  margin-inline: calc((var(--icon-sm) - var(--brief-ring)) / 2);
  border: var(--rule-width) solid var(--text-muted);
  border-radius: 50%;
}

.brief-ready__link {
  color: inherit;
  text-decoration: none;
}
@media (hover: hover) {
  .brief-ready__link:hover strong {
    text-decoration: underline;
  }
}
.brief-ready__link:active strong {
  text-decoration: underline;
}

.practice-list {
  margin: 0 0 var(--space-4);
}

.practice-list__heading {
  margin: 0 0 var(--space-1);
  font-size: var(--text-base);
}

.practice-list__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}

.practice-list__row {
  border-top: var(--border-width) solid var(--border);
}

.practice-list__rows:last-child > .practice-list__row:last-child {
  border-bottom: var(--border-width) solid var(--border);
}

.practice-list__link {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-3);
  font-size: var(--text-sm);
  text-decoration: none;
}

.practice-list__go {
  flex: none;
  color: var(--text-muted);
}

.practice-list__more > summary {
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
  border-top: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
  cursor: pointer;
}

.practice-list__other {
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
  border-top: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}

.practice-list .review-failure {
  margin-top: var(--space-3);
}

.practice-list .review-failure__dismiss {
  margin-bottom: var(--space-3);
}

.brief-new {
  margin-top: 0;
}

.brief {
  margin-bottom: var(--space-6);
}

.brief__title {
  margin-bottom: var(--space-4);
}

.brief__group {
  margin-bottom: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.brief__group-head {
  margin: 0 0 var(--space-3);
}

.brief__questions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.brief__questions > .brief__item + .brief__item {
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: var(--border-width) dashed var(--border);
}

.brief__question {
  max-width: none;
  margin: 0 0 var(--space-2);
}

.brief--questions .brief__question {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.brief__facts {
  display: grid;
  grid-template-columns: var(--brief-label) minmax(0, 1fr);
  gap: var(--space-1) var(--space-4);
  margin: 0;
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .brief__facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
@container record-page (max-width: 52rem) {
  .brief__facts {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
.brief__facts dd {
  margin: 0;
}

.brief__fact {
  display: contents;
}

.brief__label {
  padding-top: calc((var(--leading) - var(--leading-tight)) * 0.5em);
}
@media (max-width: 37.5em) {
  .brief__label {
    margin-top: var(--space-2);
  }
}
@container record-page (max-width: 52rem) {
  .brief__label {
    margin-top: var(--space-2);
  }
}

.brief__answers {
  margin: 0;
  padding: 0;
  list-style: none;
}

.brief__where,
.brief__nothing,
.brief__none {
  color: var(--text-muted);
}

.brief__none {
  font-size: var(--text-sm);
}

.brief__note .brief__source {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.brief__note .brief__item + .brief__item {
  margin-top: var(--space-3);
}

.brief__note .brief__question {
  margin-bottom: 0;
  font-weight: var(--weight-bold);
}

.brief__note .brief__detail {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
}

.brief-first__lead {
  margin-bottom: var(--space-4);
}

.brief-first .form {
  max-width: var(--field-width);
}

.print-page {
  background: var(--surface);
}

.print-sheet {
  max-width: calc(var(--print-width) + 2 * var(--space-4));
  margin: 0 auto;
  padding: var(--space-5) var(--space-4) var(--space-7);
}

.print-hint {
  max-width: none;
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.print-paper {
  margin-top: var(--space-3);
  padding: var(--space-8) var(--print-margin) var(--space-7);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--print-paper);
  box-shadow: var(--shadow-2);
  color: var(--text);
}
@media (max-width: 37.5em) {
  .print-paper {
    padding: var(--space-5) var(--space-4) var(--space-6);
  }
}

.print-paper__head {
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: var(--rule-width) solid var(--text);
}

.print-paper__title {
  margin: 0 0 var(--space-1);
  font-size: var(--text-2xl);
}

.print-paper__job {
  max-width: none;
  margin: 0 0 var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.print-paper__meta {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.print-paper .brief {
  margin-bottom: var(--space-6);
}

.print-paper .brief__title {
  margin-bottom: var(--space-3);
  padding-bottom: var(--space-1);
  border-bottom: var(--border-width) solid var(--border);
}

.print-paper .brief__group {
  margin-bottom: var(--space-4);
  padding-top: 0;
  border-top: 0;
}

.print-paper .brief__group-head {
  margin-bottom: var(--space-2);
  color: var(--text);
}

.print-paper .brief__questions > .brief__item + .brief__item {
  margin-top: var(--space-4);
  padding-top: 0;
  border-top: 0;
}

.print-paper :is(.brief__question, .brief__facts dd, .brief__detail, .brief__source) {
  font-family: var(--font-doc);
}

.print-paper .brief__question {
  margin-bottom: var(--space-1);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
}

.print-paper .brief__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.print-paper .brief__list > .brief__item + .brief__item {
  margin-top: var(--space-4);
}

.print-paper .brief__detail {
  max-width: none;
  margin: 0;
}

.print-paper .brief__source {
  max-width: none;
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-xs);
}

@media print {
  .print-page {
    background: var(--print-paper);
    color: var(--print-ink);
    font-size: var(--print-text);
  }
  .print-page :is(.print-paper, .print-paper__meta, .brief__label, .brief__where, .brief__nothing, .brief__none, .brief__source, .brief__group-head) {
    color: var(--print-ink);
  }
  .print-sheet,
  .print-paper {
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }
  .print-paper__head {
    border-bottom-color: var(--print-ink);
  }
  .print-hint {
    display: none;
  }
  .print-paper .link-target {
    min-height: 0;
    color: var(--print-ink);
    text-decoration: none;
  }
  .print-page .brief__item {
    break-inside: avoid;
  }
  .print-page .brief__title,
  .print-page .brief__group-head {
    break-after: avoid;
  }
}

.chat {
  max-width: var(--chat-width);
}
@media (max-width: 37.5em) {
  .chat {
    scroll-margin-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom));
  }
}

.chat__scroll {
  position: relative;
  min-height: 0;
  max-height: calc(100dvh - var(--chat-foot));
  overflow-y: auto;
  padding: var(--space-2) var(--space-4) var(--space-4);
  scroll-padding-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .chat__scroll {
    max-height: none;
    overflow-y: visible;
    padding: 0 0 var(--space-4);
  }
}

.chat--practice .chat__scroll {
  max-height: none;
}

.chat__empty {
  margin: 0 0 var(--space-4);
}

.chat__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.chat__message {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  margin: 0 0 var(--space-6);
  scroll-margin-top: var(--space-4);
}

.chat__message:last-child {
  margin-bottom: 0;
}

.chat__who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.chat__time {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-normal);
}

.chat__avatar {
  flex: none;
  width: var(--chat-avatar);
  height: var(--chat-avatar);
  border-radius: 50%;
  box-shadow: var(--brand-edge);
}

.chat__avatar--interviewer {
  display: inline-grid;
  place-content: center;
  border: var(--border-width) solid var(--border-control);
  background: var(--surface-sunken);
  color: var(--text-muted);
  box-shadow: none;
}
.chat__avatar--interviewer > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.chat__body {
  min-width: 0;
  overflow-wrap: anywhere;
}

.chat__body--plain,
.chat__body:not([data-rendered]) {
  white-space: pre-wrap;
}

.chat__body > :first-child {
  margin-top: 0;
}

.chat__body > :last-child {
  margin-bottom: 0;
}

.chat__message--assistant .chat__body {
  font-family: var(--font-voice);
  font-size: var(--text-md);
  font-style: normal;
}

.chat__message--assistant .chat__body :is(h1, h2, h3, h4, h5, h6) {
  margin: var(--space-4) 0 var(--space-2);
  font-family: var(--font-voice);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
}

.chat__message--assistant .chat__body :is(em, i) {
  font-family: var(--font-voice);
  font-style: normal;
  font-weight: var(--weight-medium);
}

.chat__body p {
  margin: 0 0 var(--space-3);
}

.chat__body ul,
.chat__body ol {
  margin: 0 0 var(--space-3);
  padding-left: var(--space-6);
}

.chat__body ul {
  list-style: none;
}

.chat__body ul > li {
  position: relative;
}

.chat__body ul > li::before {
  content: "";
  position: absolute;
  top: calc(var(--leading) * 0.5em - var(--rule-width) / 2);
  left: calc(-1 * var(--space-5));
  width: var(--chat-dash);
  height: var(--rule-width);
  background: var(--text-muted);
}

.chat__body ol > li::marker {
  color: var(--text-muted);
}

.chat__body pre,
.chat__body table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
}

.chat__body pre {
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
}

.chat__body :not(pre) > code {
  padding: 0 var(--space-1);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
}

.chat__body blockquote {
  margin: 0 0 var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-left: var(--rule-width) solid var(--border-control);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  font-family: var(--font-doc);
  font-size: var(--text-base);
}

.chat__body blockquote p {
  max-width: none;
}

.chat__message--user {
  align-items: flex-end;
}

.chat__message--user .chat__body {
  order: -1;
  margin-left: var(--space-7);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-xl) var(--radius-xl) var(--radius-sm) var(--radius-xl);
  background: var(--surface-sunken);
}

.chat__message--user .chat__who {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-normal);
}

.chat__dots {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  min-height: calc(var(--leading) * 1em);
  vertical-align: top;
}

.chat__dots > span {
  width: var(--chat-dot);
  height: var(--chat-dot);
  border-radius: 50%;
  background: var(--text-muted);
  animation: chat-dots var(--dur-working) ease-in-out infinite;
}

.chat__dots > span:nth-child(2) {
  animation-delay: calc(var(--dur-working) / 6);
}

.chat__dots > span:nth-child(3) {
  animation-delay: calc(var(--dur-working) / 3);
}

@keyframes chat-dots {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.35;
  }
}

.chat__message--assistant .chat__body[aria-busy=true]:not(:empty, :has(> .chat__dots))::after {
  content: "";
  display: inline-block;
  width: var(--rule-width);
  height: 1em;
  margin-left: var(--border-width);
  background: var(--text);
  vertical-align: text-bottom;
}

.chat__mark {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
}

.chat__writing {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  max-width: var(--measure);
  margin-block: 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.chat__writing > .chat__avatar {
  animation: working-pulse var(--dur-working) ease-in-out infinite;
}

.chat__live {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.chat__live > .stream-status {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
}

.chat__stop {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  margin-block: 0;
}

.chat__stop[hidden],
.chat__send[hidden] {
  display: none;
}

.chat__stop-mark {
  inline-size: 0.7rem;
  block-size: 0.7rem;
  border-radius: 2px;
  background: currentcolor;
}

.chat__queued {
  max-width: var(--measure);
  margin-block: var(--space-3) var(--space-3);
  margin-inline-start: auto;
  padding: var(--space-3) var(--space-4);
  border: 1px dashed var(--border-strong, var(--border));
  border-radius: var(--radius-md);
  color: var(--text);
}

.chat__queued[hidden] {
  display: none;
}

.chat__queued .chat__who {
  margin-block: 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.chat__queued .chat__body {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.chat__queued-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-block: calc(-1 * var(--space-2)) var(--space-1);
}

.chat__queued-head > .chat__who {
  margin-block: 0;
  min-width: 0;
}

.chat__queued-actions {
  display: flex;
  flex: none;
  gap: var(--space-1);
  margin: 0;
}

.chat__queued-actions .button {
  min-height: 44px;
}

.chat__queued-send {
  border-color: var(--coach);
  border-radius: 50%;
  background: var(--coach);
  color: var(--text-on-coach);
}

.chat__waiting {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  max-width: var(--measure);
  margin-block: 0 var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--warning-soft);
  color: var(--text);
  font-size: var(--text-sm);
}

.chat__mark::before,
.chat__waiting::before {
  content: "";
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--warning);
  background: currentColor;
  -webkit-mask: url("/icons/alert.svg") center/contain no-repeat;
  mask: url("/icons/alert.svg") center/contain no-repeat;
}

.chat__mark[data-stopped-note] {
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
}

.chat__mark[data-stopped-note]::before {
  width: 0.7rem;
  height: 0.7rem;
  margin-top: calc((var(--leading) * 1em - 0.7rem) / 2);
  border-radius: 2px;
  color: var(--text-muted);
  -webkit-mask: none;
  mask: none;
}

.chat__message--assistant > .chat__actions {
  margin-top: 0;
}

.chat__copy {
  gap: var(--space-2);
  margin-left: calc(-1 * var(--space-2));
  padding-inline: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}
.chat__copy > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.chat__copied {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.chat__message .chat__copied > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-right: var(--space-1);
  color: var(--success);
}

.chat__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-3);
}

.chat > :not(.chat__scroll) {
  margin-inline: var(--space-4);
}
@media (max-width: 37.5em) {
  .chat > :not(.chat__scroll) {
    margin-inline: 0;
  }
}

.chat__form {
  margin-block: 0;
}

.chat > .stream-status,
.chat > .form__note {
  margin-block: 0 var(--space-2);
}

.chat > .stream-status:empty,
.chat > .form__note:empty {
  margin-block: 0;
}

.chat__composer {
  position: sticky;
  bottom: 0;
  display: grid;
  gap: var(--space-2);
  margin-block: 0;
  padding: var(--space-3) 0 var(--space-4);
  background: linear-gradient(to bottom, transparent, var(--surface) var(--space-5));
}
@media (max-width: 37.5em) {
  .chat__composer {
    bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom));
    padding: var(--space-3) 0 var(--composer-dock);
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .chat__composer {
    bottom: 0;
    padding-bottom: var(--space-3);
  }
}

.chat__composer > .field__error {
  margin: 0;
}

.chat__field {
  position: relative;
  display: block;
}

.chat__input {
  display: block;
  min-height: var(--composer-min);
  max-height: var(--composer-max);
  padding-block: calc((var(--composer-min) - var(--leading) * 1em) / 2 - var(--border-width));
  padding-inline: var(--space-4) calc(var(--touch-min) + var(--space-2));
  border-radius: var(--radius-field);
  background: var(--surface-raised);
  box-shadow: none;
  field-sizing: content;
  overflow-y: auto;
  resize: none;
}

@supports not (field-sizing: content) {
  .chat__input {
    min-height: var(--textarea-min);
  }
}

.chat__send {
  position: absolute;
  right: var(--space-1);
  bottom: var(--space-1);
  border-color: var(--coach);
  border-radius: 50%;
  background: var(--coach);
  color: var(--text-on-coach);
}

@media (hover: hover) {
  .chat__input:not(:placeholder-shown) ~ .chat__send:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--coach-strong);
    background: var(--coach-strong);
    color: var(--text-on-coach);
  }
}
.chat__input:not(:placeholder-shown) ~ .chat__send:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--coach-strong);
  background: var(--coach-strong);
  color: var(--text-on-coach);
}

.chat__composer--interviewer .chat__send {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--text-on-accent);
}

@media (hover: hover) {
  .chat__composer--interviewer .chat__input:not(:placeholder-shown) ~ .chat__send:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
    background: var(--accent-strong);
    color: var(--text-on-accent);
  }
}
.chat__composer--interviewer .chat__input:not(:placeholder-shown) ~ .chat__send:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--accent-strong);
  background: var(--accent-strong);
  color: var(--text-on-accent);
}

.chat__field > .chat__input ~ .chat__send.chat__send--stop:not([data-working]) {
  border-color: var(--coach);
  background: var(--coach);
  color: var(--text-on-coach);
}

.chat__composer--interviewer .chat__field > .chat__input ~ .chat__send.chat__send--stop:not([data-working]) {
  border-color: var(--accent);
  background: var(--accent);
  color: var(--text-on-accent);
}

.chat__input:placeholder-shown ~ .chat__send:not([data-working]) {
  border-color: var(--border);
  background: transparent;
  color: var(--text-muted);
}

.chat--practice .chat__composer {
  margin-top: auto;
  padding-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .chat--practice .chat__composer {
    position: static;
    background: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

@media (max-width: 37.5em) {
  .chat--practice .chat__message {
    scroll-margin-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--composer-dock));
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .chat--practice .chat__message {
    scroll-margin-bottom: 0;
  }
}

@media (max-width: 37.5em) {
  .chat--practice .chat__send--stop {
    scroll-margin-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--composer-dock));
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .chat--practice .chat__send--stop {
    scroll-margin-bottom: 0;
  }
}

.chat--practice {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  margin-inline: calc(-1 * var(--space-4));
}
@media (max-width: 37.5em) {
  .chat--practice {
    display: block;
    margin-inline: 0;
  }
}

.chat__composer > .field__hint {
  margin: 0;
}

.practice-picks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .practice-picks {
    flex-wrap: nowrap;
    margin: calc(-1 * (var(--focus-width) + var(--focus-offset))) calc(-1 * var(--space-4)) calc(-1 * (var(--focus-width) + var(--focus-offset))) 0;
    padding: calc(var(--focus-width) + var(--focus-offset)) var(--space-7) calc(var(--focus-width) + var(--focus-offset)) 0;
    overflow-x: auto;
    scroll-padding-right: var(--space-7);
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  }
}

.practice-picks__label {
  margin-right: var(--space-2);
}
@media (max-width: 37.5em) {
  .practice-picks__label {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .practice-picks > .tag {
    flex: none;
    white-space: nowrap;
  }
}

.coach__list {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.coach__item {
  margin-bottom: var(--space-2);
}

.coach__link {
  overflow-wrap: anywhere;
}

.practice {
  margin-top: var(--space-7);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.practice__sessions {
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.practice__session {
  margin-bottom: var(--space-2);
}

@media (max-height: 40em) {
  .chat__input {
    max-height: max(var(--composer-min) + 1lh, 18dvh);
  }
}

.chat__tools {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.chat__tools > .think-harder {
  flex: 1 1 var(--cache-row-toggle);
  min-width: 0;
}

@media (max-width: 37.5em) {
  .chat__tools > .think-harder {
    flex-basis: 100%;
  }
}

.cache-chip {
  flex: none;
}

.cache-chip[hidden] {
  display: none;
}

.cache-chip__button {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: var(--touch-min);
  min-height: var(--touch-min);
  padding-inline: var(--space-1);
  border-radius: var(--radius-md);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-variant-numeric: tabular-nums;
  list-style: none;
  cursor: pointer;
}
@media (hover: hover) {
  .cache-chip__button:hover {
    background: var(--surface-sunken);
  }
}
.cache-chip__button:active {
  background: var(--surface-sunken);
}

.cache-chip__button::-webkit-details-marker {
  display: none;
}

.cache-chip__word {
  min-inline-size: var(--cache-chip-word);
}

.cache-chip__ring {
  flex: none;
  inline-size: var(--icon-md);
  block-size: var(--icon-md);
}

.cache-chip__ring circle {
  fill: none;
  stroke-width: var(--cache-ring-stroke);
}

.cache-chip__track {
  stroke: var(--border);
}

.cache-chip__dash {
  stroke: var(--text-muted);
}

.cache-chip__arc {
  stroke: var(--success);
  stroke-linecap: butt;
  transition: stroke-dashoffset var(--dur) var(--ease), stroke var(--dur) var(--ease);
}

.cache-chip[data-cache-state=ending] .cache-chip__arc {
  stroke: var(--cache-ending);
}

.cache-chip[data-cache-state=notkept] .cache-chip__track {
  stroke: var(--text-muted);
}

.cache-chip__icon {
  inline-size: var(--icon-md);
  block-size: var(--icon-md);
  color: var(--text-muted);
}

.cache-chip[data-cache-fix] .cache-chip__icon {
  color: var(--warning);
}

.cache-chip__card {
  position: absolute;
  z-index: var(--z-menu);
  inset-block-end: calc(100% + var(--space-2));
  inset-inline-start: 0;
  box-sizing: border-box;
  inline-size: min(var(--cache-card-width), 100%);
  max-block-size: min(var(--cache-card-width), 50dvh);
  overflow-y: auto;
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  font-size: var(--text-sm);
}

.cache-chip__card > p {
  margin: 0;
}

.cache-chip__card > p[hidden] {
  display: none;
}

.cache-chip__cost:empty {
  display: none;
}

.cache-chip__about > summary {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
  cursor: pointer;
  list-style: none;
}

.cache-chip__about > summary::-webkit-details-marker {
  display: none;
}

.cache-chip__about[open] > p {
  margin: 0 0 var(--space-2);
}

.review {
  max-width: var(--chat-width);
  margin: var(--space-5) 0 var(--space-6);
  overflow-wrap: anywhere;
}

.review > .muted {
  margin-bottom: var(--space-3);
  font-size: var(--text-sm);
}

.review__overall {
  margin: 0 0 var(--space-5);
  font-family: var(--font-voice);
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .review__overall {
    font-size: var(--text-lg);
  }
}

.review__part {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-5) 0 var(--space-3);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.review__mark {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.review__mark--well {
  color: var(--success);
}

.review__list {
  margin: 0;
  padding-left: var(--space-5);
}

.review__item {
  margin-bottom: var(--space-1);
}

.review__list--points {
  display: grid;
  gap: var(--space-3);
  padding: 0;
  list-style: none;
}

.review__list--points > .review__item {
  margin: 0;
  padding-left: var(--space-3);
  border-left: var(--rule-width) solid var(--border);
}

.review__list--tighten > .review__item {
  border-left-color: var(--border-control);
}

.review__list--points .review__detail {
  font-family: var(--font-voice);
  font-size: var(--text-md);
}

.review__answer {
  margin: 0;
  font-weight: var(--weight-bold);
}

.review__list--points .review__answer {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.review__quote,
.review__figures {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.review__detail {
  margin: 0;
}

.review__label {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.review__tighter {
  margin: var(--space-2) 0 var(--space-1);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
}

.review__tighter-text {
  white-space: pre-wrap;
}

.review__tighter > .review__label {
  display: block;
  margin-bottom: var(--space-1);
  font-size: var(--text-xs);
}

.review__list--stories {
  padding: 0;
  list-style: none;
}

.review__list--stories > .review__item {
  margin: 0;
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
}

.review__list--stories > .review__item:last-child {
  border-bottom: var(--border-width) solid var(--border);
}

.review__list--stories .review__answer {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
}

.review__list--stories .review__answer > .link-target {
  color: var(--text);
  text-decoration-line: none;
}

@media (hover: hover) {
  .review__list--stories .review__answer > .link-target:hover {
    text-decoration-line: underline;
  }
}
.review__list--stories .review__answer > .link-target:active {
  text-decoration-line: underline;
}

.review__list--stories .review__detail {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.look-summary {
  margin: 0 0 var(--space-5);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.look-summary__head {
  margin: 0 0 var(--space-2);
}

.look-summary__words,
.look-summary__why {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
}

.look-summary__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.look-summary__actions[hidden],
.look-card__actions[hidden] {
  display: none;
}

.look-card {
  margin: calc(-1 * var(--space-2)) 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-left-width: var(--rule-width);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
}

.look-card[data-state=stale] {
  opacity: 0.6;
}

.look-card__where {
  margin: 0 0 var(--space-1);
  color: var(--text-muted);
}

.look-card__words {
  margin: 0 0 var(--space-2);
  overflow-wrap: anywhere;
}

.look-card__why {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.look-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .look-card__actions {
    flex-direction: column;
    align-items: stretch;
  }
}

.look-card__state {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.look-card__state:empty {
  display: none;
}

.look-mark--del {
  color: var(--text-muted);
  text-decoration: line-through;
}

.look-mark--ins {
  font-weight: var(--weight-bold);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.look-mark--del + .look-mark--ins {
  margin-left: 0.25em;
}

.look-question__never {
  margin: var(--space-4) 0 var(--space-1);
}

.look-question__actions {
  flex-wrap: wrap;
}
@media (max-width: 37.5em) {
  .look-question__actions {
    flex-direction: column;
    align-items: stretch;
  }
}

.look-note {
  margin: 0 0 var(--space-4);
}

.look-error {
  margin: var(--space-2) 0 0;
}

.form__actions + .version-cost {
  margin-top: var(--space-3);
}

.details-look {
  margin: 0 0 var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.details-look[hidden] {
  display: none;
}

.details-look:focus-visible {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: 2px;
}

.details-look .look-card {
  margin: var(--space-3) 0 0;
}

.details-look .look-summary__head,
.details-look .look-summary__why,
.details-look .look-summary__words {
  margin: 0 0 var(--space-1);
}

.story-list {
  max-width: var(--field-width);
  margin: 0;
  padding: 0;
  list-style: none;
}

.story {
  margin-bottom: var(--space-5);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  overflow-wrap: anywhere;
}

.story__title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-lg);
}

.story__meta {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.story__state {
  font-weight: var(--weight-bold);
}

.story__state--ready {
  color: var(--success);
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding: 0;
  list-style: none;
}

.tags li {
  padding: var(--space-1) var(--space-2);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  font-size: var(--text-sm);
}

.story__parts {
  margin: 0 0 var(--space-3);
}

.story__parts dt {
  font-weight: var(--weight-bold);
}

.story__parts dd {
  margin: 0 0 var(--space-3);
}

.choice__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--field-narrow), 1fr));
  gap: 0 var(--space-4);
}

.story-draft {
  max-width: var(--field-width);
  margin-bottom: var(--space-6);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}

.story-draft__look-hint {
  margin: var(--space-4) 0 var(--space-3);
}

.story-draft .proposal__redrafted,
.story-draft .proposal__drafts {
  scroll-margin-top: var(--space-4);
}

@media (max-width: 37.5em) {
  .story-draft__ask > summary {
    width: 100%;
  }
}

.story-look-area {
  max-width: var(--measure);
  margin-top: var(--space-5);
  scroll-margin-top: var(--space-4);
}
.story-look-area > .notice {
  margin-bottom: var(--space-3);
}
.story-look-area > .proposal {
  margin-top: 0;
}

.story-look__mark {
  display: block;
  margin-top: var(--space-1);
}

.story-help {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-2) var(--space-3);
  max-width: var(--measure);
  margin: var(--space-5) 0 var(--space-4);
}

.story-help__ask {
  margin-top: 0;
}

.story-help__talk {
  margin: 0;
}
@media (max-width: 37.5em) {
  .story-help__talk {
    flex: 1 1 100%;
  }
  .story-help__talk > .button {
    width: 100%;
  }
}

@media (max-width: 37.5em) {
  .story-help__ask > summary {
    width: 100%;
  }
}

@media (max-width: 37.5em) {
  .story-help__ask {
    flex: 1 1 100%;
  }
}

@supports selector(::details-content) {
  .story-help > .story-help__ask {
    display: contents;
  }
  @media (max-width: 37.5em) {
    .story-help > .story-help__ask > summary {
      flex: 1 1 100%;
    }
  }
  .story-help > .story-help__ask::details-content {
    flex: 0 0 100%;
    order: 2;
    min-width: 0;
  }
  .story-help > .story-help__ask > .form {
    margin: 0;
  }
}

.job-note__look {
  grid-column: 1/-1;
  min-width: 0;
}
.job-note__look > .proposal {
  margin: var(--space-2) 0 0;
}

.career-head > .page__lead {
  font-size: var(--text-base);
}
@media (max-width: 37.5em) {
  .career-head > .page__lead {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .career-head__import,
  .career-head__import + .page__rule {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .career-head {
    margin-bottom: var(--space-2);
  }
  .career-head + .tabs {
    margin-top: var(--space-2);
  }
}

@container page-top (max-width: 58rem) {
  .career-head > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 65rem) {
  .career-head:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 33rem) {
  .career-head .career-head__import {
    padding: 0;
  }
}
@container page-top (max-width: 40rem) {
  .career-head:has(.mock-marker) .career-head__import {
    padding: 0;
  }
}
@container page-top (max-width: 33rem) {
  .career-head .career-head__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container page-top (max-width: 40rem) {
  .career-head:has(.mock-marker) .career-head__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.career-import {
  display: none;
  margin: calc(-1 * var(--space-3)) 0 var(--space-3);
}
@media (max-width: 37.5em) {
  .career-import {
    display: block;
  }
}

.career-import > .button,
[data-list] > .button--quiet,
.career-add,
.career-entries .entry__buttons > .button:first-child {
  margin-left: calc(-1 * var(--space-3));
}

.career-entries .entry__buttons > .entry__remove {
  margin-right: calc(-1 * var(--space-3));
}

.career-details {
  container-type: inline-size;
}

.career-details__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.career-toc {
  display: none;
}

.career-details__layout > .vw-find {
  grid-column: 1;
  margin-top: var(--space-6);
}

@container (min-width: 50rem) {
  .career-details__layout {
    grid-template-columns: minmax(0, var(--career-column)) var(--career-aside);
    align-items: start;
    gap: var(--space-7);
  }
  .career-details__main {
    grid-row: 1/span 2;
    grid-column: 1;
  }
  .career-details__layout > .vw-find {
    grid-row: 2;
    grid-column: 2;
    align-self: start;
  }
  .career-toc {
    display: block;
    position: sticky;
    top: calc(var(--coach-panel-head) + var(--space-4));
    grid-row: 1;
    grid-column: 2;
  }
}
.career-toc__title {
  margin: 0 0 var(--space-2);
  font-family: var(--font-sans);
}

.career-toc__list {
  margin: 0;
  padding: 0;
  border-left: var(--border-width) solid var(--border);
  list-style: none;
}

.career-toc__link {
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}

@media (hover: hover) {
  .career-toc__link:hover {
    color: var(--text);
  }
}
.career-toc__link:active {
  color: var(--text);
}

.career-toc__unsaved {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin-left: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
  white-space: nowrap;
}
.career-toc__unsaved > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.career-toc__note,
.career-saves-note {
  display: flex;
  max-width: none;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.career-toc__note > .icon,
.career-saves-note > .icon {
  flex: none;
  width: var(--icon-xs);
  height: var(--icon-xs);
  margin-top: 0.3em;
  color: var(--success);
}
.career-toc__note strong,
.career-saves-note strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.career-saves-note {
  margin: 0 0 var(--space-5);
  padding: 0 0 var(--space-4);
  border-top: 0;
  border-bottom: var(--border-width) solid var(--border);
}

@container (min-width: 50rem) {
  .career-saves-note {
    display: none;
  }
}

:root:has(.save-bar:not([hidden])) {
  scroll-padding-bottom: calc(var(--touch-min) + 2 * var(--space-3) + var(--space-3) + var(--space-4));
}
@media (max-width: 37.5em) {
  :root:has(.save-bar:not([hidden])) {
    scroll-padding-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--composer-dock) + 2 * var(--touch-min) + 2 * var(--space-3) + var(--space-4));
  }
}

.profile-section {
  margin-bottom: var(--space-6);
}
.profile-section > h2 {
  margin-bottom: var(--space-1);
}

.profile-section + .profile-section {
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--border);
}

@media (max-width: 37.5em) {
  .career-details .profile-section {
    margin-bottom: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .career-details .profile-section + .profile-section {
    padding-top: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .career-details .profile-section > h2 {
    margin-bottom: var(--space-2);
    font-size: var(--text-lg);
  }
}

@media (max-width: 37.5em) {
  .career-details .profile-section:has(> .section-summary:not([hidden])) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: var(--space-3);
  }
  .career-details .profile-section:has(> .section-summary:not([hidden])) > * {
    grid-column: 1/-1;
  }
  .career-details .profile-section:has(> .section-summary:not([hidden])) > h2 {
    grid-row: 1;
    grid-column: 1;
    margin: 0;
  }
  .career-details .profile-section:has(> .section-summary:not([hidden])) > .section-summary {
    display: contents;
  }
  .career-details .profile-section:has(> .section-summary:not([hidden])) > .section-summary > .button {
    grid-row: 1;
    grid-column: 2;
  }
  .career-details .profile-section:has(> .section-summary:not([hidden])) > .section-summary > .section-summary__line {
    grid-column: 1/-1;
    margin: var(--space-1) 0 var(--space-2);
  }
}

@media (max-width: 37.5em) {
  .career-details__main > .coach-changes {
    margin: 0 0 var(--space-3);
  }
  .career-details__main > .coach-changes .coach-changes__summary {
    margin-top: 0;
  }
}

@media (max-width: 37.5em) {
  .career-saves-note {
    margin-bottom: var(--space-3);
    padding-bottom: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .career-import.career-import--overview,
  .career-saves-note.career-saves-note--overview {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .career-details .career-list:has(> .career-entries > .entry:not([hidden])) {
    margin-bottom: var(--space-2);
    padding: 0 var(--space-4);
    border: var(--border-width) solid var(--border);
    border-radius: var(--radius-lg);
    background: var(--surface-raised);
    box-shadow: var(--shadow-1);
  }
  .career-details .career-list:has(> .career-entries > .entry:not([hidden])) > .career-entries {
    margin: 0;
  }
  .career-details .career-list:has(> .career-entries > .entry:not([hidden])) > .career-entries:has(~ .career-add:not([hidden])) {
    border-bottom: var(--border-width) solid var(--border);
  }
}

@media (max-width: 37.5em) {
  .career-details .career-entries > .entry:not(.entry-card--sheet) {
    margin: 0;
    padding: var(--space-3) 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
}

@media (max-width: 37.5em) {
  .career-details .career-entries > .entry + .entry:not(.entry-card--sheet) {
    border-top: var(--border-width) solid var(--border);
  }
}

@media (max-width: 37.5em) {
  .career-details .career-entries .entry-card__line .entry__heading {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    font-weight: var(--weight-bold);
  }
}

@media (max-width: 37.5em) {
  .career-details .career-entries .entry-card__line .entry__sub {
    margin-top: 0;
  }
}

@media (max-width: 37.5em) {
  .career-details .career-entries .entry-card__line .edit-line {
    font-size: var(--text-sm);
  }
  .career-details .career-entries .entry-card__line .edit-line .edit-line__undo {
    margin-block: calc(-1 * var(--space-3));
    font-size: inherit;
  }
}

@media (max-width: 37.5em) {
  .career-details__layout > .vw-find {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--space-1) var(--space-3);
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
  }
  .career-details__layout > .vw-find > .vw-find__kicker {
    grid-column: 1/-1;
  }
  .career-details__layout > .vw-find > .vw-find__title {
    grid-row: 2;
    grid-column: 1;
    font-size: var(--text-base);
  }
  .career-details__layout > .vw-find > .vw-find__line {
    grid-row: 3;
    grid-column: 1/-1;
    width: 100%;
    overflow: hidden;
    font-size: var(--text-sm);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .career-details__layout > .vw-find > .vw-find__when {
    display: none;
  }
  .career-details__layout > .vw-find > .vw-find__acts {
    grid-row: 2;
    grid-column: 2;
    justify-self: end;
    margin: 0;
  }
  .career-details__layout > .vw-find > .vw-find__acts > .button {
    width: auto;
  }
}

.section-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-3);
}
.section-summary .button {
  min-height: var(--touch-min);
  flex: none;
}

.section-summary__line {
  flex: 1 1 14rem;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .section-summary__line {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

.profile-section__lead {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.career-entries {
  max-width: var(--page-held-width);
}
.career-entries > .entry {
  margin-bottom: var(--space-3);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .career-entries > .entry {
    padding: var(--space-4);
  }
}
.career-entries > .entry--removed {
  padding-block: var(--space-2);
  background: transparent;
  box-shadow: none;
}
.career-entries .entry__heading {
  margin-bottom: var(--space-4);
}
.career-entries .entry__heading:has(+ .entry__sub) {
  margin-bottom: 0;
}
.career-entries .entry__controls {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
}
.career-entries .entry__buttons {
  flex: 1 1 auto;
  gap: var(--space-1);
}

.entry__sub {
  margin: var(--space-1) 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.career-entries > .entry-card:has(> .entry-card__form:not([hidden])) {
  border-color: var(--border-control);
}

@media (max-width: 37.5em) {
  .career-entries > .entry-card--sheet {
    position: fixed;
    inset: 0;
    z-index: var(--z-sheet);
    margin: 0;
    padding: var(--space-4) var(--space-4) 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 0;
    border-radius: 0;
    background: var(--surface);
    box-shadow: none;
  }
}

@media (max-width: 37.5em) {
  .has-sheet {
    overflow: hidden;
  }
}

@media (max-width: 37.5em) {
  .entry-card--sheet .open-foot {
    position: sticky;
    bottom: 0;
    z-index: 1;
    margin: var(--space-4) calc(-1 * var(--space-4)) 0;
    padding: var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom));
    border-top: var(--border-width) solid var(--border);
    background: var(--surface);
  }
}

@media (max-width: 37.5em) {
  .entry-card__form .checkbox {
    min-height: var(--touch-min);
    align-items: center;
  }
}

.join-card {
  max-width: var(--page-held-width);
  margin: 0 0 var(--space-4);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.join-card__title {
  margin: 0 0 var(--space-3);
  font-family: var(--font-display);
}

.join-card__roles {
  margin: 0 0 var(--space-3);
  padding: 0;
  list-style: none;
}

.join-card__note {
  margin: var(--space-3) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.join-card__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-3);
}
.join-card__acts .button {
  min-height: var(--touch-min);
}

.job-names {
  margin: var(--space-3) 0;
}

.job-names__now {
  margin: var(--space-2) 0;
}

.job-names__list {
  margin: 0 0 var(--space-3);
  padding: 0;
  list-style: none;
}

.job-names__list > li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}

.join-later {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-3);
}

.join-later__words {
  margin: 0;
}

.join-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.join-notice__words {
  flex: 1 1 12rem;
  min-width: 0;
  margin: 0;
}

.job-group {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-3);
  margin: var(--space-4) 0 var(--space-2);
  list-style: none;
}

.job-group__name {
  font-family: var(--font-display);
}

.role-chips {
  margin: var(--space-3) 0;
  padding: 0;
  border: 0;
}

.role-chips__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
}

.role-ended .role-chips__row {
  gap: var(--space-2);
}
.role-ended .checkbox {
  flex: 1 1 auto;
  min-width: min-content;
}
.role-ended .choice__text {
  overflow-wrap: normal;
  hyphens: none;
}
.role-ended .role-ended__line,
.role-ended .role-ended__severance {
  display: none;
}
@supports selector(:has(*)) {
  .role-ended:has(input[value=left]:checked) .role-ended__line[data-ended-line=left], .role-ended:has(input[value=laid_off]:checked) .role-ended__line[data-ended-line=laid_off], .role-ended:has(input[value=contract_ended]:checked) .role-ended__line[data-ended-line=contract_ended] {
    display: block;
  }
  .role-ended:has(input[value=laid_off]:checked) .role-ended__severance {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}
@supports not selector(:has(*)) {
  .role-ended[data-ended=left] .role-ended__line[data-ended-line=left], .role-ended[data-ended=laid_off] .role-ended__line[data-ended-line=laid_off], .role-ended[data-ended=contract_ended] .role-ended__line[data-ended-line=contract_ended] {
    display: block;
  }
  .role-ended[data-ended=laid_off] .role-ended__severance {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
  }
}

.role-employer {
  margin: 0 0 var(--space-3);
}

.role-chips__row--three {
  flex-wrap: nowrap;
  gap: var(--space-2) var(--space-3);
}
.role-chips__row--three .checkbox {
  min-height: var(--touch-min);
  white-space: nowrap;
}

.role-where__reading,
.role-where__pay {
  margin: var(--space-1) 0 var(--space-3);
  font-size: var(--text-sm);
}

.open-foot__saved {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.open-foot__saved:empty {
  display: none;
}

.entry-card__head {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

.entry-card__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.entry-card__name > .entry__sub {
  margin-bottom: 0;
}

.entry-card__kicker {
  margin: 0 0 var(--space-1);
}

.entry-card__badge {
  margin: 0;
}

.career-entries .entry-card__name > .entry__heading {
  margin-bottom: 0;
}

.entry-card__edit {
  flex: none;
  min-height: var(--touch-min);
  margin: calc(-1 * var(--space-2)) calc(-1 * var(--space-3)) calc(-1 * var(--space-2)) 0;
}

.entry-card__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-width) solid var(--border);
}
.entry-card__tools > .job-record-link {
  flex: 1 1 100%;
  margin-top: 0;
  border-top: 0;
}
.entry-card__tools > .job-names[open] {
  flex: 1 1 100%;
  margin: 0;
}

.entry-card__moves {
  display: flex;
  flex: none;
  margin: 0 0 0 calc(-1 * var(--space-3));
}

.entry-card__up {
  transform: rotate(-90deg);
}

.entry-card__down {
  transform: rotate(90deg);
}

.entry-card__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-4);
}
.entry-card__foot > .field__saved:empty {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.entry-card__tools > .entry__remove {
  margin-right: calc(-1 * var(--space-3));
}

.save-bar {
  position: sticky;
  bottom: var(--space-3);
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
}
@media (max-width: 37.5em) {
  .save-bar {
    bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--composer-dock));
  }
}

.save-bar__words {
  min-width: 0;
  margin: 0;
  font-weight: var(--weight-bold);
  overflow-wrap: anywhere;
}

.save-bar__actions {
  display: flex;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .save-bar__actions {
    flex: 1 1 100%;
  }
  .save-bar__actions > .button {
    flex: 1 1 0;
  }
}

.entry__remove {
  margin-left: auto;
}

.field-row.career-dates {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
}
@media (max-width: 37.5em) {
  .field-row.career-dates {
    grid-template-columns: minmax(0, 1fr);
  }
}
.field-row.career-dates > .field {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

.entry-card__form .field--saves {
  container-name: saving-box;
  container-type: inline-size;
}

@container saving-box (max-width: 14rem) {
  .entry-card__form .field--saves > .field__saved {
    position: static;
    height: auto;
  }
}

.career-prints {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
}

.career-prints__label {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.career-prints__text {
  margin: 0;
  font-family: var(--font-doc);
}

.career-prints__line {
  display: block;
}

.career-intro {
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
}

.career-split {
  container-type: inline-size;
}

.career-split__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
}

@container (min-width: 50rem) {
  .career-split__layout {
    grid-template-columns: minmax(0, var(--career-column)) minmax(0, var(--career-aside-wide));
    align-items: start;
    gap: var(--space-7);
  }
  .career-split__layout > .career-steps {
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
}
.career-split__main {
  min-width: 0;
}

.career-steps {
  min-width: 0;
}

.career-steps__title {
  margin-bottom: var(--space-4);
  font-size: var(--text-lg);
}

.career-steps__list {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: career-step;
}

.career-steps__step {
  display: grid;
  grid-template-columns: var(--career-step) minmax(0, 1fr);
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
  counter-increment: career-step;
}
.career-steps__step::before {
  content: counter(career-step);
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--career-step);
  height: var(--career-step);
  border: var(--border-width) solid var(--border-control);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
}
.career-steps__step strong {
  color: var(--text);
  font-size: var(--text-base);
}

.career-steps__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.career-steps__now {
  display: none;
  align-items: center;
  margin-right: var(--space-1);
  color: var(--text);
}

.career-split:has(button[data-working]) .career-steps__now {
  display: inline-flex;
}

.career-job {
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-5);
  border-bottom: var(--border-width) solid var(--border);
}

.career-job__head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-3) var(--space-5);
  margin-bottom: var(--space-3);
}

.career-job__words {
  flex: 1 1 var(--field-min);
  min-width: 0;
}

.career-job__name {
  margin: 0;
  font-size: var(--text-xl);
}

.career-job__sub {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .career-job__start {
    flex: 1 1 100%;
  }
  .career-job__start > .button {
    width: 100%;
  }
}

.career-job__none {
  margin: 0;
  font-size: var(--text-sm);
}

.career-job__interviews {
  margin: 0;
  padding: 0 var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  list-style: none;
}
.career-job__interviews > li + li {
  border-top: var(--border-width) solid var(--border);
}

.career-job__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding: var(--space-3) 0;
  color: var(--text-muted);
  text-decoration: none;
}
.career-job__row > .icon:first-child {
  align-self: flex-start;
  margin-top: var(--space-1);
}

.career-job__row-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
}

.career-job__row-title {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.career-job__row-meta {
  font-size: var(--text-sm);
}

@media (hover: hover) {
  .career-job__row:hover .career-job__row-title {
    text-decoration-line: underline;
  }
}
.career-job__row:active .career-job__row-title {
  text-decoration-line: underline;
}

.career-job__go {
  flex: none;
}

.career-draft__words {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.career-pending {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  max-width: var(--measure);
  margin-bottom: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
.career-pending > .icon {
  align-self: flex-start;
  margin-top: calc(var(--space-1) / 2);
  color: var(--text-muted);
}

.career-pending__words {
  flex: 1 1 var(--field-min);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.career-pending__words > strong {
  color: var(--text);
}

@media (max-width: 37.5em) {
  .career-pending__go {
    flex: 1 1 100%;
  }
}

.career-write > .button {
  margin-left: calc(-1 * var(--space-3));
}

.story-state {
  display: flex;
  flex: none;
  flex-direction: column;
  width: var(--career-aside);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .story-state {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 var(--space-2);
    width: auto;
  }
}

.story-state__name {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text);
}

.story-state__icon {
  color: var(--text-muted);
}

.story-state__icon--ready {
  color: var(--success);
}

.story-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-4);
  font-size: var(--text-base);
}

.story-head__about {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.story-draft {
  max-width: var(--career-column);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .story-draft {
    padding: var(--space-4);
  }
}

.story-draft__kicker {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.story-draft__title {
  margin-bottom: var(--space-4);
}

.tag--check {
  position: relative;
  cursor: pointer;
  touch-action: manipulation;
}

.tag__input {
  position: absolute;
  inset: calc(-1 * var(--button-edge));
  width: auto;
  height: auto;
  margin: 0;
  border-radius: var(--radius-md);
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

.tag__check {
  display: none;
}

.tag--check:has(> .tag__input:checked) {
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text);
}
.tag--check:has(> .tag__input:checked) > .tag__check {
  display: inline-block;
}

@media (hover: hover) {
  .tag--check:hover {
    border-color: var(--accent-strong);
    background: var(--accent-soft);
    color: var(--accent-strong);
  }
}
.tag--check:active {
  border-color: var(--accent-strong);
  background: var(--accent-soft);
  color: var(--accent-strong);
}

.story-themes > .tag-list {
  margin-top: var(--space-1);
}

.import-drop {
  justify-items: center;
  max-width: none;
  padding: var(--space-6) var(--space-5);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-lg);
  text-align: center;
}
.import-drop > .input--file {
  max-width: 100%;
  margin-top: var(--space-2);
}
@media (max-width: 37.5em) {
  .import-drop {
    padding: var(--space-5) var(--space-4);
  }
}

.import-drop__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--touch-min);
  height: var(--touch-min);
  margin-bottom: var(--space-2);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  color: var(--text-muted);
}

.import-drop__title {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
}

.import-or {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  max-width: none;
  margin: var(--space-3) 0;
}
.import-or::before, .import-or::after {
  content: "";
  flex: 1 1 auto;
  border-top: var(--border-width) solid var(--border);
}

.import-paste {
  margin-bottom: var(--space-4);
  text-align: center;
}
.import-paste > .field {
  max-width: none;
  margin-top: var(--space-3);
  text-align: start;
}

.import-paste__show {
  list-style: none;
}
.import-paste__show::-webkit-details-marker {
  display: none;
}

.import-paste__chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.import-paste[open] .import-paste__chevron {
  transform: rotate(180deg);
}

.imports {
  margin-top: var(--space-7);
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--border);
}

.import-row__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-3);
}

@media (max-width: 37.5em) {
  .career-interview-head .page__title {
    flex-basis: 100%;
  }
}

@media (max-width: 37.5em) {
  .job-record__head > .page__end {
    margin-left: 0;
  }
}

.job-record__intro {
  max-width: var(--measure);
}

.job-record__section > h2,
.job-record__section > h3 {
  margin-bottom: var(--space-1);
}

.job-record__role {
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.job-record__role:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.job-record__role-title {
  margin: 0 0 var(--space-1);
}

.job-record__role-years {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}

.job-record__role-kind {
  margin: 0 0 var(--space-1);
}

.job-record__role-lead {
  margin: 0 0 var(--space-4);
  font-size: var(--text-sm);
}

.job-note__role {
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}

.job-record__lead {
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.job-record__lead strong {
  color: var(--text);
}

.job-record__none {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.job-record__other {
  margin-top: var(--space-6);
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--border);
}

.job-record__add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: var(--space-4) 0 0;
}

.job-record__talk {
  margin: 0;
}

.job-record__aside {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .job-record__aside {
    margin-top: var(--space-2);
    padding-top: var(--space-6);
    border-top: var(--border-width) solid var(--border);
  }
}

@container (min-width: 50rem) {
  .career-split__layout > .job-record__aside {
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
}
.job-record__aside-section + .job-record__aside-section {
  margin-top: var(--space-6);
}
@media (max-width: 37.5em) {
  .job-record__aside-section + .job-record__aside-section {
    padding-top: var(--space-6);
    border-top: var(--border-width) solid var(--border);
  }
}

.job-record__aside-title {
  margin: 0 0 var(--space-3);
}

.job-bullets {
  margin: 0;
  padding: 0;
  list-style: none;
}

.job-bullet {
  margin: 0 0 var(--space-6);
  padding-left: var(--space-5);
}

.job-bullet__label {
  margin: 0 0 var(--space-1);
}

.job-bullet__text {
  display: list-item;
  margin: 0;
  font-family: var(--font-doc);
  font-size: var(--text-md);
  line-height: var(--leading-doc);
  list-style: disc outside;
  overflow-wrap: anywhere;
}
.job-bullet__text::marker {
  color: var(--text-muted);
}

.job-bullet__none {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-3);
}

.job-bullet__none-words {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.job-stories {
  display: grid;
  gap: var(--space-4);
  margin: var(--space-4) 0 0 calc(-1 * var(--space-4));
  padding: 0 0 0 var(--space-4);
  border-left: var(--rule-width) solid var(--border);
  list-style: none;
}
.job-stories > li {
  margin: 0;
}

.job-record__other > .job-stories {
  margin-left: var(--space-2);
}

.job-story {
  padding: var(--space-4) var(--space-5) var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .job-story {
    padding: var(--space-4) var(--space-4) var(--space-3);
  }
}

.job-story__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
}
@media (max-width: 37.5em) {
  .job-story__head {
    flex-direction: column;
  }
}

.job-story__title {
  margin: 0;
  font-size: var(--text-lg);
}

.job-story__state {
  flex: none;
  font-size: var(--text-sm);
}

.job-story__source {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.job-story__source > .icon {
  margin-top: 0.15em;
}
.job-story__source strong {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.job-story__was {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.job-story__reattach {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2) var(--space-3);
  margin-top: var(--space-2);
}
.job-story__reattach > .field {
  flex: 1 1 16rem;
  margin: 0;
}
.job-story__reattach > .form__actions {
  margin: 0;
}

.job-story__parts {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
}

.job-story__part {
  display: grid;
  grid-template-columns: var(--story-label) minmax(0, 1fr);
  gap: var(--space-1) var(--space-3);
}
@media (max-width: 37.5em) {
  .job-story__part {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }
}
.job-story__part > dt {
  padding-top: 0.3em;
}
.job-story__part > dd {
  margin: 0;
}

.job-story__text {
  display: block;
  font-family: var(--font-doc);
  line-height: var(--leading-doc);
}

@supports selector(:has(*)) {
  .job-story:not(:has(> .job-story__more[open])) .job-story__text {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.story-ask {
  display: inline;
  padding: var(--source-tag-pad) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.story-ask__label {
  margin-right: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.job-story__text + .story-ask {
  display: inline-block;
  margin-top: var(--space-1);
}

.job-story__skills {
  margin-top: var(--space-4);
}

.job-story__label {
  margin: var(--space-4) 0 var(--space-2);
}

.job-proofs {
  margin: 0;
}

.attach-card.job-proof {
  padding-right: var(--space-3);
}

.job-story__used {
  margin: var(--space-4) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.job-story__used strong {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.job-fold {
  margin-top: var(--space-2);
}
.job-fold > summary {
  list-style: none;
}
.job-fold > summary::-webkit-details-marker {
  display: none;
}

.job-fold__chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.job-fold[open] .job-fold__chevron {
  transform: rotate(180deg);
}

.job-fold[open] .job-fold__closed,
.job-fold:not([open]) .job-fold__open {
  display: none;
}

.job-fold__form {
  margin-top: var(--space-3);
}

.job-story__more {
  margin-left: calc(-1 * var(--space-3));
}

.job-story__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-3);
  margin: var(--space-2) 0 var(--space-2) var(--space-3);
}

.job-story__move {
  display: flex;
  flex: 1 1 18rem;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: var(--space-2) var(--space-3);
}
.job-story__move > .field {
  flex: 1 1 14rem;
  margin: 0;
}
.job-story__move > .form__actions {
  margin: 0;
}

.job-story__bullet {
  margin-top: var(--space-1);
  margin-bottom: var(--space-2);
}

.job-notes {
  display: grid;
  gap: var(--space-4);
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.job-note {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-2);
}

.job-note__body {
  min-width: 0;
}

.job-note__text {
  margin: 0;
  font-family: var(--font-doc);
  line-height: var(--leading-doc);
  overflow-wrap: anywhere;
}

.job-note__from {
  margin: var(--space-1) 0 0;
}
.job-note__from > .source-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
}

.job-note__was {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.job-fold--add {
  margin-left: calc(-1 * var(--space-3));
}

.job-fold--add > .job-fold__form {
  margin-left: var(--space-3);
}

.job-record-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: var(--touch-min);
  margin-top: var(--space-4);
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}
.job-record-link strong {
  color: var(--text);
}

.job-record-link__go {
  flex: none;
}

@media (hover: hover) {
  .job-record-link:hover .job-record-link__words {
    text-decoration-line: underline;
  }
}
.job-record-link:active .job-record-link__words {
  text-decoration-line: underline;
}

.pay-fold {
  min-width: 0;
}
.pay-fold > summary {
  list-style: none;
}
.pay-fold > summary::-webkit-details-marker {
  display: none;
}

.pay-fold__summary {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
  cursor: pointer;
}

.pay-fold[open] > .pay-fold__summary {
  border-bottom: 0;
}

.pay-fold__title {
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
}

.pay-fold__chevron {
  flex: none;
  margin-left: auto;
  transition: transform var(--dur-turn) var(--ease);
}

.pay-fold[open] .pay-fold__chevron {
  transform: rotate(180deg);
}

.pay-fold__body {
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}

.pay-fold__lead {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-fold__start {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 0 var(--space-3);
}
.pay-fold__start > .field {
  grid-row: span 4;
  grid-template-rows: subgrid;
  min-width: 0;
}
.pay-fold__start > .field > .field__label {
  grid-row: 1;
}
.pay-fold__start > .field > .field__hint {
  grid-row: 2;
}
.pay-fold__start > .field > .input {
  grid-row: 3;
}
.pay-fold__start > .field > .field__error {
  grid-row: 4;
}

.pay-raises {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.pay-raises > legend {
  padding: 0;
}

.pay-raises__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pay-raise {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding-left: var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
}

.pay-raise__month {
  min-width: 0;
  overflow-wrap: anywhere;
}

.pay-raise__value {
  font-weight: var(--weight-bold);
  text-align: right;
}

.pay-raise--typed {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  padding: var(--space-3) 0 0;
  border-bottom: 0;
}
.pay-raise--typed > .pay-raise__remove {
  margin-bottom: var(--space-4);
}

.pay-raise--change {
  grid-template-columns: auto minmax(0, 1fr) auto;
  padding: var(--space-2) 0 var(--space-2) var(--space-3);
}

.pay-raise--change > .pay-raise__month {
  white-space: nowrap;
}

.pay-change-add > summary {
  list-style: none;
  cursor: pointer;
}

.pay-change-add > summary::-webkit-details-marker {
  display: none;
}

.pay-raise--blank {
  grid-template-columns: minmax(0, 1fr);
}

.pay-raise__fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--field-min)), 1fr));
  gap: 0 var(--space-3);
  min-width: 0;
}
.pay-raise__fields > .field {
  min-width: 0;
}

.pay-raises__add {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}

.pay-fold__period {
  margin-bottom: var(--space-4);
}

.pay-fold__short {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
}

.pay-more {
  margin: 0 0 var(--space-3) calc(-1 * var(--space-3));
}
.pay-more > summary {
  justify-content: flex-start;
  list-style: none;
  text-align: start;
  font-size: var(--text-sm);
}
.pay-more > summary::-webkit-details-marker {
  display: none;
}
.pay-more > .field {
  margin: var(--space-2) 0 0 var(--space-3);
}

.pay-more__chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.pay-more[open] .pay-more__chevron {
  transform: rotate(180deg);
}

.pay-fold__gap {
  max-width: var(--measure);
  margin: 0;
  font-size: var(--text-sm);
}

.pay-tag {
  display: inline-block;
  padding: 0 var(--space-2);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-notice);
  white-space: nowrap;
  vertical-align: middle;
}

.pay-tag--draft {
  border-style: solid;
  border-color: var(--accent);
  background: var(--accent-soft);
  color: var(--text);
}

.pay-raise__value > .pay-tag {
  display: block;
  width: fit-content;
  margin: var(--space-1) 0 0 auto;
  font-weight: var(--weight-bold);
}

.pay-raise--draft,
.pay-raise--evened {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.pay-raise--draft > .pay-raise__month,
.pay-raise--evened > .pay-raise__month {
  white-space: nowrap;
}

.pay-drafts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  max-width: var(--measure);
}
.pay-drafts[hidden] {
  display: none;
}

.pay-drafts__words {
  flex: 1 1 15rem;
  min-width: 0;
  margin: 0;
  padding: var(--space-1) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-drafts__out {
  margin-left: calc(-1 * var(--space-3));
}

.pay-severance {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.pay-severance > legend {
  padding: 0;
}
.pay-severance .pay-severance__choice {
  margin: var(--space-3) 0;
}
.pay-severance .pay-severance__choice > .field__label {
  display: block;
  margin-bottom: var(--space-2);
}

.pay-sums {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--space-3);
  max-width: var(--measure);
  margin: var(--space-3) 0 var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
}
.pay-sums[hidden] {
  display: none;
}
.pay-sums > .icon {
  color: var(--text-muted);
}
.pay-sums p {
  margin: 0;
}

.pay-sums__head {
  margin-bottom: var(--space-1);
}

.pay-fold__fill {
  margin: var(--space-2) 0 var(--space-4) calc(-1 * var(--space-3));
}

@container (min-width: 50rem) {
  .career-split__layout:has(> .pay-fold) {
    grid-template-rows: auto 1fr;
    row-gap: 0;
  }
  .career-split__layout > .pay-fold {
    grid-column: 2;
    grid-row: 1;
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
  .career-split__layout > .job-record__main {
    grid-column: 1;
    grid-row: 1/span 2;
  }
  .career-split__layout > .pay-fold + .job-record__main + .job-record__aside {
    grid-column: 2;
    grid-row: 2;
    padding-top: var(--space-6);
  }
}

.career-gone__entry {
  padding: var(--space-3) 0;
}

.career-gone__what {
  margin: 0 0 var(--space-2);
  overflow-wrap: anywhere;
}

.career-gone__words {
  margin-left: var(--space-2);
}

.career-gone__actions,
.career-gone__move {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.career-gone__move > .select-wrap {
  flex: 1 1 14rem;
}

.story-row__source {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.story-row__source > .icon {
  margin-top: 0.15em;
}
.story-row__source > span {
  min-width: 0;
}

.story-row__ask {
  display: inline-block;
  align-self: flex-start;
  max-width: 100%;
  margin-top: var(--space-2);
  font-size: var(--text-xs);
}

.story-used {
  display: flex;
  flex: none;
  flex-direction: column;
  gap: var(--space-1);
  width: var(--career-aside);
  color: var(--text);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .story-used {
    display: block;
    width: auto;
  }
}

@media (max-width: 37.5em) {
  .story-used__label {
    margin-right: var(--space-2);
  }
}

@media (max-width: 37.5em) {
  a.hairline-list__row > .story-state {
    grid-row: 3;
  }
}

.hairline-list:has(.story-state) {
  container: stories-list/inline-size;
}
@media (max-width: 37.5em) {
  .hairline-list:has(.story-state) {
    container-type: normal;
  }
}

@container stories-list (max-width: 44rem) {
  a.hairline-list__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2) var(--space-3);
    align-items: start;
  }
  a.hairline-list__row > :not(.hairline-list__body, .hairline-list__go) {
    grid-row: 2;
    grid-column: 1;
  }
  .story-state {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0 var(--space-2);
    width: auto;
  }
  .story-used {
    display: block;
    width: auto;
  }
  .story-used__label {
    margin-right: var(--space-2);
  }
  a.hairline-list__row > .story-state {
    grid-row: 3;
  }
}

.story-used-for {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.story-used-for strong {
  color: var(--text);
}

.skill-list {
  margin-bottom: var(--space-2);
}

.skill-legend {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-xs);
}
.skill-legend > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.skill-suggest {
  margin: 0 0 var(--space-5);
}

.skill-suggest__start {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0;
}

.skill-suggest__cost {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.skill-suggest__line {
  max-width: var(--measure);
}

.skill-suggest__mock,
.skill-suggest__sends {
  max-width: var(--measure);
}

.skill-suggest__sends {
  margin: var(--space-4) 0 var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.skill-suggest__sends strong {
  color: var(--text);
}

.skill-suggest__mock {
  margin-top: var(--space-4);
}

.skill-suggest__ask-row {
  margin-bottom: var(--space-2);
}

.skill-suggest__note:not(:empty) {
  margin: var(--space-2) 0 0;
}

.skill-suggestion__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin-top: 0;
}
.skill-suggestion__kicker > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.skill-suggestion__rows {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
}

.skill-suggestion__tick {
  margin-bottom: var(--space-1);
}

.skill-suggestion__words {
  margin: 0 0 var(--space-1);
  font-size: var(--text-sm);
}

.skill-suggestion__quote {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--text-base);
  quotes: none;
}

.skill-suggestion__story {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.skill-suggestion__done {
  flex-wrap: wrap;
  align-items: center;
}

.proposal__decision.skill-suggestion__done > .icon {
  color: var(--success);
}

.skill-suggestion__done > span {
  flex: 1 1 0;
  min-width: 0;
}

.skill-suggestion__undo {
  margin-inline-start: auto;
}

.skill-from-jobs {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}

.skill-from-jobs__icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--text-muted);
}

.skill-from-jobs__words {
  margin: 0;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.skill-from-jobs__acts {
  display: flex;
  flex-wrap: wrap;
  grid-column: 2;
  align-items: center;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .skill-from-jobs__acts {
    grid-column: 1/-1;
  }
}

.skill-from-jobs__form {
  display: flex;
  margin: 0;
}

.skill-from-jobs__name {
  display: inline-flex;
  align-items: center;
}

.skill-from-jobs__hint {
  grid-column: 2;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}
@media (max-width: 37.5em) {
  .skill-from-jobs__hint {
    grid-column: 1/-1;
  }
}

.skill-one {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}

.skill-one__icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--text-muted);
}

.skill-one__words {
  margin: 0;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.skill-one__acts {
  display: flex;
  flex-wrap: wrap;
  grid-column: 2;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .skill-one__acts {
    grid-column: 1/-1;
  }
}
.skill-one__acts form {
  display: flex;
  margin: 0;
}

.skill-one-done {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-4);
}
.skill-one-done form {
  margin: 0;
}

.skill-one-done__words {
  margin: 0;
}

.skill-one-held {
  margin: 0 0 var(--space-4);
}
.skill-one-held form {
  margin: var(--space-2) 0 0;
}

.skill-one-held__words {
  margin: 0 0 var(--space-2);
}

.skill-one-held__list {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-5);
}

.skill-names {
  margin: 0 0 var(--space-4);
}

.skill-panel {
  margin: 0 0 var(--space-5);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .skill-panel {
    padding: var(--space-4);
  }
}

.skill-panel__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: calc(-1 * var(--space-2)) calc(-1 * var(--space-3)) 0 0;
}

.skill-panel__title {
  flex: 1;
  min-width: 0;
  margin: 0;
  font-size: var(--text-lg);
  overflow-wrap: anywhere;
}

.skill-panel__saved {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}
.skill-panel__saved > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.skill-panel__lead {
  margin: var(--space-1) 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.skill-panel__detail {
  min-height: calc(var(--touch-min) + var(--space-5));
  field-sizing: content;
}

.skill-panel__level {
  max-width: calc(2 * var(--field-min));
  margin-bottom: var(--space-4);
}

.skill-panel__actions {
  margin-top: var(--space-4);
}

.skill-panel__form > .form__note:not(:empty) {
  margin: var(--space-3) 0 0;
}

.skill-panel__form > .form__note:empty {
  margin: 0;
}

.job-skills__tags {
  margin-bottom: var(--space-2);
}

.job-skill__level {
  font-size: var(--text-xs);
  font-weight: var(--weight-normal);
}

.job-skill__level--muted {
  color: var(--text-muted);
}

.job-skill__level-choice {
  margin: 0;
  padding: 0 var(--space-1);
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--text-xs);
  cursor: pointer;

  min-block-size: 2.75rem;
  -webkit-appearance: none;
  appearance: none;
  padding-inline-end: calc(var(--space-1) + 0.9rem);
  background-image: linear-gradient(45deg, transparent 50%, currentcolor 50%), linear-gradient(135deg, currentcolor 50%, transparent 50%);
  background-position: calc(100% - 0.55rem) 50%, calc(100% - 0.3rem) 50%;
  background-size: 0.25rem 0.25rem, 0.25rem 0.25rem;
  background-repeat: no-repeat;
}

.job-skill--out {
  border-style: dashed;
}

.job-skills__list {
  margin: var(--space-1) 0 0;
  padding: 0;
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  list-style: none;
}

.job-skills__option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0 var(--space-3);
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
  cursor: pointer;
}

.job-skills__option:last-child {
  border-bottom: 0;
}

.job-skills__option[aria-selected=true] {
  background: var(--surface-sunken);
}

@media (hover: hover) {
  .job-skills__option:hover {
    background: var(--surface-sunken);
  }
}
.job-skills__option:active {
  background: var(--surface-sunken);
}

.job-skills__name {
  min-width: 0;
  font-weight: var(--weight-medium);
  overflow-wrap: anywhere;
}

.job-skills__option--add > .job-skills__name {
  color: var(--accent);
}

.job-skills__level {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.job-skills__note,
.job-skills__problem {
  margin: var(--space-2) 0 0;
  font-size: var(--text-xs);
}

.job-skills__note {
  color: var(--text-muted);
}

.job-skills__problem {
  color: var(--danger);
}

.job-skills__problem:empty {
  display: none;
}

.skill-where {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
}

.skill-where__jobs {
  margin-bottom: 0;
}

.skill-where__employer {
  min-width: 0;
  margin: var(--space-2) 0 0;
  padding: 0;
  border: 0;
}

.skill-where__name {
  padding: 0;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.skill-where__job {
  margin-bottom: 0;
}

.skill-where__actions {
  margin: var(--space-3) 0 0;
}

.skill-where__saved {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.skill-where__saved > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--success);
}

.skill-panel__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
}

.skill-panel__move {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-1 * var(--space-3));
}

.skill-panel__remove {
  margin: 0 calc(-1 * var(--space-3)) 0 auto;
}

.skill-add {
  margin-bottom: var(--space-3);
}
.skill-add > .field {
  margin-bottom: 0;
}

.skill-text {
  margin-left: calc(-1 * var(--space-3));
}
.skill-text > .job-fold__form {
  margin-left: var(--space-3);
}

.pay-page__main {
  min-width: 0;
}

.pay-known {
  max-width: none;
}

.pay-coach {
  margin: 0 0 var(--space-5);
}

.pay-coach__say {
  display: grid;
  grid-template-columns: var(--coach-head-avatar) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
}

.pay-coach__avatar {
  width: var(--coach-head-avatar);
  height: var(--coach-head-avatar);
}

.pay-coach__words {
  max-width: var(--measure);
  margin: 0;
  color: var(--text);
  font-family: var(--font-voice);
  font-size: var(--text-md);
  line-height: var(--leading-voice);
}

.pay-coach__note {
  margin: var(--space-2) 0 0 calc(var(--coach-head-avatar) + var(--space-3));
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.pay-coach__ask {
  max-width: var(--measure);
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-coach__say + .pay-coach__note + .pay-coach__form {
  margin-top: var(--space-3);
}

.pay-steps {
  margin: 0 0 var(--space-5);
}

.pay-steps__title {
  margin: 0 0 var(--space-2);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.pay-steps__chart {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.pay-steps__chart text {
  fill: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
}
.pay-steps__chart line,
.pay-steps__chart path,
.pay-steps__chart rect,
.pay-steps__chart circle {
  vector-effect: non-scaling-stroke;
}

.pay-steps__chart--narrow {
  display: none;
}

@media (max-width: 37.5em) {
  .pay-steps__chart--wide {
    display: none;
  }
  .pay-steps__chart--narrow {
    display: block;
  }
}
.pay-steps__rule {
  stroke: var(--border);
  stroke-width: var(--border-width);
}

.pay-steps__floor,
.pay-steps__notch {
  stroke: var(--border-control);
  stroke-width: var(--border-width);
}

.pay-steps__line {
  fill: none;
  stroke: var(--text);
  stroke-width: var(--rule-width);
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pay-steps__marker {
  fill: var(--text);
  stroke: var(--surface);
  stroke-width: var(--rule-width);
}

.pay-steps__marker--open {
  fill: var(--surface);
  stroke: var(--text);
}

.pay-steps__chart .pay-steps__label {
  fill: var(--text);
  font-weight: var(--weight-bold);
}

.pay-steps__band > rect {
  fill: none;
  stroke: var(--border-control);
  stroke-width: var(--border-width);
  stroke-dasharray: var(--space-1) var(--space-1);
}

.pay-steps__chart .pay-steps__band-words {
  fill: var(--text);
}

.pay-steps__chart .pay-steps__band-words--name {
  fill: var(--text-muted);
}

.pay-steps__riser {
  fill: none;
  stroke: var(--text);
  stroke-width: var(--rule-width);
  stroke-dasharray: var(--space-1) var(--space-1);
}

.pay-steps__marker--evened {
  fill: var(--surface);
  stroke: var(--text);
  stroke-dasharray: var(--rule-width) var(--rule-width);
}

.pay-steps__key {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-steps__sample {
  flex: none;
  width: var(--touch-min);
  height: var(--icon-lg);
  overflow: visible;
}
.pay-steps__sample path,
.pay-steps__sample circle {
  vector-effect: non-scaling-stroke;
}

.pay-steps--home {
  margin: var(--space-3) 0 var(--space-2);
}

.pay-steps__base {
  stroke: var(--border-control);
  stroke-width: var(--border-width);
  stroke-dasharray: var(--space-1) var(--space-1);
}

.pay-steps__ends {
  display: flex;
  justify-content: space-between;
  gap: var(--space-3);
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.pay-steps__ends > span {
  min-width: 0;
}
.pay-steps__ends strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.pay-home-note {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-steps__chart .pay-steps__label,
.pay-steps__chart .pay-steps__band-words {
  paint-order: stroke;
  stroke: var(--surface);
  stroke-width: calc(var(--rule-width) * 2);
  stroke-linejoin: round;
}

.pay-figures {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-4);
  max-width: none;
  margin: 0 0 var(--space-5);
}
@media (max-width: 37.5em) {
  .pay-figures {
    gap: var(--space-3);
  }
}

.pay-figure {
  min-width: 0;
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
}

.pay-figure__label {
  margin-bottom: var(--space-1);
}

.pay-figure__value {
  margin: 0;
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .pay-figure__value {
    font-size: var(--text-md);
  }
}

.pay-figure__about {
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}

.pay-figure__detail {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.pay-later {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-years__title {
  margin: 0 0 var(--space-2);
}

.pay-table__year {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.pay-table .table td:nth-child(2) {
  white-space: normal;
}

@media (max-width: 37.5em) {
  .pay-table .table--stack {
    display: table;
  }
  .pay-table .table--stack thead {
    display: table-header-group;
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
  }
  .pay-table .table--stack tbody {
    display: table-row-group;
  }
  .pay-table .table--stack tr {
    display: table-row;
    padding: 0;
    border-radius: 0;
  }
  .pay-table .table--stack tbody tr:nth-child(even) {
    background: transparent;
  }
  .pay-table .table--stack tbody tr:nth-child(even) > td {
    background: var(--surface-sunken);
  }
  .pay-table .table--stack td {
    display: table-cell;
    padding: var(--space-2);
    overflow-wrap: normal;
    white-space: nowrap;
  }
  .pay-table .table--stack th {
    padding-right: var(--space-2);
    padding-left: var(--space-2);
  }
  .pay-table .table--stack td:nth-child(2) {
    white-space: normal;
  }
  .pay-table .table--stack td::before,
  .pay-table .table--stack td:empty::after {
    content: none;
  }
}

.pay-short__table .table td {
  overflow-wrap: break-word;
  white-space: normal;
}

.pay-short__table .table td:nth-child(2) {
  white-space: nowrap;
}

.pay-short__what {
  display: block;
}

.pay-aside {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .pay-aside {
    margin-top: var(--space-2);
    padding-top: var(--space-6);
    border-top: var(--border-width) solid var(--border);
  }
}

@container (min-width: 50rem) {
  .career-split__layout > .pay-aside {
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
}
.pay-aside__from {
  margin: 0 0 var(--space-3);
}

.pay-aside__job {
  margin: 0;
  font-size: var(--text-lg);
}

.pay-aside__sub {
  margin: var(--space-1) 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.pay-aside__others {
  margin: var(--space-6) 0 var(--space-2);
}

.pay-jobs {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pay-jobs__row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  min-height: var(--touch-min);
  padding-block: var(--space-2);
  padding-inline: 0 calc(var(--icon-sm) + var(--space-3));
  border-bottom: var(--border-width) solid var(--border);
  color: var(--text);
  text-decoration: none;
}

.pay-jobs__name {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}

.pay-jobs__state {
  flex: 0 1 auto;
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: break-word;
  text-align: right;
}

.pay-jobs__go {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  transform: translateY(-50%);
  color: var(--text-muted);
}

@media (hover: hover) {
  .pay-jobs__row:hover .pay-jobs__name {
    text-decoration-line: underline;
  }
}
.pay-jobs__row:active .pay-jobs__name {
  text-decoration-line: underline;
}

.career-pay-way {
  margin: calc(-1 * var(--space-3)) 0 var(--space-3);
}

.edit-changes {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.edit-changes__note {
  margin: 0;
}

.edit-changes__list {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.edit-row {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
}

.edit-row p {
  margin: 0;
}

.edit-row__form {
  justify-self: start;
  margin: 0;
}

.edit-line {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
}

.import-join {
  margin: 0 0 var(--space-4);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.import-join__roles {
  margin: var(--space-2) 0;
  padding-left: var(--space-5);
}

.pay-view {
  display: flex;
  gap: var(--space-2);
  margin: 0 0 var(--space-2);
}

.pay-view__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-3);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-md);
  color: var(--text);
  text-decoration: none;
}
.pay-view__link[aria-current=page] {
  background: var(--text);
  color: var(--surface);
  border-color: var(--text);
}

.pay-view__hint {
  margin: 0 0 var(--space-4);
  font-size: var(--text-sm);
}

.pay-total__lead {
  margin: 0 0 var(--space-3);
}

.income-chart {
  margin: 0 0 var(--space-4);
}

.income-chart__svg {
  display: block;
  width: 100%;
  height: auto;
}

.income-bar__part--job {
  fill: var(--text);
  stroke: var(--surface);
  stroke-width: 1.5;
}

.income-bar__part--freelance {
  fill: var(--income-freelance);
  stroke: var(--surface);
  stroke-width: 1.5;
}

.income-bar__part--set {
  fill: var(--surface);
  stroke: var(--text);
  stroke-width: 1.5;
}

.income-bar__part--severance {
  stroke: var(--text);
  stroke-width: 1;
}

.income-bar__top {
  stroke: var(--text);
  stroke-width: 2;
  stroke-dasharray: 4 3;
}

.income-bar__year,
.income-bar__sofar {
  fill: var(--text-muted);
  font-size: 20px;
}

.income-bar__label {
  fill: var(--text);
  font-size: 18px;
  font-weight: var(--weight-bold);
  paint-order: stroke;
  stroke: var(--surface);
  stroke-width: 4px;
}

.income-bar__leader {
  stroke: var(--text-muted);
  stroke-width: 1.5;
}

.income-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-4);
  margin: var(--space-2) 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-sm);
}

.income-legend__swatch {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: var(--space-1);
  vertical-align: -2px;
  border: 1.5px solid var(--text);
}
.income-legend__swatch--job {
  background: var(--text);
}
.income-legend__swatch--freelance {
  background: var(--income-freelance);
  border-color: var(--income-freelance);
}
.income-legend__swatch--set {
  background: var(--surface);
}
.income-legend__swatch--severance {
  background: repeating-linear-gradient(45deg, var(--text) 0 2px, var(--surface) 2px 5px);
}

.income-year {
  border-top: var(--border-width) solid var(--border);
}

.income-year__summary {
  display: grid;
  gap: var(--space-1);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  cursor: pointer;
}

.income-year__year,
.income-year__total {
  font-weight: var(--weight-bold);
}

.income-year__body {
  padding: 0 0 var(--space-4);
  overflow-wrap: anywhere;
}

.income-year__heading {
  margin: var(--space-3) 0 var(--space-1);
}

.income-year__note {
  margin: var(--space-1) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.income-strip {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-xs);
  table-layout: fixed;
}
.income-strip th,
.income-strip td {
  padding: 2px;
  text-align: center;
  overflow-wrap: anywhere;
}
.income-strip {

}
.income-strip th[scope=rowgroup] {
  padding-top: var(--space-2);
  text-align: left;
  font-weight: var(--weight-normal);
}

.income-strip__cell {
  height: 18px;
  border: var(--border-width) solid var(--border);
}
.income-strip__cell--held {
  background: var(--text);
}
.income-strip__cell--total {
  border: 1.5px solid var(--text);
  background: transparent;
}
.income-strip__cell--severance {
  background: repeating-linear-gradient(45deg, var(--text) 0 2px, var(--surface) 2px 5px);
}

.income-hatch__ground {
  fill: var(--surface);
}

.income-hatch__line {
  stroke: var(--text);
  stroke-width: 2;
}

.split-moves {
  margin: var(--space-3) 0;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
}
.split-moves p {
  margin: 0 0 var(--space-1);
}

.pay-split-ask {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  margin: 0 0 var(--space-4);
}

.pay-split-ask__body {
  min-width: 0;
}
.pay-split-ask__body p {
  margin: 0 0 var(--space-2);
}

.pay-split-ask__title {
  margin: 0 0 var(--space-1);
  font-size: var(--text-base);
}

.pay-split-ask__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.proposal {
  max-width: var(--measure);
  margin-top: var(--space-4);
  padding: var(--space-4) var(--space-5) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  overflow-wrap: anywhere;

  scroll-margin-top: var(--space-4);
}
@media (max-width: 37.5em) {
  .proposal {
    padding: var(--space-4);
  }
}

.proposal + .proposal {
  margin-top: var(--space-3);
}

.proposal__heading {
  margin: 0;
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.proposal__where {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.proposal__label {
  margin: var(--space-3) 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.proposal__text {
  margin: 0;
  padding-left: var(--space-3);
  border-left: var(--rule-width) solid var(--accent);
  color: var(--text);
  font-family: var(--font-doc);
  font-size: var(--text-md);
  line-height: var(--leading-doc);
  text-wrap: pretty;
}

.proposal__text--old {
  border-left-color: var(--border);
  color: var(--text-muted);
  text-decoration: line-through;
}

.proposal__mark {
  background: transparent;
  color: inherit;
  text-decoration: underline wavy var(--warning);
  text-decoration-skip-ink: none;
  text-underline-offset: var(--underline-offset);
}

.proposal__warning {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-top: var(--space-3);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--warning-soft);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.proposal__warning > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  margin-top: calc((var(--leading-notice) * 1em - var(--icon-md)) / 2);
  color: var(--warning);
}

.proposal__warning > p {
  margin: 0;
}

.proposal__note {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.proposal__note strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.proposal__decision {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.proposal__decision > .icon {
  margin-top: calc((var(--leading-notice) * 1em - var(--icon-size)) / 2);
  color: var(--text-muted);
}

.proposal__decision + .proposal__text {
  margin-top: var(--space-2);
}

.proposal--accepted .proposal__decision > .icon,
.proposal--edited .proposal__decision > .icon {
  color: var(--success);
}

.proposal--accepted .proposal__text:not(.proposal__text--old),
.proposal__text--saved {
  border-left-color: var(--success);
}

.proposal--edited .proposal__text:not(.proposal__text--old, .proposal__text--saved),
.proposal--declined .proposal__text:not(.proposal__text--old) {
  border-left-color: var(--border);
  color: var(--text-muted);
}

.proposal--declined .proposal__text:not(.proposal__text--old) {
  text-decoration: line-through;
}

.proposal--declined .proposal__text--old {
  border-left-color: var(--border-control);
  color: var(--text);
  text-decoration: none;
}

.proposal__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin: var(--space-4) 0 var(--space-2);
}
@media (max-width: 37.5em) {
  .proposal__actions > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .proposal__actions > * > .button,
  .proposal__actions > .button {
    width: 100%;
    padding-inline: 0;
  }
}

.proposal .button {
  overflow-wrap: normal;
}

.proposal__actions form {
  margin: 0;
}

@media (max-width: 37.5em) {
  .proposal__actions--lead > :first-child {
    flex-basis: 100%;
  }
}

.proposal > .form__note {
  margin: var(--space-3) 0 0;
  scroll-margin-top: var(--space-4);
}

.proposal > .form__note:empty {
  margin: 0;
}

.proposal__edit {
  margin-top: var(--space-2);
}

.proposal__edit > summary {
  list-style: none;
}

.proposal__edit > summary::-webkit-details-marker {
  display: none;
}

.proposal__edit > .form {
  margin-top: var(--space-3);
}

@media (max-width: 37.5em) {
  .proposal > .proposal__edit > summary {
    width: 100%;
  }
}

@supports selector(::details-content) {
  .proposal:has(> .proposal__edit) {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: var(--space-3);
  }
  .proposal:has(> .proposal__edit) > * {
    flex: 0 0 100%;
    min-width: 0;
  }
  .proposal:has(> .proposal__edit) > .proposal__actions,
  .proposal > .proposal__edit {
    display: contents;
  }
  .proposal:has(> .proposal__edit) > .proposal__actions > *,
  .proposal > .proposal__edit > summary {
    flex: none;
    width: auto;
    margin: var(--space-4) 0 var(--space-2);
  }
  @media (max-width: 37.5em) {
    .proposal:has(> .proposal__edit) > .proposal__actions > *,
    .proposal > .proposal__edit > summary {
      flex: 1 1 0;
      min-width: 0;
    }
  }
  @media (max-width: 37.5em) {
    .proposal > .proposal__edit > summary {
      padding-inline: 0;
    }
  }
  .proposal:has(> .proposal__edit) > .form__note {
    order: 1;
  }
  .proposal > .proposal__edit::details-content {
    flex: 0 0 100%;
    order: 2;
    min-width: 0;
  }
  .proposal > .proposal__edit[open]::details-content {
    margin-top: var(--space-2);
  }
  .proposal > .proposal__edit > .form {
    margin: 0;
  }
}

.proposal-unusable {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@supports selector(::details-content) {
  @media (max-width: 37.5em) {
    .proposal > .proposal__ask > summary {
      flex: 0 0 100%;
    }
  }
}
.proposal__picks .tag-list {
  margin-top: var(--space-1);
}

.proposal__talk {
  margin: var(--space-3) 0 0;
}

.proposal__drafts {
  margin-top: var(--space-1);
}

.proposal__drafts-head {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  list-style: none;
  cursor: pointer;
}

.proposal__drafts-head::-webkit-details-marker {
  display: none;
}

.proposal__drafts[open] > .proposal__drafts-head > .icon {
  transform: rotate(180deg);
}

.proposal__drafts-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.proposal__drafts-list > li + li {
  margin-top: var(--space-3);
}

.proposal__text--draft {
  border-left-color: var(--border);
  color: var(--text-muted);
}

.proposal__look {
  margin-top: var(--space-3);
}
.proposal__look > .version-cost {
  margin-top: var(--space-2);
}
.proposal__look > .form__note {
  margin: var(--space-2) 0 0;
}
.proposal__look > .form__note:empty {
  margin: 0;
}
.proposal__look > [data-limit-finish],
.proposal__look > [data-limit-settings] {
  margin: var(--space-2) var(--space-2) 0 0;
}
@media (max-width: 37.5em) {
  .proposal__look > .button:first-of-type {
    width: 100%;
  }
}

.proposal__look-hint {
  margin: 0 0 var(--space-3);
}

.change-card__list {
  display: grid;
  gap: var(--space-3);
  margin: var(--space-3) 0 0;
}

.change-card__row {
  display: grid;
  grid-template-columns: var(--change-what) minmax(0, 1fr);
  align-items: start;
  column-gap: var(--space-4);
}
@media (max-width: 37.5em) {
  .change-card__row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-1);
  }
}

.change-card {
  container: change-card/inline-size;
}

@container change-card (max-width: 20rem) {
  .change-card__row {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-1);
  }
}

.change-card__what {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.change-card__change {
  margin: 0;
  overflow-wrap: anywhere;
}

.change-card__before,
.change-card__before > * {
  color: var(--text-muted);
  text-decoration: line-through;
}

.change-card__before,
.change-card__after {
  white-space: pre-line;
}

.change-card__arrow {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-inline: var(--space-1);
  color: var(--text-muted);
  vertical-align: middle;
}

.change-card__after {
  display: inline-block;
  max-width: 100%;
  color: var(--text);
  font-weight: var(--weight-bold);
  text-decoration: none;
}

.change-card__kicker {
  margin: 0 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.change-card__math,
.change-card__reach {
  display: grid;
  grid-template-columns: var(--icon-sm) minmax(0, 1fr);
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.change-card__math .icon,
.change-card__reach .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: 0.15em;
  color: var(--text-muted);
}

.change-card__note {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.change-card__note strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.change-card__undo {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-notice);
}

.change-card--applied .proposal__decision > .icon {
  color: var(--success);
}

.change-card__decided {
  margin: 0;
}

.change-card__undo-button {
  margin-block: calc((var(--leading-notice) * 1em - var(--touch-min)) / 2);
  padding-inline: 0;
  font-size: inherit;
  font-weight: var(--weight-medium);
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.coach-changes {
  margin-bottom: var(--space-6);
}

.version-undo {
  margin: 0;
}

.company-note--chat {
  max-width: var(--measure);
  margin-top: var(--space-4);
  scroll-margin-top: var(--space-4);
}

.company-note__decided {
  margin-top: var(--space-3);
}

.company-note__decided > p {
  margin: 0;
}

.company-note--chat > .form__note {
  margin: var(--space-2) 0 0;
}

.company-note--chat > .form__note:empty {
  margin: 0;
}

.company-note--kept {
  border-left-color: var(--success);
}

.company-note--kept .company-note__decided > .icon {
  color: var(--success);
}

.company-note--removed {
  padding-bottom: var(--space-4);
  border-left-color: var(--border-control);
}
.company-note--removed > .company-note__text {
  color: var(--text-muted);
}

.place-card {
  display: grid;
  grid-template-columns: var(--coach-tile-disc) minmax(0, 1fr) auto;
  align-items: center;
  column-gap: var(--space-3);
  max-width: var(--place-card-width);
  min-height: var(--touch-min);
  margin-top: var(--space-3);
  padding: var(--space-2) var(--space-4) var(--space-2) var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  color: var(--text);
  text-decoration: none;
}
@media (max-width: 37.5em) {
  .place-card {
    max-width: none;
  }
}

@media (hover: hover) {
  .place-card:hover {
    border-color: var(--border-control);
  }
}
.place-card:active {
  border-color: var(--border-control);
}

.place-card__icon {
  display: grid;
  place-content: center;
  width: var(--coach-tile-disc);
  height: var(--coach-tile-disc);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text);
}

.place-card__words {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.place-card__title {
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.place-card__where {
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.place-card__go {
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--text-muted);
}

.page:has(> .coach) {
  padding: 0;
}
@media (max-width: 37.5em) {
  .page:has(> .coach) {
    padding: var(--space-5) var(--space-4);
  }
}

.coach {
  display: grid;
  grid-template-columns: var(--conversations-width) minmax(0, 1fr);
  grid-template-areas: "list main";
  min-height: calc(100dvh - var(--footer-height));
}
@media (max-width: 37.5em) {
  .coach {
    display: block;
    min-height: 0;
  }
}

.coach__main {
  grid-area: main;
  min-width: 0;
}

.coach__top {
  grid-area: main;
  align-self: start;
  margin: calc((var(--coach-panel-head) - var(--touch-min)) / 2) var(--_page-side) 0;
  pointer-events: none;
}
.coach__top > .page__end {
  pointer-events: auto;
}
@media (max-width: 37.5em) {
  .coach__top {
    margin: calc(-1 * var(--space-3)) 0 var(--space-4);
    pointer-events: auto;
  }
}

.coach__title {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .coach__title {
    position: static;
    width: auto;
    height: auto;
    overflow: hidden;
    clip-path: none;
  }
}

.coach__head,
.chat__head {
  padding: calc(var(--coach-panel-head) / 2 - var(--text-xl) * var(--leading-tight) / 2) var(--_page-side) var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
  border-image: linear-gradient(var(--border), var(--border)) 0 0 1 0/0 0 var(--border-width) 0/0 100vmax 0 0;
}
@media (max-width: 37.5em) {
  .coach__head,
  .chat__head {
    border-image: none;
  }
}

.coach__heading,
.chat__head > h1 {
  margin: 0;
  font-size: var(--text-xl);
}

.coach__sub,
.chat__about {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .coach-start__head {
    display: none;
  }
}

.coach__body {
  padding: var(--space-6) var(--_page-side);
}
@media (max-width: 37.5em) {
  .coach__body {
    padding: 0;
  }
}

.coach-start__ask {
  margin: 0 0 var(--space-2);
  font-size: var(--text-xl);
}

@media (max-width: 37.5em) {
  .coach-start__ask,
  .coach-start__lead {
    display: none;
  }
}

.coach-start__lead {
  margin-bottom: var(--space-5);
}

.coach-actions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.coach-actions--tiles {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--coach-tile-min), 1fr));
  gap: var(--space-3);
  margin-bottom: var(--space-6);
}
@media (max-width: 37.5em) {
  .coach-actions--tiles {
    display: flex;
    gap: var(--space-3);
    margin: calc(-1 * (var(--focus-width) + var(--focus-offset))) calc(-1 * var(--space-4)) var(--space-5) 0;
    padding: calc(var(--focus-width) + var(--focus-offset)) var(--space-7) calc(var(--focus-width) + var(--focus-offset)) 0;
    overflow-x: auto;
    scroll-padding-right: var(--space-7);
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  }
}
.coach-actions--tiles > li {
  margin: 0;
}
@media (max-width: 37.5em) {
  .coach-actions--tiles > li {
    flex: none;
    width: var(--coach-tile);
    scroll-snap-align: start;
  }
}

.coach-actions__form {
  display: contents;
}

button.coach-actions__item {
  background: transparent;
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.coach-actions--tiles .coach-actions__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: var(--space-3) var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  color: var(--text);
  text-decoration: none;
}

@media (hover: hover) {
  .coach-actions--tiles .coach-actions__item:hover {
    border-color: var(--border-control);
  }
}
.coach-actions--tiles .coach-actions__item:active {
  border-color: var(--border-control);
}

.coach-actions__icon {
  display: grid;
  flex: none;
  place-content: center;
  width: var(--coach-tile-disc);
  height: var(--coach-tile-disc);
  margin-bottom: var(--space-4);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text);
}

.coach-actions__label {
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.coach-actions__hint {
  margin-top: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-notice);
}

.coach-start__form {
  max-width: var(--field-width);
}

.coach-start__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-4);
}
.coach-start__row > .form__actions {
  margin: 0;
}

.coach-start__names {
  display: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .coach-start__names {
    display: block;
    flex: 1 1 0;
  }
}

.conversations {
  grid-area: list;
  min-width: 0;
  padding: calc((var(--coach-panel-head) - var(--touch-min)) / 2) var(--space-3) var(--space-5);
  border-right: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .conversations {
    padding: var(--space-5) 0 0;
    border-right: 0;
  }
}

@media (max-width: 37.5em) {
  .conversations--mac {
    display: none;
  }
}

.conversations--phone {
  display: none;
}
@media (max-width: 37.5em) {
  .conversations--phone {
    display: block;
  }
}

.conversations__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin-bottom: var(--space-5);
  padding-left: var(--space-3);
}
@media (max-width: 37.5em) {
  .conversations__head {
    display: none;
  }
}

.conversations__title {
  margin: 0;
  font-size: var(--text-lg);
  white-space: nowrap;
}

.conversations__end {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: calc(-1 * var(--space-3));
}
.conversations__end > .conversations__new {
  gap: var(--space-1);
  padding-inline: var(--space-2);
}

.conversations > .group-heading {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-3);
}
@media (max-width: 37.5em) {
  .conversations > .group-heading {
    padding-left: 0;
  }
}

.conversations__none {
  padding-left: var(--space-3);
}
@media (max-width: 37.5em) {
  .conversations__none {
    padding-left: 0;
  }
}

.conversations__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.conversations__item {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin: 0;
  border-radius: var(--radius-md);
}
@media (max-width: 37.5em) {
  .conversations__item {
    border-radius: 0;
  }
}

.conversations__item[hidden] {
  display: none;
}

.conversations__filter {
  --filter-width: 100%;
  width: 100%;
  margin-bottom: var(--space-3);
}
.conversations__filter > summary {
  width: 100%;
  justify-content: flex-start;
}

.conversations__note {
  margin: calc(-1 * var(--space-1)) 0 var(--space-3);
  padding-left: var(--space-3);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .conversations__note {
    padding-left: 0;
  }
}

@media (max-width: 37.5em) {
  .conversations__item + .conversations__item {
    border-top: var(--border-width) solid var(--border);
  }
}

.conversations__item:has(> [aria-current=page]) {
  background: var(--accent-soft);
  box-shadow: inset var(--current-mark) 0 0 var(--accent);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}

.conversations__link {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-3);
  color: var(--text);
  text-decoration: none;
}
@media (max-width: 37.5em) {
  .conversations__link {
    padding: var(--space-3) 0;
  }
}

.conversations__name {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  overflow-wrap: anywhere;
}

.conversations__link[aria-current=page] .conversations__name {
  font-weight: var(--weight-bold);
}

.conversations__meta {
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading-tight);
}

@media (hover: hover) {
  .conversations__link:hover .conversations__name {
    text-decoration-line: underline;
  }
}
.conversations__link:active .conversations__name {
  text-decoration-line: underline;
}

.conversations__menu {
  position: relative;
  flex: none;
}
.conversations__menu > summary {
  list-style: none;
}
.conversations__menu > summary::-webkit-details-marker {
  display: none;
}
.conversations__menu > .menu {
  top: calc(100% + var(--space-1));
  right: 0;
}

.conversations__archived {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin-top: var(--space-2);
  padding-left: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}
@media (max-width: 37.5em) {
  .conversations__archived {
    padding-left: 0;
  }
}
.conversations__archived > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
}

@media (hover: hover) {
  .conversations__archived:hover {
    color: var(--text);
    text-decoration-line: underline;
  }
}
.conversations__archived:active {
  text-decoration-line: underline;
}

.conversations__archived[aria-current=page] {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.archived-notice {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3);
}

.archived-notice__words {
  min-width: 0;
  overflow-wrap: anywhere;
}

.archived-notice__form,
.archived-notice__see {
  margin: calc((var(--leading-notice) * 1em - var(--touch-min)) / 2) 0 calc((var(--leading-notice) * 1em - var(--touch-min)) / 2) calc(-1 * (var(--space-3) + var(--border-width)));
}

.coach-archived__back {
  display: none;
}
@media (max-width: 37.5em) {
  .coach-archived__back {
    display: inline-flex;
    margin-bottom: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .coach-archived__head {
    padding: 0 0 var(--space-3);
    border-bottom: 0;
  }
  .coach-archived__head > .coach__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.coach-archived__list {
  max-width: var(--measure);
}

.coach-archived__restore {
  flex: none;
  margin: 0;
}

.coach-archived__item {
  gap: var(--space-1);
}

.coach-archived__none {
  margin: 0 0 var(--space-3);
}

.coach--conversation {
  container: coach-panes/inline-size;
  grid-template-columns: auto minmax(0, 1fr);
  height: calc(100dvh - var(--footer-height));
  min-height: 0;
}
@media (max-width: 37.5em) {
  .coach--conversation {
    container-type: normal;
    height: auto;
  }
}
.coach--conversation > .conversations {
  width: var(--conversations-width);
  min-height: 0;
  overflow-y: auto;
}
@media (max-width: 37.5em) {
  .coach--conversation > .conversations {
    display: none;
  }
}

.coach--conversation[data-list=hidden] > .conversations {
  display: none;
}

@container coach-panes (max-width: 58.5rem) {
  .coach--conversation:not([data-list=shown]) > .conversations {
    display: none;
  }
  .coach--conversation:not([data-list=shown]) .chat__list-tools {
    display: flex;
  }
  .coach--conversation:not([data-list=shown]) .chat__head > .chat__top {
    grid-row: 1;
  }
}

.chat__list-tools {
  display: none;
  grid-column: 1;
  gap: var(--space-1);
  margin: calc(-1 * var(--space-2)) 0 var(--space-1) calc(-1 * var(--space-3));
}

.coach--conversation[data-list=hidden] .chat__list-tools {
  display: flex;
}
@media (max-width: 37.5em) {
  .coach--conversation[data-list=hidden] .chat__list-tools {
    display: none;
  }
}
.coach--conversation[data-list=hidden] .chat__head > .chat__top {
  grid-row: 1;
}

.coach-chat {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (max-width: 37.5em) {
  .coach-chat {
    display: block;
  }
}
.coach-chat > .notice {
  align-self: center;
  width: min(100% - 2 * var(--_page-side), var(--chat-width) - 2 * var(--space-4));
  max-width: none;
  margin: var(--space-4) 0 var(--space-2);
  padding-inline-end: max(var(--space-4), min(100% - 2 * var(--_page-side), var(--chat-width) - 2 * var(--space-4)) - var(--space-4) - var(--icon-md) - var(--space-3) - var(--measure));
}
@media (max-width: 37.5em) {
  .coach-chat > .notice {
    width: auto;
    margin: var(--space-4) 0 0;
    padding-inline-end: var(--space-4);
  }
}
.coach-chat > .archived-notice {
  padding-inline-end: var(--space-4);
}
.coach-chat > .chat {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: center;
  width: min(100% - 2 * var(--space-4), var(--chat-width));
  min-height: 0;
  margin: 0;
}
@media (max-width: 37.5em) {
  .coach-chat > .chat {
    display: block;
    width: auto;
    margin: var(--space-4) 0 0;
  }
}
.coach-chat .chat__scroll {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
}
@media (max-width: 37.5em) {
  .coach-chat .chat__scroll {
    display: block;
  }
}
.coach-chat .chat__scroll::before {
  content: "";
  flex: 1 1 auto;
}

.chat__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: var(--space-2);
  align-items: center;
}
@media (max-width: 37.5em) {
  .chat__head {
    display: contents;
  }
}
@media (max-width: 37.5em) {
  .chat__head > h1 {
    font-size: var(--text-lg);
  }
}
.chat__head > :not(.chat__top) {
  grid-column: 1;
}

@media (max-width: 37.5em) {
  .chat__head::after {
    content: "";
    display: block;
    margin-top: var(--space-3);
    border-bottom: var(--border-width) solid var(--border);
  }
}

.chat__head > .chat__top {
  container-type: normal;
  position: static;
  grid-row: 1/span 2;
  grid-column: 2;
  align-self: start;
  margin: calc(var(--text-xl) * var(--leading-tight) / 2 - var(--touch-min) / 2) 0 0;
}
@media (max-width: 37.5em) {
  .chat__head > .chat__top {
    container-type: inline-size;
    position: sticky;
    margin: calc(-1 * var(--space-3)) 0 var(--space-1);
  }
}

.chat__top > .back-link {
  display: none;
}
@media (max-width: 37.5em) {
  .chat__top > .back-link {
    display: block;
  }
}

.chat__new {
  display: none;
}
@media (max-width: 37.5em) {
  .chat__new {
    display: inline-flex;
  }
}

@media (max-width: 37.5em) {
  .frame__main:has(.chat__top[data-stuck])::before {
    background: var(--surface);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}

.chat__about a {
  padding-block: calc((var(--touch-min) - 1em) / 2);
}

@media (max-width: 37.5em) {
  .chat__about--started,
  .chat__started {
    display: none;
  }
}

.coach-sheet {
  width: 100%;
  max-width: min(100%, var(--sheet-width));
  max-height: calc(100% - var(--space-6));
  margin: auto auto 0;
  padding: var(--space-2) var(--space-4) calc(var(--space-5) + env(safe-area-inset-bottom));
  border: 0;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background: var(--surface-raised);
  box-shadow: var(--shadow-3);
  color: var(--text);
  overflow-y: auto;
  overscroll-behavior: contain;
}

.coach-sheet[open] {
  animation: sheet-rise var(--dur) var(--ease);
}

.coach-sheet::backdrop {
  background: var(--scrim);
}

.coach-sheet[open]::backdrop {
  animation: scrim-in var(--dur) var(--ease);
}

.coach-sheet[open][data-risen]:not(.coach-sheet--closing),
.coach-sheet[open][data-risen]:not(.coach-sheet--closing)::backdrop {
  animation: none;
}

.coach-sheet[open].coach-sheet--closing {
  animation: sheet-sink var(--dur) var(--ease) forwards;
}

.coach-sheet[open].coach-sheet--closing::backdrop {
  animation: scrim-out var(--dur) var(--ease) forwards;
}

@keyframes sheet-sink {
  to {
    transform: translateY(100%);
  }
}
@keyframes scrim-out {
  to {
    opacity: 0;
  }
}
.coach-sheet > .dialog__grabber {
  margin-bottom: var(--space-2);
}

.coach-sheet__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}

.coach-sheet__head > form {
  margin: 0 calc(-1 * var(--space-2)) 0 0;
}

.coach-sheet__title,
.coach-panel__title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}

.coach-sheet__title {
  flex: 1 1 auto;
  font-size: var(--text-xl);
}

.coach-sheet__avatar,
.coach-panel__avatar {
  width: var(--coach-head-avatar);
  height: var(--coach-head-avatar);
}

.coach-sheet .coach-actions--tiles {
  display: flex;
  gap: var(--space-3);
  margin: calc(-1 * (var(--focus-width) + var(--focus-offset))) calc(-1 * var(--space-4)) var(--space-5) 0;
  padding: calc(var(--focus-width) + var(--focus-offset)) var(--space-7) calc(var(--focus-width) + var(--focus-offset)) 0;
  overflow-x: auto;
  scroll-padding-right: var(--space-7);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
}
.coach-sheet .coach-actions--tiles > li {
  flex: none;
  width: var(--coach-tile);
  scroll-snap-align: start;
}

.coach-sheet__heading {
  margin: 0 0 var(--space-1);
}

.coach-sheet__none {
  margin: var(--space-2) 0;
}

.coach-sheet__recent {
  margin: 0;
  padding: 0;
  list-style: none;
}

.coach-sheet__recent > li + li {
  border-top: var(--border-width) solid var(--border);
}

.coach-sheet__conversation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--space-1);
  min-height: var(--account-row);
  padding: var(--space-3) 0;
  color: var(--text);
  text-decoration: none;
}

.coach-sheet__name {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  overflow-wrap: anywhere;
}

.coach-sheet__meta {
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
}

@media (hover: hover) {
  .coach-sheet__conversation:hover .coach-sheet__name {
    text-decoration-line: underline;
  }
}
.coach-sheet__conversation:active .coach-sheet__name {
  text-decoration-line: underline;
}

.coach-panel {
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
  width: var(--coach-panel-width);
  height: 100dvh;
  min-width: 0;
  border-left: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  color: var(--text);
  transition: margin-right var(--dur) var(--ease);
}
@media (max-width: 50em) {
  .coach-panel {
    position: fixed;
    top: var(--coach-panel-head);
    right: 0;
    z-index: var(--z-tabbar);
    height: calc(100dvh - var(--coach-panel-head));
    box-shadow: var(--shadow-3);
    transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
  }
}
@media (max-width: 37.5em) {
  .coach-panel {
    top: calc(env(safe-area-inset-top) + var(--space-3));
    bottom: 0;
    left: 0;
    z-index: var(--z-sheet);
    width: auto;
    max-width: var(--sheet-width);
    height: auto;
    margin-inline: auto;
    border-left: 0;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    box-shadow: var(--shadow-3), 0 0 0 100vmax var(--scrim);
    overflow-y: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 37.5em) {
  :root:has(.coach-panel[aria-modal=true]) {
    overflow: hidden;
  }
}

.coach-panel--out {
  margin-right: calc(-1 * var(--coach-panel-width));
}
@media (max-width: 50em) {
  .coach-panel--out {
    margin-right: 0;
    transform: translateX(100%);
    box-shadow: none;
  }
}
@media (max-width: 37.5em) {
  .coach-panel--out {
    margin-right: auto;
    transform: translateY(100%);
    box-shadow: var(--shadow-3), 0 0 0 100vmax transparent;
  }
}

.coach-panel__grabber {
  display: none;
}
@media (max-width: 37.5em) {
  .coach-panel__grabber {
    display: block;
    flex: none;
    margin-top: var(--space-2);
  }
}

@media (max-width: 50em) {
  .coach-panel--aside {
    transform: translateX(100%);
    box-shadow: none;
  }
}

.coach-panel__return {
  display: none;
}

@media (max-width: 50em) {
  .coach-panel--aside > .coach-panel__return {
    position: absolute;
    top: var(--space-3);
    right: 100%;
    display: inline-flex;
    border: 0;
    border-radius: var(--radius-md) 0 0 var(--radius-md);
    background: var(--surface-raised);
    box-shadow: inset 0 0 0 var(--border-width) var(--border), var(--shadow-2);
  }
}

.coach-panel__head {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-height: var(--coach-panel-head);
  padding: 0 var(--space-3) 0 var(--space-5);
  border-bottom: var(--border-width) solid var(--border);
}

.coach-panel__title {
  font-size: var(--text-lg);
}

.coach-panel__end {
  display: flex;
}

.coach-panel__recent {
  position: relative;
  flex: none;
  margin: calc(-1 * var(--space-2)) var(--space-5) var(--space-2) var(--space-3);
}
.coach-panel__recent > summary {
  list-style: none;
}
.coach-panel__recent > summary::-webkit-details-marker {
  display: none;
}

.coach-panel__recent[open] .coach-panel__recent-chevron {
  transform: rotate(180deg);
}

.coach-panel__recent-menu {
  top: calc(100% + var(--space-1));
  right: calc(var(--space-3) - var(--space-5));
  left: 0;
  padding: var(--space-1);
}
.coach-panel__recent-menu > .coach-sheet__none,
.coach-panel__recent-menu > .coach-sheet__all {
  margin: 0 var(--space-3);
}

.coach-panel__recent .coach-sheet__conversation {
  padding-inline: var(--space-3);
  border-radius: var(--radius-md);
}

.coach-panel__recent .coach-sheet__conversation[aria-current=true] {
  background: var(--accent-soft);
  box-shadow: inset var(--current-mark) 0 0 var(--accent);
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.coach-panel__recent .coach-sheet__conversation[aria-current=true] .coach-sheet__name {
  font-weight: var(--weight-bold);
}

.coach-panel__tools {
  display: contents;
}
@media (max-width: 37.5em) {
  .coach-panel__tools {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    gap: var(--space-1);
    padding-right: var(--space-3);
    container: coach-tools/inline-size;
  }
  .coach-panel__tools > .coach-actions:not(.coach-actions--tiles) {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: nowrap;
    overflow-x: auto;
    min-width: 0;
    padding-inline: var(--space-4) var(--space-2);
    scroll-padding-right: var(--space-3);
    -webkit-mask-image: linear-gradient(to right, transparent, currentColor var(--space-2), currentColor calc(100% - var(--space-3)), transparent);
    mask-image: linear-gradient(to right, transparent, currentColor var(--space-2), currentColor calc(100% - var(--space-3)), transparent);
  }
  .coach-panel__tools > .coach-actions:not(.coach-actions--tiles) > li {
    flex: none;
  }
  .coach-panel__tools > .coach-panel__recent {
    position: static;
    margin: 0;
    padding-left: var(--space-2);
    border-left: var(--border-width) solid var(--border);
  }
  .coach-panel__tools .coach-actions__item {
    width: auto;
    padding-inline: var(--space-2);
    white-space: nowrap;
  }
  .coach-panel__tools .coach-panel__recent-button {
    padding-inline: var(--space-2);
  }
  .coach-panel__tools .coach-panel__recent-button > .icon:not(.coach-panel__recent-chevron) {
    display: none;
  }
  @container coach-tools (max-width: 21rem) {
    .coach-panel__tools .coach-panel__recent-button > .icon:not(.coach-panel__recent-chevron) {
      display: inline-block;
    }
    .coach-panel__tools .coach-actions__item:not(:has(use[href="#i-plus"])) > .icon {
      display: none;
    }
    .coach-panel__tools .coach-panel__recent-name {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
    }
  }
  .coach-panel__tools .coach-panel__recent-menu {
    right: var(--space-3);
    left: var(--space-3);
  }
  .coach-panel__tools .coach-panel__recent-more,
  .coach-panel__tools .coach-actions__item:has(use[href="#i-plus"]) .coach-actions__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .coach-panel__tools .coach-actions__item:has(use[href="#i-plus"]) {
    justify-content: center;
    width: var(--touch-min);
    padding: 0;
  }
}

@media (max-width: 37.5em) {
  .coach-panel__head {
    min-height: 3.25rem;
  }
}

.coach-actions:not(.coach-actions--tiles) {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2);
  padding: var(--space-3) var(--space-5);
  scrollbar-width: none;
}
.coach-actions:not(.coach-actions--tiles) > li {
  min-width: 0;
  margin: 0;
}

.coach-actions:not(.coach-actions--tiles) .coach-actions__item {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  width: 100%;
  height: 100%;
  min-height: var(--touch-min);
  padding: var(--space-1) var(--space-2);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-md);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  text-decoration: none;
}
.coach-actions:not(.coach-actions--tiles) .coach-actions__item > .icon {
  flex: none;
  width: var(--coach-chip-icon);
  height: var(--coach-chip-icon);
  color: var(--text-muted);
}

@media (hover: hover) {
  .coach-actions:not(.coach-actions--tiles) .coach-actions__item:hover {
    background: var(--surface-sunken);
  }
}
.coach-actions:not(.coach-actions--tiles) .coach-actions__item:active {
  background: var(--surface-sunken);
}

.coach-actions:not(.coach-actions--tiles) .coach-actions__label {
  font-weight: inherit;
}

.coach-context {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding-left: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  color: var(--text);
}
.coach-context > .icon {
  flex: none;
  width: var(--coach-chip-icon);
  height: var(--coach-chip-icon);
  color: var(--text-muted);
}

.coach-context__text {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding-block: var(--space-2);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  overflow-wrap: anywhere;
}

.coach-context__label {
  margin-right: var(--space-1);
}

.coach-context__remove {
  flex: none;
  color: var(--text-muted);
}

.coach-context--none {
  border-style: dashed;
  border-color: var(--border-control);
  background: transparent;
}
.coach-context--none > .coach-context__text {
  color: var(--text-muted);
}

.coach-context__again {
  flex: none;
  font-size: var(--text-sm);
}

.coach-starts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .coach-starts {
    flex-wrap: nowrap;
    margin: calc(-1 * (var(--focus-width) + var(--focus-offset))) calc(-1 * var(--space-4)) calc(-1 * (var(--focus-width) + var(--focus-offset))) 0;
    padding: calc(var(--focus-width) + var(--focus-offset)) var(--space-7) calc(var(--focus-width) + var(--focus-offset)) 0;
    overflow-x: auto;
    scroll-padding-right: var(--space-7);
    scrollbar-width: none;
    -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
    mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  }
}

.coach-starts__item {
  justify-content: flex-start;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-align: start;
}
@media (max-width: 37.5em) {
  .coach-starts__item {
    flex: none;
    white-space: nowrap;
  }
}

.coach-about {
  display: grid;
  gap: var(--space-2);
}

.think-harder {
  display: grid;
}

.think-harder__toggle {
  max-width: none;
  margin-bottom: 0;
}

.think-harder__note {
  margin: 0;
}

.think-harder__note:not(:empty) {
  margin-top: var(--space-1);
}

.coach-panel__topic {
  flex: none;
  padding: var(--space-3) var(--space-5);
  border-bottom: var(--border-width) solid var(--border);
}

.coach-panel__name {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  overflow-wrap: anywhere;
}

.coach-panel__notice {
  flex: none;
  margin: var(--space-3) var(--space-5) 0;
}

.coach-long {
  max-width: none;
}

.coach-long__text {
  margin: 0;
}

.coach-long__form {
  margin: var(--space-3) 0 0;
}

.coach-long__compact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.coach-long__cost {
  flex: 1 1 14rem;
  font-size: var(--text-sm);
}

.coach-long__press {
  flex-direction: column;
  gap: 0;
}

.coach-long__price {
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}

.coach-long__note {
  flex: 1 1 100%;
  margin: 0;
}

.coach-compacted {
  max-width: none;
}
.coach-compacted > summary {
  display: flex;
  gap: var(--space-2);
  cursor: pointer;
}

.coach-compacted__show,
.coach-compacted__hide {
  text-decoration: underline;
}

.coach-compacted[open] .coach-compacted__show,
.coach-compacted:not([open]) .coach-compacted__hide {
  display: none;
}

.coach-compacted__text {
  margin: var(--space-2) 0 0;
  white-space: pre-wrap;
}

.coach-panel > :is(.coach-long, .coach-compacted) {
  flex: none;
  margin: var(--space-3) var(--space-5);
}

.coach-panel > .chat {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  max-width: none;
}

.coach-panel .chat__scroll {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-inline: var(--space-5);
}
@media (max-width: 37.5em) {
  .coach-panel .chat__scroll {
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-inline: var(--space-4);
  }
}

.coach-panel .chat__scroll::before {
  content: "";
  flex: 1 1 auto;
}

.coach-panel .chat > :not(.chat__scroll) {
  margin-inline: var(--space-5);
}

.coach-panel .chat > .chat__composer {
  position: static;
  margin-inline: 0;
  padding: var(--space-3) var(--space-5) var(--space-4);
  border-top: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
@media (max-width: 37.5em) {
  .coach-panel .chat > .chat__composer {
    padding: var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));
  }
}

@media (max-width: 37.5em) {
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .coach-panel .chat > .chat__composer {
    padding-bottom: calc(var(--space-4) + env(safe-area-inset-bottom));
  }
}

@supports selector(::details-content) {
  .change-card:has(> .proposal__edit) > .change-card__undo {
    order: 3;
  }
  .change-card:has(> .proposal__edit[open]) > .change-card__undo {
    margin-top: var(--space-3);
  }
}
.change-card__look {
  margin-top: var(--space-3);
}
.change-card__look > .form__note {
  margin: var(--space-2) 0 0;
}
.change-card__look > .form__note:empty {
  margin: 0;
}
.change-card__look > [data-limit-finish],
.change-card__look > [data-limit-settings] {
  margin: var(--space-2) var(--space-2) 0 0;
}
.change-card__look > .proposal__note,
.change-card__look > .version-cost {
  margin-top: var(--space-2);
}
@media (max-width: 37.5em) {
  .change-card__look > .button:first-child {
    width: 100%;
  }
}

.change-card__draft {
  margin: 0;
}
.change-card__draft dd {
  white-space: pre-line;
}

@media (max-height: 40em) {
  .coach-panel {
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .coach-panel > .chat {
    flex: 1 0 auto;
    min-height: auto;
  }
  .coach-panel .chat__scroll {
    flex: 1 1 6rem;
    min-height: 6rem;
  }
}
@media (max-height: 30.99em) {
  .coach-panel:not(:has(.coach-about)) {
    scroll-padding-block: 0 10rem;
  }
  .coach-panel:not(:has(.coach-about)) .chat > .chat__composer.chat__form,
  .coach-panel:not(:has(.coach-about)) .chat > .chat__composer.chat__form:has(> .chat__newest) {
    position: sticky;
    bottom: 0;
    z-index: 1;
  }
}
@media (min-height: 31em) and (max-height: 40em) {
  .coach-panel:not(:has(.coach-about)) {
    scroll-padding-block: 5rem 22rem;
  }
  .coach-panel:not(:has(.coach-about)) > .coach-panel__head {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-raised);
  }
  .coach-panel:not(:has(.coach-about)) > .chat {
    position: sticky;
    bottom: 0;
    z-index: 1;
    background: var(--surface-raised);
  }
}

@media (max-height: 40em) {
  .coach--conversation > .coach-chat {
    --_pane-scroll: auto;
    --_region-min: 10rem;
  }
  body:not([data-typing]) .coach--conversation .chat:has(.chat__message) > .chat__composer:has(.coach-about) {
    position: static;
  }
}
@media (max-height: 35em) {
  .coach--conversation:has(.coach-about):not(:has(.chat__message)) > .coach-chat {
    --_pane-scroll: visible;
  }
}
@media (max-width: 37.5em) {
  .coach--conversation > .coach-chat {
    --_pane-scroll: visible;
    --_region-min: 0px;
  }
}
.coach--conversation > .coach-chat {
  overflow-y: var(--_pane-scroll, visible);
  overscroll-behavior: contain;
}

.coach--conversation > .coach-chat .chat__scroll:has(.chat__message) {
  min-height: var(--_region-min, 0px);
}

.coach-changes__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin-top: var(--space-3);
  list-style: none;
  cursor: pointer;
}
.coach-changes__summary::-webkit-details-marker {
  display: none;
}
.coach-changes__summary > .group-heading {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

.coach-changes__chevron {
  flex: none;
  color: var(--text-muted);
  transition: transform var(--dur-turn) var(--ease);
}

.coach-changes__fold[open] > .coach-changes__summary > .coach-changes__chevron {
  transform: rotate(180deg);
}

@keyframes coach-fold-late {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    border-width: 0;
    overflow: hidden;
    visibility: hidden;
  }
}
@media (max-width: 37.5em) {
  .coach-changes__fold:not([data-fold-ready]) > :not(summary) {
    animation: coach-fold-late 0s 4s backwards;
  }
  .coach-changes__fold:not([data-fold-ready]) > .coach-changes__summary > .coach-changes__chevron {
    transform: none;
    transition: none;
  }
}

.coach-pay-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.coach-pay-note__line {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}

.coach-pay-note__summary {
  cursor: pointer;
  width: fit-content;
  text-decoration: underline;
}

.coach-pay-note__text {
  margin: var(--space-1) 0 0;
  max-width: 60ch;
}

.chat__fork,
.chat__fork-from {
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}

.chat__fork-from {
  margin-bottom: var(--space-2);
}

.chat__fork > .link-more {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.edit-fork__cost {
  margin: 0 0 var(--space-3);
}

.chat__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-3);
}

.chat__versions {
  display: inline-flex;
  align-items: center;
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}

.chat__versions-form {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.chat__versions-count {
  min-inline-size: 3.5ch;
  text-align: center;
  font-variant-numeric: tabular-nums;
  color: var(--text-muted);
}

.chat__retry {
  display: inline-flex;
  margin: var(--space-1) 0 0;
}

.chat__retry-button {
  min-block-size: 44px;
  font-size: var(--text-sm);
}

.chat__versions-step {
  min-inline-size: 44px;
  min-block-size: 44px;
  padding-inline: 0;
  font-size: var(--text-lg);
}

.coach-archived__rule {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: var(--space-3) 0 0;
}

.coach-archived__rule-label {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

.coach-archived__rule-select {
  inline-size: auto;
  min-block-size: 44px;
}

.coach-archived__rule-note {
  flex-basis: 100%;
  margin: 0;
}

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: var(--wordmark-gap);
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  white-space: nowrap;
}

.wordmark > .icon {
  width: var(--wordmark-avatar);
  height: var(--wordmark-avatar);
}

.icon--brand {
  border-radius: 50%;
  box-shadow: var(--brand-edge);
}

.wordmark__name {
  position: relative;
}

.wordmark__name em {
  font-family: var(--font-accent);
  font-style: italic;
  font-weight: var(--weight-normal);
}

.wordmark__stripe {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: var(--wordmark-stripe);
  margin-top: calc(-1 * var(--wordmark-stripe) / 3);
  color: var(--brand-teal);
}

.wordmark--plain .wordmark__stripe {
  display: none;
}

.resume-layout {
  display: grid;
  grid-template-columns: minmax(var(--paper-width), 1fr) minmax(0, var(--aside-measure));
  grid-template-rows: repeat(5, auto) 1fr;
  grid-template-areas: "notices switch" "paper asked" "paper versions" "paper actions" "paper notes" "paper rest";
  column-gap: var(--space-5);
  margin-bottom: var(--space-6);
}
@media (max-width: 37.5em) {
  .resume-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "notices" "switch" "asked" "actions" "paper" "notes" "end";
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "notices" "switch" "asked" "actions" "paper" "notes" "end";
  }
}

.resume-layout--bare {
  grid-template-areas: "paper switch" "paper asked" "paper versions" "paper actions" "paper notes" "paper rest";
}
@media (max-width: 37.5em) {
  .resume-layout--bare {
    grid-template-areas: "notices" "switch" "asked" "actions" "paper" "notes" "end";
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout--bare {
    grid-template-areas: "notices" "switch" "asked" "actions" "paper" "notes" "end";
  }
}

.resume-layout--first {
  grid-template-rows: repeat(2, auto) 1fr;
  grid-template-areas: "notices first" "paper first" "paper rest";
}
@media (max-width: 37.5em) {
  .resume-layout--first {
    grid-template-rows: none;
    grid-template-areas: "notices" "first" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout--first {
    grid-template-rows: none;
    grid-template-areas: "notices" "first" "paper";
  }
}

.resume-layout--first.resume-layout--bare {
  grid-template-rows: auto 1fr;
  grid-template-areas: "paper first" "paper rest";
}
@media (max-width: 37.5em) {
  .resume-layout--first.resume-layout--bare {
    grid-template-rows: none;
    grid-template-areas: "first" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout--first.resume-layout--bare {
    grid-template-rows: none;
    grid-template-areas: "first" "paper";
  }
}

.resume-layout__first {
  grid-area: first;
  margin-bottom: var(--space-5);
}

.resume-paper-empty {
  display: grid;
  align-content: center;
  max-width: none;
  min-height: 24rem;
  margin: 0;
  padding: var(--space-8) var(--space-6);
  border: var(--border-width) dashed var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-family: var(--font-doc);
  text-align: center;
}
@media (max-width: 37.5em) {
  .resume-paper-empty {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .resume-paper-empty {
    display: none;
  }
}

.resume-layout__sheet {
  min-width: 0;
}

.resume-layout__look {
  min-width: 0;
  margin-bottom: var(--space-4);
}

@media (max-width: 37.5em) {
  .resume-layout__look > [id=saved] {
    scroll-margin-top: var(--space-8);
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout__look > [id=saved] {
    scroll-margin-top: var(--space-8);
  }
}

.resume-layout__paper {
  container: resume-cell/inline-size;
}

@container record-page (min-width: 52.01rem) {
  .resume-layout .resume-layout__paper .resume-preview {
    max-width: var(--paper-width);
    margin-right: auto;
    margin-left: auto;
  }
  .resume-layout .resume-layout__paper .resume-paper-empty {
    max-width: var(--paper-width);
    margin-right: auto;
    margin-left: auto;
  }
  @container resume-cell (min-width: 31.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.05;
    }
  }
  @container resume-cell (min-width: 33rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.1;
    }
  }
  @container resume-cell (min-width: 34.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.15;
    }
  }
  @container resume-cell (min-width: 36rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.2;
    }
  }
  @container resume-cell (min-width: 37.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.25;
    }
  }
  @container resume-cell (min-width: 39rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.3;
    }
  }
  @container resume-cell (min-width: 40.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.35;
    }
  }
  @container resume-cell (min-width: 42rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.4;
    }
  }
  @container resume-cell (min-width: 43.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.45;
    }
  }
  @container resume-cell (min-width: 45rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.5;
    }
  }
  @container resume-cell (min-width: 46.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.55;
    }
  }
  @container resume-cell (min-width: 48rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.6;
    }
  }
  @container resume-cell (min-width: 49.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.65;
    }
  }
  @container resume-cell (min-width: 51rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.7;
    }
  }
  @container resume-cell (min-width: 52.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.75;
    }
  }
  @container resume-cell (min-width: 54rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.8;
    }
  }
  @container resume-cell (min-width: 55.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.85;
    }
  }
  @container resume-cell (min-width: 57rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.9;
    }
  }
  @container resume-cell (min-width: 58.5rem) {
    .resume-layout .resume-layout__paper .resume-preview,
    .resume-layout .resume-layout__paper .resume-paper-empty {
      zoom: 1.95;
    }
  }
}
.resume-layout::before {
  content: "";
  grid-row: 1/-1;
  grid-column: 2;
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .resume-layout::before {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout::before {
    display: none;
  }
}

.resume-layout > * {
  min-width: 0;
}

.resume-layout > :is(.version-switch, .version-asked, .versions--margin, .resume-layout__actions, .resume-layout__first, .resume-aside) {
  max-width: var(--aside-measure);
  padding-left: var(--space-5);
}
@media (max-width: 37.5em) {
  .resume-layout > :is(.version-switch, .version-asked, .versions--margin, .resume-layout__actions, .resume-layout__first, .resume-aside) {
    max-width: none;
    padding-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout > :is(.version-switch, .version-asked, .versions--margin, .resume-layout__actions, .resume-layout__first, .resume-aside) {
    max-width: none;
    padding-left: 0;
  }
}

.resume-layout__notices {
  grid-area: notices;
}

.resume-layout > .version-switch {
  grid-area: switch;
}

.resume-layout > .version-asked {
  grid-area: asked;
}

.resume-layout > .versions--margin {
  grid-area: versions;
}
@media (max-width: 37.5em) {
  .resume-layout > .versions--margin {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout > .versions--margin {
    display: none;
  }
}

.resume-layout__actions {
  grid-area: actions;
  margin-bottom: var(--space-5);
}

.resume-layout__paper {
  grid-area: paper;
  align-self: start;
}

.resume-layout > .resume-aside {
  grid-area: notes;
}
@media (max-width: 37.5em) {
  .resume-layout > .resume-aside {
    margin-top: var(--space-5);
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout > .resume-aside {
    margin-top: var(--space-5);
  }
}

@media (max-width: 37.5em) {
  .resume-aside > .margin-note + .margin-note {
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}
@container record-page (max-width: 52rem) {
  .resume-aside > .margin-note + .margin-note {
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}

.resume-layout > .versions--end {
  display: none;
  grid-area: end;
}
@media (max-width: 37.5em) {
  .resume-layout > .versions--end {
    display: block;
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}
@container record-page (max-width: 52rem) {
  .resume-layout > .versions--end {
    display: block;
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}

.resume-preview {
  padding: var(--space-7) var(--space-6) var(--space-8);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
  color: var(--text);
  font-family: var(--font-doc);
  font-size: var(--text-sm);
  line-height: var(--leading);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .resume-preview {
    padding: var(--space-5) var(--space-5) var(--space-6);
  }
}
.resume-preview :where(p, ul) {
  max-width: none;
  margin: 0;
}

.resume-preview__header {
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}

.resume-preview__name {
  margin: 0 0 var(--space-1);
  font-family: var(--font-doc);
  font-size: var(--text-xl);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
}

.resume-preview__contact {
  color: var(--text-muted);
}

.resume-preview__section {
  margin-top: var(--space-4);
}

.resume-preview h3 {
  margin: 0 0 var(--space-2);
  font-family: var(--font-doc);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.resume-preview h4 {
  margin: 0;
  font-family: var(--font-doc);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
}

.resume-preview__meta {
  color: var(--text-muted);
  font-family: var(--font-accent);
  font-style: italic;
}

.resume-preview__line {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--space-3);
  align-items: baseline;
  justify-content: space-between;

}
.resume-preview__line :where(h4, h5) {
  flex: 1 1 12ch;
  min-width: 0;
}

.resume-preview__dates {
  flex: 0 1 auto;
  margin-left: auto;
  color: var(--text-muted);
  font-family: var(--font-accent);
  font-style: italic;
  text-align: right;
}

.resume-preview__employer {
  font-size: var(--text-base);
}

.resume-preview__employer-name {
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.resume-preview__dates--group {
  color: var(--text);
  font-family: var(--font-doc);
  font-size: var(--text-base);
  font-style: normal;
  font-weight: var(--weight-bold);
}

.resume-preview__group--rule .resume-preview__line--group {
  padding-bottom: var(--space-1);
  border-bottom: var(--border-width) solid var(--border);
}

.resume-preview__role {
  margin-top: var(--space-2);
  padding-left: var(--space-4);
}

.resume-preview h5 {
  margin: 0;
  font-family: var(--font-doc);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
}

.resume-preview__entry + .resume-preview__entry {
  margin-top: var(--space-3);
}

.resume-preview__entry ul {
  margin-top: var(--space-1);
  padding-left: var(--space-5);
}

.resume-preview__entry li::marker {
  color: var(--text-muted);
}

.resume-preview__skills {
  padding: 0;
  list-style: none;
}

.paper-link {
  position: relative;
}
.paper-link::after {
  content: "";
  position: absolute;
  inset: min(0px, (100% - var(--touch-min)) / 2);
  inset: min(0px, (1lh - var(--touch-min)) / 2) min(0px, (100% - var(--touch-min)) / 2);
}

.sent-line {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  max-width: none;
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.sent-line > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--success);
}

.version-switch {
  display: grid;
  grid-template-columns: var(--touch-min) minmax(0, 1fr) var(--touch-min);
  align-items: center;
  column-gap: var(--space-2);
  margin-bottom: var(--space-3);
  text-align: center;
}

.version-switch__body {
  grid-column: 2;
}

.version-switch__label {
  margin: 0;
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .version-switch__label {
    font-size: var(--text-lg);
  }
}

.version-switch__of {
  color: var(--text-muted);
}

.version-switch__meta {
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.version-asked {
  max-width: none;
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-align: center;
}

.version-asked__quote {
  color: var(--text);
  font-family: var(--font-voice);
  font-size: var(--text-base);
}

.version-asked__basis {
  color: var(--text);
  font-size: var(--text-base);
}

.versions {
  margin-bottom: var(--space-3);
}

.versions__head {
  margin: 0 0 var(--space-2);
}

.versions__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-top: var(--border-width) solid var(--border);
  border-left: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  list-style: none;
}
.versions__list > li {
  flex: 1 1 var(--version-cell);
  min-width: 0;
  border-right: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}

.versions__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(var(--touch-min) + var(--space-1));
  padding: var(--space-1) var(--space-2) var(--space-2);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  text-align: center;
  text-decoration: none;
  transition: background-color var(--dur-fast) var(--ease);
}

.versions__link:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

@media (hover: hover) {
  .versions__link:hover {
    background: var(--surface-sunken);
  }
}
.versions__link:active {
  background: var(--surface-sunken);
}

.versions__meta {
  position: relative;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.versions__link[aria-current=page] {
  font-weight: var(--weight-bold);
}
.versions__link[aria-current=page] .versions__meta {
  font-weight: var(--weight-normal);
}

.versions__link[aria-current=page] .versions__meta::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: calc(-1 * var(--space-2) + var(--space-1) / 2);
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.versions__sent {
  color: var(--success);
  font-weight: var(--weight-bold);
}

.resume-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2);
}
@media (max-width: 37.5em) {
  .resume-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

.resume-actions > .new-version {
  margin: 0;
}

.resume-actions > .new-version[open] {
  flex-basis: 100%;
}

.resume-actions__note {
  max-width: var(--measure);
  margin: 0 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.resume-actions__note > a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
}

.new-version {
  margin-top: var(--space-4);
}

.new-version__open {
  list-style: none;
  cursor: pointer;
}
.new-version__open::-webkit-details-marker {
  display: none;
}

@supports selector(::details-content) {
  .new-version--drafting::details-content {
    content-visibility: visible;
  }
  .new-version--drafting > .new-version__open {
    display: none;
  }
  @media (max-width: 37.5em) {
    .new-version--drafting:not([open])::details-content {
      content-visibility: hidden;
    }
    .new-version--drafting > .new-version__open {
      display: inline-flex;
    }
  }
}
@media (max-width: 37.5em) {
  .new-version[open]::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: var(--z-scrim);
    background: var(--scrim);
  }
}

.new-version__sheet {
  padding-top: var(--space-1);
}
@media (max-width: 37.5em) {
  .new-version__sheet {
    position: fixed;
    inset: auto 0 0;
    z-index: var(--z-sheet);
    max-width: var(--sheet-width);
    max-height: calc(100dvh - var(--space-7));
    margin: 0 auto;
    padding: var(--space-5) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));
    overflow-y: auto;
    overscroll-behavior: contain;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    background: var(--surface-raised);
    box-shadow: var(--shadow-3);
  }
}

.new-version__head {
  margin: 0 0 var(--space-1);
  font-size: var(--text-lg);
}

.new-version__note {
  max-width: var(--measure);
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .resume-actions__note,
  .new-version__note {
    max-width: none;
  }
}
@container record-page (max-width: 52rem) {
  .resume-actions__note,
  .new-version__note {
    max-width: none;
  }
}

.new-version .field,
.new-version .switch {
  max-width: none;
  margin-bottom: var(--space-3);
}

.new-version__ask .textarea {
  min-height: var(--touch-min);
  max-height: var(--composer-max);
  field-sizing: content;
  resize: none;
}

@supports not (field-sizing: content) {
  .new-version__ask .textarea {
    min-height: var(--textarea-min);
  }
}
.new-version .form__actions > .button {
  width: 100%;
}

.new-version__cancel {
  display: none;
}
@media (max-width: 37.5em) {
  .new-version__cancel {
    display: inline-flex;
  }
}

.resume-first__lead {
  margin-bottom: var(--space-4);
}

.resume-edit__title {
  margin-bottom: var(--space-1);
}

.resume-edit__meta {
  max-width: none;
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
}
.resume-edit__meta > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.resume-edit__lead {
  margin-bottom: var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.resume-edit > :not(.resume-edit__actions) {
  max-width: var(--field-width);
}

.resume-edit__part {
  margin: var(--space-6) 0 var(--space-2);
}

.resume-edit__hint {
  margin-bottom: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.resume-edit__jobs {
  margin: 0 0 var(--space-4);
  padding: 0;
  list-style: none;
}

.resume-edit__job {
  padding: var(--space-4) 0;
}
.resume-edit__job > .entry__heading {
  margin: 0;
}
.resume-edit__job > .muted {
  margin: 0 0 var(--space-2);
  font-size: var(--text-sm);
}

.resume-edit__job + .resume-edit__job {
  border-top: var(--border-width) solid var(--border);
}

.resume-edit__job--nested {
  margin-inline-start: var(--space-4);
  padding-inline-start: var(--space-4);
  border-inline-start: var(--border-width) solid var(--border);
}

.resume-edit__kept {
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.resume-edit__actions {
  position: sticky;
  bottom: 0;
  z-index: 1;
  margin: 0 calc(-1 * var(--_page-side));
  padding: var(--space-3) var(--_page-side);
  border-top: var(--border-width) solid var(--border);
  background: var(--surface);
}
@media (max-width: 37.5em) {
  .resume-edit__actions {
    position: static;
    margin: 0;
    padding: var(--space-4) 0 0;
  }
}

.resume-skills {
  min-width: 0;
  margin: var(--space-4) 0 var(--space-5);
  padding: 0;
  border: 0;
}
.resume-skills > legend {
  margin-bottom: var(--space-1);
  padding: 0;
}
.resume-skills > .field__hint {
  display: block;
  max-width: none;
  margin-bottom: var(--space-3);
}

.resume-skills__group {
  margin: var(--space-3) 0 var(--space-2);
}

.resume-skills__used {
  margin: var(--space-2) 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.resume-skills__list {
  margin-bottom: var(--space-3);
}

.resume-skills__add {
  margin-bottom: 0;
}
.resume-skills__add > .field__hint {
  display: block;
  max-width: none;
  margin-top: var(--space-2);
}

.career-choice {
  display: grid;
  gap: var(--space-2);
}
.career-choice > .margin-note__head {
  margin-bottom: 0;
}

.career-choice__p {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .career-choice__p {
    font-size: var(--text-base);
  }
}
.career-choice__p > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.career-choice__q {
  color: var(--text);
  font-family: var(--font-voice);
}

.career-choice__p--first > .career-choice__tag {
  vertical-align: middle;
}

.career-choice__intro,
.career-choice__also {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .career-choice__intro,
  .career-choice__also {
    font-size: var(--text-base);
  }
}

.career-choice__intro {
  padding: var(--space-2) 0 var(--space-3);
}

.career-choice__also {
  padding: var(--space-3) 0 0;
}
.career-choice__also > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.career-choice :where(summary) {
  list-style: none;
  cursor: pointer;
}
.career-choice :where(summary)::-webkit-details-marker {
  display: none;
}

.career-choice__chevron {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  transition: transform var(--dur-turn) var(--ease);
}

details[open] > summary > .career-choice__chevron {
  transform: rotate(180deg);
}

.career-choice__more {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--touch-min);
  color: var(--accent);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}
@media (max-width: 37.5em) {
  .career-choice__more {
    font-size: var(--text-base);
  }
}

.career-choice__jobs {
  display: grid;
  border-top: var(--border-width) solid var(--border);
}

.career-choice__job {
  border-bottom: var(--border-width) solid var(--border);
}

.career-choice__job-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--icon-sm);
  gap: var(--space-3);
  align-items: start;
  min-height: var(--touch-min);
  margin: 0;
  padding: var(--space-3) 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .career-choice__job-head {
    font-size: var(--text-base);
  }
}
.career-choice__job-head strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}
.career-choice__job-head > .career-choice__chevron {
  margin-top: 0.15em;
  color: var(--text-muted);
}
.career-choice__job-head .career-choice__tag {
  vertical-align: middle;
}

.career-choice__lines,
.career-choice__out {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
  list-style: none;
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .career-choice__lines,
  .career-choice__out {
    font-size: var(--text-base);
  }
}
.career-choice__lines > li,
.career-choice__out > li {
  position: relative;
  padding-left: var(--space-4);
}
.career-choice__lines > li::before,
.career-choice__out > li::before {
  content: "";
  position: absolute;
  top: 0.72em;
  left: 0;
  width: var(--chat-dash);
  height: var(--rule-width);
  background: var(--border-control);
}

.career-choice__lines {
  padding-bottom: var(--space-3);
}
.career-choice__lines > li.career-choice__added {
  color: var(--text-muted);
}
.career-choice__lines > li.career-choice__note::before {
  background: var(--border);
}

.career-choice__proofs {
  margin: var(--space-1) 0 0;
  padding: 0;
  color: var(--text-muted);
  list-style: none;
}

.career-choice__out {
  padding-bottom: var(--space-3);
  color: var(--text-muted);
}

.career-choice__why {
  color: var(--text-muted);
}

.career-choice__gone {
  margin: 0;
  padding-bottom: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .career-choice__gone {
    font-size: var(--text-base);
  }
}

.career-choice__tag {
  display: inline-block;
  padding: 0 var(--space-2);
  border-radius: var(--radius-sm);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
  white-space: nowrap;
}

.career-choice__stories {
  padding-top: var(--space-1);
}

@media (max-width: 37.5em) {
  .resume-aside > .margin-note + .career-choice {
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}
@container record-page (max-width: 52rem) {
  .resume-aside > .margin-note + .career-choice {
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}

.gap-note {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-2) 0 var(--space-2);
  padding: var(--space-3) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .gap-note {
    font-size: var(--text-base);
  }
}

.gap-note__text {
  display: flex;
  gap: var(--space-2);
  align-items: flex-start;
  max-width: none;
  margin: 0;
}
.gap-note__text > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: 0.2em;
  color: var(--text-muted);
}

.gap-note__form > .version-cost,
.gap-note__form > .form__note,
.gap-note__form > .stream-status {
  margin: var(--space-2) 0 0;
}
.gap-note__form > :is(.form__note, .stream-status):empty {
  margin: 0;
}

.gap-note__write {
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .gap-note__write {
    font-size: var(--text-base);
  }
}
@media (max-width: 37.5em) {
  .gap-note__write {
    width: 100%;
  }
}
@container record-page (max-width: 52rem) {
  .gap-note__write {
    width: 100%;
  }
}

.letter-layout {
  display: grid;
  grid-template-columns: minmax(var(--letter-width), 1fr) minmax(0, var(--aside-measure));
  grid-template-rows: repeat(3, auto) 1fr;
  grid-template-areas: "notices switch" "paper asked" "paper actions" "paper rest";
  column-gap: var(--space-5);
  margin-bottom: var(--space-6);
}
@media (max-width: 37.5em) {
  .letter-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "notices" "switch" "asked" "actions" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    grid-template-areas: "notices" "switch" "asked" "actions" "paper";
  }
}

.letter-layout--bare {
  grid-template-areas: "paper switch" "paper asked" "paper actions" "paper rest";
}
@media (max-width: 37.5em) {
  .letter-layout--bare {
    grid-template-areas: "notices" "switch" "asked" "actions" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout--bare {
    grid-template-areas: "notices" "switch" "asked" "actions" "paper";
  }
}

.letter-paper-empty {
  max-width: none;
  min-height: 24rem;
  margin: 0;
  padding: var(--space-8) var(--space-6);
  border: var(--border-width) dashed var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-family: var(--font-doc);
  text-align: center;
  display: grid;
  align-content: center;
}
@media (max-width: 37.5em) {
  .letter-paper-empty {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .letter-paper-empty {
    display: none;
  }
}

.letter-layout__paper:has(> .letter-paper--edit:not([hidden])) > .letter-paper-empty {
  display: none;
}

.letter-layout--first {
  grid-template-areas: "notices actions" "paper actions" "paper rest" "paper rest";
}
@media (max-width: 37.5em) {
  .letter-layout--first {
    grid-template-areas: "notices" "actions" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout--first {
    grid-template-areas: "notices" "actions" "paper";
  }
}

.letter-layout--first.letter-layout--bare {
  grid-template-areas: "paper actions" "paper rest" "paper rest" "paper rest";
}
@media (max-width: 37.5em) {
  .letter-layout--first.letter-layout--bare {
    grid-template-areas: "actions" "paper";
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout--first.letter-layout--bare {
    grid-template-areas: "actions" "paper";
  }
}

.letter-layout__paper {
  container: letter-cell/inline-size;
}

@container record-page (min-width: 52.01rem) {
  .letter-layout .letter-layout__paper .letter-paper {
    max-width: var(--letter-width);
    margin-right: auto;
    margin-left: auto;
  }
  .letter-layout .letter-layout__paper .letter-paper-empty {
    max-width: var(--letter-width);
    margin-right: auto;
    margin-left: auto;
  }
  @container letter-cell (min-width: 33.6rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.05;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.05);
    }
  }
  @container letter-cell (min-width: 35.2rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.1;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.1);
    }
  }
  @container letter-cell (min-width: 36.8rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.15;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.15);
    }
  }
  @container letter-cell (min-width: 38.4rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.2;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.2);
    }
  }
  @container letter-cell (min-width: 40rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.25;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.25);
    }
  }
  @container letter-cell (min-width: 41.6rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.3;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.3);
    }
  }
  @container letter-cell (min-width: 43.2rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.35;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.35);
    }
  }
  @container letter-cell (min-width: 44.8rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.4;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.4);
    }
  }
  @container letter-cell (min-width: 46.4rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.45;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.45);
    }
  }
  @container letter-cell (min-width: 48rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.5;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.5);
    }
  }
  @container letter-cell (min-width: 49.6rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.55;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.55);
    }
  }
  @container letter-cell (min-width: 51.2rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.6;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.6);
    }
  }
  @container letter-cell (min-width: 52.8rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.65;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.65);
    }
  }
  @container letter-cell (min-width: 54.4rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.7;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.7);
    }
  }
  @container letter-cell (min-width: 56rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.75;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.75);
    }
  }
  @container letter-cell (min-width: 57.6rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.8;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.8);
    }
  }
  @container letter-cell (min-width: 59.2rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.85;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.85);
    }
  }
  @container letter-cell (min-width: 60.8rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.9;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.9);
    }
  }
  @container letter-cell (min-width: 62.4rem) {
    .letter-layout .letter-layout__paper .letter-paper,
    .letter-layout .letter-layout__paper .letter-paper-empty {
      zoom: 1.95;
    }
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__actions,
    .letter-layout .letter-layout__paper .letter-paper--edit .version-cost,
    .letter-layout .letter-layout__paper .letter-paper--edit .letter-paper__field > :is(.field__label, .field__hint) {
      zoom: calc(1 / 1.95);
    }
  }
}
.letter-layout::before {
  content: "";
  grid-row: 1/-1;
  grid-column: 2;
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .letter-layout::before {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout::before {
    display: none;
  }
}

.letter-layout > * {
  min-width: 0;
}

.letter-layout > :is(.version-switch, .version-asked, .letter-layout__actions) {
  max-width: var(--aside-measure);
  padding-left: var(--space-5);
}
@media (max-width: 37.5em) {
  .letter-layout > :is(.version-switch, .version-asked, .letter-layout__actions) {
    max-width: none;
    padding-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .letter-layout > :is(.version-switch, .version-asked, .letter-layout__actions) {
    max-width: none;
    padding-left: 0;
  }
}

.letter-layout__notices {
  grid-area: notices;
}

.letter-layout > .version-switch {
  grid-area: switch;
}

.letter-layout > .version-asked {
  grid-area: asked;
}

.letter-layout__actions {
  grid-area: actions;
  margin-bottom: var(--space-5);
}

.letter-layout__actions > .stream-status:empty {
  margin: 0;
}

.letter-layout__paper {
  grid-area: paper;
  align-self: start;
}

.new-version--first {
  margin-top: 0;
}

@media (max-width: 37.5em) {
  .letter-actions__edit {
    padding-inline: var(--space-4);
    border-color: var(--accent);
  }
}

@media (max-width: 37.5em) {
  .letter-actions__edit:active:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--accent-strong);
  }
}

.letter-actions__saves {
  display: none;
}
@media (max-width: 37.5em) {
  .letter-actions__saves {
    display: block;
  }
}

.letter-paper {
  padding: var(--space-7) var(--space-6) var(--space-8);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
  color: var(--text);
  font-family: var(--font-doc);
  font-size: var(--text-base);
  line-height: var(--leading);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .letter-paper {
    padding: var(--space-5) var(--space-5) var(--space-6);
  }
}
.letter-paper :where(p) {
  max-width: none;
  margin: 0;
}

.letter-paper__header {
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}

.letter-paper__name {
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .letter-paper__name {
    font-size: var(--text-md);
  }
}

.letter-paper__contact {
  margin-top: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .letter-paper__contact {
    font-size: var(--text-xs);
  }
}

.letter-paper__line {
  margin-bottom: var(--space-4);
  color: var(--text-muted);
}

.letter-paper__greeting {
  margin-bottom: var(--space-3);
}

.letter-paper__body > p {
  margin-bottom: var(--space-5);
  white-space: pre-line;
}

.letter-paper__signature {
  margin-top: var(--space-5);
}

.letter-layout__paper:has(> .letter-paper--edit:not([hidden])) > .letter-paper--read {
  display: none;
}

.letter-paper--edit {
  margin: 0;
}

.letter-paper--edit .letter-paper__field {
  max-width: none;
  margin-bottom: var(--space-4);
  font-family: var(--font-sans);
}

.letter-paper--edit .letter-paper__field .textarea {
  font-family: var(--font-doc);
  field-sizing: content;
}

.letter-paper--edit:is(:has(.textarea[aria-busy=true]), :has([data-stream-unfinished]:not(:empty))) :is(.field__label, .field__hint, .letter-paper__sign-off, .letter-paper__signature, .letter-paper__actions) {
  display: none;
}

.letter-paper--edit:is(:has(.textarea[aria-busy=true]), :has([data-stream-unfinished]:not(:empty))) .textarea {
  width: calc(100% + 2 * var(--space-1));
  margin-inline: calc(-1 * var(--space-1));
  padding: 0 var(--space-1);
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  resize: none;
}

.letter-paper--edit:has([data-stream-unfinished]:not(:empty)) {
  border-style: dashed;
  border-color: var(--border-control);
}

.letter-paper__cut {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}
.letter-paper__cut > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--warning);
}

.letter-paper__cut:has(> [data-stream-unfinished]:empty) {
  display: none;
}

.letter-paper__actions {
  margin: var(--space-5) 0 0;
  font-family: var(--font-sans);
}
@media (max-width: 37.5em) {
  .letter-paper__actions > .button {
    width: 100%;
  }
}

.versions--kinds {
  margin-bottom: var(--space-4);
}
.versions--kinds .versions__list {
  border: 0;
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
}
.versions--kinds .versions__list > li {
  flex: 1 1 0;
  min-width: auto;
  border: 0;
}
.versions--kinds .versions__link {
  position: relative;
  z-index: 0;
  padding-right: calc(var(--switch-inset) + 2 * var(--border-width) + var(--space-1));
  padding-left: calc(var(--switch-inset) + 2 * var(--border-width) + var(--space-1));
  border-radius: var(--radius-md);
  font-size: var(--text-base);
}
.versions--kinds .versions__link[aria-current=page] .versions__meta::after {
  content: none;
}
.versions--kinds .versions__link[aria-current=page]::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--switch-inset);
  border: var(--border-width) solid var(--accent);
  border-radius: var(--radius-md);
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 var(--border-width) var(--accent);
}
.versions--kinds .versions__name {
  white-space: nowrap;
}
.versions--kinds .versions__meta {
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .versions--kinds-five .versions__list > li {
    flex-basis: 50%;
  }
}
@container record-page (max-width: 52rem) {
  .versions--kinds-five .versions__list > li {
    flex-basis: 50%;
  }
}

@media (max-width: 37.5em) {
  .versions--kinds-five .versions__list > li:last-child {
    flex-basis: 100%;
  }
}
@container record-page (max-width: 52rem) {
  .versions--kinds-five .versions__list > li:last-child {
    flex-basis: 100%;
  }
}

.versions__short {
  display: none;
}
@media (max-width: 37.5em) {
  .versions__short {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .versions__long {
    display: none;
  }
}

.letter-kinds {
  max-width: none;
}
@media (max-width: 37.5em) {
  .letter-kinds {
    max-width: none;
  }
}

.note-layout {
  display: grid;
  grid-template-columns: minmax(0, var(--letter-width)) minmax(0, 1fr);
  grid-template-rows: auto auto auto auto 1fr;
  grid-template-areas: "kinds switch" "notices actions" "card actions" "card more" "card new";
  column-gap: var(--space-5);
  margin-bottom: var(--space-6);
}
@media (max-width: 37.5em) {
  .note-layout {
    display: block;
  }
}
@container record-page (max-width: 52rem) {
  .note-layout {
    display: block;
  }
}

.note-layout--bare {
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "kinds switch" "card actions" "card more" "card new";
}

.note-layout--first {
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "kinds how" "notices how" "form how";
}

.note-layout--first.note-layout--bare {
  grid-template-rows: auto 1fr;
  grid-template-areas: "kinds how" "form how";
}

.note-layout::before {
  content: "";
  grid-row: 1/-1;
  grid-column: 2;
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .note-layout::before {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .note-layout::before {
    display: none;
  }
}

.note-layout > * {
  min-width: 0;
}

.note-layout > .versions--kinds {
  grid-area: kinds;
}

.note-layout__notices {
  grid-area: notices;
}

.note-layout > .version-switch {
  grid-area: switch;
}

.note-layout__actions {
  grid-area: actions;
}
@media (max-width: 37.5em) {
  .note-layout__actions {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
  }
}
@container record-page (max-width: 52rem) {
  .note-layout__actions {
    margin-top: var(--space-4);
    margin-bottom: var(--space-4);
  }
}

.note-layout__more {
  grid-area: more;
  margin-bottom: var(--space-5);
}

.note-layout__card {
  grid-area: card;
  align-self: start;
}

.note-layout__new {
  grid-area: new;
}
@media (max-width: 37.5em) {
  .note-layout__new {
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--border);
  }
}
@container record-page (max-width: 52rem) {
  .note-layout__new {
    margin-top: var(--space-6);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--border);
  }
}

.note-layout__form {
  grid-area: form;
  align-self: start;
}

.note-layout__how {
  grid-area: how;
}
@media (max-width: 37.5em) {
  .note-layout__how {
    margin-top: var(--space-6);
  }
}
@container record-page (max-width: 52rem) {
  .note-layout__how {
    margin-top: var(--space-6);
  }
}

.note-layout > :is(.version-switch, .note-layout__actions, .note-layout__more, .note-layout__new, .note-layout__how) {
  max-width: var(--aside-measure);
  padding-left: var(--space-5);
}
@media (max-width: 37.5em) {
  .note-layout > :is(.version-switch, .note-layout__actions, .note-layout__more, .note-layout__new, .note-layout__how) {
    max-width: none;
    padding-left: 0;
  }
}
@container record-page (max-width: 52rem) {
  .note-layout > :is(.version-switch, .note-layout__actions, .note-layout__more, .note-layout__new, .note-layout__how) {
    max-width: none;
    padding-left: 0;
  }
}

.version-switch--note {
  display: block;
}
.version-switch--note > .version-asked {
  margin: var(--space-2) 0 0;
}

.version-switch__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-1);
  min-width: 0;
}
.version-switch__head > .version-switch__label {
  min-width: 0;
}

.note-layout__new.new-version {
  margin-top: 0;
}
@media (max-width: 37.5em) {
  .note-layout__new.new-version {
    margin-top: var(--space-6);
  }
}
@container record-page (max-width: 52rem) {
  .note-layout__new.new-version {
    margin-top: var(--space-6);
  }
}

.note-layout__actions > .stream-status:empty {
  margin: 0;
}

.note-actions {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  gap: var(--space-2) var(--space-3);
  margin-bottom: var(--space-2);
}
@media (max-width: 37.5em) {
  .note-actions {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }
}
@container record-page (max-width: 52rem) {
  .note-actions {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
  }
}

.note-actions__more {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-self: center;
  gap: var(--space-1);
  min-width: 0;
}

.note-actions__more > .note-menu {
  margin-top: 0;
}

.note-ask {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.note-ask__text {
  width: 100%;
}

.note-ask__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.note-card {
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  color: var(--text);
}

.note-card__head {
  margin: 0;
  padding: var(--space-1) var(--space-5);
  border-bottom: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .note-card__head {
    padding-inline: var(--space-4);
  }
}

.note-card__row {
  display: grid;
  grid-template-columns: var(--note-label-width) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--space-3);
  padding-block: var(--space-2);
}
@media (max-width: 37.5em) {
  .note-card__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}
@container record-page (max-width: 52rem) {
  .note-card__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }
}

.note-card__row + .note-card__row {
  border-top: var(--border-width) solid var(--border);
}

.note-card__row > dd {
  margin: 0;
  overflow-wrap: anywhere;
}

.note-card__body {
  padding: var(--space-5) var(--space-5) var(--space-6);
  font-family: var(--font-doc);
  font-size: var(--text-base);
  line-height: var(--leading);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .note-card__body {
    padding-inline: var(--space-4);
  }
}
.note-card__body > p {
  max-width: none;
  margin: 0 0 var(--space-4);
  white-space: pre-line;
}

.note-card__name {
  margin-top: var(--space-5);
  font-family: var(--font-doc);
}

.note-layout__card:has(> .note-card--edit:not([hidden])) > .note-card--read {
  display: none;
}

.note-card--edit {
  margin: 0;
}

.note-card__fields {
  padding: var(--space-4) var(--space-5) 0;
}
@media (max-width: 37.5em) {
  .note-card__fields {
    padding-inline: var(--space-4);
  }
}
.note-card__fields > .field {
  max-width: none;
}

.note-card__words .textarea {
  font-family: var(--font-doc);
  field-sizing: content;
}

.note-card__fields > .note-card__name {
  margin: 0 0 var(--space-4);
}

.note-card__actions {
  padding: 0 var(--space-5) var(--space-5);
}
@media (max-width: 37.5em) {
  .note-card__actions {
    padding-inline: var(--space-4);
  }
}

.note-layout__card:has(> .note-card--stream:not([hidden])) > :is(.note-card--read, .note-card--edit) {
  display: none;
}

.note-layout__form > .note-card--stream {
  margin-top: var(--space-4);
}

.note-card--stream {
  padding: var(--space-5);
}
@media (max-width: 37.5em) {
  .note-card--stream {
    padding: var(--space-4);
  }
}

.note-card__stream {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 0;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  font-family: var(--font-doc);
  resize: none;
  field-sizing: content;
}

.note-card--stream:has([data-stream-unfinished]:not(:empty)) {
  border-style: dashed;
  border-color: var(--border-control);
  box-shadow: none;
}

.note-card--stream > .letter-paper__cut {
  margin: var(--space-4) 0 0;
}

.note-form-card {
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .note-form-card {
    padding: var(--space-4);
  }
}
.note-form-card .field {
  max-width: none;
}

.note-form-card__head {
  margin: 0 0 var(--space-1);
  font-size: var(--text-xl);
}

.note-form-card__lead {
  max-width: none;
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
}

.note-guide {
  max-width: none;
}
.note-guide > :is(p, ul) {
  margin: var(--space-2) 0 0;
}
.note-guide > p:first-of-type {
  margin-top: 0;
}

.note-guide__people {
  padding-left: var(--space-4);
}
.note-guide__people > li + li {
  margin-top: var(--space-1);
}

.note-people {
  max-width: none;
}

.note-people__hint {
  margin: 0 0 var(--space-2);
}

.note-person {
  min-width: 0;
}
.note-person > .checkbox {
  margin-bottom: var(--space-2);
  padding-block: 0;
}

.note-person__boxes {
  min-width: 0;
  padding-left: calc(var(--check-size) + var(--space-3));
}

.note-person--else {
  margin: var(--space-2) 0 var(--space-4);
}
.note-person--else > .note-person__else {
  margin: 0;
}
.note-person--else > .note-person__else-hint {
  margin: var(--space-1) 0 var(--space-3);
}

.note-person__new {
  min-width: 0;
  margin: var(--space-4) 0 0;
  padding: 0;
  border: 0;
}

.note-person__new > .note-person__boxes {
  padding-left: 0;
}

.note-person:has(> .checkbox input:not(:checked)) > .note-person__boxes,
.note-person__new:has(.input:placeholder-shown) > .note-person__boxes {
  display: none;
}

.note-person__unnamed {
  max-width: none;
}

.note-person__then {
  margin: calc(-1 * var(--space-2)) 0 var(--space-3);
}

.note-person__ask {
  max-width: none;
  margin: calc(-1 * var(--space-2)) 0 var(--space-4);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}

.note-picks {
  margin: 0 0 var(--space-3);
}
.note-picks > .tag-list {
  margin-top: var(--space-2);
}

.note-picks .tag {
  overflow-wrap: anywhere;
}

.note-picks__open {
  list-style: none;
  cursor: pointer;
}
.note-picks__open::-webkit-details-marker {
  display: none;
}

.note-talk__row {
  margin: calc(-1 * var(--space-2)) 0 var(--space-3);
}

.note-talk__row + .note-picks {
  margin-top: calc(-1 * var(--space-3));
}

.note-offer {
  display: grid;
  gap: var(--space-2);
  margin-top: var(--space-3);
}

.note-offer__words {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.note-offer__words > strong {
  color: var(--text);
}

.resume-choice .switch__option {
  flex-grow: 0;
  flex-basis: auto;
}

.resume-choice .switch__text {
  white-space: nowrap;
}

.resume-choice__badge {
  padding: 0 var(--space-1);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  white-space: nowrap;
}

.note-form--first:not(:has(.switch__input[name=channel][value=email]:checked)) .resume-choice {
  display: none;
}

.ask-picks {
  margin: calc(-1 * var(--space-2)) 0 var(--space-3);
}

.ask-picks .tag {
  overflow-wrap: anywhere;
}

.ask-picks .tag[aria-pressed=true] > .tag__check {
  display: inline-block;
}

.version-cost {
  flex-basis: 100%;
  max-width: none;
  margin: calc(-1 * var(--space-2)) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.version-cost > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}
@media (max-width: 37.5em) {
  .version-cost {
    margin-top: calc(-1 * var(--space-1));
  }
}

.look-over {
  max-width: none;
  margin: 0 0 var(--space-4);
  scroll-margin-top: var(--space-4);
}

.look-over__saved {
  max-width: none;
}

.look-over__heading {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.look-over__heading > .icon {
  flex: none;
}

.look-over__lead {
  max-width: none;
  margin: var(--space-2) 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.look-over__prompt-note {
  margin-top: var(--space-1);
}

.look-over__form > .stream-status:empty,
.look-over__actions {
  margin-bottom: 0;
}

@media (max-width: 37.5em) {
  .look-over__actions > .button {
    width: 100%;
  }
}

.look-over--fine .proposal__decision > .icon {
  color: var(--success);
}

.note-changes .form__actions > .button {
  width: 100%;
}

.note-changes .field {
  max-width: none;
  margin-bottom: var(--space-3);
}

.look-over__refused {
  margin: 0 0 var(--space-4);
}

.form__actions > .editor-after {
  flex: 1 1 100%;
  margin: 0;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}

.documents {
  max-width: none;
}

.documents__lead {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.documents__group > .group-heading {
  margin-bottom: 0;
}

.sent-docs {
  margin-bottom: 0;
}

.sent-doc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  padding: var(--space-3) 0;
}
@media (max-width: 37.5em) {
  .sent-doc {
    gap: var(--space-1) var(--space-3);
    padding: var(--space-4) 0;
  }
}

.sent-doc__what {
  display: flex;
  flex: 1 1 18rem;
  align-items: center;
  gap: var(--space-4);
  min-width: 0;
}
@media (max-width: 37.5em) {
  .sent-doc__what {
    flex-basis: 100%;
    align-items: flex-start;
    gap: var(--space-3);
  }
}

.sent-doc__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.sent-doc__name {
  display: inline-block;
  max-width: 100%;
  padding: calc((var(--touch-min) - var(--leading-tight) * 1em) / 2) 0;
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  text-decoration-line: none;
}

@media (hover: hover) {
  .sent-doc__name:hover {
    text-decoration-line: underline;
  }
}
.sent-doc__name:active {
  text-decoration-line: underline;
}

.sent-doc__meta {
  max-width: none;
  margin: calc(-1 * var(--space-2)) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.sent-doc__state {
  display: flex;
  flex: 0 0 var(--sent-state-width);
  align-items: center;
  gap: var(--space-2);
  max-width: none;
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}
.sent-doc__state > .icon {
  flex: none;
  color: var(--success);
}
@media (max-width: 37.5em) {
  .sent-doc__state {
    flex: 1 1 auto;
    min-width: 0;
    margin-left: calc(var(--doc-thumb-width) + var(--space-3));
  }
}

.sent-doc__state--not {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.sent-doc__ring {
  flex: none;
  width: var(--sent-ring);
  height: var(--sent-ring);
  margin-inline: calc((var(--icon-sm) - var(--sent-ring)) / 2);
  border: var(--rule-width) solid var(--text-muted);
  border-radius: 50%;
}

.sent-doc__end {
  display: flex;
  flex: 0 0 var(--sent-action-width);
  justify-content: flex-end;
}
@media (max-width: 37.5em) {
  .sent-doc__end {
    flex: 0 0 auto;
    margin-right: calc(-1 * var(--space-3));
    margin-left: auto;
  }
}

@media (max-width: 37.5em) {
  .sent-doc__download {
    border-color: transparent;
    padding-inline: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .sent-doc__download:active:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: transparent;
  }
}

.sent-doc__saved {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin-left: calc(var(--doc-thumb-width) + var(--space-4));
}
.sent-doc__saved > form {
  margin: 0;
}
@media (max-width: 37.5em) {
  .sent-doc__saved {
    margin-left: calc(var(--doc-thumb-width) + var(--space-3));
  }
}

.sent-list__app {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}

.sent-list__app > .table__link {
  max-width: 100%;
  padding-block: calc((var(--touch-min) - var(--leading-tight) * 1em) / 2);
  line-height: var(--leading-tight);
}

.sent-list__sub {
  margin-top: calc(-1 * var(--space-2));
  color: var(--text-muted);
  font-size: var(--text-sm);
  white-space: normal;
}

.doc-list.sent-list .doc-row > td:first-child {
  width: auto;
}

.sent-list__download {
  position: relative;
}

.sent-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  margin-top: var(--space-3);
  border-block: var(--border-width) solid var(--border);
}

.sent-row__state {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  min-height: var(--touch-min);
  max-width: none;
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}
.sent-row__state > .icon {
  flex: none;
  color: var(--success);
}

.sent-row__state--not {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.sent-row__saved {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
}
.sent-row__saved > form {
  margin: 0;
}

.sent-list__none {
  color: var(--text-muted);
}

.sent-list .doc-row > td:last-child {
  text-align: right;
}

@media (max-width: 37.5em) {
  .sent-list .doc-row > td:last-child {
    display: block;
    margin-top: var(--space-2);
    text-align: left;
  }
  .sent-list .doc-row > td:last-child::before {
    content: none;
  }
}
.sent-list__day {
  white-space: normal;
}
.sent-list__day > time {
  white-space: nowrap;
}

@container docs-list (max-width: 49rem) {
  .doc-list.sent-list > .table,
  .doc-list.sent-list > .table tbody,
  .doc-list.sent-list > .table tr,
  .doc-list.sent-list > .table td {
    display: block;
  }
  .doc-list.sent-list > .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .doc-list.sent-list > .table tr {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
  }
  .doc-list.sent-list > .table tbody tr:nth-child(even) {
    background: var(--surface-sunken);
  }
  .doc-list.sent-list > .table tbody tr:nth-child(even) > td {
    background: transparent;
  }
  .doc-list.sent-list > .table td {
    display: grid;
    grid-template-columns: var(--cell-label) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
    padding: 0;
    border-bottom: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .doc-list.sent-list > .table td::before {
    content: attr(data-label);
    content: attr(data-label)/"";
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .doc-list.sent-list > .table td:empty::after {
    content: "-";
    content: "-"/"";
    color: var(--text-muted);
  }
  .doc-list.sent-list .doc-row {
    border: var(--border-width) solid var(--border);
  }
  .doc-list.sent-list .doc-row + .doc-row {
    margin-top: var(--space-2);
  }
  .doc-list.sent-list .doc-row > td {
    padding: 0;
  }
  .doc-list.sent-list .doc-row > td:first-child {
    display: block;
    width: auto;
    min-width: 0;
    margin-bottom: var(--space-3);
  }
  .doc-list.sent-list .doc-name {
    align-items: flex-start;
  }
  .doc-list.sent-list .doc-row > td:first-child::before {
    content: none;
  }
  .doc-list.sent-list .doc-row > td:not(:first-child) {
    margin-left: calc(var(--doc-thumb-width) + var(--space-3));
  }
  .sent-list .doc-row > td:last-child {
    display: block;
    margin-top: var(--space-2);
    text-align: left;
  }
  .sent-list .doc-row > td:last-child::before {
    content: none;
  }
}
.sent-link {
  margin: var(--space-4) 0 0;
}

.voice-mic {
  display: grid;
  gap: var(--space-2);
  max-width: var(--field-width);
  margin-bottom: var(--space-3);
}

.voice-mic__buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.voice-mic__listening {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  color: var(--text);
  font-weight: var(--weight-bold);
}

.voice-mic__listening::before {
  content: "";
  width: var(--space-2);
  height: var(--space-2);
  border-radius: 50%;
  background: var(--text);
}

.voice-mic__hint {
  margin: 0;
  font-size: var(--text-sm);
}

.voice-mic__hint--ask {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}
.voice-mic__hint--ask > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.voice-mic__interim {
  margin: 0;
  padding-inline: var(--space-4);
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.voice-mic__interim:empty {
  display: none;
}

.voice-note {
  max-width: var(--measure);
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
}

.voice-note:empty {
  margin: 0;
}

.voice-note[data-voice-note]:not(:empty) {
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
  line-height: var(--leading-notice);
}

.chat__spoken {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.voice {
  max-width: var(--field-width);
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.voice h2 {
  margin-top: 0;
  font-size: var(--text-lg);
}

.voice > .muted {
  font-size: var(--text-sm);
}

.voice .select-wrap {
  max-width: var(--field-min);
}

[data-correction-offers] > .chat__spoken {
  font-size: var(--text-sm);
}

.video {
  max-width: var(--field-width);
  margin: var(--space-5) 0;
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.video h2 {
  margin-top: 0;
  font-size: var(--text-lg);
}

.video h3 {
  margin: var(--space-4) 0 var(--space-2);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
}

.video .muted {
  font-size: var(--text-sm);
}

.video__frame {
  width: 100%;
  max-width: var(--self-view-width);
  aspect-ratio: var(--self-view-ratio);
  margin-bottom: var(--space-3);
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}

.video__self {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video__self--mirror {
  transform: scaleX(-1);
}

.video__recording {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  color: var(--text);
  font-weight: var(--weight-bold);
}

.video__recording::before {
  content: "";
  width: var(--space-2);
  height: var(--space-2);
  border-radius: 50%;
  background: var(--danger);
}

.practice-head {
  margin-bottom: var(--space-5);
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
}

.practice-head h1 {
  margin: var(--space-1) 0 var(--space-2);
}

.practice-head__line {
  margin: 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}
.practice-head__line > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.practice-session {
  display: grid;
  grid-template-areas: "lead side" "main side" "video ." "voice ." "reviews .";
  grid-template-columns: minmax(0, 1fr) var(--practice-side);
  grid-template-rows: auto 1fr auto auto auto;
  flex: 1 0 auto;
  align-items: start;
  justify-content: start;
  column-gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .practice-session {
    grid-template-areas: "lead" "status" "main" "controls" "video" "voice" "reviews";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
}

.practice-session__side {
  grid-area: side;
  position: sticky;
  top: var(--coach-panel-head);
  align-self: start;
  min-width: 0;
}
@media (max-width: 37.5em) {
  .practice-session__side {
    display: contents;
  }
}

.practice-session .chat {
  max-width: var(--practice-chat-width);
}

.practice-session .chat__body :where(ul, ol, blockquote) {
  max-width: var(--measure);
}

.practice-session .chat__message--user .chat__body {
  max-width: calc(var(--measure) + 2 * var(--space-4));
}

.practice-session .chat__message--assistant .chat__body:is(:not([data-rendered]), .chat__body--plain) {
  max-width: var(--measure);
}

.practice-session__lead,
.practice-session__reviews {
  max-width: calc(var(--practice-chat-width) - 2 * var(--space-4));
}

.practice-session__lead {
  grid-area: lead;
  min-width: 0;
}

.practice-session__main {
  grid-area: main;
  display: flex;
  flex-direction: column;
  align-self: stretch;
  min-width: 0;
}
@media (max-width: 37.5em) {
  .practice-session__main {
    display: block;
  }
}

.practice-session__intro {
  max-width: var(--measure);
}

.practice-session__status,
.practice-session__controls {
  min-width: 0;
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .practice-session__status,
  .practice-session__controls {
    padding-left: 0;
    border-left: 0;
  }
}

.practice-session__status {
  grid-area: status;
  padding-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .practice-session__status {
    padding-bottom: var(--space-2);
  }
}

.practice-session__heading {
  margin: 0 0 var(--space-2);
}
@media (max-width: 37.5em) {
  .practice-session__heading {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.practice-session__facts {
  margin: var(--space-2) 0 0;
  font-size: var(--text-sm);
}

.practice-progress {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  margin: 0;
}

.practice-progress__words {
  font-weight: var(--weight-bold);
}

.practice-progress__bars {
  display: flex;
  flex: 1 1 auto;
  gap: var(--space-1);
  min-width: 0;
}

.practice-progress__bar {
  flex: 0 1 var(--practice-bar);
  min-width: var(--space-1);
  height: var(--practice-bar-height);
  border-radius: var(--radius-pill);
  background: var(--border);
}

.practice-progress__bar--done {
  background: var(--accent);
}

.practice-session__controls {
  grid-area: controls;
}
@media (max-width: 37.5em) {
  .practice-session__controls {
    margin-top: var(--space-2);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--border);
  }
}

.practice-level {
  margin-bottom: var(--space-4);
}

.practice-finish {
  margin: 0;
}

.practice-finish .form__actions {
  margin-bottom: var(--space-2);
}

.practice-finish > p {
  margin: 0 0 var(--space-2);
  font-size: var(--text-sm);
}

.practice-finish > p:empty {
  margin: 0;
}

.practice-session > .video {
  grid-area: video;
}

.practice-session > .voice {
  grid-area: voice;
}

.practice-session__reviews {
  grid-area: reviews;
  min-width: 0;
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

@media (max-width: 37.5em) {
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session__controls {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session > .video {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session > .voice {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session__reviews {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session .chat__tools {
    display: none;
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .practice-session .voice-mic {
    display: none;
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .practice-session .voice-note {
    display: none;
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .practice-session .chat__input {
    field-sizing: fixed;
    height: calc(var(--composer-min) + 3lh);
    max-height: calc(var(--composer-min) + 3lh);
    overflow-y: auto;
  }
  body[data-typing]:has(:is(input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly]), textarea:not([readonly])):focus) .frame__main:has(.practice-session) {
    padding-bottom: var(--space-3);
  }
}
.page:has(> .practice-session) {
  container: practice-page/inline-size;
  display: flex;
  flex-direction: column;
}
@media (max-width: 37.5em) {
  .page:has(> .practice-session) {
    container-type: normal;
    display: block;
  }
}

@container practice-page (min-width: 44rem) {
  .practice-session:not(:has(> .video:not([hidden]), > .voice:not([hidden]), > .practice-session__reviews)) {
    margin-bottom: calc(-1 * var(--space-6));
  }
}
@container practice-page (max-width: 44rem) {
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session__controls {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session > .video {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session > .voice {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session__reviews {
    display: none;
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .practice-session .chat__tools {
    display: none;
  }
  .practice-session__side {
    display: contents;
  }
  .practice-session {
    grid-template-areas: "lead" "status" "main" "controls" "video" "voice" "reviews";
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
  }
  .practice-session__status,
  .practice-session__controls {
    padding-left: 0;
    border-left: 0;
  }
  .practice-session__status {
    padding-bottom: var(--space-2);
  }
  .practice-session__controls {
    margin-top: var(--space-2);
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--border);
  }
}

.practice-feedback-fold {
  margin: 0;
}

.practice-feedback-fold__summary {
  display: list-item;
  list-style-position: inside;
  min-height: var(--touch-min);
  cursor: pointer;
  font-size: var(--text-sm);
  font-weight: 600;
}

.push {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-5);
  max-width: var(--settings-width);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.push__head {
  display: grid;
  gap: var(--space-2);
}
.push__head > h2 {
  margin: 0;
}

.push__lead,
.push__hint {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.push + .settings > .settings__section:first-of-type {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.push-device {
  display: grid;
  grid-template-columns: var(--touch-min) minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--space-1) var(--space-4);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}
@media (max-width: 37.5em) {
  .push-device {
    grid-template-columns: var(--touch-min) minmax(0, 1fr);
  }
}

.push-device__body,
.push-device__state {
  display: contents;
}

.push-device__icon {
  display: grid;
  grid-row: 1/span 2;
  place-items: center;
  width: var(--touch-min);
  height: var(--touch-min);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  color: var(--text);
}
.push-device__icon .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

.push-device__glyph {
  display: contents;
}

.push-device__title,
.push-device__sub,
.push-device__error {
  grid-column: 2;
}

.push-steps {
  grid-column: 1/-1;
}

.push-device__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  max-width: none;
  margin: 0;
  color: var(--text);
  font-weight: var(--weight-bold);
}

.push-device__sub {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.push-device__acts {
  display: flex;
  flex-wrap: wrap;
  grid-column: 3;
  grid-row: 1/span 2;
  gap: var(--space-2);
}
@media (max-width: 37.5em) {
  .push-device__acts {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--space-2);
  }
}

.push-device__form {
  margin: 0;
}

.push-device__error {
  margin: 0;
}

.push-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  padding: var(--source-tag-pad) var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  white-space: nowrap;
}

.push-chip::before {
  content: "";
  width: var(--status-dot-xs);
  height: var(--status-dot-xs);
  border-radius: var(--radius-pill);
  background: currentColor;
}

.push-chip--on {
  color: var(--success);
}

.push-chip--warn {
  color: var(--warning);
}

.push-steps {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-1) 0 0;
  padding: 0;
  counter-reset: push-step;
  color: var(--text);
  font-size: var(--text-sm);
  list-style: none;
}
.push-steps > li {
  display: grid;
  grid-template-columns: var(--icon-lg) minmax(0, 1fr);
  gap: var(--space-3);
  counter-increment: push-step;
}
.push-steps > li > .push-step {
  min-width: 0;
}
.push-steps > li::before {
  content: counter(push-step);
  display: grid;
  place-items: center;
  width: var(--icon-lg);
  height: var(--icon-lg);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
}

.push-done {
  display: grid;
  grid-column: 2/-1;
  grid-template-columns: var(--icon-sm) minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  max-width: none;
  margin: var(--space-2) 0 0;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
}
.push-done .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: var(--space-1);
  color: var(--success);
}
@media (max-width: 37.5em) {
  .push-done {
    grid-column: 1/-1;
  }
}

.push-done__mark {
  display: contents;
}

.push-done__mark--not .icon {
  color: var(--warning);
}

.push-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  margin: 0;
}

.push-label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.push-own {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--switch-inset);
  padding: var(--switch-inset);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
}

.push-own__form {
  display: flex;
  margin: 0;
}

.push-own__option {
  flex: 1 1 auto;
  min-height: var(--touch-min);
  padding: 0 var(--space-2);
  border: var(--border-width) solid transparent;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--text-muted);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  cursor: pointer;
}

.push-own__option[aria-pressed=true] {
  border-color: var(--accent);
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 var(--border-width) var(--accent);
  color: var(--text);
  font-weight: var(--weight-bold);
}

@media (hover: hover) {
  .push-own__option:not([aria-pressed=true]):hover {
    color: var(--text);
  }
}
.push-own__option:not([aria-pressed=true]):active {
  color: var(--text);
}

.push-keep {
  display: grid;
  grid-template-columns: var(--icon-sm) minmax(0, 1fr);
  gap: var(--space-2);
  align-items: start;
  max-width: none;
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}
.push-keep > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: var(--space-1);
  color: var(--text-muted);
}

.push-kinds {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: var(--border-width) solid var(--border);
  list-style: none;
}

.push-kind {
  border-bottom: var(--border-width) solid var(--border);
}

.push-kind__form {
  margin: 0;
}

.push-kind__group {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 var(--space-4);
  min-width: 0;
  margin: 0;
  padding: var(--space-3) 0;
  border: 0;
}
.push-kind__group > :not(.push-kind__switch, .push-always) {
  grid-column: 1;
}

.push-kind__group > legend {
  float: left;
  padding: 0;
}

.push-kind__label {
  max-width: none;
  margin: 0;
  color: var(--text);
  font-weight: var(--weight-bold);
}

.push-kind__hint,
.push-kind__why {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.push-kind__hint > .source-tag,
.push-kind__why > .source-tag {
  margin-top: var(--space-1);
}

.push-kind__why {
  color: var(--text);
}

.push-kind__error {
  grid-column: 1/-1;
}

.push-kind__switch,
.push-always {
  grid-column: 2;
  grid-row: 1/span 4;
  width: calc(var(--touch-min) * 3);
}

.push-kind__switch {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.push-kind__switch--later {
  box-shadow: inset 0 0 0 var(--border-width) var(--border-control);
  outline: var(--border-width) dashed var(--border-control);
  outline-offset: calc(-1 * var(--border-width));
}

.push-always {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}
.push-always > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--text-muted);
}

.push-kind__save {
  padding-bottom: var(--space-3);
}

.push-kind__form--head > .push-kind__group {
  padding-top: 0;
}

.push-quiet__change {
  margin: 0;
}

.push-quiet__times {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-4);
}
@media (max-width: 37.5em) {
  .push-quiet__times {
    grid-template-columns: minmax(0, 1fr);
  }
}

.push-quiet__time {
  margin: 0;
}
.push-quiet__time > .field {
  margin-bottom: 0;
}

.push-lock {
  max-width: none;
  margin: 0;
}

.push-samples {
  display: grid;
  gap: var(--space-1);
  margin-top: var(--space-1);
}

.push-sample {
  display: block;
  padding-left: var(--space-3);
  box-shadow: inset var(--rule-width) 0 0 var(--border-control);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}

.push-sample__title {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.push-badge {
  max-width: none;
  margin: 0;
}

.push-others {
  display: grid;
  margin: 0;
  padding: 0;
  border-top: var(--border-width) solid var(--border);
  list-style: none;
}

.push-other {
  display: grid;
  grid-template-columns: var(--icon-lg) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  min-height: calc(var(--touch-min) + var(--space-3));
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border);
}
.push-other > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
  color: var(--text-muted);
}

.push-other__words {
  display: grid;
  min-width: 0;
}

.push-other__name {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.push-other__when {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.push-other__end {
  margin: 0;
}

.push-foot {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr);
  gap: 0 var(--space-3);
  align-items: start;
  max-width: none;
  margin: var(--space-1) 0 0;
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.push-foot > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
  margin-top: var(--space-1);
}

.push-foot__link {
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
  font-weight: var(--weight-bold);
}

.notif[data-marked],
.notif:has(> .notif__words:target) {
  margin: 0 calc(-1 * var(--space-4));
  padding-inline: var(--space-4);
  background: var(--accent-soft);
  box-shadow: inset var(--rule-width) 0 0 var(--accent);
}

.sign-ins__push {
  box-shadow: inset 0 0 0 var(--border-width) var(--border-control);
  color: var(--text);
}

.sign-ins__push-line {
  max-width: none;
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.layout-cards__list {
  display: grid;
  gap: var(--space-3);
}

.layout-card {
  display: grid;
  margin: 0;
  grid-template-columns: minmax(0, 15rem) auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  cursor: pointer;
  transition: background-color var(--dur-fast) var(--ease);
}
.layout-card > input {
  margin-top: var(--space-1);
}
@media (max-width: 37.5em) {
  .layout-card {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

.layout-card:has(input:checked) {
  border-color: var(--accent);
  background: var(--accent-soft);
}

@media (hover: hover) {
  .layout-card:hover:not(:has(input:checked)) {
    background: var(--surface-sunken);
  }
}

.layout-card:active:not(:has(input:checked)) {
  background: var(--surface-sunken);
}

.layout-card__page {
  display: grid;
  grid-column: 1;
  grid-row: 1;
  gap: 3px;
  padding: var(--space-2) var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface);
  color: var(--text);
  font-family: var(--font-doc);
  font-size: 0.6875rem;
  line-height: 1.25;
}

.layout-card__head,
.layout-card__role {
  display: flex;
  justify-content: space-between;
  gap: var(--space-2);
  min-width: 0;
}
.layout-card__head > :first-child,
.layout-card__role > :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.layout-card__head > :last-child,
.layout-card__role > :last-child {
  flex: none;
  color: var(--text-muted);
}

.layout-card__head {
  font-weight: var(--weight-bold);
}

.layout-card__name {
  text-transform: uppercase;
  letter-spacing: var(--tracking-caps);
}

.layout-card__head:not(:first-child) {
  margin-top: 3px;
}

.layout-card__head--rule {
  padding-bottom: 2px;
  border-bottom: var(--border-width) solid var(--border-control);
}

.layout-card__role--in {
  padding-left: var(--space-3);
}

.layout-card > input {
  grid-row: 1;
  grid-column: 2;
}

.layout-card__text {
  display: grid;
  grid-row: 1;
  grid-column: 3;
  min-width: 0;
  overflow-wrap: anywhere;
}
.layout-card__text > strong {
  font-weight: var(--weight-bold);
}
.layout-card__text > .muted {
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .layout-card__page {
    grid-column: 1/-1;
  }
  .layout-card > input {
    grid-row: 2;
    grid-column: 1;
  }
  .layout-card__text {
    grid-row: 2;
    grid-column: 2;
  }
}

.settings__head > .lead {
  flex-basis: 100%;
}
@media (max-width: 37.5em) {
  .settings__head > .lead {
    display: none;
  }
}

.settings {
  max-width: var(--settings-width);
}

.settings :is(.switch, .choice, .field) {
  max-width: none;
}

.settings__section + .settings__section,
.settings__testers,
.settings__claude-key,
.settings__corrections {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.settings__section > h2 {
  margin-bottom: var(--space-4);
}

.settings__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-4);
}
.settings__title > h2 {
  min-width: 0;
  margin: 0;
}

.settings__section > :is(.switch, .choice) {
  margin-bottom: var(--space-5);
}

.settings__section > :is(.switch, .choice):last-child,
.settings__limit > .settings__hint {
  margin-bottom: 0;
}

.settings__hint {
  max-width: none;
  margin: var(--space-2) 0 0;
}

.settings__change {
  margin: 0;
}

.settings__value {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--composer-min);
  padding: var(--space-2) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-field);
  background: var(--surface-raised);
  color: var(--text-muted);
  cursor: pointer;
  list-style: none;
  transition: background-color var(--dur-fast) var(--ease);
}

.settings__value::-webkit-details-marker {
  display: none;
}

@media (hover: hover) {
  .settings__value:hover {
    background: var(--surface-sunken);
  }
}
.settings__value:active {
  background: var(--surface-sunken);
}

.settings__words {
  flex: 1 1 auto;
  min-width: 0;
}
.settings__words > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.settings__action {
  flex: none;
  color: var(--accent);
  font-weight: var(--weight-bold);
}

.settings__controls {
  padding-top: var(--space-4);
}

.settings__controls > :is(.choice, .field) {
  margin-bottom: 0;
}

.settings__limit > .field__label {
  margin: 0 0 var(--space-1);
}

.settings__model {
  grid-template-columns: var(--settings-model-label) minmax(0, 1fr);
  align-items: center;
  column-gap: var(--space-4);
  margin-bottom: var(--space-2);
}
.settings__model > .field__label {
  color: var(--text);
  font-size: var(--text-base);
  font-weight: var(--weight-normal);
}
.settings__model > .field__error,
.settings__model > .field__saved {
  grid-column: 2;
}
.settings__model > .field__saved {
  position: static;
  height: auto;
}
@media (max-width: 37.5em) {
  .settings__model {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: var(--space-3);
  }
  .settings__model > .field__label {
    font-size: var(--text-sm);
    font-weight: var(--weight-bold);
  }
  .settings__model > .field__error,
  .settings__model > .field__saved {
    grid-column: auto;
  }
}

.settings__models > .field__hint {
  margin: 0 0 var(--space-2);
}

.settings__models > ul.field__hint {
  margin-bottom: var(--space-3);
  padding-left: var(--space-5);
}

.settings__statuses > .field__hint {
  margin: 0 0 var(--space-2);
}

.settings__statuses-group {
  margin: var(--space-3) 0 0;
}

.settings__statuses-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--field-min)), 1fr));
  gap: 0 var(--space-4);
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings__statuses-list > li {
  min-width: 0;
}
.settings__statuses-list .checkbox {
  align-items: center;
  margin-bottom: 0;
  padding-block: 0;
}
.settings__statuses-list .checkbox input {
  margin-top: 0;
}

.settings > .form__actions {
  margin-top: var(--space-5);
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.settings__claude-key {
  max-width: var(--settings-width);
}
.settings__claude-key .field,
.settings__claude-key .settings__text {
  max-width: none;
}

.page__top + .settings__claude-key {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}

.settings__key-shown {
  font-family: var(--font-mono);
  white-space: nowrap;
}

.settings__key-acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: var(--space-4) 0;
}
.settings__key-acts > form {
  display: flex;
}
@media (max-width: 37.5em) {
  .settings__key-acts {
    flex-direction: column;
  }
  .settings__key-acts .button {
    justify-content: center;
    width: 100%;
  }
}

.settings__key-limit {
  margin-bottom: var(--space-4);
}

.settings__corrections {
  max-width: var(--settings-width);
}
.settings__corrections .field,
.settings__corrections .settings__text {
  max-width: none;
}

.color-swatch {
  display: inline-flex;
  flex: none;
  width: var(--swatch-width);
  height: var(--swatch-height);
  overflow: hidden;
  border-radius: var(--radius-sm);
  box-shadow: 0 0 0 var(--border-width) var(--border-control);
}

.color-swatch__half {
  display: grid;
  flex: 1 1 0;
  place-items: center;
  background: var(--swatch-page);
}

.color-swatch__half::after {
  content: "";
  width: var(--swatch-dot);
  height: var(--swatch-dot);
  border-radius: 50%;
  background: var(--swatch-coach);
}

.color-swatch__half--slate-day {
  --swatch-page: var(--swatch-slate-day);
  --swatch-coach: var(--swatch-slate-day-coach);
}

.color-swatch__half--slate-night {
  --swatch-page: var(--swatch-slate-night);
  --swatch-coach: var(--swatch-slate-night-coach);
}

.color-swatch__half--violet-day {
  --swatch-page: var(--swatch-violet-day);
  --swatch-coach: var(--swatch-violet-day-coach);
}

.color-swatch__half--violet-night {
  --swatch-page: var(--swatch-violet-night);
  --swatch-coach: var(--swatch-violet-night-coach);
}

.settings__allocation {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-1) 0 var(--space-3);
}

.settings__allocation > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.settings__allocation--low {
  color: var(--warning);
}

.settings__allocation-acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.settings__testers .field__hint {
  display: block;
  max-width: var(--measure);
  margin-bottom: var(--space-2);
}

.settings__testers-open {
  margin-top: var(--space-2);
}

.usage__head > .lead {
  flex-basis: 100%;
}
@media (max-width: 37.5em) {
  .usage__head > .lead {
    display: none;
  }
}

.usage-reached {
  margin-bottom: var(--space-5);
  padding-block: var(--space-4);
}

.usage-reached__words {
  max-width: var(--measure);
  margin: 0 0 var(--space-3);
}

.limit-stop__submitted {
  border-style: dashed;
  color: var(--text-muted);
  cursor: default;
  pointer-events: none;
}

.limit-stop__says {
  color: var(--text-muted);
}

.usage-month {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "main side" "foot foot";
  column-gap: var(--space-7);
  margin-bottom: var(--space-7);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .usage-month {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "main" "side" "foot";
    padding: var(--space-4);
  }
}

.usage-month__main {
  grid-area: main;
  min-width: 0;
}

.usage-month__total {
  margin: 0;
}

.usage-month__total > dd {
  margin: var(--space-2) 0 0;
}

.usage-month__sum {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .usage-month__sum {
    font-size: var(--text-2xl);
  }
}

.usage-month__of {
  color: var(--text-muted);
  font-size: var(--text-lg);
}

.usage-month__meter {
  --meter-height: var(--meter-height-lg);
  margin-top: var(--space-3);
}

.usage-month__left {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
}

.usage-month__left strong {
  font-weight: var(--weight-bold);
}

.usage-month__record,
.usage-month__cache {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.usage-month__record > .icon,
.usage-month__cache > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}
.usage-month__record strong,
.usage-month__cache strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.usage-month__line {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-month__alert {
  display: none;
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.usage-month[data-usage-level=near] .usage-month__alert {
  display: block;
  color: var(--warning);
}

.usage-month[data-usage-level=reached] .usage-month__alert {
  display: block;
  color: var(--danger);
}

.usage-month__side {
  grid-area: side;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .usage-month__side {
    margin-top: var(--space-5);
    padding: var(--space-5) 0 0;
    border-top: var(--border-width) solid var(--border);
    border-left: 0;
  }
}

.usage-month__figures {
  display: grid;
  grid-template-columns: repeat(2, max-content);
  gap: var(--space-4) var(--space-5);
  margin: 0;
}
@media (max-width: 37.5em) {
  .usage-month__figures {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

.usage-month__figure > dd {
  margin: 0;
}

.usage-month__figure > .caps {
  margin-bottom: var(--space-2);
}

.usage-month__value {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.usage-month__note {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-month__change {
  margin-left: calc(-1 * var(--space-3));
}

.usage-month[data-usage-level=reached] .usage-month__change {
  display: none;
}

.usage-month__foot {
  grid-area: foot;
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  max-width: none;
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.usage-month__foot > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}
.usage-month__foot > span {
  max-width: var(--measure);
}

.usage__section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-1) var(--space-4);
  margin-bottom: var(--space-4);
}
.usage__section-head > h2,
.usage__section-head > .usage__section-lead {
  margin: 0;
}
@media (max-width: 37.5em) {
  .usage__section-head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.usage__section-lead {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-folds {
  margin-bottom: var(--space-7);
}

.usage-fold {
  min-width: 0;
}
.usage-fold > summary {
  list-style: none;
}
.usage-fold > summary::-webkit-details-marker {
  display: none;
}

.usage-fold__summary {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
  cursor: pointer;
}

.usage-fold[open] > .usage-fold__summary {
  border-bottom: 0;
}

.usage-fold + .usage-fold > .usage-fold__summary {
  border-top: 0;
}

.usage-fold__title {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--text-md);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
}

.usage-fold__count {
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-fold__chevron {
  flex: none;
  margin-left: auto;
  transition: transform var(--dur-turn) var(--ease);
}

.usage-fold[open] .usage-fold__chevron {
  transform: rotate(180deg);
}

.usage-fold__body {
  min-width: 0;
  padding-bottom: var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
  container: usage-fold/inline-size;
}

@container usage-fold (max-width: 60rem) {
  .usage-tasks > .table,
  .usage-tasks > .table tbody,
  .usage-tasks > .table tr,
  .usage-tasks > .table td {
    display: block;
  }
  .usage-tasks > .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .usage-tasks > .table tr {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
  }
  .usage-tasks > .table tbody tr:nth-child(even) {
    background: var(--surface-sunken);
  }
  .usage-tasks > .table tbody tr:nth-child(even) > td {
    background: transparent;
  }
  .usage-tasks > .table td {
    display: grid;
    grid-template-columns: var(--cell-label) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
    padding: 0;
    border-bottom: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .usage-tasks > .table td::before {
    content: attr(data-label);
    content: attr(data-label)/"";
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .usage-tasks > .table td:empty::after {
    content: "-";
    content: "-"/"";
    color: var(--text-muted);
  }
}
.usage-fold__lead,
.usage-fold__line {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-fold__line {
  margin: var(--space-4) 0 0;
}

.usage-fold__heading {
  margin: var(--space-5) 0 var(--space-3);
}

.usage-calls__mark {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
  white-space: normal;
}

.usage-whole__grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-5) var(--space-6);
}

.usage-whole__month {
  flex: 999 1 26rem;
  min-width: 0;
}

.usage-whole__total {
  margin: 0;
}

.usage-whole__total > dd {
  margin: var(--space-1) 0 0;
}

.usage-whole__sum {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.usage-whole__of {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.usage-whole__bar {
  display: block;
  width: 100%;
  height: var(--meter-height-lg);
  margin-top: var(--space-3);
  border-radius: var(--radius-pill);
  background: var(--border);
}

.usage-whole__part--you,
.usage-whole__swatch--you {
  fill: var(--text);
  background: var(--text);
}

.usage-whole__part--one,
.usage-whole__swatch--one {
  fill: var(--coach);
  background: var(--coach);
}

.usage-whole__part--two,
.usage-whole__swatch--two {
  fill: var(--text-muted);
  background: var(--text-muted);
}

.usage-whole__legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-4);
  margin: var(--space-2) 0 var(--space-4);
  padding: 0;
  font-size: var(--text-sm);
  list-style: none;
}

.usage-whole__key {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.usage-whole__swatch {
  flex: none;
  width: 10px;
  height: 10px;
  border-radius: var(--radius-sm);
}

.usage-whole__months-head {
  margin: var(--space-4) 0 var(--space-1);
  color: var(--text-muted);
}

.usage-whole__months {
  margin: 0;
  padding: 0;
  list-style: none;
}

.usage-whole__months > li {
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}

.usage-whole__card {
  flex: 1 1 15rem;
  min-width: 0;
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.usage-whole__card--low {
  border-color: var(--warning);
  background: var(--warning-soft);
}

.usage-whole__kicker {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-muted);
}

.usage-whole__card--low .usage-whole__kicker,
.usage-whole__card--low .usage-whole__figure,
.usage-whole__card--low .usage-whole__spoken {
  color: var(--warning);
}

.usage-whole__figure {
  margin: var(--space-2) 0 0;
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.usage-whole__spoken {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.usage-whole__text {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
}

.usage-whole__acts {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-2);
  margin-top: var(--space-4);
}

.usage-whole__acts > .button {
  justify-content: center;
  white-space: nowrap;
}

.usage-whole__saved {
  margin: 0 0 var(--space-4);
}

.usage-whole__unnamed {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.usage-whole__unnamed > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.usage-whole__console {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-4) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.usage-whole__console > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.account-page__head > .lead {
  flex-basis: 100%;
}
@media (max-width: 37.5em) {
  .account-page__head > .lead {
    font-size: var(--text-base);
  }
}

.account-page {
  container-name: account-page;
  container-type: inline-size;
}

.account-page__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  column-gap: var(--space-7);
}

@container account-page (max-width: 45rem) {
  .account-page__columns {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-page__section + .account-page__section {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: var(--border-width) solid var(--border);
  }
}

.account-page__who {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin: 0 0 var(--space-5);
}

.account-page__avatar {
  width: var(--account-avatar);
  height: var(--account-avatar);
  font-size: var(--text-lg);
}
@media (max-width: 37.5em) {
  .account-page__avatar {
    width: var(--account-avatar-phone);
    height: var(--account-avatar-phone);
    font-size: var(--text-md);
  }
}

.account-page__name {
  min-width: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.account-page__list {
  margin: 0;
}

.account-page__item + .account-page__item {
  margin-top: var(--space-4);
}

.account-page__item > dt {
  margin-bottom: var(--space-1);
}

.account-page__item > dd > .field__hint {
  margin: var(--space-2) 0 0;
}

.account-page__value {
  min-width: 0;
  max-width: none;
  margin: 0;
  color: var(--text);
  font-weight: var(--weight-bold);
  overflow-wrap: anywhere;
}

.account-page__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  min-height: var(--touch-min);
}
.account-page__row > .account-page__value {
  flex: 1 1 0;
}

.account-page__change {
  flex: none;
}

.account-page__item--row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  min-width: 0;
}
.account-page__item--row > dt {
  min-width: 0;
  margin-bottom: 0;
}
.account-page__item--row > dd {
  flex: none;
}

.account-page__label {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.account-page__label > .icon {
  flex: none;
  color: var(--text-muted);
}

.account-page__item--two-step,
.account-page__item--sign-ins {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.account-page__item--two-step > dt,
.account-page__item--sign-ins > dt {
  min-width: 0;
  margin-bottom: 0;
}

.account-page__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--space-2);
  margin: 0;
}

.account-page__line {
  grid-column: 1/-1;
  max-width: var(--measure);
  margin: 0;
}
.account-page__line > strong {
  color: var(--text);
}
.account-page__line > code {
  padding: 0 var(--space-1);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  color: var(--text);
}

.account-page__low {
  grid-column: 1/-1;
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}

.account-page__low-words {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--warning);
  font-weight: var(--weight-bold);
}
.account-page__low-words > .icon {
  flex: none;
}

.account-page__low-link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  font-weight: var(--weight-bold);
}

.account-page__section {
  container: account-section/inline-size;
}

@container account-section (max-width: 18.75rem) {
  .account-page__row,
  .account-page__item--row {
    flex-direction: column;
    align-items: stretch;
  }
  .account-page__item--two-step,
  .account-page__item--sign-ins {
    grid-template-columns: minmax(0, 1fr);
  }
  .account-page__buttons {
    flex-direction: column;
    align-items: stretch;
  }
  .account-page__change {
    width: 100%;
    white-space: normal;
  }
}

.account-page__done {
  max-width: var(--measure);
  margin-bottom: var(--space-5);
}
.account-page__done > .notice {
  margin-bottom: var(--space-2);
}

.account-page__others {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}
@media (max-width: 37.5em) {
  .account-page__others {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
}

.account-page__others-line {
  flex: 1 1 var(--field-min);
  min-width: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.account-page__others-line > p {
  margin: 0;
}
.account-page__others-line > ul + p {
  margin-top: var(--space-2);
}

@media (max-width: 37.5em) {
  .account-page__where {
    width: 100%;
  }
}

.account-page__settings {
  max-width: none;
  margin: var(--space-5) 0 0;
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .account-page__settings {
    margin-top: var(--space-4);
  }
}

.account-page__changed > p {
  overflow-wrap: anywhere;
}

.signed-out-notice > p {
  margin: 0;
}

.signed-out-notice > ul + p {
  margin-top: var(--space-2);
}

.device-list {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-4);
}
.device-list > li::marker {
  color: var(--text-muted);
}
.device-list > li + li {
  margin-top: var(--space-1);
}

.device-list__device {
  white-space: nowrap;
}

.device-list__used {
  display: inline-block;
  max-width: 100%;
  color: var(--text-muted);
}

.email-page__head {
  flex-direction: column;
  row-gap: var(--space-1);
}
@media (max-width: 37.5em) {
  .email-page__head > .lead {
    font-size: var(--text-base);
  }
}

.email-page__now {
  max-width: var(--entry-width);
  margin: 0 0 var(--space-4);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.email-form__check {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: none;
  margin: 0;
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.email-form__check > .icon {
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

.sign-ins__head {
  flex-direction: column;
  row-gap: var(--space-1);
}
@media (max-width: 37.5em) {
  .sign-ins__head > .lead {
    font-size: var(--text-base);
  }
}

.sign-ins {
  max-width: var(--two-step-width);
}

.sign-ins__part + .sign-ins__part {
  margin-top: var(--space-6);
}
.sign-ins__part > h2 {
  margin: 0 0 var(--space-3);
}
@media (max-width: 37.5em) {
  .sign-ins__part > h2 {
    font-size: var(--text-lg);
  }
}

.sign-ins__devices {
  container: sign-ins/inline-size;
  margin: 0;
  padding: 0;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  list-style: none;
}

.sign-ins__device {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4);
}
.sign-ins__device + .sign-ins__device {
  border-top: var(--border-width) solid var(--border);
}
.sign-ins__device > .icon {
  align-self: start;
  margin-top: calc((var(--leading) * 1em - var(--icon-md)) / 2);
  color: var(--text-muted);
}

.sign-ins__words {
  min-width: 0;
}

.sign-ins__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  max-width: none;
  margin: 0;
  color: var(--text);
  font-weight: var(--weight-bold);
}

.sign-ins__when {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.sign-ins__end {
  margin: 0;
}

.sign-ins__this {
  color: var(--text-muted);
  font-size: var(--text-sm);
  white-space: nowrap;
}

@container sign-ins (max-width: 30rem) {
  .sign-ins__device {
    grid-template-columns: var(--icon-md) minmax(0, 1fr);
  }
  .sign-ins__end {
    grid-column: 2;
    justify-self: start;
  }
}

.sign-ins__others {
  margin-top: var(--space-3);
}

.sign-ins__activity {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sign-ins__line {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr);
  gap: 0 var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}
.sign-ins__line > .icon {
  margin-top: calc((var(--leading) * 1em - var(--icon-md)) / 2);
  color: var(--text-muted);
}

.sign-ins__line-words {
  min-width: 0;
}

.sign-ins__line-text,
.sign-ins__line-when {
  max-width: none;
  margin: 0;
}

.sign-ins__line-text {
  color: var(--text);
}

.sign-ins__line-when {
  color: var(--text-muted);
}

.sign-ins__kept,
.sign-ins__foot {
  max-width: none;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.sign-ins__kept {
  margin: var(--space-2) 0 0;
  padding-left: calc(var(--icon-md) + var(--space-3));
}

.sign-ins__foot {
  margin: var(--space-5) 0 0;
}

.two-step-page__head {
  flex-direction: column;
  row-gap: var(--space-1);
}
@media (max-width: 37.5em) {
  .two-step-page__head > .lead {
    font-size: var(--text-base);
  }
}

.two-step-also {
  max-width: var(--two-step-width);
  margin: 0 0 var(--space-4);
}
.two-step-also > ul {
  margin: var(--space-1) 0 0;
  padding-left: var(--space-5);
}

.two-step-note {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  max-width: var(--two-step-width);
  margin: 0 0 var(--space-4);
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.two-step-note > .icon {
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

.two-step-form {
  max-width: var(--entry-width);
}
.two-step-form .form__actions {
  margin-top: var(--space-5);
}

.two-step-how {
  max-width: none;
}

.two-step-how__later {
  cursor: not-allowed;
}

.two-step-how__later::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: var(--switch-inset);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-md);
}

.two-step-how__tag {
  display: flex;
  justify-content: flex-end;
  max-width: none;
  margin: var(--space-1) 0 0;
}

.two-step-step {
  max-width: var(--two-step-width);
  margin: 0;
  padding: var(--space-4) 0 var(--space-5);
  border-top: var(--border-width) solid var(--border);
}

.two-step-step__title {
  margin: 0 0 var(--space-3);
  font-size: var(--text-lg);
}

.two-step-step--touch {
  display: none;
}

@media (pointer: coarse) {
  .two-step-step--scan {
    display: none;
  }
  .two-step-step--touch {
    display: grid;
    gap: var(--space-3);
    justify-items: start;
  }
}

.two-step-where--touch {
  display: none;
}

@media (pointer: coarse) {
  .two-step-where--scan {
    display: none;
  }
  .two-step-where--touch {
    display: inline;
  }
}

.two-step-scan {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: var(--space-4) var(--space-6);
}

.two-step-scan__key {
  display: grid;
  flex: 1 1 var(--field-min);
  gap: var(--space-3);
  justify-items: start;
  min-width: 0;
}

.two-step-scan__words {
  margin: 0;
}

.two-step-qr {
  flex: none;
  width: var(--qr-size);
}
.two-step-qr > .qr {
  display: block;
  width: var(--qr-size);
  height: var(--qr-size);
  border-radius: var(--radius-sm);
  box-shadow: 0 0 0 var(--border-width) var(--border);
}

.qr__paper {
  fill: var(--qr-paper);
}

.qr__ink {
  fill: var(--qr-ink);
}

.two-step-key {
  max-width: 100%;
  margin: 0;
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: var(--text-base);
  letter-spacing: var(--tracking-backup);
  word-spacing: var(--two-step-key-gap);
  line-height: var(--leading);
}

.two-step-account {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.two-step-open__hint {
  margin: 0;
}

.two-step-qr-open {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
}

.two-step-touch__words {
  margin: var(--space-2) 0 0;
  font-weight: var(--weight-bold);
}

.two-step-code {
  max-width: var(--code-field-width);
  height: var(--touch-min);
  padding-block: 0;
  font-family: var(--font-mono);
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-code);
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .two-step-code {
    max-width: none;
  }
}

.two-step-form .field > .input,
.two-step-code,
.two-step-tick input {
  scroll-margin-top: var(--space-8);
}
@media (max-width: 37.5em) {
  .two-step-form .field > .input,
  .two-step-code,
  .two-step-tick input {
    scroll-margin-bottom: calc(var(--refusal-room) + var(--tabbar-height) + var(--coach-lift) + env(safe-area-inset-bottom));
  }
}

.two-step-code--either {
  font-size: var(--text-md);
  letter-spacing: var(--tracking-backup);
}

.two-step-clock {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  max-width: var(--measure);
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.two-step-clock > .icon {
  flex: none;
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: var(--space-1);
}

.two-step-fresh {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  margin: 0;
  color: var(--text);
  font-size: var(--text-base);
  line-height: var(--leading-notice);
}
.two-step-fresh > .icon {
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--success);
}

.two-step-codes-box {
  container: two-step-codes/inline-size;
  max-width: var(--two-step-codes-width);
  margin-bottom: var(--space-4);
}

.two-step-codes {
  display: grid;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  justify-content: start;
  gap: var(--space-2) var(--two-step-codes-gap);
  margin: 0;
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  font-family: var(--font-mono);
  font-size: var(--text-md);
  letter-spacing: var(--tracking-backup);
  list-style: none;
}

.two-step-codes__code {
  margin: 0;
  white-space: nowrap;
}

@container two-step-codes (max-width: 26rem) {
  .two-step-codes {
    grid-template-rows: none;
    grid-auto-flow: row;
  }
}

.two-step-codes__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
}
@media (max-width: 37.5em) {
  .two-step-codes__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.two-step-done {
  max-width: var(--entry-width);
}

.two-step-tick {
  margin-bottom: var(--space-3);
}
.two-step-tick > .checkbox {
  margin-bottom: 0;
  font-weight: var(--weight-bold);
}

.two-step-done__actions {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
}
@media (max-width: 37.5em) {
  .two-step-done__actions {
    justify-items: stretch;
  }
}

.two-step-done__line {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.two-step-done__actions > .form__note {
  margin: 0;
}

.two-step-done__actions > .form__note:empty {
  position: absolute;
}

.two-step-manage {
  max-width: var(--two-step-width);
}

.two-step-manage__part {
  padding: var(--space-4) 0;
  border-top: var(--border-width) solid var(--border);
}
.two-step-manage__part > h2 {
  margin: 0 0 var(--space-2);
}
@media (max-width: 37.5em) {
  .two-step-manage__part > h2 {
    font-size: var(--text-lg);
  }
}
.two-step-manage__part > p {
  margin: 0;
}

.two-step-manage__part--later > h2 {
  color: var(--text-muted);
}

.two-step-manage__button {
  margin-top: var(--space-3);
}

.two-step-manage__part > .two-step-manage__hint {
  margin-top: var(--space-2);
}

.two-step-manage__done {
  margin-bottom: var(--space-4);
}

.two-step-manage__email {
  overflow-wrap: anywhere;
}

.two-step-manage__foot {
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.button--danger.two-step-off {
  background: transparent;
  color: var(--danger);
}
@media (hover: hover) {
  .button--danger.two-step-off:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    border-color: var(--danger-strong);
    background: var(--surface-sunken);
    color: var(--danger-strong);
  }
}
.button--danger.two-step-off:active:not(:disabled, [aria-disabled=true], [data-working]) {
  border-color: var(--danger);
  background: var(--danger);
  color: var(--text-on-danger);
}

.two-step-used__words {
  margin: 0;
  font-size: var(--text-base);
}

.two-step-used__actions {
  margin-top: var(--space-2);
}

.two-step-needed {
  display: grid;
  gap: var(--space-3);
  max-width: var(--two-step-width);
  margin-top: var(--space-4);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.two-step-needed > p,
.two-step-needed > .two-step-note {
  margin: 0;
}

.two-step-needed__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--accent-strong);
}

.two-step-needed__words {
  font-weight: var(--weight-medium);
}

.two-step-needed__lead {
  color: var(--text-muted);
}

.two-step-needed__form {
  display: grid;
  gap: var(--space-3);
  margin: 0;
}

.two-step-needed__form .form__actions {
  margin-top: 0;
}

.two-step-manage__kept {
  max-width: var(--measure);
  margin: 0;
}

.feedback-form__kinds {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}

.feedback-form__kinds > legend {
  margin-bottom: var(--space-2);
  padding: 0;
}

.feedback-facts {
  margin: 0;
}

.feedback-facts .facts__row {
  padding: var(--space-2) 0;
}

.feedback-facts dd {
  color: var(--text-muted);
}

.feedback-form .notice,
[data-feedback-sent] {
  margin-bottom: var(--space-4);
}

.sent-note {
  display: grid;
  gap: var(--space-2);
  max-width: 40rem;
  margin: 0 0 var(--space-3);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.sent-note__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 0 var(--space-3);
}

.sent-note__kind {
  font-weight: var(--weight-bold);
}

.sent-note__seen {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.sent-note__seen--yes {
  color: var(--text);
}

.sent-note__meta,
.sent-note__note,
.sent-note__reply,
.sent-note__picture,
.sent-note__delete {
  max-width: none;
  margin: 0;
}

.sent-note__meta {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.sent-note__note {
  overflow-wrap: anywhere;
}

.sent-note__reply {
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
  padding: var(--space-2) var(--space-3);
  border-left: 3px solid var(--border-control);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.sent-note__reply .icon {
  flex: none;
}

.sent-note__picture {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1) var(--space-3);
  align-items: center;
  font-size: var(--text-sm);
}

.sent-note__delete {
  display: flex;
  justify-content: flex-start;
  margin-top: var(--space-1);
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
}

.sent-note__delete .button {
  margin-left: calc(-1 * var(--space-3));
}

.tabs__badge {
  display: inline-block;
  margin-left: var(--space-1);
  padding: var(--source-tag-pad) var(--space-2);
  border-radius: var(--radius-sm);
  background: var(--accent-soft);
  color: var(--accent-strong);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-tight);
  vertical-align: middle;
}

.tester-state {
  display: inline-block;
  box-sizing: border-box;
  min-width: var(--tester-state-width);
  padding: var(--source-tag-pad) var(--space-2);
  text-align: center;
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  vertical-align: middle;
}

.tester-state--new {
  border-color: var(--accent);
  color: var(--accent-strong);
}

.testers {
  margin-top: var(--space-4);
  container: testers/inline-size;
}
@media (max-width: 37.5em) {
  .testers {
    container-type: normal;
  }
}

.table-wrap.testers__table {
  overflow: visible;
}

.testers__cards {
  display: none;
  gap: var(--space-3);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}

@container testers (max-width: 52rem) {
  .testers__table {
    display: none;
  }
  .testers__cards {
    display: grid;
  }
}
@media (max-width: 37.5em) {
  .testers__table {
    display: none;
  }
  .testers__cards {
    display: grid;
  }
}
.testers-card {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-3) var(--space-4) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.testers-card__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0 var(--space-3);
  align-items: center;
}

.testers-card__who {
  min-width: 0;
}
.testers-card__who > p {
  margin: 0;
}
.testers-card__who > .testers__email {
  max-width: none;
}

.testers-card__name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  font-weight: var(--weight-bold);
}
.testers-card__name .muted {
  font-weight: var(--weight-normal);
}

.testers-card__rows {
  display: grid;
  margin: 0;
}

.testers-card__row {
  display: grid;
  grid-template-columns: var(--cell-label) minmax(0, 1fr);
  gap: var(--space-3);
  align-items: baseline;
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
}
.testers-card__row > dt {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.testers-card__row > dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.testers__person {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-width: 14rem;
}

.testers__who {
  display: grid;
  min-width: 0;
}

.testers__name {
  font-weight: var(--weight-medium);
}

.testers__email {
  overflow: hidden;
  max-width: 20rem;
  color: var(--text-muted);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.testers__cell {
  min-width: 0;
}

.testers__spent {
  display: block;
}

.testers__allowance {
  display: inline;
}

.testers__change {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
}

.testers__meter {
  display: block;
  width: 8rem;
  margin-top: var(--space-1);
}

.testers__key {
  display: block;
  margin-top: var(--space-1);
}

.testers__none {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
}

.testers__privacy {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  max-width: var(--measure);
  margin: var(--space-5) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.testers__privacy > .icon {
  flex: none;
  align-self: center;
}

.testers-feedback {
  margin-top: var(--space-4);
}

.testers-feedback__filters {
  margin-bottom: var(--space-4);
}

.testers-feedback__count {
  font-weight: var(--weight-medium);
}

.testers-feedback__none {
  max-width: var(--measure);
}

.testers-question {
  margin-bottom: var(--space-3);
}

.testers-notes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr));
  align-items: start;
  gap: var(--space-3);
}

.testers-group {
  grid-column: 1/-1;
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
}

.testers-group__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-3);
}

.testers-group__title,
.testers-group__from {
  margin: 0;
}

.testers-group__title {
  font-weight: 600;
}

.testers-group__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers-group__notes {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 30rem), 1fr));
  align-items: start;
  gap: var(--space-3);
}

.testers-note {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.testers-note > p {
  margin: 0;
}

.testers-note__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
}

.testers-note__head > p {
  margin: 0;
}

.testers-note__kind {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--weight-bold);
}

.testers-note__meta,
.testers-note__reference {
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.testers-note__part {
  white-space: nowrap;
}

.testers-note__meta strong {
  color: var(--text);
}

.testers-note__note {
  max-width: var(--measure);
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.testers-note__picture {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers-note__picture-buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers-note__thumb {
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
}

.feedback-drawing {
  position: fixed;
  bottom: calc(var(--space-6) + env(safe-area-inset-bottom));
  left: 50%;
  z-index: var(--z-pull);
  display: flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: 0 var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  white-space: nowrap;
  pointer-events: none;
  transform: translateX(-50%);
}

.feedback-picture__buttons,
.feedback-picture__attached {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.feedback-picture__thumb {
  max-width: 120px;
  height: auto;
  border-radius: var(--radius-sm);
}

.feedback-picture__attached > .switch__option {
  flex: 1 1 100%;
  justify-content: flex-start;
  padding-block: var(--space-2);
}

.feedback-picture__attached > .switch__option > .switch__text {
  text-align: start;
}

.markup {
  width: min(56rem, 100vw);
  max-width: 100vw;
  padding: var(--space-4);
  background: var(--surface-raised);
  color: var(--text);
}

.markup__tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.markup__tool[aria-pressed=true] {
  border-color: var(--accent);
}

.markup__ink {
  width: var(--touch-min);
  height: var(--touch-min);
  border: 2px solid transparent;
  border-radius: 50%;
  background: var(--ink);
}

.markup__ink[aria-pressed=true] {
  border-color: var(--text);
}

.markup__frame {
  display: grid;
  justify-items: center;
}

.markup__canvas {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: max(12rem, min(60dvh, 100dvh - 32rem));
  touch-action: pinch-zoom;
  cursor: crosshair;
}

.testers-feedback__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.testers-note__pick {
  width: fit-content;
  min-width: var(--touch-min);
  margin-bottom: 0;
  margin-left: auto;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.testers-note__reply-button {
  min-height: var(--touch-min);
}

.reply-form__quote {
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.reply-form__chips {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-3) 0;
}

.reply-form__chips > p {
  margin: 0;
}

.reply-form__chips .tag {
  min-height: var(--touch-min);
}

.testers-feedback__block {
  width: 100%;
  font-family: var(--font-mono, monospace);
  font-size: var(--text-sm);
}

.testers-note__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers-note__form {
  margin: 0;
}

.testers-priority {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers-note__copied {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.testers-band {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3) var(--space-6);
  margin-bottom: var(--space-5);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}
@media (max-width: 37.5em) {
  .testers-band {
    padding: var(--space-4);
  }
}

.testers-band__month {
  flex: 1 1 14rem;
  min-width: 0;
}

.testers-band__kicker {
  margin: 0;
  color: var(--text-muted);
}

.testers-band__sum {
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
}

.testers-band__figure {
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.testers-band__meter {
  margin-top: var(--space-2);
}

.testers-band__most {
  flex: 999 1 20rem;
  max-width: var(--measure);
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
}

.testers-band__atmost {
  margin: 0;
}

.testers-band__adds {
  margin: var(--space-1) 0 0;
}

.testers-band__adds > summary {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  color: var(--accent);
  cursor: pointer;
}

.testers-band__adds > p {
  margin: 0 0 var(--space-2);
  color: var(--text-muted);
}

.testers-band__allocation {
  flex: 1 1 100%;
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
}

.testers-band__line {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  font-size: var(--text-sm);
}

.testers-band__line > .icon {
  flex: none;
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
}

.testers-band__allocation--low .testers-band__line {
  color: var(--warning);
}

.testers-band__saved {
  margin: var(--space-2) 0 0;
}

.testers-band__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-top: var(--space-2);
}

.allocation-form__amount {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.allocation-form__amount > .field {
  justify-self: stretch;
  margin-bottom: 0;
}

.allocation-form__share {
  margin: 0 0 var(--space-4);
}

.tester-state--open,
.tester-state--expired,
.tester-state--locked {
  color: var(--text-muted);
}

.tester-state--expired,
.tester-state--locked {
  border-style: dashed;
}

.tester-state--paused {
  color: var(--text-muted);
  border-style: dashed;
}

.testers__notice {
  margin-top: var(--space-3);
}

.testers__last {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.testers__menu {
  margin-inline-start: auto;
}

.testers-card__head:has(.testers-card__menu) {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.testers-card__button {
  display: grid;
}
.testers-card__button .button {
  justify-content: center;
}

.invite-form {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.invite-link {
  display: grid;
  gap: var(--space-3);
  max-width: var(--measure, 40rem);
}

.invite-link__row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.invite-link__input {
  flex: 1 1 16rem;
  min-width: 0;
  font-family: var(--font-mono);
  font-size: var(--text-sm);
}

.invite-link__message {
  min-height: 9rem;
}

.invite-link__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.invite-link__actions .button {
  flex: 1 1 12rem;
  justify-content: center;
}

.invite-link__send {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}

.invite-link__send-button[aria-disabled=true]:not([data-working]) {
  border-style: dashed;
}

@media (max-width: 37.5em) {
  .invite-link__actions .button {
    flex-basis: 100%;
    min-height: 44px;
  }
}
.tester-page__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
}

.tester-page__section {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.tester-page__row {
  display: grid;
  gap: var(--space-1);
  justify-items: start;
}

.testers-card__review {
  justify-self: start;
  min-height: 2.75rem;
}

.testers__signout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-1);
  margin: var(--space-4) 0 0;
}

.testers-ask__answers {
  display: grid;
  gap: var(--space-2);
}

dialog.dialog .invite-form .form__actions {
  position: static;
  margin-bottom: 0;
  padding-bottom: 0;
}

.tester-key {
  container: tester-key/inline-size;
}

.tester-key__shown {
  font-family: var(--font-mono);
  white-space: nowrap;
}

.tester-key__acts {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.tester-key__acts > form {
  display: flex;
}
@container tester-key (max-width: 40rem) {
  .tester-key__acts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tester-key__acts .button {
    justify-content: center;
    width: 100%;
  }
}
@media (max-width: 37.5em) {
  .tester-key__acts {
    display: flex;
    flex-direction: column;
  }
  .tester-key__acts .button {
    justify-content: center;
    width: 100%;
  }
}

.tester-key__form {
  max-width: var(--measure);
}

.tester-trouble h3 {
  margin: var(--space-2) 0 0;
  font-size: var(--text-base);
}

.tester-trouble__list {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding-left: var(--space-4);
}

.tester-state--fix {
  min-width: 0;
  margin-left: var(--space-2);
  letter-spacing: normal;
  text-transform: none;
  font-weight: var(--weight-medium);
}

.tester-state--fix-taken {
  border-color: var(--accent);
  color: var(--accent-strong);
}

.tester-state--fix-fixed {
  border-color: var(--success);
  color: var(--success);
}

.key-once {
  display: block;
  padding: var(--space-3);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-sm);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  word-break: break-all;
  user-select: all;
}

.move-page {
  container: move-page/inline-size;
}

.move-page__columns {
  display: grid;
  grid-template-columns: minmax(0, var(--move-column)) minmax(0, var(--move-aside));
  align-items: start;
  gap: var(--space-7);
}

@container move-page (max-width: 52rem) {
  .move-page__columns {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-6);
  }
}

.move-main {
  container: move-main/inline-size;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-6);
  min-width: 0;
}

.move-main--narrow {
  max-width: var(--move-narrow);
}

.move-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
}

.move-section__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
}

.move-section__head > :is(a, button) {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  font-size: var(--text-sm);
}

.move-counts {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: var(--border-width) solid var(--border);
}

.move-counts > li {
  display: grid;
  grid-template-columns: var(--move-label) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--space-1) var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-base);
  line-height: var(--leading-notice);
}

.move-counts__words {
  min-width: 0;
  overflow-wrap: anywhere;
}

.move-note {
  max-width: none;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.move-note--rule {
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
}

.move-aside {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.move-aside > :is(h2, h3, p) {
  margin: 0;
}

.move-aside ul {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding-left: var(--space-5);
  list-style: disc;
}

.move-file {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--move-file-min);
  padding: var(--space-2) var(--space-4);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  font-size: var(--text-base);
}

.move-file > .icon {
  flex: none;
  color: var(--text-muted);
}

.move-file__name {
  display: grid;
  flex: 1 1 0;
  min-width: 0;
  font-weight: var(--weight-bold);
  overflow-wrap: anywhere;
}

.move-file__name small {
  color: var(--text-muted);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}

.move-file--empty .move-file__name {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.move-file > .button {
  flex: none;
  margin-left: auto;
}

.move-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: 0;
  padding: 0;
  list-style: none;
}

.move-progress > li {
  display: grid;
  grid-template-columns: var(--move-mark) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-base);
  line-height: var(--leading-notice);
}

.move-progress small {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.move-progress__done > .icon {
  color: var(--success);
}

.move-progress__now > .icon {
  color: var(--accent);
}

.move-progress__now > span {
  font-weight: var(--weight-bold);
}

.move-progress__now small {
  font-weight: var(--weight-normal);
}

.move-progress__later {
  color: var(--text-muted);
}

.move-progress__dot {
  justify-self: center;
  width: var(--move-dot);
  height: var(--move-dot);
  margin-top: var(--space-2);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-pill);
}

@container move-main (max-width: 30rem) {
  .move-counts > li {
    grid-template-columns: minmax(0, 1fr);
  }
  .move-file {
    flex-wrap: wrap;
  }
  .move-file > .button {
    width: 100%;
    margin-left: 0;
  }
}

.download-page__columns {
  grid-template-areas: "main aside" "send aside";
  row-gap: var(--space-6);
}

.download-page__main {
  grid-area: main;
}

.download-page__aside {
  grid-area: aside;
}

.download-page__send {
  grid-area: send;
}

@container move-page (max-width: 52rem) {
  .move-page__columns.download-page__columns {
    grid-template-areas: "main" "aside" "send";
  }
}

.download-page .move-section h2 {
  margin: 0;
}

.download-page__warnings {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  max-width: calc(var(--move-column) + var(--space-7) + var(--move-aside));
  margin-bottom: var(--space-6);
}

.download-page__refused {
  display: grid;
  gap: var(--space-2);
  margin: 0;
}
.download-page__refused > p {
  margin: 0;
}

.download-page__refused-list {
  display: grid;
  gap: var(--space-1);
  margin: 0;
  padding-left: var(--space-5);
  list-style: disc;
}
.download-page__refused-list > li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.download-page__warnings > .notice {
  margin: 0;
}

.download-page__empty {
  margin: 0;
}

.download-page__tick {
  margin: var(--space-2) 0 0;
}

.download-page__toggle {
  appearance: none;
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent);
  font: inherit;
  font-size: var(--text-sm);
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
  cursor: pointer;
  transition: color var(--dur-fast) var(--ease), text-decoration-thickness var(--dur-fast) var(--ease);
}

@media (hover: hover) {
  .download-page__toggle:hover {
    color: var(--accent-strong);
    text-decoration-thickness: var(--underline-width-hover);
  }
}
.download-page__toggle:active {
  color: var(--accent-strong);
}

.download-page__group {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-1) 0 0;
}

.download-page__count {
  font-weight: var(--weight-medium);
  letter-spacing: 0;
}

.download-page__apps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.download-app {
  margin: 0;
  padding-block: var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
}

.download-app .muted {
  font-size: var(--text-sm);
}

.download-app__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  margin: var(--space-2) 0 var(--space-1);
}

.download-app__added {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.download-page__send > .field,
.download-page__send > .form__actions,
.download-page__send > .notice {
  margin: 0;
}

.download-page__send > .field > .input {
  scroll-margin-top: var(--space-8);
}
@media (max-width: 37.5em) {
  .download-page__send > .field > .input {
    scroll-margin-bottom: calc(var(--refusal-room) + var(--tabbar-height) + var(--coach-lift) + env(safe-area-inset-bottom));
  }
}

.download-page__name {
  overflow-wrap: anywhere;
}

.move-links {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-1);
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .move-links {
    margin-top: var(--space-4);
  }
}

.move-links > h2 {
  margin: 0 0 var(--space-1);
}

.move-links__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: calc(var(--space-1) / 2);
  padding-bottom: var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
}

.move-links__row > .field__hint {
  margin: 0;
}

.move-links__link {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  font-weight: var(--weight-bold);
}

.move-links__link > .icon {
  flex: none;
}

.move-links__words {
  min-width: 0;
}

.move-links__go {
  margin-left: auto;
  color: var(--text-muted);
}

.move-links__up {
  transform: rotate(180deg);
}

.bring-in__head {
  max-width: var(--move-narrow);
}

.move-file:has(> input:focus-visible) > .move-file__choose {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.move-file__choose {
  cursor: pointer;
}

.move-file > input {
  scroll-margin-top: var(--space-8);
}
@media (max-width: 37.5em) {
  .move-file > input {
    scroll-margin-bottom: calc(var(--refusal-room) + var(--tabbar-height) + var(--coach-lift) + env(safe-area-inset-bottom));
  }
}

.move-file__name small:empty {
  display: none;
}

.bring-in__made {
  display: grid;
  grid-template-columns: var(--move-mark) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-notice);
}
.bring-in__made > .icon {
  color: var(--text-muted);
}
.bring-in__made b {
  display: block;
  overflow-wrap: anywhere;
}

.bring-in__apps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  margin: var(--space-3) 0 0;
  padding: 0;
  list-style: none;
  border-top: var(--border-width) solid var(--border);
}
.bring-in__apps > li {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: var(--space-1);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
  overflow-wrap: anywhere;
}
.bring-in__apps > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.bring-in__apps b {
  font-weight: var(--weight-bold);
}
.bring-in__apps small {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.bring-in__status {
  display: flex;
  max-width: 100%;
}

.bring-in__list {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding-left: var(--space-5);
  font-size: var(--text-base);
  line-height: var(--leading-notice);
  list-style: disc;
}
.bring-in__list > li {
  min-width: 0;
  overflow-wrap: anywhere;
}

.bring-in__refused {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-1);
}

.bring-in__p {
  max-width: none;
  margin: 0;
  line-height: var(--leading-notice);
  overflow-wrap: anywhere;
}

.bring-in__actions {
  margin: 0;
}

.bring-in__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.bring-in__meter {
  display: block;
  width: 100%;
  max-width: var(--field-min);
  height: var(--progress-bar);
  margin-top: var(--space-2);
  border: 0;
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  color: var(--accent);
  appearance: none;
}

.bring-in__meter[hidden] {
  display: none;
}

.bring-in__meter::-webkit-progress-bar {
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
}

.bring-in__meter::-webkit-progress-value {
  border-radius: var(--radius-pill);
  background: var(--accent);
}

.bring-in__meter::-moz-progress-bar {
  border-radius: var(--radius-pill);
  background: var(--accent);
}

@media (max-width: 37.5em) {
  .bring-in .form__note {
    scroll-margin-bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-6));
  }
}

.vw-page {
  --vw-under-bar: calc(var(--coach-panel-head) + var(--space-3));
  container: vw-page/inline-size;
}
@media (max-width: 37.5em) {
  .vw-page {
    --vw-under-bar: calc(var(--account-row) + var(--space-3));
  }
}

.vw-result {
  scroll-margin-top: var(--vw-under-bar);
}

.vw-title {
  margin-bottom: var(--space-4);
}

.vw-sum {
  display: grid;
  gap: var(--space-3);
  max-width: var(--career-column);
  margin: 0 0 var(--space-6);
  padding: var(--space-4) 0;
  border-block: var(--border-width) solid var(--border);
  scroll-margin-top: var(--vw-under-bar);
}

.vw-sum__n {
  margin: 0;
  font-size: var(--text-base);
  line-height: var(--leading-notice);
}
.vw-sum__n strong {
  font-weight: var(--weight-bold);
}

.vw-sum__acts {
  margin: 0;
}

.vw-when,
.vw-cost {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.vw-wait {
  margin: 0;
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-cost {
  margin: 0;
  line-height: var(--leading-notice);
}
.vw-cost strong,
.vw-cost b {
  color: var(--text);
}

.vw-notice {
  max-width: var(--career-column);
}

.vw-notice__body > p {
  margin: 0;
}

.vw-notice__body > p + p,
.vw-notice__list + p {
  margin-top: var(--space-2);
}

.vw-notice__list {
  margin: var(--space-2) 0 0;
  padding-left: var(--space-5);
}

.vw-undo-all {
  margin-left: calc(-1 * var(--space-3));
}

.vw-batch .vw-undo-all {
  margin-left: 0;
}

.vw-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.vw-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-7);
  min-width: 0;
  max-width: var(--career-column);
}

.vw-toc {
  display: none;
}

@container vw-page (min-width: 50rem) {
  .vw-layout {
    grid-template-columns: minmax(0, var(--career-column)) var(--career-aside);
    align-items: start;
    gap: var(--space-7);
  }
  .vw-toc {
    display: block;
    position: sticky;
    top: calc(var(--coach-panel-head) + var(--space-4));
  }
}
.vw-toc__link {
  justify-content: space-between;
  gap: var(--space-3);
}

.vw-toc__n {
  font-variant-numeric: tabular-nums;
  font-weight: var(--weight-medium);
}

.vw-group {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
  min-width: 0;
  scroll-margin-top: var(--vw-under-bar);
}

.vw-ghead {
  display: flex;
  align-items: baseline;
  gap: var(--space-3);
}
.vw-ghead h2 {
  margin: 0;
}

.vw-count {
  color: var(--text-muted);
  font-size: var(--text-base);
  font-weight: var(--weight-bold);
  font-variant-numeric: tabular-nums;
}

.vw-rule {
  margin: calc(-1 * var(--space-2)) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-card {
  container: vw-card/inline-size;
  max-width: none;
  margin-top: 0;
  scroll-margin-top: var(--vw-under-bar);
}

.proposal.vw-card + .proposal.vw-card {
  margin-top: 0;
}

.vw-card__head {
  font-weight: var(--weight-medium);
  line-height: var(--leading-notice);
}
.vw-card__head a {
  font-weight: var(--weight-bold);
}
.vw-card__head .source-tag {
  white-space: normal;
}

.vw-rows {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3) var(--space-5);
  margin: var(--space-3) 0 0;
}

@container vw-card (min-width: 32.5rem) {
  .vw-rows:not(.vw-rows--one),
  .vw-choices {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
}
.vw-row {
  display: grid;
  align-content: start;
  gap: var(--space-1);
  min-width: 0;
}
.vw-row dd {
  margin: 0;
}

.vw-text {
  color: var(--text);
  font-family: var(--font-doc);
  font-size: var(--text-md);
  line-height: var(--leading-doc);
  white-space: pre-line;
  overflow-wrap: anywhere;
}

.vw-text--was {
  color: var(--text-muted);
}

.vw-none {
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-flag {
  border-radius: var(--radius-sm);
  background: var(--warning-soft);
  color: var(--text);
  text-decoration: underline solid var(--warning);
  text-decoration-thickness: 2px;
  text-underline-offset: var(--underline-offset);
}

.vw-flag--check {
  background: transparent;
  text-decoration-style: dashed;
}

.vw-goes,
.vw-comes {
  border-radius: var(--radius-sm);
  color: var(--text);
  text-decoration-thickness: 2px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.vw-goes {
  background: var(--warning-soft);
  text-decoration-line: line-through;
  text-decoration-color: var(--warning);
}

.vw-comes {
  background: var(--accent-soft);
  font-weight: var(--weight-bold);
  text-decoration-line: underline;
  text-decoration-color: var(--accent);
  text-underline-offset: var(--underline-offset);
}

.vw-comes--yours {
  background: transparent;
  font-weight: inherit;
  text-decoration-style: dotted;
}

.vw-gap {
  text-decoration: none;
}

.vw-gap::before {
  content: "";
  display: inline-block;
  margin-inline: 0.1em;
  border-inline: 0.3em solid transparent;
  border-block-end: 0.5em solid var(--warning);
  vertical-align: baseline;
}

.vw-why,
.vw-agree,
.vw-mark {
  display: grid;
  grid-template-columns: var(--icon-sm) minmax(0, 1fr);
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.vw-why > .icon,
.vw-agree > .icon,
.vw-mark > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-top: 0.15em;
}

.vw-why--check {
  color: var(--text);
}
.vw-why--check > .icon {
  color: var(--warning);
}

.vw-mark {
  margin: var(--space-2) 0 0;
  color: var(--text);
}
.vw-mark > .icon {
  color: var(--warning);
}

.vw-undone {
  margin-top: var(--space-3);
}

.vw-choices {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

.vw-choice {
  margin: 0;
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-raised);
}

.vw-choice:has(input:checked) {
  border-color: var(--accent);
  background: var(--accent-soft);
  box-shadow: inset 0 0 0 1px var(--accent);
}

.vw-choice__body {
  display: grid;
  gap: var(--space-1);
  min-width: 0;
}

.vw-choice__h {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}
.vw-choice__h > .icon {
  width: var(--icon-xs);
  height: var(--icon-xs);
}

.vw-choice:has(input:checked) .vw-choice__h {
  color: var(--text);
}

.vw-fold__box {
  padding: var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
}
.vw-fold__box .field {
  max-width: none;
}
.vw-fold__box .version-cost {
  margin: var(--space-2) 0 0;
}

.vw-own {
  font-family: var(--font-doc);
}

.vw-sub {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-lines {
  margin: var(--space-3) 0 0;
  padding: 0;
  border-top: var(--border-width) solid var(--border);
  list-style: none;
}

.vw-line {
  padding: var(--space-2) 0 var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
  scroll-margin-top: var(--vw-under-bar);
}
.vw-line > .vw-rows {
  margin-top: var(--space-1);
}

.vw-line__tick {
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.vw-line__acts {
  margin: var(--space-2) 0 0;
}

.vw-line--aside {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
}
.vw-line--aside > .vw-line__where {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

.vw-line__where {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  min-height: var(--touch-min);
  margin: 0;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.vw-aside {
  max-width: var(--career-column);
}
.vw-aside > summary {
  display: grid;
  grid-template-columns: var(--icon-sm) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
  list-style: none;
  cursor: pointer;
}
.vw-aside > summary > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}
.vw-aside > summary strong {
  color: var(--text);
}
@media (max-width: 37.5em) {
  .vw-aside > summary {
    grid-template-columns: var(--icon-sm) minmax(0, 1fr);
  }
  .vw-aside > summary > .vw-aside__show {
    grid-column: 2;
    justify-self: start;
    margin-left: calc(-1 * var(--space-3));
  }
}
.vw-aside > summary::-webkit-details-marker {
  display: none;
}

.vw-aside[open] > summary > .vw-aside__show {
  visibility: hidden;
}

.vw-aside__card {
  margin-top: var(--space-3);
}

.vw-asides__list {
  display: grid;
  gap: var(--space-2);
}

.vw-imports {
  max-width: var(--career-column);
  margin: 0;
}

.vw-done {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  max-width: var(--career-column);
}
.vw-done > .notice {
  max-width: none;
  margin: 0;
}

.vw-ok > p {
  margin: 0;
}

.vw-next {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
.vw-next > p {
  margin: 0;
}
@media (max-width: 37.5em) {
  .vw-next {
    justify-items: stretch;
  }
}

.vw-next__title {
  margin: 0;
}

.vw-next__text {
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-again {
  margin: 0;
}
.vw-again > .button {
  margin-left: calc(-1 * var(--space-3));
}

.dialog.vw-dlg {
  width: 36rem;
}

.vw-dlg__lead {
  color: var(--text);
}

.vw-sentfold {
  margin: 0 0 var(--space-3);
}

.vw-sentfold__sum {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  list-style: none;
  cursor: pointer;
}
.vw-sentfold__sum > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.vw-sentfold__sum::-webkit-details-marker {
  display: none;
}

.vw-sentfold[open] > .vw-sentfold__sum > .icon {
  transform: rotate(180deg);
}

.vw-sent {
  display: grid;
  gap: var(--space-2);
  max-height: 16rem;
  margin: var(--space-2) 0 0;
  padding: var(--space-3);
  overflow-y: auto;
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
  list-style: none;
}
.vw-sent > li {
  display: grid;
  grid-template-columns: 7.5rem minmax(0, 1fr);
  gap: 0 var(--space-3);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .vw-sent > li {
    grid-template-columns: minmax(0, 1fr);
  }
}

.vw-sent__rule {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.vw-m {
  display: inline-block;
  padding: 0 var(--space-1);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  white-space: nowrap;
}

.vw-dl {
  margin: 0 0 var(--space-3);
  border-top: var(--border-width) solid var(--border);
}
.vw-dl > div {
  display: grid;
  grid-template-columns: 6.5rem minmax(0, 1fr);
  gap: var(--space-1) var(--space-3);
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
@media (max-width: 37.5em) {
  .vw-dl > div {
    grid-template-columns: minmax(0, 1fr);
  }
}
.vw-dl dt {
  padding-top: 0.15em;
}
.vw-dl dd {
  margin: 0;
}

.vw-meter {
  display: block;
  width: 100%;
  max-width: 18rem;
  margin-top: var(--space-2);
}

.vw-dlg__mock {
  max-width: none;
}

.vw-parts {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding: 0;
  list-style: none;
}

.vw-part {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
  font-size: var(--text-sm);
}

.vw-find {
  display: grid;
  gap: var(--space-2);
  justify-items: start;
  max-width: var(--career-column);
  margin: var(--space-4) 0 var(--space-6);
  padding: var(--space-4) var(--space-5) var(--space-4) calc(var(--space-5) + var(--current-mark));
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: inset var(--current-mark) 0 0 var(--accent), var(--shadow-1);
}
@media (max-width: 37.5em) {
  .vw-find {
    padding: var(--space-4) var(--space-4) var(--space-4) calc(var(--space-4) + var(--current-mark));
  }
}

.vw-find__kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}
.vw-find__kicker > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.vw-find__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.vw-find__line,
.vw-find__when {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}

.vw-find__line {
  font-size: var(--text-base);
}

.vw-find__acts {
  margin: var(--space-1) 0 0;
}
@media (max-width: 37.5em) {
  .vw-find__acts {
    justify-self: stretch;
  }
  .vw-find__acts > .button {
    width: 100%;
  }
}

.vw-n {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: 0 var(--space-2);
  border-radius: var(--radius-pill);
  background: var(--warning-soft);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: 1.75;
  white-space: nowrap;
}
.vw-n > .icon {
  width: 0.8125rem;
  height: 0.8125rem;
  color: var(--success);
}

.vw-n--ok {
  background: var(--accent-soft);
}

.vw-nw {
  display: block;
}

.vw-n--hint {
  display: none;
  margin-right: var(--space-1);
}

@media (max-width: 37.5em) {
  .vw-nw {
    display: none;
  }
  .vw-n--hint {
    display: inline-flex;
  }
}

.page:has(> .signin) {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 37.5em) {
  .page:has(> .signin) {
    display: block;
  }
}

.signin {
  width: 100%;
  max-width: var(--entry-width);
  margin: 0 auto;
  padding: var(--space-6) var(--space-6) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
.signin > h1 {
  margin-bottom: var(--space-1);
}
.signin > .lead {
  margin-bottom: var(--space-5);
}
@media (max-width: 37.5em) {
  .signin {
    max-width: none;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
}

:is(.password-form, .name-form, .email-form) {
  max-width: var(--entry-width);
}

:is(.signin, .password-form, .name-form, .email-form) .form__actions {
  margin-top: var(--space-5);
}

.signin .form__actions {
  margin-bottom: 0;
}

.signin__why {
  max-width: none;
  margin-bottom: var(--space-5);
}

.signin__kicker {
  margin-bottom: var(--space-2);
}

.signin--code > .lead {
  margin-bottom: var(--space-3);
}

.signin__as {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-3);
  margin-bottom: var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.signin__as-words {
  min-width: 0;
  max-width: 100%;
  margin: 0;
}

.signin__email {
  color: var(--text);
  font-weight: var(--weight-bold);
  overflow-wrap: anywhere;
}

.signin__again-form {
  margin: 0;
}

:is(.signin__again, .signin__link) {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: var(--accent);
  font: inherit;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
  white-space: nowrap;
  cursor: pointer;
}

@media (hover: hover) {
  :is(.signin__again, .signin__link):hover {
    color: var(--accent-strong);
    text-decoration-thickness: var(--underline-width-hover);
  }
}
:is(.signin__again, .signin__link):active {
  color: var(--accent-strong);
}

.signin__code {
  height: var(--touch-min);
  padding-block: 0;
  font-family: var(--font-mono);
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-code);
  white-space: nowrap;
  max-width: var(--code-field-width);
}
@media (max-width: 37.5em) {
  .signin__code {
    max-width: none;
  }
}

.signin__code--backup {
  max-width: none;
  font-size: var(--text-md);
  letter-spacing: var(--tracking-backup);
}

.signin__code {
  scroll-margin-top: var(--space-8);
}

.signin__stay {
  margin-bottom: 0;
}

.signin--code .form__actions {
  margin-top: var(--space-4);
}

.signin--code .form__actions > .button {
  flex: 1 1 100%;
}

.signin__links {
  margin: var(--space-2) 0 0;
}

.signin__lost {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.signin__note {
  display: flex;
  gap: var(--space-3);
  align-items: flex-start;
  max-width: none;
  margin: 0 0 var(--space-4);
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.signin__note > .icon {
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

.signin__note + .form__actions {
  margin-top: 0;
}

.error-page {
  max-width: var(--error-width);
}
.error-page > h1 {
  margin-bottom: var(--space-3);
}
.error-page > .lead {
  margin-bottom: var(--space-5);
}

.page__top + .error-page {
  padding-top: var(--space-2);
}

.error-page__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--error-disc);
  height: var(--error-disc);
  margin-bottom: var(--space-5);
  border-radius: 50%;
  background: var(--surface-sunken);
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .error-page__icon {
    margin-bottom: var(--space-4);
  }
}

.error-page__icon--alert {
  color: var(--danger);
}

.error-page__address {
  max-width: none;
  margin-bottom: var(--space-5);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.error-page__next {
  margin-bottom: var(--space-4);
  font-family: var(--font-sans);
}

.error-page__steps {
  display: grid;
  gap: var(--space-3);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}
.error-page__steps > li {
  padding-left: var(--space-4);
  border-left: var(--rule-width) solid var(--border);
}

.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
@media (max-width: 37.5em) {
  .error-page__actions {
    gap: var(--space-2);
  }
}

.error-page__reference {
  max-width: none;
  margin: var(--space-6) 0 0;
  padding-top: var(--space-3);
  border-top: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.error-page__reference code {
  font-size: var(--text-xs);
}

.invite__credits {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-4) 0;
}

.invite__join {
  margin: var(--space-5) 0 var(--space-4);
}

.invite-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-3);
  text-align: center;
}

.invite-state .icon--lg {
  inline-size: var(--space-8);
  block-size: var(--space-8);
  color: var(--text-muted);
}

body:has(> .landing-head) {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
}

body:has(> .landing-head) > .page {
  --_page-side: var(--space-6);
  flex: 1 0 auto;
  width: 100%;
  max-width: var(--signed-out-width);
}
@media (max-width: 37.5em) {
  body:has(> .landing-head) > .page {
    --_page-side: var(--space-4);
  }
}

.landing-head,
.landing-foot {
  width: 100%;
  max-width: calc(var(--signed-out-width) + 2 * var(--space-6));
  margin: 0 auto;
  padding-inline: var(--space-6);
}
@media (max-width: 37.5em) {
  .landing-head,
  .landing-foot {
    padding-inline: var(--space-4);
  }
}

.landing-head__bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-bottom: var(--rule-width) solid var(--text);
}
.landing-head__bar > * {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .landing-head__bar {
    display: flex;
    padding-block: var(--space-2) var(--space-3);
  }
}

.landing-head__brand {
  grid-column: 2;
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  text-decoration: none;
}

.landing-head__brand .wordmark {
  font-size: var(--text-3xl);
}
@media (max-width: 37.5em) {
  .landing-head__brand .wordmark {
    font-size: var(--text-xl);
  }
}

.landing-head__signin {
  grid-column: 3;
  align-self: end;
  justify-self: end;
}
@media (max-width: 37.5em) {
  .landing-head__signin {
    display: none;
  }
}

.landing-head__line {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 var(--space-1);
  margin: 0;
  padding: var(--space-2) 0;
  border-bottom: var(--border-width) solid var(--border-control);
  list-style: none;
  text-align: center;
}
.landing-head__line > li {
  min-width: 0;
}

.landing-head__dot {
  margin-left: var(--space-1);
}

.landing {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: var(--space-4);
  text-align: center;
}
.landing > * {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .landing {
    display: block;
    padding-top: 0;
    text-align: left;
  }
}

.landing__title {
  margin-bottom: var(--space-3);
}
@media (max-width: 37.5em) {
  .landing__title {
    text-wrap: pretty;
  }
}

.landing__title em {
  display: block;
}
@media (max-width: 37.5em) {
  .landing__title em {
    display: inline;
  }
}

.landing__lead {
  max-width: var(--signed-out-measure);
  margin-bottom: 0;
}
@media (max-width: 37.5em) {
  .landing__lead {
    margin-bottom: var(--space-4);
    font-size: var(--text-base);
  }
}

.landing__access {
  order: 1;
  margin-top: var(--space-6);
}
@media (max-width: 37.5em) {
  .landing__access {
    margin-top: 0;
  }
}

.landing__signin {
  display: none;
}
@media (max-width: 37.5em) {
  .landing__signin {
    display: flex;
  }
}

.landing__invite {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .landing__invite {
    margin-top: var(--space-2);
  }
}

.landing__places {
  width: 100%;
  max-width: calc(var(--signed-out-width) - 3 * var(--space-8));
  margin-top: var(--space-6);
}
@media (max-width: 37.5em) {
  .landing__places {
    max-width: none;
    margin-top: var(--space-5);
  }
}

.landing__heading {
  margin: 0;
  padding-bottom: var(--space-3);
  border-bottom: var(--border-width) solid var(--border);
  font-family: var(--font-sans);
}

.landing__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
@media (max-width: 37.5em) {
  .landing__list {
    grid-template-columns: minmax(0, 1fr);
  }
}

.landing__place {
  min-width: 0;
  margin-top: var(--space-4);
  padding: var(--space-1) var(--space-5) 0;
}
.landing__place:first-child {
  padding-left: 0;
}
.landing__place:last-child {
  padding-right: 0;
}
@media (max-width: 37.5em) {
  .landing__place {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--space-4);
    margin-top: 0;
    padding: var(--space-4) 0;
  }
}

.landing__place + .landing__place {
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .landing__place + .landing__place {
    border-top: var(--border-width) solid var(--border);
    border-left: 0;
  }
}

.landing__icon {
  display: block;
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .landing__icon {
    grid-row: span 2;
  }
}

.landing__place-title {
  margin: var(--space-2) 0 var(--space-1);
}
@media (max-width: 37.5em) {
  .landing__place-title {
    margin-top: 0;
  }
}

.landing__place-text {
  margin: 0;
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .landing__place-text {
    font-size: var(--text-sm);
  }
}

.landing-foot {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.landing-foot__line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0 var(--space-2);
  max-width: none;
  margin: 0;
  padding: var(--space-2) 0 var(--space-3);
  border-top: var(--border-width) solid var(--border);
  text-align: center;
}
.landing-foot__line > * {
  min-width: 0;
}

.privacy {
  max-width: var(--signed-out-measure);
  margin-inline: auto;
  padding-bottom: var(--space-7);
}

.privacy__back {
  margin: 0 0 var(--space-3);
}

.privacy__contents {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-4);
  margin: var(--space-4) 0 var(--space-5);
}

.privacy__contents a {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
}

.privacy__part {
  margin-top: var(--space-6);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
  scroll-margin-top: var(--space-5);
}

.privacy__title {
  margin: 0 0 var(--space-3);
}

.privacy__heading {
  margin: var(--space-5) 0 var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-lg);
}

.privacy ul {
  margin: var(--space-2) 0 var(--space-3);
  padding-left: var(--space-5);
}

.privacy li + li {
  margin-top: var(--space-2);
}

.coach-ai-line {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
}

.login__terms {
  margin: var(--space-5) 0 0;
  text-align: center;
}

.privacy--agree .check {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-4) 0;
}

.settings__never-list {
  margin: var(--space-2) 0;
  padding-left: var(--space-5);
}

.settings__never-list li + li {
  margin-top: var(--space-2);
}

.delete-list {
  margin: var(--space-3) 0;
  padding-left: var(--space-5);
}

.privacy__store {
  margin: var(--space-3) 0;
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.privacy__store-name {
  margin: 0 0 var(--space-2);
  overflow-wrap: anywhere;
  font-size: var(--text-base);
}

.privacy__store-facts {
  display: grid;
  gap: var(--space-1) var(--space-4);
  grid-template-columns: max-content 1fr;
  margin: 0;
}
@media (max-width: 37.5em) {
  .privacy__store-facts {
    grid-template-columns: 1fr;
  }
}

.privacy__store-facts dt {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.privacy__store-facts dd {
  margin: 0;
}

.whats-new__head > .lead {
  flex-basis: 100%;
}
@media (max-width: 37.5em) {
  .whats-new__head > .lead {
    font-size: var(--text-base);
  }
}

.whats-new {
  max-width: var(--page-held-width);
}

.whats-new__checks {
  margin-bottom: var(--space-4);
  padding: var(--space-5);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}
@media (max-width: 37.5em) {
  .whats-new__checks {
    padding: var(--space-4);
  }
}

.whats-new__checks > h2 {
  margin: 0;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.whats-new__checks > [data-bar] {
  margin: var(--space-1) 0 var(--space-4);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
  text-wrap: balance;
}
@media (max-width: 37.5em) {
  .whats-new__checks > [data-bar] {
    font-size: var(--text-md);
  }
}

.whats-new__checks > .chat__copied {
  text-align: end;
}
@media (max-width: 37.5em) {
  .whats-new__checks > .chat__copied {
    text-align: start;
  }
}

.whats-new__checks > :is(.chat__copied, .form__note):not(:empty) {
  margin-top: var(--space-2);
}

.whats-new__checks > .tag-list {
  margin-top: var(--space-3);
}

.whats-new__checks > .field__hint {
  margin: var(--space-2) 0 0;
}

.whats-new__controls {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-2) var(--space-3);
}
.whats-new__controls > .filter {
  margin: 0;
}
@media (max-width: 37.5em) {
  .whats-new__controls {
    flex-direction: column;
    align-items: stretch;
  }
  .whats-new__controls > .button {
    width: 100%;
  }
}

.whats-new__hidden {
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
}

.whats-new__none {
  margin: var(--space-3) 0 0;
}

.whats-new__catch-up {
  margin: var(--space-3) 0 0;
}

.whats-new__undo {
  white-space: nowrap;
}

.whats-new__ask-list {
  margin: 0 0 var(--space-3);
  padding-inline-start: var(--space-5);
  color: var(--text-muted);
}

.release,
.release__heading,
.whats-new__group,
.release .entry-list > li {
  scroll-margin-top: var(--space-4);
}

.release {
  margin-bottom: var(--space-4);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .release {
    padding: var(--space-4);
  }
}

.release__heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: var(--space-4);
  margin: 0 0 var(--space-1);
  font-size: var(--text-2xl);
}
@media (max-width: 37.5em) {
  .release__heading {
    column-gap: var(--space-3);
    font-size: var(--text-xl);
  }
}

.release__running {
  display: inline-flex;
  align-items: center;
  color: var(--text);
  font-family: var(--font-sans);
}

.release__date {
  margin-left: auto;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--weight-normal);
}
@media (max-width: 37.5em) {
  .release__date {
    flex-basis: 100%;
    margin-left: 0;
  }
}

.release__summary {
  margin: 0 0 var(--space-4);
  font-size: var(--text-md);
}
@media (max-width: 37.5em) {
  .release__summary {
    font-size: var(--text-base);
  }
}
.release__summary > p {
  margin: 0;
}

.release__highlights {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  padding-left: var(--space-5);
  max-width: 70ch;
}
.release__highlights > li::marker {
  color: var(--text-muted);
}
.release__highlights strong {
  font-weight: var(--weight-bold);
}

.whats-new__group {
  margin: 0;
  border-top: var(--border-width) solid var(--border);
}

.whats-new__group > .button {
  justify-content: flex-start;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-2) 0;
  border: 0;
  border-radius: 0;
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
  text-align: start;
  text-wrap: balance;
}
@media (max-width: 37.5em) {
  .whats-new__group > .button {
    font-size: var(--text-base);
  }
}
@media (hover: hover) {
  .whats-new__group > .button:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    background: var(--surface-sunken);
    color: var(--text);
  }
}
.whats-new__group > .button:active:not(:disabled, [aria-disabled=true], [data-working]) {
  background: var(--surface-sunken);
  color: var(--text);
}
.whats-new__group > .button > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  color: var(--text-muted);
}

.whats-new__group[open] > .button > .icon {
  transform: rotate(90deg);
}

.whats-new__group > .entry-list {
  container: whats-new-changes/inline-size;
  max-width: none;
  margin: 0 0 0 calc(var(--icon-sm) + var(--space-3));
}
@media (max-width: 37.5em) {
  .whats-new__group > .entry-list {
    container-type: normal;
    margin-left: 0;
  }
}

.entry.whats-new__change {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "about side" "noted noted" "tools tools";
  align-items: start;
  column-gap: var(--space-5);
  margin: 0;
  padding: var(--space-3) 0;
  border: 0;
  border-top: var(--border-width) solid var(--border);
  border-radius: 0;
}
@media (max-width: 37.5em) {
  .entry.whats-new__change {
    display: block;
    padding: var(--space-4) 0 var(--space-5);
  }
}

.whats-new__about {
  grid-area: about;
  min-width: 0;
}
.whats-new__about > p {
  margin: 0;
}

.whats-new__noted {
  display: flex;
  flex-wrap: wrap;
  grid-area: noted;
  align-items: flex-start;
  column-gap: var(--space-3);
  min-width: 0;
}
@media (max-width: 37.5em) {
  .whats-new__noted {
    display: block;
  }
}

.whats-new__noted > .whats-new__answered {
  flex-basis: 100%;
}

.whats-new__clear {
  margin-top: var(--space-4);
}
@media (max-width: 37.5em) {
  .whats-new__clear {
    margin-top: var(--space-2);
  }
}
.whats-new__clear > .button {
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .whats-new__clear > .button {
    margin-left: calc(-1 * var(--space-2));
  }
}
.whats-new__clear > .button > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.whats-new__pill {
  margin-bottom: var(--space-3);
}

.whats-new__change:not([data-state=changed]) .whats-new__pill {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.whats-new__look {
  margin-top: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.whats-new__look > strong {
  color: var(--text);
}

.whats-new__plan {
  margin-top: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.whats-new__plan > p {
  margin: 0;
}
.whats-new__plan strong {
  color: var(--text);
}

.whats-new__noted > .whats-new__shown {
  flex: 1 1 0;
  min-width: 0;
  max-width: none;
  margin: var(--space-4) 0 0;
}

.whats-new__change:not([data-state=needs_work]) .whats-new__shown {
  padding-left: var(--space-4);
}
.whats-new__change:not([data-state=needs_work]) .whats-new__shown > .icon {
  display: none;
}

.whats-new__change[data-state=needs_work] .whats-new__shown {
  border-color: transparent;
  background: var(--warning-soft);
}
.whats-new__change[data-state=needs_work] .whats-new__shown > .icon {
  color: var(--warning);
}

.whats-new__answered {
  margin-top: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.whats-new__answered > p {
  margin: 0;
}
.whats-new__answered strong {
  color: var(--text);
}

.whats-new__answers {
  display: grid;
  gap: var(--space-1);
  max-width: none;
  margin: var(--space-1) 0 0;
  padding: 0;
  list-style: none;
}

.whats-new__side {
  grid-area: side;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
@media (max-width: 37.5em) {
  .whats-new__side {
    align-items: stretch;
    margin-top: var(--space-4);
  }
}

.whats-new__side .actions-row {
  flex-wrap: nowrap;
}

.whats-new__side [data-mark] {
  padding-inline: var(--space-3);
  font-size: var(--text-sm);
}
.whats-new__side [data-mark] > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}
@media (max-width: 37.5em) {
  .whats-new__side [data-mark] {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: var(--space-2);
  }
}

.whats-new__side > .form__note {
  align-self: stretch;
  contain: inline-size;
}

.whats-new__side > .form__note:not(:empty) {
  margin-top: var(--space-2);
}

.whats-new__tools {
  display: grid;
  grid-area: tools;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  margin-top: var(--space-2);
}
@media (max-width: 37.5em) {
  .whats-new__tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.whats-new__note {
  grid-area: 1/1/2/-1;
  min-width: 0;
  margin: 0;
}

.whats-new__note .field {
  max-width: none;
}

.whats-new__note > .button,
.whats-new__copy {
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}

@media (max-width: 37.5em) {
  .whats-new__note > .button {
    margin-left: calc(-1 * var(--space-2));
  }
}

.whats-new__note[open] {
  flex-basis: 100%;
}

.whats-new__note > .form {
  contain: inline-size;
}

.whats-new__copy {
  grid-area: 1/2;
  margin-left: auto;
}
@media (max-width: 37.5em) {
  .whats-new__copy {
    margin-right: calc(-1 * var(--space-2));
  }
}
.whats-new__copy > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
}

.whats-new__tools > .chat__copied {
  grid-area: 2/1/3/-1;
  flex-basis: 100%;
  contain: inline-size;
  text-align: end;
}
@media (max-width: 37.5em) {
  .whats-new__tools > .chat__copied {
    text-align: start;
  }
}

@container whats-new-changes (max-width: 38rem) {
  .entry.whats-new__change {
    display: block;
    padding: var(--space-4) 0 var(--space-5);
  }
  .whats-new__side {
    align-items: stretch;
    margin-top: var(--space-4);
  }
  .whats-new__side [data-mark] {
    flex: 1 1 0;
    min-width: 0;
    padding-inline: var(--space-2);
  }
  .whats-new__tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .whats-new__noted {
    display: block;
  }
  .whats-new__clear {
    margin-top: var(--space-2);
  }
}

.whats-new .chat__copied {
  color: var(--text);
}

.whats-new .chat__copied > .icon {
  width: var(--icon-sm);
  height: var(--icon-sm);
  margin-right: var(--space-1);
  color: var(--success);
}

.whats-new__block {
  max-width: var(--feedback-width);
}
.whats-new__block > .textarea {
  border-color: var(--border);
  background: var(--surface-sunken);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
  line-height: var(--leading);
}

.whats-new__earlier > .release {
  margin-left: calc(var(--icon-sm) + var(--space-3));
}

.docs__top {
  margin-bottom: var(--space-5);
}

.docs__lead {
  font-size: var(--text-base);
}
@media (max-width: 37.5em) {
  .docs__lead {
    font-size: var(--text-md);
  }
}

@container page-top (max-width: 45rem) {
  .docs__top > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 52rem) {
  .docs__top:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 26rem) {
  .docs__top .docs__new--row {
    padding: 0;
  }
}
@container page-top (max-width: 33rem) {
  .docs__top:has(.mock-marker) .docs__new--row {
    padding: 0;
  }
}
@container page-top (max-width: 26rem) {
  .docs__top .docs__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container page-top (max-width: 33rem) {
  .docs__top:has(.mock-marker) .docs__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@media (max-width: 37.5em) {
  .docs__new--row,
  .docs__new--row + .page__rule {
    display: none;
  }
}

@media (hover: hover) {
  .docs__new--row.button--primary:hover:not(:disabled, [aria-disabled=true], [data-working]) {
    background: var(--_row-pressed-ground, var(--accent-strong));
    color: var(--_row-pressed-words, var(--text-on-accent));
  }
}
.docs__new--row.button--primary:active:not(:disabled, [aria-disabled=true], [data-working]) {
  background: var(--_row-pressed-ground, var(--accent-strong));
  color: var(--_row-pressed-words, var(--text-on-accent));
}

.docs__head {
  display: none;
}
@media (max-width: 37.5em) {
  .docs__head {
    display: block;
    margin-bottom: var(--space-5);
  }
}

.docs__new {
  width: 100%;
}

.docs__find {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin-bottom: var(--space-4);
}

.docs__search {
  flex: 0 1 var(--doc-search-width);
  min-width: 0;
  margin: 0;
}
.docs__search > .field__error {
  margin-top: var(--space-1);
}
@media (max-width: 37.5em) {
  .docs__search {
    flex-basis: 100%;
  }
}

.docs__count {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.docs__count > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

@media (max-width: 37.5em) {
  .docs__count--total {
    display: none;
  }
}

.docs__pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-4);
}

.docs__step {
  display: inline-flex;
}
.docs__step > .button {
  color: var(--text-muted);
}

.doc-list .doc-row > td {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.doc-list .doc-row > td:first-child {
  width: 100%;
  min-width: var(--field-min);
  white-space: normal;
}

.doc-name {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  text-align: left;
}

.doc-name__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.doc-row__title {
  padding: calc((var(--touch-min) - var(--leading-tight) * 1em) / 2) 0;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.doc-row__claude {
  margin-top: calc(-1 * var(--space-2));
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.doc-row__waiting {
  gap: var(--space-1);
  margin-top: calc(-1 * var(--space-3));
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
}
.doc-row__waiting > .icon {
  color: var(--text-muted);
}

.doc-row__record {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}
.doc-row__record > .icon {
  color: var(--text-muted);
}

.doc-name__thumb {
  display: inline-flex;
  flex: none;
  align-items: flex-end;
  justify-content: center;
  width: var(--doc-thumb-width);
  height: var(--doc-thumb-height);
  padding-bottom: var(--space-1);
  overflow: hidden;
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
}

.doc-name__thumb:has(> .doc-name__picture) {
  padding: 0;
}

.doc-badge {
  max-width: 100%;
  overflow: hidden;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  text-transform: uppercase;
}

.doc-name__picture {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.doc-row__meta {
  color: var(--text);
}

@media (max-width: 37.5em) {
  .doc-list .doc-row {
    border: var(--border-width) solid var(--border);
  }
  .doc-list .doc-row + .doc-row {
    margin-top: var(--space-2);
  }
  .doc-list .doc-row > td {
    padding: 0;
  }
  .doc-list .doc-row > td:first-child {
    display: block;
    width: auto;
    min-width: 0;
    margin-bottom: var(--space-3);
  }
  .doc-list .doc-name {
    align-items: flex-start;
  }
  .doc-list .doc-row > td:first-child::before {
    content: none;
  }
  .doc-list .doc-row > td:not(:first-child) {
    margin-left: calc(var(--doc-thumb-width) + var(--space-3));
  }
}
.doc-list {
  container: docs-list/inline-size;
}
@media (max-width: 37.5em) {
  .doc-list {
    container-type: normal;
  }
}

@container docs-list (max-width: 36rem) {
  .doc-list > .table,
  .doc-list > .table tbody,
  .doc-list > .table tr,
  .doc-list > .table td {
    display: block;
  }
  .doc-list > .table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .doc-list > .table tr {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
  }
  .doc-list > .table tbody tr:nth-child(even) {
    background: var(--surface-sunken);
  }
  .doc-list > .table tbody tr:nth-child(even) > td {
    background: transparent;
  }
  .doc-list > .table td {
    display: grid;
    grid-template-columns: var(--cell-label) minmax(0, 1fr);
    gap: var(--space-3);
    align-items: baseline;
    padding: 0;
    border-bottom: 0;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .doc-list > .table td::before {
    content: attr(data-label);
    content: attr(data-label)/"";
    color: var(--text-muted);
    font-size: var(--text-xs);
    font-weight: var(--weight-bold);
    letter-spacing: var(--tracking-caps);
    text-transform: uppercase;
  }
  .doc-list > .table td:empty::after {
    content: "-";
    content: "-"/"";
    color: var(--text-muted);
  }
  .doc-list .doc-row {
    border: var(--border-width) solid var(--border);
  }
  .doc-list .doc-row + .doc-row {
    margin-top: var(--space-2);
  }
  .doc-list .doc-row > td {
    padding: 0;
  }
  .doc-list .doc-row > td:first-child {
    display: block;
    width: auto;
    min-width: 0;
    margin-bottom: var(--space-3);
  }
  .doc-list .doc-name {
    align-items: flex-start;
  }
  .doc-list .doc-row > td:first-child::before {
    content: none;
  }
  .doc-list .doc-row > td:not(:first-child) {
    margin-left: calc(var(--doc-thumb-width) + var(--space-3));
  }
}

.library-found > .hairline-list__row > .muted {
  margin: 0;
}

.library-found__passages {
  max-width: var(--measure);
  margin: var(--space-1) 0 var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.library-found__passages > li + li {
  margin-top: var(--space-1);
}
.library-found__passages strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.library-nomatch {
  border-style: dashed;
  border-color: var(--border-control);
}

.docs__unseen {
  font-size: var(--text-sm);
}

.docs__add {
  margin-top: var(--space-7);
  padding-top: var(--space-6);
  border-top: var(--border-width) solid var(--border);
  scroll-margin-top: var(--space-4);
}
.docs__add > h2 {
  margin-bottom: var(--space-4);
}

.library-add [data-add-results] {
  margin: 0 0 var(--space-4);
  font-size: var(--text-sm);
}
.library-add [data-add-results]:empty {
  margin: 0;
}

.library-add .field__error {
  overflow-wrap: anywhere;
}

.library__foot {
  margin-top: var(--space-6);
  font-size: var(--text-sm);
}

.docs__main > .empty-state {
  max-width: none;
}

.docs__main > .empty-state :is(.empty-state__title, .empty-state__text) {
  max-width: var(--measure);
}

.page:has(> .docs) {
  container: library-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .docs) {
    container-type: normal;
  }
}

@container library-page (min-width: 69.01rem) {
  .docs__layout {
    display: grid;
    grid-template-columns: minmax(37rem, 1fr) minmax(0, var(--aside-measure));
    column-gap: var(--space-5);
    align-items: start;
  }
  .docs__side {
    padding-left: var(--space-5);
    border-left: var(--border-width) solid var(--border);
  }
  .docs__side > .docs__add {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
  .docs__side > .library__foot {
    margin-top: var(--space-5);
  }
  .docs__new--row.button--primary {
    --_row-pressed-ground: var(--accent-soft);
    --_row-pressed-words: var(--accent-strong);
    border-color: var(--accent);
    background: transparent;
    color: var(--accent);
  }
  .docs__main > .empty-state:not(.library-nomatch) .empty-state__body > .button {
    display: none;
  }
}

.doc-head {
  margin-bottom: var(--space-5);
}
.doc-head > h1 {
  margin: 0 0 var(--space-2);
}

.doc-paper__meta {
  margin: 0;
  color: var(--text-muted);
}
.doc-paper__meta > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.doc-layout {
  display: grid;
  grid-template-columns: minmax(var(--doc-paper-width), 1fr) minmax(0, calc(var(--field-width) + var(--space-5)));
  max-width: calc(var(--doc-paper-max) + var(--space-5) + var(--field-width) + var(--space-5));
  align-items: start;
  gap: var(--space-5);
}
@media (max-width: 37.5em) {
  .doc-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

.doc-layout--plain {
  grid-template-columns: minmax(0, 1fr);
  max-width: none;
}

.doc-layout > .doc-paper {
  max-width: var(--doc-paper-max);
  min-width: 0;
  container: doc-cell/inline-size;
}

.doc-aside {
  min-width: 0;
  max-width: calc(var(--field-width) + var(--space-5));
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .doc-aside {
    padding-left: 0;
    border-left: 0;
  }
}

.doc-layout--plain > .doc-aside {
  max-width: var(--field-width);
  padding-left: 0;
  border-left: 0;
}

.doc-layout--plain .doc-aside__actions > .button {
  flex: 0 1 auto;
}

.page:has(> .doc-layout) {
  container: doc-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .doc-layout) {
    container-type: normal;
  }
}

@container doc-page (max-width: 45rem) {
  .doc-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .doc-aside {
    max-width: var(--field-width);
    padding-left: 0;
    border-left: 0;
  }
}
@container doc-page (min-width: 45.01rem) {
  .doc-layout:not(.doc-layout--wide):has(> .doc-paper > .doc-paper__sheet) {
    max-width: none;
  }
  .doc-layout:not(.doc-layout--wide):has(> .doc-paper > .doc-paper__sheet) > .doc-paper {
    max-width: none;
  }
  .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
    max-width: var(--doc-paper-width);
    margin-right: auto;
    margin-left: auto;
  }
  @container doc-cell (min-width: 31.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.05;
    }
  }
  @container doc-cell (min-width: 33rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.1;
    }
  }
  @container doc-cell (min-width: 34.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.15;
    }
  }
  @container doc-cell (min-width: 36rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.2;
    }
  }
  @container doc-cell (min-width: 37.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.25;
    }
  }
  @container doc-cell (min-width: 39rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.3;
    }
  }
  @container doc-cell (min-width: 40.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.35;
    }
  }
  @container doc-cell (min-width: 42rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.4;
    }
  }
  @container doc-cell (min-width: 43.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.45;
    }
  }
  @container doc-cell (min-width: 45rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.5;
    }
  }
  @container doc-cell (min-width: 46.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.55;
    }
  }
  @container doc-cell (min-width: 48rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.6;
    }
  }
  @container doc-cell (min-width: 49.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.65;
    }
  }
  @container doc-cell (min-width: 51rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.7;
    }
  }
  @container doc-cell (min-width: 52.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.75;
    }
  }
  @container doc-cell (min-width: 54rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.8;
    }
  }
  @container doc-cell (min-width: 55.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.85;
    }
  }
  @container doc-cell (min-width: 57rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.9;
    }
  }
  @container doc-cell (min-width: 58.5rem) {
    .doc-layout:not(.doc-layout--wide) .doc-paper__sheet {
      zoom: 1.95;
    }
  }
}
@media (max-width: 37.5em) {
  .long-text--doc:has(> .long-fold) > .long-fold {
    display: block;
  }
  .long-text--doc:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 4lh;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
    mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
  }
}

@container doc-page (max-width: 45rem) {
  .long-text--doc:has(> .long-fold) > .long-fold {
    display: block;
  }
  .long-text--doc:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 4lh;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
    mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
  }
}

.doc-paper__sheet {
  margin: 0 0 var(--space-2);
  padding: var(--space-6);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
  font-family: var(--font-doc);
  font-size: var(--text-base);
  line-height: var(--leading-doc);
}
@media (max-width: 37.5em) {
  .doc-paper__sheet {
    padding: var(--space-5);
  }
}

.doc-paper__sheet > .doc-paper__drawn {
  margin: 0;
}

.doc-sheet__name {
  margin: var(--space-5) 0 var(--space-3);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}
.doc-sheet__name:first-child {
  margin-top: 0;
}

.doc-sheet__table {
  margin-bottom: var(--space-3);
  font-family: var(--font-sans);
  line-height: var(--leading-tight);
}
.doc-sheet__table > .table {
  width: max-content;
  min-width: 100%;
}
@media (max-width: 37.5em) {
  .doc-sheet__table > .table {
    width: 100%;
    min-width: 0;
  }
}
.doc-sheet__table td {
  white-space: normal;
}

.doc-sheet__cell {
  display: block;
  max-width: 16rem;
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .doc-sheet__cell {
    max-width: none;
  }
}

.doc-sheet__table--wide {
  padding-right: var(--space-7);
  scroll-padding-right: var(--space-7);
  -webkit-mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
  mask-image: linear-gradient(to right, currentColor calc(100% - var(--space-7)), transparent);
}
@media (max-width: 37.5em) {
  .doc-sheet__table--wide {
    padding-right: 0;
    -webkit-mask-image: none;
    mask-image: none;
  }
}

.doc-layout--wide {
  grid-template-columns: minmax(0, 1fr);
  max-width: none;

}
.doc-layout--wide > .doc-paper {
  max-width: none;
}
.doc-layout--wide > .doc-aside {
  max-width: var(--measure);
  padding-left: 0;
  border-left: 0;
}

.doc-sheet__note {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}

.doc-paper__break {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  max-width: none;
  margin: var(--space-4) 0;
  font-family: var(--font-sans);
}
.doc-paper__break::before, .doc-paper__break::after {
  content: "";
  flex: 1 1 0;
  border-top: var(--border-width) solid var(--border);
}

.doc-paper__cut {
  font-size: var(--text-sm);
}

.doc-figure {
  margin: 0 0 var(--space-5);
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
.doc-figure > .doc-paper__page {
  margin: 0;
}
.doc-figure .doc-paper__drawn {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: var(--radius-sm);
}

.doc-figure__caption {
  margin-top: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.doc-read {
  margin: 0 0 var(--space-5);
  padding-bottom: var(--space-4);
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}
.doc-read > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  list-style: none;
  cursor: pointer;
}
.doc-read > summary::-webkit-details-marker {
  display: none;
}
.doc-read > .doc-paper__drawn {
  margin: var(--space-1) 0 0;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  font-family: var(--font-mono);
  font-size: var(--text-sm);
}

.doc-read__chevron {
  margin-left: auto;
  color: var(--text-muted);
}

.doc-read[open] .doc-read__chevron {
  transform: rotate(180deg);
}

.doc-read__note {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.doc-aside__section {
  margin-bottom: var(--space-6);
}
.doc-aside__section > h2 {
  margin: 0 0 var(--space-2);
  padding-left: var(--space-2);
  border-left: var(--doc-rule) solid var(--text-muted);
  font-size: var(--text-lg);
}
.doc-aside__section > p,
.doc-aside__section > ol {
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .doc-aside__section {
    margin-bottom: var(--space-5);
  }
  .doc-aside__section + .doc-aside__section {
    padding-top: var(--space-5);
    border-top: var(--border-width) solid var(--border);
  }
}

.doc-aside__name {
  color: var(--text);
}

.doc-aside__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  max-width: none;
}
.doc-aside__actions > .button {
  flex: 1 1 0;
  min-width: fit-content;
}

.doc-aside__section strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.doc-head__facts {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-2) var(--space-4);
}

.doc-head__record {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  padding-left: var(--space-4);
  border-left: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}
.doc-head__record > .icon {
  color: var(--text-muted);
}
@media (max-width: 37.5em) {
  .doc-head__record {
    flex-basis: 100%;
    padding-left: 0;
    border-left: 0;
  }
}

.doc-proposed--phone {
  display: none;
}
@media (max-width: 37.5em) {
  .doc-proposed--phone {
    display: block;
  }
}

@media (max-width: 37.5em) {
  .doc-proposed--mac {
    display: none;
  }
}

@container doc-page (max-width: 45rem) {
  .doc-proposed--phone {
    display: block;
  }
  .doc-proposed--mac {
    display: none;
  }
}

.doc-aside__review {
  max-width: none;
  margin: var(--space-3) 0 0;
}
.doc-aside__review > .button {
  width: 100%;
}

.read-panel > .form {
  margin: 0 0 var(--space-3);
}

.read-panel > .notice {
  margin-top: var(--space-3);
}

.read-panel__go {
  flex: 1 1 100%;
}

.read-way {
  flex: 1 1 100%;
  min-width: 0;
}
.read-way > .button {
  width: 100%;
}

.read-panel__cost {
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.read-sent {
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.read-sent__lead {
  display: flex;
  gap: var(--space-2);
  margin: 0 0 var(--space-4);
  color: var(--text);
  font-size: var(--text-sm);
}
.read-sent__lead > .icon {
  margin-top: calc((var(--leading) * 1em - var(--icon-sm)) / 2);
  color: var(--text-muted);
}

.read-sent__form {
  margin: 0 0 var(--space-2);
}
.read-sent__form > .button {
  width: 100%;
}

.read-sent__note {
  margin: var(--space-2) 0 0;
}

.read-sent__typed {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  white-space: pre-wrap;
}

.read-sent__again {
  margin: var(--space-2) 0 0;
}

.read-sent__kept {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.doc-aside__drawn {
  margin: 0;
  padding: 0;
  font-size: var(--text-sm);
  list-style: none;
}
.doc-aside__drawn > li {
  display: flex;
  gap: var(--space-2);
  margin-bottom: var(--space-2);
  overflow-wrap: anywhere;
}
.doc-aside__drawn > li > span {
  min-width: 0;
}

.doc-aside__dash {
  flex: none;
  color: var(--text-muted);
}

.doc-aside__fold > summary {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  list-style: none;
  cursor: pointer;
}

.doc-aside__fold > summary::-webkit-details-marker {
  display: none;
}

.doc-aside__chevron {
  margin-left: auto;
  color: var(--text-muted);
}

.doc-aside__fold[open] .doc-aside__chevron {
  transform: rotate(180deg);
}

.doc-aside__readings {
  margin: 0;
  padding: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  list-style: none;
}
.doc-aside__readings > li {
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
}
.doc-aside__readings > li > p {
  margin: 0;
}
.doc-aside__readings .form {
  margin-top: var(--space-2);
}

.review-head {
  margin-bottom: var(--space-5);
}
.review-head > h1 {
  margin: 0 0 var(--space-2);
}

.review-head__lead {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-md);
}

.review-head__by {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.review-head__by > .icon {
  flex: none;
}
.review-head__by strong {
  color: var(--text);
  font-weight: var(--weight-medium);
}

.review-head__decided {
  display: none;
}
@media (max-width: 37.5em) {
  .review-head__decided {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .review-head__from {
    display: none;
  }
}

.page:has(> .review-layout) {
  container: review-page/inline-size;
}
@media (max-width: 37.5em) {
  .page:has(> .review-layout) {
    container-type: normal;
  }
}

.review-layout {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .review-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }
}

.review-list,
.review-aside {
  min-width: 0;
}

.review-aside li {
  max-width: var(--measure);
}

.review-layout > .review-aside {
  padding-left: var(--space-5);
  border-left: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .review-layout > .review-aside {
    padding-top: var(--space-5);
    padding-left: 0;
    border-top: var(--border-width) solid var(--border);
    border-left: 0;
  }
}

@container review-page (max-width: 42rem) {
  .review-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
  }
  .review-layout > .review-aside {
    padding-top: var(--space-5);
    padding-left: 0;
    border-top: var(--border-width) solid var(--border);
    border-left: 0;
  }
}
.review-list__empty {
  color: var(--text-muted);
}

.review-view {
  margin: 0 0 var(--space-4);
}

.review-count {
  margin: 0 0 var(--space-5);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}
@media (max-width: 37.5em) {
  .review-count {
    display: none;
  }
}

.review-aside__done {
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
}

.doc-aside__section > .review-aside__facts {
  display: flex;
  flex-direction: column;
  color: var(--text);
}

.review-group {
  border-top: var(--border-width) solid var(--border);
}

.review-group:last-of-type {
  border-bottom: var(--border-width) solid var(--border);
}

.review-group__head {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: var(--touch-min);
  padding: var(--space-2) 0;
  list-style: none;
  cursor: pointer;
}

.review-group__head::-webkit-details-marker {
  display: none;
}

.review-group__name {
  flex: 0 1 auto;
  overflow-wrap: normal;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  line-height: var(--leading-tight);
}

.review-group__count {
  flex: none;
  padding: 0 var(--space-2);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-sm);
  background: var(--surface-sunken);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
}

.review-group__summary {
  flex: 1 1 0;
  min-width: 0;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.review-group[open] .review-group__summary {
  display: none;
}

.review-group__chevron {
  flex: none;
  margin-left: auto;
  color: var(--text-muted);
}

.review-group[open] .review-group__chevron {
  transform: rotate(180deg);
}

.review-group__cards {
  padding-bottom: var(--space-4);
}
.review-group__cards > .proposal:first-child {
  margin-top: 0;
}

div.proposal__text > p {
  margin: 0;
}

.proposal__list {
  margin: var(--space-2) 0 0;
  padding-left: var(--space-5);
}

.proposal__detail {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-sm);
}

.proposal__parts {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
}

.proposal__part {
  display: grid;
  grid-template-columns: var(--story-label) minmax(0, 1fr);
  gap: var(--space-1) var(--space-3);
}
@media (max-width: 37.5em) {
  .proposal__part {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-1);
  }
}
.proposal__part > dt {
  padding-top: 0.4em;
  font-family: var(--font-sans);
}
.proposal__part > dd {
  margin: 0;
  font-size: var(--text-base);
}

.review-accept-all {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-4);
  max-width: var(--field-width);
  margin-top: var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
}
.review-accept-all > .checkbox {
  flex-basis: 100%;
}
@media (max-width: 37.5em) {
  .review-accept-all > .button {
    width: 100%;
  }
}

.review-accept-all__words {
  flex: 1 1 18rem;
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.review-accept-all__words strong {
  color: var(--text);
}

.proposal__source {
  padding-left: var(--space-3);
  border-left: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-family: var(--font-doc);
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.proposal__source > p {
  margin: 0;
}
.proposal__source > .link-more {
  font-family: var(--font-sans);
}

.proposal__gain {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
  margin: var(--space-3) 0 0;
  font-size: var(--text-sm);
  line-height: var(--leading-notice);
}
.proposal__gain > .icon {
  flex: none;
  margin-top: calc((var(--leading-notice) * 1em - var(--icon-sm)) / 2);
  color: var(--text-muted);
}

.proposal__tick {
  margin-top: var(--space-3);
}

.library-pending {
  margin-bottom: var(--space-6);
  padding: var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .library-pending {
    padding: var(--space-4);
  }
}

.library-pending__title {
  margin: 0 0 var(--space-1);
}

.library-pending__count {
  color: var(--text-muted);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  vertical-align: text-top;
}

.library-pending__lede {
  max-width: var(--measure);
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.library-pending__list {
  margin: 0;
  padding: 0;
  border-top: var(--border-width) solid var(--border);
  list-style: none;
}

.library-pending__row {
  display: grid;
  grid-template-columns: auto minmax(0, 2fr) minmax(0, 1fr);
  align-items: start;
  gap: var(--space-1) var(--space-4);
  padding: var(--space-3) 0;
  border-bottom: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .library-pending__row {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: var(--space-3);
  }
}

.library-pending__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}

.library-pending__name {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  padding: calc((var(--touch-min) - var(--leading-tight) * 1em) / 2) 0;
  color: var(--text);
  font-weight: var(--weight-bold);
  line-height: var(--leading-tight);
  text-decoration-line: none;
  overflow-wrap: anywhere;
}

@media (hover: hover) {
  .library-pending__name:hover {
    text-decoration-line: underline;
  }
}
.library-pending__name:active {
  text-decoration-line: underline;
}

.library-pending__facts {
  margin-top: calc(-1 * var(--space-2));
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.library-pending__cost {
  padding-top: var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.library-pending__cost > strong {
  color: var(--text);
  font-weight: var(--weight-bold);
}
.library-pending__cost > .doc-row__waiting {
  margin-top: calc(-1 * var(--space-3));
}
@media (max-width: 37.5em) {
  .library-pending__cost {
    grid-column: 2;
    padding-top: 0;
  }
}

.library-pending__foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-3) var(--space-4);
  margin-top: var(--space-4);
}
@media (max-width: 37.5em) {
  .library-pending__foot > .button {
    width: 100%;
  }
}

.library-pending__note {
  flex: 1 1 var(--field-min);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.doc-head__step {
  margin: 0 0 var(--space-1);
}

.pending-steps {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin: 0 0 var(--space-5);
  padding: 0;
  list-style: none;
}

.pending-steps__step {
  display: inline-flex;
  flex: 0 1 auto;
  align-items: center;
  max-width: 100%;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-pill);
  color: var(--text-muted);
  font-size: var(--text-sm);
  white-space: nowrap;
}

.pending-steps__n {
  display: inline-grid;
  flex: none;
  place-items: center;
  width: var(--step-number);
  height: var(--step-number);
  border-radius: var(--radius-pill);
  background: var(--surface-sunken);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
}

.pending-steps__title {
  position: relative;
  min-width: 0;
}

.pending-steps__words {
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pending-steps__step[aria-current=step] {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.pending-steps__step[aria-current=step] .pending-steps__title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -4px;
  left: 0;
  height: var(--current-mark);
  border-radius: var(--current-mark);
  background: var(--mark);
}

.doc-layout--pending > .doc-aside {
  order: 1;
}
@media (max-width: 37.5em) {
  .doc-layout--pending > .doc-aside {
    order: 0;
  }
}

@container doc-page (max-width: 45rem) {
  .doc-layout--pending > .doc-aside {
    order: 0;
  }
}

.review-aside__next {
  margin: 0 0 var(--space-5);
}
.review-aside__next > .button {
  width: 100%;
}

.pending-next {
  padding-top: var(--space-5);
  border-top: var(--border-width) solid var(--border);
}
.pending-next > .pending-next__note {
  margin: var(--space-2) 0 0;
}

.pending-next__go {
  width: 100%;
}

.doc-aside__section.pending-next--go {
  padding-top: var(--space-4);
  border-top: 0;
}

.long-fold {
  display: none;
  margin-top: var(--space-2);
  font-family: var(--font-sans);
  white-space: normal;
}
.long-fold > summary {
  list-style: none;
}
.long-fold > summary::-webkit-details-marker {
  display: none;
}

.long-fold__toggle {
  justify-content: flex-start;
  margin-left: calc(-1 * var(--space-3));
  text-align: left;
}

.long-fold__count {
  white-space: nowrap;
}

.long-fold__chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.long-fold[open] .long-fold__chevron {
  transform: rotate(180deg);
}

.long-fold[open] .long-fold__closed,
.long-fold:not([open]) .long-fold__open {
  display: none;
}

.long-fold__head {
  display: none;
  justify-content: flex-start;
  margin-left: calc(-1 * var(--space-3));
  text-align: left;
}

@media (max-width: 37.5em) {
  .long-text--record:has(> .long-fold) > .long-fold {
    display: block;
  }
  .long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 4lh;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
    mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
  }
  .long-text--record > .long-fold__head {
    display: inline-flex;
  }
}
@container record-page (max-width: 52rem) {
  .long-text--record:has(> .long-fold) > .long-fold {
    display: block;
  }
  .long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 4lh;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
    mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
  }
  .long-text--record > .long-fold__head {
    display: inline-flex;
  }
}

@media (max-width: 37.5em) {
  .resume-preview.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 12lh;
  }
}
@container record-page (max-width: 52rem) {
  .resume-preview.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
    max-height: 12lh;
  }
}

.brief-layout__main.long-text--record:has(> .long-fold) > .long-fold {
  display: block;
}
.brief-layout__main.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
  max-height: 4lh;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
  mask-image: linear-gradient(to bottom, currentColor calc(100% - 1lh), transparent);
}
.brief-layout__main.long-text--record > .long-fold__head {
  display: inline-flex;
}
.brief-layout__main.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .long-text__body {
  max-height: 12lh;
}

@media print {
  .long-text--record .long-text__body {
    max-height: none !important;
    overflow: visible !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  .long-text--record > .long-fold {
    display: none !important;
  }
  .long-fold__head {
    display: none !important;
  }
}
@media (max-width: 37.5em) {
  .note-card.long-text--record:has(> .long-fold) .note-card__body > p {
    margin-bottom: 1lh;
  }
  .note-card.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .note-card__body {
    max-height: calc(4lh + var(--space-5));
  }
}
@container record-page (max-width: 52rem) {
  .note-card.long-text--record:has(> .long-fold) .note-card__body > p {
    margin-bottom: 1lh;
  }
  .note-card.long-text--record:has(> .long-fold):not(:has(> .long-fold[open])) .note-card__body {
    max-height: calc(4lh + var(--space-5));
  }
}

.half-price {
  display: contents;
}

.half-price__line {
  flex: 1 1 100%;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.half-price__go {
  min-width: 0;
}

.half-price-wait,
.goes-on {
  max-width: var(--measure);
  font-size: var(--text-sm);
}

.half-price__outcome {
  order: -1;
}

.half-price__outcome > .notice {
  margin: 0;
}

@media (max-width: 37.5em) {
  .button--block + .half-price > .half-price__go {
    width: 100%;
  }
}

.research-form--across .half-price__go,
.new-version .form__actions > .half-price > .half-price__go {
  width: 100%;
}

.person-circle {
  position: relative;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: calc(var(--avatar-size) + var(--space-1));
  height: calc(var(--avatar-size) + var(--space-1));
  border-radius: 50%;
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  color: var(--text);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  letter-spacing: var(--tracking-caps);
  line-height: 1;
}

.person-circle--sm {
  width: var(--avatar-size);
  height: var(--avatar-size);
}

.person-circle--lg {
  width: calc(var(--avatar-size) + var(--space-2));
  height: calc(var(--avatar-size) + var(--space-2));
}

.person-circle--glyph {
  color: var(--text-muted);
}

.person-circle--glyph > .icon {
  width: var(--icon-md);
  height: var(--icon-md);
}

.person-circle--photo,
.person-circle--logo {
  background: var(--surface-raised);
}

.person-circle__picture {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

.person-circle--logo > .person-circle__picture {
  padding: var(--space-1);
  object-fit: contain;
}

.person-circle__badge {
  position: absolute;
  right: calc(-1 * var(--space-1));
  bottom: calc(-1 * var(--space-1));
  width: var(--icon-md);
  height: var(--icon-md);
  border-radius: var(--radius-sm);
  background: var(--surface-raised);
  box-shadow: 0 0 0 var(--rule-width) var(--surface-raised), 0 0 0 calc(var(--rule-width) + var(--border-width)) var(--border);
  object-fit: contain;
}

.person-circle__badge--initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--surface-sunken);
  font-size: var(--text-xs);
}

.contact {
  grid-template-columns: auto minmax(0, 1fr);
}

.contact__brought {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.picker {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.picker__field {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0 var(--space-2) 0 var(--space-4);
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-field);
  background: var(--surface-raised);
  color: var(--text);
}

.picker__field:focus-within {
  border-color: var(--accent);
  box-shadow: inset 0 0 0 var(--border-width) var(--accent);
}

.picker__field > .icon {
  flex: none;
  color: var(--text-muted);
}

.picker__input {
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--touch-min);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  appearance: none;
}

.picker__input:focus-visible {
  outline: none;
}

.picker__input::-webkit-search-cancel-button {
  appearance: none;
}

.picker__count {
  flex: none;
  color: var(--text-muted);
  font-size: var(--text-sm);
  white-space: nowrap;
}

.picker__count:empty {
  display: none;
}

.picker__list {
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.picker__label {
  margin: 0;
  padding: var(--space-3) var(--space-4) var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.picker__hint {
  max-width: none;
  margin: 0;
  padding: var(--space-3) var(--space-4);
  border-bottom: var(--border-width) solid var(--border);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.picker__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 var(--space-3);
  width: 100%;
  min-height: calc(var(--touch-min) + var(--space-3));
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border: 0;
  border-bottom: var(--border-width) solid var(--border);
  background: transparent;
  color: var(--text);
  font: inherit;
  text-align: left;
}
@media (max-width: 37.5em) {
  .picker__row {
    grid-template-columns: auto minmax(0, 1fr);
  }
}

.picker__row:last-child {
  border-bottom: 0;
}

button.picker__row {
  cursor: pointer;
}

@media (hover: hover) {
  button.picker__row:hover {
    background: var(--surface-sunken);
  }
}
button.picker__row:active {
  background: var(--surface-sunken);
}

.picker__row--active {
  background: var(--surface-sunken);
}

.picker__row:focus-visible {
  outline-offset: calc(-1 * var(--focus-width));
}

.picker__words {
  display: grid;
  min-width: 0;
}

.picker__name {
  font-weight: var(--weight-medium);
  overflow-wrap: anywhere;
}

.picker__name strong {
  font-weight: var(--weight-bold);
}

.picker__sub {
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.picker__tail {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-align: right;
}
@media (max-width: 37.5em) {
  .picker__tail {
    grid-column: 2;
    text-align: left;
  }
}

.picker__tail > .icon {
  color: var(--success);
}

.picker__row--dim .picker__name,
.picker__row--dim .person-circle {
  color: var(--text-muted);
}

.picker__row--on {
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--accent-soft);
}

.picker__row--on .picker__tail {
  color: var(--text);
}

.picker__row--new .picker__name {
  color: var(--accent);
}

.contact-add__sub {
  margin: calc(-1 * var(--space-2)) 0 var(--space-4);
  color: var(--text-muted);
}

.contact-add__part {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.contact-add__part[hidden] {
  display: none;
}

.contact-add__part > .field,
.contact-add__part .field-row > .field {
  margin: 0;
}

.dialog .contact-add__part .field {
  margin: 0;
}

.contact-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  row-gap: var(--space-4);
  max-width: none;
}

.contact-row--ways {
  grid-template-columns: minmax(0, 1fr);
}

.contact-form .contact-row {
  row-gap: 0;
}

@media (max-width: 37.5em) {
  .application-form__recruiter-line {
    flex-direction: row;
    align-items: center;
  }
  .application-form__recruiter-line > .application-form__recruiter-who {
    flex: 1 0 100%;
  }
}

.contact-add__default {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.company-picker__list {
  margin-top: var(--space-2);
}

.company-picker__list[hidden] {
  display: none;
}

.company-tile {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: calc(var(--avatar-size) - var(--space-1));
  height: calc(var(--avatar-size) - var(--space-1));
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
  color: var(--text);
  font-weight: var(--weight-bold);
}

.company-tile > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.company-tile--new {
  color: var(--accent);
}

.company-tile--sm {
  width: calc(var(--space-4) + var(--space-1));
  height: calc(var(--space-4) + var(--space-1));
  border-radius: var(--radius-sm);
  font-size: var(--text-xs);
}

.company-picker__instead {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  justify-self: start;
  min-height: var(--touch-min);
  padding: 0;
  border: 0;
  background: none;
  color: var(--text);
  font: inherit;
  font-size: var(--text-sm);
  text-decoration-line: underline;
  text-underline-offset: var(--underline-offset);
  cursor: pointer;
}

.company-picker__instead[hidden] {
  display: none;
}

.company-picker__site[hidden] {
  display: none;
}

.duplicate-stop {
  display: grid;
  gap: var(--space-3);
}

.duplicate-stop__words {
  margin: 0;
}

.duplicate-stop__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.contact-form__on {
  margin-top: var(--space-5);
  padding-top: var(--space-4);
  border-top: var(--border-width) solid var(--border);
}

.contact-form__on-title {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  font-weight: var(--weight-bold);
}

.contact-form__on > .field,
.dialog .contact-form__on > .field {
  margin-top: var(--space-3);
}

[data-met-for][hidden] {
  display: none;
}

.contact-move__choices {
  display: grid;
  gap: var(--space-3);
  margin-top: var(--space-4);
}

.contact-move__choice {
  display: grid;
  justify-items: start;
  gap: var(--space-2);
  padding: var(--space-3) var(--space-4) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface);
}

.contact-move__what {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.matches-head > .lead {
  max-width: var(--measure);
}

.matches {
  display: grid;
  gap: var(--space-4);
  max-width: calc(var(--field-width) + var(--space-8));
}

.match-card {
  display: grid;
  gap: var(--space-3);
  min-width: 0;
  padding: var(--space-4) var(--space-5);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
@media (max-width: 37.5em) {
  .match-card {
    padding: var(--space-4);
  }
}

.match-card__title {
  margin: 0;
  font-size: var(--text-lg);
}

.match-card__sub {
  margin: calc(-1 * var(--space-2)) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.match-rows {
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}

.match-row.checkbox,
.match-row__tick.checkbox {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0 var(--space-3);
  min-height: calc(var(--touch-min) + var(--space-3));
  margin: 0;
  padding: var(--space-2) var(--space-4);
}
@media (max-width: 37.5em) {
  .match-row.checkbox,
  .match-row__tick.checkbox {
    grid-template-columns: auto auto minmax(0, 1fr);
    align-items: start;
  }
}

.match-row.checkbox input,
.match-row__tick.checkbox input {
  margin: 0;
}

.match-row {
  border-bottom: var(--border-width) solid var(--border);
}

.match-row:last-child {
  border-bottom: 0;
}

.match-row:has(> input:checked),
.match-row--works:has(.match-row__tick input:checked) {
  background: var(--accent-soft);
}

.match-row__words {
  display: grid;
  min-width: 0;
}

.match-row__name {
  font-weight: var(--weight-medium);
}

.match-row__sub {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.match-row__why {
  max-width: 16rem;
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-align: right;
  text-wrap: balance;
}
@media (max-width: 37.5em) {
  .match-row__why {
    grid-column: 3;
    max-width: none;
    text-align: left;
  }
}

.match-row__works {
  color: var(--text);
}

.match-row--works {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.match-row__works {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0 var(--space-3);
}
@media (max-width: 37.5em) {
  .match-row__works {
    justify-content: flex-start;
  }
}

.match-row__company {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}
.match-row__company > :not(.company-tile) {
  min-width: 0;
}

.match-else {
  justify-self: end;
  margin-top: calc(-1 * var(--space-4));
  padding: 0 var(--space-4) var(--space-1);
  text-align: right;
}
@media (max-width: 37.5em) {
  .match-else {
    justify-self: stretch;
    margin-top: calc(-1 * var(--space-2));
    padding-left: calc(var(--space-4) + var(--check-size) + var(--space-3));
    text-align: left;
  }
}

.match-else[open] {
  justify-self: stretch;
  padding-bottom: var(--space-3);
}

.match-else[open] > .field {
  padding-left: calc(var(--check-size) + var(--space-3));
  text-align: left;
}
@media (max-width: 37.5em) {
  .match-else[open] > .field {
    padding-left: 0;
  }
}

.match-else__summary {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--accent);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  text-decoration-line: underline;
  text-underline-offset: var(--underline-offset);
  cursor: pointer;
  list-style: none;
}

.match-else__summary::-webkit-details-marker {
  display: none;
}

.match-else > .field {
  margin: 0;
}

.match-keep {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-4);
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: var(--text-sm);
}

.match-keep[hidden],
.match-keep__option[hidden],
.match-card__foot[hidden] {
  display: none;
}

.match-keep__label {
  float: left;
  margin-right: var(--space-2);
  padding: 0;
  font-weight: var(--weight-bold);
}

.match-keep__option.checkbox {
  margin: 0;
}

.match-card__foot {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.matches-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  min-height: calc(var(--touch-min) + var(--space-1));
  margin: 0 0 var(--space-3);
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  font-size: var(--text-sm);
  max-width: none;
}

.matches-line > .icon {
  flex: none;
  color: var(--text-muted);
}

.matches-line__words {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
}

.matches-line__link,
.matches-line__undo {
  margin-left: auto;
}

.matches-line--saved {
  box-shadow: var(--shadow-1);
}

.matches-line--saved > .icon {
  color: var(--success);
}

.frame--focused {
  display: block;
}

@media (max-width: 37.5em) {
  .frame--focused .chat__composer {
    bottom: 0;
    padding-bottom: calc(var(--space-3) + env(safe-area-inset-bottom));
  }
}

@media (max-width: 37.5em) {
  .frame--focused .frame__main {
    padding-bottom: 0;
  }
}

@media (max-width: 37.5em) {
  .frame--focused .page {
    display: flex;
    flex-direction: column;
    padding-top: var(--page-top-room);
    padding-bottom: 0;
  }
}

@media (max-width: 37.5em) {
  .first-run--talk,
  .first-run--talk .first-run__body,
  .first-run--talk .first-run__main,
  .first-run--talk .chat {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 37.5em) {
  .first-run--talk .chat__scroll {
    flex: 1 0 auto;
  }
}

.first-run__top > .frame__brand {
  display: inline-flex;
}

.first-run__skip {
  margin: 0;
}

.first-run__skip-short {
  display: none;
}
@media (max-width: 37.5em) {
  .first-run__skip-short {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .first-run__skip-long {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .first-run--choose .first-run__skip {
    display: none;
  }
}

@media (max-width: 37.5em) {
  .first-run--choose .page__rule {
    display: none;
  }
}

.first-run__skip-under {
  display: none;
  margin: 0;
}
@media (max-width: 37.5em) {
  .first-run__skip-under {
    display: block;
  }
}

.first-run--off .first-run__skip-under {
  display: block;
}

.first-run--off .first-run__single {
  grid-template-columns: minmax(0, 1fr);
}

.first-run__part {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--space-3);
}

.first-run__part h3,
.first-run__part p {
  margin: 0;
}

.first-run__single {
  display: grid;
  max-width: var(--first-run-single);
  gap: var(--space-4);
}

.first-run__single h1,
.first-run__main h1 {
  margin: 0;
}

.first-run__subtitle {
  margin: 0;
  font-size: var(--text-lg);
}

.first-run__intro {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin: 0;
}

.first-run__avatar {
  flex: none;
  width: var(--coach-head-avatar);
  height: var(--coach-head-avatar);
}

.first-run__later {
  margin: 0;
  text-align: center;
}

.first-run__cost {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.first-run__lead {
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
}

.first-run__instead {
  margin: 0;
}

.first-run__ways {
  margin: 0 0 var(--space-4);
}
@media (max-width: 37.5em) {
  .first-run__ways {
    display: none;
  }
}

.first-run__ways .field__label {
  margin: 0 0 var(--space-1);
}

.first-run__switch {
  max-width: var(--field-width);
}

.first-run__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--first-run-side);
  align-items: start;
  gap: var(--space-6);
}
@media (max-width: 37.5em) {
  .first-run__body {
    display: block;
  }
}

.first-run__main {
  min-width: 0;
}

.first-run__side {
  position: sticky;
  top: var(--coach-panel-head);
  display: grid;
  gap: var(--space-3);
  padding: var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}
@media (max-width: 37.5em) {
  .first-run__side {
    display: none;
  }
  .first-run__side:target {
    display: grid;
  }
}

.first-run__back {
  display: none;
  align-items: center;
  gap: var(--space-1);
  min-height: var(--touch-min);
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-decoration: none;
}
@media (max-width: 37.5em) {
  .first-run__back {
    display: inline-flex;
  }
}

.first-run__panel-title {
  margin: 0;
  font-size: var(--text-lg);
}

.first-run__count {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.first-run__panel-lead {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.first-run__rows {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
}

.first-run__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
}

.first-run__tick,
.first-run__ring {
  flex: none;
  width: var(--icon-md);
  height: var(--icon-md);
}

.first-run__tick {
  color: var(--success);
}

.first-run__ring {
  border: var(--border-width) solid var(--border-control);
  border-radius: var(--radius-pill);
}

.first-run__what {
  display: grid;
  min-width: 0;
}

.first-run__key {
  color: var(--text-muted);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.first-run__value {
  overflow-wrap: anywhere;
}

.first-run__value--not {
  color: var(--text-muted);
}

.first-run__source {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.first-run__check,
.first-run__resume {
  margin: 0;
}

.first-run__check[hidden] {
  display: none;
}

.first-run__resume {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-3);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-lg);
}

.first-run__resume p {
  margin: 0;
  font-size: var(--text-sm);
}

.first-run__feedback {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.first-run__upload--compact {
  display: grid;
  gap: var(--space-2);
}

.first-run__strip {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding: var(--space-3);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-lg);
}

.first-run__strip-words {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
}

.first-run__strip--done {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  border-style: solid;
  border-color: var(--border);
  color: var(--text-muted);
}

@media (max-width: 37.5em) {
  .first-run__stuck {
    position: sticky;
    top: var(--first-run-row-bottom, var(--account-row));
    z-index: var(--z-tabbar);
    padding-top: var(--space-2);
    background: var(--surface);
  }
}

@media (max-width: 37.5em) {
  .first-run__stuck::before {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-1 * var(--space-4));
    bottom: calc(-1 * var(--space-2));
    left: calc(-1 * var(--space-4));
    z-index: -1;
    background: var(--surface);
    pointer-events: none;
  }
}

.first-run--talk.first-run--keyboard .first-run__stuck::before {
  display: none;
}

.first-run__bar {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  width: 100%;
  min-height: var(--touch-min);
  margin: 0 0 var(--space-3);
  padding: 0 var(--space-3);
  border: 0;
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  color: var(--text);
  font: inherit;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 37.5em) {
  .first-run__bar {
    display: flex;
  }
}

.first-run__bar .first-run__count {
  margin-left: auto;
}

.first-run__sheet-body {
  display: grid;
  gap: var(--space-3);
}

.first-run__offer {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-3);
}

.first-run__offer form {
  margin: 0;
}

@media (max-width: 37.5em) {
  .first-run__offer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 37.5em) {
  .first-run__offer .button {
    width: 100%;
  }
}

.first-run__said {
  margin: calc(-1 * var(--space-2)) 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.first-run-head__kicker {
  margin: 0;
  color: var(--text-muted);
}

.first-run-save {
  display: grid;
  gap: var(--space-3);
}

@media (max-width: 37.5em) {
  .first-run__top {
    background: var(--surface);
    box-shadow: 0 -24px 0 0 var(--surface);
  }
}

@media (max-width: 37.5em) {
  .first-run__top::before {
    content: "";
    position: absolute;
    top: calc(-1 * max(0px, var(--first-run-row-top, 4rem)));
    right: calc(-1 * var(--space-4));
    left: calc(-1 * var(--space-4));
    z-index: -1;
    height: max(0px, var(--first-run-row-top, 4rem));
    background: var(--surface);
    pointer-events: none;
  }
}

.first-run--talk.first-run--keyboard .first-run__top::before {
  display: none;
}

@media (max-width: 37.5em) {
  .frame--focused::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: var(--z-tabbar);
    height: max(env(safe-area-inset-top), 0px);
    background: var(--surface);
    pointer-events: none;
  }
}

.frame--focused:has(.first-run--keyboard)::before {
  display: none;
}

@media (max-width: 37.5em) {
  .first-run--talk.first-run--keyboard {

    position: absolute;
    top: var(--first-run-view-page-top, var(--first-run-view-top, 0));
    right: 0;
    left: 0;
    z-index: var(--z-tabbar);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    height: calc(var(--first-run-view-height, 100dvh) - min(0px, var(--first-run-row-top, 0px)));
    padding-inline: var(--space-4);
    padding-top: max(0px, var(--first-run-row-top, env(safe-area-inset-top)));
    margin-top: min(0px, var(--first-run-row-top, 0px));
    overflow: hidden;
    background: var(--surface);
  }

  .frame__main:has(.first-run--talk)::before {
    display: none;
  }

  .frame--focused .frame__main::before {
    height: var(--account-row);
    margin-bottom: calc(-1 * var(--account-row));
    background: var(--frost);
    -webkit-backdrop-filter: var(--frost-filter);
    backdrop-filter: var(--frost-filter);
  }

  .frame--focused .first-run__top {
    top: var(--first-run-row-top, calc(var(--page-top-room) + var(--first-run-app-clearance, 0px) - var(--space-3)));
  }

  .frame--focused.frame--app .page {
    padding-top: calc(var(--page-top-room) + var(--first-run-app-clearance, 0px));
  }
  .first-run--talk.first-run--keyboard .first-run__top {
    position: static;
    flex: none;
    margin-top: 0;
  }
  .first-run--talk.first-run--keyboard :is(.notice--mock, .first-run__lead) {
    display: none;
  }
  .first-run--talk.first-run--keyboard h1 {
    margin-block: var(--space-1) var(--space-2);
    font-size: var(--text-lg);
  }
  .first-run--talk.first-run--keyboard .first-run__body,
  .first-run--talk.first-run--keyboard .first-run__main,
  .first-run--talk.first-run--keyboard .chat {
    flex: 1 1 auto;
    min-height: 0;
  }
  .first-run--talk.first-run--keyboard .first-run__stuck {
    position: static;
    flex: none;
  }
  .first-run--talk.first-run--keyboard .chat__scroll {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  .first-run--talk.first-run--keyboard .chat__tools {
    display: none;
  }
  .first-run--talk.first-run--keyboard .chat__composer {
    position: relative;
    inset: auto;
    flex: none;
    padding-bottom: var(--space-2);
  }

  .first-run--talk.first-run--keyboard.first-run--squeezed :is(h1, .first-run__stuck, .first-run__cost) {
    display: none;
  }
}

.view-switch {
  width: fit-content;
  margin: 0 0 var(--space-4);
}
@media (max-width: 37.5em) {
  .view-switch {
    display: flex;
    width: auto;
    margin-bottom: var(--space-3);
  }
}

@media (max-width: 37.5em) {
  .view-switch .cal-view__link {
    min-width: auto;
    padding: 0 calc(var(--switch-inset) + 2 * var(--border-width) + var(--space-1));
    white-space: nowrap;
  }
}

.person-circle--xl {
  width: calc(var(--account-avatar) + var(--space-2));
  height: calc(var(--account-avatar) + var(--space-2));
  font-size: var(--text-lg);
}
@media (max-width: 37.5em) {
  .person-circle--xl {
    width: var(--account-avatar);
    height: var(--account-avatar);
  }
}

.person-circle--xl.person-circle--glyph > .icon {
  width: var(--icon-lg);
  height: var(--icon-lg);
}

@media (max-width: 37.5em) {
  .contacts-top__add,
  .contacts-top__add + .page__rule,
  .contacts-top__lead {
    display: none;
  }
}

@container page-top (max-width: 50rem) {
  .contacts-top > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 57rem) {
  .contacts-top:has(.mock-marker) > .page__lead {
    grid-column: 1/-1;
    grid-row: 2;
    margin-top: var(--space-1);
    white-space: normal;
  }
}
@container page-top (max-width: 33rem) {
  .contacts-top .contacts-top__add {
    padding: 0;
  }
}
@container page-top (max-width: 40rem) {
  .contacts-top:has(.mock-marker) .contacts-top__add {
    padding: 0;
  }
}
@container page-top (max-width: 33rem) {
  .contacts-top .contacts-top__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}
@container page-top (max-width: 40rem) {
  .contacts-top:has(.mock-marker) .contacts-top__words {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
}

.contacts-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0 0 var(--space-4);
  padding: var(--space-1) 0;
  border-top: var(--border-width) solid var(--border);
  border-bottom: var(--border-width) solid var(--border);
}
.contacts-head > .contacts-tally {
  flex: 1 1 var(--field-narrow);
}
@media (max-width: 37.5em) {
  .contacts-head {
    flex-wrap: nowrap;
    padding: 0;
    border: 0;
  }
  .contacts-head > .contacts-tally {
    display: none;
  }
}

.contacts-head__search {
  flex: 0 1 var(--list-search-width);
  min-width: 0;
  margin: 0;
}
.contacts-head__search > .select-wrap {
  display: block;
}
@media (max-width: 37.5em) {
  .contacts-head__search {
    flex: 1 1 auto;
  }
}

.contacts-head__add {
  display: none;
}
@media (max-width: 37.5em) {
  .contacts-head__add {
    display: inline-flex;
    flex: none;
  }
}

.contact-list__head,
.contact-item {
  display: grid;
  grid-template-columns: calc(var(--avatar-size) + var(--space-1)) minmax(0, 1fr) minmax(0, 1.4fr) var(--icon-sm);
  align-items: center;
  gap: var(--space-3);
}

.contact-list--touch :is(.contact-list__head, .contact-item) {
  grid-template-columns: calc(var(--avatar-size) + var(--space-1)) minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 0.8fr) var(--icon-sm);
}

.contact-list__head {
  max-width: none;
  margin: 0;
  padding: 0 var(--space-4) var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
}
.contact-list__head > :first-child {
  grid-column: 2;
}
@media (max-width: 37.5em) {
  .contact-list__head {
    display: none;
  }
}

.contact-list__rows {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-item {
  min-height: calc(var(--touch-min) + var(--space-5));
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
  color: var(--text);
  text-decoration-line: none;
  transition: border-color var(--dur-fast) var(--ease);
}
@media (max-width: 37.5em) {
  .contact-item {
    grid-template-columns: calc(var(--avatar-size) + var(--space-2)) minmax(0, 1fr) var(--icon-sm);
    grid-template-areas: "circle who go" "circle apps go";
    row-gap: 0;
  }
  .contact-item > .person-circle {
    grid-area: circle;
    width: calc(var(--avatar-size) + var(--space-2));
    height: calc(var(--avatar-size) + var(--space-2));
  }
  .contact-item > .contact-item__who {
    grid-area: who;
  }
  .contact-item > .contact-item__apps {
    grid-area: apps;
  }
  .contact-item > .contact-item__touch {
    display: none;
  }
  .contact-item > .contact-item__go {
    grid-area: go;
  }
}

@media (hover: hover) {
  .contact-item:hover {
    border-color: var(--border-control);
  }
}
.contact-item:active {
  border-color: var(--border-control);
}

@media (max-width: 37.5em) {
  .contact-list--touch .contact-item {
    grid-template-columns: calc(var(--avatar-size) + var(--space-2)) minmax(0, 1fr) var(--icon-sm);
  }
}

.contact-item__who {
  display: grid;
  min-width: 0;
}

.contact-item__name {
  font-weight: var(--weight-bold);
  overflow-wrap: anywhere;
}

.contact-item__sub,
.contact-item__touch {
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.contact-item__apps {
  min-width: 0;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .contact-item__apps {
    color: var(--text-muted);
  }
}

.contact-item__count-words {
  display: none;
}
@media (max-width: 37.5em) {
  .contact-item__count-words {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .contact-item__names {
    display: none;
  }
}

.contact-item__touch-words {
  display: none;
}
@media (max-width: 37.5em) {
  .contact-item__touch-words {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .contact-item__apps > strong {
    font-weight: var(--weight-normal);
  }
}

.contact-item__go {
  color: var(--text-muted);
}

.contacts-empty__ways {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-3);
  padding: 0;
  list-style: none;
}
.contacts-empty__ways > li {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.contacts-empty__ways .icon {
  flex: none;
  color: var(--text-muted);
}

.contact-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-4);
  margin: 0 0 var(--space-5);
}
@media (max-width: 37.5em) {
  .contact-head {
    gap: var(--space-3);
    margin-bottom: var(--space-3);
  }
}

.contact-head__picture {
  display: grid;
  justify-items: center;
}

.contact-head__add-photo {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.contact-head__words {
  min-width: 0;
}
.contact-head__words > h1 {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .contact-head__words > h1 {
    font-size: var(--text-2xl);
  }
}

.contact-head__who,
.contact-head__summary {
  max-width: none;
  margin: var(--space-1) 0 0;
  overflow-wrap: anywhere;
}

.contact-head__who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
}
.contact-head__who > :not(.company-tile) {
  min-width: 0;
}

.contact-head__who--tile {
  flex-wrap: nowrap;
}

.contact-head__summary {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.contact-head__last {
  margin: var(--space-2) 0 0;
  padding-top: var(--space-2);
  border-top: var(--border-width) solid var(--border);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .contact-head__last {
    display: none;
  }
}

.contact-head__last-inline {
  display: none;
}
@media (max-width: 37.5em) {
  .contact-head__last-inline {
    display: inline;
  }
}

.contact-guess {
  margin-top: var(--space-2);
}

.contact-ways {
  display: none;
}
@media (max-width: 37.5em) {
  .contact-ways {
    display: grid;
    grid-auto-columns: minmax(0, 1fr);
    grid-auto-flow: column;
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
  }
}

.contact-page {
  margin-top: var(--space-2);
}

.contact-calls__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.contact-apps {
  display: grid;
  gap: var(--space-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-apps__closed {
  margin-top: var(--space-3);
}
.contact-apps__closed > .contact-apps {
  margin-top: var(--space-2);
}

.contact-app {
  display: grid;
  gap: var(--space-1);
  padding: var(--space-3) var(--space-4);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}

.contact-app__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
}

.contact-app__title {
  flex: 1 1 0;
  min-width: auto;
  max-width: calc(100% - var(--avatar-size) + var(--space-1) - var(--space-3));
  color: var(--text);
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: var(--weight-display);
  text-decoration-line: none;
  overflow-wrap: break-word;
}

@media (hover: hover) {
  .contact-app__title:hover {
    text-decoration-line: underline;
  }
}
.contact-app__title:active {
  text-decoration-line: underline;
}

.contact-app__title--unnamed {
  color: var(--text-muted);
}

.contact-app__status {
  margin-left: auto;
}

.contact-app__sub,
.contact-app__line,
.contact-app__step,
.contact-app__when {
  margin: 0;
  overflow-wrap: anywhere;
}

.contact-app__sub {
  font-size: var(--text-sm);
}

.contact-app__line {
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.contact-entry__said {
  margin: var(--space-1) 0 0;
  overflow-wrap: anywhere;
}

.contact-entry__edit {
  display: inline-flex;
  font-size: var(--text-sm);
}

.contact-older {
  margin-top: var(--space-2);
}

.contact-facts__works {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.contact-facts__works > :not(.company-tile) {
  min-width: 0;
}

.contact-facts__photo {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.contact-also {
  display: grid;
  gap: var(--space-2);
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
}

.contact-also__row {
  display: grid;
  grid-template-columns: var(--avatar-size) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
}

.contact-also__words {
  display: grid;
  min-width: 0;
}

.contact-also__name {
  width: fit-content;
  overflow-wrap: anywhere;
}

.contact-also__sub {
  color: var(--text-muted);
  font-size: var(--text-xs);
  overflow-wrap: anywhere;
}

.contact-also__add {
  justify-content: flex-start;
  text-align: left;
  margin-left: calc(-1 * var(--space-3));
}

.contact:has(> .contact__menu) {
  grid-template-columns: var(--avatar-size) minmax(0, 1fr) var(--touch-min);
}

.contact__page {
  color: var(--text);
}

.contact__menu {
  margin-right: calc(-1 * var(--space-3));
}

.contact-photo {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-4);
}

.contact-photo__words {
  min-width: 0;
}

.contact-photo__actions {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 calc(-1 * var(--space-3));
}

.contact-photo__choose {
  position: relative;
  cursor: pointer;
}

.contact-photo__choose:focus-within {
  outline: var(--focus-width) solid var(--focus-ring);
  outline-offset: var(--focus-offset);
}

.contact-photo__hint {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.contact-photo-page__noscript {
  margin: var(--space-3) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.photo-fit__title {
  margin: 0;
  font-size: var(--text-xl);
}

.photo-fit__sub,
.photo-fit__hint {
  margin: var(--space-1) 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.photo-fit__stage {
  position: relative;
  width: min(100%, var(--touch-min) * 6);
  aspect-ratio: 1;
  margin: 0 auto var(--space-3);
  overflow: hidden;
  border-radius: var(--radius-md);
  background: var(--surface-sunken);
  cursor: grab;
  touch-action: manipulation;
}
.photo-fit__stage::after {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  box-shadow: 0 0 0 calc(var(--touch-min) * 6) var(--scrim);
  pointer-events: none;
}

.photo-fit__canvas {
  display: block;
  width: 100%;
  height: 100%;
}

.photo-fit__zoom {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-2);
}

.photo-fit__slider {
  flex: 1 1 auto;
  min-width: 0;
  min-height: var(--touch-min);
  accent-color: var(--accent);
}

.photo-fit__preview {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-xs);
}

.photo-fit__preview-circle {
  width: var(--avatar-size);
  height: var(--avatar-size);
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--border-width) var(--border);
}

.contact-merge__sides {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-3);
  margin: 0 0 var(--space-4);
}
@media (max-width: 37.5em) {
  .contact-merge__sides {
    grid-template-columns: minmax(0, 1fr);
  }
}

.contact-merge__side {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: var(--space-3);
  padding: var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
}

.contact-apps-find {
  margin: 0 0 var(--space-3);
}

.contact-apps-pick {
  display: grid;
  gap: var(--space-1);
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}

.contact-apps-pick__row {
  align-items: center;
  gap: var(--space-3);
}

.contacts-also {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
}

.contacts-also__lead,
.contacts-also__dot,
.contacts-also__more {
  color: var(--text-muted);
}

.contacts-also__person {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  color: var(--text);
}

.record-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
}

.record-meta__company {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
}

.record-meta__link {
  color: var(--text);
  text-decoration-line: none;
  overflow-wrap: anywhere;
}

@media (hover: hover) {
  .record-meta__link:hover {
    text-decoration-line: underline;
  }
}
.record-meta__link:active {
  text-decoration-line: underline;
}

.record-meta__link:focus-visible {
  text-decoration-line: underline;
}

.record-meta__name {
  color: var(--text);
}

.company-tile--md {
  width: var(--avatar-size);
  height: var(--avatar-size);
}

.company-tile--xl {
  width: calc(var(--account-avatar) - var(--space-2));
  height: calc(var(--account-avatar) - var(--space-2));
  border-radius: calc(var(--radius-lg) + var(--space-1) / 2);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-weight: var(--weight-display);
}
@media (max-width: 37.5em) {
  .company-tile--xl {
    width: calc(var(--account-avatar-phone) - var(--space-2));
    height: calc(var(--account-avatar-phone) - var(--space-2));
    border-radius: var(--radius-lg);
  }
}

.company-tile--logo {
  background: var(--surface-raised);
}
.company-tile--logo > img {
  padding: var(--space-1);
}

.company-tile--sm.company-tile--logo > img {
  padding: var(--border-width);
  border-radius: calc(var(--radius-sm) - var(--border-width));
}

.company-item__phone {
  display: none;
}
@media (max-width: 37.5em) {
  .company-item__phone {
    display: inline;
  }
}

@media (max-width: 37.5em) {
  .company-item__mac {
    display: none;
  }
}

.company-item > .company-tile {
  justify-self: center;
}
@media (max-width: 37.5em) {
  .company-item > .company-tile {
    grid-area: circle;
  }
}

.company-item__jobs {
  margin: 0;
  padding: 0 var(--space-4) var(--space-3);
  font-size: var(--text-sm);
}

.company-item__counts > .company-item__mac > strong {
  font-weight: var(--weight-bold);
}

.company-head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--space-4);
  margin: 0 0 var(--space-3);
}
@media (max-width: 37.5em) {
  .company-head {
    gap: var(--space-3);
  }
}

.company-head__words {
  min-width: 0;
}
.company-head__words > h1 {
  margin: 0;
  overflow-wrap: anywhere;
}
@media (max-width: 37.5em) {
  .company-head__words > h1 {
    font-size: var(--text-2xl);
  }
}

.company-head__kind {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  max-width: none;
  margin: var(--space-1) 0 0;
  color: var(--text-muted);
  overflow-wrap: anywhere;
}

.company-head__site {
  min-width: 0;
  overflow-wrap: anywhere;
}

.company-head__site-part {
  display: contents;
}

.company-lead,
.company-clients {
  max-width: none;
  margin: 0 0 var(--space-2);
  overflow-wrap: anywhere;
}

.company-clients {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.company-clients__one {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text);
}

.recruiter-block {
  display: grid;
  margin: 0 0 var(--space-4);
  padding: var(--space-2) var(--space-4) var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: var(--shadow-1);
}
.recruiter-block .contact-apps {
  gap: 0;
}
.recruiter-block .contact-app {
  padding: var(--space-3) 0;
  border: 0;
  border-top: var(--border-width) solid var(--border);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.recruiter-block .contact-apps__closed {
  margin-top: var(--space-2);
}

.recruiter-block--loose {
  padding-top: var(--space-3);
}

.recruiter-block__head {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-3);
  padding-bottom: var(--space-2);
}

.recruiter-block__who {
  display: grid;
  min-width: 0;
}

.recruiter-block__name {
  width: fit-content;
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--weight-display);
  overflow-wrap: anywhere;
}

.recruiter-block__role,
.recruiter-block__loose {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.recruiter-block__loose {
  padding-bottom: var(--space-2);
}

.recruiter-block__ways {
  display: flex;
}

.recruiter-none {
  display: grid;
  grid-template-columns: var(--avatar-size) minmax(0, 1fr);
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-3);
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.recruiter-none__name {
  font-weight: var(--weight-bold);
}

.company-lines {
  display: grid;
  margin: var(--space-3) 0 0;
  border-top: var(--border-width) solid var(--border);
}

.company-lines__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: var(--space-1) 0;
  border-bottom: var(--border-width) solid var(--border);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  text-decoration-line: none;
}
.company-lines__link > .icon {
  flex: none;
  color: var(--text-muted);
}

@media (hover: hover) {
  .company-lines__link:hover > span {
    text-decoration-line: underline;
  }
}
.company-lines__link:active > span {
  text-decoration-line: underline;
}

.company-menu__rule {
  margin: var(--space-1) 0;
  border-top: var(--border-width) solid var(--border);
}

.company-menu__off {
  display: grid;
  gap: var(--space-1);
  color: var(--text-muted);
  cursor: default;
}

@media (hover: hover) {
  .company-menu__off:hover {
    background: none;
  }
}
.company-menu__off:active {
  background: none;
}

.company-menu__why {
  max-width: calc(var(--field-narrow) + var(--space-6));
  font-size: var(--text-xs);
  white-space: normal;
}

.company-kind {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2) var(--space-5);
  margin: 0;
  padding: 0;
  border: 0;
}
.company-kind > legend {
  width: 100%;
  margin-bottom: var(--space-1);
  padding: 0;
}

.company-taken > p {
  margin: 0;
}

.company-merge__find {
  display: block;
  margin: 0 0 var(--space-3);
}

.company-merge__rows {
  margin-bottom: var(--space-4);
}

.company-item--pick {
  grid-template-columns: calc(var(--avatar-size) + var(--space-1)) minmax(0, 1fr) var(--icon-sm);
}
@media (max-width: 37.5em) {
  .company-item--pick {
    grid-template-areas: "circle who go";
  }
}

.company-merge__research {
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.company-part__companies {
  margin-top: var(--space-4);
}

.company-lines__words {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  overflow-wrap: anywhere;
}

.company-page {
  margin-top: var(--space-5);
}

.overview__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.call-adds--head {
  display: inline-flex;
  flex-wrap: wrap;
}
@media (max-width: 37.5em) {
  .call-adds--head {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .call-adds--head {
    display: none;
  }
}

.call-adds--row {
  display: none;
}
@media (max-width: 37.5em) {
  .call-adds--row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
  }
}
@container record-page (max-width: 52rem) {
  .call-adds--row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-2);
    margin: 0 0 var(--space-4);
  }
}
.call-adds--row > .call-add {
  gap: var(--space-1);
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}

.call-foot {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-1);
  margin: 0 calc(-1 * var(--space-4)) calc(-1 * var(--space-4));
  padding: var(--space-1) var(--space-2) var(--space-1) var(--space-4);
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .call-foot {
    margin: 0 calc(-1 * var(--space-3)) calc(-1 * var(--space-3));
    padding-left: var(--space-1);
  }
}

.call-foot__ask {
  margin-right: var(--space-2);
  color: var(--text-muted);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .call-foot__ask {
    display: none;
  }
}
@container record-page (max-width: 52rem) {
  .call-foot__ask {
    display: none;
  }
}

.ghost-ask {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2) var(--space-3);
  margin: 0 calc(-1 * var(--space-4));
  padding: var(--space-3) var(--space-4) 0;
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .ghost-ask {
    margin: 0 calc(-1 * var(--space-3));
    padding: var(--space-3) var(--space-3) 0;
  }
}

.ghost-ask__words {
  flex: 1 1 auto;
  max-width: none;
  margin: 0;
  color: var(--text);
}

.ghost-ask__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}
.ghost-ask__actions > form {
  margin: 0;
}
@media (max-width: 37.5em) {
  .ghost-ask__actions {
    flex-basis: 100%;
  }
}
@container record-page (max-width: 52rem) {
  .ghost-ask__actions {
    flex-basis: 100%;
  }
}

dialog.dialog:has(> .call-form),
.dialog--page.call-page {
  width: calc(var(--dialog-width) * 1.65);
}
@media (max-width: 37.5em) {
  dialog.dialog:has(> .call-form),
  .dialog--page.call-page {
    width: 100%;
  }
}

.call-form .field {
  margin: 0 0 var(--space-4);
}

.call-form__sub {
  margin: calc(-1 * var(--space-2)) 0 var(--space-1);
  color: var(--text-muted);
}

.call-form__lead {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.call-form__cols {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 0 var(--space-6);
}
@media (max-width: 37.5em) {
  .call-form__cols {
    grid-template-columns: minmax(0, 1fr);
  }
}

.call-form__col {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .call-form__col {
    display: contents;
  }
}

.call-form__when {
  order: 1;
}

.call-form__day {
  order: 2;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.call-form__day .input {
  width: 100%;
  min-width: 0;
}

.call-form__hint {
  order: 3;
  margin: calc(-1 * var(--space-2)) 0 var(--space-4);
}

.call-form__length {
  order: 4;
}

.call-form__where {
  order: 5;
}

.call-form__who {
  order: 6;
}

.call-form__kind {
  position: relative;
  order: 7;
}

.call-form__choice {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.call-form__choice > legend {
  margin-bottom: var(--space-1);
  padding: 0;
}
.call-form__choice > .field__hint {
  margin: var(--space-2) 0 0;
}

.call-form__coming,
.call-form__other,
.call-form__where {
  display: none;
}

.call-form:has(input[name=when][value=coming]:checked) .call-form__earlier {
  display: none;
}
.call-form:has(input[name=when][value=coming]:checked) .call-form__coming {
  display: revert;
}

.call-form:has(input[name=length][value=other]:checked) .call-form__other {
  display: grid;
  margin: var(--space-3) 0 0;
}

.call-form:has(input[name=kind][value=interview]:checked, input[name=kind][value=final_round]:checked) .call-form__where {
  display: grid;
}

.call-form__remind {
  order: 3;
}

.remind-me {
  min-width: 0;
  max-width: var(--field-width);
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.remind-me > legend {
  margin-bottom: var(--space-1);
  padding: 0;
}
.remind-me > .field__hint {
  margin: var(--space-2) 0 0;
}
.remind-me > .field__error:not(:empty) {
  margin-top: var(--space-2);
}

.remind-me__row {
  display: flex;
  align-items: flex-start;
  gap: var(--space-2);
}

.remind-me__change {
  flex: 1 1 auto;
  min-width: 0;
}

.remind-me__none {
  flex: none;
}

.remind-me__at {
  margin: var(--space-3) 0 0;
}

.follow-up-remind {
  margin-top: var(--space-4);
}

.settings-reminders > .field__label {
  margin: 0 0 var(--space-2);
}
.settings-reminders > form + form {
  margin-top: var(--space-2);
}
.settings-reminders .settings__controls {
  padding-bottom: var(--space-2);
}
.settings-reminders .settings__controls > .form__actions {
  margin-top: var(--space-3);
}
.settings-reminders > .settings__hint {
  margin-top: var(--space-2);
}

.call-who {
  min-width: 0;
  margin: 0 0 var(--space-4);
  padding: 0;
  border: 0;
}
.call-who > legend {
  margin-bottom: var(--space-1);
  padding: 0;
}
.call-who > .field__error {
  display: block;
  margin-top: var(--space-2);
}

.call-who__row {
  border: var(--border-width) solid var(--border);
  background: var(--surface-raised);
  transition: background-color var(--dur-fast) var(--ease);
}

.call-who__row + .call-who__row {
  border-top-width: 0;
}

.call-who__row:first-of-type {
  border-top-left-radius: var(--radius-lg);
  border-top-right-radius: var(--radius-lg);
}

.call-who__row:last-of-type {
  border-bottom-left-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.call-who__row:has(> .call-who__pick input:checked) {
  background: var(--accent-soft);
}

.call-who__rows {
  overflow: hidden;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
}
.call-who__rows .call-who__row {
  border-width: var(--border-width) 0 0;
  border-radius: 0;
}
.call-who__rows > .call-who__row:first-child,
.call-who__rows > .call-who__list > .call-who__row:first-child,
.call-who__rows > .call-who__list:not(:has(.call-who__row)) + .call-who__row {
  border-top-width: 0;
}

.call-who__list {
  max-height: 8.9rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}
@media (max-width: 37.5em) {
  .call-who__list {
    max-height: 15rem;
    overscroll-behavior: auto;
  }
}

.call-who__pick {
  align-items: center;
  margin: 0;
  padding: var(--space-1) var(--space-4);
}
@media (max-width: 37.5em) {
  .call-who__pick {
    padding: var(--space-2) var(--space-4);
  }
}

.call-who__pick > .choice__text {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .call-who__pick > .choice__text {
    display: block;
    white-space: normal;
  }
}

.call-who__pick > .choice__text > strong {
  flex: none;
}

.call-who__mark {
  flex: none;
}

.call-who__line {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: var(--text-muted);
  font-size: var(--text-sm);
  text-overflow: ellipsis;
}
@media (max-width: 37.5em) {
  .call-who__line {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }
}

.call-who__more {
  display: none;
  padding: 0 var(--space-4) var(--space-3) calc(var(--space-4) + var(--check-size) + var(--avatar-size) + 2 * var(--space-3));
}
.call-who__more > .field {
  margin: 0 0 var(--space-3);
}
@media (max-width: 37.5em) {
  .call-who__more {
    padding-left: var(--space-4);
  }
}

.call-who__row:has(> .call-who__pick input:checked) > .call-who__more {
  display: grid;
}

.call-who__picker {
  padding-left: var(--space-4);
}
.call-form .call-who__picker .picker__list {
  max-height: 11rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  scroll-padding-bottom: 3.5rem;
}
@media (max-width: 37.5em) {
  .call-form .call-who__picker .picker__list {
    max-height: 18rem;
    overscroll-behavior: auto;
  }
}
.call-form .call-who__picker .picker__row--new {
  position: sticky;
  bottom: 0;
  background: var(--surface-raised);
  border-top: var(--border-width) solid var(--border);
  border-bottom: 0;
}
.call-form .call-who__picker .picker__row--new .picker__sub {
  display: none;
}
.call-form .call-who__picker .picker__row--new.picker__row--active {
  background: var(--surface-sunken);
}
.call-form .call-who__picker .picker__row {
  grid-template-columns: auto minmax(0, 1fr);
}
.call-form .call-who__picker .picker__tail {
  grid-column: 2;
  text-align: left;
}

.call-form .call-who__rows:has(.call-who__row--else input[name=someoneElse]:checked) > .call-who__list {
  max-height: 4.5rem;
}
@media (max-width: 37.5em) {
  .call-form .call-who__rows:has(.call-who__row--else input[name=someoneElse]:checked) > .call-who__list {
    max-height: 15rem;
  }
}

.call-who__new {
  min-width: 0;
  margin: var(--space-3) 0 0;
  padding: 0;
  border: 0;
}
.call-who__new > .field {
  margin: 0 0 var(--space-3);
}
.call-who__new > .duplicate-stop {
  margin: 0;
}

.call-form__about {
  margin-bottom: var(--space-5);
}

.call-form__notes {
  max-width: none;
}

.call-status__line {
  display: none;
}

.call-form:has(input[name=kind][value=recruiter_call]:checked) .call-status__line[data-call-kind=recruiter_call] {
  display: block;
}

.call-form:has(input[name=kind][value=phone_screen]:checked) .call-status__line[data-call-kind=phone_screen] {
  display: block;
}

.call-form:has(input[name=kind][value=assessment]:checked) .call-status__line[data-call-kind=assessment] {
  display: block;
}

.call-form:has(input[name=kind][value=interview]:checked) .call-status__line[data-call-kind=interview] {
  display: block;
}

.call-form:has(input[name=kind][value=final_round]:checked) .call-status__line[data-call-kind=final_round] {
  display: block;
}

.call-form__line {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}
.call-form__line > b {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.call-status__move {
  margin: 0;
  padding: var(--space-2) var(--space-4);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
}

.call-status__move > .choice__text > .call-who__line {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@media (max-width: 37.5em) {
  .call-status__move > .choice__text > .call-who__line {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip-path: none;
    white-space: normal;
  }
}

.call-when {
  display: grid;
  align-content: start;
}

.call-when__time {
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-normal);
  line-height: var(--leading-tight);
}

.call-moved {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.call-moved__dot {
  flex: none;
  width: var(--timeline-dot);
  height: var(--timeline-dot);
  border-radius: 50%;
  background: var(--_status-mark, var(--text-muted));
}

.call-list {
  margin: var(--space-2) 0 0;
  padding: 0 0 0 var(--space-3);
  border-left: var(--timeline-line) solid var(--border);
  list-style: none;
}

.call-list__row {
  display: grid;
  grid-template-columns: var(--timeline-date) minmax(0, 1fr) auto;
  align-items: start;
  column-gap: var(--space-3);
  padding: var(--space-2) 0;
}
@media (max-width: 37.5em) {
  .call-list__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}
@container record-page (max-width: 52rem) {
  .call-list__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

.call-list__row + .call-list__row {
  border-top: var(--border-width) solid var(--border);
}

@media (max-width: 37.5em) {
  .timeline__item--call.timeline__item--menu > .timeline__body {
    grid-row: 1;
    grid-column: 3/-1;
  }
  .timeline__item--call.timeline__item--menu > .call-menu {
    grid-row: 1;
    grid-column: 4;
  }
  .timeline__item--call.timeline__item--menu > .timeline__body > .timeline__what {
    padding-inline-end: calc(var(--touch-min) + var(--space-1));
  }
}
@container record-page (max-width: 52rem) {
  .timeline__item--call.timeline__item--menu > .timeline__body {
    grid-row: 1;
    grid-column: 3/-1;
  }
  .timeline__item--call.timeline__item--menu > .call-menu {
    grid-row: 1;
    grid-column: 4;
  }
  .timeline__item--call.timeline__item--menu > .timeline__body > .timeline__what {
    padding-inline-end: calc(var(--touch-min) + var(--space-1));
  }
}

.call-list__time {
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  line-height: var(--timeline-mark);
}
@media (max-width: 37.5em) {
  .call-list__time {
    grid-row: 1;
    grid-column: 1;
    align-self: center;
  }
}
@container record-page (max-width: 52rem) {
  .call-list__time {
    grid-row: 1;
    grid-column: 1;
    align-self: center;
  }
}

.call-list__body {
  min-width: 0;
}
@media (max-width: 37.5em) {
  .call-list__body {
    grid-row: 2;
    grid-column: 1/-1;
  }
}
@container record-page (max-width: 52rem) {
  .call-list__body {
    grid-row: 2;
    grid-column: 1/-1;
  }
}

@media (max-width: 37.5em) {
  .call-list__row > .call-menu {
    grid-row: 1;
    grid-column: 2;
  }
}
@container record-page (max-width: 52rem) {
  .call-list__row > .call-menu {
    grid-row: 1;
    grid-column: 2;
  }
}

.call-list__who {
  margin: 0;
  font-weight: var(--weight-medium);
  line-height: var(--timeline-mark);
  overflow-wrap: anywhere;
}

.call-list__line {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.call-list__row > .call-menu,
.timeline__item > .call-menu {
  margin-block: calc((var(--timeline-mark) - var(--touch-min)) / 2);
}

.call-said {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}
.call-said > summary {
  justify-content: flex-start;
  list-style: none;
  text-align: start;
}
@media (max-width: 37.5em) {
  .call-said > summary {
    gap: var(--space-1);
    font-size: var(--text-sm);
  }
}
@container record-page (max-width: 52rem) {
  .call-said > summary {
    gap: var(--space-1);
    font-size: var(--text-sm);
  }
}
.call-said > summary::-webkit-details-marker {
  display: none;
}

.call-said__chevron {
  transition: transform var(--dur-turn) var(--ease);
}

.call-said[open] .call-said__chevron {
  transform: rotate(180deg);
}

.call-said__text {
  margin: var(--space-1) 0 0 var(--space-3);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.call-thank {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-3);
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}

.call-thank--said {
  gap: 0 var(--space-2);
  color: var(--text-muted);
}

.call-thank__form {
  display: contents;
}

.call-thank__button {
  margin-inline: calc(-1 * var(--space-2));
  padding-inline: var(--space-2);
  font-size: var(--text-sm);
}

.call-thank__mark--done {
  color: var(--success);
}

.call-thank__mark--skipped {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-sm);
  height: var(--icon-sm);
  border-radius: 50%;
  box-shadow: inset 0 0 0 var(--border-width) var(--text-muted);
}
.call-thank__mark--skipped > .icon {
  width: calc(var(--icon-sm) - var(--space-1));
  height: calc(var(--icon-sm) - var(--space-1));
}

.call-thank__words {
  overflow-wrap: anywhere;
}

.call-thank__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--touch-min);
  color: var(--accent);
  font-weight: var(--weight-medium);
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.call-thank__link--quiet {
  color: var(--text-muted);
  font-weight: var(--weight-normal);
}

@media (hover: hover) {
  .call-thank__link:hover {
    color: var(--accent-strong);
    text-decoration-thickness: var(--underline-width-hover);
  }
}
.call-thank__link:active {
  color: var(--accent-strong);
  text-decoration-thickness: var(--underline-width-hover);
}

.thank-rows {
  grid-column: 2/-1;
  min-width: 0;
}
@media (max-width: 37.5em) {
  .thank-rows {
    grid-column: 1/-1;
  }
}

.thank-rows__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.thank-row {
  display: grid;
  grid-template-columns: var(--icon-sm) var(--avatar-size) minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-1) var(--space-3);
  padding: var(--space-2) 0;
  border-top: var(--border-width) solid var(--border);
}
@media (max-width: 37.5em) {
  .thank-row {
    grid-template-columns: var(--icon-sm) var(--avatar-size) minmax(0, 1fr);
  }
}
@container record-page (max-width: 52rem) {
  .thank-row {
    grid-template-columns: var(--icon-sm) var(--avatar-size) minmax(0, 1fr);
  }
}

.thank-row:last-child {
  border-bottom: var(--border-width) solid var(--border);
}

.thank-row__state {
  color: var(--text-muted);
}

.thank-row--written > .thank-row__state {
  color: var(--success);
}

.thank-row__body {
  min-width: 0;
}

.thank-row__name {
  margin: 0;
  font-weight: var(--weight-medium);
  overflow-wrap: anywhere;
}

.thank-row__line {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.thank-row__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0 var(--space-3);
  font-size: var(--text-sm);
}
@media (max-width: 37.5em) {
  .thank-row__acts {
    grid-column: 3/-1;
    justify-content: flex-start;
  }
}
@container record-page (max-width: 52rem) {
  .thank-row__acts {
    grid-column: 3/-1;
    justify-content: flex-start;
  }
}

.thank-row__said {
  color: var(--text-muted);
}

.thank-rows__none {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
  overflow-wrap: anywhere;
}

.next-up__skip-rest {
  display: flex;
  margin: 0;
}
.next-up__skip-rest > .button {
  flex: 1 1 auto;
}

.week-cal__event--over,
.month__event--over {
  background: transparent;
  box-shadow: inset var(--cal-edge) 0 0 var(--_status-mark, var(--text-muted)), inset 0 0 0 var(--border-width) var(--_status-mark, var(--border-control));
}

.week-cal__phone {
  flex: none;
  margin-right: var(--space-1);
  vertical-align: text-bottom;
}

.call-panel__company {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: var(--underline-width);
  text-underline-offset: var(--underline-offset);
}

.call-panel__facts {
  margin: var(--space-4) 0 0;
}

.call-panel__fact {
  display: grid;
  grid-template-columns: var(--timeline-date) minmax(0, 1fr);
  align-items: baseline;
  gap: var(--space-3);
  padding: var(--space-3) 0;
  border-top: var(--border-width) solid var(--border);
}
.call-panel__fact > dd {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

.call-panel__people {
  margin: 0;
  padding: 0;
  list-style: none;
}

.call-panel__person + .call-panel__person {
  margin-top: var(--space-2);
}

.call-panel__name {
  display: block;
  font-weight: var(--weight-medium);
}

.call-panel__line {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.call-panel__head {
  margin: var(--space-5) 0 var(--space-2);
}

.call-panel__notes {
  margin: 0;
  padding: var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--surface-sunken);
  overflow-wrap: anywhere;
}

.call-panel .call-thank {
  margin-top: var(--space-3);
}

.call-coach {
  margin: 0;
  padding: 0;
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-lg);
  list-style: none;
}
.call-coach > li + li {
  border-top: var(--border-width) solid var(--border);
}
.call-coach form {
  margin: 0;
}

.call-coach__row {
  display: grid;
  grid-template-columns: var(--icon-md) minmax(0, 1fr) var(--icon-sm);
  align-items: center;
  gap: var(--space-3);
  width: 100%;
  min-height: var(--touch-min);
  padding: var(--space-2) var(--space-3);
  border: 0;
  background: transparent;
  color: var(--text);
  font: inherit;
  text-align: start;
  cursor: pointer;
}

@media (hover: hover) {
  .call-coach__row:hover {
    background: var(--surface-sunken);
  }
}
.call-coach__row:active {
  background: var(--surface-sunken);
}

.call-coach__icon {
  width: var(--icon-md);
  height: var(--icon-md);
  color: var(--text-muted);
}

.call-coach__words {
  min-width: 0;
}

.call-coach__name {
  display: block;
  font-weight: var(--weight-medium);
}

.call-coach__line {
  display: block;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.call-coach__go {
  color: var(--text-muted);
}

.call-panel__later {
  margin: var(--space-2) 0 0;
  color: var(--text-muted);
  font-size: var(--text-sm);
}

.call-panel__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin-top: var(--space-5);
}

.call-read {
  margin: var(--space-1) 0 0;
  font-size: var(--text-sm);
}
.call-read > summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 var(--space-2);
  min-height: var(--touch-min);
  list-style: none;
  cursor: pointer;
}
.call-read > summary::-webkit-details-marker {
  display: none;
}

.call-read[open] {
  display: grid;
  gap: var(--space-2);
  margin: var(--space-2) 0;
  padding: 0 var(--space-3) var(--space-3);
  border-radius: var(--radius-lg);
  background: var(--surface-raised);
  box-shadow: inset 0 0 0 var(--border-width) var(--border), var(--shadow-1);
}

.call-read__lead {
  color: var(--text-muted);
}

.call-read__word {
  font-weight: var(--weight-bold);
}

.call-read[open] .call-read__word {
  font-size: var(--text-base);
}

.call-read__rough {
  padding: 0 var(--space-1);
  border: var(--border-width) dashed var(--border-control);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font-size: var(--text-xs);
  font-weight: var(--weight-bold);
  line-height: var(--leading);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.call-read__n {
  color: var(--text-muted);
  white-space: nowrap;
}

.call-read__chevron {
  color: var(--text-muted);
  transition: transform var(--dur-turn) var(--ease);
}

.call-read[open] .call-read__n {
  display: none;
}

.call-read[open] > summary {
  position: relative;
  padding-right: calc(var(--icon-sm) + var(--space-2));
}

.call-read[open] .call-read__chevron {
  position: absolute;
  top: calc((var(--touch-min) - var(--icon-sm)) / 2);
  right: 0;
  transform: rotate(180deg);
}

.call-read__body {
  display: grid;
  gap: var(--space-2);
  min-width: 0;
}

.call-read__sum {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading);
}
.call-read__sum > b {
  color: var(--text);
  font-weight: var(--weight-bold);
}

.call-read__form {
  margin: 0;
}

.call-read__signals {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.read-sigs {
  margin: 0;
  padding: 0;
  border-top: var(--border-width) solid var(--border);
  list-style: none;
}

.read-sig {
  border-bottom: var(--border-width) solid var(--border);
}

.read-sig:last-child {
  border-bottom: 0;
}

.read-sig__pick {
  align-items: flex-start;
  gap: var(--space-2);
  margin: 0;
  padding-block: var(--space-2);
}

.read-sig__words {
  flex: 1 1 auto;
  min-width: 0;
}

.read-sig__quote {
  display: block;
  color: var(--text);
  overflow-wrap: anywhere;
}

.read-sig__source {
  display: block;
  color: var(--text);
}

.read-sig__why {
  display: flex;
  align-items: flex-start;
  gap: var(--space-1);
  color: var(--text-muted);
  font-size: var(--text-xs);
  line-height: var(--leading);
  overflow-wrap: anywhere;
}

.read-sig__why--alone {
  color: var(--text);
  font-size: var(--text-sm);
}

.read-sig__arrow {
  flex: none;
  margin-top: 0.15em;
  transform: rotate(-90deg);
}

.read-sig--up .read-sig__arrow {
  color: var(--success);
}

.read-sig--down .read-sig__arrow {
  color: var(--warning);
  transform: rotate(90deg);
}

.read-sig__weight {
  flex: none;
  min-width: var(--space-6);
  font-weight: var(--weight-bold);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.read-more {
  margin: var(--space-1) 0 0 calc(-1 * var(--space-3));
}
.read-more > summary {
  justify-content: flex-start;
  list-style: none;
  text-align: start;
  font-size: var(--text-sm);
}
.read-more > summary::-webkit-details-marker {
  display: none;
}
.read-more > .read-sigs {
  margin-left: var(--space-3);
}

.read-more[open] .call-said__chevron {
  transform: rotate(180deg);
}

.call-read__saved:empty {
  display: none;
}

.call-read__save {
  margin: var(--space-2) 0 0;
}

.call-read__acts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
}
.call-read__acts > form {
  margin: 0;
}
.call-read__acts:not(:has(> form:not([hidden]))) {
  display: none;
}

.call-panel .call-read {
  margin-top: var(--space-3);
}

.call-form__kind-head {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  margin-bottom: var(--space-1);
}

.call-form__kind-head > .field__label {
  margin: 0;
}

.call-form__kind .tip-group {
  position: static;
}

.call-form__kind .tip-group__list {
  inset-block-start: auto;
  inset-inline: 0;
  width: auto;
  max-width: none;
}
@media (max-width: 37.5em) {
  .call-form__kind .tip-group__list {
    inset-block: auto calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-2));
    inset-inline: var(--space-4);
  }
}

.pull-refresh {
  --_pull: 0;
  position: fixed;
  top: env(safe-area-inset-top);
  left: 50%;
  z-index: var(--z-pull);
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-min);
  padding: 0 var(--space-4) 0 var(--space-3);
  border: var(--border-width) solid var(--border);
  border-radius: var(--radius-pill);
  background: var(--surface-raised);
  box-shadow: var(--shadow-2);
  color: var(--text);
  font-size: var(--text-sm);
  font-weight: var(--weight-medium);
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - var(--space-2) + var(--_pull) * var(--pull-step)));
  visibility: hidden;
  transition: transform var(--dur) var(--ease), visibility 0s linear var(--dur);
}

.pull-refresh[data-pull="1"] {
  --_pull: 1;
}

.pull-refresh[data-pull="2"] {
  --_pull: 2;
}

.pull-refresh[data-pull="3"] {
  --_pull: 3;
}

.pull-refresh[data-pull="4"] {
  --_pull: 4;
}

.pull-refresh[data-pull="5"] {
  --_pull: 5;
}

.pull-refresh[data-pull="6"] {
  --_pull: 6;
}

.pull-refresh[data-pull="7"] {
  --_pull: 7;
}

.pull-refresh[data-pull="8"] {
  --_pull: 8;
}

.pull-refresh[data-pull="9"] {
  --_pull: 9;
}

.pull-refresh[data-pull="10"] {
  --_pull: 10;
}

.pull-refresh[data-pull="11"] {
  --_pull: 11;
}

.pull-refresh[data-pull="12"] {
  --_pull: 12;
}

.pull-refresh[data-pull="13"] {
  --_pull: 13;
}

.pull-refresh[data-pull="14"] {
  --_pull: 14;
}

.pull-refresh[data-pull="15"] {
  --_pull: 15;
}

.pull-refresh[data-pull="16"] {
  --_pull: 16;
}

.pull-refresh[data-pull="17"] {
  --_pull: 17;
}

.pull-refresh[data-pull="18"] {
  --_pull: 18;
}

.pull-refresh[data-pull="19"] {
  --_pull: 19;
}

.pull-refresh[data-pull="20"] {
  --_pull: 20;
}

.pull-refresh[data-pull="21"] {
  --_pull: 21;
}

.pull-refresh[data-pull="22"] {
  --_pull: 22;
}

.pull-refresh[data-pull="23"] {
  --_pull: 23;
}

.pull-refresh[data-pull="24"] {
  --_pull: 24;
}

.pull-refresh[data-pull="25"] {
  --_pull: 25;
}

.pull-refresh[data-pull="26"] {
  --_pull: 26;
}

.pull-refresh[data-pull="27"] {
  --_pull: 27;
}

.pull-refresh[data-pull="28"] {
  --_pull: 28;
}

.pull-refresh[data-pull="29"] {
  --_pull: 29;
}

.pull-refresh[data-pull="30"] {
  --_pull: 30;
}

.pull-refresh[data-pull="31"] {
  --_pull: 31;
}

.pull-refresh[data-pull="32"] {
  --_pull: 32;
}

.pull-refresh[data-pull="33"] {
  --_pull: 33;
}

.pull-refresh[data-pull="34"] {
  --_pull: 34;
}

.pull-refresh[data-pull="35"] {
  --_pull: 35;
}

.pull-refresh[data-pull="36"] {
  --_pull: 36;
}

.pull-refresh[data-pull="37"] {
  --_pull: 37;
}

.pull-refresh[data-pull="38"] {
  --_pull: 38;
}

.pull-refresh[data-pull="39"] {
  --_pull: 39;
}

.pull-refresh[data-pull="40"] {
  --_pull: 40;
}

.pull-refresh[data-pull="41"] {
  --_pull: 41;
}

.pull-refresh[data-pull="42"] {
  --_pull: 42;
}

.pull-refresh[data-pull="43"] {
  --_pull: 43;
}

.pull-refresh[data-pull="44"] {
  --_pull: 44;
}

.pull-refresh[data-pull="45"] {
  --_pull: 45;
}

.pull-refresh[data-pull="46"] {
  --_pull: 46;
}

.pull-refresh[data-pull="47"] {
  --_pull: 47;
}

.pull-refresh[data-pull="48"] {
  --_pull: 48;
}

.pull-refresh[data-pull="49"] {
  --_pull: 49;
}

.pull-refresh[data-pull="50"] {
  --_pull: 50;
}

.pull-refresh[data-pull="51"] {
  --_pull: 51;
}

.pull-refresh[data-pull="52"] {
  --_pull: 52;
}

.pull-refresh[data-pull="53"] {
  --_pull: 53;
}

.pull-refresh[data-pull="54"] {
  --_pull: 54;
}

.pull-refresh[data-pull="55"] {
  --_pull: 55;
}

.pull-refresh[data-pull="56"] {
  --_pull: 56;
}

.pull-refresh[data-pull="57"] {
  --_pull: 57;
}

.pull-refresh[data-pull="58"] {
  --_pull: 58;
}

.pull-refresh[data-pull="59"] {
  --_pull: 59;
}

.pull-refresh[data-pull="60"] {
  --_pull: 60;
}

.pull-refresh:is([data-pulling], [data-pull-refreshing]) {
  visibility: visible;
  transition: transform var(--dur) var(--ease);
}

.pull-refresh[data-pulling] {
  transition: none;
}

.pull-refresh__arrow {
  width: var(--icon-lg);
  height: var(--icon-lg);
  color: var(--accent);
  transform: rotate(calc(var(--_pull) * var(--pull-turn)));
}

.pull-refresh[data-pull-refreshing] .pull-refresh__arrow {
  transform: none;
  animation: working-turn var(--dur-working) linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion=full]) .pull-refresh__arrow {
    animation: none;
    transform: none;
  }
}
:root[data-motion=reduced] .pull-refresh__arrow {
  animation: none;
  transform: none;
}

.to-top {
  position: sticky;
  bottom: var(--space-5);
  z-index: var(--z-tabbar);
  align-self: flex-end;
  height: 0;
  margin-right: max(var(--space-5), (100% - var(--page-cap)) / 2 + var(--space-5));
}
@media (max-width: 37.5em) {
  .to-top {
    bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--space-3));
    margin-right: var(--space-4);
  }
}

@media (max-width: 50em) {
  .frame--panel .to-top {
    margin-right: calc(var(--coach-panel-width) + var(--space-5));
  }
}
@media (max-width: 37.5em) {
  .frame--panel .to-top {
    margin-right: var(--space-4);
  }
}

.to-top__button {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0;
  border-radius: 50%;
  background: var(--frost-raised);
  -webkit-backdrop-filter: var(--frost-filter);
  backdrop-filter: var(--frost-filter);
  box-shadow: var(--shadow-2);
}

.to-top__arrow {
  transform: rotate(-90deg);
}

.frame__main:has(.chat__composer, .resume-edit__actions, .event-form__actions, .save-bar:not([hidden])) > .to-top {
  display: none;
}

.panel-top {
  position: sticky;
  bottom: 0;
  z-index: 1;
  height: calc(var(--touch-min) + var(--space-3));
  pointer-events: none;
}
@media (max-width: 37.5em) {
  .panel-top {
    height: 0;
  }
}

.panel-top .to-top__button {
  pointer-events: auto;
  bottom: var(--space-3);
}

.chat__newest {
  position: absolute;
  left: 50%;
  bottom: calc(100% + var(--space-2));
  padding: 0;
  border-radius: 50%;
  background: var(--surface-raised);
  box-shadow: none;
  translate: -50% 0;
  white-space: nowrap;
}

.chat__newest:has(> .chat__newest-count:not([hidden])) {
  padding-inline: var(--space-3);
  border-radius: var(--radius-pill);
}

.chat__newest[data-compact]:has(> .chat__newest-count:not([hidden])) {
  padding-inline: 0;
  border-radius: 50%;
}

.chat__newest[data-compact] > .chat__newest-count {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
}

.chat__newest[data-aside] {
  right: var(--space-4);
  left: auto;
  translate: 0 0;
}

.chat__newest-arrow {
  transform: rotate(90deg);
}

.coach-panel .chat > .chat__composer:has(> .chat__newest) {
  position: relative;
  inset: auto;
}

.chat__composer[data-newest-room] {
  margin-top: calc(var(--touch-min) + 2 * var(--space-2));
}
@media (max-width: 37.5em) {
  .chat__composer[data-newest-room] {
    margin-top: 0;
  }
}

.coach-panel .chat > .chat__composer[data-newest-room] {
  margin-top: calc(var(--touch-min) + 2 * var(--space-2));
}

@media (max-width: 37.5em) {
  .chat--practice .chat__newest {
    position: fixed;
    bottom: calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--composer-dock) + var(--space-2));
  }
  body[data-typing]:has(.chat__composer :is(textarea:not([readonly]), input:not([type=checkbox], [type=radio], [type=button], [type=submit], [type=reset], [type=image], [type=file], [type=range], [type=color], [type=hidden], [readonly])):focus) .chat--practice .chat__newest {
    display: none;
  }
}

@view-transition {
  navigation: auto;
}
nav.rail[data-rail] {
  view-transition-name: app-rail;
}

nav.tabbar {
  view-transition-name: app-tabbar;
}

aside.coach-panel {
  view-transition-name: app-coach-panel;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 200ms;
}