@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 75% 100%;
  font-display: swap;
  src: url("/assets/fonts/bricolage-grotesque.woff2") format("woff2");
}
@font-face {
  font-family: "Geist";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/assets/fonts/geist.woff2") format("woff2");
}
@font-face {
  font-family: "Geist Mono";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/assets/fonts/geist-mono.woff2") format("woff2");
}
@font-face {
  font-family: "Instrument Serif";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/instrument-serif-italic.woff2") format("woff2");
}

:root {

  --night: #111814;
  --night-raised: #1C2620;
  --limestone: #F4EEE3;
  --paper: #FFFDF8;
  --daybreak: #FF5A1F;
  --daybreak-soft: #FF7A3D;
  --ember: #B83A0B;
  --mango: #FFBE2E;
  --hills: #0F4A37;
  --guava: #FFD8C4;

  --tile-ground: #FFFFFF;

  --accent: var(--ember);
  --accent-deep: #8F2A05;
  --accent-soft: #F29A74;
  --accent-line: var(--guava);
  --accent-wash: #FFEDE3;
  --mango-ink: #7A5200;
  --mango-wash: #FFF0C9;
  --mango-line: #F5DC9A;
  --hills-ink: var(--hills);
  --hills-wash: #DDEFE5;
  --hills-bright: #2F8A67;
  --hills-mist: #CFE0D8;
  --guava-ink: #3A2A22;

  --ink-400: #6B716C;
  --ink-500: #5E655F;
  --ink-700: #3B423D;
  --ink-900: var(--night);

  --surface: var(--paper);
  --page: var(--limestone);
  --canvas: #EDE4D5;
  --line: rgba(17, 24, 20, 0.12);
  --line-strong: rgba(17, 24, 20, 0.24);
  --wash: rgba(17, 24, 20, 0.06);

  --mono-accent-bg: var(--accent-wash);
  --mono-accent-fg: var(--accent-deep);
  --mono-stone-bg: var(--canvas);
  --mono-stone-fg: var(--night);
  --mono-hills-bg: var(--hills-wash);
  --mono-hills-fg: var(--hills);
  --mono-mango-bg: var(--mango-wash);
  --mono-mango-fg: var(--mango-ink);

  --inverse-surface: var(--night);
  --inverse-raised: var(--night-raised);
  --inverse-wash: rgba(244, 238, 227, 0.08);
  --inverse-line: rgba(244, 238, 227, 0.14);
  --inverse-line-strong: rgba(244, 238, 227, 0.3);
  --inverse-text: var(--limestone);
  --inverse-muted: #C9CFC9;
  --inverse-dim: #A9B2AC;

  --text: var(--night);
  --text-soft: var(--ink-700);
  --text-meta: var(--ink-500);
  --icon: var(--ink-400);
  --link: var(--ember);
  --link-hover: var(--night);
  --focus: var(--ember);

  --logo-knockout: var(--paper);

  --shadow-card: 0 1px 2px rgba(17, 24, 20, 0.05);
  --shadow-raised: 0 18px 40px -24px rgba(17, 24, 20, 0.45);
  --shadow-lift: 0 28px 50px -28px rgba(17, 24, 20, 0.45);
  --shadow-sticky: 0 -20px 40px -20px rgba(17, 24, 20, 0.5);
  --shadow-pop: 0 24px 50px -20px rgba(17, 24, 20, 0.35);
  --shadow-deep: 0 40px 80px -30px rgba(0, 0, 0, 0.7);

  --font-sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --track-display: -0.01em;

  --demoline-h: 0px;
  --t-mega: 176px;
  --t-hero: 112px;
  --t-hero-sm: 88px;
  --t-h1: 64px;
  --t-h2: 44px;
  --t-h3: 26px;
  --t-lead: 19px;
  --t-title: 17px;
  --t-body: 16px;
  --t-meta: 14px;
  --t-small: 13px;
  --t-label: 12px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  --gutter: 56px;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --tap: 44px;

  --marquee-duration: 45s;

  --delay: 0ms;
  --pct: 0%;
  --i: 0;
  --lo: 0%;
  --w: 0%;
  --page-hero: 0px;
  --max: 1440px;

  --night-high: #26322B;
  --closed-wash: #ECE8E0;
  --closed-ink: #5B665F;
  --k-gutter: 40px;
  --k-shadow-card: 0 1px 2px rgba(17, 24, 20, 0.06), 0 8px 24px -18px rgba(17, 24, 20, 0.35);
  --k-shadow-lift: 0 30px 50px -28px rgba(17, 24, 20, 0.5);
  --k-text-soft: #3E4842;
  --k-text-meta: #5B665F;

  --stub-rule: rgba(17, 24, 20, 0.16);
  --hills-rule: rgba(15, 74, 55, 0.3);
  --field-line: rgba(17, 24, 20, 0.18);
  --wash-faint: rgba(17, 24, 20, 0.05);
  --glass: rgba(255, 253, 248, 0.92);
  --k-shadow-mast: 0 10px 30px -18px rgba(0, 0, 0, 0.8);
  --k-shadow-note: 0 14px 28px -14px rgba(0, 0, 0, 0.6);
  --k-shadow-phone: var(--shadow-deep), inset 0 0 0 1px rgba(244, 238, 227, 0.12);

  --daybreak-glow: rgba(255, 90, 31, 0.32);
  --k-shadow-go: 0 16px 30px -16px rgba(255, 90, 31, 0.8);
  --k-shadow-bar: 0 -16px 30px -18px rgba(0, 0, 0, 0.6);

  --rs-ring: rgba(255, 253, 248, 0.06);
  --placeholder-ink: #6F7A73;
  --ember-wash: rgba(184, 58, 11, 0.3);
  --fbar-ground: rgba(244, 238, 227, 0.95);
  --limestone-grain: rgba(244, 238, 227, 0.2);
  --limestone-edge: rgba(244, 238, 227, 0.22);
  --limestone-dot: rgba(244, 238, 227, 0.26);
  --limestone-grain-hi: rgba(244, 238, 227, 0.32);
  --ink-shadow: rgba(0, 0, 0, 0.8);
  --scrim: rgba(17, 24, 20, 0.55);
  --hills-glow: rgba(47, 138, 103, 0.7);
  --mango-glow: rgba(255, 190, 46, 0.55);

  --seg-ground: rgba(17, 24, 20, 0.06);
  --hills-glow-soft: rgba(47, 138, 103, 0.6);
  --mango-glow-faint: rgba(255, 190, 46, 0.16);
  --mango-glow-warm: rgba(255, 190, 46, 0.35);
  --ink-shadow-soft: rgba(0, 0, 0, 0.7);
  --ink-shadow-mid: rgba(0, 0, 0, 0.6);
  --night-shadow: rgba(17, 24, 20, 0.6);
  --paper-glass: rgba(255, 253, 248, 0.9);
  --paper-glass-soft: rgba(255, 253, 248, 0.6);
  --daybreak-beam: rgba(255, 90, 31, 0.55);

  --night-veil: rgba(17, 24, 20, 0.28);
  --limestone-edge-hi: rgba(244, 238, 227, 0.34);
  --daybreak-line: rgba(255, 90, 31, 0.25);

  --daybreak-halo: rgba(255, 90, 31, 0.28);
  --limestone-faint: rgba(244, 238, 227, 0.05);
  --ink-shadow-half: rgba(0, 0, 0, 0.5);
  --mango-ring: rgba(255, 190, 46, 0.25);
  --mango-ring-faint: rgba(255, 190, 46, 0.1);

  --hills-dash: rgba(15, 74, 55, 0.45);
  --hills-mid: #9CCBB4;

  --hills-glow-mid: rgba(47, 138, 103, 0.55);
  --mango-glow-strong: rgba(255, 190, 46, 0.45);
  --mango-line-half: rgba(255, 190, 46, 0.5);
  --mango-line-hi: rgba(255, 190, 46, 0.6);
  --night-glass: rgba(17, 24, 20, 0.35);
  --hills-day: rgba(47, 138, 103, 0.18);
  --daybreak-day: rgba(255, 90, 31, 0.2);
  --hills-dash-faint: rgba(15, 74, 55, 0.25);
  --z: var(--paper);
  --j: 0;
  --gr: auto;
  --gc: auto;

  --notch: var(--limestone);
  --tone: var(--hills);
  --tone-wash: var(--hills-wash);
  --tone-ink: var(--hills);
  --lb: var(--tile-ground);
  --kb-c: var(--hills-bright);
  --kb-track: var(--line);
  --kb-meta: var(--k-text-meta);
  --p: 0;
  --r: 0;
  --s: 0;
  --k: 0;
  --n: 3;
  --g: 10px;
  --u: 10px;
  --d: 0;
  --c: 0;
  --a: 0%;
  --l: 0%;
  --mq: 70s;

  --lg-000000: #000000;
  --lg-010101: #010101;
  --lg-020101: #020101;
  --lg-293780: #293780;
  --lg-323334: #323334;
  --lg-6dcdf8: #6DCDF8;
  --lg-a8dbf3: #A8DBF3;
  --lg-dadada: #DADADA;

}
@media (max-width: 700px) {
  :root { --k-gutter: 16px; }
}

:root[data-theme="light"] {
  --surface: var(--paper);
  --page: var(--limestone);
  --text: var(--night);
}

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

[hidden] { display: none !important; }

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

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--t-body);
  line-height: 1.55;
  color: var(--text);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
  overflow-wrap: break-word;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main { flex-grow: 1; }

h1, h2, h3, h4 {
  margin: 0;
  font-family: var(--font-display);
  font-weight: 800;
  font-stretch: 80%;
  letter-spacing: var(--track-display);
  line-height: 1;
  text-wrap: balance;
}
h1 { font-size: var(--t-h1); font-stretch: 75%; line-height: 0.95; }
h2 { font-size: var(--t-h2); }
h3 { font-size: var(--t-h3); font-weight: 700; font-stretch: 85%; line-height: 1.08; letter-spacing: 0; }
h4 { font-size: var(--t-title); font-weight: 700; font-stretch: 90%; letter-spacing: 0; }

:is(h1, h2, h3, .display, .hero-title, .railcard__h, .endcard__h) em,
.warm {
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  letter-spacing: 0;
  color: var(--accent);
}
p { margin: 0; }

a { color: var(--link); text-decoration: none; }

:where(body:not(.kit)) a:hover { color: var(--link-hover); text-decoration: underline; text-underline-offset: 3px; }

img, svg { max-width: 100%; }
svg { flex-shrink: 0; }

.jobcard__where svg,
.breadcrumb svg,
.deflist svg{ color: var(--icon); }

ul, ol { margin: 0; padding-left: 22px; }
li { margin: 0; }

:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

table { border-collapse: collapse; width: 100%; }
fieldset { margin: 0; padding: 0; border: 0; }
legend { padding: 0; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.skip-link {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 40;
  padding: 12px 18px;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--night);
  background: var(--mango);
  border-radius: var(--radius-pill);
  transition: top 0.12s ease-out;
}
.skip-link:focus { top: 12px; color: var(--night); text-decoration: none; }

.page { display: flex; flex-direction: column; min-height: 100vh; }

.shell {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  padding: 0 var(--gutter);
}

.band { padding: 72px 0; }
.band--tight { padding: 40px 0; }
.band--flush-top { padding-top: 0; }
.band--canvas { background: var(--surface); }
.band--night {
  background: var(--night);
  color: var(--inverse-text);
  --logo-knockout: var(--night);
  --link: var(--mango);
  --link-hover: var(--inverse-text);
  --focus: var(--mango);
}
.band--hills {
  background: var(--hills);
  color: var(--inverse-text);
  --logo-knockout: var(--hills);
  --link: var(--mango);
  --link-hover: var(--inverse-text);
  --focus: var(--mango);
}

:is(.band--night, .band--hills) :is(h1, h2, h3, .display, .hero-title) em { color: var(--daybreak); }
.band--hills :is(h1, h2, h3, .display) em { color: var(--mango); }
:is(.band--daybreak, .band--mango) :is(h1, h2, h3, .display) em { color: var(--night); }
:is(.band--night, .band--hills) :is(.lead, .body, .meta, .small) { color: var(--inverse-muted); }
.band--hills :is(.lead, .body, .meta, .small) { color: var(--hills-mist); }
:is(.band--night, .band--hills) .section-label { color: var(--inverse-dim); }
.band--hills .section-label { color: var(--hills-mist); }

.band--hero { padding: 56px 0 40px; }

.band--hero .shell { container-type: inline-size; }
.band--hero h1 { font-size: min(var(--t-hero-sm), 21cqi); }
.band--hero .lead.measure { max-width: 60ch; }
.band--hero.band--night { padding-bottom: 64px; }
.band--herofoot { padding: 24px 0 0; }

.stack { display: flex; flex-direction: column; gap: 20px; }
.stack--sm { gap: 12px; }
.stack--lg { gap: 32px; }
.stack--xl { gap: 48px; }

.stack--centre { align-items: center; }

.row--bottom { align-items: flex-end; }

.row { display: flex; align-items: center; gap: 12px; }
.row--wrap { flex-wrap: wrap; }
.row--top { align-items: flex-start; }
.spacer { flex-grow: 1; }

.split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 48px;
  align-items: start;
}
.split--aside { grid-template-columns: 268px minmax(0, 1fr); }
.split--wide { grid-template-columns: minmax(0, 1fr) 440px; gap: 56px; }

.grid { display: grid; gap: 20px; }
.grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.section-label {
  font-family: var(--font-mono);
  font-size: var(--t-label);
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-meta);
}
.section-label--accent { color: var(--accent); }

.rule { height: 1px; background: var(--line); border: 0; margin: 0; }

.sechead { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 20px 48px; }
.sechead__main { display: flex; flex-direction: column; gap: 16px; flex: 1 1 420px; min-width: 0; }

.sechead--ruled { border-top: 2px solid var(--night); padding-top: 36px; }

.display { font-family: var(--font-display); font-weight: 800; font-stretch: 75%; letter-spacing: var(--track-display); line-height: 0.95; }
.display--xl { font-size: var(--t-hero); }
.display--lg { font-size: var(--t-hero-sm); }
.display--md { font-size: var(--t-h1); }

.lead { font-size: var(--t-lead); line-height: 1.5; color: var(--text-soft); }
.body { font-size: var(--t-body); line-height: 1.6; color: var(--text-soft); }
.meta { font-size: var(--t-meta); color: var(--text-meta); }
.meta--strong { font-weight: 600; color: var(--text-soft); }
.small { font-size: var(--t-small); color: var(--text-meta); }
.mono { font-family: var(--font-mono); font-size: var(--t-small); letter-spacing: 0; }

.center { text-align: center; }
.measure { max-width: 62ch; }

.body, .meta, .small, .notice__text, .field__hint { max-width: 74ch; }

.masthead { position: relative; z-index: 10; }
.masthead--light { background: var(--page); border-bottom: 1px solid var(--line); }
.masthead--dark {
  background: var(--night);
  color: var(--inverse-text);
  border-bottom: 1px solid var(--inverse-line);
  --logo-knockout: var(--night);
  --focus: var(--mango);
}

:root { --masthead-h: 84px; }
.masthead__inner { display: flex; align-items: center; gap: 36px; min-height: var(--masthead-h); padding-block: 10px; }

.wordmark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: var(--tap);
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 800;
  font-stretch: 88%;
  letter-spacing: var(--track-display);
  line-height: 1;
  color: var(--text);
  flex-shrink: 0;
}
.wordmark:hover { color: var(--text); text-decoration: none; }
.masthead--dark .wordmark,
.masthead--dark .wordmark:hover { color: var(--inverse-text); }
.wordmark__mark { display: inline-flex; color: var(--daybreak); }
.wordmark__name { white-space: nowrap; }
.logo__sky { transform-box: fill-box; }

.logo__sun,
.logo__bar { fill: var(--logo-knockout); }
.logo--small .logo__bar--second { display: none; }

.icon__knockout { stroke: var(--logo-knockout); }

.mainnav { display: flex; align-items: center; gap: 32px; }
.mainnav a,
.masthead__link {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  font-size: 15px;
  font-weight: 500;
  color: var(--text-soft);
  white-space: nowrap;
}
.mainnav a:hover,
.masthead__link:hover { color: var(--text); text-decoration: none; }
.mainnav a[aria-current="page"],
.masthead__link[aria-current="page"] { color: var(--text); font-weight: 600; box-shadow: inset 0 -2px 0 var(--daybreak); }
.masthead--dark .mainnav a,
.masthead--dark .masthead__link { color: var(--inverse-muted); }
.masthead--dark .mainnav a:hover,
.masthead--dark .masthead__link:hover,
.masthead--dark .mainnav a[aria-current="page"],
.masthead--dark .masthead__link[aria-current="page"] { color: var(--inverse-text); }

.masthead__actions { display: flex; align-items: center; gap: 24px; flex-shrink: 0; }
.masthead__employers { margin-right: 4px; }
.masthead__cta { color: var(--limestone); background: var(--night); }
.masthead__cta:hover { color: var(--limestone); background: var(--ink-700); }
.masthead--dark .masthead__cta { color: var(--night); background: var(--limestone); }
.masthead--dark .masthead__cta:hover { color: var(--night); background: var(--paper); }

.masthead__me {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap);
  height: var(--tap);
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 700;
  color: var(--mango);
  background: var(--night);
}
.masthead__me:hover { color: var(--mango); text-decoration: none; }
.masthead--dark .masthead__me { color: var(--night); background: var(--mango); }

.masthead__actions .navmenu { display: none; }
.masthead--dark .navmenu { color: var(--inverse-text); background: transparent; border-color: var(--inverse-line-strong); }

.sitefoot {
  margin-top: auto;
  background: var(--night);
  color: var(--inverse-text);
  padding: 80px 0 28px;
  overflow: hidden;
  --logo-knockout: var(--night);
  --focus: var(--mango);
}
.sitefoot__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 48px;
  align-items: start;
}
.sitefoot__lead { display: flex; flex-direction: column; gap: 20px; }
.sitefoot__pitch {
  max-width: 380px;
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 700;
  font-stretch: 85%;
  line-height: 1.05;
}
.sitefoot__alert { display: flex; gap: 8px; max-width: 440px; }
.sitefoot__alert .input { flex: 1 1 auto; min-width: 0; }
.sitefoot__alert .btn { flex-shrink: 0; }
.sitefoot__col { display: flex; flex-direction: column; gap: 6px; }
.sitefoot__head {
  margin-bottom: 8px;
  font-family: var(--font-mono);
  font-size: var(--t-label);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--inverse-dim);
}
.sitefoot__col a,
.sitefoot__legal a {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  font-size: 15px;
  color: var(--inverse-text);
}
.sitefoot__col a:hover,
.sitefoot__legal a:hover { color: var(--mango); }
.sitefoot__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 24px;
  margin-top: 64px;
  padding-top: 20px;
  border-top: 1px solid var(--inverse-line);
  font-size: var(--t-small);
  color: var(--inverse-dim);
}
.sitefoot__legal a { font-size: var(--t-small); color: var(--inverse-dim); }

.bigmark { display: block; width: 100%; height: auto; margin-top: 40px; overflow: visible; }
.bigmark__text {
  font-family: var(--font-display);
  font-size: 200px;
  font-weight: 800;
  font-stretch: 75%;
  fill: var(--inverse-text);
}
.bigmark__dot { fill: var(--daybreak); }

@media (pointer: coarse) {
  .breadcrumb a,
  .legaltoc a,
  .sitefoot__col a,
  .sitefoot__legal a,
  :is(.stack, .row, .notice, .card, section, div) > a.meta {
    display: inline-flex;
    align-items: center;
    min-height: var(--tap);
  }
  .sitefoot__col { gap: 0; }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.1;
  min-height: var(--tap);
  padding: 11px 22px;
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  cursor: pointer;
  text-align: center;
  transition: transform 0.2s var(--ease), background-color 0.2s;
}
.btn:hover { text-decoration: none; transform: translateY(-2px); }
.btn:active { transform: none; }
.btn--primary,
.btn--daybreak { color: var(--night); background: var(--daybreak); }
.btn--primary:hover,
.btn--daybreak:hover { color: var(--night); background: var(--daybreak-soft); }
.btn--dark { color: var(--limestone); background: var(--night); }
.btn--dark:hover { color: var(--limestone); background: var(--ink-700); }
.btn--ghost { color: var(--text); background: transparent; border-color: var(--line-strong); }
.btn--ghost:hover { color: var(--text); border-color: var(--night); }

.btn--ghost-light { color: var(--inverse-text); background: transparent; border-color: var(--inverse-line-strong); }
.btn--ghost-light:hover { color: var(--inverse-text); border-color: var(--inverse-text); }
.btn--mango { color: var(--night); background: var(--mango); }
.btn--mango:hover { color: var(--night); background: var(--mango-line); }

.btn--green { color: var(--limestone); background: var(--hills); }
.btn--green:hover { color: var(--limestone); background: var(--night); }
.btn--pill { border-radius: var(--radius-pill); }
.btn--lg {
  min-height: 56px;
  padding: 14px 28px;
  font-size: 17px;
}
.btn--xl {
  min-height: 60px;
  padding: 14px 34px;
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 700;
  font-stretch: 90%;
}
.btn[aria-disabled="true"],
.btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .btn, .btn:hover { transition: none; transform: none; }
}

:is(.stack, .plan, .faq, .minicard, .applypanel, .sourcepane, .field, .emptystate,
    .notice__body, .jobcard__body, .queuecard__body, .sitefoot__col, .reqitem__body,
    .stat, .checkgrid, .prose, .sechead__side, .sechead__main)
  > :is(.btn, .linkbtn, .chip, .pill, .contact, .frictionbadge, .badge-featured,
        .flag, .jobcard__sibling, .iconbtn, .arrowlink) {
  align-self: flex-start;
}
.btn.btn--block { align-self: stretch; width: 100%; }
.stack--centre > *:not(.btn--block) { align-self: center; }

.iconbtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap);
  height: var(--tap);
  flex-shrink: 0;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 50%;
  cursor: pointer;
}
.iconbtn:hover { border-color: var(--night); color: var(--text); text-decoration: none; }

.iconbtn[aria-pressed="true"],
.savebtn[aria-pressed="true"] { background: var(--mango); border-color: var(--mango); color: var(--night); }
.savebtn[aria-pressed="true"] svg path { fill: currentColor; }

.savebtn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--tap);
  height: var(--tap);
  flex-shrink: 0;
  padding: 0;
  color: var(--night);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 50%;
  cursor: pointer;
}
.savebtn:hover { border-color: var(--night); }

:is(.band--night, .band--hills) .arrowlink { color: var(--inverse-text); }

.linkbtn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--link);
  background: transparent;
  border: 0;
  padding: 11px 0;
  min-height: var(--tap);
  cursor: pointer;
  text-align: left;
}
.linkbtn:hover { color: var(--link-hover); text-decoration: underline; }

.field { display: flex; flex-direction: column; gap: 7px; }
.field > label,
.field-label { font-size: var(--t-meta); font-weight: 600; color: var(--text-soft); }
.field__hint { font-size: var(--t-small); color: var(--text-meta); }

.input,
.select,
.textarea {
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  padding: 0 16px;
  min-height: 48px;
}
.select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 44px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none' stroke='%23111814' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 12px 8px;
}
.textarea { padding: 12px 16px; min-height: 110px; resize: vertical; line-height: 1.5; }
.input::placeholder,
.textarea::placeholder { color: var(--ink-500); }
.input:focus,
.select:focus,
.textarea:focus { border-color: var(--night); outline-offset: 0; }

.input--dark {
  color: var(--inverse-text);
  background: transparent;
  border-color: var(--inverse-line-strong);
  border-radius: var(--radius-pill);
  padding: 0 20px;
  min-height: 52px;
}
.input--dark::placeholder { color: var(--inverse-dim); }
.input--dark:focus { border-color: var(--inverse-text); }

.checkrow { display: flex; align-items: center; gap: 10px; min-height: var(--tap); }
.checkrow input[type="checkbox"],
.checkrow input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0;
  flex-shrink: 0;
  accent-color: var(--night);
}
.checkrow label { flex-grow: 1; font-size: 15px; color: var(--text-soft); cursor: pointer; }
.checkrow__count { font-family: var(--font-mono); font-size: var(--t-small); color: var(--text-meta); }
.checkrow:has(input:checked) { background: var(--mango); border-radius: var(--radius); }
.checkrow:has(input:checked) label { color: var(--night); font-weight: 600; }
.checkrow:has(input:checked) .checkrow__count { color: var(--night); }

#ht-soon:checked ~ .tilegrid[data-tab="soon"],
#ht-paid:checked ~ .tilegrid[data-tab="paid"],
#ht-new:checked ~ .tilegrid[data-tab="new"] { display: grid; }
.tabs {
  display: inline-flex;
  flex-wrap: wrap;
  align-self: flex-start;
  gap: 6px;
  padding: 6px;
  background: var(--wash);
  border-radius: var(--radius-pill);
}

.tabs a,
.tabs span:not(.tabs__count) {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: var(--tap);
  padding: 0 20px;
  font-size: 15px;
  font-weight: 500;
  color: var(--text-soft);
  border-radius: var(--radius-pill);
  cursor: pointer;
}

.tabs a:hover { color: var(--text); text-decoration: none; }

.tabs [aria-current="page"],
.tabs [aria-current="true"],
.tabs [aria-selected="true"] { font-weight: 600; color: var(--limestone); background: var(--night); }

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 3px 11px;
  font-size: var(--t-small);
  font-weight: 500;
  color: var(--text-soft);
  background: var(--wash);
  border-radius: var(--radius-pill);
  white-space: nowrap;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.chip--tag {
  font-family: var(--font-mono);
  font-size: var(--t-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.chip--featured { color: var(--night); background: var(--daybreak); }
.chip--posted { color: var(--hills); background: var(--hills-wash); }
.chip--salary { font-weight: 600; color: var(--night); background: var(--mango-wash); }
.chip--nosalary { color: var(--text-meta); background: transparent; border: 1px dashed var(--line-strong); }
.chip--deadline { font-weight: 600; color: var(--accent-deep); background: var(--accent-wash); }
.chip--verified { font-weight: 600; color: var(--hills); background: var(--hills-wash); }
.chip--closed { font-weight: 600; color: var(--text-soft); background: transparent; border: 1px dashed var(--line-strong); }
.chip--estimate { color: var(--text-meta); background: transparent; border: 1px dashed var(--ink-400); }

.chip--coming { font-weight: 600; color: var(--text-meta); background: transparent; border: 1px dashed var(--ink-400); }
.chip--lg { font-size: var(--t-meta); min-height: 34px; padding: 5px 14px; }
.chip--outline { background: transparent; border: 1px solid var(--line-strong); }

.chip--detail { font-weight: 600; min-height: 24px; padding: 2px 9px; font-size: 12px; }
.chip--detail-full { color: var(--hills); background: var(--hills-wash); }
.chip--detail-summary { color: var(--text-meta); background: transparent; border: 1px solid var(--line-strong); }
.chip--detail-request { color: var(--text-meta); background: transparent; border: 1px dashed var(--ink-400); }

.jobcard__body .chip--detail { margin-top: 6px; align-self: flex-start; }

.pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--accent-deep);
  background: var(--accent-wash);
  border-radius: var(--radius-pill);
  padding: 7px 14px;
}

.tile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  flex-shrink: 0;
  border-radius: 14px;
  font-family: var(--font-display);
  font-size: var(--t-body);
  font-weight: 800;
  font-stretch: 85%;
  overflow: hidden;
}
.tile--logo { background: var(--tile-ground); border: 1px solid var(--line); padding: 6px; }
.tile--logo img { max-width: 100%; max-height: 100%; object-fit: contain; }
.tile--sm { width: 40px; height: 40px; border-radius: var(--radius); font-size: var(--t-small); padding: 4px; }
.tile--lg { width: 76px; height: 76px; border-radius: 20px; font-size: var(--t-lead); padding: 8px; }
.tile--wide { width: 112px; padding-inline: 8px; }
.tile--wide.tile--sm { width: 90px; }
.tile--wide.tile--lg { width: 168px; }
.tile--wide img { max-width: 100%; max-height: 66%; }
.tile--mono4 { font-size: var(--t-meta); }
.tile--mono5 { font-size: var(--t-small); }
.tile--mono6 { font-size: var(--t-label); }
.tile--lg.tile--mono4 { font-size: var(--t-title); }
.tile--lg.tile--mono5,
.tile--lg.tile--mono6 { font-size: var(--t-body); }
.tile--sm.tile--mono5,
.tile--sm.tile--mono6 { font-size: 10px; }
.tile--accent { background: var(--mono-accent-bg); color: var(--mono-accent-fg); }
.tile--stone { background: var(--mono-stone-bg); color: var(--mono-stone-fg); }
.tile--hills { background: var(--mono-hills-bg); color: var(--mono-hills-fg); }
.tile--mango { background: var(--mono-mango-bg); color: var(--mono-mango-fg); }

.tile--night { background: var(--night); color: var(--mango); }
.tile--daybreak { background: var(--daybreak); color: var(--night); }

.card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 24px;
}
.card--lg { border-radius: var(--radius-xl); padding: 30px; }
.card--canvas { background: var(--canvas); border-color: transparent; }
.card--night {
  background: var(--night);
  color: var(--inverse-text);
  border-color: transparent;
  --logo-knockout: var(--night);
  --link: var(--mango);
  --link-hover: var(--inverse-text);
  --focus: var(--mango);
}
.card--night :is(.body, .meta, .small, .lead) { color: var(--inverse-muted); }
.card--night .section-label { color: var(--mango); }
.card--hills {
  background: var(--hills);
  color: var(--inverse-text);
  border-color: transparent;
  --link: var(--mango);
  --link-hover: var(--inverse-text);
  --focus: var(--mango);
}
.card--hills :is(.body, .meta, .small, .lead) { color: var(--hills-mist); }
.card--mango { background: var(--mango); border-color: transparent; }
.card--mango :is(.body, .meta, .small) { color: var(--night); }

.card--guava :is(.body, .meta, .small) { color: var(--guava-ink); }

.card--daybreak :is(.body, .meta, .small) { color: var(--night); }

.lift { transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease); }
.lift:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); text-decoration: none; }
@media (prefers-reduced-motion: reduce) {
  .lift, .lift:hover { transition: none; transform: none; }
}

@media (prefers-reduced-motion: no-preference) {
  .rise { animation: rise 0.9s var(--ease) both; animation-delay: var(--delay, 0ms); }
}
@keyframes rise {
  from { opacity: 0; transform: translateY(32px); }
  to { opacity: 1; transform: none; }
}

.daylight { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.daylight__row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2px 12px;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 1.4;
  color: var(--text);
}
.daylight__left { font-weight: 600; }
.daylight__track {
  display: block;
  height: 6px;
  border-radius: var(--radius-pill);
  background: var(--wash);
  overflow: hidden;
}
.daylight__fill {
  display: block;
  width: var(--pct);
  height: 100%;
  border-radius: var(--radius-pill);
  background: var(--hills);
}
.daylight--open .daylight__left { color: var(--hills); }
.daylight--week .daylight__left { color: var(--mango-ink); }
.daylight--week .daylight__fill { background: var(--mango); }
.daylight--urgent .daylight__left { color: var(--ember); }
.daylight--urgent .daylight__fill { background: var(--daybreak); }
.daylight--none .daylight__left { color: var(--text-meta); }
.daylight--none .daylight__track { background: transparent; border: 1px dashed var(--line-strong); }
.daylight--none .daylight__fill { display: none; }
.daylight--closed { font-family: var(--font-mono); font-size: 12px; color: var(--text-meta); }
.daylight--lg .daylight__row { font-size: 13px; }
.daylight--lg .daylight__track { height: 8px; }

.daylight--lead .daylight__left { font-family: var(--font-sans); font-size: 15px; font-weight: 700; line-height: 1.2; }

@media (prefers-reduced-motion: no-preference) {
  .daylight__fill { animation: burn 1.6s var(--ease) both 0.4s; }
}
@keyframes burn { from { width: 100%; } to { width: var(--pct); } }

.card--night .daylight__row { color: var(--inverse-text); }
.card--night .daylight__track { background: var(--inverse-line); }
.card--night .daylight--open .daylight__left { color: var(--hills-mist); }
.card--night .daylight--week .daylight__left,
.card--night .daylight--urgent .daylight__left { color: var(--mango); }
.card--night .daylight--open .daylight__fill { background: var(--hills-bright); }

.money { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.money__fig {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  font-stretch: 90%;
  line-height: 1.1;
  color: var(--text);
  white-space: nowrap;
}
.money__per { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; color: var(--text-meta); }
.money--none { font-size: 15px; line-height: 1.35; color: var(--text-meta); }
.money--inline { flex-direction: row; align-items: baseline; flex-wrap: wrap; gap: 0 6px; }

.tilegrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.jobtile {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 300px;
  padding: 22px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  transition: transform 0.4s var(--ease), box-shadow 0.4s var(--ease), border-color 0.4s;
}
.jobtile:hover { transform: translateY(-6px); box-shadow: var(--shadow-lift); border-color: var(--night); }
.jobtile:hover .jobtile__title { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }

.jobtile--today { background: var(--guava); }
.jobtile--today .jobtile__meta { color: var(--guava-ink); }
.jobtile--today .daylight--urgent .daylight__left { color: var(--accent-deep); }
.jobtile--closed { background: transparent; border-style: dashed; border-color: var(--line-strong); }
.jobtile__head { display: flex; align-items: center; gap: 12px; min-width: 0; }
.jobtile__who {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--t-small);
  font-weight: 600;
  line-height: 1.35;
  color: var(--text);
}
.jobtile__who a { color: inherit; }
.jobtile__who svg { display: inline; vertical-align: -2px; margin-left: 4px; color: var(--hills); }
.jobtile__h { font-size: 27px; font-weight: 700; font-stretch: 85%; line-height: 1.04; letter-spacing: 0; }
.jobtile__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-bottom: 0.08em;
  color: var(--text);
}
.jobtile__title::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.jobtile__title:hover { color: var(--text); }
.jobtile__meta { display: flex; align-items: flex-start; gap: 6px; font-size: var(--t-meta); line-height: 1.4; color: var(--text-soft); }
.jobtile__meta svg { margin-top: 1px; color: var(--icon); }
.jobtile__fill { flex-grow: 1; }

.jobtile__facts { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 16px; min-width: 0; }
.jobtile__facts .jobtile__meta { align-items: center; }

.jobtile__gap { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 12.5px; line-height: 1.4; color: var(--text-meta); }
.jobtile__gap::before { content: ""; flex: none; width: 10px; height: 10px; border: 1.5px dashed var(--line-strong); border-radius: 50%; }
@media (prefers-reduced-motion: reduce) {
  .jobtile, .jobtile:hover { transition: none; transform: none; }
}

.joblist { display: flex; flex-direction: column; gap: 14px; }
.jobcard {
  position: relative;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 150px 190px 44px;
  gap: 24px;
  align-items: center;
  min-height: 124px;
  padding: 18px 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 22px;
  transition: transform 0.35s var(--ease), box-shadow 0.35s var(--ease), border-color 0.35s;
}
.jobcard:hover { transform: translateY(-3px); box-shadow: var(--shadow-lift); border-color: var(--night); }
.jobcard > .tile { width: 64px; height: 64px; border-radius: 16px; }
.jobcard > .tile--wide { width: auto; min-width: 64px; max-width: 120px; padding-inline: 8px; }
.jobcard:has(> .tile--wide) { grid-template-columns: minmax(64px, max-content) minmax(0, 1fr) 150px 190px 44px; }
.jobcard > .tile--wide img { width: auto; height: auto; max-width: 104px; max-height: 40px; object-fit: contain; }
.jobcard__body { min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.jobcard__h { font-size: 26px; font-weight: 700; font-stretch: 85%; line-height: 1.05; letter-spacing: 0; }
.jobcard__title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding-bottom: 0.06em;
  color: var(--text);
}
.jobcard__title:hover { color: var(--text); }

.jobcard__title::after { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; }
.jobcard__who a,
.jobcard__sibling,
.jobcard__aside { position: relative; z-index: 1; }
.jobcard__who {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 8px;
  font-size: var(--t-meta);
  line-height: 1.45;
  color: var(--text-soft);
}
.jobcard__org { font-weight: 600; color: var(--text); }
.jobcard__org a { color: inherit; }
.jobcard__org svg { display: inline; vertical-align: -2px; margin-left: 4px; color: var(--hills); }
.jobcard__sep { color: var(--ink-500); margin-right: 2px; }
.jobcard__sibling { font-weight: 600; color: var(--link); margin-left: 8px; }
.jobcard__aside { display: flex; justify-content: flex-end; }

.jobcard--posted { border-color: var(--night); }
.jobcard__chips { gap: 6px; margin-bottom: 2px; }
.jobcard--closed { grid-template-columns: 64px minmax(0, 1fr) 220px; background: transparent; border-style: dashed; border-color: var(--line-strong); }
.jobcard--closed .jobcard__title { color: var(--text-soft); }
.jobcard--closed .jobcard__money,
.jobcard--closed .jobcard__aside { display: none; }
@media (prefers-reduced-motion: reduce) {
  .jobcard, .jobcard:hover { transition: none; transform: none; }
}

.deadmark { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--text-meta); }
.deadmark svg { color: var(--icon); }
.deadmark--soon,
.deadmark--est { color: var(--accent); }
.deadmark--closed { font-weight: 500; }

.jobcard__salary { font-weight: 600; color: var(--text-soft); }
.jobcard__prov { font-weight: 400; color: var(--text-meta); }
.jobcard__nosalary { color: var(--text-meta); }

.logorow {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  padding: 4px 48px 12px 4px;
}

.logorow__track { display: flex; flex: none; }
.logorow__set { display: flex; flex: none; gap: 36px; padding-right: 36px; }
.logorow--marquee { overflow: hidden; scroll-snap-type: none; padding-right: 4px; }
.logorow--marquee .logorow__track { animation: logomarquee var(--marquee-duration) linear infinite; }
.logorow--marquee:hover .logorow__track,
.logorow--marquee:focus-within .logorow__track,
.logorow--paused .logorow__track { animation-play-state: paused; }
@keyframes logomarquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .logorow--marquee .logorow__track { animation: none; }
}

.linkrow {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  border-bottom: 1px solid var(--line);
  color: var(--text);
}
.linkrow:last-child { border-bottom: 0; }
.linkrow:hover { background: var(--page); text-decoration: none; color: var(--text); }
.linkrow__title { flex-grow: 1; font-size: 15px; font-weight: 600; min-width: 0; }
.linkrow__meta { font-size: var(--t-meta); color: var(--text-meta); white-space: nowrap; }
.rowgroup { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }

.deflist { display: flex; flex-direction: column; gap: 0; margin: 0; }
.deflist__row { display: flex; align-items: baseline; gap: 12px; padding: 12px 0; border-top: 1px solid var(--line); }
.deflist__row:first-child { border-top: 0; padding-top: 0; }
.deflist__key {
  width: 124px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: var(--t-label);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-meta);
}
.deflist__val { font-size: 15px; font-weight: 500; color: var(--text-soft); min-width: 0; }

.statgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.stat {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 22px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.stat__num {
  font-family: var(--font-display);
  font-size: 52px;
  font-weight: 800;
  font-stretch: 75%;
  line-height: 0.95;
  letter-spacing: var(--track-display);
  color: var(--text);
}
.stat__label { font-size: var(--t-meta); line-height: 1.45; color: var(--text-meta); }

.notice {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 18px 20px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.notice > svg { margin-top: 1px; }
.notice__body { flex-grow: 1; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.notice__title { font-size: 15px; font-weight: 600; color: var(--text); }
.notice__text { font-size: var(--t-meta); line-height: 1.55; color: var(--text-soft); }
.notice--accent { background: var(--accent-wash); border-color: var(--accent-line); }
.notice--accent > svg { color: var(--accent); }
.notice--mango { background: var(--mango-wash); border-color: var(--mango-line); }
.notice--mango > svg { color: var(--mango-ink); }
.notice--hills { background: var(--hills-wash); border-color: var(--hills-wash); }
.notice--hills > svg { color: var(--hills); }
.notice--canvas { background: var(--canvas); border-color: transparent; }

.notice--proto { background: transparent; border: 1px dashed var(--ink-400); }

.emptystate {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 34px;
  background: var(--surface);
  border: 1px dashed var(--line-strong);
  border-radius: var(--radius-lg);
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: var(--t-meta);
  color: var(--text-meta);
}
.breadcrumb a { font-weight: 500; color: var(--text-soft); }
.breadcrumb a:hover { color: var(--text); }
:is(.band--night, .band--hills) .breadcrumb,
:is(.band--night, .band--hills) .breadcrumb a { color: var(--inverse-dim); }

.stack--xs { display: flex; flex-direction: column; gap: 3px; min-width: 0; }

.homehero__eyebrow {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  max-width: 100%;
  min-height: 34px;
  padding: 0 14px 0 12px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--inverse-dim);
  background: var(--night-raised);
  border: 1px solid var(--inverse-line);
  border-radius: var(--radius-pill);
}
.homehero__eyebrow b { font-weight: 600; color: var(--limestone); }
.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--daybreak); flex-shrink: 0; }
@media (prefers-reduced-motion: no-preference) {
  .pulse { animation: pulse 2s ease-out infinite; }
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 var(--daybreak); }
  100% { box-shadow: 0 0 0 10px transparent; }
}

.rotator {
  display: block;
  height: 1.2em;
  margin-top: -0.05em;

  padding-left: 0.08em;
  margin-left: -0.08em;
  overflow: hidden;
  font-family: var(--font-serif);
  font-style: italic;
  font-weight: 400;
  color: var(--daybreak);
}
.rotator__track { display: flex; flex-direction: column; }
.rotator__track > span { display: block; height: 1.2em; line-height: 1.2em; white-space: nowrap; }
@media (prefers-reduced-motion: no-preference) {
  .rotator__track { animation: hello 20s cubic-bezier(0.76, 0, 0.24, 1) infinite; }
}
@keyframes hello {
  0%, 10.5% { transform: translateY(0); }
  12.5%, 23% { transform: translateY(-1.2em); }
  25%, 35.5% { transform: translateY(-2.4em); }
  37.5%, 48% { transform: translateY(-3.6em); }
  50%, 60.5% { transform: translateY(-4.8em); }
  62.5%, 73% { transform: translateY(-6em); }
  75%, 85.5% { transform: translateY(-7.2em); }
  87.5%, 98% { transform: translateY(-8.4em); }
  100% { transform: translateY(-9.6em); }
}

.herocard {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 22px;
  color: var(--night);
  background: var(--paper);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-deep);
  --focus: var(--ember);
  --logo-knockout: var(--paper);
}

.herocard .small { color: var(--text-meta); }
.herocard__who { display: flex; align-items: center; gap: 12px; }
.herocard__org { font-size: var(--t-small); font-weight: 600; }

.herocard__title {
  font-family: var(--font-display);
  font-size: 27px;
  font-weight: 700;
  font-stretch: 85%;
  line-height: 1.04;
  color: var(--night);
}
.herocard__title:hover { color: var(--night); }
.herochip {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 12px;
  min-height: 52px;
  padding: 0 18px 0 8px;
  font-size: var(--t-meta);
  color: var(--inverse-text);
  background: var(--night-raised);
  border: 1px solid var(--inverse-line);
  border-radius: var(--radius-pill);
}
.herochip:hover { color: var(--inverse-text); text-decoration: none; border-color: var(--inverse-line-strong); }
.herochip strong { font-weight: 600; }

.herochip__bell {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  color: var(--night);
  background: var(--mango);
}
@media (prefers-reduced-motion: no-preference) {
  .herocard { animation: float 7s ease-in-out infinite; }
  .herochip { animation: float2 8s ease-in-out infinite 1s; }
}
@keyframes float {
  0%, 100% { transform: translateY(0) rotate(-3deg); }
  50% { transform: translateY(-14px) rotate(-1.5deg); }
}
@keyframes float2 {
  0%, 100% { transform: translateY(0) rotate(2deg); }
  50% { transform: translateY(-10px) rotate(1deg); }
}

.homehero__sun {
  position: absolute;
  right: -40px;
  bottom: 0;
  width: min(900px, 64vw);
  pointer-events: none;
}
.homehero__sun svg { display: block; width: 100%; height: auto; }
.homehero__disc { fill: var(--daybreak); }
.homehero__core { fill: var(--daybreak-soft); }
.homehero__band { fill: var(--night); transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: no-preference) {
  .homehero__sun svg { animation: sunrise 2.4s var(--ease) both 0.15s; }
  .homehero__band { animation: stripe 1.6s var(--ease) both 1s; }
  .homehero__band:nth-of-type(2) { animation-delay: 1.1s; }
  .homehero__band:nth-of-type(3) { animation-delay: 1.2s; }
  .homehero__band:nth-of-type(4) { animation-delay: 1.3s; }

}
@keyframes sunrise { from { transform: translateY(60%); } to { transform: none; } }
@keyframes stripe { from { transform: scaleX(0); } to { transform: scaleX(1); } }

.browse { padding: 110px 0; }
.browse__grid { display: grid; grid-template-columns: minmax(0, 620px) minmax(0, 1fr); gap: 80px; align-items: center; }
.lanes { display: flex; flex-direction: column; border-top: 1px solid var(--inverse-line); }

.page--home .masthead--dark { border-bottom-color: transparent; }

@keyframes ping {
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(3.4); opacity: 0; }
}

.usd { position: relative; overflow: hidden; }
.usd::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -140px;
  width: 700px;
  height: 700px;
  border: 1px solid var(--inverse-line);
  border-radius: 50%;
  pointer-events: none;
}

.alertline { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 10px 16px; font-size: var(--t-meta); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.alertline svg { color: var(--ember); }

.endcard { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding: 32px; border-radius: var(--radius-lg); }
.endcard__h { font-family: var(--font-display); font-size: 48px; font-weight: 800; font-stretch: 75%; line-height: 0.95; }
.endcard__h em { color: var(--daybreak); }

@media (max-width: 1100px) {

  .herocard { width: min(380px, 100%); }

  .browse__grid{ grid-template-columns: minmax(0, 1fr); gap: 48px; }

}
@media (max-width: 760px) {

  .homehero__sun { display: none; }

  .endcard__h { font-size: 36px; }

}

.h-card { font-size: 22px; font-weight: 700; font-stretch: 90%; line-height: 1.1; letter-spacing: 0; }

.h-section { font-size: var(--t-h2); font-weight: 800; font-stretch: 80%; line-height: 1; }
.jobhero { padding: 40px 0 64px; }
.jobhero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 56px; align-items: start; }
.jobhero__main { display: flex; flex-direction: column; gap: 28px; min-width: 0; }
.jobhero__org { display: inline-flex; align-items: center; gap: 16px; align-self: flex-start; color: var(--text); }
.jobhero__org:hover { color: var(--text); text-decoration: none; }
.jobhero__org .tile { width: 64px; height: 64px; border-radius: 18px; }
.jobhero__orgname { font-size: var(--t-title); font-weight: 600; }
a.jobhero__org:hover .jobhero__orgname { text-decoration: underline; text-underline-offset: 3px; }

.jobhero__main { container-type: inline-size; }
.jobhero__title { font-size: min(128px, 19cqi); font-stretch: 75%; line-height: 0.9; overflow-wrap: break-word; }
.jobhero__title--mid { font-size: min(96px, 17cqi); }
.jobhero__title--long { font-size: min(72px, 14cqi); line-height: 0.95; }

@media (max-width: 760px) {
  .jobhero .breadcrumb { display: none; }

}
@media (prefers-reduced-motion: no-preference) {
  .jobhero__title { animation: rise 1s var(--ease) both; }
}

.factgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 2px solid var(--night); }

:where(body:not(.kit)) .fact { display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 20px 20px 0; border-left: 1px solid var(--line); container-type: inline-size; }
:where(body:not(.kit)) .fact:first-child { padding-left: 0; border-left: 0; }
:where(body:not(.kit)) .fact__big {
  font-family: var(--font-display);

  font-size: min(40px, 21cqi);
  font-weight: 800;
  font-stretch: 80%;
  line-height: 1.02;
  overflow-wrap: break-word;
}
:where(body:not(.kit)) .fact__small { font-family: var(--font-mono); font-size: 13px; line-height: 1.4; color: var(--text-soft); }
:where(body:not(.kit)) .fact .daylight { margin-top: 4px; }

:where(body:not(.kit)) .fact .daylight__row > span:first-child { display: none; }
:where(body:not(.kit)) .fact__big--sm { font-size: min(30px, 18cqi); line-height: 1.02; }
:where(body:not(.kit)) .fact--urgent .fact__big { color: var(--ember); }
:where(body:not(.kit)) .fact--week .fact__big { color: var(--mango-ink); }
:where(body:not(.kit)) .fact--open .fact__big { color: var(--hills); }
:where(body:not(.kit)) .fact--none .fact__big { font-size: min(28px, 17cqi); color: var(--text-soft); }

.applycard {
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 30px;
  border-radius: var(--radius-xl);
  color: var(--inverse-text);
  background: var(--night);
  --logo-knockout: var(--night);
  --link: var(--mango);
  --link-hover: var(--inverse-text);
  --focus: var(--mango);
}
@media (prefers-reduced-motion: no-preference) {
  .applycard { animation: rise 1s var(--ease) both 0.2s; }
}
.applycard .section-label { color: var(--mango); }
.applycard :is(.body, .small) { color: var(--inverse-muted); }
.applycard__h { font-family: var(--font-display); font-size: 36px; font-weight: 800; font-stretch: 80%; line-height: 1; }
.applycard__h em { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-stretch: 100%; color: var(--daybreak); }
.applycard .row > * { flex: 1 1 auto; }

.applycard .row:has(.applycard__track) { flex-wrap: wrap; }

.applycard .btn[aria-pressed="true"] { color: var(--night); background: var(--mango); border-color: var(--mango); }
.applycard .checkrow { padding: 0 10px; }
.applycard .checkrow label { color: var(--inverse-text); }
.applycard .checkrow input[type="checkbox"] { accent-color: var(--mango); }
.applycard .checkrow:has(input:checked) label { color: var(--night); }

.jobbody { max-width: 760px; }
.jobbody .lead { color: var(--text); }
.asklist { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: ask; }
.asklist li {
  display: flex;
  gap: 16px;
  padding: 14px 0;
  font-size: 18px;
  line-height: 1.5;
  border-bottom: 1px solid var(--line);
  counter-increment: ask;
}
.asklist li::before { content: counter(ask); min-width: 1.2em; font-weight: 700; color: var(--ember); }
.provline { display: flex; align-items: flex-start; gap: 10px; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-meta); }
.provline svg { margin-top: 3px; color: var(--icon); }
.provline a { font-family: var(--font-sans); font-weight: 600; }

.signup { padding-top: 48px; }

.notice--ondark { color: var(--inverse-text); background: transparent; border-color: var(--inverse-line-strong); }
.notice--ondark .notice__title { color: var(--inverse-text); }
.notice--ondark .notice__text { color: var(--inverse-muted); }

.going { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.going__what { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.going__what strong { font-weight: 600; }
.going__state { display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0; font-family: var(--font-mono); font-size: 13px; color: var(--hills); }
.going__state input { width: 20px; height: 20px; accent-color: var(--night); }
.going__state label,
.going__state span { color: var(--text-soft); }

.consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  background: var(--night-raised);
  border-radius: var(--radius);
}
.consent input { width: 22px; height: 22px; margin: 2px 0 0; flex-shrink: 0; accent-color: var(--daybreak); }
.consent label { font-size: 15px; line-height: 1.45; cursor: pointer; }

.dot { color: var(--daybreak); }

.daylog { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.daylog__item {
  position: relative;
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  grid-template-areas: "when what" "when note";
  column-gap: 24px;
  padding: 14px 0 14px 28px;
  border-left: 2px solid var(--hills);
}
.daylog__item::before {
  content: "";
  position: absolute;
  left: -8px;
  top: 17px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--hills);
}

.daylog__when { grid-area: when; font-family: var(--font-mono); font-size: 13px; line-height: 1.6; color: var(--text-meta); }
.daylog__what { grid-area: what; font-weight: 600; }
.daylog__note { grid-area: note; font-size: var(--t-meta); color: var(--text-soft); }
.daylog--dark .daylog__item { border-left-color: var(--hills-bright); grid-template-columns: 110px minmax(0, 1fr); }
.daylog--dark .daylog__item::before { background: var(--hills-bright); }

.daylog--dark .daylog__when { color: var(--inverse-dim); }
.daylog--dark .daylog__note { color: var(--inverse-muted); }

.tracker { display: grid; grid-template-columns: minmax(0, 1fr) 460px; gap: 32px; align-items: start; }

.pill--sent { color: var(--hills); background: var(--hills-wash); }
.pill--mango { color: var(--night); background: var(--mango); }
.pill--hills { color: var(--limestone); background: var(--hills); }
.pill--dim { color: var(--text-soft); background: var(--wash); }

.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 88px;
  height: 88px;
  flex-shrink: 0;
  border-radius: 50%;
  font-family: var(--font-display);
  font-size: 32px;
  font-weight: 800;
  color: var(--mango);
  background: var(--night) center / cover no-repeat;
}

.avatar--sm { width: 44px; height: 44px; font-size: 16px; color: var(--night); background-color: var(--mango); }

.entry { display: grid; grid-template-columns: 130px minmax(0, 1fr) auto; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }

.adder > summary { list-style: none; cursor: pointer; }
.adder > summary::-webkit-details-marker { display: none; }
.adder[open] > summary { margin-bottom: 16px; }
.adder__form { padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }

.lookgroup { border-top: 1px solid var(--line); }
.lookgroup__sum {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--text-soft);
  list-style: none;
  cursor: pointer;
}
.lookgroup__sum::-webkit-details-marker { display: none; }
.lookgroup__sum > span:first-child { flex-grow: 1; }
.lookgroup__picked { font-family: var(--font-mono); font-size: 12px; font-weight: 400; color: var(--text-meta); }
.lookgroup__chev { transform: rotate(90deg); color: var(--ink-500); }
.lookgroup[open] .lookgroup__chev { transform: rotate(-90deg); }
.lookgroup__list { display: flex; flex-direction: column; max-height: 300px; overflow-y: auto; padding: 0 4px 12px 8px; }

.mebox { display: flex; align-items: center; gap: 12px; padding: 14px; background: var(--night-raised); border-radius: var(--radius-md); }
.mebox .small { color: var(--inverse-muted); }
.screenq { display: flex; flex-direction: column; gap: 10px; padding: 14px; background: var(--night-raised); border-radius: var(--radius-md); }
.screenq legend { float: left; width: 100%; margin-bottom: 10px; font-size: 15px; line-height: 1.4; }
.yesno { position: relative; display: inline-flex; }
.yesno input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.yesno label {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  padding: 0 20px;
  font-weight: 600;
  border: 1px solid var(--inverse-line-strong);
  border-radius: var(--radius-pill);
  cursor: pointer;
}
.yesno input:checked + label { color: var(--night); background: var(--limestone); border-color: var(--limestone); }
.yesno input:focus-visible + label { outline: 2px solid var(--focus); outline-offset: 3px; }
.textarea--dark { color: var(--inverse-text); background: var(--night-raised); border-color: var(--inverse-line-strong); }
.textarea--dark:focus { border-color: var(--inverse-text); }
.applycard .field > label { color: var(--inverse-muted); }

@media (max-width: 1100px) {
  .jobhero__grid,
  .tracker { grid-template-columns: minmax(0, 1fr); }
  .factgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  :where(body:not(.kit)) .fact:nth-child(3) { padding-left: 0; border-left: 0; }
  :where(body:not(.kit)) .fact:nth-child(n+3) { padding-top: 24px; }

}
@media (max-width: 760px) {
  .jobhero { padding: 24px 0 40px; }
  :where(body:not(.kit)) .fact { padding: 16px 12px 0; }
  .applycard{ padding: 22px; border-radius: var(--radius-lg); }
  .applycard__h { font-size: 30px; }
  .asklist li { font-size: 16px; }

  .daylog__item,
  .daylog--dark .daylog__item { grid-template-columns: minmax(0, 1fr); grid-template-areas: "when" "what" "note"; }
  .entry { grid-template-columns: minmax(0, 1fr) auto; }

}

.propedit {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 14px 18px;
  background: var(--accent-wash);
  border: 1px dashed var(--accent);
  border-radius: var(--radius-md);
}
.propedit__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: var(--t-label);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--accent-deep);
}
.propedit__text { color: var(--text); }

.posthero { padding: 72px 0 88px; }
.posthero__grid { display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 56px; align-items: center; }

.avatar--xs { width: 28px; height: 28px; font-size: 11px; color: var(--night); background-color: var(--mango); }

.askgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; border-top: 2px solid var(--night); }
.askstat { display: flex; flex-direction: column; gap: 6px; padding-top: 20px; }
.askstat__n { font-family: var(--font-display); font-size: 96px; font-weight: 800; font-stretch: 75%; line-height: 0.9; letter-spacing: var(--track-display); }
.askstat__n span { font-size: 40px; color: var(--text-meta); }
.howsteps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }

.howsteps li { display: flex; flex-direction: column; gap: 12px; padding: 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.howsteps__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  color: var(--night);
  background: var(--daybreak);
  border-radius: 50%;
}
.howsteps li:nth-child(2) .howsteps__n { background: var(--mango); }
.howsteps li:nth-child(3) .howsteps__n { color: var(--mango); background: var(--night); }

.tier {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 28px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}

.claimband { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
.logogrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.logogrid__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  background: var(--tile-ground);
  border: 1px solid var(--line);
  border-radius: 20px;
}
.logogrid__item .tile { width: 70%; height: 70%; border: 0; }
.logogrid__item:hover { border-color: var(--night); }
.logogrid__more {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1;
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--night);
  background: var(--mango);
  border-radius: 20px;
}
.logogrid__more:hover { color: var(--night); }

.addons { display: flex; flex-direction: column; border-top: 2px solid var(--night); }
.addon { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }

.compare { min-width: 760px; font-size: 15px; background: var(--surface); }
.compare th,
.compare td { padding: 16px 20px; text-align: left; border-top: 1px solid var(--line); }
.compare thead th { border-top: 0; font-family: var(--font-mono); font-size: 12px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-meta); }
.compare tbody th { font-weight: 600; }

.posthead { padding-bottom: 32px; }
.stepper { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }

.jobtile--preview { min-height: 280px; transform: none; }
.jobtile--preview:hover { transform: none; box-shadow: none; border-color: var(--line); }

.choice { display: flex; align-items: flex-start; gap: 12px; padding: 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.choice input { width: 20px; height: 20px; margin: 2px 0 0; flex-shrink: 0; accent-color: var(--night); }
.choice label { display: flex; flex-direction: column; gap: 4px; cursor: pointer; }
.choice:has(input:checked) { border-color: var(--night); }

.checkrow--founding:has(input:checked) { background: var(--mango); }

.dash { padding: 40px 0 72px; }
.dash__grid { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 40px; align-items: start; }
.dash__main { min-width: 0; }
.dashnav {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px;
  border-radius: var(--radius-lg);
  color: var(--inverse-text);
  background: var(--night);
  --focus: var(--mango);
}
.dashnav__org { display: flex; align-items: center; gap: 10px; padding-bottom: 14px; margin-bottom: 8px; border-bottom: 1px solid var(--inverse-line); }
.dashnav__name { font-weight: 600; line-height: 1.25; }
.dashnav .small { color: var(--mango); }
.dashnav__link { display: flex; align-items: center; min-height: var(--tap); padding: 0 12px; color: var(--inverse-muted); border-radius: var(--radius); }
.dashnav__link:hover { color: var(--inverse-text); background: var(--night-raised); text-decoration: none; }
.dashnav__link[aria-current="page"] { font-weight: 600; color: var(--night); background: var(--mango); }
.dashnav .btn { margin-top: 12px; }
.setupcard { max-width: 720px; }
.stagefield { max-width: 280px; }
.dashwork { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 24px; align-items: start; }
.board { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 1fr); grid-template-columns: none; gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.board__col { background: var(--canvas); border: 0; border-radius: var(--radius-lg); }
.board__head { justify-content: space-between; font-family: var(--font-sans); font-size: var(--t-meta); font-weight: 600; font-stretch: 100%; }
.board__count { font-family: var(--font-mono); font-size: 12px; color: var(--text-meta); }
.board__card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  padding: 12px;
  font: inherit;
  text-align: left;
  color: var(--text);
  background: var(--surface);
  border: 2px solid transparent;
  border-radius: var(--radius-md);
  cursor: pointer;
}
.board__card:hover { border-color: var(--line-strong); }
.board__card[aria-pressed="true"] { border-color: var(--night); }
.board__match { font-size: 12px; font-weight: 600; color: var(--hills); }
.board__match--part { color: var(--accent-deep); }
.dashpanel {
  position: sticky;
  top: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 24px;
  border-radius: var(--radius-xl);
  color: var(--inverse-text);
  background: var(--night);
  --focus: var(--mango);
  --link: var(--mango);
}
.dashpanel .section-label { color: var(--mango); }
.dashpanel :is(.small, .body) { color: var(--inverse-muted); }
.dashpanel .field > label,
.dashpanel .field-label { color: var(--inverse-muted); }
.dashpanel__name { font-family: var(--font-display); font-size: 24px; font-weight: 800; font-stretch: 80%; line-height: 1.05; }
.dashpanel__more summary { list-style: none; color: var(--mango); }
.dashpanel__more summary::-webkit-details-marker { display: none; }
.dashpanel__more[open] { display: flex; flex-direction: column; gap: 14px; }
.asks { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.asks__item { position: relative; padding-left: 20px; font-size: var(--t-meta); line-height: 1.45; }
.asks__item::before { content: ""; position: absolute; left: 0; top: 6px; width: 10px; height: 10px; border-radius: 50%; background: var(--hills-bright); }
.asks__item--no::before { background: var(--mango); }
.plainlist { display: flex; flex-direction: column; gap: 4px; margin: 0; padding-left: 18px; font-size: var(--t-meta); }

@media (max-width: 1100px) {
  .posthero__grid,
  .claimband,
  .dash__grid,
  .dashwork { grid-template-columns: minmax(0, 1fr); }

  .howsteps { grid-template-columns: minmax(0, 1fr); }

  .dashnav,
  .dashpanel { position: static; }
  .dashnav { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .dashnav__org { width: 100%; }
  .dashnav .btn { margin-top: 0; width: auto; }
}
@media (max-width: 760px) {
  .askgrid{ grid-template-columns: minmax(0, 1fr); }
  .askstat__n { font-size: 64px; }

  .logogrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

}

.prose { display: flex; flex-direction: column; gap: 12px; }
.prose ul { display: flex; flex-direction: column; gap: 9px; }
.prose li, .prose p { font-size: var(--t-body); line-height: 1.65; color: var(--text-soft); }

.docrow__name { font-weight: 600; }

.profileform { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.profileform .field--wide { grid-column: 1 / -1; }

.contact {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-soft);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 12px 15px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  word-break: break-all;
}

.fchips { display: flex; flex-wrap: wrap; gap: 10px; }

.checkrow--card:has(input:checked) {
  border-color: var(--accent-soft);
  background: var(--accent-wash);
}

.scanpage { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.scanpage__pick {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 112px;
  padding: 0;
  overflow: hidden;
  font-family: inherit;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--text-meta);
  background: var(--canvas);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-sm);
  cursor: pointer;
}
.scanpage__pick img { width: 100%; height: 100%; object-fit: cover; }
.scanpage--on .scanpage__pick { border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-line); }
.scanpage__drop { min-height: 32px; font-size: var(--t-small); }

input[type="range"] { width: 100%; min-height: var(--tap); accent-color: var(--accent); }
input[type="file"] { padding: 10px 12px; line-height: 1.4; }

.legaltoc {
  position: sticky;
  top: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-self: start;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
}
.legaltoc__list { display: flex; flex-direction: column; }
.legaltoc a {
  font-size: var(--t-meta);
  line-height: 1.4;
  color: var(--text-meta);
  padding: 7px 0;
  border-left: 2px solid transparent;
  padding-left: 12px;
  margin-left: -12px;
}
.legaltoc a:hover { color: var(--link); border-left-color: var(--accent-soft); text-decoration: none; }

.legalbody { max-width: 72ch; }
.legalsec { scroll-margin-top: 20px; }
.legalsec__n {
  flex-shrink: 0;
  width: 34px;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--ink-500);
  padding-top: 5px;
}
.legalsec__h { font-size: var(--t-h3); }
.legalsec__body { padding-left: 34px; }
.legalsec__body .body { line-height: 1.7; }
.legalsec__body .tablewrap { margin-block: 4px; }

.tablewrap { position: relative; overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-lg); }
.datatable { min-width: 720px; font-size: 14px; }
.datatable caption { text-align: left; padding: 16px 20px; font-size: var(--t-meta); color: var(--text-meta); }
.datatable th,
.datatable td { padding: 14px 20px; text-align: left; vertical-align: middle; }
.datatable thead th {
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--text-meta);
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
.datatable tbody tr { border-bottom: 1px solid var(--wash); }
.datatable tbody tr:last-child { border-bottom: 0; }
.datatable tbody tr:hover { background: var(--canvas); }

.datatable td.num { font-weight: 600; color: var(--text); white-space: nowrap; }
.datatable td.num span { font-weight: 400; color: var(--text-meta); }
.datatable .codes { display: flex; flex-wrap: wrap; gap: 5px; }

.opsbar {
  background: var(--ink-900);
  color: var(--inverse-text);
  padding: 12px 0;
}
.opsbar a { color: var(--surface); }
.opsbar__inner { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.opsbar__tag {
  font-size: var(--t-label);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--inverse-muted);
}

.queuecard {
  display: flex;
  gap: 16px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-left: 3px solid var(--line-strong);
  border-radius: var(--radius-md);
  background: var(--surface);
}
.queuecard--blocker { border-left-color: var(--mango); }
.queuecard--review { border-left-color: var(--daybreak); }
.queuecard--minor { border-left-color: var(--line-strong); }
.queuecard__body { flex-grow: 1; min-width: 0; display: flex; flex-direction: column; gap: 9px; }
.queuecard__title { font-size: var(--t-body); font-weight: 600; color: var(--text); }
.queuecard__actions { flex-shrink: 0; display: flex; flex-direction: column; gap: 8px; align-items: stretch; }

.flag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--t-small);
  font-weight: 600;
  border-radius: var(--radius-sm);
  padding: 5px 9px;
  white-space: nowrap;
}
.flag--blocker { color: var(--mango-ink); background: var(--mango-wash); }
.flag--review { color: var(--accent-deep); background: var(--accent-wash); }
.flag--minor { color: var(--text-soft); background: var(--wash); }

.checkgrid { display: flex; flex-direction: column; gap: 0; }
.checkfield {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid var(--wash);
}
.checkfield:last-child { border-bottom: 0; }
.checkfield__name { width: 150px; flex-shrink: 0; font-size: var(--t-meta); font-weight: 600; color: var(--text-soft); }
.checkfield__note { flex-grow: 1; font-size: var(--t-meta); color: var(--text-meta); }
.checkfield__state {
  font-size: var(--t-small);
  font-weight: 600;
  border-radius: var(--radius-sm);
  padding: 3px 8px;
  white-space: nowrap;
}
.checkfield__state--ok { color: var(--hills-ink); background: var(--hills-wash); }
.checkfield__state--flag { color: var(--mango-ink); background: var(--mango-wash); }

.sourcepane {
  background: var(--canvas);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.sourcepane__quote {
  font-size: var(--t-meta);
  line-height: 1.6;
  color: var(--text-soft);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 14px;
  white-space: pre-wrap;
}

.plan {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 26px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  height: 100%;
}

.faqlist { display: flex; flex-direction: column; gap: 10px; }
.faq {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.faq__q {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: var(--tap);
  padding: 12px 20px;
  font-size: var(--t-body);
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  list-style: none;
}
.faq__q::-webkit-details-marker { display: none; }
.faq__q::after {
  content: "+";
  margin-left: auto;
  font-size: 20px;
  line-height: 1;
  color: var(--icon);
}
.faq[open] > .faq__q::after { content: "\2212"; }
.faq__a {
  max-width: 74ch;
  margin: 0;
  padding: 0 20px 18px;
  font-size: 14px;
  line-height: 1.6;
  color: var(--text-meta);
}

.guidehead { max-width: 860px; }
.guidehead__title { font-size: var(--t-h1); }
.guide { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 56px; align-items: start; }
.guide__toc { position: sticky; top: 24px; display: flex; flex-direction: column; gap: 10px; }
.guide__toc ol { display: flex; flex-direction: column; gap: 4px; padding-left: 18px; list-style: decimal; font-size: var(--t-meta); }
.guide__toc a { display: block; padding-block: 4px; color: var(--text-soft); }
.guide__toc a:hover { color: var(--text); }
.guide__body { max-width: 720px; }
.guide__section { scroll-margin-top: 24px; }
.guide__list { display: flex; flex-direction: column; gap: 6px; padding-left: 22px; list-style: disc; font-size: var(--t-body); line-height: 1.6; }
ol.guide__list { list-style: decimal; }
.guide__ref { font-family: var(--font-mono); font-size: 11px; line-height: 0; }
.guide__ref a { padding: 0 2px; color: var(--link); }
.guide__sources { padding-top: 24px; border-top: 1px solid var(--line); }
.guide__sourcelist { display: flex; flex-direction: column; gap: 8px; padding-left: 22px; list-style: decimal; font-size: var(--t-meta); line-height: 1.5; color: var(--text-meta); overflow-wrap: anywhere; }
.guidecard { display: flex; flex-direction: column; gap: 10px; }
@media (max-width: 900px) {
  .guide { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .guide__toc { position: static; }
}
.faq__a:is(div) { max-width: none; }

.sources { font-size: var(--t-small); color: var(--text-meta); }
.sources__toggle {
  display: inline-flex;
  align-items: center;
  min-height: var(--tap);
  font-weight: 600;
  cursor: pointer;
}
.sources__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding-left: 18px;
  overflow-wrap: anywhere;
}

.sharecopy { max-width: 560px; }

.applist { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.approw {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  padding: 14px 18px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.approw__body { display: flex; flex-direction: column; gap: 4px; flex: 1 1 260px; min-width: 0; }
.approw__title {
  display: flex;
  align-items: center;
  min-height: var(--tap);
  font-size: var(--t-body);
  font-weight: 600;
  color: var(--text);
}
.approw__meta { font-size: var(--t-meta); color: var(--text-meta); }
.approw__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }

.chipbtn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: var(--tap);
  padding: 0 14px;
  font: inherit;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--text-soft);
  background: var(--surface);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius-pill);
  cursor: pointer;
}
.chipbtn[aria-pressed="true"] { color: var(--accent-deep); background: var(--accent-wash); border-color: var(--accent-soft); }

.board {
  display: grid;
  grid-template-columns: repeat(7, minmax(180px, 1fr));
  gap: 12px;
  overflow-x: auto;
  padding-bottom: 8px;
}
.board__col {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 12px;
  background: var(--canvas);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.board__head { display: flex; align-items: center; gap: 8px; font-size: var(--t-meta); font-weight: 600; }
.board__list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; min-height: 44px; }
.board__card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 10px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.board__name { font-size: 14px; font-weight: 600; color: var(--text); overflow-wrap: anywhere; }

.timeline { display: flex; flex-direction: column; gap: 0; margin: 0; padding: 0; list-style: none; }

.checklist { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.checklist__item {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  padding: 10px 0;
  border-top: 1px solid var(--line);
}
.checklist__label { font-weight: 600; color: var(--text); flex: 1 1 200px; }
.checklist__why { flex-basis: 100%; font-size: var(--t-meta); color: var(--text-meta); }

.swatch { display: block; height: 72px; border-radius: var(--radius); border: 1px solid var(--line); }
.swatch--sm { width: 24px; height: 24px; border-radius: var(--radius-sm); flex-shrink: 0; }
.logosheet { display: flex; align-items: center; justify-content: center; min-height: 180px; }
.logosheet .wordmark { color: inherit; }
.card--hills.logosheet { --logo-knockout: var(--hills); }
.card--mango.logosheet { --logo-knockout: var(--mango); }
.logosheet--ink .wordmark__mark,
.logosheet--ink svg { color: var(--night); }
.wordmark--xl { gap: 22px; font-size: 84px; }
.logosheet__sizes { gap: 32px; color: var(--daybreak); --logo-knockout: var(--paper); }

.navsheet { position: relative; display: none; }
.navsheet > summary { list-style: none; }
.navsheet > summary::-webkit-details-marker { display: none; }
.navsheet__panel {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  z-index: 30;
  width: min(360px, calc(100vw - 2 * var(--gutter)));
  display: flex;
  flex-direction: column;
  gap: 18px;
  padding: 20px;
  color: var(--text);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-pop);
  --focus: var(--ember);
}
.navsheet__nav { display: flex; flex-direction: column; }
.navsheet__nav a {
  display: flex;
  align-items: center;
  min-height: 52px;
  font-family: var(--font-display);
  font-size: 26px;
  font-weight: 700;
  font-stretch: 85%;
  color: var(--text);
  border-bottom: 1px solid var(--line);
}
.navsheet__nav a:hover { text-decoration: none; color: var(--accent); }
.navsheet__account { display: flex; flex-direction: column; gap: 10px; }

.overseas .card:not(.card--mango) { color: var(--text); --link: var(--ember); --link-hover: var(--night); --focus: var(--ember); }
.overseas .card :is(.body, .small, .factsrc) { color: var(--text-soft); }
.overseas .card--mango { --link: var(--night); --focus: var(--night); }

.unverified { display: flex; flex-direction: column; gap: 10px; padding-left: 18px; font-size: var(--t-meta); line-height: 1.5; }

.linkcard { display: flex; flex-direction: column; gap: 8px; color: var(--text); }
.linkcard:hover { color: var(--text); text-decoration: none; border-color: var(--night); }

.alertlist { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 0; list-style: none; }
.alertrow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 20px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-md);
}
.alertrow__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.alertrow__what { font-weight: 600; overflow-wrap: anywhere; }
.alertrow .small { overflow-wrap: anywhere; }

.jobcard { grid-template-areas: "tile body money daylight save"; }
.jobcard > .tile { grid-area: tile; }
.jobcard__body { grid-area: body; }
.jobcard__money { grid-area: money; }
.jobcard > .daylight { grid-area: daylight; }
.jobcard__aside { grid-area: save; }
.jobcard--closed { grid-template-areas: "tile body daylight"; }

.joblist { container-type: inline-size; }
@container (max-width: 860px) {

    .jobcard {
      grid-template-columns: 56px minmax(0, 1fr) minmax(0, 1fr) 44px;
      grid-template-areas: "tile body body save" "tile money daylight daylight";
      gap: 12px 20px;
      align-items: start;
    }
    .jobcard > .tile { width: 56px; height: 56px; }
    .jobcard:has(> .tile--wide) { grid-template-columns: minmax(56px, max-content) minmax(0, 1fr) minmax(0, 1fr) 44px; }
    .jobcard > .tile--wide { width: auto; }
    .jobcard > .tile--wide img { max-width: 100px; max-height: 32px; }
    .jobcard--closed { grid-template-columns: 56px minmax(0, 1fr); grid-template-areas: "tile body" "tile daylight"; }
}
@container (max-width: 540px) {

    .jobcard {
      grid-template-columns: 48px minmax(0, 1fr) 44px;
      grid-template-areas: "tile body save" "money money money" "daylight daylight daylight";
      gap: 12px 14px;
      padding: 18px;
    }
    .jobcard > .tile { width: 48px; height: 48px; border-radius: 12px; }
    .jobcard:has(> .tile--wide) { grid-template-columns: minmax(48px, max-content) minmax(0, 1fr) 44px; }
    .jobcard > .tile--wide img { max-width: 80px; max-height: 28px; }
    .jobcard__h { font-size: 22px; }
    .jobcard--closed { grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "tile body" "daylight daylight"; }
}

@media (max-width: 1180px) {
  .mainnav,
  .masthead__link,
  .masthead__cta,
  .masthead__me { display: none; }
  .masthead__actions [data-account-in]:not([hidden]).masthead__me { display: inline-flex; }
  .navsheet { display: block; }
  .masthead__actions .navmenu { display: inline-flex; }
  :root { --masthead-h: 72px; }
}

@media (max-width: 1100px) {
  :root {
    --gutter: 32px;
    --t-mega: 132px;
    --t-hero: 88px;
    --t-hero-sm: 68px;
    --t-h1: 52px;
    --t-h2: 38px;
  }
  .tilegrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .split,
  .split--aside,
  .split--wide { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .sitefoot__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sitefoot__lead { grid-column: 1 / -1; }
  .statgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  :root {
    --gutter: 20px;
    --t-mega: 84px;
    --t-hero: 64px;
    --t-hero-sm: 52px;
    --t-h1: 44px;
    --t-h2: 32px;
    --t-h3: 22px;
    --t-lead: 17px;
  }

  .band { padding: 48px 0; }
  .band--tight { padding: 28px 0; }
  .band--hero { padding: 32px 0 28px; }
  :root { --masthead-h: 64px; }
  .masthead__inner { gap: 12px; }
  .wordmark { font-size: 21px; gap: 8px; }
  .wordmark__mark svg { width: 32px; height: 32px; }

  .stack > .btn,
  .plan > .btn,
  .emptystate > .btn { align-self: stretch; }

  .chip { white-space: normal; }
  .tabs { display: flex; }

  .row--top { flex-wrap: wrap; }
  .row--top .spacer { display: none; }

  .row--top:is(.small, .meta, .body) { flex-wrap: nowrap; }
  .row--top:is(.small, .meta, .body) > svg { flex-shrink: 0; }
  .row--top:is(.small, .meta, .body) > :not(svg) { min-width: 0; }

  .grid--2,
  .grid--3,
  .grid--4,
  .statgrid,
  .profileform { grid-template-columns: minmax(0, 1fr); }
  .tilegrid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .jobtile { min-height: 0; }

  .deflist__row { flex-direction: column; gap: 2px; }
  .deflist__key { width: auto; }

  .checkfield { flex-wrap: wrap; }
  .checkfield__name { width: 100%; }

  .legaltoc { position: static; max-height: none; }
  .legaltoc__list { flex-direction: row; flex-wrap: wrap; gap: 4px 10px; }
  .legaltoc a { border-left: 0; padding-left: 0; margin-left: 0; }
  .legalsec__body { padding-left: 0; }

  .queuecard { flex-wrap: wrap; }
  .queuecard__actions { flex-direction: row; flex-wrap: wrap; width: 100%; }
  .queuecard__actions .btn { flex: 1 1 calc(50% - 4px); min-width: 0; padding-inline: 10px; }

  .linkrow { flex-wrap: wrap; gap: 8px 12px; }
  .linkrow__title { flex: 1 1 100%; }
  .linkrow > .row { flex-wrap: wrap; }

  .sitefoot { padding-top: 56px; }
  .sitefoot__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .sitefoot__pitch { font-size: 28px; }
  .sitefoot__alert { flex-wrap: wrap; }
  .sitefoot__alert .btn { flex: 1 1 100%; }
  .sitefoot__legal { margin-top: 40px; }

  .fchips { gap: 8px; }

}

@media (max-width: 560px) {
  .lead, .body, .meta, .small, .jobtile__who, .jobcard__who { hyphens: auto; }
  h1, h2, .display{ overflow-wrap: break-word; }
}

@media print {
  .masthead, .sitefoot, .opsbar { display: none; }

   body[data-app="apply"] .notice,
  body[data-app="apply"] [data-compose-details], body[data-app="apply"] [data-compose-email],
  body[data-app="apply"] [data-compose-post] > .h-section, body[data-app="apply"] [data-compose-post] .row,
  body[data-app="apply"] [data-compose-post] .small, body[data-app="apply"] [data-compose-post] .section-label, body[data-app="apply"] .band--flush-top section:last-child { display: none; }
  body[data-app="apply"] .letter { border: 0; resize: none; min-height: 60vh; }
}

.letter { min-height: 260px; }

.pframes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 24px; }
.pframe { display: flex; flex-direction: column; gap: 8px; margin: 0; }
.pframe--x, .pframe--facebook, .pframe--linkedin { grid-column: 1 / -1; }
.pframe--instagram, .pframe--tiktok, .pframe--whatsapp { grid-column: auto; }
.pframe__label, .mock__label { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-meta); }
.pframe__card { position: relative; overflow: hidden; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.pframe__header { display: block; width: 100%; height: auto; }
.pframe__header--x { aspect-ratio: 3 / 1; }
.pframe__header--facebook { aspect-ratio: 1640 / 624; }
.pframe__header--linkedin { aspect-ratio: 1512 / 256; }
.pframe__who { display: flex; flex-direction: column; gap: 2px; padding: 0 20px 18px; }
.pframe__pic { width: 112px; height: 112px; margin-top: 18px; border: 4px solid var(--surface); }
.pframe__header + .pframe__who .pframe__pic { margin-top: -56px; }
.pframe__pic--round { border-radius: 50%; }
.pframe__pic--square { border-radius: 12px; }
.pframe__name { font-weight: 700; font-size: 18px; }
.pframe__handle { font-size: var(--t-meta); color: var(--text-meta); }
.socialtoc { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: var(--t-meta); }
.socialpost { padding-top: 24px; border-top: 1px solid var(--line); scroll-margin-top: 24px; }
.socialpost__row { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 24px; align-items: start; }
.mock { display: flex; flex-direction: column; gap: 10px; margin: 0; padding: 12px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }
.mock--ig, .mock--fb, .mock--x, .mock--story { min-width: 0; }
.mock__head { display: flex; align-items: center; gap: 10px; }
.mock__avatar { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; }
.mock__who { display: flex; flex-direction: column; font-weight: 600; font-size: 14px; line-height: 1.2; }
.mock__sub { font-weight: 400; font-size: 12px; color: var(--text-meta); }
.mock__img { display: block; width: 100%; height: auto; border-radius: 4px; }
.mock__img--round { border-radius: var(--radius-md); }
.mock__strip { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 4px; }
.mock__strip img { width: 64px; height: auto; border-radius: 4px; flex-shrink: 0; }
.mock__actions { display: flex; gap: 12px; }
.mock__actions span { width: 22px; height: 22px; border: 2px solid var(--text); border-radius: 50%; }
.mock__cap { margin: 0; font-family: var(--font-sans); font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--text); max-height: 280px; overflow-y: auto; }
.mock__xrow { display: flex; gap: 10px; }
.mock__xbody { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.phone { max-width: 240px; padding: 8px; background: var(--night); border-radius: 28px; }
.phone img { display: block; width: 100%; height: auto; border-radius: 20px; }
.wa { display: flex; flex-direction: column; gap: 16px; max-width: 390px; padding: 16px 12px; background: var(--canvas); border-radius: var(--radius-lg); }
.wa__bubble { align-self: flex-end; max-width: 92%; padding: 4px; background: var(--surface); border-radius: 10px; box-shadow: var(--shadow-card); }
.wa__preview { display: flex; flex-direction: column; gap: 2px; padding-bottom: 8px; background: var(--wash); border-radius: 8px; overflow: hidden; }
.wa__preview img { display: block; width: 100%; height: auto; }
.wa__title { padding: 6px 10px 0; font-weight: 600; font-size: 14px; line-height: 1.3; }
.wa__desc { padding: 0 10px; font-size: 12px; line-height: 1.4; color: var(--text-meta); }
.wa__domain { padding: 0 10px; font-size: 11px; color: var(--text-meta); }
.wa__text { margin: 0; padding: 6px 8px 4px; font-size: 14px; line-height: 1.45; overflow-wrap: anywhere; }

.teaserhead .masthead__inner { min-height: var(--masthead-h); }
.teaser {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 5vh, 72px) 0 clamp(28px, 7vh, 96px);
}
.teaser__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(360px, 460px);
  gap: 28px 64px;
  align-items: center;
}

.teaser .homehero__sun { right: -80px; width: min(620px, 46vw); }
.teaser__main { display: flex; flex-direction: column; gap: clamp(12px, 2.4vh, 24px); min-width: 0; }
.teaser__title {
  font-size: clamp(44px, min(7.2vw, 11vh), 112px);
  line-height: 0.95;
  color: var(--inverse-text);
}
.teaser__title em { color: var(--daybreak); }
.teaser__lead { max-width: 34ch; font-size: clamp(17px, 1.5vw, 21px); line-height: 1.45; color: var(--inverse-muted); }

.teaserform {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 24px;
  color: var(--text);
  background: var(--paper);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-deep);
  --focus: var(--ember);
  --link: var(--ember);
  --link-hover: var(--night);
  scroll-margin-top: 16px;
}
.teaserform__pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; gap: 12px; }
.teaserform__opt { margin-top: -6px; font-size: var(--t-small); color: var(--text-meta); }
.teaserform__consent { font-size: var(--t-small); line-height: 1.45; color: var(--text-meta); }

.teaserform__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.formerror {
  padding: 10px 14px;
  font-size: var(--t-meta);
  font-weight: 600;
  color: var(--accent-deep);
  background: var(--accent-wash);
  border: 1px solid var(--accent-line);
  border-radius: var(--radius);
}

.teaserwhy__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 0;
  list-style: none;
}
.teaserwhy__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
}
.teaserwhy__n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-family: var(--font-mono);
  font-size: 16px;
  border-radius: 50%;
  color: var(--night);
  background: var(--mango);
}
.teaserwhy__h3 { font-size: var(--t-h3); }

.teaserexample__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
  gap: 32px 64px;
  align-items: center;
}
.teaserexample__card { animation: none; }
.teaserexample__card .herocard__title { font-size: 27px; }
.teaserexample__tag {
  align-self: flex-start;
  padding: 4px 10px;
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--night);
  background: var(--canvas);
  border-radius: var(--radius-pill);
}
.teaserexample__grade { font-family: var(--font-mono); font-size: var(--t-small); color: var(--text-meta); }

.teaserguides { max-width: 62ch; font-size: var(--t-lead); line-height: 1.5; color: var(--text-soft); }
.teaserguides a { font-weight: 600; }

.teasernext__inner { max-width: 760px; }
.teasernext__share h2 { font-size: var(--t-h3); }
.teasershare .btn svg { flex-shrink: 0; }

.teaserprivacy { max-width: 760px; }
.teaserprivacy__draft {
  align-self: flex-start;
  padding: 10px 14px;
  color: var(--mango-ink);
  background: var(--mango-wash);
  border: 1px solid var(--mango-line);
  border-radius: var(--radius);
}

.teaserfoot { padding-top: 56px; }
.teaserfoot__lead { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 32px; }

@media (max-width: 1100px) {
  .teaser__inner { grid-template-columns: minmax(0, 1fr) minmax(320px, 420px); gap: 24px 36px; }
  .teaserwhy__list { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 860px) {
  .teaser .homehero__sun { width: min(420px, 80vw); right: -120px; opacity: 0.9; }
  .teaser__inner,
  .teaserexample__inner { grid-template-columns: minmax(0, 1fr); }
  .teaser__title { font-size: clamp(40px, 11.5vw, 72px); }
  .teaser__lead { max-width: none; }
}
@media (max-width: 480px) {
  .teaser { padding: 16px 0 32px; }
  .teaser__main { gap: 10px; }
  .teaser__title { font-size: clamp(36px, 11vw, 48px); }
  .teaser__lead { font-size: 16px; line-height: 1.4; }
  .teaserform { gap: 10px; padding: 16px; }
  .teaserform__pair { gap: 8px; }
  .teaserform .field { gap: 4px; }
  .teaserform .input,
  .teaserform .select { min-height: 46px; }
  .teaserform .btn--xl { min-height: 54px; font-size: 18px; }
  .teaserfoot__lead .btn { width: 100%; }
}

:root:has(.demoline) { --demoline-h: 28px; }
.demoline {
  height: 28px;
  margin: 0;
  overflow: hidden;
  font-family: var(--font-mono);
  font-size: 12px;
  line-height: 28px;
  color: var(--text-soft);
  background: var(--canvas);
  border-bottom: 1px solid var(--line);
}
.demoline__inner { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.cvcheck__list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cvcheck__item { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: 14px; align-items: start; padding: 14px 16px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); }
.cvcheck__state { display: inline-flex; white-space: nowrap; justify-content: center; padding: 3px 10px; border-radius: var(--radius-pill); font-family: var(--font-mono); font-size: var(--t-label); font-weight: 600; }
.cvcheck__item--ok .cvcheck__state { color: var(--hills); background: var(--hills-wash); }
.cvcheck__item--look .cvcheck__state { color: var(--mango-ink); background: var(--mango-wash); }
.cvcheck__item--fix .cvcheck__state { color: var(--accent-deep); background: var(--accent-wash); }
.cvcheck__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cvcheck__title { font-size: var(--t-body); color: var(--text); }
.cvcheck__detail { font-size: var(--t-meta); line-height: 1.5; color: var(--text-soft); }

@media (max-width: 760px) {
  .cvcheck__item { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .cvcheck__state { justify-self: start; }
}

.dropzone--over { outline: 3px dashed var(--mango); outline-offset: 3px; }

.rsdoc { max-width: 720px; margin: 0 auto; padding: 32px 36px; color: var(--night); background: var(--surface); font-family: Calibri, Carlito, Arial, sans-serif; font-size: 15px; line-height: 1.4; box-shadow: var(--shadow-raised); }
.rsdoc__name { font-size: 27px; font-weight: 700; line-height: 1.15; }
.rsdoc__headline { font-size: 17px; }
.rsdoc__contact { margin-bottom: 6px; font-size: 14px; }
.rsdoc__heading { margin: 16px 0 6px; padding-bottom: 2px; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; border-bottom: 1px solid var(--line-strong); }
.rsdoc__job { margin-top: 8px; font-weight: 700; }
.rsdoc__list { margin: 2px 0 0; padding-left: 20px; }
.rsdoc__para { margin: 2px 0; }
.rsdoc--compact { padding: 24px 28px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3; }
.rsdoc--compact .rsdoc__name { font-size: 22px; }
.rsdoc--compact .rsdoc__headline { font-size: 14px; }
@media print {
  body.rs-saving * { visibility: hidden; }
  body.rs-saving .rsdoc, body.rs-saving .rsdoc * { visibility: visible; }
  body.rs-saving .rsdoc { position: absolute; left: 0; top: 0; width: 100%; max-width: none; margin: 0; padding: 0; box-shadow: none; }
}

.allbtn { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 60px; padding: 8px 8px 8px 24px; font-size: 17px; font-weight: 600; white-space: nowrap; color: var(--night); background: var(--daybreak); border: 0; border-radius: var(--radius-pill); box-shadow: var(--shadow-raised); cursor: pointer; transition: background 0.2s, transform 0.2s; }
.allbtn:hover { color: var(--night); background: var(--daybreak-soft); text-decoration: none; }
.allbtn strong { font-weight: 800; }
.allbtn__go { display: grid; place-items: center; flex: none; width: 44px; height: 44px; color: var(--daybreak); background: var(--night); border-radius: 50%; overflow: hidden; }
.allbtn--mango { background: var(--mango); }
.allbtn--mango:hover { background: var(--mango-line); }
.allbtn--mango .allbtn__go { color: var(--mango); }
.allbtn--night { color: var(--limestone); background: var(--night); }
.allbtn--night:hover { color: var(--limestone); background: var(--night-raised); }
.allbtn--night .allbtn__go { color: var(--night); background: var(--daybreak); }

@media (prefers-reduced-motion: no-preference) {
  .allbtn:hover { transform: translateY(-2px); }
  :is(.allbtn, .profinvite):hover .allbtn__go svg { animation: arrowrun 0.5s ease-in-out; }

}
@keyframes arrowrun { 45% { transform: translateX(28px); } 46% { transform: translateX(-28px); } 100% { transform: none; } }

.fitcard { position: absolute; right: 0; bottom: 0; display: flex; flex-direction: column; gap: 8px; width: 62%; padding: 20px; color: var(--text); background: var(--surface); border-radius: var(--radius-xl); box-shadow: var(--shadow-raised); }

@media (prefers-reduced-motion: no-preference) {
   .fitcard { transition: transform 0.4s ease; }

}

.descbox { display: flex; flex-direction: column; gap: 20px; padding: 24px 28px; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-md); }

@media (max-width: 760px) { .descbox { padding: 18px; } }