/* The careers page (P7; Vikrant, 28 Oct 2026), by the client screens' rules: phone first, cream and ivory with burgundy,
   no red, no black tiles, no gold fills; the house's tokens alone. Its one message that is not good news — a limit, a
   missing field — is said in burgundy words, never red. */

.cr { margin: 0; background: var(--paper); color: var(--ink); font: 400 16px/1.5 Manrope, system-ui, sans-serif; }
.cr-main { max-width: 560px; margin: 0 auto; padding-block: 28px 56px; padding-left: max(16px, env(safe-area-inset-left, 0px)); padding-right: max(16px, env(safe-area-inset-right, 0px)); display: flex; flex-direction: column; gap: 16px; }
.cr-h { margin: 6px 0 0; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 34px; line-height: 1.1; text-align: center; text-wrap: balance; }
.cr-h.is-left { text-align: left; }
.cr-sub { margin: 0; text-align: center; color: var(--soft); font-size: 14px; }
.cr-card { background: var(--surface); border: 1px solid var(--rule); border-radius: 16px; padding: 18px; display: flex; flex-direction: column; gap: 10px; }
.cr-card h2 { margin: 0; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 24px; line-height: 1.15; }
.cr-card p { margin: 0; }
.cr-quiet { color: var(--soft); font-size: 14px; }
.cr-quiet b { color: var(--ink); }
.cr-pay { margin: 4px 0 0; padding-top: 10px; border-top: 1px solid var(--rule); display: grid; gap: 6px; font-size: 15px; }
.cr-pay div { display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 8px; }
.cr-pay dt { color: var(--soft); }
.cr-pay dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.cr-foot { margin: 0; font-size: 12.5px; color: var(--soft); }
.cr-btn { display: flex; align-items: center; justify-content: center; height: 54px; border: 0; border-radius: 10px; background: var(--wine); color: var(--wine-on); font: 600 16px Manrope, system-ui, sans-serif; text-decoration: none; cursor: pointer; width: 100%; }
.cr-btn.is-quiet { background: transparent; color: var(--ink); border: 1px solid var(--ink); }
.cr-btn:focus-visible, .cr-f input:focus-visible { outline: 2px solid var(--wine); outline-offset: 2px; }
.cr-back { color: var(--wine); font-weight: 600; font-size: 14px; text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.cr-form { display: flex; flex-direction: column; gap: 14px; }
.cr-f { display: flex; flex-direction: column; gap: 6px; }
.cr-f span { font: 600 11px Manrope, system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; color: var(--soft); }
.cr-f span i { color: var(--wine); font-style: normal; }
.cr-f input { height: 44px; box-sizing: border-box; padding: 0 12px; border: 1px solid var(--rule); border-radius: 10px; background: var(--surface); font: 500 16px Manrope, system-ui, sans-serif; color: var(--ink); }
.cr-tick { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; align-items: start; font-size: 14px; min-height: 44px; }
.cr-tick input { width: 20px; height: 20px; margin: 2px 0 0; accent-color: var(--wine); }
.cr-said { margin: 0; color: var(--wine); font-weight: 600; }        /* said in words, in burgundy; a client's screen has no red */
.cr-away { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.cr-none p:first-child { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 22px; font-weight: 600; }