/* 강사 인증·교육 범위·시험 공사 중 안내 — SSOT 0·3·5·11·23절. */
.teacher-certificate, .cert-pending { max-inline-size: 68rem; }
.teacher-certificate { display: grid; gap: var(--wa-space-2xl); }
:is(.teacher-certificate, .cert-pending, .teaching-scope) :is(h2, h3, p, blockquote, ol) { margin: 0; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) :is(p, h2, h3, a, li) { min-inline-size: 0; overflow-wrap: anywhere; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) p { font-size: var(--wa-font-size-m); line-height: 1.85; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) h2 { font-size: var(--wa-font-size-l); line-height: 1.6; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) h3 { font-size: var(--wa-font-size-m); line-height: 1.6; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) .sonub-button { min-block-size: 2.75rem; line-height: 1.6; }
:is(.teacher-certificate, .cert-pending, .teaching-scope) a:focus-visible { outline: 2px solid var(--wa-color-focus); outline-offset: 4px; }
.teaching-scope { display: grid; gap: var(--wa-space-l); padding-block: var(--wa-space-xl); border-block: 1px solid var(--wa-color-surface-border); }
.teaching-scope .teaching-scope-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wa-space-xl); align-items: start; }
.teaching-scope .teaching-scope-overview { display: grid; gap: var(--wa-space-m); }
.teaching-scope .teaching-qualification { display: grid; justify-items: start; gap: var(--wa-space-m); margin-block-start: var(--wa-space-s); }
.teaching-scope .teaching-qualification h3 { color: var(--wa-color-brand-on-quiet); }
.teaching-scope .teaching-english-note { display: grid; gap: var(--wa-space-m); padding: var(--wa-space-l); border-radius: var(--wa-border-radius-m); background: var(--wa-color-brand-fill-quiet); }
.teaching-scope .teaching-english-note h3 { display: flex; align-items: baseline; gap: var(--wa-space-s); }
.teaching-scope blockquote { padding-inline-start: var(--wa-space-m); border-inline-start: 3px solid var(--wa-color-brand-fill-loud); color: var(--wa-color-text-normal); font-size: var(--wa-font-size-m); line-height: 1.85; }
.teacher-certificate .certificate-grades { display: grid; gap: var(--wa-space-l); }
.teacher-certificate .certificate-grade-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--wa-space-s); padding: 0; list-style: none; }
.teacher-certificate .certificate-grade-list li { display: grid; align-content: start; gap: var(--wa-space-s); margin: 0; padding: var(--wa-space-m); border: 1px solid var(--wa-color-surface-border); border-radius: var(--wa-border-radius-m); background: var(--wa-color-surface-raised); }
.teacher-certificate .certificate-grade-list strong { font-size: var(--wa-font-size-l); }
.teacher-certificate .certificate-grade-list span { font-size: var(--wa-font-size-s); line-height: 1.6; }
.teacher-certificate .certificate-grade-list [data-qualified='true'] { border-color: var(--wa-color-success-border-normal); background: var(--wa-color-success-fill-quiet); color: var(--wa-color-success-on-quiet); }
.teacher-certificate .certificate-guidance { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--wa-space-l); }
.teacher-certificate .certificate-guidance > section { display: grid; justify-items: start; align-content: start; gap: var(--wa-space-m); padding: var(--wa-space-l); border: 1px solid var(--wa-color-surface-border); border-radius: var(--wa-border-radius-m); background: var(--wa-color-surface-raised); }
.teacher-certificate .certificate-application { display: grid; justify-items: start; gap: var(--wa-space-m); padding: var(--wa-space-l); border-radius: var(--wa-border-radius-m); background: var(--wa-color-brand-fill-quiet); }
.cert-pending .cert-pending-message { display: grid; justify-items: start; gap: var(--wa-space-l); padding: clamp(1.25rem, 3vw, 2.5rem); border: 1px solid var(--wa-color-surface-border); border-radius: var(--wa-border-radius-l); background: var(--wa-color-surface-raised); }
@media (max-width: 1200px) {
	.teacher-certificate .certificate-grade-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.teaching-scope .teaching-scope-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 750px) {
	.teacher-certificate .certificate-guidance { grid-template-columns: minmax(0, 1fr); }
	.teacher-certificate .certificate-grade-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 400px) {
	.teacher-certificate .certificate-grade-list { grid-template-columns: minmax(0, 1fr); }
    .teacher-certificate .certificate-grade-list li { grid-template-columns: auto minmax(0, 0.65fr) minmax(0, 1fr); gap: var(--wa-space-m); align-items: baseline; }
}
:lang(ur) :is(.teacher-certificate, .cert-pending, .teaching-scope) :is(h1, h2, h3, p, li, a, blockquote) { line-height: 2; letter-spacing: 0; }

/* 인증 안내 — 배움과 자격 구간을 시각적으로 구분하고 준비 순서를 연결한다. */
.teacher-certificate .sonub-page-header { background: linear-gradient(135deg, var(--sonub-surface), var(--sonub-accent-soft)); }
.teacher-certificate .certificate-grades { padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--sonub-border); border-radius: var(--sonub-radius-panel); background: var(--sonub-surface); }
.teacher-certificate .certificate-grade-list li { gap: var(--wa-space-m); padding-block: var(--wa-space-l); }
.teacher-certificate .certificate-grade-list li > i { font-size: var(--wa-font-size-xl); color: var(--wa-color-text-quiet); }
.teacher-certificate .certificate-grade-list [data-qualified='true'] > i { color: var(--wa-color-success-on-quiet); }
.teacher-certificate .certificate-step-heading { display: flex; align-items: center; justify-content: space-between; inline-size: 100%; gap: var(--wa-space-m); }
.teacher-certificate .certificate-step-heading > span { color: var(--sonub-muted); font-size: var(--wa-font-size-l); font-variant-numeric: tabular-nums; }
.teacher-certificate .certificate-guidance > section { border-block-start: 3px solid var(--sonub-accent); padding: clamp(1.25rem, 3vw, 2rem); }
.teacher-certificate .certificate-guidance .sonub-button { margin-block-start: auto; }
.teacher-certificate .certificate-application { gap: var(--wa-space-l); padding: clamp(1.25rem, 3vw, 2rem); }