.etcm-header{padding:18px max(20px,calc((100% - 1240px)/2));gap:18px}.etcm-mobile-nav{flex:1}.etcm-mobile-nav>summary{cursor:pointer;font-weight:700;padding:8px;list-style:none}.etcm-mobile-nav nav{justify-content:flex-end;gap:14px}.etcm-header .etcm-lang-inline{display:flex;gap:10px}.etcm-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin:18px 0}.etcm-resource-search{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.etcm-resource-search input{font:inherit;max-width:100%;padding:8px;border:1px solid #aab2bf;border-radius:6px}.etcm-pagination{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.etcm-pagination [aria-current]{font-weight:700}.etcm-account-links{display:flex;flex-wrap:wrap;gap:20px;padding:20px 28px;background:#fff;border-top:1px solid #e2e8f0;font:15px Almarai,Arial,sans-serif}.etcm-account-links a{color:#b40015}.etcm-page :focus-visible{outline:3px solid #334155;outline-offset:4px}.etcm-page .screen-reader-text:focus{position:fixed;top:40px;left:20px;z-index:9999;background:white;padding:12px;width:auto;height:auto;clip:auto}.etcm-page .wp-block-file{overflow-wrap:anywhere}.etcm-page input,.etcm-page textarea,.etcm-page select{max-width:100%}html[dir=rtl] .etcm-page{font-family:var(--etcm-font)}html[dir=rtl] .etcm-page h1{letter-spacing:normal;line-height:1.5}.etcm-prose .etcm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etcm-card .wp-block-image{margin:0}.etcm-header nav ul ul{padding:8px}.etcm-header .etcm-brand{font-size:21px}@media(min-width:1000px){.etcm-mobile-nav>summary{display:none}.etcm-mobile-nav:not([open])>nav{display:flex!important}.etcm-mobile-nav{display:contents}}@media(max-width:999px){.etcm-mobile-nav{order:3;flex-basis:100%}.etcm-mobile-nav nav{justify-content:flex-start;padding-top:14px}.etcm-mobile-nav nav>ul{display:flex;flex-wrap:wrap}.etcm-header{justify-content:space-between}.etcm-mobile-nav>summary{background:#f1f5f9;border-radius:8px}.etcm-mobile-nav:not([open])>nav{display:none}.etcm-main{margin-top:28px}.etcm-prose .etcm-grid{grid-template-columns:1fr}} 

/* Shared native-page masthead, matched to the original red-and-white theme. */
.etcm-header{position:relative;background:#fff;border-top:4px solid #d9091c;border-bottom:1px solid #dedede;box-shadow:0 2px 5px #00000008;min-height:84px;padding:14px max(24px,calc((100% - 1240px)/2));gap:24px;align-items:center;}
.etcm-header .etcm-brand{display:inline-flex;align-items:center;gap:9px;color:#d9091c!important;font-size:17px;font-weight:750;letter-spacing:.1em;line-height:1.2;direction:ltr;}
.etcm-header .etcm-brand span{color:inherit}.etcm-brand-logo{width:44px;height:44px;object-fit:contain;flex:none;}
.etcm-header-actions{display:flex;align-items:center;gap:18px;margin-inline-start:auto;}
.etcm-header .etcm-lang-inline a{color:#555;font-size:14px;font-weight:600;text-decoration:none;}
.etcm-header .etcm-cart-link{font-size:14px;color:#555;text-decoration:none;gap:6px;}
.etcm-header .etcm-mobile-nav{order:3;flex-basis:100%;}
.etcm-header .etcm-mobile-nav nav{justify-content:center;gap:22px;}
.etcm-header .etcm-mobile-nav nav a{font-size:14px;font-weight:600;text-decoration:none;color:#555;padding:6px 0;}
.etcm-header .etcm-mobile-nav nav a:hover{color:#d9091c;}
@media(min-width:1000px){.etcm-header .etcm-mobile-nav>summary{display:none;}}
@media(max-width:999px){
.etcm-header{display:flex;flex-wrap:nowrap;min-height:76px;padding:12px 20px;gap:14px;}
.etcm-header .etcm-brand{font-size:14px;letter-spacing:.07em;gap:7px;}
.etcm-brand-logo{width:36px;height:36px;}
.etcm-header-actions{gap:12px;}
.etcm-header .etcm-lang-inline{gap:8px;}
.etcm-header .etcm-lang-inline a[aria-current="true"]{display:none;}
.etcm-header .etcm-mobile-nav{order:4;flex:0 0 auto;margin:0;}
.etcm-header .etcm-mobile-nav>summary{display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:0;padding:8px;color:#555;list-style:none;cursor:pointer;}
.etcm-header .etcm-mobile-nav>summary::-webkit-details-marker{display:none;}
.etcm-header .etcm-mobile-nav[open]>nav{position:absolute;top:100%;inset-inline:0;display:flex;flex-direction:column;align-items:stretch;background:#fff;padding:16px 24px;box-shadow:0 12px 18px #00000014;border-top:1px solid #eee;z-index:100;max-height:70vh;overflow-y:auto;gap:5px;}
.etcm-header .etcm-mobile-nav nav a{padding:10px 8px;}
.etcm-header .etcm-cart-link{font-size:0;gap:0;}.etcm-header .etcm-cart-link svg{width:22px;height:22px;}
.etcm-header .etcm-lang-inline a{font-size:13px;}
}
@media(max-width:380px){.etcm-header{gap:5px;padding-inline:12px;}.etcm-header .etcm-brand{font-size:12px;}.etcm-header-actions{gap:8px;}}

.etcm-header .etcm-brand-logo{display:block;background-repeat:no-repeat;background-size:96px 96px;background-position:-26px -21px;}
html[dir="rtl"] .etcm-header .etcm-brand{flex-direction:row-reverse;}
@media(max-width:999px){.etcm-header .etcm-brand-logo{background-size:79px 79px;background-position:-21px -17px;}}

/* Shared navigation lives outside both React applications. */
#etcm-site-header{display:flex;flex-wrap:wrap;box-sizing:border-box;position:sticky;top:var(--etcm-admin-offset,0px);z-index:1000;width:100%;font-family:var(--etcm-font,Inter,sans-serif);line-height:1.5;direction:inherit}
#etcm-site-header *{box-sizing:border-box}
#etcm-site-header nav,#etcm-site-header ul{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:0;padding:0;list-style:none}
#etcm-site-header .etcm-header-actions{flex-shrink:0}
#etcm-site-header .etcm-lang-inline{gap:10px}
#etcm-site-header .etcm-brand{text-decoration:none;white-space:nowrap}
#etcm-site-header .etcm-mobile-nav a[aria-current=page]{color:#b40015;box-shadow:0 2px 0 #b40015}
body.etcm-shared-header #root header,body.etcm-shared-header>#page>header,body.etcm-shared-header>#page>#header[role=banner],body.etcm-shared-header>#page>#header[role=banner]+hr{display:none!important}
body.etcm-shared-header .etcm-language,body.etcm-shared-header .etcm-account-links{display:none!important}
body.etcm-shared-header .tutor-dashboard-sidebar,body.etcm-shared-header .tutor-dashboard-header{top:calc(var(--etcm-admin-offset,0px) + var(--etcm-header-height,88px))!important}
body.etcm-shared-header .tutor-dashboard-sidebar{height:calc(100dvh - var(--etcm-admin-offset,0px) - var(--etcm-header-height,88px))!important}
#etcm-site-header .etcm-mobile-nav>summary:focus-visible,#etcm-site-header a:focus-visible{outline:3px solid #b40015;outline-offset:4px}
@media(max-width:999px){
#etcm-site-header{flex-wrap:nowrap}
#etcm-site-header .etcm-mobile-nav:not([open])>nav{display:none}
#etcm-site-header .etcm-mobile-nav[open]>nav{align-items:stretch;flex-wrap:nowrap;justify-content:flex-start;gap:4px;padding:16px 24px}
#etcm-site-header .etcm-mobile-nav nav>ul{flex-direction:column;align-items:stretch;gap:4px}
#etcm-site-header .etcm-mobile-nav nav a{display:block}
}
.etcm-quantity-stepper{display:inline-flex;align-items:center;direction:ltr;gap:0;border:1px solid #cbd0d8;border-radius:9px;overflow:hidden;background:white;vertical-align:middle}
.etcm-buy .etcm-quantity-stepper input{width:50px!important;min-width:0;margin:0;border:0!important;border-radius:0;padding:9px 4px;text-align:center;appearance:textfield;-moz-appearance:textfield}
.etcm-quantity-stepper input::-webkit-inner-spin-button,.etcm-quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.etcm-buy button.etcm-quantity-step{width:38px;min-height:42px;margin:0;padding:0;border:0;border-radius:0;background:#f5f3f1;color:#b40015;font-size:22px;line-height:1;font-weight:600;cursor:pointer;box-shadow:none}
.etcm-buy button.etcm-quantity-step:hover:not(:disabled){background:#ffe6e9}
.etcm-buy button.etcm-quantity-step:disabled{opacity:.35;cursor:default}
#etcm-site-header .etcm-sign-out{color:#a90013}
/* The shared navbar already contains the site identity on LMS screens. */
body.etcm-shared-header .tutor-dashboard-sidebar-logo{display:none!important}