.fit-page{padding:32px 0 100px;background:radial-gradient(ellipse at 85% 6%,#dceefa,transparent 45%),#f4f7fa;color:#142b44}
.fit-page [hidden]{display:none!important}.fit-breadcrumb{font-size:.85rem;color:#5a6e80;margin-bottom:45px}.fit-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.fit-intro{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:55px}.fit-intro h1{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.17;letter-spacing:-.04em;margin:15px 0 22px}.fit-intro p{max-width:660px;color:#526a7b;font-size:1.12rem;line-height:1.8}.fit-compass{display:grid;place-items:center;gap:20px;flex:0 0 260px}.fit-compass>.icon{width:160px;height:160px;color:#226f9f;background:#fff9;border-radius:50%;padding:30px;box-shadow:0 0 0 22px #fff4,0 0 0 44px #fff2;transform:rotate(-15deg)}.fit-compass span{font:700 .6rem Manrope,sans-serif;letter-spacing:.12em;color:#41718d;margin-top:30px}
.fit-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:48px;align-items:start}.fit-guide h2{font-size:2rem;line-height:1.4;margin:16px 0}.fit-guide p{color:#5b6c7d;line-height:1.8}.fit-facts{display:flex;gap:40px;border-block:1px solid #dce4ea;padding:22px 0;margin:28px 0}.fit-facts>span{font:700 2rem Manrope,sans-serif;color:#196698}.fit-facts small{display:block;font-size:.82rem;font-family:inherit;color:#607588;margin-top:8px}.fit-disclaimer,.fit-privacy{font-size:.85rem}.fit-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 55%,#f6fbff);padding:38px;border:1px solid #dce7ef;border-radius:20px;box-shadow:0 1px 2px rgba(7,20,42,.07),0 24px 70px #13385312}.fit-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#d2166c,#2f9fd4,#123c60)}.fit-step{display:flex;justify-content:space-between;gap:12px;font-size:.78rem;color:#44718f}.fit-step span:last-child{font:700 .6rem Manrope,sans-serif;letter-spacing:.1em}.fit-panel progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;margin:16px 0 28px;background:#e6eef4;accent-color:#d2166c}.fit-panel progress::-webkit-progress-bar{background:#e6eef4}.fit-panel progress::-webkit-progress-value{background:linear-gradient(90deg,#d2166c,#2385b7)}.fit-panel fieldset{margin:0;padding:0;border:0;min-width:0}#fit-question{font-size:1.65rem;font-weight:600;line-height:1.5;padding:0;margin:0;width:100%}#fit-question:focus,.fit-result-header h2:focus{outline:none}
.fit-question-stage{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:stretch;margin-bottom:26px}.fit-question-copy{display:flex;flex-direction:column;justify-content:center;min-height:190px;padding:8px 0}.fit-question-theme{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-bottom:13px;color:#c31464;font:700 .64rem Manrope,'IBM Plex Sans Thai',sans-serif;letter-spacing:.13em;text-transform:uppercase}.fit-question-theme:before{content:"";width:25px;height:2px;background:currentColor}.fit-question-scene{position:relative;isolation:isolate;min-height:190px;border-radius:14px;overflow:hidden;background-image:linear-gradient(145deg,#08192ce6,#112c4a42),url('../images/career-fit-question-illustration.jpg');background-size:195%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px #ffffff35,0 16px 35px #102d4826;transition:background-position .45s ease,transform .3s ease}.fit-question-scene:hover{transform:translateY(-2px)}.fit-question-scene[data-scene="1"]{background-position:0 70%}.fit-question-scene[data-scene="2"]{background-position:0 2%}.fit-question-scene[data-scene="3"]{background-position:44% 55%}.fit-question-scene[data-scene="4"]{background-position:48% 0}.fit-question-scene[data-scene="5"]{background-position:82% 20%}.fit-question-scene[data-scene="6"]{background-position:100% 92%}.fit-question-scene[data-scene="7"]{background-position:76% 62%}.fit-question-scene:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,#061628b8);z-index:-1}.fit-question-scene>span{position:absolute;display:grid;place-items:center;color:#fff}.fit-question-scene>span:first-child{left:15px;bottom:15px;width:42px;height:42px;border:1px solid #ffffff5c;border-radius:14px;background:#d2166ce6;font:700 1.2rem Manrope,sans-serif;backdrop-filter:blur(7px)}.fit-scene-count{right:17px;bottom:12px;font:800 2.2rem Manrope,sans-serif;letter-spacing:-.08em;text-shadow:0 3px 18px #0008}
#fit-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fit-option{position:relative;display:grid;grid-template-columns:20px 32px 1fr;gap:12px;align-items:center;padding:17px;border:1px solid #dce5ed;border-radius:14px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;color:#304b61;line-height:1.65;animation:fitOptionIn .35s both;animation-delay:calc(var(--option-order,0)*45ms)}.fit-option:hover{background:#f7fbfe;border-color:#81b1d1;transform:translateY(-2px);box-shadow:0 1px 2px rgba(7,20,42,.07),0 9px 20px #153f5d0e}.fit-option:has(input:checked),.fit-option.is-selected{background:linear-gradient(135deg,#edf7ff,#fff5fa);border-color:#b81763;box-shadow:inset 4px 0 #c91568,0 10px 24px #b8176314}.fit-option:focus-within{outline:3px solid #8ac6ef;outline-offset:3px}.fit-option input{margin:0;width:18px;height:18px;accent-color:#c91568}.fit-letter{font:700 .8rem Manrope,sans-serif;display:grid;place-items:center;width:32px;height:32px;background:#eaf0f5;border-radius:8px;color:#3f7396;transition:background .2s,color .2s}.fit-option:has(input:checked) .fit-letter,.fit-option.is-selected .fit-letter{background:#c91568;color:#fff}.fit-option:last-child{grid-column:1/-1;font-size:.92rem;background:#f9fafb}.fit-controls,.fit-result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.fit-controls{justify-content:space-between;margin-top:20px}.fit-primary,.fit-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:12px 20px;cursor:pointer;font:600 .94rem 'IBM Plex Sans Thai',sans-serif}.fit-primary{background:linear-gradient(115deg,#123c60,#185e89);border:1px solid #123c60;color:white;box-shadow:0 1px 2px rgba(7,20,42,.07),0 9px 18px #123c6022}.fit-primary:hover{background:linear-gradient(115deg,#194f78,#bd1762);transform:translateY(-1px)}.fit-secondary{background:#fff;border:1px solid #c9d9e5;color:#24485f}.fit-secondary:disabled{opacity:.4;cursor:default}.fit-page button:focus-visible,.fit-page a:focus-visible{outline:3px solid #56a7de;outline-offset:4px}#fit-error{color:#a32839;margin:12px 0 0;font-size:.87rem}.fit-all-careers{display:block;margin:25px 0;text-align:center;color:#1b5d89;text-decoration:underline;text-underline-offset:5px}@keyframes fitOptionIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fit-result-header h2{font-size:2.4rem;line-height:1.3;margin:12px 0}.fit-result-header p{color:#5b6c7d;line-height:1.8}.fit-result-card{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:32px;margin:24px 0;box-shadow:0 1px 2px rgba(7,20,42,.07),0 12px 35px #17385307}.fit-result-card:first-child{border-top:5px solid #247aa5}.fit-result-meta{display:flex;justify-content:space-between;gap:10px;color:#306e92;font-size:.78rem}.fit-result-meta>span:first-child{font-weight:700}.fit-result-card h3{font-size:1.7rem;margin:16px 0 6px;line-height:1.4}.fit-result-card h4{font-size:1rem;margin:22px 0 8px}.fit-result-card p,.fit-result-card li{color:#5a6c7d;line-height:1.8}.fit-career-en{font-size:.83rem;margin-top:0;color:#3077a0!important}.fit-result-card ul{padding-left:22px}.fit-project{background:#f0f7fb;border-radius:8px;padding:20px;margin:24px 0}.fit-project h4{margin-top:0}.fit-project p{margin-bottom:0}.fit-result-card>a{color:#1c638f;font-weight:600}.fit-method{background:#eaf1f7;border-radius:8px;padding:20px;margin:24px 0}.fit-method summary{cursor:pointer;font-weight:600}.fit-method p{line-height:1.9;color:#506578;font-size:.9rem}.fit-result-actions>a{color:#20698e;text-decoration:underline;flex-basis:100%;margin-top:12px}
@media(max-width:900px){.fit-layout{grid-template-columns:1fr;gap:24px}.fit-guide h2 br{display:none}.fit-facts{border:0;margin:15px 0;padding:0}.fit-compass{flex-basis:180px}.fit-compass>.icon{width:110px;height:110px;padding:20px}.fit-guide{max-width:700px}.fit-intro{margin-bottom:30px}}
@media(max-width:700px){.fit-question-stage{grid-template-columns:1fr}.fit-question-copy{min-height:0}.fit-question-scene{min-height:170px;background-size:155%}#fit-options{grid-template-columns:1fr}.fit-option:last-child{grid-column:auto}}
@media(max-width:600px){.fit-page{padding-top:22px}.fit-breadcrumb{margin-bottom:30px}.fit-compass{display:none}.fit-intro h1{font-size:2.6rem}.fit-panel{padding:23px 18px;border-radius:14px}.fit-step span:last-child{display:none}#fit-question{font-size:1.35rem}.fit-question-stage{gap:18px;margin-bottom:20px}.fit-question-scene{min-height:150px;border-radius:14px}.fit-option{grid-template-columns:18px 1fr;padding:14px;gap:12px}.fit-letter{display:none}.fit-controls{gap:8px}.fit-primary,.fit-secondary{font-size:.85rem;padding:12px}.fit-result-card{padding:23px}.fit-result-header h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.fit-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.utility,footer,.footer-social,.ai-toggle,.ai-assistant,.search-panel,.fit-breadcrumb,.fit-guide,.fit-compass,.fit-result-actions,.fit-method,.fit-all-careers,#fit-form{display:none!important}.fit-page{background:white;padding:0}.fit-page>.container{width:100%;max-width:none}.fit-layout{display:block}.fit-intro h1{font-size:24pt}.fit-intro p{font-size:10pt}.fit-result-card{break-inside:avoid;box-shadow:none}.fit-result-card a{display:none}}
.fit-future-bridge{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin:24px 0;padding:22px;border-radius:14px;color:#fff;background:linear-gradient(115deg,#071b35 0%,#123d64 58%,#94124e 100%);box-shadow:0 1px 2px rgba(7,20,42,.07),0 20px 45px #0b29442b;transition:transform .2s,box-shadow .2s}.fit-future-bridge[hidden]{display:none}.fit-future-bridge:hover{color:#fff;transform:translateY(-3px);box-shadow:0 1px 2px rgba(7,20,42,.07),0 24px 52px #0b29443d}.fit-future-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff12}.fit-future-icon svg{width:25px;height:25px}.fit-future-bridge span:nth-child(2){display:grid}.fit-future-bridge small{color:#6de7ff;font:700 .58rem Manrope,sans-serif;letter-spacing:.15em}.fit-future-bridge strong{margin:.2rem 0;font-size:1.05rem}.fit-future-bridge em{color:#ffffffa8;font-size:.7rem;font-style:normal}.fit-future-bridge>b{display:flex;align-items:center;gap:8px;font-size:.72rem;white-space:nowrap}.fit-future-bridge>b svg{width:18px;height:18px}
@media(max-width:600px){.fit-future-bridge{grid-template-columns:auto 1fr;padding:18px}.fit-future-bridge>b{grid-column:2;justify-self:start}.fit-future-bridge em{line-height:1.5}}