@charset "utf-8";
/* Recruitment AI section only. Existing page sections retain their styling. */
.ra-section{padding:90px 0;background:#f3f4f8;color:#222;line-height:1.95;scroll-margin-top:110px;overflow:hidden}
.ra-section *{box-sizing:border-box}.ra-inner{width:90%;max-width:1200px;margin:auto}
.ra-section h2,.ra-section h3,.ra-section h4,.ra-section p,.ra-section figure{margin:0}
.ra-section h2,.ra-section h3,.ra-section h4{font-weight:700;letter-spacing:.035em;line-height:1.6}
.ra-section p{font-size:18px;line-height:1.95}.ra-section a{text-decoration:none;color:inherit}
.ra-section .ra-kicker{font-family:Inter,sans-serif;font-size:14px;letter-spacing:.14em;font-weight:700;color:#b80000;margin-bottom:14px}
.ra-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
.ra-section h2{font-size:clamp(34px,3.6vw,50px);line-height:1.6}.ra-section h2 em{font-style:normal;color:#b80000}
.ra-section .ra-lead{font-size:22px;font-weight:700;line-height:1.8;margin:22px 0 18px}
.ra-section figure{min-width:0}.ra-section figure img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:36px 0 36px 0}
.ra-section figcaption{font-size:15px;line-height:1.9;margin-top:12px;color:#444}
.ra-pills{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:24px}
.ra-pills>span{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:700}
.ra-pills .sales-visual-icon{width:28px;height:28px}
.ra-subhead{margin:64px 0 28px}.ra-section h3{font-size:32px}.ra-subhead>p:not(.ra-kicker){margin-top:18px}
.ra-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ra-roles article{display:flex;flex-direction:column;min-width:0;background:white;padding:30px;border-radius:30px 0 30px 0;border-top:3px solid #b80000}
.ra-roles .sales-visual-icon{width:48px;height:48px;margin-bottom:18px}.ra-roles .ra-role-label{font-size:15px;color:#a90000;font-weight:700;margin-bottom:10px}
.ra-roles h3{font-size:22px;margin-bottom:18px}.ra-roles article>p:not(.ra-role-label){font-size:17px;margin-bottom:24px}
.ra-section .ra-link{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a90000;font-size:16px;line-height:1.8;font-weight:700;border-top:1px solid #e4d4d4;padding-top:16px;margin-top:auto}
.ra-section a:hover{color:#b80000}.ra-section a:focus-visible,.ra-section button:focus-visible{outline:3px solid #b80000;outline-offset:5px}
.ra-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.ra-programmes{display:grid;gap:22px}.ra-programmes article{background:#fff;padding:26px;border-radius:24px 0 24px 0}
.ra-programmes .ra-mini-label{font-size:14px;color:#a90000;font-weight:700;margin-bottom:6px}.ra-programmes h4{font-size:22px;margin-bottom:12px}
.ra-programmes article>p:not(.ra-mini-label){font-size:17px;margin-bottom:20px}
.ra-learning-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:36px 0 0;padding:0}
.ra-learning-flow li{position:relative;min-width:0;padding:22px 20px;background:white;border-bottom:2px solid #b80000}
.ra-learning-flow li>div{display:flex;align-items:center;justify-content:space-between;color:#b80000;font-family:Inter,sans-serif;font-weight:700;font-size:20px;margin-bottom:14px}
.ra-learning-flow .sales-visual-icon{width:38px;height:38px}.ra-learning-flow h4{font-size:20px;margin-bottom:8px}.ra-learning-flow p{font-size:16px}
.ra-learning-flow li:not(:last-child):after{content:'→';position:absolute;right:-23px;top:40%;color:#b80000;font-size:20px}
.ra-section .ra-human-note{display:flex;align-items:center;justify-content:center;gap:16px;padding:22px;background:#fff;margin-top:26px;font-size:16px}
.ra-human-note .sales-visual-icon{width:42px;height:42px}
.ra-articles{margin-top:68px}.ra-article-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.ra-article-heading p:not(.ra-kicker){font-size:17px;margin-top:16px}
.ra-article-controls{display:flex;align-items:center;gap:14px;flex-shrink:0}.ra-article-controls span{font-family:Inter,sans-serif;font-size:14px;white-space:nowrap}
.ra-article-controls button{width:46px;height:46px;border:1px solid #b80000;border-radius:50%;background:#fff;color:#b80000;font-size:23px;cursor:pointer}
.ra-article-controls button:disabled{border-color:#ccc;color:#aaa;cursor:default}
.ra-articles-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 22px;scrollbar-color:#b80000 #ddd;scrollbar-width:thin}
.ra-section .ra-article{display:flex;flex-direction:column;flex:0 0 calc((100% - 40px)/3);min-width:0;scroll-snap-align:start;background:#fff;border:1px solid #e4e4e8;border-radius:24px 0 24px 0;padding:25px;min-height:280px}
.ra-article-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.ra-article-top .sales-visual-icon{width:38px;height:38px}.ra-article-top>span{font-family:Inter,sans-serif;font-size:14px;color:#a90000}
.ra-article h4{font-size:17px;line-height:1.9;margin-bottom:22px}.ra-article-more{font-size:15px;color:#a90000;font-weight:700;margin-top:auto;display:flex;justify-content:space-between}
.ra-section .ra-scroll-note{font-size:14px;color:#555;margin-top:10px}.ra-sp{display:none}
@media(max-width:1023px){.ra-hero{gap:28px}.ra-section .ra-lead{font-size:20px}.ra-roles{gap:16px}.ra-roles article{padding:24px}.ra-roles h3{font-size:20px}.ra-learning-grid{gap:24px}.ra-article-heading{align-items:flex-start;flex-direction:column}.ra-learning-flow{gap:18px}.ra-learning-flow li{padding:20px 16px}.ra-learning-flow li:not(:last-child):after{right:-18px}}
@media(max-width:767px){
 .ra-section{padding:50px 0;scroll-margin-top:80px}.ra-section p{font-size:16px}.ra-section h2{font-size:34px}.ra-section h3{font-size:27px}
 .ra-hero{grid-template-columns:1fr;gap:28px}.ra-section .ra-lead{font-size:19px;margin:18px 0 16px}.ra-pc{display:none}.ra-sp{display:initial}
 .ra-section figure img{border-radius:26px 0 26px 0;aspect-ratio:16/9}.ra-section figcaption{font-size:14px}
 .ra-section .ra-kicker{font-size:13px}.ra-pills{gap:12px 18px}.ra-pills>span{font-size:15px}.ra-subhead{margin:42px 0 24px}
 .ra-roles{grid-template-columns:1fr;gap:20px}.ra-roles article{padding:26px}.ra-roles h3{font-size:22px}.ra-roles article>p:not(.ra-role-label){font-size:16px}
 .ra-section .ra-link{font-size:15px}.ra-learning-grid{grid-template-columns:1fr;gap:24px}.ra-programmes article{padding:24px}.ra-programmes h4{font-size:21px}.ra-programmes article>p:not(.ra-mini-label){font-size:16px}
 .ra-learning-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}.ra-learning-flow li{padding:20px 16px}.ra-learning-flow h4{font-size:19px}.ra-learning-flow p{font-size:15px}.ra-learning-flow li:nth-child(2):after{display:none}
 .ra-section .ra-human-note{font-size:15px;align-items:flex-start;padding:20px 16px}.ra-human-note .sales-visual-icon{width:32px;height:32px}.ra-human-note .ra-sp{display:none}
 .ra-articles{margin-top:44px}.ra-article-heading p:not(.ra-kicker){font-size:16px}.ra-section .ra-article{flex-basis:86%;padding:24px;min-height:270px}.ra-article h4{font-size:16px}.ra-articles-track{padding-left:4px;padding-right:4px}
}
@media(prefers-reduced-motion:reduce){.ra-section *{scroll-behavior:auto!important}}

/* Actual article thumbnails, kept locally for dependable display. */
.ra-article-image{aspect-ratio:1.91;overflow:hidden;border-radius:16px 0 16px 0;margin-bottom:20px;background:#f4f4f6}
.ra-article-image img{display:block;width:100%;height:100%;object-fit:contain}

/* AI-themed icons for the two learning programmes. */
.ra-programmes h4.ra-programme-title{display:flex;align-items:center;gap:13px}
.ra-programme-title>span{min-width:0;flex:1}
.ra-programme-icon{display:block;flex:0 0 44px;width:44px;height:44px;color:#b80000;background:#fff1f1;border-radius:12px;padding:5px;box-sizing:border-box}
@media(max-width:767px){.ra-programmes h4.ra-programme-title{gap:10px}.ra-programme-icon{flex-basis:38px;width:38px;height:38px;padding:4px;border-radius:10px}}

/* Company-wide AI adoption: prominent introduction to the AI section. */
.ra-companywide{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#a70000,#c72424);color:#fff;padding:24px 30px;margin-bottom:38px;border-radius:24px 0 24px 0}
.ra-companywide>svg{flex:0 0 56px;width:56px;height:56px}
.ra-companywide>div{min-width:0}
.ra-section .ra-companywide-title{font-size:28px;font-weight:700;line-height:1.6;letter-spacing:.04em;margin-bottom:5px}
.ra-section .ra-companywide-text{font-size:17px;line-height:1.85}
@media(max-width:767px){.ra-companywide{align-items:flex-start;gap:13px;padding:22px 18px;margin-bottom:28px;border-radius:20px 0 20px 0}.ra-companywide>svg{flex-basis:38px;width:38px;height:38px}.ra-section .ra-companywide-title{font-size:22px;letter-spacing:0;line-height:1.6;margin-bottom:8px}.ra-section .ra-companywide-text{font-size:16px}}

.ra-section .ra-companywide p{color:#fff}.ra-companywide-title>span{display:inline-block;white-space:nowrap}