/* Final specification: consistent direction-aware layout and theme surfaces. */
html {scroll-padding-top:170px} body,button,input,select,textarea {font-family:'Cairo',sans-serif;font-size:16px} h1,h2,h3,h4 {overflow-wrap:normal} .shell {width:min(1180px,calc(100% - 48px))} .hero {min-height:780px;min-height:92svh} .hero-content {padding-block:150px 100px} .hero h1 {max-width:790px} .hero-lead {max-width:650px} .hero-overlay {background:linear-gradient(90deg,rgba(32,56,100,.98),rgba(32,56,100,.87) 52%,rgba(32,56,100,.12))!important} html[lang=ar] .hero-overlay {background:linear-gradient(270deg,rgba(32,56,100,.98),rgba(32,56,100,.87) 52%,rgba(32,56,100,.12))!important} html[data-theme=light] .hero-overlay {background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.91) 52%,rgba(255,255,255,.12))!important} html[lang=ar][data-theme=light] .hero-overlay {background:linear-gradient(270deg,rgba(255,255,255,.98),rgba(255,255,255,.91) 52%,rgba(255,255,255,.12))!important}
button,a,summary {touch-action:manipulation} .desktop-nav a,.header-contact,.language-toggle,.theme-toggle,.menu-button {min-height:44px;align-content:center} .menu-button {min-width:44px} .brand-mark {letter-spacing:0} .topic-card>p {min-height:0}.day-files {scroll-margin-top:180px}.day-file {background:var(--surface-2)} html[data-theme=light] .day-file {background:#f3f6fa} html[data-theme=light] .day-file .soon {color:#2B527D} .soon {white-space:normal} .day-file strong {overflow-wrap:anywhere} .day-instructors {flex-wrap:wrap}.day-instructors a {min-height:44px}.sharekat-building {max-height:none;max-width:520px;margin-inline:auto;object-fit:contain;height:auto;aspect-ratio:1}.sharekat .tool-deck {grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card {text-align:start} .instructor-card>img {object-position:center 20%;filter:grayscale(100%)} .instructor-card h3 {font-size:1.5rem;line-height:1.5}.contact-form {background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)} html[data-theme] .contact-feedback-intro h2 {color:var(--ink)} html[data-theme] .contact-feedback-intro p:last-child {color:var(--muted)} html[data-theme] .contact-feedback-intro .kicker {color:var(--teal)} .contact-feedback-intro {border-color:var(--line)} html[data-theme=dark] .contact-form {background:#2B527D!important} .join-banner .join-copy,.join-banner .join-form {background:transparent!important} .join-copy>p {color:#fff!important} .join-copy>.kicker {color:#C1E22F!important}.join-form .consent span {font-size:.86rem}.join-form label>span,.contact-form label>span {font-size:.8rem;letter-spacing:0}.join-form button,.contact-form button {background:#C1E22F!important;color:#102D50!important;cursor:pointer}.form-status {grid-column:1/-1;font-size:.9rem;margin:0;line-height:1.7}.form-status:empty {display:none}.form-status[data-error=true] {border-inline-start:3px solid #ffc000;padding-inline-start:12px}.footer-inner>p {display:block!important}.footer-inner {grid-template-columns:1fr auto auto}.footer {color:#fff}.book-grid img {object-fit:contain}.book-grid strong {line-height:1.6}.mobile-nav:not(.is-open) {visibility:hidden}.mobile-nav.is-open {visibility:visible} :focus-visible {outline:3px solid #3774F0;outline-offset:4px} html[lang=ar] * {letter-spacing:0!important} .resource-accordion summary {min-height:72px}.resource-accordion summary h3 {line-height:1.6}
@media(max-width:1100px){.site-header {grid-template-columns:minmax(0,1fr) auto}.desktop-nav,.header-contact {display:none}.menu-button {display:grid}}
@media(max-width:720px){.shell {width:calc(100% - 32px)}.section {padding-block:60px}.hero-content {padding-block:135px 100px}.hero h1 {font-size:clamp(2.25rem,9.8vw,4rem)!important}.hero {min-height:820px;min-height:96svh}.hero-photo {background-position:65% center}.hero-overlay {opacity:.98}.day-header {grid-template-columns:50px minmax(0,1fr);padding:24px 20px}.day-number {width:48px;height:48px}.day-header>a {grid-column:2}.topic-card {padding:28px 20px}.day-files {margin-inline:20px}.day-file strong {min-width:90px}.day-instructors {padding-inline:20px}.day-instructors>span {width:100%}.day-instructors a {white-space:normal}.outcome-grid {grid-template-columns:1fr}.outcome-grid article {min-height:0;padding:24px 0;border:0;border-bottom:1px solid var(--line)}.outcome-grid h3 {margin-top:20px}.join-banner {padding:0}.join-copy,.join-form {padding:28px 24px}.sharekat .tool-card {min-width:0}.index-inner {grid-template-columns:repeat(3,minmax(0,1fr))}.index-label {display:none}.index-inner a {padding:12px 8px}.index-inner a span {font-size:.74rem}.footer-inner {grid-template-columns:1fr}.footer-inner>p {margin:0}.footer-inner a {justify-self:start}.contact-copy a {font-size:.9rem;overflow-wrap:anywhere}.section-heading {gap:24px}.resource-accordion summary h3 {font-size:1rem}.sharekat-layout {gap:28px}}
@media(max-width:380px){.sharekat .tool-deck {grid-template-columns:1fr}.brand small {font-size:.56rem}.brand strong {font-size:.68rem}.header-actions {gap:4px}.theme-toggle,.language-toggle {padding-inline:6px}.site-header {padding-inline:10px;gap:4px}.day-file {padding:12px}.book-grid {grid-template-columns:1fr}}
/* Larger navigation and stronger day-resource contrast. */
.site-header .brand strong {font-size:1.08rem!important;line-height:1.5}
.site-header .brand small {font-size:.8rem;line-height:1.5}
.site-header .brand-mark {width:44px;height:44px;font-size:1rem}
.site-header .desktop-nav a,.site-header .header-contact {font-size:.94rem}
.site-header .theme-label,.site-header .language-toggle {font-size:.9rem}
.site-header {gap:16px;min-height:84px}
.desktop-nav {gap:18px}.header-actions {gap:8px}
.hero-actions .button {font-size:1rem;min-height:58px;padding-inline:26px;letter-spacing:0}
.footer strong {font-size:1.15rem}.footer span,.footer p,.footer a {font-size:1rem;line-height:1.7}
html[data-theme] .day-files {background:#203864;color:#fff;margin:0;padding:24px 34px;border-color:#52739a}
html[data-theme] .day-files h4 {color:#FFC000}
html[data-theme] .day-file {background:#102D50;color:#fff;border:1px solid #52739a}
html[data-theme] .day-file strong,html[data-theme] .day-file .soon {color:#fff}
html[data-theme=dark] .day-files {background:#102D50}
html[data-theme=dark] .day-file {background:#203864}
html[data-theme] .workshops-row {border-top:1px dashed #98AAC0}
@media(max-width:1250px){.desktop-nav,.header-contact {display:none}.site-header {grid-template-columns:minmax(0,1fr) auto}.menu-button {display:grid}.mobile-nav {position:absolute;inset:84px 16px auto;padding:12px;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.mobile-nav a {padding:12px;font-size:1rem;text-decoration:none}.mobile-nav:not(.is-open){opacity:0;pointer-events:none}.mobile-nav.is-open {opacity:1;pointer-events:auto}}
@media(max-width:720px){.site-header .brand strong {font-size:.95rem!important}.site-header .brand small {font-size:.72rem}.site-header .brand-mark {display:none}.site-header {padding-inline:12px;gap:6px}.site-header .theme-label,.site-header .language-toggle {font-size:.84rem}.header-actions {gap:5px}.day-files {grid-template-columns:1fr}html[data-theme] .day-files {padding:24px 20px}.hero-actions .button {font-size:1rem}.footer-inner {gap:16px}}
@media(max-width:380px){.site-header .brand strong {font-size:.83rem!important}.site-header .brand small {font-size:.64rem}.site-header .theme-label,.site-header .language-toggle {font-size:.78rem}.site-header {padding-inline:8px;gap:4px}.header-actions {gap:3px}.theme-toggle,.language-toggle {padding-inline:5px}}
/* Readability revision: visibly larger course identity and navigation. */
.site-header .brand strong {font-size:22px!important;font-weight:800}
.site-header .brand small {font-size:14px!important}
.site-header .desktop-nav a {font-size:18px!important}
.site-header .header-contact,.site-header .language-toggle,.site-header .theme-label {font-size:17px!important}
.site-header {padding-inline:24px;min-height:92px;gap:20px}
.desktop-nav {gap:22px}.header-actions {gap:10px}
.hero-actions .button {font-size:20px!important;min-height:64px;font-weight:800;padding-inline:30px}
.footer strong {font-size:23px!important}
.footer span,.footer p,.footer a {font-size:18px!important}
.course-index {top:91px}
html[data-theme] .day-files {background:#203864!important;border-inline-start:6px solid #FFC000;padding-block:30px}
html[data-theme] .day-file {background:#102D50!important}
html[data-theme] .day-files h4 {font-size:24px;color:#FFC000!important}
html[data-theme] .day-file strong {font-size:16px;color:#fff!important}
html[data-theme] .day-file .soon {font-size:13px;color:#fff!important}
@media(max-width:1350px){.desktop-nav,.header-contact {display:none}.site-header {grid-template-columns:minmax(0,1fr) auto}.menu-button {display:grid}.mobile-nav {inset:92px 16px auto;position:absolute;display:grid;background:var(--surface);padding:12px;border:1px solid var(--line);border-radius:16px}.mobile-nav a {font-size:19px;min-height:48px;padding:12px;text-decoration:none}.mobile-nav:not(.is-open) {visibility:hidden;opacity:0;pointer-events:none}.mobile-nav.is-open {visibility:visible;opacity:1;pointer-events:auto}}
@media(max-width:720px){.site-header {padding-inline:12px;gap:8px}.site-header .brand strong {font-size:18px!important}.site-header .brand small {font-size:12px!important}.site-header .theme-label,.site-header .language-toggle {font-size:15px!important}.header-actions {gap:5px}.hero-actions .button {font-size:18px!important;min-height:60px;padding-inline:24px}.footer span,.footer p,.footer a {font-size:17px!important}}
@media(max-width:380px){.site-header .brand strong {font-size:15px!important}.site-header .brand small {font-size:10px!important}.site-header .theme-label,.site-header .language-toggle {font-size:13px!important}.site-header {padding-inline:8px;gap:4px}.header-actions {gap:3px}}
/* Agenda-aligned labels retain comfortable wrapping. */
.topic-card h4 {font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.4}
html[lang=ar] .topic-card h4 {line-height:1.6}
.brand {gap:0}.brand-mark {display:none!important}
a.tool-card {display:flex;flex-direction:column;text-decoration:none;cursor:pointer}
a.tool-card:focus-visible {outline:3px solid #27AE60;outline-offset:4px}
/* Supplied founders photograph, shared by both language versions. */
.hero-photo {background-image:url('/assets/hero-founders.png');background-position:center center}
@media(max-width:720px){.hero-photo {background-position:62% center}}
/* Deeper navy dark theme; light mode and Sharekat branding remain independent. */
html[data-theme="dark"] {--bg:#0B1424;--surface:#122239;--surface-2:#0E1C30;--ink:#FFFFFF;--muted:#B8C7D9;--line:#354B65;--header:rgba(11,20,36,.97);--navy-deep:#070F1C;--shadow:0 22px 60px rgba(0,0,0,.24)}
html[data-theme="dark"] body,
html[data-theme="dark"] .outcome-grid article,
html[data-theme="dark"] .day-header,
html[data-theme="dark"] .day-instructors,
html[data-theme="dark"] .instructor-card,
html[data-theme="dark"] .resource-accordion,
html[data-theme="dark"] .contact {background:#0B1424}
html[data-theme="dark"] .topic-card,
html[data-theme="dark"] .reference-grid a,
html[data-theme="dark"] .contact-form {background:#122239!important}
html[data-theme="dark"] .course-index,
html[data-theme="dark"] .footer {background:#070F1C}
html[data-theme="dark"] .join-banner {background:#101F35!important}
html[data-theme="dark"] .join-banner .join-copy,
html[data-theme="dark"] .join-banner .join-form {background:transparent!important}
html[data-theme="dark"] .day-files {background:#0E1C30!important}
html[data-theme="dark"] .day-file {background:#182D48!important}
html[data-theme="dark"] .hero {background:#0B1424}
html[data-theme="dark"] .hero-overlay {background:linear-gradient(90deg,rgba(11,20,36,.98),rgba(11,20,36,.88) 52%,rgba(11,20,36,.35))!important}
html[lang="ar"][data-theme="dark"] .hero-overlay {background:linear-gradient(270deg,rgba(11,20,36,.98),rgba(11,20,36,.88) 52%,rgba(11,20,36,.35))!important}