/* Corrections approved in the supplied September 29 artwork review. */
.site-brand span{margin-top:3px}
.page{box-shadow:0 0 18px 2px #5f85c44d}
.message-copy{font-size:max(16px,calc(22 * var(--unit)))}
.section-heading{border-bottom-width:2px}
.motion-ready [data-reveal="heading"]{--reveal-delay:120ms}
.motion-ready [data-reveal="question"]{--reveal-delay:180ms}

/* Original ADS-akari glyph outlines; accessible wording stays in the HTML. */
.section-heading .ribbon{padding:5px calc(22 * var(--unit));letter-spacing:0}
.section-heading .ribbon span{color:transparent;font-size:0;height:max(18px,calc(25 * var(--unit)));background-position:center;background-size:contain;background-repeat:no-repeat}
.job .section-heading .ribbon span,.shift .section-heading .ribbon span{width:max(111px,calc(162 * var(--unit)));background-image:url('assets/label-job.svg')}
.business .section-heading .ribbon span{width:max(131px,calc(192 * var(--unit)));background-image:url('assets/label-business.svg')}
.salary .section-heading .ribbon span{width:max(151px,calc(218 * var(--unit)));background-image:url('assets/label-salary.svg')}
.career .section-heading .ribbon span{width:max(131px,calc(192 * var(--unit)));background-image:url('assets/label-career.svg')}
.interview .section-heading .ribbon span{width:max(133px,calc(194 * var(--unit)));background-image:url('assets/label-interview.svg')}
.job-photo{position:relative;aspect-ratio:279/213;background:linear-gradient(100deg,#ff8734,#ffd400);clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.job-photo img{position:absolute;inset:7px;width:calc(100% - 14px);height:calc(100% - 14px);object-fit:cover;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}
.day-title{font-weight:700;padding:2px calc(65 * var(--unit));min-width:min(100%,calc(330 * var(--unit)));text-align:center}
.timeline li{grid-template-columns:calc(90 * var(--unit)) 1fr;gap:calc(24 * var(--unit))}
.step-number{text-align:center;font-weight:600}
.step-number strong{display:inline-block;font-size:inherit;font-weight:700;letter-spacing:0;padding-inline:.04em;background:linear-gradient(90deg,#ff6935,#ffc600);background-clip:text;-webkit-background-clip:text;color:transparent}
.step-number span{font-weight:500}
.step-content{position:relative;border-left:2px solid var(--orange);padding-left:calc(38 * var(--unit))}
.step-content:before{content:"";position:absolute;left:-5px;top:50%;width:8px;height:8px;background:white;border-top:2px solid var(--orange);border-right:2px solid var(--orange);transform:translateY(-50%) rotate(45deg)}
.timeline li:not(:last-child):after{left:calc(29 * var(--unit));border-top-color:var(--orange)}
.shift .section-intro{max-width:calc(515 * var(--unit))}
.shift-note{overflow:visible}
.shift-note .handwritten{width:calc(125 * var(--unit));height:calc(64 * var(--unit));min-width:78px;min-height:40px;font-size:0;background:url('assets/topic-shift.svg') left top/contain no-repeat;top:calc(20 * var(--unit))}
.shift-note img{right:calc(-32 * var(--unit));bottom:-2px;width:38%;max-height:110%}
.business-grid figure img{border:0}
.business-more{align-self:start;aspect-ratio:1;min-height:0;margin-top:calc(max(17px,30 * var(--unit)) * 1.7 + 7 * var(--unit));border:3px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(100deg,#00c2e5,#0079ff) border-box;padding:calc(25 * var(--unit));transition:color .2s,background .2s;overflow:visible}
.business-more strong{font-size:max(20px,calc(34 * var(--unit)));line-height:1.15}
.business-more small{font-size:max(10px,calc(14 * var(--unit)));line-height:1.5;margin-top:12px}
.business-arrow{display:block;width:90%;height:2px;background:currentColor;position:relative;margin-top:15px}
.business-arrow:after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border-top:2px solid;border-right:2px solid;transform:translateY(-50%) rotate(45deg)}
.business-more:hover,.business-more:focus-visible{opacity:1;color:white;background:linear-gradient(100deg,#00c2e5,#0079ff) padding-box,linear-gradient(100deg,#00c2e5,#0079ff) border-box}

/* Allow glyph overhang while keeping the gradient restricted to each number. */
.salary-total strong,.annual strong{display:inline-block;flex:none;letter-spacing:-.025em;padding:0 .075em 0 .025em;margin-right:-.025em;font-weight:800;overflow:visible;-webkit-background-clip:text;background-clip:text}
.salary-total>p{gap:0}
.salary-parts{position:relative;border-left-width:2px}
.salary-parts:before{content:"";position:absolute;left:-8px;top:50%;width:13px;height:13px;border-left:2px solid var(--pink);border-bottom:2px solid var(--pink);background:white;transform:translateY(-50%) rotate(45deg)}
.salary-parts li:last-child span{margin-left:.2em}
.annual{column-gap:calc(20 * var(--unit));align-items:center}
.annual-label{align-self:center;font-weight:700}
.annual strong{font-size:calc(120 * var(--unit));line-height:1.2}
.annual p{gap:calc(3 * var(--unit))}
.annual .salary-footnote{font-size:max(10px,calc(13 * var(--unit)));letter-spacing:-.025em}
.bonus-detail{display:inline-block;white-space:nowrap}
.department{width:calc(90 * var(--unit));height:calc(33 * var(--unit));font-size:0;background:url('assets/label-department.svg') center/80% auto no-repeat;transform:rotate(-8deg);position:relative}
.department:before,.department:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--navy)}
.department:before{top:-5px;transform:rotate(-6deg)}
.department:after{bottom:-5px;transform:rotate(6deg)}
.senior-heading em{display:inline-block;background:linear-gradient(90deg,#f642fd,#ff5675);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:.05em;font-weight:800}

/* One continuous year band, larger artwork, and the source's gradient arrows. */
.career-band{gap:56px;padding:36px 28px 32px}
.career-step{flex-basis:300px}
.career-year{font-size:26px;font-weight:500;border-inline:0;padding:5px 0;margin-bottom:28px}
.career-step:first-child .career-year{border-left:1px solid var(--green);border-radius:5px 0 0 5px}
.career-step:last-of-type .career-year{border-right:1px solid var(--green);border-radius:0 5px 5px 0}
.career-year:after{display:block;left:100%;top:-1px;bottom:-1px;width:56px;height:auto;background:white;border-block:1px solid var(--green)}
.career-step:last-child .career-year:after{display:none}
.career-card{padding:25px 24px 30px}
.career-icon{width:156px;height:116px;margin-bottom:16px}
.career-card h3{font-size:24px;font-weight:600;margin-bottom:18px}
.career-card>p{font-size:18px;line-height:1.8}
.career-step:not(:last-child) .career-card:after{width:30px;height:34px;right:-44px;top:46%;border:0;background:linear-gradient(90deg,#9aff00,#00b82a);clip-path:polygon(0 0,100% 50%,0 100%)}
.career-note{margin-top:79px}
.swipe-hint{top:150px}
.q-label,.qa-answer>span{font-weight:800}
.more-links{gap:24px;margin-top:0}
.more-links a{padding:16px 18px;min-height:58px}
.visit{padding-top:calc(60 * var(--unit));padding-bottom:calc(48 * var(--unit));border-width:3px}
.visit-tags{gap:5px;margin:0 auto calc(75 * var(--unit));max-width:100%}
.visit-tags span{min-height:90px;padding-block:20px 27px}
.visit-tags span:nth-child(2){transform:translateY(32px)}
.contact-button,.parents-fixed{-webkit-text-stroke:3px white;paint-order:stroke fill;text-shadow:none}
.parents-fixed{border-width:3px;min-height:calc(150 * var(--unit));padding-block:24px}
.external{display:inline-flex;vertical-align:middle;width:.85em;height:.85em;margin-left:.25em;overflow:visible}
.external svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square;stroke-linejoin:miter;overflow:visible}

@media(max-width:800px){.site-brand span{margin-top:0}.page{box-shadow:none}}
@media(max-width:600px){
 .message-copy{font-size:16px}
 .job-photo img{inset:4px;width:calc(100% - 8px);height:calc(100% - 8px)}
 .timeline li{grid-template-columns:48px 1fr;gap:15px}
 .step-content{padding-left:18px}
 .timeline li:not(:last-child):after{left:16px;border-inline-width:9px;border-top-width:8px}
 .shift .section-intro{max-width:100%;font-size:13px}
 .shift-note .handwritten{top:10px}
 .shift-note img{right:-13px;width:37%;max-height:105%}
 .business-more{margin-top:calc(27.2px + 7 * var(--unit));padding:12px;border-width:2px}
 .business-more strong{font-size:clamp(18px,5.3vw,28px)}
 .business-more small{font-size:10px;margin-top:8px}
 .business-arrow{margin-top:10px}
 .salary-total strong{font-size:clamp(40px,11.3vw,65px)}
 .salary-total p>span{font-size:18px}
 .salary-summary{gap:15px}
 .salary-parts{padding-left:8px}
 .salary-parts:before{width:9px;height:9px;left:-6px}
 .annual{column-gap:12px}
 .annual strong{font-size:clamp(52px,16vw,84px)}
 .annual p{gap:2px;font-size:22px}
 .annual-label{font-size:22px;padding:5px 13px}
 .annual .salary-footnote{font-size:10px}
 .department{width:76px;height:26px;margin-left:-14px;margin-bottom:15px}
 .career-band{gap:42px;padding:30px 18px}
 .career-step{flex-basis:270px}
 .career-year{font-size:23px}
 .career-year:after{width:42px}
 .career-icon{width:140px;height:105px}
 .career-card{padding:22px 20px 26px}
 .career-card h3{font-size:22px}
 .career-card>p{font-size:16px}
 .career-step:not(:last-child) .career-card:after{right:-34px;width:24px;height:28px}
 .career-note{margin-top:74px}
 .more-links{gap:20px}
 .more-links a{padding:13px 16px;min-height:50px}
 .visit{padding:34px 14px 30px}
 .visit-tags{margin-bottom:58px}
 .visit-tags span{min-height:82px;padding-block:16px 23px}
 .visit-tags span:nth-child(2){transform:translateY(24px)}
 .contact-button{-webkit-text-stroke:2px white}
}
@container(max-width:335px){
 .visit-tags{gap:12px;margin-bottom:32px}
 .visit-tags span{width:88%;min-height:82px}
 .visit-tags span:nth-child(2){transform:none}
}
@media(max-width:359px){
 .salary-summary{grid-template-columns:1fr}
 .salary-total strong{font-size:70px}
 .salary-total p>span{font-size:25px}
 .annual-label{font-size:18px;padding-inline:11px}
 .annual p{font-size:19px}
 .annual strong{font-size:52px}
 .career-step{flex-basis:260px}
 .business-more{margin-top:calc(23.8px + 7 * var(--unit));padding:10px}
 .business-more strong{font-size:18px}
 .business-more small{font-size:9px}
}

/* Illustrator audit: retain the requested interactions and match the artwork. */
.salary-block .salary-chart[src*="salary-senior-chart"]{width:calc(550 * var(--unit));max-width:100%}
.senior-heading{min-height:calc(250 * var(--unit))}
.senior-heading img{left:calc(65 * var(--unit));width:calc(238 * var(--unit));height:auto;max-height:none;bottom:calc(-45 * var(--unit))}
.senior-heading h3{position:absolute;left:calc(310 * var(--unit));bottom:calc(18 * var(--unit));padding:0;font-size:calc(50 * var(--unit));line-height:1.45;letter-spacing:.05em;white-space:nowrap}
.department{position:absolute;left:calc(-75 * var(--unit));top:calc(-70 * var(--unit));width:calc(115 * var(--unit));height:calc(70 * var(--unit));margin:0;background:url('assets/department-art.webp?v=20260929-2') center/contain no-repeat;transform:none}
.department:before,.department:after{display:none}
.career-band{gap:71px;scroll-padding-inline:28px}
.career-year{border-block-width:2px;font-size:30px;padding:0;line-height:46px;margin-bottom:30px}
.career-year:after{width:71px;top:-2px;bottom:-2px;border-block-width:2px}
.career-step:first-child .career-year{border-left-width:2px}
.career-step:last-of-type .career-year{border-right-width:2px}
.career-card{border-width:2px;min-height:400px;padding:22px 20px}
.career-icon{width:156px;height:116px;margin:0 auto 10px}
.career-card h3{font-size:28px;line-height:1.4;margin-bottom:12px;letter-spacing:0}
.career-card>p{font-size:20px;line-height:1.7}
.career-step:not(:last-child) .career-card:after{right:-51px}
.career-note{width:666px;min-width:0;min-height:344px;align-self:flex-end;margin:0;padding:70px 42px 24px;border-width:2px}
.career-note>div{width:400px}
.career-note h3{font-size:50px;line-height:1.3;letter-spacing:.05em;margin-bottom:8px}
.career-note h3 span{font-size:28px;letter-spacing:0}
.career-note p{width:350px;font-size:20px;line-height:1.7}
.career-note .handwritten{top:-45px;width:125px;height:64px}
.career-note img{width:240px;max-width:none;height:auto;max-height:100%;right:17px;bottom:0}
.section-heading h2,.business .section-heading h2,.interview .section-heading h2{font-size:calc(50 * var(--unit));letter-spacing:.12em}
.section-heading h2 small{letter-spacing:0}
.interview .section-heading .ribbon{--accent:#9b38ff;background:#9b38ff}
.qa-answer>span{background:linear-gradient(100deg,#9334ff,#c37bff);background-clip:text;-webkit-background-clip:text;color:transparent;padding-right:.04em}
.visit{margin-inline:calc(35 * var(--unit));border:4px solid transparent;background:linear-gradient(white,white) padding-box,linear-gradient(100deg,#9b38ff,#d783ff) border-box}
.telephone{width:100%}
.telephone>span{font-size:calc(63 * var(--unit));letter-spacing:-.01em;text-align:left}
.telephone small{font-size:calc(25 * var(--unit));margin-bottom:4px}
@media(max-width:600px){
 .salary-block .salary-chart[src*="salary-senior-chart"]{width:88%}
 .senior-heading{min-height:210px}
 .senior-heading img{left:2%;width:44%;bottom:-25px}
 .senior-heading h3{left:47%;bottom:12px;font-size:clamp(23px,5.7vw,32px);letter-spacing:.02em}
 .department{width:90px;height:55px;left:-40px;top:-57px}
 .career-band{gap:42px;scroll-padding-inline:18px}
 .career-year{font-size:23px;line-height:42px}
 .career-year:after{width:42px}
 .career-card{min-height:370px;padding:22px 20px}
 .career-icon{width:140px;height:105px}
 .career-card h3{font-size:24px}
 .career-card>p{font-size:17px}
 .career-step:not(:last-child) .career-card:after{right:-34px}
 .career-note{width:calc(100vw - 48px);max-width:500px;min-width:272px;padding:65px 22px 24px;align-self:flex-end;min-height:370px}
 .career-note>div{width:100%}
 .career-note h3{font-size:clamp(26px,6.5vw,34px);letter-spacing:0}
 .career-note h3 span{font-size:.56em}
 .career-note p{font-size:16px;line-height:1.8;width:65%;margin-top:12px}
 .career-note img{width:34%;right:0;max-height:75%}
 .career-note .handwritten{width:100px;height:52px;top:-44px}
 .section-heading h2,.business .section-heading h2,.interview .section-heading h2{font-size:clamp(23px,5.7vw,30px);letter-spacing:.06em}
 .visit{margin-inline:0;border-width:3px}
 .telephone>span{font-size:clamp(25px,11.6cqw,50px);letter-spacing:-.025em;text-align:center}
 .telephone small{font-size:clamp(16px,4.6cqw,23px);margin-left:2%}
}

/* Keep mobile callout tips aligned with the digits, regardless of copy wrapping. */
@media(max-width:600px){
 .timeline{--step-digit-size:37px;--step-caption-size:14px;--step-caption-gap:4px}
 .step-number{display:flex;flex-direction:column;align-items:center;font-size:var(--step-digit-size)}
 .step-number span{font-size:var(--step-caption-size);line-height:1;margin-bottom:var(--step-caption-gap)}
 .step-number strong{display:block;line-height:1}
 .step-content:before{top:calc(var(--step-caption-size) + var(--step-caption-gap) + var(--step-digit-size)/2)}
 .shift-note .handwritten{top:18px;z-index:2;pointer-events:none}
}

/* Shift Topic: preserve the artboard's text inset and right-hand photo balance. */
.shift-note{border-width:max(2px,calc(2.5 * var(--unit)));border-radius:max(8px,calc(16 * var(--unit)));--shift-copy-top:max(42px,calc(70 * var(--unit)));padding:var(--shift-copy-top) max(14px,calc(37 * var(--unit))) calc(35 * var(--unit));min-height:calc(366 * var(--unit))}
.shift-note p{width:68%;font-size:max(14px,calc(24 * var(--unit)));line-height:1.75;z-index:3}
.shift-note .handwritten{left:max(14px,calc(37 * var(--unit)));top:calc(var(--shift-copy-top) - max(40px,calc(64 * var(--unit))) + max(12px,calc(24 * var(--unit))));z-index:2;pointer-events:none}
.shift-note img{width:38%;right:calc(-32 * var(--unit));bottom:0;max-height:94%}

/* Align the label to the visible digits, allowing for the font's top bearing. */
.annual{--annual-number-size:calc(120 * var(--unit))}
.annual strong{font-size:var(--annual-number-size)}
.annual-label{transform:translateY(calc(var(--annual-number-size) * .06))}
@media(max-width:600px){.annual{--annual-number-size:clamp(52px,16vw,84px)}}
@media(max-width:359px){.annual{--annual-number-size:52px}}

/* Keep career copy in front of the decorative Topic lettering. */
.career-note h3,.career-note p{position:relative;z-index:3}
.career-note .handwritten{z-index:2;pointer-events:none}

/* Six-point artwork review: continuous paragraphs and source typography. */
#message .message-copy p+p{margin-top:0}
.parents .message-copy{line-height:max(55.2px,calc(90 * var(--unit)))}
.qa-item h3{font-size:max(18px,calc(32 * var(--unit)))}
.more-links a{font-size:max(18px,calc(30 * var(--unit)))}
.annual .salary-footnote{font-size:max(10px,calc(16 * var(--unit)))}
@media(min-width:480px){.annual .salary-footnote{white-space:nowrap}}
@media(max-width:600px){.annual .salary-footnote{font-size:10px}}

/* FB2: give the FAQ buttons room inside and on both sides of the group. */
.qa-list .qa-item:last-child{margin-bottom:0}
.more-links{margin-top:max(80px,calc(135 * var(--unit)));gap:24px}
.more-links a{padding-block:24px}
.more-links+.visit{margin-top:max(80px,calc(110 * var(--unit)))}
@media(max-width:600px){.more-links a{padding-block:18px}}

/* Tighten the question text-to-outline gap and strengthen the speech-bubble line. */
.qa-item h3{padding-bottom:calc(8 * var(--unit));border-bottom-width:3px}
.qa-item h3:after{border-right-width:3px;border-bottom-width:3px}
@media(max-width:600px){.qa-item h3{padding-bottom:6px}}

/* Bring the contact copy closer to the speech bubbles, matching the artwork. */
.visit-tags{margin-bottom:calc(35 * var(--unit))}
@media(max-width:600px){.visit-tags{margin-bottom:30px}}
@container(max-width:335px){.visit-tags{margin-bottom:16px}}

/* Anchor each callout tip to the unchanged Step caption and number stack. */
.timeline{--step-digit-size:max(38px,calc(68 * var(--unit)));--step-caption-size:max(16px,calc(23 * var(--unit)));--step-caption-gap:4px}
.step-content:before{top:calc(var(--step-caption-size) + var(--step-caption-gap) + var(--step-digit-size)/2)}
@media(max-width:600px){.timeline{--step-digit-size:37px;--step-caption-size:14px}}

/* Illustrator timeline geometry. Keep readable flowing copy on narrow screens. */
.step-art{display:none}
@media(min-width:601px){
 .day-title{width:calc(330 * var(--unit));min-width:0;padding:0;line-height:1.45;margin-bottom:calc(68.785 * var(--unit))}
 .timeline{padding:0;margin-inline:calc(30 * var(--unit)) calc(40 * var(--unit))}
 .timeline li{grid-template-columns:calc(98.491 * var(--unit)) 1fr;gap:0;height:calc(98.609 * var(--unit));margin-bottom:calc(85.011 * var(--unit));--copy-shift:0px;--arrow-offset:43}
 .timeline li:nth-child(2){margin-bottom:calc(83.593 * var(--unit))}
 .timeline li:nth-child(3){margin-bottom:calc(69.805 * var(--unit));--copy-shift:calc(10.248 * var(--unit));--arrow-offset:25}
 .timeline li:nth-child(4){height:calc(124 * var(--unit));margin-bottom:calc(88.230 * var(--unit));--copy-shift:calc(-3.389 * var(--unit));--arrow-offset:48}
 .timeline li:last-child{margin-bottom:0}
 .timeline li:not(:last-child):after{left:calc(32 * var(--unit));top:calc(100% + var(--arrow-offset) * var(--unit));bottom:auto;border-inline-width:calc(16 * var(--unit));border-top-width:calc(15 * var(--unit))}
 .step-number{position:relative}
 .step-number>span,.step-number>strong{display:none}
 .step-art{display:block;width:calc(90 * var(--unit));height:100%;max-width:none}
 .step-content{position:relative;padding:0 0 0 calc(36.926 * var(--unit));border:0}
 .step-content:before{left:calc(-.8485 * var(--unit));top:calc(-.8485 * var(--unit));width:calc(7.366 * var(--unit));height:calc(100% + 1.697 * var(--unit));border:0;transform:none;background:url('assets/day-line-short.svg') left top/100% 100% no-repeat}
 .timeline li:nth-child(4) .step-content:before{background-image:url('assets/day-line-long.svg')}
 .step-content h4{position:absolute;left:calc(37.527 * var(--unit));top:calc(-8 * var(--unit) + var(--copy-shift));font-size:calc(30 * var(--unit));line-height:1.4;letter-spacing:.05em;margin:0;white-space:nowrap}
 .step-content p{position:absolute;left:calc(36.926 * var(--unit));top:calc(39.8 * var(--unit) + var(--copy-shift));font-size:calc(20 * var(--unit));line-height:1.6;letter-spacing:0;margin:0}
 .day-line{display:block;white-space:nowrap}
}

@media(min-width:601px){
 .day-title{width:calc(333 * var(--unit));height:calc(61 * var(--unit));margin-bottom:calc(66.785 * var(--unit));transform:none;background:transparent url('assets/day-title-art.webp') center/contain no-repeat}
 .day-title span{color:transparent;transform:none}
 .day-punct{display:inline-block;width:.5em}
}

/* 2026-09-30: Illustrator job intro typography; keep mobile breaks at phrase boundaries. */
.job-mobile-break{display:none}
.job>.section-intro{font-size:calc(16 * var(--unit));line-height:2.125;letter-spacing:0}
@media(max-width:600px){
 .job>.section-intro{font-size:clamp(12px,2.666667vw,16px);line-break:strict}
 .job-mobile-break{display:inline}
}

/* 2026-09-30: Match embedded Illustrator glyph weights (500/600/700).
   PDF subset names say Thin, but the glyph outlines are Medium/SemiBold/Bold. */
.section-intro,.job>.section-intro,.job-item p,.step-content p,.shift-note p,
.qa-item>p:last-child,.visit>p,.telephone small,.footer-links,
.career-year,.career-note h3,.career-step:first-child .career-card h3,
.career-step:first-child .career-card>p{font-weight:500}
.message-copy,.parents .message-copy,.site-brand span,.desktop-nav,
.parents-fixed,.business-grid h3,.business-grid figcaption,.business-more strong,
.career-card h3,.career-card>p,.career-note p,.more-links a,.annual-label,
.annual p>span,.salary-parts,.salary-total>small,.contact-button{font-weight:600}
.section-heading h2,.parents h2{font-weight:700}

/* 2026-09-30: Q&A and annual salary artwork alignment; retain requested thicker outlines. */
.qa-copy-line{display:inline}
.qa-item:first-child .qa-copy-line:last-child{white-space:nowrap}
@media(min-width:601px){
 .qa-item{position:relative;margin:0;height:calc(var(--qa-height) * var(--unit))}
 .qa-item h3{position:absolute;top:0;left:calc(var(--qa-left) * var(--unit));width:calc(var(--qa-width) * var(--unit));max-width:none;white-space:nowrap;padding:0 calc(var(--qa-inset) * var(--unit)) calc(5 * var(--unit));font-size:calc(32 * var(--unit));line-height:1.40625;gap:calc(9 * var(--unit));border-bottom-width:3px}
 .qa-item h3:after{border-right-width:3px;border-bottom-width:3px}
 .qa-answer{position:absolute;top:calc(var(--qa-answer-top) * var(--unit));left:0;margin:0;gap:calc(6 * var(--unit))}
 .qa-answer>span{font-size:calc(65 * var(--unit))}
 .qa-answer strong{font-size:calc(40 * var(--unit));line-height:1.2}
 .qa-item>p.qa-copy:last-child{position:absolute;top:calc(var(--qa-copy-top) * var(--unit));left:0;margin:0;font-size:calc(20 * var(--unit));line-height:1.75;letter-spacing:0}
 .qa-copy-line{display:block;white-space:nowrap}
 .qa-punct{display:inline-block;width:.5em;text-indent:0}
 .qa-item:first-child>p.qa-copy:last-child{left:calc(10 * var(--unit))}
 .qa-item:first-child .qa-copy-line:first-child,.qa-item:last-child .qa-copy-line:first-child{text-indent:-.5em}
 .qa-item:first-child .qa-answer{left:calc(10 * var(--unit))}
 .qa-item:nth-child(1){--qa-height:357;--qa-left:10.8;--qa-width:333.01;--qa-inset:19.26;--qa-answer-top:81;--qa-copy-top:192}
 .qa-item:nth-child(2){--qa-height:374;--qa-left:.74;--qa-width:416.38;--qa-inset:8.99;--qa-answer-top:134;--qa-copy-top:209}
 .qa-item:nth-child(3){--qa-height:360;--qa-left:.62;--qa-width:480.08;--qa-inset:18.57;--qa-answer-top:80;--qa-copy-top:195}
 .qa-item:nth-child(4){--qa-height:351;--qa-left:2.08;--qa-width:480.08;--qa-inset:18.57;--qa-answer-top:83;--qa-copy-top:195}
 .qa-item:nth-child(5){--qa-height:359;--qa-left:1.04;--qa-width:536.90;--qa-inset:18.57;--qa-answer-top:88;--qa-copy-top:203}
 .qa-item:nth-child(6){--qa-height:377;--qa-left:.68;--qa-width:444.16;--qa-inset:18.57;--qa-answer-top:89;--qa-copy-top:203}
 .qa-item:nth-child(7){--qa-height:397;--qa-left:.72;--qa-width:516.18;--qa-inset:18.57;--qa-answer-top:81;--qa-copy-top:196}
 .qa-item:nth-child(8){--qa-height:265;--qa-left:1.78;--qa-width:548.91;--qa-inset:0;--qa-answer-top:88;--qa-copy-top:158}
}
.annual{--annual-scale:var(--unit);--annual-number-size:calc(120 * var(--annual-scale));grid-template-columns:calc(137 * var(--annual-scale)) max-content;column-gap:calc(32.3 * var(--annual-scale));justify-content:start;padding-left:calc(46 * var(--annual-scale))}
.annual-label{display:flex;align-items:center;justify-content:center;width:calc(137 * var(--annual-scale));height:calc(56 * var(--annual-scale));padding:0;font-size:calc(30.075 * var(--annual-scale));line-height:1;border-radius:calc(7 * var(--annual-scale));transform:translateY(calc(var(--annual-number-size) * .06))}
.annual-label:after{right:calc(-12 * var(--annual-scale));border-block-width:calc(9 * var(--annual-scale));border-left-width:calc(14 * var(--annual-scale))}
.annual>p:not(.salary-footnote){gap:calc(3 * var(--annual-scale))}
.annual .annual-approx{font-size:calc(40.1 * var(--annual-scale))}
.annual .annual-unit{font-size:calc(50.126 * var(--annual-scale))}
@media(max-width:600px){
 .annual{--annual-scale:clamp(.48px,calc((100vw - 64px) / 570),.88px);padding-left:0;justify-content:center}
 .annual-label{font-size:max(16px,calc(30.075 * var(--annual-scale)))}
 .annual .salary-footnote{white-space:normal}
 .annual .bonus-detail{display:inline-block;white-space:nowrap}
}

/* Match the requested two-thirds gap for all six ribbon section headings. */
.section-heading h2{margin-top:calc(32 * var(--unit) * 2 / 3)}

/* A continuous SVG stroke avoids seams between each rule and its speech-bubble tip. */
.salary-parts{border-left-color:transparent}
.salary-parts:before{left:-12px;top:0;width:12px;height:100%;border:0;transform:none;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 160' preserveAspectRatio='none'%3E%3Cpath d='M11 0V72L3 80L11 88V160' fill='none' stroke='%23ff4d6c' stroke-width='2' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.qa-item h3{border-bottom-color:transparent}
.qa-item h3:after{left:0;bottom:-12px;width:100%;height:15px;border:0;transform:none;background-image:linear-gradient(var(--purple),var(--purple)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 15'%3E%3Cpath d='M0 1.5H2L12 11.5L22 1.5H24' fill='none' stroke='%236b4eff' stroke-width='3'/%3E%3C/svg%3E"),linear-gradient(var(--purple),var(--purple));background-color:transparent;background-size:calc(50% - 10px) 3px,24px 15px,calc(50% - 10px) 3px;background-position:left top,center top,right top;background-repeat:no-repeat}