.member-bar{position:relative;z-index:20;display:flex;align-items:center;justify-content:flex-start;gap:18px;box-sizing:border-box;min-height:48px;padding:8px clamp(16px,3vw,42px);background:#081d35;color:#f5f0e6;font:700 14px/1.6 'Site TheSans',Tahoma,Arial,sans-serif;border-bottom:1px solid #d6b87540}.member-bar a,.member-bar summary{color:#f5e4b9;text-decoration:none;cursor:pointer}.member-bar>a{border:1px solid #d6b87588;border-radius:8px;padding:5px 15px}.member-bar details{position:relative}.member-menu{position:absolute;inset-inline-start:0;top:calc(100% + 10px);min-width:155px;background:#123c61;border:1px solid #d6b87570;border-radius:10px;box-shadow:0 8px 24px #0003;padding:8px;display:grid;gap:4px}.member-menu a{padding:9px;border-radius:5px}.member-menu a:hover{background:#ffffff12}.member-greeting{max-width:65vw;overflow-wrap:anywhere}.member-bar a:focus-visible,.member-bar summary:focus-visible{outline:2px solid #d6b875;outline-offset:4px}.member-space-wrap{max-width:840px;margin:40px auto 80px;padding:30px 22px;color:#123c61;font-family:'Site TheSans',Tahoma,Arial,sans-serif}.member-space-wrap h1{font-size:32px}.member-space-wrap section{padding:28px;border:1px solid #d8e2e8;border-radius:20px;background:#f2f7fa;line-height:2}.member-space-wrap section a,.member-space-wrap button{display:inline-block;color:#fff5df;background:#123c61;border:1px solid #d6b875;border-radius:9px;padding:10px 18px;font:inherit;text-decoration:none}.member-space-wrap>a{color:#123c61}html[lang=en] .member-bar{direction:ltr}@media(max-width:560px){.member-bar{font-size:13px;gap:12px}.member-space-wrap{margin-top:22px}.member-space-wrap section{padding:20px}}
/* The four header controls sit directly on the header background. */
.header-account-tools{--header-icon-line-length:.5cm;position:absolute;z-index:25;top:80px;left:calc(var(--header-icon-line-length) - 5px);display:flex;flex-direction:column;align-items:center;gap:0;width:54px;box-sizing:border-box;padding:6px 4px;border:1px solid transparent;border-radius:16px;background:transparent;box-shadow:none;isolation:isolate}
html[lang=en] .header-account-tools{left:auto;right:calc(var(--header-icon-line-length) - 5px);top:80px}
/* The rail owns language positioning in both locales, overriding old header offsets. */
html[lang] .header-account-tools .language-switch,html[lang] .header-account-tools .language-switch:hover{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;flex:none;flex-direction:column;gap:0;width:44px;height:44px;min-height:44px;min-width:44px;padding:2px;border:0;border-radius:11px;background:transparent;box-shadow:none;color:#fff;box-sizing:border-box}
.header-account-tools .member-language-icon{display:block;flex:none;width:30px;height:30px;object-fit:contain;animation:none;transition:none}
.header-account-tools .language-badge{position:static;display:block;flex:none;height:10px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#f3dfb7;font:700 9px/10px Calibri,Arial,sans-serif;letter-spacing:.08em;text-align:center;direction:ltr}
.header-account-tools .member-bar{position:relative;z-index:1;display:flex;justify-content:center;min-height:44px;padding:0;border:0;background:transparent;gap:0;width:100%}
.header-account-tools .member-icon{position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:4px;border:0;border-radius:11px;background:transparent;box-shadow:none;color:#f5e4b9;cursor:pointer;list-style:none}
.header-account-tools .member-icon::-webkit-details-marker{display:none}.header-account-tools .member-icon svg{flex:none;display:block;width:32px;height:32px}
html[lang] .header-account-tools .language-switch:hover,.header-account-tools .member-icon:hover{background:#d6b87516;color:white}
.header-account-tools .course-tree-entry{position:relative;text-decoration:none;flex:none;width:44px;height:44px;min-height:44px;padding:3px;cursor:pointer}
.header-account-tools .course-tree-entry .member-tree-icon{display:block;flex:none;width:38px;height:38px;object-fit:contain;animation:none;transition:none}
.header-account-tools .member-icon:focus-visible,html[lang] .header-account-tools .language-switch:focus-visible{outline:2px solid #efd399;outline-offset:2px}
.header-control-tooltip,.course-tree-tooltip{position:absolute;left:calc(100% + 14px);right:auto;top:50%;transform:translateY(-50%);z-index:30;width:max-content;max-width:min(260px,calc(100vw - 104px));padding:0;border:0;border-radius:0;background:transparent;color:#fff;font:700 13px/1.65 Calibri,Arial,sans-serif;text-align:start;direction:rtl;white-space:normal;box-shadow:none;visibility:hidden;opacity:0;pointer-events:none}
.quiz-entry:hover .header-control-tooltip,.quiz-entry:focus-visible .header-control-tooltip,.member-entry:hover .header-control-tooltip,.member-entry:focus-visible .header-control-tooltip,.language-switch:hover .header-control-tooltip,.language-switch:focus-visible .header-control-tooltip,.course-tree-entry:hover .course-tree-tooltip,.course-tree-entry:focus-visible .course-tree-tooltip{visibility:visible;opacity:1}
.header-account-tools details[open] .header-control-tooltip{visibility:hidden;opacity:0}
html[lang=ar] .header-control-tooltip,html[lang=ar] .course-tree-tooltip{font-size:15px}
html[lang=en] .header-control-tooltip,html[lang=en] .course-tree-tooltip{left:auto;right:calc(100% + 14px);direction:ltr}
.header-account-tools .member-menu{inset-inline-start:auto;left:0;right:auto;min-width:195px;max-width:75vw;text-align:start}.header-account-tools .member-greeting{display:block;padding:8px;border-bottom:1px solid #ffffff20;font-size:13px;max-width:100%}
html[lang=en] .header-account-tools .member-menu{left:auto;right:0}
.header-account-tools .quiz-entry{flex:none;color:#e1c68d;text-decoration:none}
.header-account-tools .member-entry{padding:2px}
.header-account-tools .member-quiz-icon{display:block;flex:none;width:34px;height:34px;object-fit:contain;animation:none;transition:none}
/* White connectors meet each control at its midpoint and reach the outer page edge. */
.header-account-tools>.language-switch::before,.header-account-tools>.member-bar::before,.header-account-tools>.course-tree-entry::before,.header-account-tools>.quiz-entry::before{content:"";position:absolute;top:50%;left:auto;right:100%;width:var(--header-icon-line-length);height:1px;transform:translateY(-50%);background:#fff;pointer-events:none}
html[lang=en] .header-account-tools>.language-switch::before,html[lang=en] .header-account-tools>.member-bar::before,html[lang=en] .header-account-tools>.course-tree-entry::before,html[lang=en] .header-account-tools>.quiz-entry::before{left:100%;right:auto}
/* Keep the rail clear of the Atlas identity and the header's main content. */
@media(min-width:1101px){body>header:has(.header-account-tools){min-height:286px}}
@media(min-width:561px) and (max-width:1100px){html[lang] body>header:has(.header-account-tools){padding-top:286px}}
@media(max-width:560px){.header-account-tools{top:64px;left:calc(var(--header-icon-line-length) - 5px);width:54px;padding:6px 4px;border-radius:16px}html[lang=en] .header-account-tools{top:64px;right:calc(var(--header-icon-line-length) - 5px)}html[lang] body>header:has(.header-account-tools){padding-top:270px}}

/* Narrow viewports use the compact layout, including resized laptop windows. */
/* Wider laptop layouts keep their existing spacing, regardless of input device. */
@media(max-width:768px){
 html[lang] body>header.home-hero:has(.header-account-tools){display:grid;grid-template-columns:minmax(0,1fr) 54px;grid-template-areas:"brand tools" "copy tools";grid-template-rows:auto auto;column-gap:20px;row-gap:12px;align-content:center;padding:124px 20px 24px}
 html[lang] body>header.home-hero:has(.header-account-tools)>.header-account-tools{--header-rail-inset:20px;grid-area:tools;position:relative;inset:auto;inset-inline-end:calc(var(--header-icon-line-length) - 5px - var(--header-rail-inset));align-self:center;justify-self:center;margin:0}
 html[lang] body>header.home-hero:has(.header-account-tools)>.brand-stack{grid-area:brand;align-self:end;justify-self:center;width:100%;min-width:0;max-width:100%;margin:0}
 html[lang] body>header.home-hero:has(.header-account-tools) .site-brand{min-width:0;max-width:100%}
 html[lang] body>header.home-hero:has(.header-account-tools)>.hero-copy{grid-area:copy;align-self:start;width:100%;min-width:0;max-width:100%;margin:0}
}
@media(max-width:560px){
 html[lang] body>header.home-hero:has(.header-account-tools){column-gap:12px;row-gap:10px;padding:108px 12px 20px}
 html[lang] body>header.home-hero:has(.header-account-tools)>.header-account-tools{--header-rail-inset:12px}
}

/* Independent account entry; provider setup is required before email activation. */
.login-wrap{max-width:560px;margin:36px auto 64px;padding:0 20px;color:#123c61;font-family:Cairo,Arial,sans-serif}.login-back{display:inline-block;margin-bottom:18px;color:#123c61}.login-card{padding:clamp(22px,5vw,42px);border:1px solid #d6b87566;border-radius:24px;background:linear-gradient(155deg,#fff,#edf4f9);box-shadow:0 18px 55px #081d3512}.login-eyebrow{font-size:13px;letter-spacing:.03em;color:#81652e}.login-card h1{font:700 clamp(22px,4vw,30px)/1.6 Cairo,Arial,sans-serif;margin:8px 0 20px}.login-card h2{font:700 17px/1.6 Cairo,Arial,sans-serif}.login-notice{background:#e3edf6;padding:14px 16px;border-radius:10px;font-size:14px;line-height:1.9}.login-card fieldset{border:0;margin:20px 0 0;padding:0;min-width:0}.login-card label{display:block;margin:12px 0 6px;font-size:14px}.login-card input{box-sizing:border-box;width:100%;height:48px;border:1px solid #b9c9d6;background:#f5f7f9;border-radius:9px;padding:10px;font:inherit}.login-card button{font:inherit}.login-primary,.login-provider{box-sizing:border-box;display:block;width:100%;text-align:center;border-radius:10px;padding:13px 16px;margin-top:20px;background:#123c61;color:white;text-decoration:none;border:0}.login-primary:disabled{background:#bac6d0;color:#40576a;cursor:not-allowed}.login-options{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.login-options button{background:none;border:0;color:#6a7a87;font-size:13px;padding:0}.login-divider{display:flex;align-items:center;gap:14px;margin-top:28px;font-size:13px;color:#667c90}.login-divider:before,.login-divider:after{content:'';height:1px;background:#d6b87588;flex:1}.login-provider{background:linear-gradient(110deg,#081d35,#17486d);border:1px solid #d6b875;margin-top:18px;transition:box-shadow .2s}.login-provider:hover{box-shadow:0 4px 18px #123c6133;color:#fff}.login-provider:focus-visible{outline:3px solid #b99853;outline-offset:3px}.login-caption{font-size:12px;line-height:1.9;color:#627789;margin-bottom:0}

/* The arched entrance is a still image in both guest and account states. */
.header-account-tools .member-door-icon{display:block;flex:none;width:40px;height:40px;object-fit:contain;animation:none;transition:none}

.member-library-link{display:inline-flex;align-items:center;justify-content:center;background:#173d51;color:#fff!important;padding:14px 24px;border-radius:10px;margin:16px 0;text-decoration:none}#member-space>a{margin-inline-end:18px}

/* The fifth control is inserted only after the server confirms the owner. */
.header-account-tools .admin-pages-entry{flex:none;text-decoration:none}
.admin-pages-entry:hover .header-control-tooltip,.admin-pages-entry:focus-visible .header-control-tooltip{visibility:visible;opacity:1}
.header-account-tools>.admin-pages-entry::before{content:"";position:absolute;top:50%;right:100%;left:auto;width:var(--header-icon-line-length);height:1px;transform:translateY(-50%);background:#fff;pointer-events:none}
html[lang=en] .header-account-tools>.admin-pages-entry::before{left:100%;right:auto}
@media(min-width:1101px){body>header:has(.admin-pages-entry){min-height:330px}}
@media(min-width:769px) and (max-width:1100px){html[lang] body>header:has(.admin-pages-entry){padding-top:330px}}