/* ==========================================================================
   assets/careers/n.css · CAREERS ROUND 2 — SHARED LAYER — 2026-09-28
   Loaded by careers-n1/n2/n3 and careers-n3-apply, after careers.css.
   Built from the homepage's own components: the solid action button, cobalt
   icon plates, blue caps kickers, drawn work pictures on pale-blue plates,
   and a firmer form (bolder labels, firmer edges, solid section numbers).
   ========================================================================== */

/* ---- actions ----------------------------------------------------------- */
.cr .n-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  height:52px; padding:0 26px; border-radius:6px; background:#0760C6; color:#FFFFFF;
  font-size:16px; font-weight:800; letter-spacing:-.005em; text-decoration:none; white-space:nowrap;
  transition:background-color .15s;
}
.cr .n-btn:hover{ background:#004EA6; }
.cr .n-btn:active{ background:#003F8A; }
.cr .n-btn:focus-visible{ outline:2px solid #003F8A; outline-offset:3px; }
.cr .n-lnk{ display:inline-flex; align-items:center; gap:8px; min-height:44px; font-size:16px; font-weight:750; color:#0760C6; text-decoration:none; white-space:nowrap; }
.cr .n-lnk:hover{ color:#004EA6; text-decoration:underline; text-underline-offset:4px; }
.cr .nar{ width:16px; height:16px; stroke-width:2; }
.cr .ni{ width:22px; height:22px; stroke-width:1.8; }

/* ---- a drawn work picture always fills its plate ----------------------- */
/* The site's icon rule (.pg svg / .cr svg: stroke currentColor, 1.7-1.8px)
   would outline every shape in the drawing. A picture draws with its own
   attributes only. */
.wp{ display:block; width:100%; height:auto; }
#top svg.wp, #apply svg.wp, .cr svg.wp{ fill:none; stroke:none; stroke-width:1; stroke-linecap:butt; stroke-linejoin:miter; }

/* ---- the hero sheet: a number in the plate ----------------------------- */
#overview #q7 .n-num{ font-size:16px; line-height:1; font-weight:800; color:#FFFFFF; font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; }

/* ---- FAQ marks: Q.1 and A badges, the plus/minus key --------------------- */
.cr .nq{ display:inline-grid; place-items:center; flex:none; min-width:56px; height:38px; padding:0 10px; border-radius:4px; background:#FFFFFF;
  font-size:14.5px; font-weight:650; color:#6B7788; }
.cr .nq b{ color:#0F1B3D; font-weight:800; }
.cr .na{ display:inline-grid; place-items:center; flex:none; width:56px; height:38px; border-radius:4px; background:#E2EAF5; font-size:15px; font-weight:800; color:#0F1B3D; }
.cr .npm{ position:relative; flex:none; width:40px; height:40px; border-radius:6px; background:#FFFFFF; }
.cr .npm::before, .cr .npm::after{ content:""; position:absolute; left:50%; top:50%; width:14px; height:2px; margin:-1px 0 0 -7px; border-radius:1px; background:#0F1B3D; transition:transform .25s; }
.cr .npm::after{ transform:rotate(90deg); }
.cr [aria-expanded="true"] > .npm{ background:#E2EAF5; }
.cr [aria-expanded="true"] > .npm::after{ transform:rotate(0deg); }

/* ==========================================================================
   THE FORM, FIRMER — same fields and rules as careers.css, stronger type and
   edges, solid cobalt section numbers
   ========================================================================== */
#apply .af-f > .af-l, #apply .af-f > legend.af-l{ font-size:15px; font-weight:700; color:#0E1E35; }
#apply .af-opt{ color:#6B7788; font-weight:500; }
#apply .af-how, #apply .af-hint{ color:#5E6A7B; }
#apply .af-in, #apply .af-sel, #apply .af-ta{ height:52px; border-color:#AFBCCD; }
#apply .af-ta{ height:auto; }
#apply .af-pre > span{ border-color:#AFBCCD; background:#EEF4FC; color:#15335C; font-weight:750; }
#apply .af-c span{ min-height:48px; border-color:#AFBCCD; font-size:15.5px; color:#15335C; }
#apply .af-c input:checked + span{ border-width:1px; box-shadow:0 0 0 1px #0760C6; }
#apply .af-lg{ font-size:clamp(20px, 1.6vw, 23px); font-weight:800; letter-spacing:-.02em; color:#0E1E35; }
#apply .af-n{ width:34px; height:34px; border-radius:9px; background:#004594; color:#FFFFFF; font-size:15px; }
#apply .af-help{ font-size:15px; color:#505C6C; }
#apply .af-sub{
  margin-top:6px; padding-top:20px; border-top:1px solid #E3E9F2;
  font-size:12px; font-weight:750; letter-spacing:.14em; text-transform:uppercase; color:#0760C6;
}
#apply .af-sub.is-first{ padding-top:0; border-top:0; }
#apply .af-skills{ border-color:#D6E0EE; }
#apply .lv-o{ background:#EEF4FC; }
#apply .lv > legend{ font-weight:700; }
#apply .af-drop{ background:#F5F9FF; border-color:#9FB9DD; }
#apply .af-btn{ height:58px; font-size:17.5px; }
#apply .af-for-sum{ border-color:#C6D9F4; background:#FFFFFF; }
#apply .af-for-sum-v{ font-size:18px; }