/* Approved KNAM design, 26 September 2026. Original logo pixels are unchanged. */
:root{--blue:#1649B8;--blue-dark:#103985;--text:#172B4D;--muted:#64748B;--border:#E2E8F0;--bg:#fff;--surface:#F8FAFC;--yellow:#FFD33D;--orange:#FF8A32}
html{scroll-behavior:smooth}body{background:#fff;color:#172B4D;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{letter-spacing:-.025em;color:inherit}h1{font-size:30px}h2{font-size:28px}h3{font-size:22px}p{overflow-wrap:anywhere}.approved-ui{display:block;min-height:100vh;background:#fff}.approved-ui .main{margin:0;background:#fff;min-width:0}.approved-ui .content{max-width:1440px;margin:auto;padding:20px 34px 42px}.approved-ui .card{border:1px solid #E2E8F0;border-radius:16px;background:white;box-shadow:0 2px 4px #0f172a06}.approved-ui .card-pad{padding:24px}.approved-ui .card h3{font-size:22px}.approved-ui .card p{font-size:16px;line-height:1.55;color:#475569}.approved-ui .section-heading h2{font-size:28px}.approved-ui .eyebrow{font-size:12px;letter-spacing:.08em;color:#64748B;font-weight:600}.approved-ui .note,.approved-ui small{font-size:13px;color:#64748B}.approved-ui .grid{gap:20px}.approved-ui .section-gap{margin-top:24px}
.knam-logo{display:inline-block;position:relative;width:156px;height:48px;overflow:hidden;vertical-align:middle;flex-shrink:0;background:white}.knam-logo img{position:absolute;width:180px;height:180px;max-width:none;left:-6.4px;top:-65.6px;object-fit:contain}.brand{display:flex;margin:0;align-items:center}.design-header{max-width:1440px;margin:auto;min-height:82px;display:flex;align-items:center;gap:26px;padding:12px 30px;border-bottom:1px solid #E2E8F0;background:white}.primary-nav{display:flex;align-items:center;gap:6px;flex:1}.approved-ui .nav-button{min-height:40px;padding:9px 14px;border:0;border-radius:8px;background:white;color:#64748B;font-size:15px;text-align:left;font-weight:500}.approved-ui .nav-button:hover{background:#F8FAFC;color:#1649B8}.approved-ui .nav-button.active{background:#EDF3FF;color:#1649B8}.account-chip{border:0;background:white;display:flex;align-items:center;gap:12px;font:inherit;color:#172B4D;cursor:pointer}.account-chip span{text-align:right;font-size:13px;max-width:160px}.account-chip small{display:block;font-size:12px;color:#64748B}.account-chip b{background:#EDF3FF;color:#1649B8;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.all-sections{position:relative;flex:none}.all-sections summary{font-size:14px;color:#475569;cursor:pointer;list-style:none;padding:10px;border-radius:8px}.all-sections summary:after{content:'⌄';margin-left:8px}.all-sections[open] summary{background:#EDF3FF;color:#1649B8}.all-sections nav{position:absolute;z-index:60;right:0;top:48px;width:min(580px,85vw);max-height:70vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;padding:12px;background:white;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 12px 36px #172b4d1f}.page-context{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#64748B;margin-bottom:18px}.design-heading{margin:14px 0 26px}.design-heading h2{font-size:30px;margin:10px 0}.design-heading p{color:#64748B;margin:7px 0;max-width:900px}.design-footer{max-width:1380px;margin:10px auto 0;padding:14px 0 22px;border-top:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#64748B;font-size:12px}.approved-ui .feedback-launch{margin:0;border:0;font-size:13px}
.btn,.approved-ui .btn{min-height:40px;border-radius:8px;font:600 15px/20px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;padding:9px 16px;box-shadow:0 1px 2px #0f172a0d;white-space:normal}.btn-primary,.approved-ui .btn-primary{background:#1649B8;border:1px solid #1649B8;color:white}.btn-primary:hover,.approved-ui .btn-primary:hover{background:#103985}.approved-ui .btn-outline{background:white;border:1px solid #CBD5E1;color:#334155}.approved-ui .btn-ghost{background:transparent;border:1px solid transparent;color:#1649B8;box-shadow:none}.approved-ui .btn-yellow{background:#FFD33D;color:#172B4D;border:1px solid #EBC22E}.approved-ui button:disabled,.approved-ui input:disabled,.approved-ui textarea:disabled{opacity:.55;cursor:not-allowed}.approved-ui :focus-visible,.auth-shell :focus-visible{outline:3px solid #93B8FF;outline-offset:3px}.approved-ui input:not([type=checkbox]):not([type=radio]),.approved-ui textarea,.approved-ui select,.auth-shell input{background:white;color:#172B4D;border:1px solid #CBD5E1;border-radius:8px;min-height:42px;font:inherit;padding:10px 12px}.approved-ui input[type=checkbox],.approved-ui input[type=radio]{accent-color:#1649B8}.approved-ui label{font-size:14px;color:#475569}.approved-ui .status{border-radius:6px;font-size:12px;line-height:18px;background:#FFF7D6;color:#92400E;border:1px solid #FDE68A;padding:3px 8px}.approved-ui .status.done,.approved-ui .status.progressing{background:#EDF3FF;color:#1649B8;border-color:#DBEAFE}.approved-ui .status.attention{background:#FFF2E8;color:#9A3412;border-color:#FED7AA}.approved-ui .notice{padding:14px 18px;border:1px solid #FED7AA;background:#FFF2E8;border-radius:10px;color:#9A3412;font-size:14px}.approved-ui .notice[hidden]{display:none}.approved-ui summary{cursor:pointer;color:#1649B8}.approved-ui .empty{background:#F8FAFC;border:1px dashed #CBD5E1;color:#475569;border-radius:12px;padding:30px;text-align:center}.approved-ui .empty p{margin:10px 0 0}.approved-ui .avatar{background:#EDF3FF;color:#1649B8}
.stage-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.stage-column{min-width:0}.stage-label{border-bottom:2px solid #D9E2EF;padding:0 14px 16px;position:relative;margin-bottom:24px;color:#64748B;font-size:14px;min-height:45px}.stage-label i{position:absolute;bottom:-6px;left:15px;width:10px;height:10px;border-radius:50%;background:#1649B8}.approved-ui .stage-card{min-height:210px;padding:20px;border-radius:16px;border:1px solid #E2E8F0;background:#fff;box-shadow:0 2px 4px #0f172a06;display:flex;flex-direction:column;align-items:flex-start}.approved-ui .stage-card h3{font-size:22px;margin:10px 0 4px}.approved-ui .stage-card p{font-size:16px;margin:6px 0 14px;color:inherit}.approved-ui .stage-card small{font-size:12px;color:inherit}.stage-card .btn{margin-top:auto}.approved-ui .stage-0{background:#1649B8;color:white;border-color:#1649B8}.approved-ui .stage-0 .btn{background:white;color:#1649B8;border-color:white}.approved-ui .stage-1{background:#FFD33D;border-color:#EBC22E}.approved-ui .stage-2{background:#FFF4E1;border-color:#FFE1B5}.approved-ui .stage-3{background:#EDF3FF;border-color:#DBEAFE}.design-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:16px;padding:24px;margin:24px 0}.design-detail h3{font-size:23px;margin:6px 0 10px}.design-detail p{color:#475569;font-size:17px;margin:8px 0}.design-detail aside{border-left:1px solid #E2E8F0;padding-left:25px;color:#475569;line-height:1.6}.design-note{padding:16px 24px;background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;font-size:15px;color:#475569}
.journey-map{position:relative;margin:24px 0}.journey-focus{margin:0 0 30px 23%;max-width:600px;padding:24px;border-radius:16px;background:#1649B8;color:white;box-shadow:0 4px 10px #1649b819}.journey-focus .eyebrow{color:#dbeafe}.journey-focus h3{font-size:25px;margin:8px 0}.journey-focus p{color:#E8EFFF;font-size:17px;margin:10px 0 18px}.journey-stations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:45px;row-gap:28px;position:relative}.journey-stations:before{content:'';position:absolute;left:15%;right:15%;top:30px;height:calc(100% - 110px);border:8px dotted #CBD5E1;border-radius:100px;pointer-events:none}.journey-station{position:relative;background:#fff;text-align:center;padding:0 18px 15px;max-width:320px;justify-self:center}.journey-station:nth-child(3n+2){margin-top:44px}.journey-node{position:relative;display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border:1px solid #CBD5E1;background:#F8FAFC;color:#64748B;border-radius:50%;font-size:23px}.current .journey-node{background:#FFD33D;color:#172B4D;border-color:#EBC22E;box-shadow:0 0 0 8px #FFF7D6}.journey-station h3{font-size:21px;margin:8px 0}.journey-station p{font-size:16px;margin:5px 0}.journey-station small{display:block}.journey-station .btn{margin-top:8px}.journey-station .note{font-size:12px;line-height:1.45;margin:6px 0;color:#64748B}
.approved-ui .table-wrap{border:1px solid #E2E8F0;border-radius:12px;overflow:auto;background:white}.approved-ui table{width:100%;border-collapse:separate;border-spacing:0;font-size:16px}.approved-ui th{background:#F8FAFC;color:#64748B;font-size:13px;font-weight:500;border:0;padding:12px 16px}.approved-ui td{padding:14px 16px;border-bottom:1px solid #E2E8F0;color:#172B4D}.approved-ui tr:last-child td{border-bottom:0}.approved-ui tr.selected{background:#EDF3FF}.approved-ui .lesson-registry{margin-bottom:24px}.lesson-registry td:nth-child(3){max-width:440px}.registry-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:15px 0 20px}.registry-toolbar label{display:grid;gap:6px}.registry-toolbar input{min-width:250px}.approved-ui .reader-layout{grid-template-columns:240px minmax(0,1fr);gap:24px}.approved-ui .course-item{border-radius:8px;color:#475569;background:white}.approved-ui .course-item.active{background:#EDF3FF;color:#1649B8}.approved-ui .lesson{padding:26px;max-width:none}.approved-ui .manager-lesson .lesson{max-width:none}.approved-ui .manager-lesson .reader-layout{display:block}.approved-ui .reading{max-width:960px;margin:0 auto;font-size:17px;line-height:1.65}.approved-ui .reading h3{font-size:23px}.approved-ui .reading p,.approved-ui .reading li{font-size:17px;color:#334155}.approved-ui .reading blockquote{background:#EDF3FF;border-left:3px solid #1649B8;border-radius:0 10px 10px 0;padding:18px}.approved-ui .exercise{margin-top:28px;background:white;border-top:1px solid #E2E8F0;padding-top:26px}.approved-ui .route-next{max-width:none}.approved-ui .route-intro{border:0;padding:0;margin:28px 0}.approved-ui progress,.approved-ui .progress span{accent-color:#1649B8;background:#1649B8}.approved-ui [id^=lesson-]{scroll-margin-top:24px}.approved-ui .filters{background:#F8FAFC;border:1px solid #E2E8F0;border-radius:12px;align-items:end}.approved-ui .drawer{border-radius:16px 0 0 16px;background:white}.approved-ui .feedback-dialog{z-index:100}.auth-panel{background:#EDF3FF;color:#172B4D}.auth-panel h1{color:#172B4D}.auth-panel .brand{background:white;width:max-content;padding:8px 14px;border-radius:12px}.auth-meta{color:#64748B}.auth-copy p{color:#475569}.auth-card{border-radius:16px;border:1px solid #E2E8F0}.auth-card .btn-primary{background:#1649B8}.approved-ui .person-link{color:#1649B8}
@media(min-width:1450px){.approved-ui .content{padding-left:34px;padding-right:34px}}
@media(max-width:1050px){.design-header{gap:12px;padding:12px 20px}.account-chip span{display:none}.primary-nav .nav-button{padding:9px}.approved-ui .content{padding:20px}.stage-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}.journey-stations{gap:20px}.journey-station{padding:0 8px 15px}.design-footer{margin:10px 20px 0}.approved-ui .reader-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:700px){.design-header{flex-wrap:wrap}.primary-nav{order:3;width:100%;flex-basis:100%;overflow:auto}.all-sections{margin-left:auto}.stage-sequence{grid-template-columns:1fr}.stage-card{min-height:170px}.design-detail{grid-template-columns:1fr}.design-detail aside{border-left:0;border-top:1px solid #E2E8F0;padding:16px 0 0}.journey-focus{margin-left:0}.journey-stations{grid-template-columns:1fr 1fr;gap:20px}.journey-station:nth-child(3n+2){margin:0}.journey-stations:before{display:none}.approved-ui .reader-layout{display:block}.approved-ui .course-outline{margin-bottom:20px}.design-footer{align-items:flex-start}.design-footer span{max-width:130px;text-align:right}.registry-toolbar label{width:100%}.registry-toolbar input{min-width:0}.approved-ui h2{font-size:25px}}

.stage-column{display:flex;flex-direction:column}.stage-card{flex:1}.registry-field{display:grid;gap:6px}.approved-ui .registry-field label{display:block}

.auth-copy h1{font-size:42px;line-height:1.13;letter-spacing:-.035em}.auth-shell .form-error{background:#FFF2E8;color:#9A3412;border:1px solid #FED7AA;border-radius:8px;padding:12px 16px}.auth-shell .notice[hidden]{display:none}

/* Последовательный урок: одно основное действие на экране. */
.simple-learning{max-width:900px;margin:0 auto}.simple-learning>h2{font-size:30px;line-height:1.25}.simple-stages{display:flex;gap:12px;padding:0;list-style:none;margin:24px 0}.simple-stages li{flex:1;padding:12px;border-bottom:3px solid #e4eaf3;color:#69758b}.simple-stages [aria-current="step"]{border-color:#1649B8;color:#1649B8;font-weight:700}.simple-learning .lesson{width:100%;min-width:0}.simple-next{margin:28px 0 12px}.simple-learning textarea{width:100%;box-sizing:border-box}.simple-learning details{margin-top:20px}.brand:focus-visible{outline:3px solid #1649B8;outline-offset:4px}.simple-learning .lesson-help{margin-top:24px}@media(max-width:600px){.simple-stages{gap:4px}.simple-stages li{padding:8px 4px;font-size:13px}.simple-learning>h2{font-size:24px}}