/* Identical navigation metrics on the homepage, courses and supporting pages. */
.site-header{height:76px;background:#fff;border-bottom:1px solid #22242d}
.site-header[data-shared-shell] .header-row{height:76px;min-height:76px;gap:28px}
.site-header:not([data-shared-shell]){padding-inline:max(20px,calc((100vw - 1200px)/2));gap:28px}
.site-header .main-nav,.site-header .desktop-nav{gap:26px!important;align-items:center;font-size:13px;font-weight:500}
.site-header .nav-link{padding:8px 0!important;color:#22242d!important}
.site-header[data-shared-shell] .logo-word{font-size:27px!important;letter-spacing:-1.5px;text-transform:lowercase}.site-header .logo-tagline{display:none}
.site-header .header-actions #searchTrigger{width:70px;height:35px;gap:10px;border:1px solid #22242d;font:12px 'IBM Plex Sans',sans-serif}
.site-header .header-actions #startLesson{height:35px;padding:0 10px;border-radius:2px;font-size:12px}
.site-header .header-tools button{height:35px}.site-header .header-tools{gap:10px}
.family-directory{top:76px}
.site-header .main-nav{margin-left:auto}.site-header [data-home-lesson-trigger]{background:#22242d;color:#fff;font-weight:600;border-radius:2px;white-space:nowrap}.site-header [data-home-lesson-trigger]:hover{background:#c44732;color:#fff}.family-lesson-menu{position:absolute;right:24px;top:68px;background:#fff;border:1px solid #22242d;padding:12px;min-width:240px;box-shadow:4px 4px 0 #22242d20}.family-lesson-menu a{display:block;padding:12px;font-size:14px}.family-lesson-menu a:hover{background:#eeeef0}.site-header .logo-accent{font-size:30px!important;font-weight:500}
#search-results .search-result,#searchResults .search-result{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid #22242d25;text-align:left}#search-results .search-result small,#searchResults .search-result small{font:10px 'IBM Plex Mono',monospace;color:#c44732}#search-results .search-result strong,#searchResults .search-result strong{font-size:17px}#search-results .search-result span,#searchResults .search-result span{font-size:13px;color:#62656d;margin:0}
@media(max-width:760px){.site-header #pause{display:none}.site-header [data-home-lesson-trigger]{font-size:11px;padding-inline:7px}.family-lesson-menu{top:60px;right:18px}.site-header .header-tools{gap:6px}}

@media(min-width:761px){.site-header .main-nav,.site-header .desktop-nav{display:flex!important}.site-header .mobile-menu-trigger,.site-header .mobile-nav{display:none!important}}
@media(max-width:760px){.site-header{height:64px}.site-header[data-shared-shell] .header-row{height:64px;min-height:64px;gap:10px}.site-header:not([data-shared-shell]){padding-inline:18px;gap:12px}.site-header .main-nav,.site-header .desktop-nav{display:none!important}.site-header .mobile-menu-trigger{display:flex!important}.site-header .mobile-nav{display:block!important;margin-left:0}.site-header .header-tools,.site-header .header-actions{margin-left:auto}.site-header .brand,.site-header[data-shared-shell] .logo-word{font-size:24px!important}.site-header .header-actions #searchTrigger{width:36px;height:35px;border:0}.site-header #searchTrigger .family-search-label{display:none}.site-header .mobile-menu{inset:64px 0 auto;max-height:calc(100dvh - 64px)}.family-directory{top:64px}}

/* The live site's six direct destinations need room before tablet width. */
@media(min-width:761px) and (max-width:1100px){.site-header .main-nav,.site-header .desktop-nav{display:none!important}.site-header .mobile-menu-trigger{display:flex!important}.site-header .mobile-nav{display:block!important}.site-header .header-tools,.site-header .header-actions{margin-left:auto}.site-header .mobile-nav nav{top:76px}.site-header .mobile-menu{inset:76px 0 auto}}
@media(max-width:760px){.site-header .search-trigger{font-size:0;width:32px;min-width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.site-header .search-trigger>span{font-size:20px}.site-header .search-trigger kbd{display:none}.site-header .mobile-nav #pause{display:inline-flex;margin:10px 20px;font-size:12px;width:auto;padding:8px 12px}.site-header .mobile-nav #pause::after{content:' Hareketi durdur';margin-left:8px}}
@media(max-width:360px){.site-header:not([data-shared-shell]){gap:7px;padding-inline:12px}.site-header .brand{font-size:22px!important}}

/* Devre is the shared signature in logos and workshop details. */
.brand,.logo-word{display:inline-flex;align-items:center;gap:7px}
.devre-brand-mark{display:block;width:34px;height:34px;flex:none;object-fit:contain}
@media(max-width:360px){.devre-brand-mark{width:30px;height:30px}.brand,.logo-word{gap:5px}}

.devre-symbol{display:inline-block;width:1em;height:1em;object-fit:contain;vertical-align:-.12em;flex:none}
.folder-tab .devre-symbol{width:30px;height:30px}.note-top .devre-symbol{width:30px;height:30px}
.workspace-desk-heading .devre-symbol{width:38px;height:38px;margin-left:12px}
.identity-footer-word .devre-symbol{width:25px;height:25px}
.identity-window-body .devre-symbol{width:38px;height:38px}
.identity-orbit>span{animation:none!important;display:grid;place-items:center}
.identity-orbit .devre-symbol{width:.85em;height:.85em}
.identity-five .devre-symbol{width:.85em;height:.85em}
.lab-bottom .devre-symbol{width:20px;height:20px}

/* Keep the same header geometry when moving between the two existing shells. */
html{scrollbar-gutter:stable}
.site-header{box-sizing:border-box}
.site-header:not([data-shared-shell]){padding-inline:max(20px,calc((100% - 1200px)/2));display:grid;grid-template-columns:auto minmax(0,1fr) 235px;gap:28px}
.site-header[data-shared-shell] .header-row{width:min(1200px,calc(100% - 40px));max-width:1200px;padding:0;margin-inline:auto;height:100%;min-height:0;display:grid;grid-template-columns:auto minmax(0,1fr) 235px;gap:28px}
.site-header .brand,.site-header .logo{line-height:1;flex:none}
.site-header .logo-word::after{content:none!important}
.site-header .logo{margin:0!important}
.site-header .main-nav,.site-header .desktop-nav{flex:none;margin-left:0;justify-content:flex-end;line-height:20px;height:36px}
.site-header .main-nav>a,.site-header .desktop-nav>a{box-sizing:border-box;display:flex;align-items:center;height:36px;line-height:20px;padding:8px 0!important;border-bottom:2px solid transparent;white-space:nowrap}
.site-header .main-nav>a.is-active{border-bottom-color:#c44732}
.site-header .header-tools,.site-header .header-actions{width:235px;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0}
.site-header .search-trigger,.site-header .header-actions #searchTrigger{box-sizing:border-box;flex:none;width:70px;min-width:70px;height:35px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 6px;font:12px 'IBM Plex Sans',sans-serif;border:1px solid #22242d;background:transparent}
.site-header .search-trigger>span{margin:0;font-size:20px}
.site-header [data-home-lesson-trigger],.site-header .header-actions #startLesson{box-sizing:border-box;flex:none;width:110px;height:35px;padding:0 10px;font:600 12px 'IBM Plex Sans',sans-serif;white-space:nowrap}
@media(max-width:1100px){
 .site-header:not([data-shared-shell]){grid-template-columns:auto minmax(0,1fr) 36px;gap:6px}
 .site-header[data-shared-shell] .header-row{grid-template-columns:auto minmax(0,1fr);gap:6px}
 .site-header .header-tools{width:142px;justify-self:end}.site-header .header-actions{width:184px;justify-self:end;gap:6px}
 .site-header .header-tools{gap:6px}.site-header .header-tools #pause{display:none}
 .site-header [data-home-lesson-trigger],.site-header .header-actions #startLesson{width:100px;padding-inline:7px;font-size:11px}
 .site-header .search-trigger,.site-header .header-actions #searchTrigger{width:36px;min-width:36px;font-size:0;border:1px solid #22242d}
 .site-header .search-trigger>span{font-size:20px}.site-header .family-search-label{display:none}
 .site-header .mobile-nav{margin:0;width:36px;justify-self:end}
 .site-header .mobile-nav summary,.site-header .mobile-menu-trigger{box-sizing:border-box;width:36px;height:35px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #22242d;font:18px/1 'IBM Plex Sans',sans-serif;list-style:none}
 .site-header .mobile-nav summary::-webkit-details-marker{display:none}
}
@media(max-width:760px){
 .site-header:not([data-shared-shell]){padding-inline:18px}
 .site-header[data-shared-shell] .header-row{width:calc(100% - 36px);min-height:0;height:100%}
}
@media(max-width:360px){
 .site-header:not([data-shared-shell]){padding-inline:12px;grid-template-columns:auto minmax(0,1fr) 32px}
 .site-header[data-shared-shell] .header-row{width:calc(100% - 24px)}
 .site-header .brand,.site-header[data-shared-shell] .logo-word{font-size:22px!important}
 .site-header .header-tools{width:120px}.site-header .header-actions{width:158px}
 .site-header [data-home-lesson-trigger],.site-header .header-actions #startLesson{width:82px;font-size:10px;padding-inline:4px}
 .site-header .search-trigger,.site-header .header-actions #searchTrigger,.site-header .mobile-nav,.site-header .mobile-nav summary,.site-header .mobile-menu-trigger{width:32px;min-width:32px}
 .site-header .header-actions #mobileMenuTrigger{width:32px;min-width:32px}
}