.competency-page{background:#f6f5ef}
.competency-hero{background:linear-gradient(118deg,#163f70 0%,#1a568c 66%,#1b4775 100%)}
.competency-hero:before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-5%;top:50px;background:radial-gradient(circle at 35% 35%,#f3a04455,transparent 63%);filter:blur(3px)}
.competency-overview{max-width:1440px;margin:auto}
.competency-overview>.section-kicker,.competency-documents>.section-kicker{font-size:13px}
.competency-intro{display:grid;grid-template-columns:1fr .72fr;gap:8vw;align-items:end;margin:30px 0 56px}
.competency-intro h2,.documents-heading h2{font-size:clamp(38px,5.4vw,70px);line-height:1.4;letter-spacing:-.04em;font-weight:500;margin:0;color:#173f70}
.competency-intro h2 span,.documents-heading h2 span{font-family:Georgia,serif;font-style:italic;color:#d98635}
.competency-intro p{font-size:clamp(17px,1.55vw,21px);line-height:1.9;color:#52677c;margin:0 0 7px}
.competency-route{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbd6e1;border-bottom:1px solid #cbd6e1}
.competency-route article{padding:28px 30px 32px 0;position:relative}
.competency-route article+article{border-left:1px solid #cbd6e1;padding-left:30px}
.competency-route article>span{font:600 14px 'DM Sans',sans-serif;color:#d98635;letter-spacing:.12em}
.competency-route h3{font-size:clamp(20px,2.1vw,27px);font-weight:600;color:#173f70;margin:14px 0 9px}
.competency-route p{font-size:17px;line-height:1.8;color:#5a6d80;margin:0}
.competency-criteria{background:#173f70;color:#fffef9;padding:82px max(7vw,32px) 88px}
.criteria-inner{max-width:1280px;margin:auto}
.competency-criteria .section-kicker{color:#d5e1ee}
.competency-criteria .section-kicker span:first-child{color:#f3a044}
.competency-criteria h2{font-size:clamp(34px,4.5vw,58px);font-weight:500;line-height:1.4;margin:21px 0 36px;letter-spacing:-.035em}
.competency-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.competency-pillars article{min-height:300px;background:#ffffff0b;border:1px solid #ffffff26;padding:27px 27px 30px;transition:transform .25s,border-color .25s,background .25s}
.competency-pillars article:hover{transform:translateY(-5px);border-color:#f3a04499;background:#ffffff12}
.pillar-mark{font:500 32px 'DM Sans',sans-serif;color:#f3a044}
.pillar-en{display:block;font:600 11px 'DM Sans',sans-serif;letter-spacing:.16em;color:#c4d4e3;margin-top:14px}
.competency-pillars h3{font-size:clamp(24px,2.4vw,32px);margin:9px 0 17px;color:#fff;font-weight:600}
.competency-pillars ul{padding-left:21px;margin:0;color:#e0e9f2;font-size:17px;line-height:1.85}
.competency-pillars li{margin:7px 0}
.review-checklist{margin-top:54px;padding:30px 34px 22px;background:#fffef9;color:#173f70}
.review-checklist h3{font-size:clamp(23px,2.5vw,31px);margin:0 0 14px;font-weight:600}
.check-item{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start;border-top:1px solid #dde4eb;padding:15px 0}
.check-item>span{font-size:21px;color:#d98635;font-weight:700}
.check-item p{font-size:17px;line-height:1.75;margin:0;color:#40566e}
.competency-documents{max-width:1440px;margin:auto}
.documents-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:28px 0 36px}
.documents-heading p{font-size:17px;color:#5a6d80;margin:0 0 8px}
.document-list{border-top:1px solid #cbd6e1}
.document-list>a{display:grid;grid-template-columns:72px 1fr 30px;align-items:center;gap:18px;padding:23px 15px;border-bottom:1px solid #cbd6e1;color:#173f70;transition:background .2s,padding .2s}
.document-list>a:hover{background:#fff4e8;padding-left:22px;padding-right:22px}
.document-number{font:500 27px 'DM Sans',sans-serif;color:#d98635}
.document-copy{display:flex;flex-direction:column;gap:7px}
.document-copy strong{font-size:clamp(18px,1.9vw,23px);line-height:1.55;font-weight:600}
.document-copy small{font-size:15px;line-height:1.6;color:#64788c}
.document-arrow{font-size:23px;color:#d98635}
.competency-documents .framework-source{margin-top:24px}
.competency-contact h2{font-size:clamp(30px,4vw,46px);line-height:1.6}
.competency-contact h2 em{font-family:'Noto Sans Thai',sans-serif;font-size:.75em}
@media(max-width:760px){
 .competency-intro{grid-template-columns:1fr;gap:18px;margin:25px 0 34px}
 .competency-intro h2,.documents-heading h2{font-size:clamp(36px,10vw,54px)}
 .competency-intro p{font-size:16px}
 .competency-route{grid-template-columns:1fr}
 .competency-route article,.competency-route article+article{padding:22px 0;border-left:0}
 .competency-route article+article{border-top:1px solid #cbd6e1}
 .competency-route p{font-size:16px}
 .competency-criteria{padding:65px 23px}
 .competency-pillars{grid-template-columns:1fr}
 .competency-pillars article{min-height:unset;padding:23px}
 .competency-pillars ul{font-size:16px}
 .review-checklist{padding:23px 18px 15px;margin-top:32px}
 .check-item p{font-size:16px}
 .documents-heading{display:block;margin:22px 0 27px}
 .documents-heading p{font-size:16px;margin-top:12px}
 .document-list>a{grid-template-columns:43px 1fr 20px;gap:10px;padding:18px 3px}
 .document-number{font-size:20px}
 .document-copy strong{font-size:17px}
 .document-copy small{font-size:14px}
 .document-arrow{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.competency-pillars article,.document-list>a{transition:none}.competency-pillars article:hover{transform:none}}