 :root {
 --yn-purple:#07a3b2;--yn-purple-dark:#0d6068;--yn-purple-2:#07a3b2;--yn-purple-3:#e5f8fa;--yn-bg:#f4fcfd;--yn-yellow:#d8f75a;
 --brand-primary:#07a3b2;--brand-dark:#0d6068;--brand-light:#f4fcfd;--purple:#07a3b2;--purple-dark:#0d6068;--green:#07a3b2;--green-dark:#0d6068;
 --school-primary:#07a3b2;--school-dark:#0d6068;--school-line:#d3eaec;
}
.school-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 16px;border:1px solid #d3eaec;border-radius:12px;background:#e5f8fa;color:#0d6068;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;flex-shrink:0}
.school-back-button:hover{background:#d3f2f5}.school-back-button:focus-visible,.school-pagination a:focus-visible{outline:3px solid #07a3b2;outline-offset:3px}
.yn-top,.ms-topbar,.family-topbar{gap:16px;align-items:center}.yn-account,.ms-top-actions,.family-topbar-actions{flex-wrap:wrap;gap:10px}
.yn-main,.ms-main,.family-main{min-width:0}.yn-main{background:#f4fcfd}
.school-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:24px 0;padding:16px;background:#fff;border:1px solid var(--school-line);border-radius:16px}
.school-pagination a,.school-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px 12px;border-radius:10px;text-decoration:none;color:#0d6068;background:#e5f8fa;font-weight:700}.school-pagination [aria-current]{background:#07a3b2;color:white}.school-pagination [aria-disabled]{opacity:.5}.school-pagination .school-page-summary{width:100%;background:none;color:#6f9397;font-size:13px}
.ms-brand img,.yn-logo-mark img,.family-brand img,.yn-brand-logo img,.yn-mobile-logo img{object-fit:contain;max-width:100%;height:auto}.ms-brand img{background:white;border-radius:12px;padding:4px}
@media(max-width:640px){.yn-top,.ms-topbar,.family-topbar{flex-wrap:wrap}.school-back-button{min-height:40px;padding:8px 12px}.school-pagination{gap:5px;padding:10px}.school-pagination a,.school-pagination span{min-width:34px;min-height:38px;padding:6px 9px}}

.yn-side{background:linear-gradient(180deg,#0d6068,#07a3b2);box-shadow:0 18px 48px rgba(14,86,93,0.12)}
.ms-body .school-back-button{color:#0d6068}.yn-logo-mark img,.yn-mobile-logo img{object-fit:contain;width:100%;height:100%}.ms-brand img{width:94px;height:52px;object-fit:contain}.yn-brand-logo img{object-fit:contain}

:root{--ms-primary:#00a6bc;--ms-primary-dark:#075567;--ms-primary-soft:#e5f8fa;--ms-pink:#f83291;--ms-yellow:#a7ce21;--ms-green:#a7ce21;--ms-purple:#f83291;--ms-blue:#00a6bc;--yn-purple:#00a6bc;--yn-purple-dark:#075567;--yn-purple-2:#f83291;--yn-purple-3:#e5f8fa;--yn-yellow:#a7ce21;--yn-blue:#00a6bc;--yn-green:#00a6bc;--bp-purple:#00a6bc;--bp-purple-dark:#075567;--bp-purple-soft:#e5f8fa;--bp-blue:#00a6bc;--bp-yellow:#a7ce21;--brand-primary:#00a6bc;--brand-dark:#075567;--brand-soft:#e5f8fa}
.yn-side{background:linear-gradient(170deg,#075567,#00a6bc)}.ms-side{border-color:#d3e9ec}.school-pagination{width:100%;grid-column:1/-1}.content-pagination-slot{width:100%;grid-column:1/-1;scroll-margin-top:100px}.school-pagination a,.school-pagination span{color:#075567;background:#e5f8fa}.school-pagination [aria-current]{color:#fff;background:#00889b}.school-back-button{color:#075567;background:#e5f8fa;border-color:#b5e3e9}
.ms-brand img,.yn-logo-mark img,.yn-brand-logo img,.family-brand img,.yn-mobile-logo img,.login-logo img{object-fit:contain!important;min-width:80px;width:120px;height:48px!important;border-radius:8px;background:#fff}.yn-logo-mark,.yn-mobile-logo,.yn-brand-logo{width:120px;min-width:120px;height:48px;padding:0;background:#fff}.yn-logo-mark img{max-width:100%;min-width:0}.yn-logo{flex-wrap:wrap}.school-language-link{display:inline-flex;padding:9px 14px;border:1px solid #b5e3e9;border-radius:12px;color:#075567;background:#fff;font-weight:700}.school-global-search{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.school-global-search input{flex:1;min-width:170px;padding:10px;border:1px solid #b5e3e9;border-radius:10px}.school-global-search button{padding:10px 18px;background:#00889b;color:#fff;border:0;border-radius:10px}
html[dir=ltr] .ms-shell{grid-template-areas:"side main";grid-template-columns:255px minmax(0,1fr)}html[dir=ltr] .ms-side{border-inline-start:0;border-inline-end:1px solid #d3e9ec}html[dir=ltr] .school-back-button span:first-child{transform:none}@media(max-width:900px){html[dir=ltr] .ms-shell{display:block}html[dir=ltr] .ms-side{left:0;right:auto}}

.school-pagination button{min-height:40px;padding:9px 14px;border:1px solid #b5e3e9;border-radius:10px;background:#e5f8fa;color:#075567;font:inherit;font-weight:700;cursor:pointer}.ms-session-tabs a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #d3e9ec;border-radius:12px;background:#fff;color:#075567;font-weight:700}.ms-session-tabs a.active{background:#00889b;color:#fff}.ms-session-tabs a span{padding:2px 6px;border-radius:8px;background:#e5f8fa;color:#075567}

.ms-brand{min-width:0}.ms-brand img{width:90px;min-width:90px}.ms-side-close{flex-shrink:0}.ms-brand small{white-space:normal}.yn-btn.purple,.ms-btn.primary,.school-global-search button{background:#007b8e;color:#fff}.yn-btn.yellow{background:#a7ce21;color:#075567}

.yp-card{border-top-color:#00a6bc!important}

html[dir=ltr] .ms-top-copy,html[dir=ltr] .ms-page-hero-copy,html[dir=ltr] .ms-course-banner,html[dir=ltr] .ms-section-heading,html[dir=ltr] .ms-curriculum-card,html[dir=ltr] .ms-session-card,html[dir=ltr] .ms-question-card,html[dir=ltr] .ms-home-panel,html[dir=ltr] .ms-tabs button,html[dir=ltr] .ms-answer-tool{text-align:left}html[dir=ltr] .ms-topbar,html[dir=ltr] .ms-top-actions,html[dir=ltr] .ms-top-copy{direction:ltr}@media(max-width:980px){html[dir=ltr] .ms-shell{display:block}html[dir=ltr] .ms-side{left:0;right:auto;transform:translateX(-105%)}html[dir=ltr] .ms-side.is-open{transform:translateX(0)}}
