.cos-selection{display:block!important;max-width:1200px;margin-inline:auto;scroll-margin-top:100px}.cos-selection h2{max-width:780px}.cos-selection>p{max-width:850px}.cos-selection .grade-matrix{overflow:auto;border:1px solid #d9e5df;border-radius:16px;margin:28px 0}.grade-matrix table{border-collapse:collapse;width:100%;min-width:600px;text-align:left}.grade-matrix th,.grade-matrix td{padding:18px 22px;border-bottom:1px solid #e1e9e4;vertical-align:top}.grade-matrix thead{background:#183b48;color:white}.grade-matrix thead th{font-weight:600}.grade-matrix tbody th{color:#183b48;background:#f0f6f2;width:24%}.grade-matrix td{width:38%;color:#546a79}.grade-matrix small{display:block;margin-top:5px}.cos-selection .selection-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin:22px 0 0!important;padding:0!important;text-align:left!important;max-width:none!important}.cos-selection .selection-actions a{display:inline-flex;align-items:center;font-weight:600;color:#237658;text-decoration:none}.process-track{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.process-step{position:relative;border-top:3px solid #28826c;padding:22px 18px;background:#eff5f1;border-radius:0 0 12px 12px}.process-step:not(:last-child):after{content:'→';position:absolute;right:-14px;top:18px;color:#28826c;z-index:1;font-size:23px}.process-step b{display:block;font-size:12px;color:#28826c;margin-bottom:14px;letter-spacing:.12em}.process-step h3{font-size:20px}.process-step p{font-size:14px;margin-bottom:0}.process-note{border-left:3px solid #bf8b43;padding-left:18px}.process-source{font-size:12px}.cos-selection .selection-badge{display:block;color:#7da99a;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}@media(max-width:700px){.process-track{grid-template-columns:1fr 1fr}.process-step:after{display:none}.grade-matrix th,.grade-matrix td{padding:13px}.cos-selection .selection-actions{align-items:flex-start;flex-direction:column}}

.process-step{padding:0 0 20px;overflow:visible;border-top:0;background:#f0f5f1}.process-step>.stage-visual{display:block;aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:12px 12px 0 0;background:#eeefe5}.stage-visual img{position:absolute;width:400%;max-width:none;height:100%;top:0}.process-step>b,.process-step>h3,.process-step>p{margin-left:18px;margin-right:18px}.process-step>b{margin-top:18px;font-size:10px}.process-step>h3{font-size:23px}.process-step:not(:last-child):after{top:35%;right:-18px;background:#fff;border:1px solid #e1e8e0;border-radius:50%;width:24px;height:24px;text-align:center;font-size:17px;line-height:22px}.process-caption{font-size:12px;color:#637386;margin-top:-10px}

.knowledge-intro{padding-bottom:24px}.knowledge-intro h1{font-size:clamp(36px,5vw,62px);max-width:950px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}.resource-grid>a{display:block;border:1px solid #dce6df;border-radius:14px;padding:24px;text-decoration:none;background:#f0f5f1}.resource-grid h3{font-size:20px}.resource-grid p{font-size:14px;margin-bottom:0}.preparation-grid{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:28px 0}.preparation-grid li{display:flex;gap:16px;background:#f0f5f1;padding:22px;border-radius:12px}.preparation-grid li>span{font-size:23px;font-weight:700;color:#28826c}.preparation-grid h3{font-size:19px}.preparation-grid p{font-size:14px;margin:0}@media(max-width:700px){.resource-grid,.preparation-grid{grid-template-columns:1fr}}

.knowledge-breadcrumb{font-size:13px;color:#637386;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.knowledge-breadcrumb a{text-decoration:none}

html[dir="rtl"] .process-step:not(:last-child):after{content:"←";right:auto;left:-18px}html[dir="rtl"] .grade-matrix table{text-align:right}html[dir="rtl"] .selection-actions{text-align:right!important}.knowledge-intro h1{overflow-wrap:anywhere}html[lang="th"] h1,html[lang="th"] h2,html[lang="th"] h3{line-height:1.45;letter-spacing:0}@media(max-width:600px){.process-track{grid-template-columns:1fr 1fr;gap:12px}.process-step>h3{font-size:19px}.grade-matrix table{min-width:600px}.cos-selection{padding:42px 20px}.resource-grid h3{overflow-wrap:anywhere}.knowledge-intro h1{font-size:34px}}