:root{--sr-ink:#183438;--sr-muted:#637a7c;--sr-teal:#007d76;--sr-mint:#e5f4ef;--sr-border:#dce8e4;--sr-surface:#fff;--sr-bg:#f7faf8}
html:not([data-theme=dark]) .sr-site{background:var(--sr-bg)!important;color:var(--sr-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.sr-site{overflow-wrap:break-word}.sr-main{min-height:65svh;overflow-x:clip;outline:none}
.sr-site img{max-width:100%}.sr-site :is(button,a,input,select,textarea,summary){-webkit-tap-highlight-color:transparent}.sr-site :is(a,button,summary){touch-action:manipulation}
.sr-site :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #168f83;outline-offset:4px}
.sr-skip{position:fixed;top:8px;right:20px;transform:translateY(-160%);z-index:1000;padding:11px 19px;background:#153e3d;color:white;border-radius:10px;font-size:13px;font-weight:700}.sr-skip:focus{transform:none}
.sr-site-header{border-color:var(--sr-border);box-shadow:0 1px 0 #153d3103}.sr-header-inner{max-width:1440px;height:82px;gap:22px;padding-inline:34px}
html:not([data-theme=dark]) .sr-site-header{background:#fbfdfaeb!important}
.sr-brand-mark{position:relative;width:66px;height:48px;display:block;flex-shrink:0;background:transparent;border:0;box-shadow:none;overflow:visible}
.sr-brand-mark img{position:absolute!important;inset:50% auto auto 50%!important;width:66px!important;height:66px!important;max-width:none;object-fit:contain!important;transform:translate(-50%,-50%)!important;filter:drop-shadow(0 2px 2px #25413b18)}
.sr-site-header .os-brand-copy strong{font-size:13px;letter-spacing:.1em}.sr-site-header .os-brand-copy>span{font-size:9px;letter-spacing:.3em;margin-top:6px}
.sr-desktop-nav{display:none!important;font-size:13px;gap:17px;white-space:nowrap}.sr-desktop-nav a{line-height:1.7;padding-block:8px;transition:color .2s}.sr-desktop-nav a:hover{color:#007d76}
.sr-mobile-menu{display:block!important}.sr-site-header .os-header-cta{min-height:45px;background:#153c3a;box-shadow:0 5px 15px #183e3212;border-radius:11px;font-size:12px;padding-inline:17px}
.sr-site-header .os-header-cta:hover{background:#007d76}.sr-site-header :is(.os-theme-toggle,.os-cart-header,.os-mobile-menu>summary){width:40px;height:42px;min-width:40px;border-radius:11px;border:1px solid #dbe7e2;background:#fff;box-shadow:none;color:#47635f;display:flex;align-items:center;justify-content:center}
.sr-site-header .os-theme-toggle-label{display:none}.sr-site-header :is(.os-theme-toggle,.os-cart-header,.os-mobile-menu>summary):hover{color:#007d76;background:#eff8f3;border-color:#b5d6cb}
.sr-mobile-menu nav{border-color:#dce8e1;box-shadow:0 20px 70px #15372e1c}.sr-mobile-menu nav a{font-size:14px;min-height:46px;padding-block:11px;border-radius:9px;line-height:1.7}.sr-mobile-menu .os-mobile-head{padding-bottom:18px;border-bottom:1px solid #e1ebe6;margin-bottom:10px}
.sr-site.os-menu-open .sr-site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
.sr-footer{background:#fff!important}.sr-footer>div:first-child{max-width:1240px;padding-block:58px;gap:40px}.sr-footer .sr-brand-mark{width:68px}.sr-footer .os-brand-copy{display:block!important}.sr-footer p{font-size:13px;line-height:2}.sr-footer a{width:fit-content;min-height:28px;transition:color .2s}.sr-footer a:hover{color:#007d76}.sr-footer>div:last-child{font-size:11px;background:#f9fbf9;color:#7b908a;border-color:#e4ece6}
.sr-site :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%}.sr-site textarea{resize:vertical}.sr-site :is(button[type=submit],.os-header-cta){min-height:44px}
.sr-site .os-topic-card{border-radius:18px}.sr-site .os-all-folders-head{gap:18px}.sr-site .os-curriculum-folder>summary{min-height:56px}
.sr-about-cutout{position:relative;isolation:isolate;min-height:400px;background:radial-gradient(ellipse at 50% 60%,#cfece2,transparent 66%);overflow:visible!important}.sr-about-cutout img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-height:560px;object-fit:contain!important;object-position:center bottom!important;mask-image:none!important;-webkit-mask-image:none!important;filter:drop-shadow(0 12px 14px #174e4120)}
@media(min-width:1280px){.sr-desktop-nav{display:flex!important}.sr-mobile-menu{display:none!important}}
@media(max-width:1279px) and (min-width:721px){.sr-header-inner{height:76px;max-width:1200px}.sr-site-header .os-brand-copy{display:block}.sr-site-header .os-header-cta{padding-inline:20px}}
@media(max-width:720px){.sr-header-inner{height:72px;padding-inline:18px;gap:14px}.sr-site-header .os-brand-copy{display:none}.sr-brand-mark{width:57px;height:43px}.sr-brand-mark img{width:60px!important;height:60px!important}.sr-site-header .os-header-cta{padding-inline:13px;font-size:11px;min-height:42px;height:42px;gap:7px}.sr-site-header :is(.os-theme-toggle,.os-cart-header,.os-mobile-menu>summary){height:40px;width:38px;min-width:38px;border-radius:10px}.sr-header-inner>div:last-child{gap:7px}.sr-site-header :is(.os-theme-toggle,.os-cart-header) svg{width:19px;height:19px}.sr-site-header .os-header-cta svg{width:14px}.sr-footer>div:first-child{grid-template-columns:1fr 1fr;padding:38px 22px;gap:28px 24px}.sr-footer>div:first-child>div:first-child{grid-column:1/-1}.sr-footer>div:first-child>div:not(:first-child){font-size:12px;gap:7px}.sr-footer .sr-brand-mark img{width:65px!important;height:65px!important}.sr-site :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){font-size:16px!important;min-height:48px}.sr-about-cutout{min-height:310px;max-height:420px}}
@media(max-width:360px){.sr-header-inner{padding-inline:12px;gap:9px}.sr-header-inner>div:last-child{gap:5px}.sr-site-header :is(.os-theme-toggle,.os-cart-header,.os-mobile-menu>summary){width:34px;min-width:34px}.sr-site-header .os-header-cta{padding-inline:10px}.sr-brand-mark{width:53px}}
html[data-theme=dark]{--sr-border:#2c4847;--sr-surface:#102829;--sr-bg:#07191c;--sr-ink:#e6f4ef;--sr-muted:#a4bfb8}
html[data-theme=dark] .sr-site-header :is(.os-theme-toggle,.os-cart-header,.os-mobile-menu>summary){background:#112b2c;border-color:#294844;color:#bfdbd2}html[data-theme=dark] .sr-footer{background:#0a2023!important}html[data-theme=dark] .sr-footer>div:last-child{background:#0b1d20;border-color:#27433e;color:#8daea5}html[data-theme=dark] .sr-mobile-menu .os-mobile-head{border-color:#294a43}
@media(prefers-reduced-motion:reduce){.sr-site *{scroll-behavior:auto!important}.sr-site :is(a,button,summary){transition:none}}

/* Mobile feedback stays local to the control and never delays navigation. */
.sr-site :is(.os-header-cta,.learn-button,.os-theme-toggle,.os-cart-header){transition:transform .18s ease,background-color .2s ease,box-shadow .2s ease;transform-origin:center}
.sr-site :is(.os-header-cta,.learn-button,.os-theme-toggle,.os-cart-header):active{transform:scale(.965)}
.sr-about-cutout>div{transform:scale(.94);opacity:.7}
.sr-about-cutout.sr-portrait-visible>div{animation:sr-portrait-halo 5s ease-in-out 2}
@keyframes sr-portrait-halo{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.045);opacity:1}}
@media(prefers-reduced-motion:reduce){.sr-site :is(.os-header-cta,.learn-button,.os-theme-toggle,.os-cart-header){transition:none}.sr-site :is(.os-header-cta,.learn-button,.os-theme-toggle,.os-cart-header):active{transform:none}.sr-about-cutout.sr-portrait-visible>div{animation:none}}

.sr-follow-wrap{margin-top:48px;max-width:430px;padding-top:5px;isolation:isolate}
.sr-site a.sr-follow-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:116px;max-width:none;padding:19px 18px;padding-inline-end:123px;border:1px solid #cfe2ed;border-radius:18px;background:linear-gradient(115deg,#edf6ff,#f9fcff 75%);box-shadow:0 9px 24px #20477d0b;color:#193c58;text-decoration:none;overflow:visible;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.sr-follow-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;background:#1877f2;color:#fff;box-shadow:0 5px 12px #1877f225}
.sr-follow-icon svg{width:27px;height:27px}
.sr-follow-copy{position:relative;z-index:2;min-width:0;display:flex;flex-direction:column;gap:4px;line-height:1.7;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif}
.sr-follow-copy>small{font-size:9px;color:#6e8ba1;font-weight:500}.sr-follow-copy>strong{font-size:14px;font-weight:700;color:#173f61}.sr-follow-copy>span{font-size:11px;color:#1877db;font-weight:600}.sr-follow-copy b{display:inline-block;margin-inline-start:6px;font-family:Arial,sans-serif;font-size:15px;font-weight:400}
.sr-follow-portrait{position:absolute;inset-inline-end:4px;bottom:0;width:122px;height:155px;pointer-events:none;z-index:1;perspective:650px}
.sr-follow-portrait>i{position:absolute;bottom:7px;inset-inline:10px;height:24px;background:#1556a72b;border-radius:50%;filter:blur(9px);transform:rotate(-5deg)}
.sr-follow-portrait>img{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;filter:drop-shadow(4px 4px 5px #17496b24);transform:translateY(-2px) rotate(-3deg);transform-origin:center bottom;transition:transform .35s cubic-bezier(.2,.75,.2,1)}
.sr-site a.sr-follow-card:focus-visible{outline:3px solid #1877f2;outline-offset:5px}.sr-site a.sr-follow-card:active{transform:scale(.985)}
@media(hover:hover){.sr-site a.sr-follow-card:hover{transform:translateY(-3px);box-shadow:0 15px 28px #20477d14;border-color:#9fbfe0}.sr-follow-card:hover .sr-follow-portrait>img{transform:translateY(-7px) rotate(0deg)}}
@media(max-width:380px){.sr-site a.sr-follow-card{padding-inline-start:13px;padding-inline-end:105px;gap:9px;min-height:112px}.sr-follow-portrait{width:108px;height:140px}.sr-follow-icon{width:29px;height:32px;flex-basis:29px}.sr-follow-copy>strong{font-size:12px}}
html[data-theme=dark] .sr-site a.sr-follow-card{background:linear-gradient(115deg,#163550,#102b36 75%);border-color:#335565;color:#e2f2fd}html[data-theme=dark] .sr-follow-copy>strong{color:#e2f2fd}html[data-theme=dark] .sr-follow-copy>small{color:#9bb5c5}html[data-theme=dark] .sr-follow-copy>span{color:#8fc7ff}
@media(prefers-reduced-motion:reduce){.sr-site a.sr-follow-card,.sr-follow-portrait>img{transition:none}.sr-site a.sr-follow-card:hover,.sr-site a.sr-follow-card:active{transform:none}.sr-follow-card:hover .sr-follow-portrait>img{transform:translateY(-2px) rotate(-3deg)}}