.learn-main{padding-block:50px 65px}.learn-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;padding-bottom:65px}.learn-hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.3}.learn-hero h1>span{display:block}.learn-intro{font-size:18px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:38em;text-wrap:pretty}.learn-hero-image{width:100%;height:auto;border-radius:24px;object-fit:cover}.learn-hero-image.illustration{max-width:280px;justify-self:center;border-radius:0}.learn-reading{display:grid;grid-template-columns:230px minmax(0,760px);gap:65px;justify-content:space-between;align-items:start}.learn-toc{position:sticky;top:25px}.learn-toc nav{display:grid;gap:8px}.learn-toc p{font-size:15px;color:var(--muted);margin-bottom:10px}.learn-toc a{font-size:15px;line-height:1.7;min-height:44px;display:flex;align-items:center;padding-block:8px;color:var(--blue)}.learn-toc a:hover,.learn-links a:hover,.learn-text-link:hover,.learn-related a:hover,.learn-text-version a:hover{text-decoration:underline;text-underline-offset:4px}.learn-section{scroll-margin-top:30px;margin-bottom:55px}.learn-section h2{font-size:31px;line-height:1.45;margin-bottom:24px}.learn-section p{font-size:17px;line-height:1.95;color:var(--muted);text-wrap:pretty}.learn-section>p+p{margin-top:18px}.learn-steps{display:grid;gap:25px;margin:28px 0 0;padding:28px 30px 28px 52px;background:#e0eaff;border-radius:24px}.learn-steps li{padding-inline-start:7px}.learn-steps li::marker{color:var(--blue)}.learn-steps h3{font-family:inherit;font-size:18px;font-weight:600;line-height:1.65;margin-bottom:9px}.learn-links{display:flex;flex-wrap:wrap;gap:8px 24px;list-style:none;padding:0;margin:22px 0 0}.learn-links a{display:inline-flex;gap:8px;align-items:center;min-height:44px;color:var(--blue);font-size:16px;line-height:1.8}.learn-table-wrap{overflow:auto;margin-top:28px;border:1px solid var(--line);border-radius:20px;background:#f8faff}.learn-table-wrap:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.learn-table-wrap table{border-collapse:collapse;width:100%;min-width:520px;text-align:start;font-size:16px;line-height:1.8}.learn-table-wrap caption{text-align:start;padding:20px 23px;font-weight:600;color:var(--blue)}.learn-table-wrap th,.learn-table-wrap td{padding:16px 23px;border-top:1px solid var(--line);vertical-align:top}.learn-table-wrap thead th{color:var(--blue);font-weight:600}.learn-table-wrap tbody th{min-width:110px;font-weight:500}.learn-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.learn-audio-card{margin:0;padding:24px;background:#f8faff;border-radius:24px;min-width:0}.learn-audio-card h3{font-size:27px;line-height:1.45;margin-bottom:10px}.learn-audio-card figcaption p{font-size:15px;line-height:1.7}.learn-audio-card audio{display:block;width:100%;margin-top:24px}.learn-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--blue);line-height:1.8;margin-top:12px}.learn-audio-status:not(:empty){margin-top:12px;font-size:15px}.learn-download{width:100%;margin-top:25px;margin-bottom:40px}.learn-related{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}.learn-related h2{font-size:24px;margin-inline-end:10px}.learn-related>a{display:inline-flex;align-items:center;gap:10px;font-size:16px;min-height:44px;color:var(--blue)}.learn-text-version{margin-top:28px;font-size:14px;color:var(--muted)}.learn-text-version>a{display:inline-flex;align-items:center;min-height:44px}
html[dir=rtl] .learn-steps{padding-inline-start:52px;padding-inline-end:30px}html:lang(th) .learn-hero h1{line-height:1.5}html:lang(th) .learn-section h2{font-size:29px}
@media(max-width:1050px){.learn-hero{gap:35px}.learn-hero h1{font-size:44px}.learn-reading{grid-template-columns:190px minmax(0,1fr);gap:35px}.learn-audio-grid{grid-template-columns:1fr}.learn-audio-card audio{max-width:480px}}
@media(max-width:800px){.learn-main{padding-block:35px 45px}.learn-hero{gap:25px;padding-bottom:40px}.learn-hero h1{font-size:38px}.learn-intro{font-size:16px}.learn-reading{grid-template-columns:minmax(0,1fr);gap:28px}.learn-toc{position:static}.learn-toc nav{display:flex;flex-wrap:wrap;gap:0 25px}.learn-toc p{width:100%;margin-bottom:8px}.learn-section{margin-bottom:40px}.learn-section h2{font-size:28px;margin-bottom:20px}.learn-section p{font-size:16px}.learn-audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.learn-hero{grid-template-columns:1fr;gap:25px}.learn-hero h1{font-size:34px}.learn-intro{line-height:1.85;margin-top:20px}.learn-hero-image{max-height:210px;object-fit:cover}.learn-hero-image.illustration{width:150px;justify-self:end}.learn-toc p,.learn-toc a{font-size:14px}.learn-section h2{font-size:26px}.learn-steps{padding:24px 22px 24px 42px;gap:22px;border-radius:20px}.learn-steps h3{font-size:17px}.learn-links a{font-size:15px}.learn-audio-grid{grid-template-columns:1fr}.learn-table-wrap table{font-size:15px}.learn-related{gap:8px 22px}.learn-related h2{width:100%;margin:0}.learn-related>a{font-size:15px}.learn-download{margin-top:20px}html[dir=rtl] .learn-steps{padding-inline-start:42px;padding-inline-end:22px}html:lang(th) .learn-hero h1{font-size:32px}html:lang(th) .learn-section h2{font-size:26px}}