/* Safara colour overrides for existing components. Layout and original reference CSS are preserved. */
:focus-visible{outline:3px solid #D4E1E5}
.skip-link{color:#FFFFFF}
.environment-bar{background:#C9E6C3;color:#223B45}
.status-dot{background:#C9E6C3}
.environment-separator{color:#485D65}

.button,button[type=submit],input[type=submit]{color:#FFFFFF}
.button-outline,button.button-outline{border-color:#D4E1E5}
.button-outline:hover,button.button-outline:hover{border-color:#D4E1E5}
.button-light{background:#FFF9D2;border-color:#D4E1E5}
.button-light:hover{background:#C9E6C3;border-color:#D4E1E5}
.pill{border:1px solid #D4E1E5}
.welcome-art{background:#FFF9D2}
.step-number{color:#485D65}
.feature-panel{color:#485D65}
.feature-symbol{color:#485D65}
.feature-caption{color:#485D65}
.feature-panel h2{color:#223B45}
.feature-footer{border-top:1px solid #D4E1E5;color:#485D65}
.avatar{background:#C9E6C3;border:1px solid #D4E1E5}
.detail-list>div{border-bottom:1px solid #D4E1E5}
.stat-card-featured{color:#485D65}
.stat-card-featured strong{color:#223B45}
.notice-symbol{border:1px solid #D4E1E5}
.auth-intro{background:#C9E6C3}
.auth-intro-footer{color:#223B45}
.auth-flourish span{border:1px solid #D4E1E5}
.delivery-note strong{color:#223B45}
form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),form select,form textarea{border:1px solid #D4E1E5;background:#FFFFFF}
form input:not([type=checkbox]):not([type=radio]):focus,form select:focus,form textarea:focus{border-color:#D4E1E5}
.errorlist{background:#BEE1EE;border:1px solid #D4E1E5}
.message{border:1px solid #D4E1E5;background:#C9E6C3;color:#223B45}
.message.error{background:#BEE1EE;border-color:#D4E1E5}
@media print{body{background:#FFFFFF}
.feature-panel{background:#FFFFFF;color:#223B45;border:1px solid #D4E1E5}
.feature-panel h2,.feature-footer,.feature-caption{color:#223B45}}
.academic-panel input,.academic-panel select,.academic-panel textarea,.panel select{border:1px solid #D4E1E5;background:#FFFFFF}
.errorlist{color:#223B45}
.table-wrap th,.table-wrap td{border-bottom:1px solid #D4E1E5}
.panel form input:not([type=checkbox]):not([type=hidden]){border:1px solid #D4E1E5}
body{background:#FFFFFF}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #D4E1E5}
.demo-notice{background:#FFF9D2;color:#223B45;border-bottom:1px solid #D4E1E5}
.brand{color:#223B45}
.brand-sub{color:#223B45}
.brand-mark{color:#223B45;background:#C9E6C3;border:2px solid #D4E1E5}
.main-nav .active{color:#223B45;background:#C9E6C3;border-color:#D4E1E5}
.main-nav>button:hover{background:#FFFFFF}
.nav-icon.green{color:#223B45}
.nav-icon.blue{color:#223B45}
.nav-icon.purple{color:#223B45}
.nav-icon.gold{color:#223B45}
.nav-icon.coral{color:#223B45}
.nav-icon.gray{color:#485D65}
.sidebar-bottom>button{color:#223B45}
.section-label{color:#485D65}
.notification-button{color:#485D65}
.account-chip>span{background:#C9E6C3;border:2px solid #D4E1E5;color:#223B45}
.next-lesson{border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5}
.lesson-banner{background:#C9E6C3;color:#223B45}
.subject-label{color:#223B45}
.lesson-copy h2{color:#223B45}
.lesson-time>span{color:#223B45}
.teacher{color:#223B45}
.teacher-avatar{background:#FFF9D2;color:#223B45;border:1px solid #D4E1E5}
.primary-button{border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5;background:#C9E6C3;color:#223B45}
.primary-button:hover{background:#C9E6C3}
.lesson-bottom>p{color:#223B45}
.package{background:#FFFFFF}
.subject-art.math{background:#FFF9D2;border:2px solid #D4E1E5}
.subject-art.science{background:#BEE1EE;border:2px solid #D4E1E5}
.enrolled{color:#223B45}
.package-open{color:#485D65}
.package-open:hover{background:#C9E6C3}
.text-button{color:#223B45}
.lesson-list>li:not(:last-child)::after{background:#C9E6C3}
.math-node{background:#C9E6C3;border-color:#D4E1E5;color:#223B45}
.science-node{background:#BEE1EE;border-color:#D4E1E5;color:#485D65}
.muted-node{background:#C9E6C3;border-color:#D4E1E5;color:#485D65}
.date-label{color:#485D65}
.lesson-list button>.icon{color:#485D65}
.lesson-list button:hover{color:#223B45}
.right-rail>section{background:#FFFFFF}
.browse-card form{background:#FFFFFF;border:2px solid #D4E1E5}
.browse-card input::placeholder{color:#485D65}
.browse-card form>button{color:#485D65}
.outline-button{border:2px solid #D4E1E5;color:#223B45}
.outline-button:hover{background:#C9E6C3}
.calendar-heading>button{color:#485D65}
.calendar-heading>button:hover{background:#C9E6C3}
.calendar-days>button{color:#223B45}
.calendar-days>button.selected{border-color:#D4E1E5;background:#C9E6C3;color:#223B45}
.calendar-days>button.selected .day-number{background:#C9E6C3;color:#223B45}
.selected-date{color:#485D65}
.day-event{border-bottom:1px solid #D4E1E5}
.event-marker{background:#C9E6C3;color:#223B45}
.materials-icon{color:#223B45!important}
.resource-icon{background:#FFF9D2;color:#223B45}
.right-rail>.payment-note{background:#FFF9D2;border-color:#D4E1E5}
.payment-symbol{color:#223B45}
.payment-note p{color:#223B45}
.payment-note .text-button{color:#223B45}
.design-footer{color:#485D65}

dialog{border:2px solid #D4E1E5;background:#FFFFFF}
dialog::backdrop{background:#23331d66}
.close-dialog{color:#485D65}
.eyebrow{color:#485D65}
dialog .muted{color:#485D65}
dialog .sample-row{border-top:2px solid #D4E1E5}
dialog .sample-row>span{color:#485D65}
dialog .note{background:#C9E6C3;border:1px solid #D4E1E5;color:#223B45}
dialog .warning{background:#FFF9D2;color:#223B45}
dialog input{border:2px solid #D4E1E5}
dialog .field-help{color:#485D65}
dialog .field-error{color:#223B45}
dialog .feedback{background:#C9E6C3;color:#223B45}
dialog .preview-warning{color:#485D65}

@media(max-width:900px){.menu-toggle{color:#223B45}}
.main-nav a:not(.active):hover{background:#FFFFFF}
.page-intro p{color:#485D65}
.eyeline{color:#223B45}
.learner-chip{color:#223B45}
.subject-switch>a{border:2px solid #D4E1E5}
.subject-switch a.selected{border-color:#D4E1E5;background:#C9E6C3;color:#223B45}
.subject-switch small{color:#485D65}
.unit-banner{background:#C9E6C3;border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5;color:#223B45}
.unit-banner p{color:#223B45}
.unit-book{border:2px solid #D4E1E5;background:#C9E6C3}
.science-banner{background:#BEE1EE;border-color:#D4E1E5;border-bottom-color:#D4E1E5;color:#223B45}
.science-banner p{color:#223B45}
.science-banner .unit-book{background:#BEE1EE;border-color:#D4E1E5}
.path-intro>span{color:#485D65}
.path-step:not(:last-child)::after{background:#C9E6C3}
.path-node{border:2px solid #D4E1E5;border-bottom:8px solid #D4E1E5;background:#C9E6C3;color:#223B45;box-shadow:inset 0 0 0 5px #FFFFFF}
.next-step .path-node{background:#C9E6C3;border-color:#D4E1E5;border-bottom-color:#D4E1E5;color:#223B45;box-shadow:inset 0 0 0 5px #C9E6C3}
.path-node:hover{background:#C9E6C3}
.next-step .path-node:hover{background:#C9E6C3}
.step-date{color:#485D65}
.step-title:hover{color:#223B45}
.step-copy p{color:#485D65}
.next-step .step-copy p{color:#223B45}
.path-end{background:#C9E6C3;color:#223B45}
.path-end span{color:#485D65}
.journey-rail>section{border:2px solid #D4E1E5}
.journey-rail p{color:#485D65}
.teacher-portrait{border:3px solid #D4E1E5;background:#FFF9D2;color:#223B45}
.teacher-card small{color:#485D65}
.little-guide{background:#FFFFFF}
.journey-rail .rail-payment{background:#FFF9D2;border-color:#D4E1E5}
.rail-payment p{color:#223B45}
.rail-payment .text-button{color:#223B45}
.welcome-feature{border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5;background:#C9E6C3}
.welcome-feature h2{color:#223B45}
.welcome-feature p{color:#485D65}
.welcome-feature small{color:#223B45}
.journey-package{border:2px solid #D4E1E5}
.journey-package p{color:#485D65}
.journey-package small{color:#223B45}
.journey-package>.icon{color:#485D65}
.notes-inline{background:#FFFFFF;border:2px solid #D4E1E5}
.notes-inline p{color:#485D65}
.short-lesson{border-bottom:1px solid #D4E1E5}
.short-lesson>span{color:#485D65}
.short-lesson small{color:#485D65}
.back-link{color:#223B45}
.lesson-facts{border:2px solid #D4E1E5}
.lesson-facts .icon{color:#485D65}
.lesson-facts small{color:#485D65}
.lesson-facts span>span{color:#485D65}
.joining-card{background:#C9E6C3;border:2px solid #D4E1E5}
.joining-icon{background:#C9E6C3;color:#223B45}
.joining-card h2{color:#223B45}
.joining-card p{color:#223B45}
.not-open{border:2px solid #D4E1E5;background:#C9E6C3;color:#223B45}
.lesson-notes{border:2px solid #D4E1E5}
.lesson-notes p{color:#485D65}
.math-note{background:#FFF9D2}
.math-note>span{color:#223B45}
.math-note p{color:#223B45}
.fiction-note{color:#485D65!important}
.attendance-card{border:2px solid #D4E1E5}
.attendance-card .icon{color:#485D65}
.attendance-card>strong{color:#485D65}
.attendance-card p{color:#485D65}
.test-payment-notice{border:2px solid #D4E1E5;background:#FFF9D2;color:#223B45}
.filter-row button{border:2px solid #D4E1E5;color:#223B45}
.filter-row button.selected{border-color:#D4E1E5;background:#C9E6C3;color:#223B45}
.filter-row span{background:#C9E6C3}
.result-count{color:#485D65}
.payment-order{border:2px solid #D4E1E5}
.order-icon{border:2px solid #D4E1E5;background:#C9E6C3;color:#223B45}
.order-icon.gold{background:#FFF9D2;color:#223B45;border-color:#D4E1E5}
.order-ref{color:#223B45}
.payment-order-top p{color:#485D65}
.order-price small{color:#485D65}
.order-states{background:#FFFFFF}
.order-states small{color:#485D65}
.pending-text{color:#223B45}
.confirmed-text{color:#223B45}
.order-footer p{color:#485D65}
.catalog-search label{color:#485D65}
.catalog-search input{border:2px solid #D4E1E5}
.catalog-card{border:2px solid #D4E1E5}
.english-art{background:#BEE1EE;border:2px solid #D4E1E5;color:#223B45}
.catalog-card>p{color:#485D65}
.catalog-card dl>div{border-top:1px solid #D4E1E5}
.catalog-card dt{color:#485D65}
.empty-state{border:2px dashed #D4E1E5;color:#485D65}

.order-states small{color:#223B45}

.reference-ui main:focus-visible{outline:3px solid #D4E1E5}

.reference-ui .site-header{background:#FFFFFF}

.navigation .main-nav>.nav-link:hover{background:#FFFFFF}

.navigation .main-nav>.nav-link.active:hover{background:#C9E6C3}

.account-counts dt{color:#485D65}

.sidebar-bottom>a{color:#223B45}

.navigation .logout-form .sign-out{color:#485D65}

.navigation .logout-form .sign-out:hover{color:#223B45}

.button,button[type=submit],input[type=submit]{border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5;background:#C9E6C3;color:#223B45}

.button:hover,button[type=submit]:hover,input[type=submit]:hover{background:#C9E6C3;border-color:#D4E1E5;border-bottom-color:#D4E1E5}

.button-outline,button.button-outline,.button-light{border-color:#D4E1E5;background:#FFFFFF;color:#223B45}

.button-outline:hover,button.button-outline:hover,.button-light:hover{background:#C9E6C3;border-color:#D4E1E5}

.panel{background:#FFFFFF}

.panel select,.panel form input:not([type=checkbox]):not([type=hidden]),form input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=submit]),form select,form textarea{border:2px solid #D4E1E5;background:#FFFFFF}

form input[type=checkbox],form input[type=radio]{accent-color:#D4E1E5}

form .helptext,.field-help,.field-help p{color:#485D65}

.field-required{color:#485D65}

.form-guidance{background:#C9E6C3}

.page-heading p:last-child{color:#485D65}

.quiet-note{color:#485D65}

.table-wrap th{background:#C9E6C3;color:#223B45}

.payment-states{background:#C9E6C3}

.payment-states small{color:#485D65}

.demo-payment-note{background:#FFF9D2;border:1px solid #D4E1E5;color:#223B45}

.auth-intro{background:#C9E6C3;color:#223B45}

.auth-intro h2{color:#223B45}

.auth-intro .eyebrow,.auth-intro p{color:#223B45}

.auth-panel{background:#FFFFFF}

.welcome-row p:last-child{color:#485D65}

.stat-card{background:#C9E6C3}

.stat-card:nth-child(2){background:#BEE1EE;border-color:#D4E1E5}

.stat-card:nth-child(3){background:#BEE1EE;border-color:#D4E1E5}

.stat-card:nth-child(4){background:#FFF9D2;border-color:#D4E1E5}

.stat-card .stat-footnote{color:#485D65}

.work-feature{border:2px solid #D4E1E5;border-bottom:5px solid #D4E1E5;background:#C9E6C3}

.work-feature h2{color:#223B45}

.work-feature p{color:#223B45}

.operation-counts strong{color:#223B45}

.action-card:hover{background:#FFFFFF;border-color:#D4E1E5}

.action-card>svg{color:#223B45}

.action-card:nth-child(2)>svg{color:#485D65}

.action-card:nth-child(3)>svg{color:#223B45}

.action-card p{color:#485D65}

.action-card>span{color:#223B45}