/* Segmentation wrappers must not inherit broad card span layout rules. */
.r22-th-word,.r21-th-word{all:unset!important;white-space:nowrap!important}
/* Thai needs room above vowel marks and real word boundaries, not tracking. */
html[lang=th] :is(h1,h2,h3,h4,h5,h6,p,button,a,label,summary,small,select,.eyebrow,.label){letter-spacing:normal!important;word-break:normal;line-break:auto}
html[lang=th] :is(h1,h2,h3,h4,h5,h6){line-height:1.4!important}
html[lang=th] :is(p,li,label,.r23-scene-note,.story-disclosure){line-height:1.8}
html[lang=th] :is(button,summary,.r22-menu nav a){line-height:1.6}
html[lang=th] :is(.r23-narrative p,.r23-action p,.story-head p){text-wrap:pretty;overflow-wrap:normal}
html[lang=th] :is(.story-label,.r23-scene-caption,.r23-chapters button,.r23-action,.r24-console-bar,.r24-course-kicker,.r24-terminal-label){font-family:'IBM Plex Sans Thai',Manrope,sans-serif;letter-spacing:normal}
html[lang=th] .r23-scene-caption strong{line-height:1.65}
html[lang=th] .r23-chapters button{font-size:14px;min-height:88px}
html[lang=th] .r23-scene-caption{bottom:22px}
.r24-learning{position:relative;z-index:6;padding:90px 6vw 65px;background:#141719;color:#e7e9e8;border-top:1px solid #374044;scroll-margin-top:140px}
.r24-learning-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1280px;margin:0 auto 38px}
.r24-terminal-label{font:12px/1.8 'IBM Plex Mono',monospace;letter-spacing:.09em;color:#c99e93}
.r24-learning h2{font:500 clamp(32px,4.1vw,62px)/1.15 'IBM Plex Mono','IBM Plex Sans Thai',monospace;letter-spacing:-.045em;margin:22px 0}
.r24-learning p{font:400 17px/1.8 Manrope,'IBM Plex Sans Thai',sans-serif;max-width:60ch;color:#b6c0c1;margin:14px 0}
.r24-learning-heading>img{flex-shrink:0;width:72px;height:72px}
.r24-learning-console{max-width:1280px;margin:auto;border:1px solid #576166;border-radius:8px;overflow:hidden;background:#101315;box-shadow:0 24px 70px #0003}
.r24-console-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #394146;background:#1c2225;font:12px/1.6 'IBM Plex Mono','IBM Plex Sans Thai',monospace;color:#b1babc}
.r24-console-bar>span:first-child{font-size:10px;color:#c35248;letter-spacing:.18em}.r24-console-bar>span:last-child{margin-left:auto;font-size:11px}
.r24-learning-grid{display:grid;grid-template-columns:0.9fr 1.25fr;min-height:490px}.r24-course-menu{padding:28px;border-right:1px solid #394146;background-image:radial-gradient(#49525750 .7px,transparent .7px);background-size:12px 12px}
.r24-course-menu button{position:relative;width:100%;padding:26px 38px 26px 22px;text-align:left;cursor:pointer;background:#191f22;color:#e6e9e8;border:1px solid #465056;border-left:3px solid transparent;margin-bottom:16px;font-family:Manrope,'IBM Plex Sans Thai',sans-serif;transition:background .2s,border-color .2s}
.r24-course-menu button[aria-pressed=true]{border-left-color:#e05c4e;background:#252d30}.r24-course-menu button:hover{background:#2b3235}.r24-course-menu button>span{font:11px/1.7 'IBM Plex Mono',monospace;color:#c8a69c}.r24-course-menu strong{display:block;font-size:23px;line-height:1.4;margin:14px 0 10px;font-weight:500}.r24-course-menu small{display:block;font-size:14px;line-height:1.8;color:#c0c7c9}.r24-course-menu i{position:absolute;right:18px;top:24px;font-style:normal;font-size:24px;color:#e05c4e}
.r24-course-detail{padding:36px 44px;min-width:0}.r24-course-kicker{font:11px/1.8 'IBM Plex Mono',monospace;color:#aeb8bb}.r24-course-detail h3{font-size:clamp(28px,3vw,40px);line-height:1.3;font-weight:500;margin:14px 0}.r24-learning-topics{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin:24px 0}.r24-learning-topics li{padding:12px 0;border-top:1px solid #394146;font-size:14px;line-height:1.7;display:flex;gap:14px}.r24-learning-topics b{font:12px/2 'IBM Plex Mono',monospace;font-weight:400;color:#d38376}.r24-course-cta{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;padding:15px 20px;background:#cd4438;color:white;font-size:16px;min-height:50px;text-decoration:none;border-radius:3px}.r24-course-cta:hover{background:#a82e25}.r24-course-status{display:block;color:#adb6b9;font-size:13px!important;line-height:1.8;margin-top:15px}.r24-learning-foot{max-width:1280px;margin:22px auto 0;display:flex;justify-content:space-between;gap:20px;color:#afb9ba;font-size:12px;line-height:1.8}.r24-product-reference{display:flex;align-items:center;gap:24px;padding:18px 0;border-top:1px solid #394146;border-bottom:1px solid #394146;margin-top:22px}.r24-product-reference img{width:130px;height:110px;object-fit:contain;background:#eef1ec;border-radius:4px}.r24-product-reference p{font-size:14px}
.r24-services{position:relative;z-index:6;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;background:#080e16;color:#dae0e6;border-top:1px solid #364249;padding:26px 6vw;align-items:stretch}.r24-service-intro{font:12px/1.8 'IBM Plex Mono','IBM Plex Sans Thai',monospace;align-self:center;color:#c2cbd3}.r24-service-intro small{display:block;font:12px/1.8 Manrope,'IBM Plex Sans Thai',sans-serif;color:#99a9b6;margin-top:4px}.r24-services a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:22px;border-left:1px solid #364249;min-height:76px;text-decoration:none;color:inherit}.r24-services a:hover{background:#1d2938}.r24-services strong{font:500 15px/1.7 Manrope,'IBM Plex Sans Thai',sans-serif}.r24-number{font:11px 'IBM Plex Mono',monospace;color:#c98276}.r24-learning :focus-visible,.r24-services :focus-visible{outline:3px solid #f2bba3;outline-offset:5px}
body.simple #simple-story .r24-learning h2{font-size:clamp(30px,4vw,52px)}body.simple #simple-story .r24-learning{margin-top:65px;padding:42px 4vw}body.simple #simple-story .r24-services{padding:20px 0}
@media(max-width:950px){.r24-services{grid-template-columns:repeat(3,1fr)}.r24-service-intro{grid-column:1/-1;padding:5px 20px 20px}.r24-services a:first-of-type{border-left:0}.r24-learning-grid{grid-template-columns:1fr}.r24-course-menu{border-right:0;border-bottom:1px solid #394146;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px}.r24-course-menu button{margin:0;padding:20px 30px 20px 16px}.r24-course-menu strong{font-size:20px}.r24-course-detail{padding:30px}.r24-learning-heading>img{width:52px;height:52px}}
@media(max-width:600px){.r24-learning{padding:58px 5vw 38px}.r24-learning-heading{align-items:flex-start;gap:16px}.r24-learning h2{font-size:30px}.r24-learning-heading>img{width:38px;height:38px;margin-top:6px}.r24-learning p{font-size:16px}.r24-course-menu{grid-template-columns:1fr;gap:10px;padding:14px}.r24-course-menu button{padding:16px 34px 16px 16px}.r24-course-menu strong{font-size:20px;margin:8px 0}.r24-course-menu small{font-size:13px}.r24-course-detail{padding:24px 20px}.r24-learning-topics{grid-template-columns:1fr}.r24-console-bar{padding:12px;font-size:11px;gap:10px}.r24-console-bar>span:last-child{display:none}.r24-learning-foot{flex-direction:column;gap:6px}.r24-services{grid-template-columns:1fr;padding:20px 5vw}.r24-services a{border-left:0;border-top:1px solid #364249;padding:18px 8px}.r24-service-intro{padding:8px 8px 20px}.r24-product-reference{align-items:flex-start;gap:14px}.r24-product-reference img{width:80px;height:90px}.r24-course-cta{width:100%;font-size:15px}.r24-course-detail h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.r24-learning *{transition:none!important}}
