@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap");
.course-portfolio-hero{padding:76px 0 70px;color:#eef6f7;background:radial-gradient(circle at 84% 12%,rgba(45,212,191,.15),transparent 29%),#0b1e2d}
.course-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:end}
.course-portfolio-hero h1{max-width:780px;margin:0;color:#fff;font:750 clamp(42px,5.3vw,68px)/1.12 "Noto Sans Thai","Segoe UI",sans-serif;letter-spacing:-.04em}
.course-hero-grid>div:last-child>p{margin:0;color:#c7d3da;font:400 17px/1.85 "Noto Sans Thai","Segoe UI",sans-serif}
.course-legend{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.course-legend span{padding:7px 11px;border:1px solid #516473;border-radius:999px;color:#d1dbe0;font-size:11px}.course-legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#79858b}.course-legend .is-ready:before{background:#2dd4bf}.course-legend .is-partial:before{background:#f59e0b}
.course-teaching-frame{border-bottom:1px solid #aeb9ba;background:#cad2d1}.course-frame-grid{display:grid;grid-template-columns:repeat(3,1fr)}.course-frame-grid>div{min-height:170px;padding:27px;border-left:1px solid #aeb9ba}.course-frame-grid>div:last-child{border-right:1px solid #aeb9ba}.course-frame-grid span{color:#0b665e;font:700 11px ui-monospace,monospace}.course-frame-grid strong{display:block;margin-top:28px;color:#17313b;font:750 18px "Noto Sans Thai","Segoe UI",sans-serif}.course-frame-grid p{margin:9px 0 0;color:#43565e;font:400 14px/1.7 "Noto Sans Thai","Segoe UI",sans-serif}
.course-catalog{padding:84px 0 96px;background:#dce2e0}.course-catalog-head{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:end;margin-bottom:38px}.course-catalog-head h2{max-width:660px;margin:0;color:#132c38;font:750 clamp(31px,3.5vw,46px)/1.25 "Noto Sans Thai","Segoe UI",sans-serif;letter-spacing:-.025em}.course-catalog-head>p{margin:0;color:#40545d;font:400 16px/1.9 "Noto Sans Thai","Segoe UI",sans-serif}
.course-table-wrap{overflow:hidden;border-radius:14px;background:#b8c3c3;box-shadow:0 14px 34px rgba(12,29,41,.1)}.course-table{width:100%;border-collapse:collapse;table-layout:fixed;font-family:"Noto Sans Thai","Segoe UI",sans-serif}.course-table th{padding:17px 21px;color:#e4edef;background:#102b3b;font-size:12px;font-weight:750;letter-spacing:.03em;text-align:left}.course-table th:nth-child(1){width:35%}.course-table th:nth-child(2){width:40%}.course-table th:nth-child(3){width:25%}.course-table td{position:relative;padding:25px 21px;border-top:1px solid #a9b5b5;vertical-align:top;background:#edf0ed}.course-table tbody tr:nth-child(even) td{background:#d3dcda}.course-table tbody tr:hover td{background:#f5f0e5}.course-table td:first-child{padding-left:29px}.course-table td:first-child:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#76858b}.course-table tr.course-state-ready td:first-child:before{background:#0b756b}.course-table tr.course-state-partial td:first-child:before{background:#cf7308}.course-table-no{display:block;margin-bottom:9px;color:#536971;font:700 12px ui-monospace,monospace}.course-table td strong{display:block;color:#102b38;font-size:19px;font-weight:750;line-height:1.55}.course-table td p{margin:0;color:#304750;font-size:15px;line-height:1.8}.course-table td small{display:block;margin-top:9px;color:#51636a;font-size:13px;line-height:1.7}.course-table-status{display:inline-block;margin-top:13px;padding:5px 9px;border:1px solid #819196;border-radius:999px;color:#394c53;background:#dce2e1;font-size:11px;font-weight:700}.course-state-ready .course-table-status{color:#075c54;border-color:#5b928b;background:#c4e1dc}.course-state-partial .course-table-status{color:#754207;border-color:#bd813d;background:#efd4b0}
.course-table-links{display:flex;flex-direction:column;gap:9px}.course-table-links a{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #0c665e;border-radius:7px;color:#fff;background:#0f766e;font-size:13px;font-weight:750;line-height:1.45}.course-table-links a:hover{border-color:#0a2b39;background:#0a2b39}.course-table-links span{display:block;padding:11px 12px;border-left:3px solid #738287;color:#40535a;background:#c8d1cf;font-size:13px;line-height:1.55}
.course-closing{padding:76px 0;color:#edf5f6;background:#0b1e2d}.course-closing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:end}.course-closing h2{margin:0;color:#fff;font:750 clamp(32px,4vw,48px)/1.2 "Noto Sans Thai","Segoe UI",sans-serif}.course-closing-grid>p{margin:0;color:#c3d0d7;font:400 16px/1.85 "Noto Sans Thai","Segoe UI",sans-serif}
@media(max-width:960px){.course-hero-grid,.course-catalog-head,.course-closing-grid{grid-template-columns:1fr;gap:32px}.course-frame-grid{grid-template-columns:1fr}.course-frame-grid>div{min-height:0;border-right:1px solid #aeb9ba;border-bottom:1px solid #aeb9ba}.course-table th:nth-child(1){width:34%}.course-table th:nth-child(2){width:38%}.course-table th:nth-child(3){width:28%}}
@media(max-width:760px){.course-portfolio-hero{padding:58px 0}.course-portfolio-hero h1{font-size:39px}.course-catalog{padding:64px 0 72px}.course-table-wrap{overflow:visible;border-radius:0;background:transparent;box-shadow:none}.course-table,.course-table tbody,.course-table tr,.course-table td{display:block;width:100%}.course-table thead{display:none}.course-table tr{margin-bottom:14px;border-radius:12px;overflow:hidden;background:#edf0ed;box-shadow:0 7px 18px rgba(12,29,41,.09)}.course-table tr:nth-child(even){background:#d1dad8}.course-table td,.course-table tbody tr:nth-child(even) td{padding:18px 19px;background:transparent}.course-table td:first-child{padding:22px 21px}.course-table td:not(:first-child){padding:46px 20px 19px;border-color:#b8c2c2}.course-table td:not(:first-child):before{content:attr(data-label);position:absolute;left:20px;top:16px;color:#4d626b;font-size:10px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.course-table td strong{font-size:18px}.course-table td p{font-size:15px}.course-table-links a{font-size:14px}}

/* Teaching narrative and four-column course table */
.teaching-story{padding:88px 0;background:#ebe9e2}.teaching-story-grid{display:grid;grid-template-columns:250px minmax(0,790px);gap:78px;justify-content:center;align-items:start}.teaching-story aside{position:sticky;top:130px;padding-top:7px}.teaching-story aside>span{display:block;margin-top:30px;color:#0f766e;font:700 12px ui-monospace,monospace}.teaching-story aside>strong{display:block;margin-top:10px;color:#344950;font:700 14px/1.6 "Noto Sans Thai","Segoe UI",sans-serif}.teaching-story article h2{margin:0 0 26px;color:#172e39;font:750 clamp(30px,3.8vw,44px)/1.3 "Noto Sans Thai","Segoe UI",sans-serif;letter-spacing:-.025em}.teaching-story article p{margin:0 0 20px;color:#344950;font:400 17px/1.95 "Noto Sans Thai","Segoe UI",sans-serif}.teaching-story article .teaching-story-close{margin-top:33px;padding:23px 25px;border-left:4px solid #0f766e;color:#183842;background:#d7dfdc;font-size:18px;font-weight:600}
.course-table th{font-size:14px;line-height:1.4}.course-table th.course-col-no{width:7%;text-align:center}.course-table th:nth-child(2){width:30%}.course-table th:nth-child(3){width:40%}.course-table th:nth-child(4){width:23%}.course-table td:first-child{padding:27px 12px;text-align:center}.course-table td:first-child:before{display:none}.course-number-cell{color:#34515c;font:750 14px ui-monospace,monospace}.course-table tr.course-state-ready .course-number-cell{box-shadow:inset 5px 0 #0b756b}.course-table tr.course-state-partial .course-number-cell{box-shadow:inset 5px 0 #cf7308}.course-table tr.course-state-build .course-number-cell{box-shadow:inset 5px 0 #76858b}.course-second-language{display:block;margin-top:7px;color:#52666e;font-size:14px;font-weight:500;line-height:1.55}.course-second-language[lang="en"]{font-family:"Segoe UI",Arial,sans-serif}
@media(max-width:960px){.teaching-story-grid{grid-template-columns:190px 1fr;gap:45px}.course-table th.course-col-no{width:7%}.course-table th:nth-child(2){width:30%}.course-table th:nth-child(3){width:37%}.course-table th:nth-child(4){width:26%}}
@media(max-width:760px){.teaching-story{padding:64px 0}.teaching-story-grid{grid-template-columns:1fr;gap:28px}.teaching-story aside{position:static}.teaching-story aside>span{margin-top:18px}.teaching-story article h2{font-size:29px}.teaching-story article p{font-size:16px;line-height:1.9}.course-table td.course-number-cell{padding:13px 20px!important;color:#dfeaec;background:#173545!important;text-align:left;font-size:13px;box-shadow:none!important}.course-table td.course-number-cell:before{display:none}.course-table td:nth-child(2){padding-top:47px}.course-second-language{font-size:13px}}