.catalog-course-header .chip--on-image .chip__dot, .catalog-card .chip--on-image .chip__dot { background: var(--accent); }
.panel-course-title { display: flex; align-items: center; gap: 16px; min-width: 250px; }.panel-course-title img { width: 72px; height: 44px; object-fit: cover; border-radius: var(--radius-xs); }.panel-course-title strong { font-size: 14px; }.panel-course-table td { height: 68px; }.panel-course-table th:first-child { width: 36px; }.panel-course-table .table-actions { justify-content: flex-end; }
.dashboard-columns > section, .dashboard-columns > .stack > section { border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 20px; }.dashboard-row { min-height: 68px; padding: 10px 0; }.dashboard-row:last-child { border-bottom: 0; }
.editor-section { padding: 24px; gap: 20px; }.editor-module:nth-child(3) > .editor-module__header { background: var(--surface); }.editor-lesson { min-height: 44px; padding-top: 8px; padding-bottom: 8px; }
.student-summary { display: flex; align-items: center; gap: 20px; padding: 24px; background: var(--surface); border-radius: var(--radius-lg); }.student-summary > div { flex: 1; }.student-summary .avatar { background: var(--ink); color: var(--on-dark); font-size: 24px; }.student-summary h1 { font-size: 28px; }.student-summary p { color: var(--ink-2); font-size: 13px; margin-top: 8px; }
.student-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 360px; gap: 24px; align-items: start; }.student-access-card { border: 1px solid var(--line); border-radius: var(--radius-lg); overflow: hidden; }.student-access-card > summary { display: flex; align-items: center; gap: 12px; list-style: none; cursor: pointer; padding: 20px; }.student-access-card > summary::-webkit-details-marker { display: none; }.student-access-card > summary > div { flex: 1; min-width: 0; }.student-access-card h2 { font-size: 19px; }.student-access-progress { display: flex; align-items: center; gap: 12px; margin-top: 10px; }.student-access-progress progress { width: 200px; height: 4px; }.student-access-progress small { color: var(--ink-2); font-size: 11px; }.student-access-body { padding: 0 20px 20px; }.student-access-body > h3 { color: var(--ink-2); font-size: 12px; letter-spacing: .3px; margin: 24px 0 12px; }.student-module-row { display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: var(--surface-subtle); border-radius: var(--radius-xs); margin-top: 4px; font-size: 13px; min-height: 38px; }.student-module-row > span:not(.chip) { flex: 1; }.student-module-row > small { color: var(--ink-3); }.student-module-row .btn { min-height: 30px; font-size: 11px; }.student-access-body .data-table td { height: 46px; }.student-history { padding: 20px; }.student-history h2 { font-size: 18px; }.student-history .history-item { font-size: 12px; }.student-history .history-item p { margin-top: 6px; line-height: 1.5; }.student-history .history-item small { font-size: 11px; }
.attempt-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }.attempt-metrics > div { background: var(--surface); border-radius: var(--radius-md); padding: 20px; }.attempt-metrics small { display: block; color: var(--ink-2); font-size: 13px; }.attempt-metrics strong { display: block; font-size: 24px; font-weight: 500; margin-top: 10px; }.attempt-list { display: flex; flex-direction: column; gap: 12px; }.attempt-card { border: 1px solid var(--line); border-radius: var(--radius-md); overflow: hidden; }.attempt-card summary { display: flex; align-items: center; gap: 28px; padding: 18px 20px; list-style: none; cursor: pointer; font-size: 13px; }.attempt-card summary::-webkit-details-marker { display: none; }.attempt-card summary > .icon:last-child { margin-left: auto; }.attempt-card[open] summary { background: var(--surface); }.attempt-review article { display: flex; align-items: flex-start; gap: 12px; padding: 16px 20px; border-top: 1px solid var(--line); }.attempt-review h3 { font-size: 14px; }.attempt-review p { font-size: 12px; color: var(--ink-2); margin-top: 6px; }.attempt-review > button { display: flex; padding: 14px; border-top: 1px solid var(--line); }
.question-builder { display: flex; flex-direction: column; gap: 16px; }.question-builder .question-editor { display: block; padding: 0; margin: 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; }.question-builder-item > summary { display: flex; align-items: center; gap: 14px; padding: 18px 16px; list-style: none; cursor: pointer; font-size: 14px; }.question-builder-item > summary::-webkit-details-marker { display: none; }.question-builder-item > summary > strong { flex: 1; font-weight: 500; }.question-builder-item > summary .icon-btn { border: 0; width: 30px; height: 30px; }.question-builder-item[open] { border: 1px solid var(--line-strong); border-radius: var(--radius-lg); }.question-build-form { padding: 8px 24px 24px; display: flex; flex-direction: column; gap: 16px; }.question-build-form textarea { min-height: 72px; }.question-build-form .editable-list { gap: 10px; }.question-build-form > .button-row:last-child { justify-content: flex-end; }.question-build-form .segments { align-self: flex-start; }
.segments label { display: inline-flex; align-items: center; padding: 8px 14px; font-size: 13px; border-radius: var(--radius-sm); cursor: pointer; color: var(--ink-2); }.segments:has(input) label.is-active { background: transparent; color: var(--ink-2); }.segments label:has(input:checked) { background: var(--bg); color: var(--ink); font-weight: 500; }.segments label:focus-within { outline: 2px solid var(--ink); outline-offset: 2px; }
.compact-test-settings { max-width: 1120px; }.compact-test-settings > .card { padding: 8px 24px; }.compact-setting { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 18px 0; border-bottom: 1px solid var(--line); min-height: 66px; font-size: 14px; }.compact-setting:last-child { border-bottom: 0; }.compact-setting strong { font-size: 14px; font-weight: 500; }.compact-setting small { display: block; font-size: 12px; color: var(--ink-2); margin-top: 5px; }.compact-setting .input { width: 88px; min-height: 40px; padding: 8px 12px; }.compact-setting .button-row { flex-wrap: nowrap; }.compact-setting .segments { flex-shrink: 0; }
.settings-content { max-width: none; width: 100%; }.settings-nav a { display: flex; align-items: center; gap: 10px; }.document-editor-layout { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 24px; align-items: start; }.document-menu { display: flex; flex-direction: column; gap: 10px; }.document-menu a { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); font-size: 13px; }.document-menu a.is-active { background: var(--surface); border-color: var(--surface); }.document-menu a > span { flex: 1; }.document-menu small { display: block; color: var(--ink-2); margin-top: 5px; font-size: 11px; }.document-heading-fields { display: grid; grid-template-columns: minmax(0,1fr) 180px; gap: 16px; }.document-editor-layout .ql-editor { min-height: 360px; }
.brand-upload-row { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-md); }.brand-upload-row img { width: 90px; height: 40px; object-fit: contain; }.brand-upload-row > div { flex: 1; }.brand-upload-row strong { display: block; font-size: 13px; font-weight: 500; }.brand-upload-row small { display: block; color: var(--ink-2); font-size: 10px; margin-top: 4px; }.telegram-connection { display: flex; align-items: center; gap: 14px; background: var(--surface); border-radius: var(--radius-md); padding: 16px; }.telegram-connection > div { flex: 1; }.telegram-connection strong { font-size: 14px; font-weight: 500; }.telegram-connection small { display: block; color: var(--ink-2); font-size: 12px; margin-top: 5px; }.password-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.settings-content .field .button-row { flex-wrap: nowrap; }
.course-completion { padding: 64px 48px; background: var(--surface); border-radius: var(--radius-lg); text-align: center; display: flex; flex-direction: column; align-items: center; gap: 24px; }.course-completion__check { display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; border-radius: 50%; background: var(--success-soft); color: var(--success); }.course-completion > p { max-width: 680px; color: var(--ink-2); line-height: 1.6; }.completion-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; width: 100%; max-width: 960px; margin: 16px 0; }.completion-metrics > div { padding: 24px; background: var(--bg); border-radius: var(--radius-md); }.completion-metrics strong { display: block; font-size: 34px; font-weight: 500; }.completion-metrics span { display: block; color: var(--ink-2); font-size: 13px; margin-top: 8px; }
@media(max-width:1599px) and (min-width:1280px) { .student-detail-layout { grid-template-columns: minmax(0,1fr) 280px; }.student-access-card > summary { flex-wrap: wrap; }.student-access-card > summary > div { flex-basis: 100%; }.settings-layout { grid-template-columns: 220px minmax(0,1fr); }.password-grid { grid-template-columns: 1fr; } }
@media(max-width:1023px) { .course-completion { padding: 36px 20px; }.course-completion h1 { font-size: 28px; }.completion-metrics { grid-template-columns: 1fr 1fr; gap: 12px; }.completion-metrics > div { padding: 20px 12px; }.completion-metrics strong { font-size: 26px; }.completion-metrics span { font-size: 12px; }.course-completion > .button-row { width: 100%; }.course-completion .btn { width: 100%; } }

.settings-layout { grid-template-columns:300px minmax(0,1fr); }.document-editor-layout { grid-template-columns:380px minmax(0,1fr); }
.email-template-menu { display:flex;flex-direction:column;gap:4px; }.email-template-menu a { display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px; }.email-template-menu a.is-active { background:var(--surface); }.email-template-menu a > span { flex:1; }.email-template-menu small { color:var(--ink-2);font-size:12px; }
.admin-video-poster { position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius-md); }.admin-video-poster img { width:100%;height:100%;object-fit:cover; }.admin-video-poster > span { position:absolute;top:12px;left:12px; }.admin-video-poster > button { position:absolute;left:20px;bottom:20px;background:var(--bg);width:44px;height:44px; }.video-upload video.upload-preview { aspect-ratio:16/9;max-height:none;height:auto; }
.admin-homework-task { background:var(--surface);border-radius:var(--radius-md);padding:16px 20px; }.admin-homework-task summary { list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font-size:13px; }.admin-homework-task summary > div { display:flex;gap:12px;align-items:center;flex:1; }.admin-homework-task strong { display:block;font-size:12px; }.admin-homework-task small { display:block;color:var(--ink-2);margin-top:4px; }.admin-homework-task > p { padding:16px 0 0;font-size:14px;line-height:1.6; }.admin-homework-chat { border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px; }.admin-homework-chat .chat__messages { padding:0;gap:24px; }.admin-student-message { display:flex;gap:12px;max-width:70%; }.admin-student-message > div > strong,.admin-student-message .button-row > strong { font-size:12px;font-weight:500; }.admin-student-message .chat-message { max-width:none;background:var(--surface-subtle);border:0;margin-top:8px; }.admin-homework-chat .chat-message--own { max-width:65%; }.admin-homework-chat .chat-message--own > .chip { margin-bottom:12px; }
@media(min-width:1280px) and (max-width:1599px){.settings-layout{grid-template-columns:220px minmax(0,1fr)}.document-editor-layout{grid-template-columns:280px minmax(0,1fr)}}

.auth-card--register,.auth-card--invite{width:560px}.auth-form--register,.auth-form--invite{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.auth-form--register .field--email,.auth-form--invite .field--email,.auth-form--register>div:not(.field),.auth-form--invite>div:not(.field),.auth-form--register>.btn,.auth-form--invite>.btn{grid-column:1/-1}.auth-form--invite .field--email{order:-1}.auth-card--message{text-align:left;gap:16px}.auth-state-icon{align-self:flex-start;margin:0}.auth-state-icon .icon{width:32px;height:32px}.auth-card--success .auth-state-icon{color:var(--success)}.error-page{display:flex;flex-direction:column;gap:24px;text-align:center;align-items:center}.error-page .error-code{font-size:180px;font-weight:500;line-height:1;color:var(--ink)}.error-page h1{font-size:28px}.error-page>p{color:var(--ink-2)}
.legal-page{background:var(--bg)}.legal-header{height:72px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between}.legal-header img{width:148px;height:42px;object-fit:contain}.legal-header>a:last-child{display:flex;gap:8px;align-items:center;font-size:13px}.legal-page .document-page{width:100%;max-width:840px;margin:64px auto;background:transparent;padding:0 24px}.legal-page .document-page h1{margin-top:16px;font-size:36px}.legal-page .document-page>.muted{font-size:13px}.legal-page .document-page .rich-text{margin-top:32px}.legal-page .document-page .rich-text h2{font-size:22px}
.profile-form{display:grid;max-width:none;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:24px;align-items:start}.profile-form>section:not(.profile-notifications){grid-column:1}.profile-form>.profile-notifications{grid-column:2;grid-row:1/4}.profile-form>.button-row{grid-column:1}.profile-form .card h2{font-size:22px}.profile-form>section:nth-of-type(3){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px}.profile-form>section:nth-of-type(3)>div:first-child{grid-column:1/-1}.profile-form>section:nth-of-type(3)>.grid-two{display:contents}.profile-form>section:nth-of-type(2){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}.profile-form>section:nth-of-type(2)>div:first-child{grid-column:1/-1}.profile-form>section:nth-of-type(2)>div:last-child{align-self:end;padding-bottom:4px}
.test-intro-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.test-intro{max-width:none;background:var(--surface);padding:32px;border-radius:var(--radius-lg);gap:16px}.test-intro h1{font-size:32px}.test-intro>p{font-size:14px}.test-intro .test-stats>div{background:var(--bg);padding:20px;gap:10px}.test-intro .card{padding:0;background:transparent;border:0}.test-intro .test-stats{margin:8px 0}.test-intro .test-instructions{font-size:14px}.test-intro .test-instructions li+li{margin-top:8px}.test-intro .card form{margin-top:8px}.test-history h2{font-size:20px}.test-history p{font-size:13px;line-height:1.6}.test-history .stack{padding:16px;background:var(--surface);border-radius:var(--radius-md);gap:10px}.test-history .stack strong{font-size:24px}.test-history .stack>.muted{font-size:12px}
.course-completion{background:transparent;padding:40px;min-height:calc(100dvh - 160px);justify-content:center;gap:20px}.course-completion__check{background:transparent;color:var(--accent);width:auto;height:auto}.course-completion h1{font-size:36px}.completion-metrics{max-width:760px;gap:16px}.completion-metrics>div{background:var(--surface);padding:20px 12px}.completion-metrics strong{font-size:24px}
.homework-page{max-width:none}.homework-files{display:flex;gap:12px;flex-wrap:wrap}.homework-files .file-row{width:auto;border:0;padding:8px;background:var(--surface-subtle);border-radius:var(--radius-sm);font-size:12px}.homework-files .file-row>.btn{display:none}.homework-page .chat{border:0}.homework-page .chat .empty-state{background:var(--surface);border-radius:var(--radius-md);padding:44px 24px;min-height:180px}.homework-page .chat .empty-state h3{font-size:16px}.homework-page .chat .empty-state p{font-size:13px}.module-state{padding:20px;background:var(--surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;gap:16px}.module-state>div{display:flex;align-items:center;gap:12px}.module-state strong{font-size:16px}.module-state p{font-size:13px;color:var(--ink-2);margin-top:6px}.module-state--success{background:var(--success-soft)}.module-state--success>div>.icon{color:var(--success)}
@media(max-width:1023px){.auth-form--register,.auth-form--invite{display:flex;flex-direction:column}.auth-card--register,.auth-card--invite{width:calc(100% - 32px)}.auth-form--invite .field--email{order:-1}.auth-card--message{text-align:left}.error-page .error-code{font-size:112px}.error-page{padding:40px 24px}.error-page h1{font-size:24px}.legal-header{padding:0 16px;height:64px}.legal-page .document-page{margin:32px auto;padding:0 16px}.legal-page .document-page h1{font-size:28px}.profile-form{display:flex;flex-direction:column}.profile-form>section,.profile-form>.button-row{width:100%}.profile-form>section:nth-of-type(3){display:flex}.profile-form>section:nth-of-type(3)>.grid-two{display:grid}.profile-form>section:nth-of-type(2){display:flex}.profile-form>section:nth-of-type(2)>div:last-child{align-self:flex-start}.test-intro-layout{display:flex;flex-direction:column}.test-intro-layout>*{width:100%}.test-intro{padding:24px 20px}.test-intro h1{font-size:26px}.test-intro .test-stats>div{padding:16px}.test-intro .card{padding:0}.course-completion{min-height:600px;padding:32px 0}.course-completion h1{font-size:28px}.completion-metrics{gap:12px}.completion-metrics strong{font-size:23px}.homework-files{flex-direction:column;gap:4px}.module-state{flex-direction:column;align-items:stretch}.module-state>div{align-items:flex-start}.module-state .btn{width:100%}.module-state p{font-size:12px}}

.editable-row input[type=checkbox],.editable-row input[type=radio]{flex:0 0 18px;width:18px;height:18px}.editable-row input.input{min-width:0}.editor-lesson>a.icon-btn{flex:0 0 32px;width:32px}.editor-module__header{padding:12px 16px}.editor-lesson{min-height:40px;padding-top:6px;padding-bottom:6px}.course-student-filters{display:flex;gap:20px;align-items:center;justify-content:space-between}.course-student-filters>.table-filters{flex:1;margin:0}.course-student-filters>.button-row{flex-shrink:0}.course-student-filters .search-field{min-width:220px}
.test-main{max-width:none}.question-prompt{display:flex;flex-direction:column;gap:20px;padding:24px;background:var(--surface);border-radius:var(--radius-md)}.question-prompt>p{font-size:13px}.question-plan{max-width:640px}.question-prompt h1{font-size:24px}.question-content{padding:24px}.test-result>div:last-child{display:block}.test-result>div:last-child>.chip{margin-bottom:16px}.test-result>div:last-child>h1{margin-bottom:12px}.test-result>div:last-child>p{margin-bottom:12px}.test-result>div:last-child>a.text-link{display:inline-flex;min-height:48px;padding:12px 18px;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-md);text-decoration:none;color:var(--ink);background:var(--bg);margin-left:8px}.catalog-steps__last>span,.catalog-steps__last p,.catalog-access p{color:var(--on-dark-2)}
@media(min-width:1024px){.notification{padding-top:16px;padding-bottom:16px}}
@media(max-width:1023px){.question-prompt{padding:20px 16px;gap:16px}.question-prompt h1{font-size:19px}.question-content{padding:16px}.test-result>div:last-child>.btn,.test-result>div:last-child>a.text-link{width:100%;margin:8px 0 0;justify-content:center}.test-intro .test-stats strong{font-size:24px}}

.notification-list{display:flex;flex-direction:column;gap:28px}.notification-section>h3{font-size:14px;font-weight:500;margin:0 0 10px}.notification-group{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.notification-group--unread{background:var(--surface)}.notification{gap:16px;padding:18px 20px;min-height:88px;border-bottom:1px solid var(--line);border-radius:0}.notification:last-child{border-bottom:0}.notification.is-unread{background:transparent}.notification:hover{background:var(--surface-subtle)}.notification__status{display:flex;align-items:center;justify-content:center;width:12px;flex:0 0 12px}.notification__dot{width:8px;height:8px}.notification__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:0;align-self:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--ink)}.notification__content strong{font-size:15px}.notification__content>span{font-size:13px;margin-top:2px}.notification time{align-self:center;white-space:nowrap}.notification__arrow{display:flex;color:var(--ink-3);margin-left:8px}.notification-toolbar>.btn{min-height:40px;font-size:13px}
@media(max-width:1023px){.notification-toolbar{gap:12px;margin-bottom:24px}.notification-toolbar>.btn{padding:0;border:0;min-height:24px;background:transparent;font-size:12px;flex-direction:row-reverse}.notification-list{gap:24px}.notification-section>h3{font-size:13px}.notification{padding:16px 12px;gap:10px;align-items:flex-start;flex-wrap:wrap;min-height:0}.notification__status{width:6px;flex-basis:6px;align-self:flex-start;padding-top:16px}.notification__dot{width:6px;height:6px}.notification__icon{width:32px;height:32px;flex-basis:32px;border-radius:6px;align-self:flex-start}.notification__icon>.icon{width:17px;height:17px}.notification__content{flex-basis:calc(100% - 76px)}.notification__content strong{font-size:14px}.notification__content>span{font-size:12px;line-height:1.5;margin-top:5px}.notification time{margin-left:68px;font-size:11px}.notification__arrow{display:none}}

@media(max-width:1023px){
 .auth-header{align-items:flex-start;text-align:left;padding-left:16px;padding-right:16px}.auth-header p{max-width:none;font-size:11px}.auth-header img{width:168px;height:44px}.auth-main{padding-top:28px}.auth-card{padding:24px 20px}.auth-card h1{font-size:28px}.auth-card__intro p{font-size:14px}.auth-card .field__hint{font-size:11px}.auth-footer{flex-direction:column;gap:4px}.auth-footer>span{order:1;margin-top:4px}.auth-state-icon{margin:0}.auth-card--message .auth-state-icon .icon{width:36px;height:36px}
 .course-header>img{display:none}.course-header__progress{padding:0;background:transparent;gap:12px}.course-header__progress strong{font-size:30px}.course-header__intro h1{font-size:24px}.course-header{gap:20px}.test-intro{background:transparent;padding:0}.test-intro .test-stats>div{background:var(--surface)}.test-history{padding:20px}.test-history .stack{background:transparent;padding:0}.test-intro .test-stats small{font-size:11px}.test-intro-layout{gap:24px}
 .question-layout{display:flex;flex-direction:column;gap:16px}.question-card,.question-card>form,.question-navigator{display:contents}.question-progress{order:0;padding:0;border:0}.question-navigator>.split-row{display:none}.question-navigator nav{order:1;margin:0;padding:0 0 4px}.question-legend{order:2;display:flex;margin:0;font-size:9px;gap:12px}.question-content{order:3;padding:0;gap:16px}.question-navigator>.btn{order:4}.question-navigator>p{order:5;display:block;text-align:center;margin:0}.question-prompt{padding:0;background:transparent;gap:16px}.question-prompt .question-plan{border:1px solid var(--line);border-radius:6px;padding:8px;background:var(--bg)}.question-content h1{font-size:19px}.question-layout .question-options{gap:8px}.focus-page{background:var(--bg)}.test-bar{height:64px}.question-progress .split-row>small{display:none}
 .profile-form .card{border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px}.profile-form .card>.button-row{gap:10px}.profile-form .card>.button-row>.field__hint{width:100%;margin-left:0}
 .course-grid:has(.course-card){gap:12px}.course-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px 12px;min-height:0;padding:12px}.course-card__cover{grid-column:1;grid-row:1;position:static}.course-card__cover img{height:104px;aspect-ratio:1;object-fit:cover}.course-card__cover>.chip{top:12px;left:128px;font-size:10px;max-width:calc(100% - 140px)}.course-card__body,.course-card__body>div{display:contents}.course-card h3{grid-column:2;grid-row:1;font-size:15px;padding-top:4px;align-self:start}.course-card:has(.course-card__cover>.chip) h3{padding-top:30px}.course-card__meta{grid-column:1/-1;margin:0;font-size:12px}.course-card__body>div>.progress,.course-card__access,.course-card .access-warning,.course-card__note,.course-card__body>.btn{grid-column:1/-1;margin:0}.course-card__access{font-size:11px}.course-card__body>.btn{margin-top:4px;width:100%}.course-card__note{font-size:11px}
}

.mobile-course-greeting{display:none}.plan-legend{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}.plan-legend span:nth-child(-n+3){color:var(--success-ink)}.plan-legend span:last-child{color:var(--accent-ink)}
@media(max-width:1023px){.question-layout{align-items:stretch}.question-progress{width:100%}.mobile-course-greeting{display:block;font-size:13px;margin-top:-16px;margin-bottom:-8px}.continue-hero__body>p:first-of-type{display:none}.continue-hero .course-access{order:-1;justify-content:flex-start}.continue-hero .button-row{gap:12px}.catalog-course-header{padding:0;background:transparent;position:relative}.catalog-course-header__cover{height:200px;border:8px solid var(--surface);border-radius:var(--radius-md)}.catalog-course-header__info>.chip{position:absolute;top:16px;left:16px}.catalog-course-meta span{background:transparent;padding:0;font-size:12px}.catalog-course-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.catalog-price{background:var(--surface)}.catalog-course-header__info>h1{font-size:25px}.plan-legend{gap:8px;font-size:10px}.profile-form .card h2{font-size:20px}.profile-form>section:nth-of-type(3)>.grid-two{grid-template-columns:1fr}.mobile-header--inner>strong{max-width:calc(100% - 80px)}}

.upload-zone--compact{padding:20px;gap:8px}.upload-zone--compact strong{font-size:13px;font-weight:500}.upload-zone--compact small{font-size:11px}.editor-section>[data-admin-file]{padding:8px 0;border:0}.editor-section>[data-admin-file]>div{flex:1}.editor-section>[data-admin-file] strong{font-size:13px}.editor-section>[data-admin-file] small{display:block;color:var(--ink-2);font-size:11px;margin-top:3px}

.notifications-page{display:flex;flex-direction:column;gap:28px}.notification-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.notification-heading .notification-toolbar{margin:0;min-height:44px;flex-shrink:0}.notification-heading .notification-toolbar>.btn{min-height:44px;font-size:14px}.cabinet-main:has(.notification-list)>.page-heading{padding-right:0}@media(max-width:1279px){.notification-heading{align-items:flex-start;flex-direction:column;gap:24px}.notification-heading .notification-toolbar{flex-wrap:wrap}}@media(max-width:1023px){.notification-heading .notification-toolbar{align-items:flex-start;gap:12px}.notification-heading .notification-toolbar>.btn{min-height:24px;font-size:12px}.notifications-page{gap:24px}}