/* Navigation for the local website; preserve the HR topic's own visual style. */
.hr-site-case{--header:82px}
.hr-site-header{gap:45px;padding-left:max(56px,calc((100% - 1248px)/2));padding-right:max(56px,calc((100% - 1248px)/2))}
.hr-site-header .brand b{font:900 27px/1.1 Arial,sans-serif;letter-spacing:1.4px}
.hr-global-nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:13px;white-space:nowrap}
.hr-global-nav a{padding:13px 0;position:relative}
.hr-global-nav a[aria-current]{color:var(--blue)}
.hr-global-nav a[aria-current]:after{content:"";height:2px;background:var(--blue);position:absolute;left:0;right:0;bottom:2px}
.hr-header-contact{display:flex;gap:30px;align-items:center;background:#152c45;color:white;font-size:13px;padding:12px 22px;white-space:nowrap}
.hr-header-contact:hover{background:#1365d6;color:white}
.hr-site-case .hero{padding-top:26px}
.hr-case-back{position:relative;z-index:2;margin-bottom:30px;font-size:12px;color:#6e8398}
.hr-case-back a{display:inline-flex;gap:12px;align-items:center}
.hr-site-footer{padding:42px max(56px,calc((100% - 1248px)/2));font-size:12px}
.hr-site-footer>span{margin-right:auto}
.hr-site-footer nav{display:flex;gap:28px}
.hr-site-footer .brand b{font-size:20px}
@media(max-width:1100px){.hr-site-header{gap:24px}.hr-global-nav{gap:21px}.hr-header-contact{padding:11px 18px;gap:22px}.hr-site-footer{gap:20px}}

/* Review 1–2: center the visible product composition beside the shortened copy. */
.hr-site-case .hero-grid{min-height:0;align-items:center;padding-block:46px 58px}
.hr-site-case .hero-copy{padding:0 34px 0 0}
.hr-site-case .hero-stage{height:auto;min-height:0;margin:0;aspect-ratio:1.45}
.hr-site-case .hero-stage:before{top:50%;transform:translateY(-50%);width:78%}
.hr-site-case .hero-desktop{left:0;right:auto;top:50%;width:89%;transform:translateY(-50%) rotate(-2deg)}
.hr-site-case .hero-desktop:hover{transform:translateY(-50%) rotate(0)}
.hr-site-case .hero-phone{right:0;top:50%;bottom:auto;width:29%;transform:translateY(-50%) rotate(4deg)}
.hr-site-case .hero-phone:hover{transform:translateY(-50%) rotate(0)}

/* Review 3: one compact relationship diagram and four readable role summaries. */
.hr-site-case #page-vision .section-heading{margin-bottom:32px;align-items:center}
.hr-site-case #page-vision .hx-service-diagram{padding:30px 30px 0;gap:0 30px;margin-bottom:22px}
.hr-site-case #page-vision .hx-service-parties{gap:18px}
.hr-site-case #page-vision .hx-service-providers{gap:14px}
.hr-site-case #page-vision .hx-service-diagram figcaption{padding:18px 0;margin-top:24px;gap:22px}
.hr-site-case .hx-vision-roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.hr-site-case .hx-vision-roles article{padding:22px 20px;background:#f8fbff;border:1px solid #dce6f1}
.hr-site-case .hx-vision-roles article>span{font-size:11px;color:#2a67ab}
.hr-site-case .hx-vision-roles h3{font-size:17px;line-height:1.5;margin:12px 0 10px}
.hr-site-case .hx-vision-roles p{font-size:13px;line-height:1.85;color:#6c8198}

/* Review 4–6: compare the workspaces directly, then explain each service entry. */
.hr-site-case .hx-workplace-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hr-site-case .hx-workplace-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dce5ef}
.hr-site-case .hx-workplace-card .hx-role-intro{display:block;padding:23px 22px 18px;margin:0}
.hr-site-case .hx-workplace-card .hx-role-intro h3{font-size:18px;line-height:1.6;margin:12px 0}
.hr-site-case .hx-workplace-card .hx-role-intro p{font-size:13px;line-height:1.9}
.hr-site-case .hx-workplace-card .hx-screen{margin:auto 14px 18px}
.hr-site-case .hx-end-labels{display:grid;grid-template-columns:1fr;gap:0;margin:28px 0 0;border-top:1px solid #d7e2ee}
.hr-site-case .hx-end-labels>div{display:grid;grid-template-columns:138px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #d7e2ee;align-items:center}
.hr-site-case .hx-end-labels dt,.hr-site-case .hx-end-labels dd{margin:0;font-size:12px;line-height:1.7}
.hr-site-case .hx-end-labels dt{font-weight:700;color:#285f98}
.hr-site-case .hx-end-labels dd{color:#71879d}

/* Review 7: place the explanation, example and screenshot on one clear surface. */
.hr-site-case #page-recruitment .recruit-panel{grid-template-columns:30% minmax(0,1fr);gap:28px;min-height:0;padding:28px;background:#fff;border:1px solid #dce6f1;align-items:center}
.hr-site-case #page-recruitment .scenario-copy{padding:6px 10px 6px 2px}
.hr-site-case #page-recruitment .scenario-copy h3{font-size:25px;line-height:1.6}
.hr-site-case #page-recruitment .scenario-copy>p{margin-top:18px;font-size:14px;line-height:1.95}
.hr-site-case #page-recruitment .scenario-thread{margin-top:24px;padding:18px;background:#eef4fb;border:0;border-left:3px solid #91b1d8}
.hr-site-case #page-recruitment .scenario-thread>b{font-size:15px;line-height:1.65}
.hr-site-case #page-recruitment .scenario-thread small{font-size:12px;line-height:1.85}
.hr-site-case #page-recruitment .recruit-product{min-width:0;margin:0}
.hr-site-case #page-recruitment .sequence{margin-top:0;padding:22px 25px;border:1px solid #dce6f1;border-top:0;background:#edf4fc;gap:20px}
.hr-site-case #page-recruitment .sequence b{display:inline-grid;place-items:center;width:25px;height:25px;border:1px solid #bcd0e8;border-radius:50%;margin-right:10px;color:#4275ae;background:white}

/* Review 8–9: both text blocks share a row, and both media blocks start together. */
.hr-site-case .hx-opportunity-grid{grid-template-columns:1.75fr minmax(0,1fr);gap:30px 48px;align-items:start}
.hr-site-case .hx-opportunity-heading{display:block;grid-column:1;grid-row:1;margin:0}
.hr-site-case .hx-applications-copy{grid-column:2;grid-row:1;padding:0}
.hr-site-case .hx-opportunity-heading .eyebrow,.hr-site-case .hx-applications-copy .mini-label{display:block;font-size:12px;line-height:1.6;margin:0 0 14px}
.hr-site-case .hx-opportunity-heading h2,.hr-site-case .hx-applications-copy h3{font-size:32px;line-height:1.55;margin:0}
.hr-site-case .hx-opportunity-heading p,.hr-site-case .hx-applications-copy>p{font-size:14px;line-height:2;margin:18px 0 0;max-width:none}
.hr-site-case .hx-opportunity-desktop{grid-column:1;grid-row:2;min-width:0}
.hr-site-case .hx-opportunity-desktop .hx-screen{margin-top:0}
.hr-site-case .hx-opportunity-grid .hx-applications-phone{grid-column:2;grid-row:2;width:220px;max-width:100%;margin:0 auto}

/* Review 10: keep the current-intent card level with the record beside it. */
.hr-site-case .continuity-grid{align-items:stretch}
.hr-site-case .continuity-grid .design-figure{display:flex;flex-direction:column;margin:0;height:100%}
.hr-site-case .continuity-grid .design-figure figcaption{margin-top:auto}
.hr-site-case .follow-demo{min-height:0;height:100%;padding:20px 22px;display:flex;flex-direction:column}
.hr-site-case .follow-demo .demo-header{font-size:13px;padding-bottom:14px}
.hr-site-case .follow-demo .demo-header small{font-size:10px}
.hr-site-case .follow-demo .status-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:16px 0}
.hr-site-case .follow-demo .status-choices button{font-size:11px;line-height:1.5;padding:8px 4px}
.hr-site-case #follow-result{display:flex;flex:1;flex-direction:column}
.hr-site-case #follow-result h3{font-size:21px;line-height:1.5;margin:10px 0 0}
.hr-site-case #follow-result>p{font-size:13px;line-height:1.85;margin:10px 0 16px}
.hr-site-case #follow-result .follow-next{margin-top:auto;padding-top:14px;gap:5px;font-size:12px}
@media(max-width:1100px){.hr-site-case .hx-workplace-grid{gap:14px}.hr-site-case .hx-workplace-card .hx-role-intro{padding:20px 16px 16px}.hr-site-case .hx-workplace-card .hx-role-intro h3{font-size:17px}.hr-site-case .hx-opportunity-grid{column-gap:32px}.hr-site-case #page-recruitment .recruit-panel{gap:22px;padding:22px}.hr-site-case #page-recruitment .scenario-copy h3{font-size:23px}.hr-site-case .follow-demo{padding:18px}}
@media(max-width:800px){.hr-site-case .hx-vision-roles{grid-template-columns:repeat(2,minmax(0,1fr))}.hr-site-case .hx-workplace-grid{grid-template-columns:1fr}.hr-site-case .hx-opportunity-grid{column-gap:22px}}
@media(prefers-reduced-motion:reduce){.hr-site-case .hero-desktop,.hr-site-case .hero-phone{transform:translateY(-50%)}}

/* November review: service relationships and media fit. */
.hr-site-case #page-vision .hx-service-diagram-refined{grid-template-columns:1fr 1.45fr 1fr;gap:28px;background:#f6f9fd;padding:32px 30px 0;border:1px solid #dbe5f0;margin-bottom:22px}
.hr-site-case #page-vision .hx-service-diagram-refined:before{display:none}
.hx-service-diagram-refined .hx-diagram-column{position:relative;min-width:0;align-self:stretch}
.hx-service-diagram-refined .hx-diagram-step{display:block;font-size:11px;letter-spacing:.04em;color:#4776aa;margin-bottom:20px}
.hx-demand-column{display:flex;flex-direction:column;justify-content:center}
.hx-service-diagram-refined .hx-demand-column article{padding:19px 20px;border:1px solid #dbe5f0;background:#fff}
.hx-demand-column article+article{margin-top:12px}
.hx-demand-kind{display:block;color:#7088a0;font-size:11px;margin-bottom:6px}
.hx-service-diagram-refined h3{font-size:18px;line-height:1.5}
.hx-service-diagram-refined article p{font-size:12px;line-height:1.8;margin-top:5px}
.hx-service-diagram-refined .hx-shared-space{padding:24px;background:#fff;border:1px solid #cfdeee;border-top:3px solid #1763bc;box-shadow:0 10px 28px #244f7e08}
.hx-shared-space .hx-diagram-step{margin-bottom:14px}
.hx-service-diagram-refined .hx-shared-space h3{font-size:25px;line-height:1.5;color:#174a83}
.hx-shared-space>p{font-size:12px;line-height:1.85;margin-top:13px;color:#70859c}
.hx-shared-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.hx-shared-resources span{font-size:12px;text-align:center;padding:9px 2px;background:#f1f6fc;color:#42688f}
.hx-shared-process{display:flex;justify-content:space-between;gap:6px;border-top:1px solid #e2eaf3;padding-top:17px;margin-top:20px;font-size:11px;color:#386a9f}
.hx-shared-process b{font-weight:400}.hx-shared-process i{color:#90abc6}
.hx-demand-column:after,.hx-shared-space:after{content:'→';position:absolute;right:-22px;top:50%;color:#6c91b9;font-size:18px}
.hx-collaboration-column{display:flex;flex-direction:column;justify-content:center}
.hx-service-diagram-refined .hx-collaboration-column article{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #dce6f0}
.hx-collaboration-column article:last-child{border-bottom:0}.hx-collaboration-column article>span{font-size:10px;color:#6d90b4;writing-mode:vertical-rl;letter-spacing:.1em}
.hr-site-case #page-vision .hx-service-diagram-refined figcaption{margin-top:0;padding:20px 0;gap:25px;font-size:12px;border-top:1px solid #dbe5ef}
.hx-service-diagram-refined figcaption b{font-weight:400;color:#3d6e9f}.hx-service-diagram-refined figcaption>span{font-weight:400;color:#71869c}
.hr-site-case #page-workplaces .hx-phone-glass,.hr-site-case #page-network .hx-phone-glass{aspect-ratio:auto}
.hr-site-case #page-workplaces .hx-phone .original,.hr-site-case #page-network .hx-phone .original{height:auto;align-content:start}
.hr-site-case .hx-opportunity-desktop .hx-screen{border:6px solid var(--device-frame-color,#111820);border-radius:17px;background:#111820}
.hr-site-case .hx-opportunity-grid .hx-applications-phone{width:fit-content;max-width:100%}
.hr-site-case .hx-applications-phone .hx-phone-glass{box-sizing:content-box;width:var(--hx-applications-width,208px);height:var(--hx-applications-height,auto);aspect-ratio:auto}
.hr-site-case .hx-applications-phone .original{height:auto;align-content:start}
.hr-site-case .hx-delivery{padding-bottom:80px;background:#f5f8fc}
.hr-site-case .hx-delivery .section-heading,.hr-site-case .hx-implementation .section-heading{align-items:center;gap:65px;margin-bottom:36px}
.hr-site-case .hx-implementation{background:#fff;border-top:1px solid #e1e9f2}
.hr-site-case .hx-implementation .hx-phase-board{margin-top:0}
.hr-site-case .hx-implementation .hx-design-review-heading{padding:30px 32px}
@media(max-width:1100px){.hr-site-case #page-vision .hx-service-diagram-refined{padding:25px 22px 0;gap:22px;grid-template-columns:1fr 1.35fr 1fr}.hx-service-diagram-refined .hx-shared-space{padding:20px}.hx-service-diagram-refined .hx-shared-space h3{font-size:22px}.hx-service-diagram-refined h3{font-size:16px}.hx-service-diagram-refined .hx-demand-column article{padding:16px 14px}.hx-shared-resources span{font-size:10px}.hx-shared-process{font-size:10px}.hx-demand-column:after,.hx-shared-space:after{right:-18px;font-size:15px}}
@media(max-width:800px){.hr-site-case #page-vision .hx-service-diagram-refined{grid-template-columns:1fr;gap:24px}.hx-demand-column:after,.hx-shared-space:after{display:none}.hx-demand-column{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hx-demand-column .hx-diagram-step{grid-column:1/-1;margin:0}.hx-demand-column article+article{margin:0}.hx-shared-resources span{font-size:12px}.hx-service-diagram-refined .hx-collaboration-column article{padding:14px 0}.hr-site-case #page-vision .hx-service-diagram-refined figcaption{display:block}.hx-service-diagram-refined figcaption span{display:block;margin-top:6px}}

/* Second review: separate sections and let short implementation panels fit. */
.hr-site-case .hx-mobile-workplaces{background:#fff}
.hr-site-case .hx-mobile-workplaces .hx-dual-end{padding:0;gap:80px}
.hr-site-case .hx-mobile-workplaces .hx-phone-glass{aspect-ratio:auto}
.hr-site-case .hx-mobile-workplaces .hx-phone .original{height:auto;align-content:start}
.hr-site-case #page-records .hx-records-diagram-refined{grid-template-columns:1fr 34px 1.2fr 34px 1fr;gap:0 18px;padding:28px 30px 0;margin:38px 0 42px;background:#fff;border:1px solid #dce5ef;align-items:center}
.hx-records-diagram-refined .hx-record-node{min-width:0;padding:18px 12px}
.hx-record-node>span{display:block;font-size:11px;color:#6e8bab;margin-bottom:13px}
.hx-records-diagram-refined .hx-record-node h3{font-size:21px;line-height:1.5}
.hx-record-node>p{font-size:12px;line-height:1.8;margin-top:12px}
.hx-record-node>small{display:block;font-size:11px;color:#8398ae;margin-top:8px}
.hx-records-diagram-refined .hx-record-event{padding:22px 24px;background:#f1f6fc;border-top:3px solid #3578c2}
.hx-record-event h3{color:#24558b}
.hx-record-route{display:flex;align-items:center;gap:17px;margin-top:18px;font-size:12px;color:#4775a7}
.hx-record-route b{font-weight:400}.hx-record-route i{font-size:12px;color:#98b4cf}
.hx-record-fields{display:flex;gap:7px;border-top:1px solid #dce6f2;margin-top:18px;padding-top:14px}
.hx-record-fields span{font-size:10px;color:#6785a5;background:#fff;padding:3px 10px}
.hx-records-diagram-refined>i{font-size:22px;color:#8facc9}
.hx-record-continuation{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-top:1px solid #e1e9f1;padding:18px 0;margin-top:24px;font-size:12px}
.hx-record-continuation b{font-weight:400;color:#386a9e}.hx-record-continuation span{color:#7a8fa6}
.hr-site-case .hx-delivery{background:#173b63;color:#fff;padding-bottom:94px}
.hr-site-case .hx-delivery .eyebrow,.hr-site-case .hx-delivery .mini-label{color:#9bc7ff}
.hr-site-case .hx-delivery .section-heading>p,.hr-site-case .hx-delivery .hx-delivery-scenario>div>p{color:#c4d5e7}
.hr-site-case .hx-delivery .tabs{border-bottom-color:#ffffff2e}
.hr-site-case .hx-delivery .tabs button{color:#b6cbe3}
.hr-site-case .hx-delivery .tabs button[aria-selected=true]{color:#fff;border-bottom-color:#9bc7ff}
.hr-site-case .hx-delivery .tabs button[aria-selected=true]:after{background:#9bc7ff}
.hr-site-case .hx-delivery .hx-custom-flow{background:#ffffff08;border:1px solid #ffffff26}
.hr-site-case .hx-delivery .hx-custom-flow>div{border-bottom-color:#ffffff24}
.hr-site-case .hx-delivery .hx-custom-flow>div>b{color:#e2edfb}
.hr-site-case .hx-delivery .hx-custom-flow>div>span{color:#97bce8}
.hr-site-case .hx-delivery .hx-custom-flow>p{color:#b1c9e3}
.hr-site-case #page-implementation #delivery-phase-panel-1 .hx-phase-board,.hr-site-case #page-implementation #delivery-phase-panel-2 .hx-phase-board{min-height:0;padding:30px 0 0;gap:65px}
.hr-site-case #page-implementation .hx-check-sheet>div{padding:19px 24px}
.hr-site-case #page-implementation .hx-check-sheet>header{padding:18px 24px}
.hr-site-case #page-implementation .hx-check-sheet footer{padding:17px 24px}
.hr-site-case .hx-launch-plan .hx-rollout{padding:0;border:0;display:grid;gap:12px}
.hr-site-case .hx-launch-plan .hx-rollout article{display:grid;grid-template-columns:31px 1fr;gap:17px;align-items:start;padding:19px 21px;background:#f4f8fc;border:1px solid #e0e9f2}
.hr-site-case .hx-launch-plan .hx-rollout article:before{display:none}
.hr-site-case .hx-launch-plan .hx-rollout .hx-launch-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid #c2d5e9;border-radius:50%;color:#4276ab;font-size:10px;margin:0;background:#fff}
.hr-site-case .hx-launch-plan .hx-rollout h4{font-size:17px;line-height:1.6}
.hr-site-case .hx-launch-plan .hx-rollout p{font-size:12px;line-height:1.85;margin-top:5px;color:#71879e}
@media(min-width:1700px){.hr-site-case .hx-delivery{padding-bottom:108px}}
@media(max-width:1100px){.hr-site-case .hx-mobile-workplaces .hx-dual-end{gap:40px}.hr-site-case #page-records .hx-records-diagram-refined{gap:0 10px;padding:24px 22px 0}.hx-records-diagram-refined .hx-record-node h3{font-size:18px}.hx-records-diagram-refined .hx-record-event{padding:20px 17px}.hx-record-fields{gap:5px}.hx-record-fields span{padding:3px 8px}.hr-site-case #page-implementation #delivery-phase-panel-1 .hx-phase-board,.hr-site-case #page-implementation #delivery-phase-panel-2 .hx-phase-board{gap:35px}}
@media(max-width:800px){.hr-site-case #page-records .hx-records-diagram-refined{grid-template-columns:1fr;gap:14px}.hx-records-diagram-refined>i{transform:rotate(90deg)}.hx-records-diagram-refined .hx-record-node{padding:14px}.hx-record-continuation{display:block;margin-top:0}.hx-record-continuation span{display:block;margin-top:5px}}

/* Recruitment cards fill their already equalized tab panels. */
.hr-site-case #page-recruitment .tab-set>[role=tabpanel]{display:grid}
.hr-site-case #page-recruitment .tab-set>[role=tabpanel]>.recruit-panel{align-self:stretch}