@font-face {
  font-family:"ZERO Signature";
  src:url("assets/fonts/zero-signature-subset.woff2?v=2") format("woff2");
  font-style:normal;
  font-weight:400;
  font-display:swap;
  unicode-range:U+20,U+4EE3,U+5149,U+535A,U+53D6,U+5F79,U+65B0,U+7DE0,U+7F8E,U+8868;
}
/* Shared palette. Keep fixed brand colors separate from section-scoped --ze-* roles.
   The site remains light-only via html color-scheme; retained dark values are not an enabled theme. */
:root {
  --ze-color-white:#ffffff;
  --ze-color-ink:#172943;
  --ze-color-muted:#52627a;
  --ze-color-brand-blue:#1754b5;
  --ze-color-brand-blue-hover:#124596;
  --ze-color-soft-blue:#edf5ff;
  --ze-color-section:#f3f6fa;
  --ze-color-rule:#d3deed;
  --ze-color-input-border:#70829b;
  --ze-color-error:#ad2828;
  --ze-color-navy-rgb:20 43 71;
  --ze-color-navy:rgb(var(--ze-color-navy-rgb));
  --ze-color-navy-muted:#d4e1ef;
  --ze-color-navy-link:#b8d6ff;
  --ze-color-navy-hover:#e4effa;
  --ze-color-navy-soft:#213d5d;
  --ze-color-navy-rule:#607894;
  --ze-color-selection:#d6e7ff;
  --ze-color-montage-surface:#e9f2fa;
  --ze-color-montage-caption:#215bb9;
  --ze-color-sales-existing:#216953;
  --ze-color-role-gold:#a58440;
  --ze-color-role-gold-hover:#faf7f0;
  --ze-color-dark-page:#091320;
  --ze-color-dark-surface:#101b2c;
  --ze-color-dark-ink:#edf3ff;
  --ze-color-dark-muted:#b6c5de;
  --ze-color-dark-blue:#8bbaff;
  --ze-color-dark-action:#9ac2ff;
  --ze-color-dark-on-action:#10213d;
  --ze-color-dark-soft:#192e49;
  --ze-color-dark-rule:#3b506c;
  --ze-color-dark-input-border:#7c94b3;
  --ze-color-dark-error:#ffb3aa;
  --ze-color-dark-action-hover:#b5d2ff;
  --ze-color-dark-sales-existing:#8ad6bc;
}

html{color-scheme:light}body{margin:0;padding:0;background:light-dark(var(--ze-color-white),var(--ze-color-dark-page));font-family:"Yu Gothic",Meiryo,sans-serif}#zero-recruit-journey{margin:auto}:is(button,a[data-action]),a,select,summary{cursor:pointer}@media(max-width:480px){body{padding:12px 8px}}
#zero-recruit-journey .ze-home-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:22px 0; }
#zero-recruit-journey .ze-home-product { display:grid; grid-template-rows:120px 1fr; gap:16px; margin:0; padding:20px; min-width:0; border:1px solid var(--ze-rule); border-radius:6px; background:var(--ze-color-white); color:var(--ze-color-ink); }
#zero-recruit-journey .ze-home-product-media { display:flex; justify-content:center; align-items:center; min-width:0; height:120px; padding:8px; background:var(--ze-color-white); }
#zero-recruit-journey .ze-home-product-media img { display:block; width:100%; height:100%; object-fit:contain; }
#zero-recruit-journey .ze-home-product figcaption { padding:0; color:inherit; }
#zero-recruit-journey .ze-home-product figcaption strong { display:block; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-home-product-purpose { margin:8px 0 0; color:var(--ze-color-muted); font-size:14px; line-height:1.75; }
@container (max-width:600px) {
 #zero-recruit-journey .ze-home-products { grid-template-columns:minmax(0,1fr); gap:12px; }
 #zero-recruit-journey .ze-home-product { grid-template-columns:96px minmax(0,1fr); grid-template-rows:auto; gap:16px; align-items:center; padding:12px; }
 #zero-recruit-journey .ze-home-product-media { height:96px; padding:4px; }
 #zero-recruit-journey .ze-home-product figcaption strong { font-size:14px; }
}

#zero-recruit-journey { color-scheme:inherit; --ze-bg:light-dark(var(--ze-color-white),var(--ze-color-dark-surface)); --ze-ink:light-dark(var(--ze-color-ink),var(--ze-color-dark-ink)); --ze-muted:light-dark(var(--ze-color-muted),var(--ze-color-dark-muted)); --ze-blue:light-dark(var(--ze-color-brand-blue),var(--ze-color-dark-blue)); --ze-action:light-dark(var(--ze-color-brand-blue),var(--ze-color-dark-action)); --ze-on-action:light-dark(var(--ze-color-white),var(--ze-color-dark-on-action)); --ze-soft:light-dark(var(--ze-color-soft-blue),var(--ze-color-dark-soft)); --ze-section-bg:light-dark(var(--ze-color-section),var(--ze-color-dark-soft)); --ze-rule:light-dark(var(--ze-color-rule),var(--ze-color-dark-rule)); --ze-input-border:light-dark(var(--ze-color-input-border),var(--ze-color-dark-input-border)); --ze-error:light-dark(var(--ze-color-error),var(--ze-color-dark-error)); --ze-focus:light-dark(var(--ze-color-brand-blue),var(--ze-color-dark-action)); --ze-action-hover:light-dark(var(--ze-color-brand-blue-hover),var(--ze-color-dark-action-hover)); --ze-gutter:clamp(18px,5cqi,40px); --ze-section-space:clamp(32px,5cqi,48px); font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif; color:var(--ze-ink); line-height:1.75; width:100%; }
#zero-recruit-journey * { box-sizing:border-box; }
#zero-recruit-journey .ze-review { display:flex; flex-wrap:wrap; gap:4px 20px; align-items:center; padding:0 0 16px; font-size:14px; }
#zero-recruit-journey .ze-review span, #zero-recruit-journey .ze-review-note { color:var(--ze-muted); font-size:12px; }
#zero-recruit-journey .ze-window { background:var(--ze-bg); max-width:100%; margin-inline:auto; container-type:inline-size; container-name:ze-site; }
/* Reserve the content viewport while app.js loads, keeping the footer below the first screen. */
#zero-recruit-journey #ze-content { min-height:100vh; min-height:100svh; }
#zero-recruit-journey .ze-header { display:grid; grid-template-columns:minmax(180px,1fr) auto auto; align-items:center; gap:24px; padding:20px var(--ze-gutter); border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-main { padding:32px var(--ze-gutter) var(--ze-section-space); }
#zero-recruit-journey h1 { color:var(--ze-blue); font-size:clamp(26px,4.5cqi,36px); line-height:1.4; margin:0 0 18px; font-weight:700; }
#zero-recruit-journey h2 { font-size:clamp(22px,2.8cqi,28px); line-height:1.5; margin:40px 0 16px; color:var(--ze-blue); }
#zero-recruit-journey p { margin:10px 0; }
#zero-recruit-journey .ze-lead { font-size:15px; }
#zero-recruit-journey .ze-controls { display:flex; flex-wrap:wrap; gap:14px 20px; margin-bottom:28px; }
#zero-recruit-journey .ze-control { flex:1 1 180px; min-width:0; display:block; }
#zero-recruit-journey .ze-label { display:block; font-size:14px; font-weight:700; margin-bottom:7px; }
#zero-recruit-journey input:not([type=checkbox]):not([type=radio]), #zero-recruit-journey select, #zero-recruit-journey textarea { display:block; width:100%; min-width:0; padding:11px 12px; font:inherit; font-size:16px; color:var(--ze-ink); background:var(--ze-bg); border:1px solid var(--ze-input-border); border-radius:3px; caret-color:var(--ze-blue); }
#zero-recruit-journey textarea { min-height:100px; resize:vertical; }
#zero-recruit-journey input[type=checkbox] { width:20px; height:20px; flex:0 0 20px; accent-color:var(--ze-blue); margin:3px 0 0; }
#zero-recruit-journey .ze-table { width:100%; border-collapse:collapse; font-size:14px; margin:16px 0; }
#zero-recruit-journey .ze-table th, #zero-recruit-journey .ze-table td { padding:16px 12px; border-bottom:1px solid var(--ze-rule); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-table th { width:28%; font-weight:700; }
#zero-recruit-journey .ze-table small { display:block; color:var(--ze-muted); margin-top:7px; font-size:12px; }
#zero-recruit-journey .ze-pending { color:var(--ze-muted); }
#zero-recruit-journey .ze-salary { font-size:20px; font-weight:700; color:var(--ze-blue); }
#zero-recruit-journey .ze-note { color:var(--ze-muted); font-size:13px; }
#zero-recruit-journey .ze-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; align-items:center; }
#zero-recruit-journey :is(button,a[data-action]) { display:inline-flex; align-items:center; padding:12px 20px; min-height:46px; font:inherit; font-size:15px; font-weight:700; border:1px solid var(--ze-blue); border-radius:3px; color:var(--ze-blue); background:var(--ze-bg); }
#zero-recruit-journey :is(button,a[data-action]).ze-primary { background:var(--ze-action); border-color:var(--ze-action); color:var(--ze-on-action); }
#zero-recruit-journey :is(button,a[data-action]).ze-text { border:0; padding-inline:0; text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey :is(button,a[data-action]):not(:disabled):hover { background:var(--ze-soft); }
#zero-recruit-journey :is(button,a[data-action]).ze-primary:not(:disabled):hover { background:var(--ze-action-hover); border-color:var(--ze-action-hover); }
#zero-recruit-journey .ze-summary { padding:18px 20px; background:var(--ze-soft); margin:20px 0 24px; }
#zero-recruit-journey .ze-summary strong { display:block; font-size:19px; color:var(--ze-blue); }
#zero-recruit-journey .ze-summary p { margin:4px 0 0; font-size:14px; }
#zero-recruit-journey .ze-steps { list-style:none; display:flex; padding:0; margin:0 0 28px; gap:10px 20px; flex-wrap:wrap; font-size:13px; color:var(--ze-muted); }
#zero-recruit-journey .ze-steps li[aria-current=step] { color:var(--ze-blue); font-weight:700; text-decoration:underline; text-underline-offset:7px; }
#zero-recruit-journey .ze-field { margin:24px 0; }
#zero-recruit-journey .ze-required { font-size:12px; margin-left:8px; color:var(--ze-muted); font-weight:400; }
#zero-recruit-journey .ze-error { color:var(--ze-error); font-size:13px; margin:7px 0; }
#zero-recruit-journey [aria-invalid=true] { border-color:var(--ze-error) !important; }
#zero-recruit-journey .ze-consent { display:flex; align-items:flex-start; gap:12px; margin:20px 0; font-size:14px; }
#zero-recruit-journey .ze-privacy { font-size:13px; margin-top:24px; }
#zero-recruit-journey .ze-privacy summary { padding:10px 0; min-height:44px; text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey .ze-footer { padding:24px var(--ze-gutter); border-top:1px solid var(--ze-rule); color:var(--ze-blue); font-size:14px; font-weight:700; display:flex; flex-wrap:wrap; gap:8px 20px; }
#zero-recruit-journey .ze-footer span { font-size:12px; color:var(--ze-muted); font-weight:400; }
#zero-recruit-journey .ze-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
#zero-recruit-journey ::selection { color:var(--ze-on-action); background:var(--ze-action); }
#zero-recruit-journey :is(button,a[data-action]).ze-brand { display:inline-flex; align-items:center; max-width:100%; min-height:44px; padding:0; border:0; line-height:1; background:transparent; }
#zero-recruit-journey .ze-brand img { display:block; width:240px; max-width:100%; min-width:0; height:auto; aspect-ratio:9 / 2; object-fit:cover; object-position:center 45%; }
#zero-recruit-journey :is(button,a[data-action]).ze-brand:hover { background:transparent; }
#zero-recruit-journey .ze-nav { display:flex; align-items:center; gap:20px; min-width:0; }
#zero-recruit-journey .ze-nav :is(button,a[data-action]) { padding:8px 0; border:0; font-size:13px; min-height:44px; white-space:nowrap; color:var(--ze-ink); }
#zero-recruit-journey .ze-nav :is(button,a[data-action])[aria-current=page] { text-decoration:underline; text-underline-offset:6px; }
#zero-recruit-journey .ze-photo { margin:0; }
#zero-recruit-journey .ze-photo img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-photo figcaption { padding:5px 20px 0; text-align:right; font-size:11px; color:var(--ze-muted); }
#zero-recruit-journey .ze-office-teaser { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; }
#zero-recruit-journey .ze-office-teaser img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-office-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px 24px; margin:32px 0; }
#zero-recruit-journey .ze-office-grid figure { margin:0; }
#zero-recruit-journey .ze-office-grid img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-office-grid figcaption { margin-top:12px; font-size:13px; color:var(--ze-muted); }
/* Match the portrait building and landscape arrival photo heights without cropping. */
#zero-recruit-journey .ze-office-nagoya-arrival { grid-template-columns:minmax(0,1fr) minmax(0,1.92fr); align-items:start; }
#zero-recruit-journey .ze-office-terrace-grid { max-width:538px; }
#zero-recruit-journey .ze-office-building-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.78fr); align-items:start; }
#zero-recruit-journey .ze-office-arrival-grid { grid-template-columns:minmax(0,1fr) minmax(0,2.25fr) minmax(0,1fr); align-items:start; }
#zero-recruit-journey .ze-office-hero { margin:24px 0; }
#zero-recruit-journey .ze-office-hero img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-office-hero figcaption { margin-top:9px; font-size:13px; color:var(--ze-muted); }
#zero-recruit-journey .ze-hero { padding:clamp(36px,6cqi,64px) var(--ze-gutter) clamp(36px,5cqi,56px); }
#zero-recruit-journey .ze-hero h1 { font-size:clamp(24px,8cqi,48px); line-height:1.4; margin:0; letter-spacing:-.025em; }
#zero-recruit-journey .ze-role-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
#zero-recruit-journey .ze-home-section { padding:var(--ze-section-space) var(--ze-gutter); }
#zero-recruit-journey .ze-home-section h2 { margin-top:0; }
#zero-recruit-journey .ze-home-section.ze-tinted { background:var(--ze-section-bg); }
#zero-recruit-journey .ze-overview-row { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
#zero-recruit-journey .ze-overview-row h3 { color:var(--ze-blue); font-size:20px; margin:0 0 12px; }
#zero-recruit-journey .ze-overview-row p { font-size:14px; }
#zero-recruit-journey .ze-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; padding:12px var(--ze-gutter) 0; font-size:12px; color:var(--ze-muted); }
#zero-recruit-journey .ze-breadcrumb :is(button,a[data-action]) { font-size:12px; padding:6px 0; min-height:44px; border:0; text-decoration:underline; text-underline-offset:3px; }
#zero-recruit-journey .ze-training-list { margin:20px 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-training-list li { padding:16px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-training-list strong { display:block; font-size:18px; color:var(--ze-blue); }
#zero-recruit-journey .ze-training-list p { font-size:14px; margin:5px 0 0; text-wrap:pretty; }
#zero-recruit-journey .ze-job-row { margin:20px 0; padding:24px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-job-row h2 { margin:0 0 12px; }
#zero-recruit-journey .ze-job-row small { display:block; font-size:12px; color:var(--ze-muted); margin-top:10px; }
#zero-recruit-journey .ze-city-buttons { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
#zero-recruit-journey .ze-city-buttons :is(button,a[data-action]) { flex:1 1 100px; }
#zero-recruit-journey .ze-faq { padding:8px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-faq summary { padding:12px 0; min-height:48px; font-weight:700; color:var(--ze-blue); }
#zero-recruit-journey .ze-selection-flow { margin:22px 0 30px; padding-left:24px; }
#zero-recruit-journey .ze-selection-flow li { padding:14px 0 14px 6px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-selection-flow li::marker { color:var(--ze-blue); font-weight:700; }
#zero-recruit-journey .ze-selection-flow strong { color:var(--ze-blue); font-size:18px; }
#zero-recruit-journey .ze-selection-flow p { margin:6px 0 0; font-size:14px; }
#zero-recruit-journey .ze-documents { margin:20px 0; font-size:14px; }
#zero-recruit-journey .ze-documents strong { color:var(--ze-blue); }
#zero-recruit-journey .ze-address { font-style:normal; font-size:14px; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-map-link { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; color:var(--ze-blue); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey .ze-office-access { display:grid; justify-items:start; gap:12px; }
#zero-recruit-journey .ze-office-access .ze-access-station { margin:0; font-size:clamp(18px,2cqi,20px); font-weight:700; line-height:1.6; }
#zero-recruit-journey .ze-access-station span { display:inline-block; }
#zero-recruit-journey .ze-office-access .ze-address { font-size:16px; line-height:1.8; }
#zero-recruit-journey .ze-office-access .ze-map-link { margin-top:4px; min-height:52px; font-size:16px; }
#zero-recruit-journey .ze-office-access .ze-map-link .ze-arrow { transform:rotate(-45deg); }
#zero-recruit-journey .ze-office-access--with-photo { grid-template-columns:minmax(0,1fr) 240px; grid-template-rows:auto auto auto 1fr; grid-template-areas:"station building" "address building" "map building" "gallery building"; column-gap:40px; }
#zero-recruit-journey .ze-office-access--with-photo .ze-access-station { grid-area:station; }
#zero-recruit-journey .ze-office-access--with-photo .ze-address { grid-area:address; }
#zero-recruit-journey .ze-office-access--with-photo .ze-map-link { grid-area:map; }
#zero-recruit-journey .ze-access-photo-link { grid-area:gallery; align-self:start; width:100%; }
#zero-recruit-journey .ze-location-building { grid-area:building; align-self:start; width:240px; max-width:100%; margin:0; }
#zero-recruit-journey .ze-location-building img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-location-building figcaption { margin-top:8px; color:var(--ze-muted); font-size:13px; line-height:1.5; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-office-access--with-photo { grid-template-columns:minmax(0,1fr); grid-template-rows:auto; grid-template-areas:"station" "building" "address" "map" "gallery"; gap:16px; }
  #zero-recruit-journey .ze-location-building { width:210px; justify-self:center; }
}
#zero-recruit-journey .ze-person-row { display:grid; grid-template-columns:minmax(280px,1fr) minmax(0,2fr); gap:12px 32px; padding:32px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-person-row .ze-person-story-title { margin:0 0 12px; font-size:20px; line-height:1.6; color:var(--ze-blue); text-wrap:balance; }
#zero-recruit-journey .ze-person-name { font-weight:700; font-size:20px; }
#zero-recruit-journey .ze-person-meta { margin:0; font-size:14px; line-height:1.85; color:var(--ze-muted); }
#zero-recruit-journey .ze-person-meta-main { display:block; }
#zero-recruit-journey .ze-person-meta-asof { display:block; font-size:13px; }
#zero-recruit-journey .ze-person-meta-publication { display:block; margin-top:10px; font-size:13px; }
#zero-recruit-journey .ze-person-copy p { font-size:16px; line-height:1.85; }
#zero-recruit-journey .ze-person-list .ze-person-row:first-child { padding-top:16px; }
#zero-recruit-journey .ze-story { max-width:75ch; margin-inline:auto; }
#zero-recruit-journey .ze-story-profile { padding:0 0 20px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-story-source { margin-top:32px; padding-top:18px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-source-link { display:inline-flex; align-items:center; min-height:44px; color:var(--ze-blue); text-decoration:underline; text-underline-offset:4px; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-story-nav { display:flex; flex-wrap:wrap; gap:8px 24px; padding-top:20px; margin-top:28px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-footer { align-items:center; justify-content:space-between; }
#zero-recruit-journey .ze-footer span { color:var(--ze-ink); }
@container (max-width:480px) {
  #zero-recruit-journey .ze-person-row { grid-template-columns:1fr; gap:8px; }
  #zero-recruit-journey .ze-overview-row { grid-template-columns:1fr; }
  #zero-recruit-journey .ze-overview-row { gap:32px; }
  #zero-recruit-journey .ze-city-buttons { flex-direction:column; }
  #zero-recruit-journey .ze-city-buttons :is(button,a[data-action]) { flex:none; width:100%; }
  #zero-recruit-journey .ze-office-teaser, #zero-recruit-journey .ze-office-grid { grid-template-columns:1fr; }
  #zero-recruit-journey .ze-office-terrace-grid { max-width:259px; }
  #zero-recruit-journey .ze-office-building-grid figure:first-child { max-width:320px; }
}
@container (max-width:430px) {
  #zero-recruit-journey .ze-header { padding:16px 18px; }
  #zero-recruit-journey .ze-table, #zero-recruit-journey .ze-table tbody, #zero-recruit-journey .ze-table tr { display:block; width:100%; }
  #zero-recruit-journey .ze-table th { display:block; width:100%; padding:16px 0 4px; border-bottom:0; }
  #zero-recruit-journey .ze-table td { display:block; width:100%; padding:0 0 16px; }
  #zero-recruit-journey .ze-actions { align-items:stretch; flex-direction:column; }
  #zero-recruit-journey .ze-actions :is(button,a[data-action]) { width:100%; }
  #zero-recruit-journey .ze-summary { padding:15px; }
}
#zero-recruit-journey .ze-people-strip { display:block; position:relative; height:clamp(140px,37.3cqi,280px); overflow:hidden; border-radius:14px; background:var(--ze-bg); }
#zero-recruit-journey .ze-people-strip img { position:absolute; top:0; display:block; height:100%; object-fit:cover; }
#zero-recruit-journey .ze-people-strip img:nth-child(1) { left:0; width:38%; clip-path:polygon(0 0,100% 0,86% 100%,0 100%); object-position:50% 50%; }
#zero-recruit-journey .ze-people-strip img:nth-child(2) { left:33%; width:38%; clip-path:polygon(14% 0,100% 0,86% 100%,0 100%); object-position:75% 50%; }
#zero-recruit-journey .ze-people-strip img:nth-child(3) { left:66%; width:34%; clip-path:polygon(15% 0,100% 0,100% 100%,0 100%); object-position:50% 50%; }

#zero-recruit-journey .ze-product-list { margin:22px 0; }
#zero-recruit-journey .ze-product-row { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; align-items:center; padding:24px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-product-media { width:180px; height:180px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:24px; padding:8px; background:var(--ze-color-white); }
#zero-recruit-journey .ze-product-media img { display:block; width:100%; height:100%; min-height:0; object-fit:contain; }
#zero-recruit-journey .ze-product-logos img { max-height:64px; }
#zero-recruit-journey .ze-product-copy { min-width:0; }
#zero-recruit-journey .ze-product-copy h3 { color:var(--ze-blue); font-size:21px; line-height:1.5; margin:0 0 8px; }
#zero-recruit-journey .ze-product-copy .ze-product-name { font-size:16px; font-weight:700; margin:0 0 10px; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-product-copy p { font-size:14px; }
@container (max-width:480px) {
 #zero-recruit-journey .ze-product-row { grid-template-columns:1fr; gap:16px; align-items:start; }
 #zero-recruit-journey .ze-product-media { width:160px; height:160px; }
}

/* Shared finishing rules: preserve the approved blue/white direction. */
#zero-recruit-journey :where(h1,h2,h3) { text-wrap:balance; overflow-wrap:anywhere; }
#zero-recruit-journey :where(p,li,:is(button,a[data-action]),label,summary) { overflow-wrap:anywhere; }
#zero-recruit-journey :where(.ze-main,.ze-home-section) > p { max-inline-size:72ch; }
#zero-recruit-journey :where(:is(button,a[data-action]),a,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid var(--ze-focus); outline-offset:4px; }
#zero-recruit-journey h1[tabindex] { scroll-margin-top:24px; }
#zero-recruit-journey :is(button,a[data-action]):disabled { cursor:not-allowed; color:var(--ze-muted); background:var(--ze-soft); border-color:var(--ze-rule); }
#zero-recruit-journey .ze-nav :is(button,a[data-action]):not(:disabled):hover { background:transparent; text-decoration:underline; text-underline-offset:6px; }
#zero-recruit-journey :is(button,a[data-action]).ze-text:not(:disabled):hover { background:transparent; text-decoration-thickness:2px; }
#zero-recruit-journey .ze-home-product-media, #zero-recruit-journey .ze-product-media { color:var(--ze-color-ink); }
#zero-recruit-journey .ze-table { font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-consent { min-height:44px; cursor:pointer; }
@container (max-width:480px) {
  #zero-recruit-journey .ze-home-section > :is(button,a[data-action]):not(.ze-link) { width:100%; }
}

/* Buttons follow the action: choose a role, proceed, or read more. */
#zero-recruit-journey .ze-button { display:inline-flex; align-items:center; justify-content:space-between; gap:24px; max-width:100%; min-height:52px; padding:14px 20px; border-radius:6px; text-align:left; vertical-align:middle; }
#zero-recruit-journey .ze-button-label { min-width:0; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-arrow { display:block; width:22px; height:22px; flex:0 0 22px; pointer-events:none; }
#zero-recruit-journey :is(button,a[data-action]).ze-link { justify-content:flex-start; gap:14px; padding:10px 0; min-height:44px; border:0; border-radius:0; background:transparent; }
#zero-recruit-journey .ze-link .ze-button-label { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
#zero-recruit-journey :is(button,a[data-action]).ze-link:not(:disabled):hover { background:transparent; }
#zero-recruit-journey .ze-link:hover .ze-button-label { text-decoration-thickness:2px; }
#zero-recruit-journey .ze-link .ze-arrow { width:20px; height:20px; flex-basis:20px; }
#zero-recruit-journey :is(button,a[data-action]).ze-role-choice { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; min-height:132px; padding:24px; border:1px solid var(--ze-blue); border-radius:8px; background:var(--ze-soft); color:var(--ze-blue); text-align:left; }
#zero-recruit-journey .ze-role-copy { display:block; min-width:0; }
#zero-recruit-journey .ze-role-copy strong { display:block; font-size:clamp(18px,2.3cqi,22px); line-height:1.5; font-weight:700; }
#zero-recruit-journey .ze-role-copy > span { display:block; margin-top:8px; font-size:13px; font-weight:400; line-height:1.7; }
#zero-recruit-journey :is(button,a[data-action]).ze-role-choice:not(:disabled):hover { background:var(--ze-action); border-color:var(--ze-action); color:var(--ze-on-action); }
#zero-recruit-journey .ze-breadcrumb .ze-button { min-height:44px; padding:6px 0; border:0; border-radius:0; }
@container (max-width:640px) {
  #zero-recruit-journey .ze-role-links { grid-template-columns:1fr; gap:12px; }
  #zero-recruit-journey :is(button,a[data-action]).ze-role-choice { min-height:116px; padding:20px; gap:16px; }
}
@container (max-width:480px) {
  #zero-recruit-journey .ze-actions :is(button,a[data-action]).ze-link, #zero-recruit-journey .ze-story-nav :is(button,a[data-action]).ze-link { width:fit-content; max-width:100%; align-self:flex-start; }
}

#zero-recruit-journey .ze-source-link.ze-link { gap:14px; max-width:100%; padding:8px 0; text-decoration:none; }
#zero-recruit-journey .ze-nav :is(button,a[data-action]).ze-nav-cta { display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:6px; background:var(--ze-action); color:var(--ze-on-action); }
#zero-recruit-journey .ze-nav :is(button,a[data-action]).ze-nav-cta:not(:disabled):hover { background:var(--ze-action-hover); }
#zero-recruit-journey .ze-nav-cta .ze-arrow { width:18px; height:18px; flex-basis:18px; }

/* Official interview photos preserve the source portrait ratio. */
#zero-recruit-journey .ze-person-profile { display:grid; grid-template-columns:120px minmax(0,1fr); gap:20px; min-width:0; align-items:start; }
#zero-recruit-journey .ze-person-portrait { display:block; width:100%; height:auto; aspect-ratio:43/60; object-fit:contain; background:var(--ze-soft); color:var(--ze-ink); }
/* Frame the supplied portrait in CSS; retain the original image file. */
#zero-recruit-journey .ze-person-portrait-frame { display:block; width:100%; max-width:100%; aspect-ratio:43/60; overflow:hidden; background:var(--ze-soft); }
#zero-recruit-journey .ze-person-portrait-frame > .ze-person-portrait { width:100%; height:100%; object-fit:cover; object-position:50% 57%; transform:scale(1.54); transform-origin:50% 57%; }
#zero-recruit-journey .ze-person-portrait-frame--high > .ze-person-portrait { object-position:50% 22%; transform:scale(1.38); transform-origin:50% 22%; }
#zero-recruit-journey .ze-person-portrait-frame--natural > .ze-person-portrait { object-position:48% 50%; transform:none; }
/* Display-only adjustments: source photos, facial features and expressions stay intact. */
#zero-recruit-journey .ze-person-portrait[data-photo-tone="sunlit"] { filter:brightness(.97) contrast(1.06) saturate(.92); }
#zero-recruit-journey .ze-person-portrait[data-photo-tone="cool"] { filter:brightness(.98) contrast(1.03) saturate(.92); }
#zero-recruit-journey .ze-person-portrait-frame--balanced > .ze-person-portrait { object-position:50% 28%; transform:scale(1.1); transform-origin:50% 28%; }
#zero-recruit-journey .ze-person-profile .ze-person-name { margin:0 0 10px; }
#zero-recruit-journey .ze-story-profile { display:grid; grid-template-columns:160px minmax(0,1fr); gap:24px; align-items:start; }
#zero-recruit-journey .ze-story-profile .ze-person-name { margin-top:0; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-person-profile { grid-template-columns:104px minmax(0,1fr); gap:16px; }
  #zero-recruit-journey .ze-person-row { grid-template-columns:1fr; gap:20px; }
}
@container (max-width:480px) {
  #zero-recruit-journey .ze-person-profile { grid-template-columns:96px minmax(0,1fr); }
  #zero-recruit-journey :is(.ze-person-meta-asof,.ze-person-meta-publication) { font-size:14px; }
  #zero-recruit-journey .ze-story-profile { grid-template-columns:1fr; gap:16px; }
  #zero-recruit-journey .ze-story-profile :is(.ze-person-portrait,.ze-person-portrait-frame) { width:140px; }
}

/* Representative message: supplied portrait and original workplace photograph. */
#zero-recruit-journey .ze-message-teaser { display:grid; grid-template-columns:200px minmax(0,1fr); gap:32px; align-items:center; }
#zero-recruit-journey .ze-message-teaser > div { min-width:0; }
#zero-recruit-journey .ze-message-photo { margin:0; max-width:340px; }
#zero-recruit-journey .ze-message-photo img { display:block; width:100%; height:auto; background:var(--ze-soft); color:var(--ze-ink); }
#zero-recruit-journey .ze-message-photo figcaption { margin-top:10px; font-size:14px; color:var(--ze-ink); }
/* Message detail: one portrait, the representative's words, then supporting data. */
#zero-recruit-journey .ze-message-detail > h1 { margin:0 0 32px; color:var(--ze-blue); font-size:clamp(24px,3cqi,30px); line-height:1.5; }
#zero-recruit-journey .ze-message-opening { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); grid-template-areas:"headline portrait" "intro portrait"; grid-template-rows:auto 1fr; column-gap:48px; row-gap:24px; align-items:start; }
#zero-recruit-journey .ze-message-title { grid-area:headline; margin:0; color:var(--ze-ink); font-size:clamp(32px,4cqi,40px); line-height:1.5; font-weight:700; text-wrap:balance; }
#zero-recruit-journey .ze-message-opening .ze-market-line { line-height:1.5; }
#zero-recruit-journey .ze-message-opening-copy { grid-area:intro; min-width:0; }
#zero-recruit-journey .ze-message-opening-copy p { margin:0 0 16px; font-size:16px; line-height:1.9; }
#zero-recruit-journey .ze-message-opening-copy p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-message-banner { grid-area:portrait; margin:0; min-width:0; }
#zero-recruit-journey .ze-message-banner img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-message-banner figcaption { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; margin-top:16px; color:var(--ze-ink); }
#zero-recruit-journey .ze-message-banner figcaption span { font-size:14px; }
#zero-recruit-journey .ze-message-banner figcaption strong { font-size:20px; font-weight:700; letter-spacing:.05em; }
#zero-recruit-journey .ze-message-business { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:40px; align-items:start; margin-top:56px; padding-top:48px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-message-copy { min-width:0; }
#zero-recruit-journey .ze-message-detail :is(.ze-message-copy,.ze-message-closing) p { font-size:16px; line-height:1.9; }
#zero-recruit-journey .ze-message-copy p { margin:0 0 20px; }
#zero-recruit-journey .ze-message-copy p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-message-detail :is(.ze-message-business,.ze-message-team) h2 { margin:0 0 24px; font-size:clamp(22px,2.8cqi,28px); color:var(--ze-ink); line-height:1.5; text-wrap:balance; }
#zero-recruit-journey .ze-message-market-note { padding:24px; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-message-market-note h3 { margin:0 0 24px; color:var(--ze-ink); font-size:16px; line-height:1.7; }
#zero-recruit-journey .ze-message-market-note dl { margin:0; }
#zero-recruit-journey .ze-message-market-note dt { font-size:16px; font-weight:700; }
#zero-recruit-journey .ze-message-market-note dt span { margin-left:8px; font-size:14px; font-weight:400; }
#zero-recruit-journey .ze-message-market-note dd { margin:6px 0 0; font-size:16px; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-message-market-note dd strong { display:block; color:var(--ze-blue); font-size:clamp(24px,3cqi,30px); line-height:1.5; }
#zero-recruit-journey .ze-message-market-note dd span { display:block; margin-top:4px; font-size:14px; }
#zero-recruit-journey .ze-message-market-previous { margin-top:20px; padding-top:20px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-message-team { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); grid-template-areas:"heading heading" "photo copy"; column-gap:40px; align-items:start; margin-top:56px; }
#zero-recruit-journey .ze-message-team h2 { grid-area:heading; }
#zero-recruit-journey .ze-message-team .ze-message-photo { grid-area:photo; width:100%; max-width:none; }
#zero-recruit-journey .ze-message-team .ze-message-copy { grid-area:copy; }
#zero-recruit-journey .ze-message-closing { margin-top:32px; }
#zero-recruit-journey .ze-message-closing > p:first-child { max-inline-size:44em; margin:0; }
#zero-recruit-journey .ze-message-signature { margin:24px 0 0; text-align:right; }
#zero-recruit-journey .ze-message-signature .ze-message-position { display:block; margin-bottom:6px; font-family:"ZERO Signature","Yu Mincho","Hiragino Mincho ProN",serif; font-size:clamp(1.25rem,2.8cqi,1.625rem); line-height:1.75; font-weight:400; font-style:normal; font-synthesis:none; letter-spacing:.08em; }
#zero-recruit-journey .ze-message-signature .ze-message-name { display:block; font-family:"ZERO Signature","Yu Mincho","Hiragino Mincho ProN",serif; font-size:clamp(2rem,4.8cqi,3rem); line-height:1.5; font-weight:400; font-style:normal; font-synthesis:none; letter-spacing:.08em; word-spacing:.12em; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-message-next { margin-top:48px; padding-top:32px; border-top:1px solid var(--ze-rule); }
@container (max-width:760px) {
  #zero-recruit-journey .ze-message-detail > h1 { margin-bottom:28px; }
  #zero-recruit-journey .ze-message-opening { grid-template-columns:minmax(0,1fr); grid-template-areas:"headline" "portrait" "intro"; gap:28px; }
  #zero-recruit-journey .ze-message-title { font-size:32px; }
  #zero-recruit-journey .ze-message-banner { width:100%; max-width:500px; margin-inline:auto; }
  #zero-recruit-journey .ze-message-business { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:40px; padding-top:32px; }
  #zero-recruit-journey .ze-message-team { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "photo" "copy"; row-gap:24px; margin-top:40px; }
  #zero-recruit-journey .ze-message-team h2 { margin-bottom:0; }
  #zero-recruit-journey .ze-message-team .ze-message-photo { max-width:500px; margin-inline:auto; }
  #zero-recruit-journey .ze-message-market-note { padding:20px; }
  #zero-recruit-journey .ze-message-closing { margin-top:24px; }
}
@container (max-width:680px) {
  #zero-recruit-journey .ze-message-teaser { grid-template-columns:1fr; gap:24px; }
  #zero-recruit-journey .ze-message-teaser .ze-message-photo { max-width:200px; }
}

@container (max-width:680px) {
  #zero-recruit-journey .ze-office-arrival-grid { grid-template-columns:1fr; }
  #zero-recruit-journey .ze-office-arrival-grid figure:not(:nth-child(2)) { max-width:280px; }
}

/* ZERO headline and the first employee story share the existing type and color system. */
#zero-recruit-journey .ze-hero h1 { color:var(--ze-ink); }
#zero-recruit-journey .ze-hero-brand { color:var(--ze-blue); }
#zero-recruit-journey .ze-hero-business { margin:20px 0 0; max-inline-size:42em; font-size:16px; line-height:1.9; color:var(--ze-ink); }
#zero-recruit-journey .ze-hero-support { margin-top:16px; }
#zero-recruit-journey .ze-hero-copy { margin:4px 0 0; max-inline-size:44ch; font-size:14px; line-height:1.8; color:var(--ze-muted); }
#zero-recruit-journey .ze-hero-facts { display:flex; flex-wrap:wrap; gap:8px 20px; margin:24px 0 0; padding:0; list-style:none; font-size:13px; line-height:1.8; color:var(--ze-ink); }
#zero-recruit-journey .ze-hero-facts li { max-width:100%; }
/* Two employee stories connect each sales role to a firsthand experience. */
#zero-recruit-journey .ze-home-story { padding-block:clamp(40px,6cqi,64px); }
#zero-recruit-journey .ze-home-training h2 { margin-bottom:8px; }
#zero-recruit-journey .ze-training-time { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; margin:0; color:var(--ze-ink); font-size:16px; line-height:1.6; }
#zero-recruit-journey .ze-training-time strong { color:var(--ze-blue); font-size:26px; white-space:nowrap; }
#zero-recruit-journey .ze-training-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:28px 0 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-training-highlights li { min-width:0; }
#zero-recruit-journey .ze-training-highlights .ze-work-icon { width:32px; height:32px; flex-basis:32px; margin-bottom:14px; }
#zero-recruit-journey .ze-training-highlights h3 { margin:0 0 10px; color:var(--ze-ink); font-size:18px; line-height:1.6; }
#zero-recruit-journey .ze-training-highlights p { margin:0; font-size:14px; line-height:1.9; color:var(--ze-muted); text-wrap:pretty; }
#zero-recruit-journey .ze-training-next { display:flex; justify-content:flex-end; margin-top:28px; }
#zero-recruit-journey .ze-training-next :is(button,a[data-action]).ze-home-detail { width:248px; background:transparent; border-color:var(--ze-input-border); }
#zero-recruit-journey .ze-training-next :is(button,a[data-action]).ze-home-detail:hover { border-color:var(--ze-blue); background:var(--ze-soft); }
@container (max-width:680px) {
 #zero-recruit-journey .ze-training-highlights { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:24px; }
 #zero-recruit-journey .ze-training-highlights h3 { margin-bottom:8px; }
 #zero-recruit-journey .ze-training-next { flex-direction:column; margin-top:24px; }
}

#zero-recruit-journey .ze-hero-team { margin:0; font-size:14px; font-weight:700; line-height:1.8; color:var(--ze-ink); }

/* Homepage gateways: concise summaries and consistent outlined navigation. */
#zero-recruit-journey :is(button,a[data-action]).ze-home-detail { width:320px; max-width:100%; }
#zero-recruit-journey .ze-home-section .ze-actions { margin-top:20px; }
@container (max-width:480px) {
  #zero-recruit-journey :is(button,a[data-action]).ze-home-detail { width:100%; }
}

/* Quiet header: four primary choices, with secondary pages disclosed on demand. */
#zero-recruit-journey .ze-nav-disclosure { position:relative; min-width:0; }
#zero-recruit-journey .ze-nav-disclosure > summary { display:flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:8px 0; list-style:none; color:var(--ze-ink); font-size:13px; font-weight:700; white-space:nowrap; }
#zero-recruit-journey .ze-nav-disclosure > summary::-webkit-details-marker { display:none; }
#zero-recruit-journey .ze-nav-chevron { flex:0 0 16px; }
#zero-recruit-journey .ze-nav-disclosure[open] > summary .ze-nav-chevron { transform:rotate(180deg); }
#zero-recruit-journey .ze-nav-disclosure > summary:hover, #zero-recruit-journey .ze-nav-disclosure > summary[data-current] { text-decoration:underline; text-underline-offset:6px; }
#zero-recruit-journey .ze-nav-panel { position:absolute; z-index:5; top:calc(100% + 8px); left:0; width:260px; max-width:calc(100cqi - 36px); padding:12px 16px; background:var(--ze-bg); border:1px solid var(--ze-rule); border-radius:6px; }
#zero-recruit-journey .ze-site-menu .ze-nav-panel { left:auto; right:0; }
#zero-recruit-journey .ze-header .ze-nav-panel :is(button,a[data-action]) { display:block; width:100%; min-height:44px; padding:10px 4px; border:0; text-align:left; font-size:14px; white-space:normal; }
#zero-recruit-journey .ze-header .ze-nav-panel :is(button,a[data-action]):hover, #zero-recruit-journey .ze-header .ze-nav-panel :is(button,a[data-action])[aria-current=page] { text-decoration:underline; text-underline-offset:6px; }
#zero-recruit-journey .ze-header .ze-nav-panel a[data-action]:hover { background:var(--ze-soft); }
#zero-recruit-journey .ze-header .ze-nav-panel a[data-action][aria-current=page] { font-weight:700; }
#zero-recruit-journey .ze-role-section { margin:0 var(--ze-gutter); padding:28px 0 40px; border-top:1px solid var(--ze-rule); }
@container (max-width:820px) {
  #zero-recruit-journey .ze-header { grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; }
  #zero-recruit-journey .ze-brand { grid-column:1; grid-row:1; justify-self:start; }
  #zero-recruit-journey .ze-brand img { width:220px; }
  #zero-recruit-journey .ze-site-menu { grid-column:2; grid-row:1; }
  #zero-recruit-journey .ze-nav { grid-column:1 / -1; grid-row:2; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)) minmax(88px,1.25fr); gap:4px; }
  #zero-recruit-journey .ze-nav > :is(button,a[data-action]), #zero-recruit-journey .ze-nav > details > summary { width:100%; justify-content:center; }
  #zero-recruit-journey .ze-nav :is(button,a[data-action]).ze-nav-cta { gap:6px; padding:8px 6px; }
}
@container (max-width:480px) {
  #zero-recruit-journey .ze-header { column-gap:12px; }
  #zero-recruit-journey .ze-brand img { width:200px; }
  #zero-recruit-journey .ze-nav > :is(button,a[data-action]), #zero-recruit-journey .ze-nav > details > summary { font-size:13px; }
  #zero-recruit-journey .ze-nav-cta .ze-arrow { display:none; }
  #zero-recruit-journey .ze-role-section { padding:24px 0 32px; }
}

/* Selected background 5: white canvas with navy at the opening and closing. */
#zero-recruit-journey .ze-hero,
#zero-recruit-journey .ze-home-conditions {
  --ze-bg:var(--ze-color-navy);
  --ze-section-bg:var(--ze-color-navy);
  --ze-ink:var(--ze-color-white);
  --ze-muted:var(--ze-color-navy-muted);
  --ze-blue:var(--ze-color-navy-link);
  --ze-action:var(--ze-color-white);
  --ze-on-action:var(--ze-color-navy);
  --ze-action-hover:var(--ze-color-navy-hover);
  --ze-soft:var(--ze-color-navy-soft);
  --ze-rule:var(--ze-color-navy-rule);
  --ze-focus:var(--ze-color-white);
  background:var(--ze-bg);
  color:var(--ze-ink);
}

/* Approved TOP option 2: original photograph, a readable navy overlay, and concise role links. */
#zero-recruit-journey .ze-hero-photo { position:relative; isolation:isolate; display:flex; align-items:center; min-height:clamp(500px,56cqi,640px); padding:64px var(--ze-gutter); }
#zero-recruit-journey .ze-hero-media { position:absolute; inset:0 0 0 auto; width:72%; margin:0; pointer-events:none; }
#zero-recruit-journey .ze-hero-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:0% 40%; }
#zero-recruit-journey .ze-hero-photo::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,var(--ze-color-navy) 0%,var(--ze-color-navy) 28%,rgb(var(--ze-color-navy-rgb) / .88) 36%,rgb(var(--ze-color-navy-rgb) / .76) 54%,transparent 62%); }
#zero-recruit-journey .ze-hero-content { position:relative; z-index:2; width:54%; min-width:0; }
#zero-recruit-journey .ze-hero-photo h1 { font-size:clamp(32px,5cqi,60px); line-height:1.45; letter-spacing:-.025em; color:var(--ze-color-white); }
#zero-recruit-journey .ze-hero-photo .ze-hero-brand { color:var(--ze-color-white); }
#zero-recruit-journey .ze-hero-photo .ze-hero-role { font-size:.84em; }
#zero-recruit-journey .ze-hero-photo .ze-hero-business { margin-top:32px; font-size:16px; line-height:1.9; }
#zero-recruit-journey .ze-hero-photo .ze-hero-support { margin-top:16px; }
#zero-recruit-journey .ze-hero-photo .ze-hero-team,
#zero-recruit-journey .ze-hero-photo .ze-hero-copy { font-size:15px; font-weight:400; line-height:1.8; color:var(--ze-color-white); }
#zero-recruit-journey .ze-hero-next { display:grid; gap:24px; padding:28px var(--ze-gutter) 36px; background:var(--ze-bg); border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-hero-next .ze-hero-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0; font-size:15px; font-weight:700; line-height:1.6; }
#zero-recruit-journey .ze-hero-facts li { display:flex; align-items:center; justify-content:center; gap:12px; min-width:0; }
#zero-recruit-journey .ze-hero-facts li + li { border-left:1px solid var(--ze-rule); padding-left:16px; }
#zero-recruit-journey .ze-hero-facts svg { flex:0 0 28px; }
#zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-role-choice { min-height:64px; padding:16px 24px; border-color:var(--ze-ink); border-radius:4px; background:var(--ze-bg); color:var(--ze-ink); }
#zero-recruit-journey .ze-hero-next .ze-role-copy strong { font-size:17px; }
#zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-role-choice:not(:disabled):hover { background:var(--ze-ink); border-color:var(--ze-ink); color:var(--ze-bg); }
@container (max-width:760px) {
 #zero-recruit-journey .ze-hero-photo { display:block; min-height:0; padding:0; }
 #zero-recruit-journey .ze-hero-media { position:relative; inset:auto; width:100%; aspect-ratio:960 / 670; }
 #zero-recruit-journey .ze-hero-media img { height:auto; aspect-ratio:960 / 670; object-position:center; }
 #zero-recruit-journey .ze-hero-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 55%,rgb(var(--ze-color-navy-rgb) / .3) 76%,var(--ze-color-navy) 100%); }
 #zero-recruit-journey .ze-hero-photo::after { display:none; }
 #zero-recruit-journey .ze-hero-content { width:100%; margin-top:-16px; padding:0 var(--ze-gutter) 36px; }
 #zero-recruit-journey .ze-hero-photo h1 { font-size:clamp(27px,7.6cqi,48px); line-height:1.4; }
 #zero-recruit-journey .ze-hero-photo .ze-hero-business { margin-top:20px; font-size:15px; }
 #zero-recruit-journey .ze-hero-photo .ze-hero-team,
 #zero-recruit-journey .ze-hero-photo .ze-hero-copy { font-size:14px; }
 #zero-recruit-journey .ze-hero-next .ze-hero-facts { grid-template-columns:1fr; gap:12px; font-size:14px; }
 #zero-recruit-journey .ze-hero-facts li { justify-content:flex-start; }
 #zero-recruit-journey .ze-hero-facts li + li { border-left:0; padding-left:0; }
 #zero-recruit-journey .ze-hero-facts svg { width:24px; height:24px; flex-basis:24px; }
 #zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-role-choice { padding:16px 20px; min-height:60px; }
 #zero-recruit-journey .ze-hero-next .ze-role-copy strong { font-size:16px; }
}

/* Homepage: a larger original representative portrait, followed by all three offices. */
#zero-recruit-journey .ze-home-message { border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-home-message > h2 { margin-bottom:28px; }
#zero-recruit-journey .ze-home-message .ze-message-teaser { grid-template-columns:clamp(280px,36cqi,360px) minmax(0,1fr); gap:clamp(24px,5cqi,48px); }
#zero-recruit-journey .ze-home-message .ze-message-photo { width:100%; max-width:none; }
#zero-recruit-journey .ze-home-message-lead { margin:0 0 28px; max-inline-size:26em; color:var(--ze-ink); font-size:clamp(20px,2.5cqi,26px); font-weight:700; line-height:1.75; text-wrap:balance; }
#zero-recruit-journey .ze-market-headline .ze-market-origin { display:flex; align-items:baseline; gap:.28em; margin-bottom:.14em; line-height:1.1; }
#zero-recruit-journey .ze-market-headline .ze-market-zero { color:var(--ze-blue); font-size:2.15em; font-weight:800; line-height:1; letter-spacing:0; ruby-align:center; }
#zero-recruit-journey .ze-market-headline .ze-market-zero rt { color:var(--ze-ink); font-size:.2em; font-weight:700; line-height:1; letter-spacing:.04em; }
#zero-recruit-journey .ze-market-headline .ze-market-line { display:block; line-height:1.7; }
#zero-recruit-journey .ze-market-intro { margin:0 0 24px; max-inline-size:44em; }
#zero-recruit-journey .ze-market-intro p { margin:0 0 12px; line-height:1.9; }
#zero-recruit-journey .ze-market-intro p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-market-outlook { margin-top:32px; padding:24px 28px; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-market-caption { margin:0 0 20px; color:var(--ze-ink); font-size:16px; font-weight:700; }
#zero-recruit-journey .ze-market-figures { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0; }
#zero-recruit-journey .ze-market-figures > div { min-width:0; }
#zero-recruit-journey .ze-market-figures > div + div { border-left:1px solid var(--ze-rule); padding-left:24px; }
#zero-recruit-journey .ze-market-figures dt { font-size:16px; font-weight:700; }
#zero-recruit-journey .ze-market-figures dt span { margin-left:8px; font-size:14px; font-weight:400; }
#zero-recruit-journey .ze-market-figures dd { margin:8px 0 0; }
#zero-recruit-journey .ze-market-figures strong { display:block; color:var(--ze-blue); font-size:clamp(26px,3.2cqi,34px); font-variant-numeric:tabular-nums; line-height:1.4; white-space:nowrap; }
#zero-recruit-journey .ze-market-change { display:block; margin-top:8px; font-size:14px; }
#zero-recruit-journey .ze-market-scope { margin:20px 0 4px; color:var(--ze-muted); font-size:14px; line-height:1.8; }
#zero-recruit-journey .ze-market-source { margin:0; color:var(--ze-muted); font-size:14px; line-height:1.8; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-market-source a { color:var(--ze-blue); text-decoration:underline; text-underline-offset:3px; }
@container (max-width:600px) {
 #zero-recruit-journey .ze-market-outlook { padding:20px; }
 #zero-recruit-journey .ze-market-figures { grid-template-columns:minmax(0,1fr); gap:20px; }
 #zero-recruit-journey .ze-market-figures > div + div { border-left:0; padding-left:0; border-top:1px solid var(--ze-rule); padding-top:20px; }
}
#zero-recruit-journey .ze-home-offices { background:var(--ze-section-bg); }
#zero-recruit-journey .ze-home-office-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
#zero-recruit-journey .ze-home-office { min-width:0; }
#zero-recruit-journey .ze-home-office-image { width:min(100%,320px); aspect-ratio:3 / 4; }
#zero-recruit-journey .ze-home-office-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
#zero-recruit-journey .ze-home-office h3 { margin:16px 0; color:var(--ze-ink); font-size:20px; line-height:1.5; }
#zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail { width:100%; gap:12px; padding-inline:16px; font-size:14px; }
@container (max-width:760px) {
 #zero-recruit-journey .ze-home-office-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
 #zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail { max-width:320px; }
}
@container (max-width:760px) {
 #zero-recruit-journey .ze-home-message .ze-message-teaser { grid-template-columns:minmax(0,1fr); gap:24px; }
 #zero-recruit-journey .ze-home-message .ze-message-photo { width:min(100%,340px); max-width:none; margin-inline:auto; }
 #zero-recruit-journey .ze-home-message-lead { margin-bottom:24px; }
}
@container (max-width:480px) {
 #zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail { max-width:none; }
}

/* Workplace photographs bring the employee story into the surrounding office. */
#zero-recruit-journey .ze-workplace-band { margin:0; padding:0 0 var(--ze-section-space); }
#zero-recruit-journey .ze-workplace-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:start; }
#zero-recruit-journey .ze-workplace-grid img { display:block; width:100%; min-width:0; height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:50% 50%; }
#zero-recruit-journey .ze-workplace-band figcaption { padding:16px var(--ze-gutter) 0; color:var(--ze-muted); font-size:13px; line-height:1.6; }
@container (max-width:680px) {
 #zero-recruit-journey .ze-workplace-grid { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:12px; }
 #zero-recruit-journey .ze-workplace-grid img:first-child { grid-column:1 / -1; }
 #zero-recruit-journey .ze-workplace-band figcaption { padding-top:12px; }
}

/* Desktop closing section: conditions alongside the primary path to job requirements. */
@container (min-width:821px) {
 #zero-recruit-journey .ze-conditions-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-areas:"intro details" "actions details"; gap:28px 48px; align-items:center; }
 #zero-recruit-journey .ze-conditions-intro { grid-area:intro; min-width:0; align-self:end; }
 #zero-recruit-journey .ze-conditions-intro h2 { margin-bottom:20px; }
 #zero-recruit-journey .ze-conditions-lead { margin:0; font-size:22px; font-weight:700; line-height:1.7; }
 #zero-recruit-journey .ze-conditions-details { grid-area:details; min-width:0; }
 #zero-recruit-journey .ze-conditions-details .ze-table { margin:0; font-size:15px; }
 #zero-recruit-journey .ze-conditions-details .ze-table th { width:30%; padding-left:0; color:var(--ze-muted); }
 #zero-recruit-journey .ze-conditions-details .ze-table td { padding-right:0; }
 #zero-recruit-journey .ze-conditions-details .ze-table small { font-size:13px; line-height:1.8; }
 #zero-recruit-journey .ze-condition-salary { display:block; font-size:22px; font-weight:700; line-height:1.5; }
 #zero-recruit-journey .ze-conditions-details > .ze-note { margin:16px 0 0; }
 #zero-recruit-journey .ze-home-conditions .ze-conditions-actions { grid-area:actions; display:grid; grid-template-columns:minmax(0,1fr); align-self:start; margin:0; gap:12px; }
 #zero-recruit-journey .ze-conditions-actions .ze-button { width:100%; min-height:56px; }
 #zero-recruit-journey .ze-conditions-actions .ze-secondary { color:var(--ze-ink); border-color:var(--ze-rule); background:transparent; }
 #zero-recruit-journey .ze-conditions-actions .ze-secondary:hover { background:var(--ze-soft); }
}

/* Workplace data: comparable figures, followed by benefits in readable rows. */
#zero-recruit-journey .ze-work-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:0 32px; margin:24px 0 0; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-work-stat { min-width:0; padding:24px 0; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-work-stat dt { margin:0 0 12px; font-size:15px; font-weight:700; }
#zero-recruit-journey .ze-work-stat dd { margin:0; }
#zero-recruit-journey .ze-work-number { color:var(--ze-blue); font-size:48px; line-height:1.2; font-weight:700; letter-spacing:-.02em; }
#zero-recruit-journey .ze-work-unit { margin-left:6px; font-size:16px; color:var(--ze-ink); }
#zero-recruit-journey .ze-work-number-detail { display:block; margin-top:12px; font-size:13px; color:var(--ze-muted); }
#zero-recruit-journey .ze-work-ratio-values { display:flex; flex-wrap:wrap; gap:12px 24px; }
#zero-recruit-journey .ze-work-ratio-label { display:block; margin-bottom:4px; font-size:13px; color:var(--ze-muted); }
#zero-recruit-journey .ze-work-ratio-values strong { font-size:32px; line-height:1.2; color:var(--ze-blue); }
#zero-recruit-journey .ze-work-ratio-bar { display:flex; height:8px; gap:2px; margin-top:16px; }
#zero-recruit-journey .ze-work-ratio-bar span:first-child { background:var(--ze-blue); }
#zero-recruit-journey .ze-work-ratio-bar span:last-child { background:var(--ze-rule); }
#zero-recruit-journey .ze-work-data-note { margin:16px 0 4px; }
#zero-recruit-journey .ze-work-numbers > .ze-source-link { font-size:13px; }
#zero-recruit-journey .ze-work-benefit-list { margin:24px 0 0; }
#zero-recruit-journey .ze-work-benefit-list > div { display:grid; grid-template-columns:minmax(0,1fr); gap:8px; padding:20px 0; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-work-benefit-list dt { font-weight:700; color:var(--ze-blue); }
#zero-recruit-journey .ze-work-benefit-list dd { margin:0; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-work-learning > div { margin:24px 0; max-width:65ch; }
#zero-recruit-journey .ze-work-learning h3 { margin:0 0 8px; font-size:18px; color:var(--ze-ink); }
#zero-recruit-journey .ze-work-learning p { margin:0; }
@container (min-width:821px) {
 #zero-recruit-journey .ze-work-benefit-list > div { grid-template-columns:minmax(220px,.8fr) minmax(0,2fr); gap:32px; }
}

/* Mobile finishing pass: consistent reading widths and compact office navigation. */
@media (max-width:760px) {
 body { padding:0; }
 #zero-recruit-journey > .ze-review { padding:12px 18px; }
 #zero-recruit-journey > .ze-review-note { margin:0; padding:12px 18px; }
}
@container (max-width:760px) {
 #zero-recruit-journey .ze-header { padding:16px var(--ze-gutter); }
 #zero-recruit-journey .ze-brand { min-width:0; max-width:100%; }
 #zero-recruit-journey .ze-nav > :is(button,a[data-action]),
 #zero-recruit-journey .ze-nav > details > summary { font-size:14px; min-height:48px; }
 #zero-recruit-journey .ze-header .ze-nav-panel :is(button,a[data-action]) { min-height:48px; }
 #zero-recruit-journey .ze-hero-photo .ze-hero-business { font-size:16px; line-height:1.85; }
 #zero-recruit-journey .ze-hero-photo .ze-hero-team,
 #zero-recruit-journey .ze-hero-photo .ze-hero-copy { font-size:15px; }
 #zero-recruit-journey .ze-home-office-grid { gap:24px; }
 #zero-recruit-journey .ze-home-office { display:grid; grid-template-columns:clamp(96px,24cqi,160px) minmax(0,1fr); grid-template-areas:"photo name" "photo action"; gap:12px 20px; align-items:center; }
 #zero-recruit-journey .ze-home-office-image { grid-area:photo; width:100%; }
 #zero-recruit-journey .ze-home-office h3 { grid-area:name; align-self:end; margin:0; font-size:20px; }
 #zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail { grid-area:action; align-self:start; width:100%; max-width:none; min-width:0; min-height:52px; padding:12px; gap:8px; font-size:14px; }
 #zero-recruit-journey .ze-home-office .ze-arrow { width:18px; height:18px; flex-basis:18px; }
 #zero-recruit-journey .ze-home-conditions .ze-conditions-layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; }
 #zero-recruit-journey .ze-conditions-intro h2 { margin-bottom:16px; }
 #zero-recruit-journey .ze-conditions-lead { margin:0; font-size:18px; font-weight:700; }
 #zero-recruit-journey .ze-conditions-details .ze-table { margin:0; font-size:15px; }
 #zero-recruit-journey .ze-conditions-details .ze-table small { font-size:13px; line-height:1.8; }
 #zero-recruit-journey .ze-condition-salary { display:block; font-size:24px; line-height:1.5; }
 #zero-recruit-journey .ze-conditions-details > .ze-note { margin:16px 0 0; }
 #zero-recruit-journey .ze-home-conditions .ze-conditions-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; margin:0; }
 #zero-recruit-journey .ze-conditions-actions .ze-button { width:100%; min-height:56px; }
 #zero-recruit-journey .ze-conditions-actions .ze-secondary { background:transparent; border-color:var(--ze-rule); color:var(--ze-ink); }
}
@container (max-width:680px) {
 #zero-recruit-journey .ze-training-next { align-items:stretch; }
 #zero-recruit-journey .ze-training-next :is(button,a[data-action]).ze-home-detail,
 #zero-recruit-journey .ze-home-section :is(button,a[data-action]).ze-home-detail { width:100%; }
 #zero-recruit-journey .ze-training-highlights p,
 #zero-recruit-journey .ze-person-copy p,
 #zero-recruit-journey .ze-product-copy p { font-size:16px; }
}
@container (max-width:600px) {
 #zero-recruit-journey .ze-home-section .ze-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
 #zero-recruit-journey .ze-home-section .ze-actions .ze-button { width:100%; }
 #zero-recruit-journey .ze-overview-row,
 #zero-recruit-journey .ze-office-teaser,
 #zero-recruit-journey .ze-product-row { grid-template-columns:minmax(0,1fr); }
 #zero-recruit-journey .ze-product-media { width:min(100%,200px); height:200px; margin-inline:auto; }
 #zero-recruit-journey .ze-home-product { grid-template-columns:80px minmax(0,1fr); gap:12px; }
 #zero-recruit-journey .ze-home-product-media { height:80px; }
 #zero-recruit-journey .ze-work-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px; }
 #zero-recruit-journey .ze-work-stat { padding:20px 0; }
 #zero-recruit-journey .ze-work-stat dt { min-height:3.5em; margin-bottom:12px; font-size:14px; line-height:1.75; }
 #zero-recruit-journey .ze-work-number { font-size:clamp(32px,9cqi,40px); }
 #zero-recruit-journey .ze-work-unit { margin-left:4px; font-size:14px; }
 #zero-recruit-journey .ze-work-number-detail { line-height:1.75; }
 #zero-recruit-journey .ze-work-ratio-values { flex-direction:column; gap:8px; }
 #zero-recruit-journey .ze-work-ratio-values > span { display:flex; align-items:baseline; gap:6px; }
 #zero-recruit-journey .ze-work-ratio-label { display:inline; margin:0; }
 #zero-recruit-journey .ze-work-ratio-values strong { font-size:26px; }
 #zero-recruit-journey .ze-work-ratio-values .ze-work-unit { margin:0; }
 #zero-recruit-journey .ze-work-benefit-list dd { font-size:16px; }
}
@container (max-width:480px) {
 #zero-recruit-journey .ze-brand img { width:min(200px,55cqi); }
 #zero-recruit-journey .ze-home-office { column-gap:16px; }
 #zero-recruit-journey .ze-footer { align-items:flex-start; flex-direction:column; gap:8px; }
}




/* Body navigation: outlined page entrances; application actions stay filled. */
#zero-recruit-journey .ze-page-link,
#zero-recruit-journey .ze-conditions-actions .ze-page-link {
  width:320px;
  max-width:100%;
  min-width:0;
  min-height:52px;
  padding:14px 20px;
  border:1px solid var(--ze-color-brand-blue);
  border-radius:6px;
  background:var(--ze-color-white);
  color:var(--ze-color-brand-blue);
  font:inherit;
  font-size:15px;
  font-weight:700;
  text-align:left;
  text-decoration:none;
  white-space:normal;
  gap:20px;
}
#zero-recruit-journey :is(button,a[data-action]).ze-page-link:not(:disabled):hover,
#zero-recruit-journey a.ze-page-link:hover,
#zero-recruit-journey .ze-conditions-actions :is(button,a[data-action]).ze-page-link:not(:disabled):hover {
  background:var(--ze-color-soft-blue);
  border-color:var(--ze-color-brand-blue);
  color:var(--ze-color-brand-blue);
  text-decoration:none;
}
#zero-recruit-journey .ze-page-link .ze-button-label { text-decoration:none; }
#zero-recruit-journey .ze-page-link .ze-arrow { flex:0 0 22px; width:22px; height:22px; }
#zero-recruit-journey .ze-home-office .ze-page-link { width:100%; }
#zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-role-choice {
  border-color:var(--ze-color-brand-blue);
  border-radius:6px;
  color:var(--ze-color-brand-blue);
  background:var(--ze-color-white);
}
#zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-role-choice:not(:disabled):hover {
  border-color:var(--ze-color-brand-blue);
  color:var(--ze-color-brand-blue);
  background:var(--ze-color-soft-blue);
}
#zero-recruit-journey .ze-home-conditions {
  --ze-action:var(--ze-color-brand-blue);
  --ze-on-action:var(--ze-color-white);
  --ze-action-hover:var(--ze-color-brand-blue-hover);
}
#zero-recruit-journey .ze-breadcrumb .ze-button {
  width:auto;
  min-width:0;
  padding:6px 0;
  border:0;
  border-radius:0;
  background:transparent;
}
@container (max-width:680px) {
  #zero-recruit-journey .ze-page-link,
  #zero-recruit-journey .ze-conditions-actions .ze-page-link { width:100%; }
}


/* TOP employee stories: new sales first, existing sales second. */
#zero-recruit-journey .ze-home-story > h2 { margin:0 0 28px; font-size:clamp(22px,3.2cqi,32px); line-height:1.55; }
#zero-recruit-journey .ze-featured-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
#zero-recruit-journey .ze-featured-person { display:grid; grid-template-rows:auto auto 1fr auto; gap:20px; min-width:0; padding:24px; border:1px solid var(--ze-rule); border-radius:6px; background:var(--ze-bg); }
#zero-recruit-journey .ze-featured-person h3 { margin:0; font-size:22px; line-height:1.5; color:var(--ze-blue); }
#zero-recruit-journey .ze-featured-person-profile { display:grid; grid-template-columns:clamp(112px,16cqi,168px) minmax(0,1fr); align-items:center; gap:20px; min-width:0; }
#zero-recruit-journey .ze-featured-person figure { min-width:0; margin:0; }
#zero-recruit-journey .ze-featured-person .ze-person-portrait { width:100%; height:auto; aspect-ratio:43/60; object-fit:contain; }
#zero-recruit-journey .ze-featured-person figcaption { margin-top:8px; font-size:18px; font-weight:700; }
#zero-recruit-journey .ze-featured-person-headline { margin:0; min-width:0; font-size:clamp(18px,2cqi,22px); line-height:1.65; font-weight:700; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-featured-person-copy > p { margin:0; font-size:15px; line-height:1.9; }
#zero-recruit-journey .ze-featured-person-copy > .ze-note { margin-top:12px; font-size:13px; line-height:1.75; }
#zero-recruit-journey .ze-featured-person :is(button,a[data-action]).ze-home-detail { width:100%; min-width:0; }
#zero-recruit-journey .ze-featured-people-more { margin-top:24px; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-home-story > h2 { margin-bottom:24px; }
  #zero-recruit-journey .ze-featured-people { grid-template-columns:minmax(0,1fr); gap:20px; }
  #zero-recruit-journey .ze-featured-person { padding:20px; }
  #zero-recruit-journey .ze-featured-person-profile { grid-template-columns:clamp(104px,30cqi,168px) minmax(0,1fr); gap:16px; }
  #zero-recruit-journey .ze-featured-person-headline { font-size:20px; }
  #zero-recruit-journey .ze-featured-person-copy > p:not(.ze-note) { font-size:16px; }
}
@container (max-width:360px) {
  #zero-recruit-journey .ze-featured-person-profile { grid-template-columns:minmax(0,1fr); gap:16px; }
  #zero-recruit-journey .ze-featured-person figure { width:min(100%,168px); margin-inline:auto; }
}


/* Workplace page: soft backgrounds distinguish the data and benefits sections. */
#zero-recruit-journey .ze-environment > :is(.ze-work-numbers,.ze-work-benefits) {
  margin-block:var(--ze-section-space);
  margin-inline:calc(0px - var(--ze-gutter));
  padding:var(--ze-section-space) var(--ze-gutter);
  background:var(--ze-section-bg);
}
#zero-recruit-journey .ze-environment > :is(.ze-work-numbers,.ze-work-benefits) > h2 { margin-top:0; }

/* Keep the full conversation photo visible, including all three people. */
#zero-recruit-journey .ze-work-culture { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-work-culture > h2 { margin:0 0 16px; }
#zero-recruit-journey .ze-work-culture-copy { max-width:46em; font-size:16px; line-height:1.9; }
#zero-recruit-journey .ze-work-culture-photo { margin:24px 0 0; }
#zero-recruit-journey .ze-work-culture-photo img { display:block; width:100%; max-width:100%; height:auto; object-fit:contain; }


/* Detail pages: a shared soft background groups related information. */
#zero-recruit-journey .ze-main > .ze-info-band {
  min-width:0;
  margin-block:var(--ze-section-space);
  margin-inline:calc(0px - var(--ze-gutter));
  padding:var(--ze-section-space) var(--ze-gutter);
  background:var(--ze-section-bg);
}
#zero-recruit-journey .ze-info-band > :first-child { margin-top:0; }
#zero-recruit-journey .ze-info-band > :last-child { margin-bottom:0; }
#zero-recruit-journey .ze-info-band > p { max-inline-size:72ch; }
#zero-recruit-journey .ze-jobs > .ze-job-choice { border:0; }
#zero-recruit-journey .ze-role-pay .ze-job-row { margin-top:0; padding-top:0; }
#zero-recruit-journey .ze-business-careers .ze-overview-row > section { min-width:0; }

/* Admin hiring content uses the existing page typography and restrained pale sections. */
#zero-recruit-journey .ze-admin-job [aria-labelledby="ze-admin-training-title"] > p { max-inline-size:none; }
#zero-recruit-journey .ze-admin-highlights { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 32px; padding:24px 24px 24px 44px; margin:24px 0; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-admin-highlights li { min-width:0; padding-left:4px; font-weight:700; }
#zero-recruit-journey .ze-admin-list { padding-left:1.4em; margin:16px 0; }
#zero-recruit-journey .ze-admin-list li+li { margin-top:8px; }
#zero-recruit-journey .ze-table .ze-admin-list { margin:0; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-admin-highlights { grid-template-columns:minmax(0,1fr); gap:12px; padding:20px 20px 20px 40px; }
}

/* Match the sales introduction photo size while preserving both faces and hands. */
#zero-recruit-journey .ze-admin-photo img { aspect-ratio:3 / 2; object-fit:cover; object-position:center; }


/* Clarify job differences without expanding the navigation buttons. */
#zero-recruit-journey .ze-role-entry { display:flex; flex-direction:column; gap:10px; min-width:0; }
#zero-recruit-journey .ze-role-entry > p { margin:0; font-size:14px; line-height:1.75; color:var(--ze-ink); }
#zero-recruit-journey .ze-role-entry > :is(button,a[data-action]) { width:100%; margin-top:auto; }
#zero-recruit-journey .ze-company-notice { margin:24px 0 12px; color:var(--ze-muted); font-size:14px; overflow-wrap:anywhere; }

/* Text remains readable without the icons. Only the confirmed sales sequence has arrows. */
#zero-recruit-journey .ze-work-icon { display:block; width:40px; height:40px; flex:0 0 40px; color:var(--ze-blue); }
#zero-recruit-journey .ze-work-diagram { display:grid; gap:32px; padding:24px 0; margin:24px 0; list-style:none; border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-work-diagram li { min-width:0; position:relative; }
#zero-recruit-journey .ze-work-diagram strong { display:block; margin:16px 0 8px; color:var(--ze-blue); font-size:18px; line-height:1.6; }
#zero-recruit-journey .ze-work-diagram p { margin:0; font-size:15px; line-height:1.8; }
#zero-recruit-journey .ze-work-flow { grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; }
#zero-recruit-journey .ze-work-flow li:not(:last-child)::after { content:""; position:absolute; top:15px; right:-24px; width:10px; height:10px; border-top:1.5px solid var(--ze-blue); border-right:1.5px solid var(--ze-blue); transform:rotate(45deg); }
#zero-recruit-journey .ze-work-services { grid-template-columns:repeat(2,minmax(0,1fr)); }
#zero-recruit-journey .ze-work-services li { display:flex; align-items:flex-start; gap:16px; }
#zero-recruit-journey .ze-work-services strong { margin-top:0; }
#zero-recruit-journey .ze-training-diagram { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
#zero-recruit-journey .ze-training-diagram li { min-width:0; padding:8px 0; border:0; }
#zero-recruit-journey .ze-training-diagram strong { margin-top:16px; line-height:1.6; }
#zero-recruit-journey .ze-training-diagram p { font-size:15px; line-height:1.8; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-work-flow,
  #zero-recruit-journey .ze-work-services,
  #zero-recruit-journey .ze-training-diagram { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-work-flow li,
  #zero-recruit-journey .ze-training-diagram li { display:flex; align-items:flex-start; gap:16px; }
  #zero-recruit-journey .ze-work-flow strong,
  #zero-recruit-journey .ze-training-diagram strong { margin-top:0; }
  #zero-recruit-journey .ze-work-flow li:not(:last-child)::after { top:auto; bottom:-23px; left:15px; right:auto; transform:rotate(135deg); }
  #zero-recruit-journey .ze-training-diagram { gap:24px; }
}


/* One customer example explains what the sales proposal changed. */
#zero-recruit-journey .ze-sales-case { margin-block:var(--ze-section-space); padding-block:var(--ze-section-space); border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-sales-case > h2 { margin-top:0; }
#zero-recruit-journey .ze-sales-case .ze-sales-case-headline { margin:24px 0; color:var(--ze-ink); font-size:clamp(20px,2.6cqi,26px); line-height:1.65; }
#zero-recruit-journey .ze-sales-case-headline > span,
#zero-recruit-journey .ze-sales-case-details dd strong { display:inline-block; }
#zero-recruit-journey .ze-sales-case-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:24px 0; padding:28px; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-sales-case-details > div { position:relative; min-width:0; }
#zero-recruit-journey .ze-sales-case-details > div:not(:last-child)::after { content:""; position:absolute; top:10px; right:-24px; width:10px; height:10px; border-top:1.5px solid var(--ze-blue); border-right:1.5px solid var(--ze-blue); transform:rotate(45deg); }
#zero-recruit-journey .ze-sales-case-details dt { color:var(--ze-blue); font-weight:700; font-size:18px; line-height:1.6; }
#zero-recruit-journey .ze-sales-case-details dd { min-width:0; margin:12px 0 0; max-inline-size:65ch; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-sales-case-work { margin:24px 0 0; max-inline-size:65ch; }
#zero-recruit-journey .ze-home-case-note { max-inline-size:65ch; margin:20px 0; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-sales-case .ze-sales-case-headline br { display:none; }
}


/* Work photographs accompany the relevant explanation, using the complete source frames. */
#zero-recruit-journey .ze-role-intro { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:32px; margin:24px 0 40px; }
#zero-recruit-journey .ze-role-intro-copy { min-width:0; }
#zero-recruit-journey .ze-role-intro-copy > h2 { margin-top:0; }
#zero-recruit-journey .ze-role-work-photo,
#zero-recruit-journey .ze-growth-work-photo { min-width:0; margin:0; }
#zero-recruit-journey .ze-role-work-photo img,
#zero-recruit-journey .ze-growth-work-photo img { display:block; width:100%; height:auto; }
#zero-recruit-journey .ze-role-work-photo img { aspect-ratio:3 / 2; }
#zero-recruit-journey .ze-growth-work-photo img { aspect-ratio:4 / 5; object-fit:cover; object-position:50% 100%; }
#zero-recruit-journey .ze-growth-training-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.6fr); align-items:center; gap:32px; }
#zero-recruit-journey .ze-growth-training-copy { min-width:0; }
#zero-recruit-journey .ze-growth-training .ze-training-diagram { grid-template-columns:minmax(0,1fr); gap:24px; margin-top:0; }
#zero-recruit-journey .ze-growth-training .ze-training-diagram li { display:flex; align-items:flex-start; gap:16px; padding:0; }
#zero-recruit-journey .ze-growth-training .ze-training-diagram strong { margin-top:0; }
#zero-recruit-journey .ze-growth-training-copy > :last-child { margin-bottom:0; }
@container (max-width:760px) {
  #zero-recruit-journey .ze-role-intro,
  #zero-recruit-journey .ze-growth-training-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-growth-work-photo { width:min(100%,360px); margin-inline:auto; }
  #zero-recruit-journey .ze-sales-case-details { grid-template-columns:minmax(0,1fr); gap:40px; padding:24px; }
  #zero-recruit-journey .ze-sales-case-details > div:not(:last-child)::after { top:auto; bottom:-24px; left:4px; right:auto; transform:rotate(135deg); }
}


/* Native radios expose a single preferred contact method to keyboard and screen-reader users. */
#zero-recruit-journey .ze-contact-preference { min-inline-size:0; padding:0; border:0; }
#zero-recruit-journey .ze-contact-preference legend { padding:0; }
#zero-recruit-journey .ze-contact-options { display:flex; flex-wrap:wrap; gap:12px; }
#zero-recruit-journey .ze-contact-option { display:flex; align-items:center; gap:12px; min-height:52px; min-width:144px; padding:12px 16px; border:1px solid var(--ze-input-border); border-radius:6px; background:var(--ze-bg); cursor:pointer; }
#zero-recruit-journey .ze-contact-option input[type=radio] { width:20px; height:20px; flex:0 0 20px; margin:0; accent-color:var(--ze-blue); }
#zero-recruit-journey .ze-contact-option:hover,
#zero-recruit-journey .ze-contact-option:has(input:checked) { background:var(--ze-soft); border-color:var(--ze-blue); }
#zero-recruit-journey .ze-contact-option:has(input:checked) { color:var(--ze-blue); }
@container (max-width:540px) {
  #zero-recruit-journey .ze-contact-options { flex-direction:column; }
  #zero-recruit-journey .ze-contact-option { width:100%; min-width:0; }
}


/* Recruitment decisions: early shared conditions, a compact comparison, and concrete support. */
#zero-recruit-journey a[data-action] { text-decoration:none; }
#zero-recruit-journey .ze-early-conditions > h2 { margin:0 0 8px; font-size:22px; }
#zero-recruit-journey .ze-early-conditions > p { margin:0; }
#zero-recruit-journey .ze-early-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0 16px; padding:20px 0; border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-early-facts > div { min-width:0; }
#zero-recruit-journey .ze-early-facts dt { margin-bottom:6px; font-size:14px; color:var(--ze-muted); }
#zero-recruit-journey .ze-early-facts dd { margin:0; color:var(--ze-ink); font-size:20px; font-weight:700; line-height:1.6; }
#zero-recruit-journey .ze-early-conditions .ze-early-conditions-note { font-size:14px; line-height:1.8; }
#zero-recruit-journey .ze-sales-comparison { margin:24px 0; min-width:0; }
#zero-recruit-journey .ze-hero-next .ze-sales-comparison { margin:0; }
#zero-recruit-journey .ze-sales-comparison > h2 { margin:0 0 16px; font-size:24px; }
#zero-recruit-journey .ze-comparison-scroll { max-width:100%; overflow-x:auto; }
#zero-recruit-journey .ze-comparison-table { display:table; min-width:560px; margin:0; table-layout:fixed; font-size:15px; }
#zero-recruit-journey .ze-comparison-table thead { display:table-header-group; }
#zero-recruit-journey .ze-comparison-table tbody { display:table-row-group; }
#zero-recruit-journey .ze-comparison-table tr { display:table-row; }
#zero-recruit-journey .ze-comparison-table th,
#zero-recruit-journey .ze-comparison-table td { display:table-cell; width:auto; padding:16px 12px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-comparison-table thead th { background:var(--ze-section-bg); color:var(--ze-ink); font-size:16px; }
#zero-recruit-journey .ze-comparison-table tr > :first-child { width:18%; }
#zero-recruit-journey .ze-comparison-table td { width:41%; }
#zero-recruit-journey .ze-comparison-note { font-size:14px; line-height:1.8; margin:16px 0 20px; }
#zero-recruit-journey .ze-comparison-role { display:none; }
#zero-recruit-journey .ze-growth-support { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-growth-curriculum { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-growth-curriculum > h2 { margin:0 0 24px; }
#zero-recruit-journey .ze-curriculum-topics { margin:0; }
#zero-recruit-journey .ze-curriculum-topics > div { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:32px; padding:22px 0; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-curriculum-topics > div:last-child { border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-curriculum-topics dt { color:var(--ze-blue); font-size:18px; font-weight:700; line-height:1.65; text-wrap:pretty; }
#zero-recruit-journey .ze-curriculum-topics dd { margin:0; font-size:16px; line-height:1.9; text-wrap:pretty; }
@container (max-width:680px) {
 #zero-recruit-journey .ze-curriculum-topics > div { grid-template-columns:minmax(0,1fr); gap:8px; padding-block:20px; }
}
#zero-recruit-journey .ze-growth-episode { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; margin:24px 0; }
#zero-recruit-journey .ze-growth-episode > section { min-width:0; padding-top:20px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-growth-episode h3 { margin:0 0 12px; font-size:19px; line-height:1.6; color:var(--ze-blue); }
#zero-recruit-journey .ze-growth-episode p { margin:0; }
#zero-recruit-journey .ze-table small,
#zero-recruit-journey .ze-job-row small,
#zero-recruit-journey .ze-conditions-details .ze-table small { font-size:14px; line-height:1.85; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-early-facts { grid-template-columns:minmax(0,1fr); gap:16px; }
  #zero-recruit-journey .ze-early-facts > div { display:grid; grid-template-columns:7em minmax(0,1fr); align-items:baseline; gap:12px; }
  #zero-recruit-journey .ze-early-facts dt { margin:0; }
  #zero-recruit-journey .ze-early-facts dd { font-size:18px; }
  /* Keep both roles together for each comparison item on narrow screens. */
  #zero-recruit-journey .ze-comparison-scroll { min-width:0; overflow:visible; }
  #zero-recruit-journey .ze-comparison-table { position:relative; display:block; width:100%; min-width:0; table-layout:auto; }
  #zero-recruit-journey .ze-comparison-table thead { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #zero-recruit-journey .ze-comparison-table tbody { display:block; width:100%; }
  #zero-recruit-journey .ze-comparison-table tbody tr { display:block; width:100%; margin:0 0 24px; }
  #zero-recruit-journey .ze-comparison-table tbody tr:last-child { margin-bottom:0; }
  #zero-recruit-journey .ze-comparison-table tbody th:first-child { display:block; width:100%; padding:12px; background:var(--ze-section-bg); border-bottom:1px solid var(--ze-rule); font-size:18px; }
  #zero-recruit-journey .ze-comparison-table tbody td { display:block; width:100%; padding:16px 12px; }
  #zero-recruit-journey .ze-comparison-role { display:block; margin-bottom:6px; color:var(--ze-blue); font-size:16px; font-weight:700; }
  #zero-recruit-journey .ze-comparison-body { min-width:0; line-height:1.85; overflow-wrap:anywhere; word-break:normal; }
  #zero-recruit-journey .ze-comparison-unit { display:inline-block; white-space:nowrap; }
  #zero-recruit-journey .ze-comparison-table,
  #zero-recruit-journey .ze-main .ze-table,
  #zero-recruit-journey .ze-conditions-details .ze-table { font-size:16px; }
  #zero-recruit-journey .ze-main .ze-lead,
  #zero-recruit-journey .ze-selection-flow p,
  #zero-recruit-journey .ze-documents,
  #zero-recruit-journey .ze-field > .ze-label { font-size:16px; }
  #zero-recruit-journey .ze-consent { min-height:48px; padding-block:10px; font-size:16px; }
  #zero-recruit-journey .ze-consent > span { min-width:0; }
  #zero-recruit-journey .ze-growth-episode { grid-template-columns:minmax(0,1fr); gap:24px; }
}

/* Confirmed new-sales incentive and campaign details. */
#zero-recruit-journey .ze-annual-evaluation { margin:16px 0 0; color:var(--ze-ink); font-size:16px; line-height:1.85; }
#zero-recruit-journey .ze-income-example > p { margin:0 0 6px; }
#zero-recruit-journey .ze-income-example + .ze-income-example { margin-top:24px; padding-top:24px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-income-total { display:block; color:var(--ze-blue); font-size:24px; line-height:1.5; }
#zero-recruit-journey .ze-income-breakdown { margin:14px 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-income-breakdown > li { margin:4px 0; line-height:1.8; }
#zero-recruit-journey .ze-pay-rewards { margin-top:16px; }
#zero-recruit-journey .ze-pay-rewards > p { margin:0 0 12px; }
#zero-recruit-journey .ze-pay-rewards > p:last-child { margin-bottom:0; }

/* Workplace salary sections: separate frames for the two sales roles. */
#zero-recruit-journey .ze-environment .ze-pay-comparison { gap:24px; grid-template-columns:repeat(2,minmax(0,1fr)); }
#zero-recruit-journey .ze-environment .ze-pay-card { display:flex; flex-direction:column; min-width:0; margin:0; padding:clamp(20px,3cqi,28px); border:1px solid var(--ze-input-border); border-radius:12px; background:var(--ze-bg); }
#zero-recruit-journey .ze-pay-card-body { min-width:0; }
#zero-recruit-journey .ze-pay-card-body > h3 { margin:0 0 20px; padding-bottom:14px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-pay-card > .ze-actions { margin:auto 0 0; padding-top:24px; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-environment .ze-pay-comparison { grid-template-columns:minmax(0,1fr); }
}

/* Two selected work-style descriptions per sales role, in the requested order. */
#zero-recruit-journey .ze-role-fit { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-role-fit > h2 { margin-top:0; }
#zero-recruit-journey .ze-role-fit-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; list-style:none; margin:24px 0 0; padding:0; }
#zero-recruit-journey .ze-role-fit-list > li { min-width:0; padding-top:20px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-role-fit-list h3 { margin:0 0 12px; font-size:20px; line-height:1.6; color:var(--ze-blue); }
#zero-recruit-journey .ze-role-fit-list p { margin:0; max-inline-size:65ch; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-role-fit-list { grid-template-columns:minmax(0,1fr); gap:24px; }
}

/* Q&A stays on its own page; home introduces the destination. */
#zero-recruit-journey .ze-home-faq { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; }
#zero-recruit-journey .ze-home-faq h2 { margin:0 0 12px; }
#zero-recruit-journey .ze-home-faq-intro { margin:0; color:var(--ze-muted); }
#zero-recruit-journey .ze-home-faq > .ze-actions { margin:0; }
#zero-recruit-journey .ze-qa-roles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); grid-auto-rows:1fr; gap:12px; margin:28px 0 16px; }
#zero-recruit-journey .ze-qa-roles a[data-action].ze-qa-role { justify-content:center; min-width:0; min-height:72px; padding:12px; text-align:center; line-height:1.6; }
#zero-recruit-journey .ze-qa-role-label { min-width:0; }
#zero-recruit-journey .ze-qa-role-label > span { display:inline-block; white-space:nowrap; }
#zero-recruit-journey .ze-qa-roles a[data-action].ze-qa-role[aria-current="page"] { background:var(--ze-action); color:var(--ze-on-action); border-color:var(--ze-action); }
#zero-recruit-journey .ze-qa-roles a[data-action].ze-qa-role[aria-current="page"]:hover { background:var(--ze-action-hover); border-color:var(--ze-action-hover); color:var(--ze-on-action); }
#zero-recruit-journey .ze-qa-current { color:var(--ze-muted); font-size:15px; }
#zero-recruit-journey .ze-qa-current strong { color:var(--ze-ink); }
#zero-recruit-journey .ze-qa-group { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-qa-group > h2 { margin:0 0 20px; }
#zero-recruit-journey .ze-qa-list { border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-qa-item { border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-qa-item > summary { display:grid; grid-template-columns:28px minmax(0,1fr) 20px; align-items:start; gap:16px; min-height:64px; padding:22px 12px; list-style:none; color:var(--ze-ink); font-size:18px; font-weight:700; line-height:1.65; cursor:pointer; }
#zero-recruit-journey .ze-qa-item > summary::-webkit-details-marker { display:none; }
#zero-recruit-journey .ze-qa-item > summary::marker { content:""; }
#zero-recruit-journey .ze-qa-item > summary:hover { background:var(--ze-soft); }
#zero-recruit-journey .ze-qa-item > summary:focus-visible { outline:3px solid var(--ze-focus); outline-offset:-3px; }
#zero-recruit-journey .ze-qa-letter { color:var(--ze-blue); font-size:20px; font-weight:700; line-height:1.5; }
#zero-recruit-journey .ze-qa-toggle { position:relative; width:20px; height:20px; margin-top:5px; color:var(--ze-blue); }
#zero-recruit-journey .ze-qa-toggle::before,
#zero-recruit-journey .ze-qa-toggle::after { content:""; position:absolute; left:2px; top:9px; width:16px; height:2px; background:currentColor; }
#zero-recruit-journey .ze-qa-toggle::after { transform:rotate(90deg); }
#zero-recruit-journey .ze-qa-item[open] .ze-qa-toggle::after { display:none; }
#zero-recruit-journey .ze-qa-answer { display:grid; grid-template-columns:28px minmax(0,1fr); gap:16px; padding:0 48px 24px 12px; }
#zero-recruit-journey .ze-qa-copy { min-width:0; max-inline-size:65ch; font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-qa-copy.ze-qa-training-copy { max-inline-size:none; }
#zero-recruit-journey .ze-qa-copy > p { margin:0 0 12px; }
#zero-recruit-journey .ze-qa-copy > p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-qa-page .ze-selection-process > h2 { margin-top:0; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-home-faq { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-qa-roles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  #zero-recruit-journey .ze-qa-roles a[data-action].ze-qa-role { padding:12px 6px; font-size:14px; }
  #zero-recruit-journey .ze-qa-item > summary { grid-template-columns:24px minmax(0,1fr) 20px; gap:12px; padding:18px 8px; font-size:16px; }
  #zero-recruit-journey .ze-qa-answer { grid-template-columns:24px minmax(0,1fr); gap:12px; padding:0 16px 20px 8px; }
  #zero-recruit-journey .ze-qa-toggle { margin-top:3px; }
}

/* Interview invitation: existing copy with ZERO-kun as a compact guide. */
#zero-recruit-journey .ze-interview-invitation { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,3cqi,32px); margin-top:var(--ze-section-space); padding:clamp(24px,3cqi,32px); background:var(--ze-section-bg); border-radius:12px; }
#zero-recruit-journey .ze-interview-invitation-copy { min-width:0; }
#zero-recruit-journey .ze-interview-invitation-copy > h2 { margin:0 0 24px; font-size:clamp(23px,2.6cqi,28px); line-height:1.55; color:var(--ze-ink); }
#zero-recruit-journey .ze-interview-invitation-copy > p { margin:12px 0 0; font-size:15px; line-height:1.9; }
#zero-recruit-journey .ze-interview-questions { margin:0 0 20px; }
#zero-recruit-journey .ze-interview-questions > p { margin:0 0 6px; font-size:15px; line-height:1.8; color:var(--ze-blue); font-weight:700; }
#zero-recruit-journey .ze-interview-invitation-copy > .ze-actions { margin-top:24px; gap:12px; }
#zero-recruit-journey .ze-interview-invitation-mascot { width:min(100%,300px); min-width:0; margin:0; justify-self:center; }
#zero-recruit-journey .ze-interview-invitation-mascot > img { display:block; width:100%; height:auto; object-fit:contain; }
#zero-recruit-journey .ze-interview-invitation-mascot > figcaption { display:grid; gap:4px; margin-top:12px; text-align:center; color:var(--ze-muted); font-size:13px; line-height:1.6; }
#zero-recruit-journey .ze-interview-invitation-mascot > figcaption strong { font-size:20px; color:var(--ze-ink); }
@container (max-width:820px) {
  #zero-recruit-journey .ze-interview-invitation { grid-template-columns:minmax(0,1fr); gap:28px; padding:24px; }
  #zero-recruit-journey .ze-interview-invitation-mascot { width:min(100%,240px); }
}
@container (max-width:540px) {
  #zero-recruit-journey .ze-interview-invitation { padding:20px; }
  #zero-recruit-journey .ze-interview-invitation-mascot { width:min(100%,200px); }
  #zero-recruit-journey .ze-interview-invitation-copy > p,
  #zero-recruit-journey .ze-interview-questions > p { font-size:16px; }
  #zero-recruit-journey .ze-interview-invitation-copy > .ze-actions { display:grid; grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-interview-invitation-copy .ze-button { width:100%; }
}

/* Japanese line breaking across all pages; keep intentional address and pay breaks. */
#zero-recruit-journey { line-break:strict; word-break:normal; }
#zero-recruit-journey .ze-button-label { text-wrap:balance; }
#zero-recruit-journey .ze-interview-invitation-copy .ze-copy-phrase { display:inline-block; max-inline-size:100%; vertical-align:baseline; }


/* Privacy policy: the existing reading style with a bounded text measure. */
#zero-recruit-journey .ze-policy-detail { max-width:900px; margin-inline:auto; }
#zero-recruit-journey .ze-policy-detail p,
#zero-recruit-journey .ze-policy-detail li,
#zero-recruit-journey .ze-policy-contact { font-size:16px; line-height:1.9; overflow-wrap:anywhere; }
#zero-recruit-journey .ze-policy-detail > section { margin-top:36px; }
#zero-recruit-journey .ze-policy-detail > .ze-policy-applicant-guide { margin-bottom:32px; padding-bottom:24px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-policy-detail h2 { font-size:22px; line-height:1.65; }
#zero-recruit-journey .ze-policy-exceptions { margin:16px 0 0; padding-left:1.5em; }
#zero-recruit-journey .ze-policy-exceptions > li + li { margin-top:12px; }
#zero-recruit-journey .ze-policy-contact { margin:20px 0; }
#zero-recruit-journey .ze-policy-contact dt { margin-top:16px; font-weight:700; }
#zero-recruit-journey .ze-policy-contact dd { margin:4px 0 0; }
#zero-recruit-journey .ze-policy-closing { margin-top:32px; }
#zero-recruit-journey .ze-policy-closing > p { margin:4px 0; }
#zero-recruit-journey .ze-footer-links { display:flex; flex-wrap:wrap; gap:0 24px; }
#zero-recruit-journey .ze-footer-links > a { display:inline-flex; align-items:center; min-height:44px; }

/* Employee interview: click-to-play, before the existing employee list. */
#zero-recruit-journey .ze-employee-video { max-width:800px; margin:32px auto 48px; }
#zero-recruit-journey .ze-employee-video h2 { margin:0 0 20px; }
#zero-recruit-journey .ze-video-frame { position:relative; width:100%; aspect-ratio:16/9; min-height:200px; background:var(--ze-color-dark-surface); }
#zero-recruit-journey a.ze-video-poster { position:absolute; inset:0; display:block; width:100%; height:100%; min-height:0; padding:0; border:0; border-radius:0; background:var(--ze-color-dark-surface); color:var(--ze-blue); }
#zero-recruit-journey a.ze-video-poster img { display:block; width:100%; height:100%; object-fit:contain; }
#zero-recruit-journey .ze-video-play { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:clamp(56px,8cqi,76px); aspect-ratio:1; border-radius:50%; background:var(--ze-color-white); color:var(--ze-color-brand-blue); }
#zero-recruit-journey a.ze-video-poster:hover .ze-video-play { background:var(--ze-color-brand-blue); color:var(--ze-color-white); }
#zero-recruit-journey a.ze-video-poster:focus-visible { outline:3px solid var(--ze-focus); outline-offset:5px; }
#zero-recruit-journey .ze-video-duration { position:absolute; right:12px; bottom:12px; padding:3px 8px; background:var(--ze-color-dark-surface); color:var(--ze-color-white); font-size:14px; line-height:1.5; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-video-frame iframe { position:absolute; inset:0; display:block; width:100%; height:100%; border:0; }
#zero-recruit-journey .ze-video-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0 20px; margin-top:10px; font-size:16px; }
#zero-recruit-journey .ze-video-caption p { margin:0; font-weight:700; }
#zero-recruit-journey .ze-video-caption a { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:4px; }

/* Visual explanations: use the site's line icons consistently. */
#zero-recruit-journey .ze-case-visual { display:flex; align-items:center; justify-content:flex-start; height:80px; margin-bottom:16px; }
#zero-recruit-journey .ze-case-visual .ze-work-icon { width:56px; height:56px; flex-basis:56px; }
@container (min-width:761px) {
  #zero-recruit-journey .ze-sales-case-details > div:not(:last-child)::after { top:34px; }
}
#zero-recruit-journey .ze-sales-case-details dd { font-size:16px; line-height:1.85; }

#zero-recruit-journey .ze-qa-page .ze-selection-process { margin-block:24px 40px; }
#zero-recruit-journey .ze-selection-visual { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin:24px 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-selection-visual--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
#zero-recruit-journey .ze-selection-visual > li { position:relative; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:16px; min-width:0; padding:24px 16px; border:1px solid var(--ze-rule); border-radius:12px; background:var(--ze-bg); }
#zero-recruit-journey .ze-selection-visual > li:not(:last-child)::after { content:""; position:absolute; top:50%; right:-19px; width:8px; height:8px; border-top:1.5px solid var(--ze-blue); border-right:1.5px solid var(--ze-blue); transform:translateY(-50%) rotate(45deg); }
#zero-recruit-journey .ze-selection-symbol { display:block; width:40px; height:40px; }
#zero-recruit-journey .ze-selection-step-copy { min-width:0; }
#zero-recruit-journey .ze-selection-step-copy strong { display:block; font-size:18px; line-height:1.65; }
#zero-recruit-journey .ze-selection-step-number { margin-right:8px; font-size:14px; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-selection-visual p { margin:8px 0 0; font-size:16px; line-height:1.85; text-wrap:pretty; }
#zero-recruit-journey .ze-selection-phrase { display:inline-block; max-inline-size:100%; }
#zero-recruit-journey .ze-selection-notes p + p { margin-top:12px; }

#zero-recruit-journey .ze-admin-duties { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; margin:24px 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-admin-duties > li { display:flex; align-items:center; gap:16px; min-width:0; padding:20px 0; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-admin-duties > li > span { min-width:0; font-size:16px; line-height:1.85; }
@container (max-width:960px) {
  #zero-recruit-journey .ze-selection-visual { grid-template-columns:minmax(0,1fr); gap:32px; }
  #zero-recruit-journey .ze-selection-visual > li { grid-template-columns:40px minmax(0,1fr); gap:16px; padding:24px 20px; }
  #zero-recruit-journey .ze-selection-visual > li:not(:last-child)::after { top:auto; bottom:-21px; left:calc(50% - 4px); right:auto; transform:rotate(135deg); }
}
@container (max-width:680px) {
  #zero-recruit-journey .ze-admin-duties { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-case-visual { height:64px; margin-bottom:12px; }
  #zero-recruit-journey .ze-sales-case-details > div:not(:last-child)::after { top:auto; bottom:-24px; left:24px; right:auto; }
}

/* Shared phone reading and touch rules. Preserve desktop layouts and all copy. */
@container (max-width:680px) {
  #zero-recruit-journey :is(.ze-main,.ze-home-section,.ze-hero-next,.ze-role-section) {
    font-size:16px;
    line-height:1.85;
  }
  #zero-recruit-journey .ze-main h1 { font-size:26px; line-height:1.5; }
  #zero-recruit-journey .ze-main h2,
  #zero-recruit-journey .ze-home-section h2 { font-size:22px; line-height:1.6; }
  #zero-recruit-journey .ze-main h3 { font-size:18px; line-height:1.65; }
  #zero-recruit-journey :is(p,li,dd) { text-wrap:pretty; }
  #zero-recruit-journey :is(.ze-main,.ze-home-section) :is(section,article,figure,form,fieldset) { min-width:0; }

  #zero-recruit-journey .ze-lead,
  #zero-recruit-journey .ze-label,
  #zero-recruit-journey .ze-training-list p,
  #zero-recruit-journey .ze-training-highlights p,
  #zero-recruit-journey .ze-training-diagram p,
  #zero-recruit-journey .ze-work-diagram p,
  #zero-recruit-journey .ze-overview-row p,
  #zero-recruit-journey .ze-person-copy p,
  #zero-recruit-journey .ze-product-copy p,
  #zero-recruit-journey .ze-selection-flow p,
  #zero-recruit-journey .ze-role-entry > p,
  #zero-recruit-journey .ze-documents,
  #zero-recruit-journey .ze-address,
  #zero-recruit-journey .ze-summary p,
  #zero-recruit-journey .ze-privacy,
  #zero-recruit-journey .ze-qa-current,
  #zero-recruit-journey .ze-interview-invitation-copy > p,
  #zero-recruit-journey .ze-interview-questions > p,
  #zero-recruit-journey .ze-home-product figcaption strong,
  #zero-recruit-journey .ze-home-product-purpose,
  #zero-recruit-journey .ze-hero-photo .ze-hero-team,
  #zero-recruit-journey .ze-hero-photo .ze-hero-copy { font-size:16px; line-height:1.85; }

  #zero-recruit-journey .ze-note,
  #zero-recruit-journey .ze-person-meta,
  #zero-recruit-journey .ze-table small,
  #zero-recruit-journey .ze-job-row small,
  #zero-recruit-journey .ze-conditions-details .ze-table small,
  #zero-recruit-journey .ze-featured-person-copy > .ze-note,
  #zero-recruit-journey .ze-photo figcaption,
  #zero-recruit-journey .ze-office-grid figcaption,
  #zero-recruit-journey .ze-office-hero figcaption,
  #zero-recruit-journey .ze-workplace-band figcaption,
  #zero-recruit-journey .ze-work-number-detail,
  #zero-recruit-journey .ze-work-ratio-label,
  #zero-recruit-journey .ze-comparison-note,
  #zero-recruit-journey .ze-required,
  #zero-recruit-journey .ze-steps,
  #zero-recruit-journey .ze-footer span { font-size:14px; line-height:1.8; }
  #zero-recruit-journey .ze-error { font-size:16px; line-height:1.8; }
  #zero-recruit-journey .ze-comparison-unit { max-inline-size:100%; white-space:normal; }
  #zero-recruit-journey .ze-salary { display:block; line-height:1.6; }

  /* Labels and values occupy the full reading width, including review screens. */
  #zero-recruit-journey .ze-table:not(.ze-comparison-table),
  #zero-recruit-journey .ze-table:not(.ze-comparison-table) tbody,
  #zero-recruit-journey .ze-table:not(.ze-comparison-table) tr {
    display:block;
    width:100%;
    min-width:0;
    font-size:16px;
  }
  #zero-recruit-journey .ze-table:not(.ze-comparison-table) th {
    display:block;
    width:100%;
    padding:20px 0 6px;
    border-bottom:0;
    font-size:16px;
  }
  #zero-recruit-journey .ze-table:not(.ze-comparison-table) td {
    display:block;
    width:100%;
    padding:0 0 20px;
    font-size:16px;
    line-height:1.85;
  }

  /* Full labels may wrap; controls grow rather than clipping or shrinking text. */
  #zero-recruit-journey .ze-main :is(button,a[data-action]).ze-button:not(.ze-qa-role),
  #zero-recruit-journey .ze-home-section :is(button,a[data-action]).ze-button,
  #zero-recruit-journey .ze-hero-next :is(button,a[data-action]).ze-button,
  #zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail {
    min-width:0;
    min-height:52px;
    max-width:100%;
    padding:12px 16px;
    gap:12px;
    font-size:16px;
    line-height:1.6;
    white-space:normal;
  }
  #zero-recruit-journey .ze-button-label { text-wrap:balance; word-break:normal; line-break:strict; }
  #zero-recruit-journey .ze-actions,
  #zero-recruit-journey .ze-story-nav,
  #zero-recruit-journey .ze-city-buttons { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  #zero-recruit-journey .ze-main .ze-button:not(.ze-qa-role):not(.ze-link),
  #zero-recruit-journey .ze-actions .ze-button,
  #zero-recruit-journey .ze-home-section > .ze-button { width:100%; }
  #zero-recruit-journey .ze-main :is(button,a[data-action]).ze-link { width:auto; justify-self:start; padding-inline:0; }
  #zero-recruit-journey .ze-role-links { grid-template-columns:minmax(0,1fr); gap:12px; }
  #zero-recruit-journey :is(button,a[data-action]).ze-role-choice { min-height:60px; padding:16px; gap:12px; }
  #zero-recruit-journey .ze-role-copy strong { font-size:18px; line-height:1.6; }
  #zero-recruit-journey :is(.ze-map-link,.ze-source-link,.ze-policy-contact a,.ze-privacy a) {
    display:inline-flex;
    align-items:center;
    min-height:48px;
    max-width:100%;
    font-size:16px;
    line-height:1.75;
    overflow-wrap:anywhere;
  }

  #zero-recruit-journey .ze-header .ze-nav-panel :is(button,a[data-action]) { min-height:48px; font-size:16px; line-height:1.65; }
  #zero-recruit-journey .ze-nav-disclosure > summary { min-height:48px; font-size:14px; }
  #zero-recruit-journey .ze-breadcrumb,
  #zero-recruit-journey .ze-breadcrumb :is(button,a[data-action]) { font-size:14px; line-height:1.6; }
  #zero-recruit-journey .ze-breadcrumb .ze-button { width:auto; min-height:48px; padding:6px 0; }
  #zero-recruit-journey .ze-footer-links > a { min-height:48px; font-size:16px; line-height:1.6; }

  #zero-recruit-journey input:not([type=checkbox]):not([type=radio]),
  #zero-recruit-journey select,
  #zero-recruit-journey textarea { min-height:52px; font-size:16px; line-height:1.6; }
  #zero-recruit-journey textarea { min-height:144px; }
  #zero-recruit-journey .ze-contact-options { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; }
  #zero-recruit-journey .ze-contact-option { width:100%; min-width:0; min-height:52px; font-size:16px; }
  #zero-recruit-journey .ze-consent { min-height:52px; font-size:16px; line-height:1.8; }
  #zero-recruit-journey .ze-consent input { margin-top:4px; }
  #zero-recruit-journey .ze-privacy summary { min-height:48px; }

  #zero-recruit-journey .ze-sales-case-details { padding:20px; }
  #zero-recruit-journey .ze-qa-item > summary { gap:8px; padding-inline:0; }
  #zero-recruit-journey .ze-qa-answer { gap:8px; padding-inline:0; }
  #zero-recruit-journey .ze-work-stat dt { font-size:16px; line-height:1.65; }
}
@container (max-width:430px) {
  #zero-recruit-journey .ze-home-office {
    grid-template-areas:"photo name" "action action";
    column-gap:16px;
  }
  #zero-recruit-journey .ze-home-office h3 { align-self:center; }
  #zero-recruit-journey .ze-home-office :is(button,a[data-action]).ze-home-detail { width:100%; }
}

/* Editorial interview: retain the site's blue, white, photography and action styles. */
#zero-recruit-journey .ze-story-interview { max-width:960px; }
#zero-recruit-journey .ze-story-interview > h1 { margin-bottom:32px; max-inline-size:24em; text-wrap:balance; }
#zero-recruit-journey .ze-story-interview > h1 span { display:inline-block; max-width:100%; }
#zero-recruit-journey .ze-story-interview .ze-story-profile { grid-template-columns:minmax(0,280px) minmax(0,1fr); gap:40px; padding:0; border:0; align-items:center; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-story-interview .ze-story-profile > :is(.ze-person-portrait,.ze-person-portrait-frame) { width:100%; height:auto; }
#zero-recruit-journey .ze-interview-profile-copy { min-width:0; padding:28px 32px 28px 0; }
#zero-recruit-journey .ze-story-interview .ze-person-name { margin:0 0 16px; font-size:28px; color:var(--ze-blue); }
#zero-recruit-journey .ze-interview-department { font-weight:700; font-size:16px; }
#zero-recruit-journey .ze-interview-department span { display:block; font-size:13px; font-weight:400; color:var(--ze-muted); }
#zero-recruit-journey .ze-interview-facts { margin:24px 0; }
#zero-recruit-journey .ze-interview-facts > div { display:grid; grid-template-columns:3em minmax(0,1fr); gap:16px; margin:10px 0; }
#zero-recruit-journey .ze-interview-facts dt { color:var(--ze-muted); }
#zero-recruit-journey .ze-interview-facts dd { margin:0; }
#zero-recruit-journey .ze-interview-questions { max-width:760px; margin:40px auto 0; }
#zero-recruit-journey .ze-interview-qa { padding:32px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-interview-qa h2 { display:grid; grid-template-columns:1.6em minmax(0,1fr); gap:12px; margin:0 0 18px; font-size:22px; line-height:1.65; text-wrap:pretty; }
#zero-recruit-journey .ze-interview-q { color:var(--ze-blue); }
#zero-recruit-journey .ze-interview-qa p { margin:0; padding-left:47px; font-size:16px; line-height:1.95; text-wrap:pretty; }
#zero-recruit-journey .ze-interview-next { margin-top:40px; padding:28px 32px; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-interview-next h2 { margin:0; font-size:22px; }
#zero-recruit-journey .ze-interview-next .ze-actions { margin-top:20px; }
#zero-recruit-journey .ze-story-interview .ze-story-nav { justify-content:space-between; gap:12px 20px; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-story-interview .ze-story-profile { grid-template-columns:minmax(0,1fr); gap:0; }
  #zero-recruit-journey .ze-story-interview .ze-story-profile > :is(.ze-person-portrait,.ze-person-portrait-frame) { width:min(100%,260px); margin-inline:auto; }
  #zero-recruit-journey .ze-interview-profile-copy { padding:24px; }
  #zero-recruit-journey .ze-story-interview .ze-person-name { font-size:26px; }
  #zero-recruit-journey .ze-interview-questions { margin-top:24px; }
  #zero-recruit-journey .ze-interview-qa { padding:28px 0; }
  #zero-recruit-journey .ze-interview-qa h2 { font-size:20px; gap:8px; margin-bottom:14px; }
  #zero-recruit-journey .ze-interview-qa p { padding-left:0; }
  #zero-recruit-journey .ze-interview-next { padding:24px 20px; margin-top:32px; }
}

/* Work profiles share the interview layout without implying personal Q&A. */
#zero-recruit-journey .ze-story-interview .ze-story-profile .ze-person-portrait-frame > .ze-person-portrait { width:100%; height:100%; }
#zero-recruit-journey .ze-work-profile-section h2 { display:block; }
#zero-recruit-journey .ze-work-profile-section p { padding-left:0; }

/* 2026-11-02: coherent reading and job-selection paths. */
#zero-recruit-journey ::selection { background:var(--ze-color-selection); color:var(--ze-color-navy); }
#zero-recruit-journey .ze-skip-link { position:fixed; z-index:100; top:8px; left:16px; padding:12px 18px; transform:translateY(-160%); background:var(--ze-blue); color:var(--ze-color-white); }
#zero-recruit-journey .ze-skip-link:focus { transform:none; }
#zero-recruit-journey .ze-menu-mobile { display:none; }
#zero-recruit-journey .ze-hero-actions { gap:12px; margin-top:24px; }
#zero-recruit-journey .ze-hero-actions .ze-button { width:auto; min-height:52px; }
#zero-recruit-journey .ze-hero-actions .ze-primary { background:var(--ze-color-white); color:var(--ze-color-navy); border-color:var(--ze-color-white); }
#zero-recruit-journey .ze-hero-actions .ze-secondary { background:var(--ze-color-navy); color:var(--ze-color-white); border-color:var(--ze-color-navy-link); }
#zero-recruit-journey .ze-hero-actions .ze-button:hover { background:var(--ze-color-selection); color:var(--ze-color-navy); }
#zero-recruit-journey .ze-hero-actions .ze-button:focus-visible { outline-color:var(--ze-color-white); outline-offset:4px; }
/* TOP role navigation: white surface, restrained gold outline, navy labels. */
#zero-recruit-journey .ze-home-role-navigation { padding:8px 0 32px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-home-role-navigation h2 { margin:0 0 24px; color:var(--ze-color-navy); font-size:23px; line-height:1.55; }
#zero-recruit-journey .ze-home-role-overview { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
#zero-recruit-journey .ze-home-role-overview > div { min-width:0; }
#zero-recruit-journey .ze-home-role-overview p { margin:12px 0 0; color:var(--ze-muted); font-size:14px; line-height:1.85; }
#zero-recruit-journey .ze-home-role-navigation a[data-action].ze-button { width:100%; min-height:70px; padding:18px 20px; gap:12px; border:1.5px solid var(--ze-color-role-gold); border-radius:4px; color:var(--ze-color-navy); background:var(--ze-color-white); font-size:17px; line-height:1.6; }
#zero-recruit-journey .ze-home-role-navigation a[data-action].ze-button:hover { color:var(--ze-color-navy); background:var(--ze-color-role-gold-hover); border-color:var(--ze-color-role-gold); }
#zero-recruit-journey .ze-home-role-navigation .ze-button-label { text-wrap:wrap; }
#zero-recruit-journey .ze-home-role-navigation .ze-arrow { color:var(--ze-color-role-gold); width:21px; height:21px; flex:0 0 21px; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-home-role-navigation h2 { font-size:20px; margin-bottom:22px; }
  #zero-recruit-journey .ze-home-role-navigation a[data-action].ze-button { min-height:66px; padding:17px 16px; font-size:16px; }
}
/* Compact secondary job entries keep the sales-to-employee reading order. */
#zero-recruit-journey .ze-home-recruitment { margin-top:32px; }
#zero-recruit-journey .ze-home-recruitment-entry { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 0; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-home-recruitment-copy { flex:1; min-width:0; }
#zero-recruit-journey .ze-home-recruitment .ze-copy-phrase { display:inline-block; max-inline-size:100%; vertical-align:baseline; }
#zero-recruit-journey .ze-home-recruitment-entry h3 { margin:0; color:var(--ze-ink); font-size:20px; line-height:1.6; }
#zero-recruit-journey .ze-home-recruitment-entry p { margin:6px 0 0; font-size:15px; line-height:1.8; text-wrap:pretty; }
#zero-recruit-journey .ze-home-recruitment-actions { display:grid; gap:12px; flex:0 0 340px; width:340px; max-width:100%; }
#zero-recruit-journey .ze-home-recruitment .ze-home-recruitment-actions a.ze-button { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-width:0; min-height:52px; margin:0; padding:12px 16px; border:1px solid var(--ze-blue); border-radius:2px; background:var(--ze-blue); color:var(--ze-color-white); font-size:15px; line-height:1.6; white-space:normal; text-align:left; text-decoration:none; }
#zero-recruit-journey .ze-home-recruitment .ze-home-recruitment-actions a.ze-button:hover { background:var(--ze-color-brand-blue-hover); border-color:var(--ze-color-brand-blue-hover); color:var(--ze-color-white); }
#zero-recruit-journey .ze-home-recruitment-actions .ze-button-label { min-width:0; }
#zero-recruit-journey .ze-home-recruitment-actions .ze-arrow { flex:0 0 20px; width:20px; height:20px; color:currentColor; }
@container (max-width:840px) {
  #zero-recruit-journey .ze-home-recruitment-entry { display:block; }
  #zero-recruit-journey .ze-home-recruitment-actions { width:100%; margin-top:16px; }
}
@container (max-width:680px) {
  #zero-recruit-journey .ze-home-recruitment-entry h3 { font-size:20px; }
  #zero-recruit-journey .ze-home-recruitment .ze-home-recruitment-actions a.ze-button { min-height:54px; }
}
#zero-recruit-journey .ze-job-location-label { font-weight:700; margin-top:24px; }
#zero-recruit-journey .ze-job-comparison { margin:32px 0; border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-job-comparison > summary { padding:20px 8px; font-size:18px; color:var(--ze-blue); font-weight:700; }
#zero-recruit-journey .ze-page-index { margin:16px 0 28px; border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-page-index summary { padding:12px 4px; min-height:48px; font-size:15px; font-weight:700; color:var(--ze-blue); }
#zero-recruit-journey .ze-page-index nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding-bottom:16px; gap:4px 24px; }
#zero-recruit-journey .ze-page-index button { display:block; width:100%; min-height:48px; border:0; padding:10px 4px; text-align:left; background:transparent; font-size:15px; font-weight:400; line-height:1.65; color:var(--ze-blue); text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey :is(.ze-page-index button,.ze-footer-grid a):hover { color:var(--ze-action-hover); text-decoration-thickness:2px; }
#zero-recruit-journey .ze-home-conditions > p { color:var(--ze-color-navy-muted); max-width:46em; }
#zero-recruit-journey .ze-home-conditions .ze-conditions-actions { grid-column:auto; display:flex; }
#zero-recruit-journey .ze-home-conditions .ze-conditions-actions .ze-button { width:auto; }
#zero-recruit-journey .ze-application-summary { padding:20px 24px; }
#zero-recruit-journey .ze-application-summary > p { margin:4px 0 8px; }
#zero-recruit-journey .ze-application-summary details { font-size:14px; }
#zero-recruit-journey .ze-application-summary summary { min-height:44px; padding:10px 0; }
#zero-recruit-journey .ze-preview-sample { margin:24px 0; border-block:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-preview-sample summary { padding:12px 0; min-height:48px; font-size:14px; color:var(--ze-muted); }
#zero-recruit-journey .ze-preview-sample[open] { padding-bottom:16px; }
#zero-recruit-journey .ze-form-errors { padding:16px 20px; border:1px solid var(--ze-error); margin:24px 0; color:var(--ze-error); }
#zero-recruit-journey .ze-form-errors ul { list-style:none; padding:0; margin:0; }
#zero-recruit-journey .ze-form-errors button { background:none; border:none; padding:8px 0; min-height:44px; color:var(--ze-error); text-align:left; font-size:15px; font-weight:400; text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey .ze-footer { display:block; padding:36px var(--ze-gutter); margin-top:16px; background:var(--ze-section-bg); border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-footer-company { display:flex; flex-wrap:wrap; gap:8px 24px; align-items:center; }
#zero-recruit-journey .ze-footer-company strong { font-size:20px; color:var(--ze-ink); }
#zero-recruit-journey .ze-footer-company span { font-size:14px; }
#zero-recruit-journey .ze-footer-company-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-underline-offset:4px; }
#zero-recruit-journey .ze-company-info a { color:var(--ze-blue); text-underline-offset:4px; }
#zero-recruit-journey .ze-company-info .ze-button { border:1px solid var(--ze-blue); font:inherit; font-weight:700; text-decoration:none; border-radius:3px; }
#zero-recruit-journey .ze-company-info .ze-primary { background:var(--ze-action); border-color:var(--ze-action); color:var(--ze-on-action); }
#zero-recruit-journey .ze-company-info .ze-primary:hover { background:var(--ze-action-hover); border-color:var(--ze-action-hover); }
#zero-recruit-journey .ze-company-info .ze-secondary:hover { background:var(--ze-soft); }
@container ze-site (max-width:640px) {
  #zero-recruit-journey .ze-company-info .ze-actions .ze-button { width:100%; }
}
#zero-recruit-journey .ze-footer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:24px 0; }
#zero-recruit-journey .ze-footer-grid p { font-size:15px; font-weight:700; color:var(--ze-ink); margin-bottom:8px; }
#zero-recruit-journey .ze-footer-grid a,#zero-recruit-journey .ze-footer-home { display:flex; min-height:44px; align-items:center; padding:9px 0; border:0; background:transparent; font-size:14px; font-weight:400; line-height:1.6; text-decoration:underline; text-underline-offset:4px; }
#zero-recruit-journey .ze-footer-home { border-top:1px solid var(--ze-rule); padding-top:18px; }
/* Headings receive reading focus after navigation, without resembling controls. */
#zero-recruit-journey :is(h1,h2,main)[tabindex="-1"]:focus { outline:none; }
#zero-recruit-journey h2[id] { scroll-margin-top:20px; }
#zero-recruit-journey :is(.ze-policy-contact a,.ze-privacy a,.ze-market-source a) { display:inline-flex; align-items:center; min-height:44px; max-width:100%; padding-block:5px; }
@container (max-width:680px) {
  #zero-recruit-journey .ze-header { grid-template-columns:minmax(0,1fr) auto auto; gap:8px; padding:12px 16px; }
  #zero-recruit-journey .ze-header .ze-brand { grid-column:auto; grid-row:auto; max-width:180px; width:100%; min-width:0; padding:0; }
  #zero-recruit-journey .ze-header .ze-brand img { width:100%; max-width:180px; height:auto; }
  #zero-recruit-journey .ze-header .ze-nav { grid-column:auto; grid-row:auto; display:flex; gap:0; justify-content:flex-end; }
  #zero-recruit-journey .ze-header .ze-nav > :not(.ze-nav-cta) { display:none; }
  #zero-recruit-journey .ze-header .ze-nav-cta { min-width:64px; padding:10px 8px; min-height:48px; font-size:14px; }
  #zero-recruit-journey .ze-header .ze-nav-cta svg { display:none; }
  #zero-recruit-journey .ze-header .ze-site-menu { grid-column:auto; grid-row:auto; }
  #zero-recruit-journey .ze-header .ze-site-menu > summary { padding:10px 4px; min-height:48px; font-size:14px; gap:4px; }
  #zero-recruit-journey .ze-header .ze-menu-mobile { display:block; }
  #zero-recruit-journey .ze-site-menu .ze-nav-panel { max-height:calc(100dvh - 100px); overflow-y:auto; overscroll-behavior:contain; }
  #zero-recruit-journey .ze-home-role-overview { grid-template-columns:minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-admin-entry { display:block; }
  #zero-recruit-journey .ze-admin-entry .ze-button { margin-top:16px; width:100%; }
  #zero-recruit-journey .ze-hero-actions { display:grid; grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-hero-actions .ze-button { width:100%; }
  #zero-recruit-journey .ze-home-conditions .ze-conditions-actions .ze-button { width:100%; }
  #zero-recruit-journey .ze-page-index nav { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
  #zero-recruit-journey .ze-footer-grid > div:last-child { grid-column:1 / -1; }
}

/* SV work introduction inherits the shared role-page rhythm and touch rules. */
#zero-recruit-journey .ze-sv-detail .ze-role-intro { grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); gap:40px; }
#zero-recruit-journey .ze-sv-detail .ze-role-intro-copy h2 span { display:block; }
#zero-recruit-journey .ze-sv-detail .ze-role-work-photo img { aspect-ratio:4 / 5; object-fit:cover; object-position:50% 58%; }
#zero-recruit-journey .ze-sv-detail .ze-work-services h3 { margin:0 0 8px; color:var(--ze-blue); font-size:18px; line-height:1.65; }
#zero-recruit-journey .ze-sv-detail > section { margin-block:var(--ze-section-space); }
#zero-recruit-journey .ze-sv-detail > section > h2 { margin-top:0; }
#zero-recruit-journey .ze-sv-next { padding-top:24px; border-top:1px solid var(--ze-rule); }
@container (max-width:760px) {
  #zero-recruit-journey .ze-sv-detail .ze-role-intro { grid-template-columns:minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-sv-detail .ze-role-work-photo { width:min(100%,440px); margin-inline:auto; }
}

#zero-recruit-journey .ze-sv-phrase { display:inline-block; max-inline-size:100%; }

/* Approved five-person TOP composition, 2026-11-02. Full photo remains visible on mobile. */
#zero-recruit-journey .ze-hero-montage { display:block; min-height:0; padding:0; }
#zero-recruit-journey .ze-hero-montage::after { display:none; }
#zero-recruit-journey .ze-hero-montage .ze-hero-visual { position:relative; background:var(--ze-color-montage-surface); }
#zero-recruit-journey .ze-hero-montage .ze-hero-media { position:relative; z-index:0; isolation:isolate; overflow:hidden; inset:auto; width:100%; aspect-ratio:1902 / 827; }
#zero-recruit-journey .ze-hero-montage .ze-hero-media::after { display:none; }
#zero-recruit-journey .ze-hero-montage .ze-hero-media img.ze-hero-image { display:block; width:100%; height:100%; aspect-ratio:1902 / 827; object-fit:contain; object-position:center; }
#zero-recruit-journey .ze-hero-montage h1 { position:absolute; z-index:1; left:var(--ze-gutter); bottom:9%; display:grid; justify-items:start; gap:8px; max-width:calc(100% - 2 * var(--ze-gutter)); margin:0; font-size:clamp(26px,4.1cqi,52px); line-height:1.35; letter-spacing:.02em; }
#zero-recruit-journey .ze-hero-montage .ze-hero-headline-line { display:block; padding:.12em .4em .16em; background:var(--ze-color-montage-caption); color:var(--ze-color-white); }
#zero-recruit-journey .ze-hero-montage .ze-hero-content { display:flex; align-items:center; justify-content:space-between; gap:24px; width:100%; margin:0; padding:28px var(--ze-gutter) 32px; }
#zero-recruit-journey .ze-hero-montage .ze-hero-description { min-width:0; }
#zero-recruit-journey .ze-hero-montage .ze-hero-business { margin:0; font-size:16px; line-height:1.9; }
#zero-recruit-journey .ze-hero-montage .ze-hero-support { display:flex; flex-wrap:wrap; gap:4px 20px; margin-top:10px; }
#zero-recruit-journey .ze-hero-montage .ze-hero-support p { margin:0; font-size:14px; color:var(--ze-color-navy-muted); }
#zero-recruit-journey .ze-hero-montage .ze-hero-actions { flex:0 0 280px; display:grid; gap:12px; margin:0; }
#zero-recruit-journey .ze-hero-montage .ze-hero-actions .ze-button { width:100%; min-height:52px; }

/* A single, restrained light sweep stays inside the photo, behind the copy. */
#zero-recruit-journey .ze-hero-light {
  position:absolute; inset:0; pointer-events:none; opacity:0;
  background:linear-gradient(115deg,transparent 38%,color-mix(in srgb,var(--ze-color-white) 10%,transparent) 46%,color-mix(in srgb,var(--ze-color-white) 42%,transparent) 50%,color-mix(in srgb,var(--ze-color-white) 10%,transparent) 54%,transparent 62%);
  transform:translate3d(-100%,-35%,0);
}
#zero-recruit-journey .ze-hero-light-active .ze-hero-light {
  animation:ze-hero-light-pass 1000ms cubic-bezier(.2,.65,.35,1) 180ms 1 both;
}
@keyframes ze-hero-light-pass {
  0% { transform:translate3d(-100%,-35%,0); opacity:0; }
  16% { opacity:.8; }
  72% { opacity:.8; }
  100% { transform:translate3d(100%,35%,0); opacity:0; }
}
@media (prefers-reduced-motion:reduce) {
  #zero-recruit-journey .ze-hero-light { display:none; }
  #zero-recruit-journey .ze-hero-light-active .ze-hero-light { animation:none; }
}
@container (max-width:760px) {
 #zero-recruit-journey .ze-hero-montage .ze-hero-visual { background:var(--ze-color-navy); }
 #zero-recruit-journey .ze-hero-montage h1 { position:relative; inset:auto; max-width:none; padding:20px var(--ze-gutter) 0; font-size:clamp(25px,6.8cqi,40px); gap:6px; }
 #zero-recruit-journey .ze-hero-montage .ze-hero-content { display:block; padding:20px var(--ze-gutter) 28px; }
 #zero-recruit-journey .ze-hero-montage .ze-hero-business { margin:0; font-size:16px; }
 #zero-recruit-journey .ze-hero-montage .ze-hero-support { display:block; margin-top:12px; }
 #zero-recruit-journey .ze-hero-montage .ze-hero-actions { margin-top:24px; }
}


/* Recruitment list: matching work photos and restrained role accents. */
#zero-recruit-journey .ze-jobs { --ze-sales-new:var(--ze-blue); --ze-sales-existing:light-dark(var(--ze-color-sales-existing),var(--ze-color-dark-sales-existing)); }
#zero-recruit-journey .ze-jobs > .ze-job-choice {
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,2fr);
  grid-template-areas:"heading photo" "copy photo" "location location";
  column-gap:32px;
  align-items:start;
}
#zero-recruit-journey .ze-job-choice > h2 { grid-area:heading; margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid currentColor; }
#zero-recruit-journey .ze-job-choice[data-job-role="new"] > h2 { color:var(--ze-sales-new); }
#zero-recruit-journey .ze-job-choice[data-job-role="existing"] > h2 { color:var(--ze-sales-existing); }
#zero-recruit-journey .ze-job-choice[data-job-role="admin"] > h2 { color:var(--ze-ink); }
#zero-recruit-journey .ze-job-choice-photo { grid-area:photo; min-width:0; margin:0; }
#zero-recruit-journey .ze-job-choice-image { display:block; width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
#zero-recruit-journey .ze-job-choice-copy { grid-area:copy; min-width:0; }
#zero-recruit-journey .ze-job-choice-copy > :first-child { margin-top:0; }
#zero-recruit-journey .ze-job-choice-copy > :last-child { margin-bottom:0; }
#zero-recruit-journey .ze-job-choice-location { grid-area:location; min-width:0; margin-top:24px; }
#zero-recruit-journey .ze-job-choice-location > :first-child { margin-top:0; }
#zero-recruit-journey .ze-job-choice-location .ze-city-buttons { margin-top:12px; }
#zero-recruit-journey .ze-job-choice-location .ze-button { min-height:52px; }
#zero-recruit-journey .ze-jobs .ze-job-comparison > summary { padding:24px 8px; font-size:clamp(20px,2.5cqi,26px); line-height:1.6; text-wrap:balance; }
#zero-recruit-journey .ze-jobs .ze-job-comparison .ze-sales-comparison { padding-bottom:8px; }
#zero-recruit-journey .ze-jobs .ze-sales-comparison > h2 { margin-top:8px; font-size:20px; color:var(--ze-ink); }
#zero-recruit-journey .ze-jobs .ze-comparison-intro { margin-bottom:24px; max-width:65ch; }
#zero-recruit-journey .ze-jobs #ze-comparison-new { color:var(--ze-sales-new); border-top:2px solid currentColor; }
#zero-recruit-journey .ze-jobs #ze-comparison-existing { color:var(--ze-sales-existing); border-top:2px solid currentColor; }
#zero-recruit-journey .ze-jobs [data-sales-role="new"] .ze-comparison-role { color:var(--ze-sales-new); }
#zero-recruit-journey .ze-jobs [data-sales-role="existing"] .ze-comparison-role { color:var(--ze-sales-existing); }
@container (max-width:680px) {
  #zero-recruit-journey .ze-jobs > .ze-job-choice { grid-template-columns:minmax(0,1fr); grid-template-areas:"heading" "photo" "copy" "location"; row-gap:20px; }
  #zero-recruit-journey .ze-job-choice > h2 { margin-bottom:0; }
  #zero-recruit-journey .ze-job-choice-location { margin-top:4px; }
}


/* Mobile navigation follows the same three information groups as the footer. */
@container (max-width:680px) {
  #zero-recruit-journey .ze-header { position:relative; }
  #zero-recruit-journey .ze-header .ze-site-menu { position:static; }
  #zero-recruit-journey .ze-header .ze-menu-desktop { display:none; }
  #zero-recruit-journey .ze-header .ze-site-menu .ze-nav-panel {
    top:calc(100% + 8px);
    left:16px;
    right:16px;
    width:auto;
    max-width:none;
    max-height:calc(100vh - 100px);
    max-height:calc(100dvh - 100px);
    padding:20px 16px max(24px,env(safe-area-inset-bottom));
    scrollbar-color:var(--ze-rule) var(--ze-bg);
    scrollbar-gutter:stable;
  }
  #zero-recruit-journey .ze-mobile-menu-group + .ze-mobile-menu-group { margin-top:20px; padding-top:20px; border-top:1px solid var(--ze-rule); }
  #zero-recruit-journey .ze-mobile-menu-group > h2 { margin:0 0 8px; color:var(--ze-ink); font-size:18px; font-weight:700; line-height:1.5; }
  #zero-recruit-journey .ze-mobile-menu-group > ul { list-style:none; margin:0; padding:0; }
  #zero-recruit-journey .ze-mobile-menu-group li { margin:0; padding:0; }
  #zero-recruit-journey .ze-header .ze-mobile-menu-group a[data-action] { display:flex; align-items:center; min-height:48px; padding:10px 8px; color:var(--ze-blue); font-size:16px; font-weight:500; line-height:1.65; }
  #zero-recruit-journey .ze-header .ze-mobile-menu-group a[data-action][aria-current="page"] { background:var(--ze-soft); font-weight:700; }
}

/* Full-width TOP photo; reading and navigation areas keep their existing measure. */
#zero-recruit-journey { --ze-content-width:1040px; }
#zero-recruit-journey .ze-content-body {
  width:100%;
  max-width:var(--ze-content-width);
  margin-inline:auto;
  container-type:inline-size;
}
#zero-recruit-journey :is(.ze-header,.ze-footer),
#zero-recruit-journey .ze-hero-montage .ze-hero-content {
  width:100%;
  max-width:var(--ze-content-width);
  margin-inline:auto;
}
@container (min-width:1040px) {
  #zero-recruit-journey .ze-hero-montage h1 {
    left:calc((100% - var(--ze-content-width)) / 2 + var(--ze-gutter));
  }
}

/* Job detail: key conditions first, income examples outside the conditions table. */
#zero-recruit-journey .ze-job-detail { font-size:16px; line-height:1.85; }
#zero-recruit-journey .ze-job-detail .ze-lead { font-size:16px; }
#zero-recruit-journey .ze-network-job > .ze-lead { max-inline-size:none; }
#zero-recruit-journey .ze-job-overview { margin-top:24px; padding:24px; background:var(--ze-section-bg); }
#zero-recruit-journey .ze-job-employment { margin:0 0 16px; font-weight:700; }
#zero-recruit-journey .ze-job-overview dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 32px; margin:0; }
#zero-recruit-journey .ze-job-overview dt { color:var(--ze-muted); font-size:14px; }
#zero-recruit-journey .ze-job-overview dd { margin:4px 0 0; font-weight:700; }
#zero-recruit-journey .ze-job-overview .ze-actions { margin:20px 0 0; }
#zero-recruit-journey .ze-job-nav { display:flex; flex-wrap:wrap; gap:8px 24px; margin:16px 0 40px; }
#zero-recruit-journey .ze-job-nav button { appearance:none; border:0; border-bottom:1px solid var(--ze-rule); background:none; color:var(--ze-blue); font:inherit; font-weight:700; padding:12px 0; min-height:48px; text-underline-offset:4px; }
#zero-recruit-journey .ze-job-nav button:hover { text-decoration:underline; }
#zero-recruit-journey .ze-job-nav button:focus-visible { outline:2px solid var(--ze-focus); outline-offset:4px; }
#zero-recruit-journey .ze-job-section { margin-top:48px; }
#zero-recruit-journey .ze-job-section > h2 { margin:0 0 24px; scroll-margin-top:24px; }
#zero-recruit-journey .ze-job-pay .ze-pay-rewards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:24px; }
#zero-recruit-journey .ze-job-pay .ze-pay-rewards > p { margin:0; padding-top:16px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-job-income-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:start; }
#zero-recruit-journey .ze-job-income-grid:has(> :only-child) { grid-template-columns:minmax(0,640px); }
#zero-recruit-journey .ze-job-income-card { min-width:0; padding:24px; border:1px solid var(--ze-rule); border-radius:12px; }
#zero-recruit-journey .ze-job-income-card h3 { margin:0 0 16px; font-size:20px; line-height:1.6; }
#zero-recruit-journey .ze-job-income-card h3 span { display:block; margin-top:4px; font-size:16px; }
#zero-recruit-journey .ze-job-income-total { color:var(--ze-blue); font-weight:700; }
#zero-recruit-journey .ze-job-income-total strong { font-size:36px; line-height:1.4; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-job-income-breakdown { margin:20px 0; }
#zero-recruit-journey .ze-job-income-breakdown > div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px 16px; padding:8px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-job-income-breakdown dd { margin:0; font-weight:700; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-job-detail .ze-table { font-size:16px; line-height:1.85; }
#zero-recruit-journey .ze-job-detail .ze-table th { width:24%; }
#zero-recruit-journey .ze-job-detail :is(.ze-note,small) { font-size:14px; line-height:1.85; color:var(--ze-muted); }
@container (min-width:681px) {
  #zero-recruit-journey .ze-job-income-card:not(:only-child) h3 { min-height:64px; }
}
@container (max-width:680px) {
  #zero-recruit-journey .ze-job-overview { padding:20px; }
  #zero-recruit-journey .ze-job-overview dl { grid-template-columns:minmax(0,1fr); gap:12px; }
  #zero-recruit-journey .ze-job-overview dl > div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; }
  #zero-recruit-journey .ze-job-overview dd { margin:0; }
  #zero-recruit-journey .ze-job-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 20px; }
  #zero-recruit-journey .ze-job-nav button { text-align:left; font-size:14px; }
  #zero-recruit-journey .ze-job-pay .ze-pay-rewards,#zero-recruit-journey .ze-job-income-grid { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-job-income-card { padding:20px; }
  #zero-recruit-journey .ze-job-detail .ze-table th { width:100%; }
}

/* SV candidate: distinguish initial duties from future responsibilities. */
#zero-recruit-journey .ze-sv-detail .ze-sv-initial { grid-template-columns:minmax(0,1fr); }
#zero-recruit-journey .ze-sv-terms .ze-sv-salary { margin:0 0 20px; color:var(--ze-blue); font-size:28px; line-height:1.5; }
#zero-recruit-journey .ze-sv-terms .ze-table { font-size:16px; line-height:1.85; }

/* SV recruiting uses the same controls and city buttons as the other roles. */
#zero-recruit-journey .ze-job-choice[data-job-role="sv"] .ze-job-choice-image {
  aspect-ratio:5 / 4;
  object-fit:cover;
  object-position:50% 45%;
}
#zero-recruit-journey .ze-sv-job .ze-controls { grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
@container (max-width:359px) {
  #zero-recruit-journey .ze-sv-job h1 { font-size:23px; }
}
@container (max-width:540px) {
  #zero-recruit-journey .ze-sv-job .ze-controls { grid-template-columns:minmax(0,1fr); }
}

/* Existing-sales pay: distinguish the first year from the annual salary period. */
#zero-recruit-journey .ze-pay-by-year { margin:0; }
#zero-recruit-journey .ze-pay-by-year > div + div { margin-top:24px; padding-top:24px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-pay-by-year dt { margin-bottom:12px; color:var(--ze-blue); font-size:18px; font-weight:700; }
#zero-recruit-journey .ze-pay-by-year dd { margin:0; }
#zero-recruit-journey .ze-pay-by-year dd > p { margin:0 0 12px; }
#zero-recruit-journey .ze-pay-by-year dd > p:last-child { margin-bottom:0; }

/* Technical support extends the established role-page layout. */
#zero-recruit-journey .ze-technical-phrase { display:inline-block; }
#zero-recruit-journey .ze-technical-detail .ze-role-work-photo img { aspect-ratio:auto; }
#zero-recruit-journey .ze-technical-essentials { display:flex; flex-wrap:wrap; gap:8px 20px; list-style:none; padding:16px 0; margin:20px 0 0; border-block:1px solid var(--ze-rule); font-weight:700; color:var(--ze-ink); }
#zero-recruit-journey .ze-technical-essentials > li { margin:0; }
#zero-recruit-journey .ze-technical-learning-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:24px 32px; align-items:start; }
#zero-recruit-journey .ze-technical-learning-part { grid-column:1; min-width:0; max-inline-size:72ch; }
#zero-recruit-journey .ze-technical-learning-part ~ .ze-technical-learning-part { padding-top:24px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-technical-learning-part h3 { margin:0 0 12px; color:var(--ze-ink); }
#zero-recruit-journey .ze-technical-learning-part p { margin:0 0 12px; }
#zero-recruit-journey .ze-technical-learning-part p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-technical-learning-photo { grid-column:2; grid-row:1 / span 3; align-self:center; min-width:0; margin:0; }
#zero-recruit-journey .ze-technical-learning-photo img { display:block; width:100%; height:auto; }
@container (max-width:840px) {
  #zero-recruit-journey .ze-technical-learning-layout { grid-template-columns:minmax(0,1fr); }
  #zero-recruit-journey .ze-technical-learning-photo { grid-column:1; grid-row:auto; width:100%; max-width:640px; }
}
#zero-recruit-journey .ze-technical-voice h3 { margin:0 0 20px; color:var(--ze-ink); }
#zero-recruit-journey .ze-technical-voice p { max-inline-size:72ch; }
#zero-recruit-journey .ze-technical-duties { list-style:none; padding:0; margin:24px 0 40px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-technical-duties li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:20px; padding:24px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-technical-duties h3 { margin:0 0 8px; color:var(--ze-blue); }
#zero-recruit-journey .ze-technical-duties p { margin:0; max-width:48em; }
#zero-recruit-journey .ze-technical-case { margin-block:32px 40px; padding:28px 32px; border:1px solid var(--ze-rule); border-radius:12px; }
#zero-recruit-journey .ze-technical-case > h3 { margin:0 0 24px; font-size:20px; line-height:1.6; color:var(--ze-ink); }
#zero-recruit-journey .ze-technical-case dl { margin:0; }
#zero-recruit-journey .ze-technical-case dl > div { display:grid; grid-template-columns:9em minmax(0,1fr); gap:20px; padding-block:20px; border-top:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-technical-case dl > div:last-child { padding-bottom:0; }
#zero-recruit-journey .ze-technical-case dt { font-weight:700; color:var(--ze-blue); }
#zero-recruit-journey .ze-technical-case dd, #zero-recruit-journey .ze-technical-case p { margin:0; }
#zero-recruit-journey .ze-technical-case ol { margin:0; padding-left:1.5em; }
#zero-recruit-journey .ze-technical-case li { padding-left:4px; }
#zero-recruit-journey .ze-technical-case li + li { margin-top:12px; }
#zero-recruit-journey .ze-technical-case li::marker { color:var(--ze-blue); font-weight:700; }
#zero-recruit-journey .ze-technical-terms { margin:0; }
#zero-recruit-journey .ze-technical-terms > div { display:grid; grid-template-columns:7em minmax(0,1fr); gap:16px; padding:16px 0; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-technical-terms dt { font-weight:700; }
#zero-recruit-journey .ze-technical-terms dd { margin:0; }
#zero-recruit-journey .ze-technical-pay dd > p { margin:0 0 12px; }
#zero-recruit-journey .ze-technical-pay dd > p:last-child { margin-bottom:0; }
#zero-recruit-journey .ze-technical-bonus-start { color:var(--ze-ink); font-size:1rem; line-height:1.85; }
#zero-recruit-journey .ze-technical-job-introduction { margin:40px 0; padding-block:8px 32px; border-bottom:1px solid var(--ze-rule); }
@container (max-width:680px) {
  #zero-recruit-journey .ze-technical-duties li { gap:16px; }
  #zero-recruit-journey .ze-technical-case { padding:24px 20px; }
  #zero-recruit-journey .ze-technical-case dl > div { grid-template-columns:minmax(0,1fr); gap:8px; }
  #zero-recruit-journey .ze-technical-case > h3 { font-size:18px; }
  #zero-recruit-journey .ze-technical-terms > div { grid-template-columns:minmax(0,1fr); gap:6px; }
}

/* Network engineer work page: inherits the existing role-page palette and type. */
#zero-recruit-journey .ze-network-phrase { display:inline-block; max-width:100%; }
#zero-recruit-journey .ze-network-detail .ze-role-work-photo { width:min(100%,400px); margin-inline:auto; }
#zero-recruit-journey .ze-network-detail .ze-role-work-photo img { aspect-ratio:4 / 5; object-fit:cover; object-position:50% 30%; }
#zero-recruit-journey .ze-job-choice[data-job-role="network"] .ze-job-choice-photo { width:min(100%,240px); justify-self:center; }
#zero-recruit-journey .ze-job-choice[data-job-role="network"] .ze-job-choice-image { aspect-ratio:4 / 5; object-fit:cover; object-position:50% 30%; }
#zero-recruit-journey .ze-network-duties { display:grid; gap:24px; list-style:none; margin:24px 0 0; padding:0; }
#zero-recruit-journey .ze-network-duties li { display:grid; grid-template-columns:40px minmax(0,1fr); gap:20px; padding-bottom:24px; border-bottom:1px solid var(--ze-rule); }
#zero-recruit-journey .ze-network-duties h3 { margin:0 0 8px; }
#zero-recruit-journey .ze-network-duties p { margin:0; }
#zero-recruit-journey .ze-network-flow { margin-block:48px; }
#zero-recruit-journey .ze-network-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:28px 0 0; padding:0; list-style:none; }
#zero-recruit-journey .ze-network-steps li { border-top:1px solid var(--ze-rule); padding-top:20px; min-width:0; }
#zero-recruit-journey .ze-network-step-number { color:var(--ze-blue); font-size:24px; font-weight:700; line-height:1; font-variant-numeric:tabular-nums; }
#zero-recruit-journey .ze-network-steps h3 { margin:14px 0 8px; font-size:18px; line-height:1.6; }
#zero-recruit-journey .ze-network-steps p { margin:0; }
#zero-recruit-journey .ze-network-learning-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:32px; align-items:center; }
#zero-recruit-journey .ze-network-learning-copy { display:grid; gap:24px; }
#zero-recruit-journey .ze-network-learning-copy h3 { margin:0 0 8px; }
#zero-recruit-journey .ze-network-learning-copy p { margin:0; }
#zero-recruit-journey .ze-network-learning-photo { margin:0; min-width:0; }
#zero-recruit-journey .ze-network-learning-photo img { display:block; width:100%; height:auto; aspect-ratio:3 / 2; }
#zero-recruit-journey .ze-network-fit-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
#zero-recruit-journey .ze-network-next { margin-top:48px; padding-top:32px; border-top:1px solid var(--ze-rule); }
@container (max-width:840px) {
  #zero-recruit-journey .ze-network-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #zero-recruit-journey .ze-network-fit-list { grid-template-columns:minmax(0,1fr); }
}
@container (max-width:760px) {
  #zero-recruit-journey .ze-network-learning-layout { grid-template-columns:minmax(0,1fr); gap:24px; }
}
@container (max-width:540px) {
  #zero-recruit-journey .ze-network-steps { grid-template-columns:minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-network-steps li { display:grid; grid-template-columns:28px minmax(0,1fr); column-gap:16px; }
  #zero-recruit-journey .ze-network-step-number { grid-row:1 / 3; padding-top:5px; }
  #zero-recruit-journey .ze-network-steps h3 { margin-top:0; }
  #zero-recruit-journey .ze-network-duties li { grid-template-columns:32px minmax(0,1fr); gap:16px; }
  #zero-recruit-journey .ze-network-duties .ze-work-icon { width:32px; height:32px; }
}

/* Tablet adaptation: query the site viewport, not the nested 1040px reading column. */
@container ze-site (min-width:681px) and (max-width:1199px) {
  #zero-recruit-journey .ze-header {
    position:relative;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:24px;
    padding:16px var(--ze-gutter);
  }
  #zero-recruit-journey .ze-header .ze-brand { grid-area:auto; min-width:0; }
  #zero-recruit-journey .ze-header .ze-brand img { width:220px; max-width:100%; }
  #zero-recruit-journey .ze-header .ze-nav { grid-area:auto; display:flex; gap:0; }
  #zero-recruit-journey .ze-header .ze-nav > :not(.ze-nav-cta) { display:none; }
  #zero-recruit-journey .ze-header .ze-nav :is(button,a[data-action]).ze-nav-cta { min-height:48px; padding:12px 20px; font-size:16px; }
  #zero-recruit-journey .ze-header .ze-site-menu { position:static; grid-area:auto; }
  #zero-recruit-journey .ze-header .ze-site-menu > summary { min-height:48px; padding:12px 8px; font-size:16px; gap:8px; }
  #zero-recruit-journey .ze-header .ze-menu-desktop { display:none; }
  #zero-recruit-journey .ze-header .ze-menu-mobile { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
  #zero-recruit-journey .ze-header .ze-site-menu .ze-nav-panel {
    top:calc(100% + 8px); left:var(--ze-gutter); right:var(--ze-gutter);
    width:auto; max-width:none;
    max-height:calc(100vh - 120px); max-height:calc(100dvh - 120px);
    overflow-y:auto; overscroll-behavior:contain;
    padding:24px 20px max(24px,env(safe-area-inset-bottom));
    scrollbar-color:var(--ze-rule) var(--ze-bg); scrollbar-gutter:stable;
  }
  #zero-recruit-journey .ze-mobile-menu-group { min-width:0; }
  #zero-recruit-journey .ze-mobile-menu-group > h2 { margin:0 0 12px; padding-bottom:12px; border-bottom:1px solid var(--ze-rule); color:var(--ze-ink); font-size:18px; line-height:1.5; }
  #zero-recruit-journey .ze-mobile-menu-group > ul { list-style:none; margin:0; padding:0; }
  #zero-recruit-journey .ze-mobile-menu-group li { margin:0; padding:0; }
  #zero-recruit-journey .ze-header .ze-mobile-menu-group a[data-action] { display:flex; align-items:center; min-height:48px; padding:12px 4px; color:var(--ze-blue); font-size:16px; font-weight:500; line-height:1.65; }
  #zero-recruit-journey .ze-header .ze-mobile-menu-group a[data-action][aria-current="page"] { background:var(--ze-soft); font-weight:700; }

  #zero-recruit-journey :is(.ze-lead,.ze-training-list p,.ze-training-highlights p,.ze-training-diagram p,.ze-work-diagram p,.ze-overview-row p,.ze-product-copy p,.ze-documents,.ze-address,.ze-summary p,.ze-privacy,.ze-qa-current) { font-size:16px; line-height:1.85; }
  #zero-recruit-journey :is(.ze-note,.ze-person-meta-asof,.ze-person-meta-publication,.ze-table small,.ze-job-row small,.ze-featured-person-copy > .ze-note,.ze-photo figcaption,.ze-office-grid figcaption,.ze-office-hero figcaption,.ze-workplace-band figcaption,.ze-comparison-note,.ze-required,.ze-steps) { font-size:14px; line-height:1.8; }
  #zero-recruit-journey .ze-main :is(button,a[data-action]).ze-button,
  #zero-recruit-journey :is(.ze-footer-grid a,.ze-footer-home,.ze-privacy summary,.ze-page-index summary) { min-height:48px; }
  #zero-recruit-journey .ze-footer-grid a { font-size:16px; }
  #zero-recruit-journey .ze-person-row { grid-template-columns:360px minmax(0,1fr); }
}

/* Portrait tablets: give profile metadata and training copy a full reading line. */
@container ze-site (min-width:681px) and (max-width:960px) {
  #zero-recruit-journey .ze-person-row { grid-template-columns:minmax(0,1fr); gap:20px; padding-block:32px; }
  #zero-recruit-journey .ze-person-profile { grid-template-columns:120px minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-person-copy p { max-inline-size:72ch; }
  #zero-recruit-journey .ze-person-copy .ze-button { width:auto; min-width:280px; max-width:100%; }
  #zero-recruit-journey .ze-training-highlights { grid-template-columns:minmax(0,1fr); gap:24px; }
  #zero-recruit-journey .ze-training-highlights li { display:grid; grid-template-columns:32px minmax(0,1fr); column-gap:20px; }
  #zero-recruit-journey .ze-training-highlights .ze-work-icon { grid-column:1; grid-row:1 / 3; margin:2px 0 0; }
  #zero-recruit-journey .ze-training-highlights h3,
  #zero-recruit-journey .ze-training-highlights p { grid-column:2; }
  #zero-recruit-journey .ze-training-highlights h3 { margin:0 0 8px; }
  #zero-recruit-journey .ze-hero-montage .ze-hero-content { display:block; }
  #zero-recruit-journey .ze-hero-montage .ze-hero-actions { width:auto; margin-top:24px; }
  #zero-recruit-journey .ze-hero-montage .ze-hero-actions .ze-button { width:auto; min-width:280px; max-width:100%; }
}

/* Large iPads can use the desktop composition while retaining touch-sized controls. */
@media (any-pointer:coarse) {
  #zero-recruit-journey .ze-header .ze-nav :is(a[data-action],summary),
  #zero-recruit-journey .ze-nav-disclosure > summary,
  #zero-recruit-journey .ze-header .ze-nav-panel a[data-action],
  #zero-recruit-journey .ze-footer-grid a { min-height:48px; font-size:16px; }
  #zero-recruit-journey .ze-header .ze-nav :is(a[data-action],summary),
  #zero-recruit-journey .ze-nav-disclosure > summary { padding-inline:8px; }
}

/* Xbiz application confirmation */
#zero-recruit-journey .ze-form-check{margin-block:24px;max-width:100%}
#zero-recruit-journey #ze-application-check{max-width:100%;min-height:65px}
#zero-recruit-journey #ze-submit-status{overflow-wrap:anywhere}
#zero-recruit-journey #ze-submit-status.ze-submit-error{padding:16px;margin-block:16px;border:1px solid var(--ze-error);border-inline-start-width:4px;background:var(--ze-bg);color:var(--ze-error);font-size:16px;font-weight:600;scroll-margin-block:24px}
#zero-recruit-journey .ze-form-honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#zero-recruit-journey [disabled]{opacity:.55;cursor:wait;pointer-events:none}
#zero-recruit-journey .ze-receipt{overflow-wrap:anywhere}