:root{color-scheme:light;--ink:#1e293b;--muted:#64748b;--line:#dbe4ee;--surface:#fff;--soft:#f3f8f8;--brand:#12bda5;--brand-dark:#087f74;--focus:#0f766e;--danger:#dc2626;font-family:"IBM Plex Sans Thai",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0,#dffaf4 0,transparent 34rem),#f5f8fb;color:var(--ink);font-size:16px;line-height:1.55}button,a{font:inherit}.is-hidden{display:none!important}.skill-check-header{min-height:72px;padding:12px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}.skill-check-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:700;text-decoration:none}.skill-check-brand em{font-style:italic}.skill-check-home{color:var(--brand-dark);font-weight:600}.skill-check-shell{width:min(920px,calc(100% - 24px));margin:clamp(20px,5vw,56px) auto 64px}.skill-check-panel,.skill-check-contact{background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(15,23,42,.09)}.skill-check-panel{padding:clamp(18px,4vw,40px);overflow:hidden}.skill-check-status{text-align:center;padding:80px 16px;color:var(--muted)}.skill-check-hero,.skill-check-question-figure{margin:0 0 24px;border-radius:18px;overflow:hidden;background:#dff7f2}.skill-check-hero{aspect-ratio:12/5}.skill-check-hero img,.skill-check-question-figure img{width:100%;height:100%;display:block;object-fit:cover}.skill-check-kicker,#skill-check-stage{display:inline-flex;color:var(--brand-dark);font-weight:700;font-size:14px}.skill-check-panel h1{font-size:clamp(28px,5vw,46px);line-height:1.18;margin:8px 0 10px}.skill-check-lead,.skill-check-help{color:var(--muted);font-size:clamp(16px,2vw,18px)}.skill-check-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.skill-check-benefits span{padding:13px;text-align:center;background:var(--soft);border:1px solid #cceee7;border-radius:14px;font-weight:600}.skill-check-actions{display:flex;gap:12px;flex-wrap:wrap}.skill-check-primary,.skill-check-secondary{min-height:48px;border-radius:12px;padding:11px 20px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.skill-check-primary{border:1px solid var(--brand);background:var(--brand);color:#052e2b}.skill-check-primary:hover{background:#18ccb2;transform:translateY(-1px)}.skill-check-secondary{border:1px solid var(--line);background:#f8fafc;color:var(--ink)}.skill-check-primary:focus-visible,.skill-check-secondary:focus-visible,.skill-check-option:focus-visible{outline:3px solid rgba(15,118,110,.3);outline-offset:3px}.skill-check-resume{background:#effaf7;border:1px solid #afe8db;border-radius:12px;padding:12px 14px}.skill-check-progress-row{display:flex;justify-content:space-between;gap:16px;font-weight:600}.skill-check-progress{height:8px;margin:10px 0 22px;background:#e8eef3;border-radius:99px;overflow:hidden}.skill-check-progress i{display:block;height:100%;width:0;background:var(--brand);transition:width .22s ease}.skill-check-question{animation:skillCheckFade .22s ease-out}.skill-check-question-figure{aspect-ratio:16/6;max-height:260px}.skill-check-question-figure.is-image-fallback{display:none}.skill-check-question h1{font-size:clamp(25px,4vw,36px)}.skill-check-options{display:grid;gap:10px;margin-top:22px}.skill-check-option{width:100%;min-height:68px;display:grid;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer}.skill-check-option:hover,.skill-check-option[aria-checked="true"]{border-color:var(--brand);background:#eefbf8}.skill-check-option-index{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e7f8f4;color:var(--brand-dark);font-weight:700}.skill-check-option-copy{display:flex;flex-direction:column}.skill-check-option-copy small{color:var(--muted)}.skill-check-option-mark{width:19px;height:19px;border:2px solid #94a3b8;border-radius:50%}.skill-check-option[aria-checked="true"] .skill-check-option-mark{border:6px solid var(--brand)}.skill-check-sticky-actions{position:sticky;bottom:0;margin:20px -8px -8px;padding:12px 8px max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 20%)}.skill-check-sticky-actions button{width:100%}.skill-check-level{margin:14px 0;display:flex;align-items:baseline;gap:12px}.skill-check-level span{font-size:clamp(48px,10vw,76px);font-weight:700;color:var(--brand-dark)}.skill-check-level small{font-size:18px;color:var(--muted)}.skill-check-confidence,.skill-check-boundary{padding:12px 14px;border-radius:12px;background:#f7fafc;border:1px solid var(--line)}.skill-check-boundary{margin:12px 0;background:#fff8e8;border-color:#f4d48d}.skill-check-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.skill-check-result-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fbfdfd}.skill-check-result-grid strong{display:block;margin-bottom:8px;color:var(--brand-dark)}.skill-check-contact{margin-top:18px;padding:22px;display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center}.skill-check-contact h2{margin:0 0 4px;font-size:20px}.skill-check-contact p{margin:0;color:var(--muted)}.skill-check-contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:var(--brand);font-weight:800}.skill-check-contact .skill-check-secondary{grid-column:3}.skill-check-error{text-align:center;padding:50px 16px}.skill-check-error h1{font-size:28px}.skill-check-error p{color:var(--muted)}.skill-check-error .skill-check-primary,.skill-check-error .skill-check-secondary{display:inline-flex;margin:6px}.skill-check-icon{width:52px;height:52px;margin:auto;display:grid;place-items:center;border-radius:50%;background:#fee2e2;color:var(--danger);font-weight:800;font-size:24px}@keyframes skillCheckFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:640px){.skill-check-home{font-size:14px}.skill-check-shell{width:min(100% - 16px,920px);margin-top:10px}.skill-check-panel{border-radius:20px;padding:16px}.skill-check-benefits,.skill-check-result-grid{grid-template-columns:1fr}.skill-check-contact{grid-template-columns:44px 1fr}.skill-check-contact .skill-check-primary,.skill-check-contact .skill-check-secondary{grid-column:1/-1;width:100%}.skill-check-option{min-height:74px}.skill-check-question-figure{aspect-ratio:16/7}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}