/* Careers · FAQ — numbered native disclosures beside a column: a photograph (it scrolls away with the page), then the
   equal-opportunity note and the contacts, which stick. Tokens only. */
.car-faq__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,96px);align-items:start}
.car-faq__main .bdh-head{margin-bottom:clamp(28px,3.4vw,44px)}
.car-faq__list{border-top:1px solid var(--line-3)}
.car-faq__i{border-bottom:1px solid var(--line)}
.car-faq__q{display:grid;grid-template-columns:40px minmax(0,1fr) 36px;gap:12px;align-items:center;min-height:64px;padding:14px 0;cursor:pointer;list-style:none}
.car-faq__q::-webkit-details-marker{display:none}
.car-faq__q:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--r-sm)}
.car-faq__n{font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.12em;color:var(--faint)}
.car-faq__qt{font-family:var(--f-h);font-weight:500;font-size:var(--t-h3);line-height:1.3;color:var(--ink)}
.car-faq__q:hover .car-faq__qt{color:var(--ink-2)}
.car-faq__pm{position:relative;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-3);transition:background var(--d2) var(--e),border-color var(--d2) var(--e)}
.car-faq__pm::before,.car-faq__pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--ink);transform:translate(-50%,-50%);transition:transform var(--d2) var(--e)}
.car-faq__pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.car-faq__i[open] .car-faq__pm{background:var(--ink);border-color:var(--ink)}
.car-faq__i[open] .car-faq__pm::before,.car-faq__i[open] .car-faq__pm::after{background:var(--on-ink)}
.car-faq__i[open] .car-faq__pm::after{transform:translate(-50%,-50%) rotate(0)}
.car-faq__i[open] .car-faq__n{color:var(--blue)}
.car-faq__a{padding:0 48px 22px 52px}
.car-faq__a p{margin:0;font-size:var(--t-body);line-height:1.7;color:var(--txt);max-width:62ch}

.car-faq__side{display:flex;flex-direction:column;gap:var(--bdh-gap);min-width:0;align-self:stretch}
.car-faq__stick{position:sticky;top:var(--bdh-sticky);display:flex;flex-direction:column;gap:var(--bdh-gap)}
.car-faq__fig{margin:0;display:flex;flex-direction:column;gap:10px}
.car-faq__ph{aspect-ratio:16/9}
.car-faq__cap{margin:0;font-size:var(--t-xs);line-height:1.55;color:var(--muted)}
.car-eeo{padding:clamp(22px,2.6vw,32px);border-left:2px solid var(--blue);background:var(--paper-2);border-radius:0 var(--r-lg) var(--r-lg) 0}
.car .car-eeo__t{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--f-h);font-weight:500;font-size:var(--t-h3);color:var(--ink)}
.car-eeo p{margin:0;font-size:var(--t-sm);line-height:1.65;color:var(--txt)}
.car-ask{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-radius:var(--r-lg)}
.car .car-ask__t{margin:0;font-family:var(--f-h);font-weight:500;font-size:var(--t-h3);color:var(--ink)}
.car-ask__p{margin:0;font-size:var(--t-sm);line-height:1.6;color:var(--txt)}
.car-ask__mail{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:var(--f);font-size:var(--t-xs);color:var(--ink);word-break:break-all}
.car-ask__mail .xt-ico{flex:none;color:var(--blue)}
.car-ask__mail:hover{color:var(--blue-d)}
.car-ask__tl{min-height:44px}

/* a screen too short to hold both cards while they stick (about 560px under a 120px top): they scroll with the page */
@media (min-width:1024px) and (max-height:720px){ .car-faq__stick{position:static} }
@media (max-width:1023px){
  .car-faq__grid{grid-template-columns:minmax(0,1fr)}
  .car-faq__stick{position:static}
  .car-faq__ph{aspect-ratio:21/9}
}
@media (max-width:600px){
  .car-faq__q{grid-template-columns:28px minmax(0,1fr) 36px;gap:10px}
  .car-faq__a{padding:0 0 20px 38px}
}
@media (prefers-reduced-motion:reduce){
  .car-faq__pm,.car-faq__pm::before,.car-faq__pm::after{transition:none}
}
