.learning-speaking .learning-hero{background:var(--paper);padding:56px 0}.learning-speaking .learning-hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;display:grid}.learning-speaking .learning-hero h1{max-width:24ch;font-size:clamp(34px,3.7vw,54px);line-height:1.45}.learning-speaking .learning-hero .intro{max-width:55ch;margin-top:24px;font-size:19px;line-height:1.9}.learning-speaking .learning-photo{margin:0}.learning-photo img{object-fit:contain;background:var(--ivory);width:100%;height:auto;max-height:480px;display:block}.learning-photo figcaption{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.85}.learning-route-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;padding:20px 0;display:flex}.learning-route-nav a{min-height:44px;color:var(--link);text-underline-offset:5px;align-items:center;text-decoration:underline;display:inline-flex}.learning-formats{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:32px;display:grid}.learning-formats article{border-top:1px solid var(--line);padding-top:22px}.learning-formats h3{margin:12px 0;font-size:24px}.learning-formats p{color:var(--muted);line-height:1.9}.learning-speaking .topic-button{font:inherit;color:var(--link);text-underline-offset:5px;cursor:pointer;text-align:start;background:0 0;border:0;min-height:44px;padding:12px 0;text-decoration:underline}.speaking-evidence header{max-width:720px;margin-bottom:32px}.speaking-evidence header>p:last-child{color:var(--muted);margin-top:20px}.speaking-stories{gap:48px;display:grid}.speaking-stories article{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:40px;min-width:0;padding-top:32px;display:grid}.speaking-story-image{display:block}.speaking-story-image img{object-fit:contain;background:var(--paper);width:100%;height:auto;max-height:340px;display:block}.speaking-stories h3{margin:12px 0;font-size:27px;line-height:1.5}.speaking-stories h3 a{text-decoration:none}.speaking-stories h3 a:hover{text-decoration:underline}.speaking-stories article>div>p{color:var(--muted);line-height:1.9}.speaking-meta{font-size:14px}.speaking-stories .textlink{margin-top:16px}.evidence-compact .speaking-stories{grid-template-columns:1fr 1fr;gap:40px}.evidence-compact .speaking-stories article{grid-template-columns:1fr;align-items:start;gap:20px}.evidence-compact .speaking-story-image img{object-fit:contain;height:280px}.learning-invite{background:var(--paper);padding:56px 0;scroll-margin-top:90px}.learning-invite-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:80px;display:grid}.learning-invite-intro{position:sticky;top:110px}.learning-invite-intro h2{font-size:36px;line-height:1.5}.learning-invite-intro p{margin-top:20px;line-height:1.9}.learning-invite .company-inquiry{background:var(--ivory);border:1px solid var(--line);padding:28px}.learning-invite .company-inquiry label{line-height:1.85}.learning-student{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;align-items:start;gap:60px;padding:32px 0;display:grid}.learning-student p{color:var(--muted);margin:16px 0}.learning-speaking [id]{scroll-margin-top:110px}.learning-speaking :is(button,a,input,textarea,select):focus-visible{outline:3px solid var(--link);outline-offset:4px}.learning-speaking :lang(th){letter-spacing:0;font-style:normal}@media (width<=800px){.learning-speaking .learning-hero-grid{grid-template-columns:1fr;gap:32px}.learning-speaking .learning-hero{padding:32px 0}.learning-speaking .learning-hero h1{font-size:34px}.learning-speaking .learning-photo img{max-height:340px}.learning-formats,.speaking-stories article,.evidence-compact .speaking-stories{grid-template-columns:1fr;gap:24px}.speaking-stories article{gap:20px}.learning-invite-grid,.learning-student{grid-template-columns:1fr;gap:28px}.learning-invite-intro{position:static}.learning-invite-intro h2{font-size:30px}.learning-invite .company-inquiry{padding:20px}.learning-route-nav{gap:8px 20px}.learning-invite{padding:36px 0}.evidence-compact .speaking-story-image img{height:auto;max-height:300px}}.learning-founder{color:var(--muted);margin-top:24px;font-size:14px;line-height:1.9}.learning-founder a{color:var(--link);text-underline-offset:4px;text-decoration:underline}.learning-exercise{border-left:2px solid var(--line);margin-top:18px;padding-left:16px;font-size:16px}.learning-exercise span{color:var(--link);margin-bottom:6px;font-size:14px;display:block}.learning-back{margin-bottom:16px;font-size:14px}
