/* EMKAN canonical responsive layout. Release 44. */
html:root body .nav-frame{direction:ltr!important;}
html:root body #languageButton{grid-area:lang!important;direction:ltr!important;}
html:root body #themeButton{grid-area:theme!important;}
html:root body .store-square{direction:ltr!important;grid-template-columns:minmax(0,2.12fr) minmax(0,.88fr)!important;aspect-ratio:1!important;height:auto!important;overflow:hidden!important;}
html:root body .store-square :is(.store-big,.store-small-col,.store-small){min-height:0!important;height:100%!important;aspect-ratio:auto!important;}
html:root body .store-square .store-small-col{grid-template-rows:repeat(3,minmax(0,1fr))!important;}
html:root body .store-square :is(.store-big,.store-small) img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;}
html:root body .store-card{height:auto!important;min-height:0!important;}
html:root body .store-caption{position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-height:30px!important;margin:0!important;padding-block:9px!important;text-align:start!important;line-height:1.7!important;}
html:root body .cart-drawer[hidden],html:root body .cart-scrim[hidden]{display:none!important;}
html:root body .cart-drawer:not([hidden]){display:block!important;position:fixed!important;top:0!important;bottom:0!important;left:auto!important;right:0!important;inset-inline:auto 0!important;width:min(440px,100vw)!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;transform:none!important;z-index:2147483001!important;background:var(--bg,#f7f8fa)!important;color:var(--fg,#161b22)!important;padding:64px 22px 28px!important;overflow-y:auto!important;overscroll-behavior:contain;box-shadow:-12px 0 40px #0002;}
html:root body .cart-close{position:absolute!important;top:15px!important;right:18px!important;left:auto!important;width:40px!important;height:40px!important;font-size:25px!important;}
html:root body .cart-scrim:not([hidden]){display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;background:#0006!important;backdrop-filter:blur(3px);}
html:root body.emkan-cart-open{overflow:hidden!important;}
html:root body.emkan-ai-page .emkan-ai-overview{display:none!important;}
html:root body.emkan-ai-page .emkan-ai-main{margin-top:28px!important;}
html:root body.emkan-ai-page .emkan-ai-service-grid{gap:0 20px!important;}
html:root body.emkan-ai-page .emkan-ai-service{border:0!important;border-bottom:1px solid var(--line,#d3d9df)!important;padding:16px 6px!important;min-height:70px!important;background:transparent!important;}
html:root body.emkan-ai-page .emkan-ai-service.is-selected{border-bottom:2px solid var(--accent,#507587)!important;color:var(--accent,#507587)!important;}
html:root body.emkan-ai-page .emkan-ai-service strong{font-weight:500!important;font-size:14px!important;}
html:root body.emkan-ai-page #aiQuestionnaire{display:grid;gap:24px;}
html:root body.emkan-ai-page .emkan-ai-qcard{margin:0!important;min-inline-size:0!important;border:0!important;border-bottom:1px solid var(--line,#d3d9df)!important;padding:0 0 20px!important;}
html:root body.emkan-ai-page .emkan-ai-qcard legend{float:none!important;width:100%!important;padding:0!important;margin:0 0 12px!important;}
html:root body.emkan-ai-page .emkan-ai-option{border:0!important;border-bottom:1px solid transparent!important;min-height:42px!important;padding:9px 12px!important;font-size:14px!important;background:transparent!important;}
html:root body.emkan-ai-page .emkan-ai-option::before{content:'';display:inline-block;flex:none;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;margin-inline-end:9px;vertical-align:middle;opacity:.65;}
html:root body.emkan-ai-page .emkan-ai-option.is-selected{color:var(--hover-accent,var(--accent,#56869b))!important;background:color-mix(in srgb,var(--hover-accent,#56869b) 12%,transparent)!important;border-bottom-color:transparent!important;}
html:root body.emkan-ai-page .emkan-ai-option.is-selected::before{background:currentColor;opacity:1;box-shadow:inset 0 0 0 2px var(--bg,#f7f8fa);}
html:root body.emkan-ai-page .emkan-ai-notes{border:0!important;border-top:1px solid var(--line,#d3d9df)!important;padding:20px 0!important;}
html:root body.emkan-ai-page .emkan-ai-questionnaire{margin-top:20px!important;}
html:root body.emkan-ai-page :is(.emkan-ai-primary-action,.emkan-ai-lead-submit){min-height:46px!important;}
html:root body :is(button,a,input,textarea):focus-visible{outline:2px solid var(--accent,#507587);outline-offset:3px;}
@media(hover:none),(pointer:coarse),(max-width:900px){
html:root body :is(img,picture,video,.category-square,.project-image,.store-square,.person-card-media){filter:none!important;-webkit-filter:none!important;}
html:root body :is(a,article,figure,div):has(>img){filter:none!important;}
html:root body :is(.category-card,.project-card,.store-card,.person-card):hover img{transform:none!important;}
}
@media(max-width:1100px){
html:root body .nav-frame{grid-template-areas:'theme toggle lang' 'nav nav nav'!important;grid-template-columns:80px minmax(0,1fr) 80px!important;min-height:46px!important;overflow:visible!important;}
html:root body #languageButton{position:static!important;justify-self:end!important;margin:0!important;width:76px!important;min-height:44px!important;transform:none!important;}
html:root body #themeButton{position:static!important;justify-self:start!important;margin:0!important;width:40px!important;height:44px!important;transform:none!important;}
html:root body #mobileMenuButton{grid-area:toggle!important;display:flex!important;justify-self:center!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;}
html:root body #primaryNav{grid-area:nav!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;transform:none!important;padding:0!important;}
html:root body .site-header.is-nav-open #primaryNav{max-height:75dvh!important;overflow-y:auto!important;opacity:1!important;visibility:visible!important;}
html:root body #primaryNav .nav-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:0 22px!important;padding:18px 0 22px!important;margin:0!important;direction:inherit!important;border:0!important;}
html:root body #primaryNav .nav-list>li{width:100%!important;border:0!important;border-bottom:1px solid var(--line,#d3d9df)!important;padding:0!important;margin:0!important;min-width:0!important;}
html:root body #primaryNav .nav-link{display:flex!important;align-items:center!important;width:100%!important;max-width:100%!important;white-space:normal!important;line-height:1.7!important;}
html:root body #primaryNav .nav-list>li:has(.emkan-ai-nav-link){grid-column:1/-1!important;border-bottom:0!important;position:relative!important;margin-top:12px!important;padding-top:18px!important;}
html:root body #primaryNav .nav-list>li:has(.emkan-ai-nav-link)::before{content:''!important;display:block!important;position:absolute!important;top:0!important;left:50%!important;width:1px!important;height:14px!important;background:var(--line,#d3d9df)!important;}
html:root body #primaryNav .nav-list>li::after,html:root body #primaryNav .nav-link::before,html:root body #primaryNav .nav-link::after{display:none!important;}
}
@media(max-width:900px){
html:root body .page-shell>main:not(.welcome){width:100%!important;max-width:100%!important;margin-inline:0!important;padding-inline:0!important;}
html:root body :is(.v49-layout,.v49-results-wrap){display:block!important;width:100%!important;max-width:100%!important;margin:0!important;grid-template-columns:minmax(0,1fr)!important;}
html:root body .v49-rail{width:100%!important;max-width:100%!important;margin:0 0 22px!important;}
html:root body :is(.v49-grid,.v49-work-grid){display:grid!important;width:100%!important;max-width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important;margin:0!important;}
html:root body :is(.v49-grid,.v49-work-grid)>*{width:100%!important;max-width:100%!important;}
html:root body .gallery-items-container{gap:20px 14px!important;grid-auto-rows:auto!important;align-items:start!important;}
html:root body .gallery-item{height:auto!important;min-height:0!important;margin:0!important;}
html:root body .article-page{width:100%!important;max-width:100%!important;padding:24px 0!important;margin:0!important;}
html:root body :is(.article-flow,.article-page-head,.article-references,.article-cover){width:100%!important;max-width:100%!important;margin-inline:0!important;overflow-wrap:anywhere;min-width:0!important;}
html:root body .article-flow{font-size:14px!important;line-height:2.1!important;}
html:root body .article-flow :is(img,video,iframe){max-width:100%!important;height:auto!important;}
html:root body .article-flow table{display:block;max-width:100%;overflow:auto;}
html:root body.emkan-ai-page .emkan-ai-intake-head h2{font-size:22px!important;line-height:1.6!important;}
html:root body.emkan-ai-page .emkan-ai-questionnaire{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
html:root body.emkan-ai-page .emkan-ai-tabs{display:flex!important;gap:16px!important;}
html:root body.emkan-ai-page .emkan-ai-brief-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;}
}
@media(hover:none),(pointer:coarse),(max-width:900px){
html:root body .page-shell main img:not(.emkan-no-hover),html:root body .page-shell main :is(.category-card,.project-card,.store-card,.person-card,.img-wrapper,.category-square){filter:none!important;-webkit-filter:none!important;opacity:1!important;}
}
@media(max-width:1100px){
html:root body #siteHeader .nav-frame{grid-template-areas:'theme toggle lang' 'nav nav nav'!important;grid-template-columns:80px minmax(0,1fr) 80px!important;padding-inline:0!important;}
html:root body #siteHeader #themeButton{grid-column:1!important;grid-row:1!important;justify-self:start!important;inset:auto!important;}
html:root body #siteHeader #languageButton{grid-column:3!important;grid-row:1!important;justify-self:end!important;inset:auto!important;}
html:root body #siteHeader #mobileMenuButton{grid-column:2!important;grid-row:1!important;inset:auto!important;transform:none!important;}
}
@media(max-width:900px){
html:root body.content-section-page #contentApp#contentApp :is(.v49-layout,.v49-results-wrap,.v49-grid,.v49-work-grid,.v74-level2-grid,.v74-sample-grid){width:100%!important;max-width:100%!important;margin-inline:0!important;}
html:root body.content-section-page #contentApp#contentApp :is(.v49-grid,.v49-work-grid,.v74-level2-grid,.v74-sample-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;}
html:root body .store-grid{row-gap:24px!important;grid-auto-rows:auto!important;align-items:start!important;}
html:root body .store-card .store-caption{display:block!important;min-height:32px!important;padding-block:9px!important;}
}
@media(max-width:900px){
html:root body.content-section-page #contentApp#contentApp .v49-layout{display:block!important;grid-template-columns:minmax(0,1fr)!important;padding:0!important;}
html:root body.content-section-page #contentApp#contentApp .v49-results-wrap{display:block!important;grid-column:auto!important;padding:0!important;}
html:root body main.store-main .store-grid{grid-template-rows:none!important;grid-auto-rows:auto!important;row-gap:24px!important;}
html:root body main.store-main .store-grid>.store-card{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;overflow:visible!important;}
html:root body main.store-main .store-grid>.store-card .store-caption{height:auto!important;min-height:36px!important;position:static!important;margin:0!important;padding:10px 0!important;}
}
@media(max-width:1100px){
html:root body #siteHeader .nav-frame{display:grid!important;align-items:center!important;}
html:root body #siteHeader #primaryNav{grid-row:2!important;grid-column:1/-1!important;}
}
@media(max-width:1100px){
html:root body #siteHeader{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;}
html:root body #siteHeader .nav-frame{position:relative!important;inset:auto!important;height:auto!important;min-height:46px!important;max-height:none!important;grid-template-rows:46px auto!important;transform:none!important;margin-top:14px!important;}
html:root body #siteHeader #primaryNav{align-self:start!important;min-height:0!important;margin:0!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;}
html:root body #siteHeader #primaryNav .nav-list{position:static!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;transform:none!important;grid-template-rows:none!important;}
html:root body #siteHeader :is(#themeButton,#languageButton,#mobileMenuButton){align-self:center!important;translate:none!important;transform:none!important;top:auto!important;bottom:auto!important;inset-block:auto!important;}
}
@media(max-width:1100px){
html:root body #siteHeader .nav-frame #themeButton{position:static!important;grid-area:1 / 1 / 2 / 2!important;align-self:center!important;justify-self:start!important;margin:0!important;transform:none!important;translate:none!important;}
html:root body #siteHeader .nav-frame #languageButton{position:static!important;grid-area:1 / 3 / 2 / 4!important;align-self:center!important;justify-self:end!important;margin:0!important;transform:none!important;translate:none!important;}
html:root body #siteHeader .nav-frame #mobileMenuButton{position:static!important;grid-area:1 / 2 / 2 / 3!important;align-self:center!important;justify-self:center!important;margin:0!important;transform:none!important;translate:none!important;}
}
@media(max-width:1100px){
html:root body #siteHeader #mobileMenuButton .mobile-menu-icon{display:flex!important;position:relative!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;width:18px!important;height:18px!important;opacity:1!important;visibility:visible!important;}
html:root body #siteHeader #mobileMenuButton .mobile-menu-icon span{display:block!important;position:static!important;width:18px!important;height:1px!important;background:var(--fg,#15181d)!important;opacity:1!important;transform:none!important;}
html:root body #siteHeader.is-nav-open #mobileMenuButton .mobile-menu-icon span:first-child{transform:translateY(3px) rotate(45deg)!important;}
html:root body #siteHeader.is-nav-open #mobileMenuButton .mobile-menu-icon span:last-child{transform:translateY(-3px) rotate(-45deg)!important;}
}
html:root[lang="fa"] body #primaryNav .nav-list,html:root[lang="ar"] body #primaryNav .nav-list{direction:rtl!important;flex-direction:row!important;}
html:root[lang="en"] body #primaryNav .nav-list{direction:ltr!important;flex-direction:row!important;}
html:root body #primaryNav .nav-list>li{direction:inherit!important;}
html:root body.emkan-ai-page .emkan-ai-option:hover{color:var(--hover-accent,var(--accent,#56869b))!important;}
html:root body.emkan-ai-page .emkan-ai-qcard input{border:0!important;min-height:44px!important;}
html:root body.emkan-ai-page :is(.emkan-ai-qmain,.emkan-ai-side,.emkan-ai-intake-head){border:0!important;}
html:root body.emkan-ai-page .emkan-ai-qcard::before,html:root body.emkan-ai-page .emkan-ai-qcard::after{display:none!important;}
html:root body.emkan-ai-page .emkan-ai-intake-head{padding-bottom:18px!important;border-bottom:1px solid var(--line,#ccd1d5)!important;}
html:root body:has(.about-main) .company-body{display:flex!important;flex-direction:column!important;gap:24px!important;width:100%!important;}
html:root body:has(.about-main) .company-copy{width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;overflow:visible!important;order:0!important;line-height:2!important;}
html:root body:has(.about-main) #companyAxis#companyAxis{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;min-height:0!important;height:auto!important;width:100%!important;max-width:none!important;gap:0!important;padding:20px 0 0!important;margin:12px 0 20px!important;position:relative!important;order:1!important;direction:inherit!important;}
html:root body:has(.about-main) #companyAxis#companyAxis::before{content:''!important;display:block!important;position:absolute!important;top:20px!important;left:10%!important;right:10%!important;width:80%!important;height:1px!important;background:var(--line,#cbd0d5)!important;transform:none!important;}
html:root body:has(.about-main) #companyAxis#companyAxis li{width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;position:relative!important;}
html:root body:has(.about-main) #companyAxis#companyAxis li::before,html:root body:has(.about-main) #companyAxis#companyAxis li::after,html:root body:has(.about-main) #companyAxis .axis-line{display:none!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:70px!important;padding:24px 4px 8px!important;margin:0!important;border:0!important;position:relative!important;text-align:center!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button::before{content:''!important;display:none!important;position:absolute!important;top:0!important;left:50%!important;right:auto!important;width:1px!important;height:16px!important;background:var(--line,#cbd0d5)!important;transform:none!important;border:0!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button::after{content:""!important;display:block!important;position:absolute!important;top:-4px!important;left:calc(50% - 4px)!important;right:auto!important;width:7px!important;height:7px!important;border:1px solid var(--line,#a4adb4)!important;background:var(--bg,#f7f8fa)!important;transform:rotate(45deg)!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .axis-name{position:static!important;transform:none!important;white-space:normal!important;font-size:clamp(10px,1.4vw,13px)!important;line-height:1.8!important;text-align:center!important;width:100%!important;}
html:root body:has(.about-main) .page-shell main .person-card .person-card-media{display:block!important;position:relative!important;aspect-ratio:3/4!important;height:auto!important;overflow:hidden!important;width:100%!important;}
html:root body .person-card-media img{display:block!important;transform:none!important;transition:filter .35s ease!important;}
html:root body .person-card-media img:not([src*="team-samples.png"]){position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;}
html:root body .person-card-media img[src*="team-samples.png"]{position:absolute!important;width:400%!important;height:300%!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;object-fit:fill!important;top:0!important;}
html:root body .person-card-media img:is([src$="#portrait-4"],[src$="#portrait-5"],[src$="#portrait-6"],[src$="#portrait-7"]){top:-100%!important;}
html:root body .person-card-media img:is([src$="#portrait-8"],[src$="#portrait-9"],[src$="#portrait-10"],[src$="#portrait-11"]){top:-200%!important;}
@media(hover:hover) and (pointer:fine){
html:root body .person-card-media img{filter:grayscale(1)!important;}
html:root body .person-card-media:hover img,html:root body .person-card-media:focus-visible img{filter:none!important;}
}
html:root body .project-main .slide--text{overflow-y:auto!important;overscroll-behavior:contain;max-height:var(--emkan-description-height,620px)!important;}
html:root body .project-main .slide--text :is(.text-content,.slide-content,.text-inner){max-height:none!important;overflow:visible!important;}
@media(max-width:1100px){
html:root body #primaryNav .nav-link{justify-content:flex-start!important;text-align:start!important;gap:10px!important;min-height:58px!important;padding:10px 8px!important;font-size:13px!important;}
html:root body #primaryNav .nav-list>li{position:relative!important;}
html:root body #primaryNav .emkan-ai-nav-link{justify-content:center!important;text-align:center!important;}
html:root body.content-section-page #contentApp#contentApp .v73-sample-gallery{gap:var(--emkan-gallery-gap,12px)!important;min-height:0!important;height:auto!important;align-content:start!important;}
html:root body.content-section-page #contentApp#contentApp .v73-sample-thumbs{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;align-self:start!important;}
html:root body.content-section-page.emkan-v184-sample-detail #contentApp#contentApp .v73-sample-main.v73-sample-main{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;aspect-ratio:1!important;}
}
@media(max-width:900px){
html:root body:has(.about-main) .about-company-visual-grid{display:block!important;}
html:root body:has(.about-main) :is(.about-company-text-column,.company-section){display:block!important;width:100%!important;margin:0!important;padding:0!important;}
html:root body .page-shell main .person-card-media img{filter:none!important;}
html:root body :is(#projectGallery,.category-grid,.store-grid){width:var(--emkan-mobile-grid-width,92%)!important;max-width:100%!important;margin-inline:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--emkan-grid-row-gap,24px) var(--emkan-grid-gap,14px)!important;}
html:root body #projectGallery .gallery-item{width:100%!important;max-width:none!important;margin:0!important;height:auto!important;}
html:root body #projectGallery :is(.project-card,.project-figure,.img-wrapper){width:100%!important;max-width:none!important;margin-inline:0!important;}
html:root body #projectGallery .img-wrapper{height:auto!important;aspect-ratio:var(--emkan-cover-ratio,1)!important;}
html:root body:has(#projectGallery) .category-panel:has(.emkan-mobile-filter-row){display:block!important;width:100%!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row{display:grid!important;grid-template-areas:none!important;grid-template-rows:auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:var(--emkan-mobile-grid-width,92%)!important;margin:0 auto 22px!important;align-items:start!important;transform:none!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row>*{grid-area:auto!important;position:relative!important;inset:auto!important;transform:none!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row :is(input,select,summary){width:100%!important;padding-inline:24px 2px!important;font-size:12px!important;min-height:40px!important;}
html:root body.content-section-page #contentApp#contentApp :is(.v49-grid,.v49-work-grid,.v74-level2-grid,.v74-sample-grid){width:var(--emkan-mobile-grid-width,92%)!important;margin-inline:auto!important;gap:var(--emkan-grid-row-gap,24px) var(--emkan-grid-gap,14px)!important;}
html:root body.content-section-page #contentApp#contentApp :is(.category-card,.category-square,.v49-work-card){width:100%!important;max-width:none!important;margin-inline:0!important;}
html:root body.content-section-page #contentApp#contentApp .category-square{height:auto!important;aspect-ratio:var(--emkan-cover-ratio,1)!important;}
html:root body .project-main :is(.viewer,.project-viewer,.slides){margin-top:0!important;padding-top:0!important;min-height:0!important;}
}
html:root[data-emkan-ui-hide-team="1"] body :is(.team-section,#peopleGrid,#peopleGroups){display:none!important;}
html:root[data-emkan-ui-hide-diagram="1"] body #companyAxis{display:none!important;}
html:root[data-emkan-ui-hide-gallery="1"] body :is(.v73-sample-gallery,.project-layout,.product-gallery){display:none!important;}
html:root[data-emkan-ui-hide-notes="1"] body .emkan-ai-side{display:none!important;}
html:root body main :is(.article-flow,.text-copy,.company-copy,.v73-sample-info,.emkan-ai-brief-value){font-size:var(--emkan-body-font-size,inherit)!important;line-height:var(--emkan-line-height,1.9)!important;}
html:root[data-emkan-custom-heading="1"] body main :is(h1,h2){font-size:var(--emkan-heading-font-size)!important;}
html:root body .project-main .text-fixed{max-height:var(--emkan-description-height,620px)!important;overflow-y:auto!important;line-clamp:unset!important;-webkit-line-clamp:unset!important;}
@media(max-width:900px){
html:root body .project-main .viewer-column{width:100%!important;margin:0!important;padding:0!important;min-height:0!important;}
html:root body .project-main .viewer-frame{margin:0!important;min-height:0!important;}
}
html:root body.emkan-ai-page .emkan-ai-option::before{border-radius:50%!important;}
html:root body.content-section-page #contentApp#contentApp .v86-course-detail:has(.emkan-v138-learning-lead)>:is(.v49-top,.v115-course-intro){display:none!important;}
html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion{border-top:1px solid var(--line,#cbd0d5)!important;}
html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary{position:relative!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:14px!important;list-style:none!important;padding:10px 0!important;min-height:46px!important;border:0!important;font-size:13px!important;}
html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary::-webkit-details-marker{display:none!important;}
html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary::before{display:none!important;}
html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary::after{display:none!important;}

html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>.v49-section{border:0!important;padding:8px 0 18px!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-virtual-program{margin-top:32px!important;padding:24px 0!important;border:0!important;border-top:1px solid var(--line,#cbd0d5)!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-virtual-head{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:14px!important;margin-bottom:20px!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-access-gate{background:transparent!important;border:0!important;padding:8px 0!important;margin:0 0 24px!important;line-height:1.9!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lessons{display:grid!important;gap:0!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson{display:block!important;border:0!important;border-bottom:1px solid var(--line,#cbd0d5)!important;background:transparent!important;padding:0!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson>summary{display:flex!important;align-items:center!important;gap:14px!important;padding:20px 0!important;list-style:none!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson>summary::before{content:none!important;display:none!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson[open]{border-color:var(--hover-accent,#56869b)!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v146-lesson-body{padding:0 18px 18px!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-video-wrap{aspect-ratio:16/9!important;min-height:0!important;width:100%!important;overflow:hidden!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-video-wrap video{width:100%!important;height:100%!important;object-fit:contain!important;}
@media(max-width:900px){
html:root body.content-section-page #contentApp#contentApp .v115-course-overview{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:center!important;padding:18px 0 24px!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-poster{width:100%!important;height:auto!important;aspect-ratio:1!important;margin:0!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-poster img{width:100%!important;height:100%!important;object-fit:cover!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts{padding:0!important;width:100%!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts .v49-facts{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-action{margin-top:14px!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-action a{border-bottom:1px solid var(--hover-accent,#56869b)!important;padding:8px 0!important;font-size:12px!important;}
}
@media(max-width:480px){
html:root body.content-section-page #contentApp#contentApp .v115-course-overview{grid-template-columns:1fr!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-media{width:76%!important;margin-inline:auto!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts .v49-facts{grid-template-columns:1fr 1fr!important;}
}
@media(hover:none),(pointer:coarse),(max-width:900px){
html:root body .page-shell main img,html:root body.content-section-page #contentApp#contentApp :is(img,.v73-sample-thumb,.category-card,.v49-work-card){filter:none!important;-webkit-filter:none!important;opacity:1!important;}
}

/* Unframed assistant; separators only at the question level. */
html:root body.emkan-ai-page .emkan-ai-main :is(section,aside,form,fieldset,article,.emkan-ai-brief-document,.emkan-ai-brief-body,.emkan-ai-brief-row,.emkan-ai-chat-log,.emkan-ai-message){border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;}
html:root body.emkan-ai-page .emkan-ai-main .emkan-ai-qcard{border-bottom:1px solid var(--line,#cbd0d5)!important;}
html:root body.emkan-ai-page .emkan-ai-main :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
html:root body.emkan-ai-page .emkan-ai-main .emkan-ai-qcard :is(input,textarea,select){border:0!important;}
html:root body.emkan-ai-page .emkan-ai-main button{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;min-height:44px!important;}
html:root body.emkan-ai-page .emkan-ai-main :is(.emkan-ai-primary-action,.emkan-ai-lead-submit,.emkan-ai-chat-form button){padding:10px 4px!important;color:var(--hover-accent,#56869b)!important;font-weight:500!important;}
html:root body.emkan-ai-page .emkan-ai-main .emkan-ai-option.is-selected{background:color-mix(in srgb,var(--hover-accent,#56869b) 10%,transparent)!important;}
html:root body.emkan-ai-page .emkan-ai-main .emkan-ai-service.is-selected{color:var(--hover-accent,#56869b)!important;}
html:root body.emkan-ai-page .emkan-ai-main button:hover{color:var(--hover-accent,#56869b)!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button:is(.is-active,[aria-selected="true"] )::after{background:var(--hover-accent,#56869b)!important;border-color:var(--hover-accent,#56869b)!important;}
/* Side rail on desktop/tablet; only phones place thumbnails underneath. */
html:root body .project-main{margin-top:28px!important;}
@media(max-width:640px){
html:root body .project-main .project-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:var(--emkan-gallery-gap,12px)!important;}
html:root body .project-main .viewer-column{order:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
html:root body .project-main .thumb-column{order:1!important;width:100%!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;}
html:root body .project-main #thumbsRail{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;width:100%!important;height:80px!important;max-height:80px!important;gap:8px!important;padding:0!important;scrollbar-width:thin;}
html:root body .project-main .vthumb{flex:0 0 100px!important;width:100px!important;height:70px!important;margin:0!important;}
html:root body .project-main .thumb-scrollbar{display:none!important;}
}
@media(min-width:641px){
html:root body .project-main .project-layout{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;grid-template-areas:"thumbs viewer"!important;gap:20px!important;align-items:start!important;direction:ltr!important;}
html:root[lang="fa"] body .project-main .project-layout,html:root[lang="ar"] body .project-main .project-layout{grid-template-columns:minmax(0,1fr) 100px!important;grid-template-areas:"viewer thumbs"!important;}
html:root body .project-main .viewer-column{grid-area:viewer!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;}
html:root body .project-main .thumb-column{grid-area:thumbs!important;width:100px!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;}
html:root body .project-main #thumbsRail{display:flex!important;flex-direction:column!important;width:100px!important;height:min(66vh,620px)!important;overflow-x:hidden!important;overflow-y:auto!important;gap:8px!important;padding:0!important;}
html:root body .project-main .vthumb{flex:0 0 70px!important;width:90px!important;height:70px!important;margin:0!important;}
html:root body .project-main .thumb-scrollbar{display:none!important;}
}
/* Restore the original content tree's spine and diamond nodes, without cards. */
html:root body.content-section-page #contentApp#contentApp .learning-tree .learning-branch{border:0!important;background:transparent!important;box-shadow:none!important;padding-block:9px!important;min-height:38px!important;}
html:root body.content-section-page #contentApp#contentApp .learning-tree .learning-branch::before{display:block!important;}
html:root body.content-section-page #contentApp#contentApp .learning-tree .learning-branch::after{display:none!important;}
html:root body.content-section-page #contentApp#contentApp .v115-tree-side{transform:none!important;}
html:root body.content-section-page #contentApp#contentApp :is(.learning-stage,.stage-content,.learning-stages,.v49-section,.emkan-v135-virtual-badge){box-shadow:none!important;border-radius:0!important;background:transparent!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-virtual-badge{border:0!important;padding-inline:0!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-virtual-program{max-width:1000px!important;margin-inline:auto!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v146-lesson-summary-title{font-weight:500!important;font-size:14px!important;line-height:1.9!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v146-lesson-summary-meta{font-size:11px!important;opacity:.7;}
html:root body.content-section-page #contentApp#contentApp .emkan-v146-lesson-body{padding:0 0 22px!important;}
@media(max-width:900px){
 html:root body:has(#projectGallery) .emkan-mobile-filter-row{align-items:center!important;}
 html:root body:has(#projectGallery) .emkan-mobile-filter-row :is(#categoryToggle,.project-search,#projectSearch){height:36px!important;min-height:36px!important;max-height:none!important;box-sizing:border-box!important;padding-block:0!important;line-height:36px!important;}
 html:root body:has(#projectGallery) .emkan-mobile-filter-row #categoryToggle{align-items:center!important;}
 html:root body:has(#projectGallery) .emkan-mobile-filter-row .project-search svg{top:50%!important;transform:translateY(-50%)!important;}
 /* Mobile course sections retain their behaviour, using a single tree spine. */
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion{border:0!important;padding-inline-start:5px!important;}
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item{position:relative!important;margin:0!important;padding:0 0 10px!important;padding-inline-start:22px!important;border:0!important;border-inline-start:1px solid var(--line,#cbd0d5)!important;background:transparent!important;box-shadow:none!important;}
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary{border:0!important;padding:10px 0!important;}
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>summary::before{content:""!important;display:block!important;position:absolute!important;inset-inline-start:-26px!important;top:20px!important;width:7px!important;height:7px!important;border:1px solid var(--line,#a4adb4)!important;background:var(--bg,#f7f8fa)!important;transform:rotate(45deg)!important;}
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item[open]>summary::before{background:var(--hover-accent,#56869b)!important;border-color:var(--hover-accent,#56869b)!important;}
 html:root body.content-section-page #contentApp#contentApp .v97-mobile-accordion-item>.v49-section{border:0!important;}
}

html:root body.content-section-page #contentApp#contentApp :is(.learning-stage,.stage-content,.learning-stages){border:0!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-course-progress{display:flex;align-items:center;gap:12px;justify-content:flex-start;margin:0 0 18px;font-size:11px;color:var(--category-muted,#7c858d);}
html:root body.content-section-page #contentApp#contentApp .emkan-course-progress progress{width:110px;max-width:35%;height:3px;accent-color:var(--hover-accent,#56869b);border:0;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-access-row{display:flex!important;align-items:flex-end!important;gap:18px!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-access-row label{flex:1!important;min-width:0!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-access-row input{min-height:44px!important;width:100%!important;border:0!important;border-bottom:1px solid var(--line,#cbd0d5)!important;background:transparent!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v135-access-row button{flex:0 0 auto!important;width:auto!important;min-height:44px!important;padding:8px 0!important;border:0!important;background:transparent!important;color:var(--hover-accent,#56869b)!important;}
@media(max-width:900px){html:root body:has(#projectGallery) .emkan-mobile-filter-row #projectSearch{display:block!important;}}

html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson.is-locked{opacity:1!important;color:var(--fg,#15181d)!important;}

@media(min-width:901px){
html:root body.content-section-page #contentApp#contentApp article.v86-course-detail .learning-workspace{max-width:1000px!important;width:100%!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) 176px!important;grid-template-areas:"panels tree"!important;gap:48px!important;}
html:root[lang="en"] body.content-section-page #contentApp#contentApp article.v86-course-detail .learning-workspace{grid-template-columns:176px minmax(0,1fr)!important;grid-template-areas:"tree panels"!important;}
html:root body.content-section-page #contentApp#contentApp article.v86-course-detail .learning-panels{width:100%!important;max-width:none!important;}
}

html:root body .project-main .viewer-column{height:auto!important;}
html:root body .project-main .viewer-frame{height:var(--emkan-viewer-height,420px)!important;min-height:0!important;max-height:none!important;}
html:root body .project-main .slide--text .text-scroll-shell{height:100%!important;max-height:100%!important;}
html:root body .project-main .slide--text .text-fixed{max-height:100%!important;overflow-y:auto!important;}

html:root body .project-main .media-surface{min-height:0!important;max-height:100%!important;grid-template-rows:minmax(0,1fr)!important;}
html:root body .project-main .media-surface>img{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;}

/* Category pages: remove inherited desktop grid areas on small screens. */
html:root body .store-category-main .product-card-caption{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;line-height:1.8!important;}
html:root body .store-category-main .product-card-caption :is(strong,small){display:block!important;white-space:normal!important;overflow-wrap:anywhere;}
@media(max-width:1100px){
html:root body .store-category-main .store-category-layout{display:flex!important;flex-direction:column!important;grid-template-areas:none!important;grid-template-columns:none!important;gap:22px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;}
html:root body .store-category-main :is(.store-category-side,.store-category-content){position:static!important;grid-area:auto!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;}
html:root body .store-category-main .store-category-side{display:block!important;}
html:root body .store-category-main .store-category-nav{position:static!important;display:flex!important;flex-wrap:wrap!important;gap:8px 16px!important;width:100%!important;min-height:0!important;border:0!important;}
html:root body .store-category-main #productGrid.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:none!important;width:var(--emkan-mobile-grid-width,92%)!important;max-width:100%!important;margin:0 auto!important;gap:var(--emkan-grid-row-gap,24px) var(--emkan-grid-gap,14px)!important;}
html:root body .store-category-main .product-card{width:100%!important;min-width:0!important;max-width:none!important;grid-area:auto!important;margin:0!important;}
html:root body .store-category-main .product-tools{width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;}
}

html:root body .project-main #slides{height:100%!important;max-height:100%!important;min-height:0!important;}
html:root body .project-main #slides>.slide{height:100%!important;max-height:100%!important;min-height:0!important;box-sizing:border-box!important;}
html:root body .project-main .project-layout{height:auto!important;min-height:0!important;}

/* Expanded media has exactly one visible surface; hidden fallbacks never occupy a grid row. */
html:root body #fullscreenViewer [hidden]{display:none!important;}
html:root body #fullscreenViewer .fullscreen-stage{overflow:hidden!important;}
html:root body #fullscreenSlides{overflow-y:hidden!important;height:100%!important;}
html:root body #fullscreenSlides>.fullscreen-slide{height:100%!important;min-height:0!important;box-sizing:border-box!important;grid-template-rows:minmax(0,1fr)!important;overflow:hidden!important;}
html:root body #fullscreenSlides .fullscreen-image{max-height:100%!important;min-height:0!important;object-fit:contain!important;}
html:root body #fullscreenSlides .fullscreen-video-shell{height:100%!important;max-height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;}
html:root body #fullscreenSlides .fullscreen-video-stage{flex:1 1 0!important;min-height:0!important;height:auto!important;max-height:100%!important;}
html:root body #fullscreenSlides .video-controls{flex:0 0 auto!important;}
/* Existing site disclosure mark, with its own reserved column. */
html:root body.content-section-page #contentApp#contentApp .emkan-v135-lesson>summary{display:grid!important;grid-template-columns:minmax(0,1fr) 22px!important;gap:20px!important;}
html:root body.content-section-page #contentApp#contentApp .emkan-v146-lesson-summary-main{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;}
html:root body.content-section-page #contentApp#contentApp summary>.emkan-v133-disclosure-mark{display:inline-block!important;position:relative!important;inset:auto!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-overview{border:0!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-overview::before,html:root body.content-section-page #contentApp#contentApp .v115-course-overview::after{display:none!important;}
@media(max-width:900px){
html:root body.content-section-page #contentApp#contentApp .v115-course-overview{display:flex!important;flex-direction:column!important;align-items:center!important;gap:24px!important;width:100%!important;max-width:none!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-media{grid-area:auto!important;width:76%!important;max-width:420px!important;margin-inline:auto!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts{grid-area:auto!important;width:100%!important;max-width:none!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts .v49-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 20px!important;}
html:root body.content-section-page #contentApp#contentApp .v115-course-facts .v49-facts>*{border:0!important;border-bottom:1px solid var(--line,#cbd0d5)!important;padding:8px 0!important;margin:0!important;}
}
/* Mobile navigation: compact typographic navigation. */
html:root body .emkan-mobile-nav-scrim{display:none!important;}
@media(max-width:1100px){
html:root body.emkan-mobile-nav-open #siteHeader{position:relative!important;z-index:2147482302!important;}
html:root body #siteHeader #primaryNav{position:fixed!important;top:var(--emkan-mobile-menu-top,110px)!important;left:50%!important;right:auto!important;bottom:auto!important;width:calc(100vw - 32px)!important;height:auto!important;max-height:calc(100dvh - var(--emkan-mobile-menu-top,110px))!important;padding:8px 20px 16px!important;box-sizing:border-box!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:var(--bg,#f7f8fa)!important;overflow-y:auto!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translate(-50%,-18px)!important;clip-path:inset(0 0 100% 0);transition:clip-path .5s cubic-bezier(.22,.61,.36,1),opacity .3s ease,transform .5s ease,visibility .5s!important;}
html:root body #siteHeader.is-nav-open #primaryNav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-50%,0)!important;clip-path:inset(0);}
html:root body #siteHeader #primaryNav .nav-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;gap:0!important;padding:0!important;margin:0 auto!important;max-width:360px!important;border:0!important;}
html:root body #siteHeader #primaryNav .nav-list>li{border:0!important;margin:0!important;padding:0!important;width:100%!important;}
html:root body #siteHeader #primaryNav .nav-link{min-height:42px!important;padding:8px 0!important;align-items:center!important;justify-content:center!important;font-size:13px!important;line-height:1.65!important;font-weight:400!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:normal!important;opacity:1!important;text-align:center!important;}
html:root body #siteHeader #primaryNav .nav-link:is(.is-current,[aria-current="page"]){color:var(--hover-accent,#56869b)!important;}
html:root body #siteHeader #primaryNav .nav-list>li:has(.emkan-ai-nav-link){grid-column:1/-1!important;margin-top:0!important;padding-top:0!important;border:0!important;}
html:root body #siteHeader #primaryNav .nav-list>li:has(.emkan-ai-nav-link)::before{display:none!important;}
html:root body #siteHeader #primaryNav .emkan-ai-nav-link{font-size:13px!important;color:var(--hover-accent,#56869b)!important;justify-content:center!important;}
html:root body .emkan-mobile-nav-scrim{display:none!important;}html:root body.emkan-mobile-nav-open .emkan-mobile-nav-scrim{display:block!important;position:fixed!important;inset:0!important;z-index:-1!important;border:0!important;background:rgba(15,20,25,.18)!important;}html:root body.emkan-mobile-nav-open{overflow:hidden!important;}
html:root body #siteHeader.is-nav-open #primaryNav .nav-list>li{animation:emkanNavItem .45s ease both;animation-delay:calc(var(--nav-item-index,0)*.045s + .1s)!important;}

}
@keyframes emkanNavItem{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){html:root body #siteHeader #primaryNav,html:root body #siteHeader #primaryNav *{animation:none!important;transition:none!important;}}

/* Keep search rails close to their content without changing card or text widths. */
@media(min-width:1101px){
html:root body :is(.detail-layout.civil-browser-layout,.detail-layout.research-browser-layout,.articles-layout-architecture){width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;justify-content:space-evenly!important;column-gap:0!important;}
}

@media(max-width:1100px){
html:root body #siteHeader #primaryNav .nav-list>li+li:has(.nav-link){border-top:1px solid var(--line,#cbd0d5)!important;}
html:root body.content-section-page #contentApp#contentApp summary>.emkan-v133-disclosure-mark{height:10px!important;min-height:10px!important;align-self:center!important;}
html:root body.content-section-page #contentApp#contentApp summary>.emkan-v133-disclosure-mark::before{top:2px!important;bottom:auto!important;margin:0!important;}
html:root body.content-section-page #contentApp#contentApp summary>.emkan-v133-disclosure-mark::after{top:7px!important;bottom:auto!important;margin:0!important;}
}

html:root:has(body.emkan-mobile-nav-open){overflow:hidden!important;overscroll-behavior:none!important;}
html:root body .product-main .product-lower.product-lower{width:100%!important;max-width:none!important;margin-inline:0!important;grid-column:1/-1!important;box-sizing:border-box!important;}
html:root body .product-main .product-tabs{width:100%!important;max-width:none!important;box-sizing:border-box!important;}
@media(max-width:900px){
html:root body .product-main .product-post-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:20px!important;width:100%!important;margin-inline:0!important;text-align:center!important;}
html:root body .product-post-actions>*{flex:0 0 auto!important;width:auto!important;margin:0!important;text-align:center!important;}
html:root body #contentApp#contentApp .learning-stages .learning-tree{display:flex!important;flex-direction:column!important;width:100%!important;}
html:root body #contentApp#contentApp .learning-stages .stage-content{position:static!important;width:100%!important;margin:8px 0 20px!important;padding:8px 0!important;min-height:0!important;}
}
@media(min-width:641px){
html:root body:has(.about-main) #companyAxis#companyAxis{display:flex!important;flex-direction:column!important;width:100%!important;padding:0!important;gap:0!important;}
html:root body:has(.about-main) #companyAxis#companyAxis::before{top:20px!important;bottom:20px!important;left:auto!important;right:8px!important;width:1px!important;height:auto!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button{flex-direction:row!important;min-height:40px!important;padding:8px 28px 8px 0!important;text-align:start!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button::after{top:calc(50% - 4px)!important;left:auto!important;right:4px!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .axis-name{text-align:start!important;}
}

html:root body .product-main .product-tabs{border-bottom:1px solid var(--line,#cbd0d5)!important;}
@media(min-width:641px){
html:root body:has(.about-main) #companyAxis#companyAxis{align-items:stretch!important;direction:rtl!important;}
html:root body:has(.about-main) #companyAxis#companyAxis li{width:100%!important;}
html:root body:has(.about-main) #companyAxis#companyAxis .practice-button{justify-content:flex-start!important;direction:rtl!important;}
html:root[lang="en"] body:has(.about-main) #companyAxis#companyAxis,html:root[lang="en"] body:has(.about-main) #companyAxis#companyAxis .practice-button{direction:ltr!important;}
html:root[lang="en"] body:has(.about-main) #companyAxis#companyAxis::before{left:8px!important;right:auto!important;}
html:root[lang="en"] body:has(.about-main) #companyAxis#companyAxis .practice-button{padding:8px 0 8px 28px!important;}
html:root[lang="en"] body:has(.about-main) #companyAxis#companyAxis .practice-button::after{left:4px!important;right:auto!important;}
}

html:root body .product-main .product-lower.product-lower{border-top-width:1px!important;border-top-style:solid!important;border-top-color:var(--line,#cbd0d5)!important;}

/* Desktop navigation remains a single continuous row. */
@media(min-width:1101px){
html:root body #siteHeader #primaryNav .nav-list{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;max-width:none!important;gap:clamp(10px,1.15vw,22px)!important;}
html:root body #siteHeader #primaryNav .nav-list>li:has(.emkan-ai-nav-link){position:static!important;transform:none!important;flex:0 0 auto!important;width:auto!important;margin:0!important;padding:0!important;order:99!important;}
html:root body #siteHeader #primaryNav .nav-list>li:has(.emkan-ai-nav-link)::before{display:none!important;}
html:root body #siteHeader #primaryNav .nav-link{white-space:nowrap!important;}
}
@media(max-width:640px){
html:root body .product-main .product-info{padding-inline:0!important;}
html:root body .product-main .product-info .product-post-actions{position:relative!important;left:auto!important;right:auto!important;inset-inline:auto!important;transform:none!important;translate:none!important;max-width:none!important;width:var(--mobile-cart-action-width,100%)!important;box-sizing:border-box!important;padding:0!important;margin:12px var(--mobile-cart-action-right,0px) 0 var(--mobile-cart-action-left,0px)!important;}
html:root body #contentApp#contentApp .learning-stages .stage-content>h3{display:none!important;}
html:root body .page-shell>main.article-page{padding-inline:18px!important;box-sizing:border-box!important;}
html:root body .article-page :is(.article-flow,.article-page-head,.article-references,#articleFooter,.article-footer,.emkan-article-keyword-row){width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box!important;}
html:root body :is(.text-scroll-shell,.v49-entry-body,.v49-richtext,.v49-section-body,.product-tab-panel,.company-copy,.detail-copy,.detail-title,.detail-note){padding-inline:16px!important;box-sizing:border-box!important;}
}
@media(min-width:641px){
html:root body:has(.about-main) .company-body{display:grid!important;grid-template-columns:minmax(140px,.8fr) minmax(0,2fr)!important;grid-template-areas:"axis copy"!important;direction:ltr!important;align-items:start!important;gap:clamp(24px,3vw,48px)!important;}
html:root body:has(.about-main) .company-copy{grid-area:copy!important;direction:rtl!important;min-width:0!important;}
html:root body:has(.about-main) #companyAxis#companyAxis{grid-area:axis!important;margin:0!important;}
html:root[lang="en"] body:has(.about-main) .company-copy{direction:ltr!important;}
}

html:root body .article-page #articleFooter{width:100%!important;max-width:none!important;margin-inline:0!important;box-sizing:border-box!important;}

/* Listing children must release inherited fixed desktop widths together. */
@media(max-width:1100px){
html:root body :is(.detail-layout.civil-browser-layout,.detail-layout.research-browser-layout,.articles-layout-architecture){display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-areas:none!important;width:100%!important;max-width:100%!important;gap:24px!important;margin-inline:0!important;}
html:root body :is(.civil-project-listing,.research-listing,.civil-project-results,.research-grid,.research-row-list,.articles-content){position:static!important;grid-area:auto!important;width:100%!important;max-width:none!important;min-width:0!important;margin-inline:0!important;transform:none!important;box-sizing:border-box!important;}
html:root body :is(.civil-filter-rail,.research-filter-rail){position:static!important;grid-area:auto!important;order:-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;align-items:start!important;width:100%!important;max-width:none!important;margin:0!important;}
html:root body :is(.civil-project-results,.research-grid,.research-row-list){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 16px!important;}
html:root body :is(.civil-project-card,.research-row){grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"title" "meta" "summary"!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
}

/* The listing is a container, not a second nested two-column grid. */
@media(max-width:1100px){
html:root body .detail-layout :is(.civil-project-listing,.research-listing){display:block!important;grid-template-columns:none!important;grid-template-areas:none!important;}
html:root body .detail-layout :is(.civil-project-results,.research-grid,.research-row-list){grid-column:1/-1!important;width:100%!important;max-width:none!important;margin:0!important;}
}
.project-mobile-copy{display:none;}
@media(max-width:640px){
html:root body .project-main .project-layout{display:flex!important;flex-direction:column!important;gap:12px!important;height:auto!important;}
html:root body .project-main .viewer-column{order:0!important;}
html:root body .project-main .thumb-column{order:1!important;width:100%!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;}
html:root body .project-main #thumbsRail{display:flex!important;flex-direction:row!important;gap:8px!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;padding:0 0 8px!important;overflow-x:auto!important;overflow-y:hidden!important;}
html:root body .project-main #thumbsRail .vthumb:not(.vthumb--text){flex:0 0 66px!important;width:66px!important;height:52px!important;margin:0!important;}
html:root body .project-main #thumbsRail .vthumb--text,html:root body .project-main #slides>.slide--text{display:none!important;}
html:root body .project-main .project-mobile-copy{display:block!important;margin:24px 0 0!important;padding:0 16px!important;background:transparent!important;border:0!important;}
html:root body .project-mobile-copy>section{margin:0 0 28px!important;padding:0!important;border:0!important;background:transparent!important;}
html:root body .project-mobile-copy :is(.text-fixed,.text-copy){width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;}
html:root body .project-mobile-copy h2{font-size:18px!important;line-height:1.8!important;}
html:root body .project-mobile-copy p{font-size:13px!important;line-height:2!important;}
}

/* Only the two requested phone listings use a single full-width column. */
@media(max-width:640px){
html:root body:is([data-civil-category="passive-defense"],[data-civil-category="industrialization"]) .civil-project-results{grid-template-columns:minmax(0,1fr)!important;}
}

/* Per-resource reading mode, chosen independently for phone and larger screens. */
.reading-mobile-modes{display:none!important;}
html:root body #contentApp#contentApp .v49-reading[data-reading-mode="tree"]>.reading-mobile-modes{display:none!important;}
html:root body #contentApp#contentApp .v49-reading:is([data-reading-mode="text"],[data-reading-mode="accordion"])>.learning-workspace,
html:root body #contentApp#contentApp .v69-content-detail-layout:has(.v49-reading:is([data-reading-mode="text"],[data-reading-mode="accordion"]))>.v69-content-search-rail{display:none!important;}
html:root body #contentApp#contentApp .v69-content-detail-layout:has(.v49-reading:is([data-reading-mode="text"],[data-reading-mode="accordion"])){display:block!important;}
html:root body #contentApp#contentApp .v49-reading:is([data-reading-mode="text"],[data-reading-mode="accordion"]){width:100%!important;max-width:none!important;grid-area:auto!important;}
html:root body #contentApp#contentApp .v49-reading:is([data-reading-mode="text"],[data-reading-mode="accordion"])>.reading-mobile-modes{display:block!important;width:100%;margin-top:24px;}
html:root body #contentApp#contentApp .reading-mobile-body p{display:block!important;position:static!important;margin:0 0 22px!important;width:100%!important;max-height:none!important;overflow:visible!important;line-height:2;}
html:root body #contentApp#contentApp .reading-mobile-body details{border:0;border-bottom:1px solid var(--line,#d0d4d8);padding:0;background:none;}
html:root body #contentApp#contentApp .reading-mobile-body summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:16px 0;cursor:pointer;font-size:13px;}
html:root body #contentApp#contentApp .reading-mobile-body summary::-webkit-details-marker{display:none;}
html:root body #contentApp#contentApp .reading-mobile-body summary::after{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s;}
html:root body #contentApp#contentApp .reading-mobile-body details[open]>summary::after{transform:rotate(225deg);}

/* Listing controls: one search geometry; phone labels remain in the search data. */
html:root body :is(.project-search,.civil-search,.research-search,.article-project-search),
html:root body #contentApp#contentApp .v49-search-group{height:36px!important;min-height:36px!important;max-height:36px!important;margin-block:0!important;padding-block:0!important;box-sizing:border-box!important;}
html:root body :is(.project-search,.civil-search,.research-search,.article-project-search) input,
html:root body #contentApp#contentApp .v49-search-group input{height:35px!important;min-height:35px!important;line-height:35px!important;padding-block:0!important;font-size:12px!important;}
html:root body :is(.civil-filter,.research-filter)>summary,
html:root body :is(.article-category-toggle,#categoryToggle){height:36px!important;min-height:36px!important;box-sizing:border-box!important;padding-block:0!important;line-height:36px!important;font-size:12px!important;}
@media(min-width:1101px){
html:root body :is(.civil-filter-rail,.research-filter-rail,.article-category-panel){width:176px!important;max-width:176px!important;justify-self:end!important;}
}
@media(max-width:1100px){
html:root body :is(.civil-filter-rail,.research-filter-rail,.article-category-panel),
html:root body #contentApp#contentApp .v49-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;direction:rtl!important;display:grid!important;}
html:root body :is(.civil-search,.research-search,.article-project-search),
html:root body #contentApp#contentApp .v49-search-group{grid-column:1!important;grid-row:1!important;width:100%!important;}
html:root body :is(.civil-filter,.research-filter,.article-category-toggle){grid-column:2!important;grid-row:1!important;width:100%!important;}
html:root body:has(#projectGallery) .projects-layout{display:block!important;width:100%!important;max-width:none!important;}
html:root body:has(#projectGallery) .category-panel:has(.emkan-mobile-filter-row){display:block!important;width:100%!important;max-width:none!important;min-width:0!important;position:static!important;transform:none!important;margin:0!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;direction:rtl!important;width:100%!important;gap:16px!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row .project-search{grid-column:1!important;grid-row:1!important;height:36px!important;min-height:36px!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row #categoryToggle{grid-column:2!important;grid-row:1!important;height:36px!important;min-height:36px!important;line-height:36px!important;}
html:root body:has(#projectGallery) .emkan-mobile-filter-row #projectSearch{height:35px!important;min-height:35px!important;line-height:35px!important;}
}
@media(max-width:640px){
html:root body :is(.civil-project-meta,.research-row-meta){display:none!important;}
html:root body .research-listing .research-row-list{grid-template-columns:minmax(0,1fr)!important;gap:0!important;}
html:root body .research-row-list .research-row-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"title" "summary"!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;}
html:root body .research-row-card .research-row-title{grid-area:title!important;}
html:root body .research-row-card .research-row-summary{grid-area:summary!important;}
html:root body .civil-project-card{grid-template-areas:"title" "summary"!important;}
html:root body .architecture-main{padding-top:20px!important;margin-top:0!important;}
html:root body .architecture-main .projects-layout{margin-top:0!important;padding-top:0!important;}
}
@media(max-width:1100px){
html:root body #contentApp#contentApp .v49-rail{width:calc(100% + 28px)!important;max-width:none!important;margin-inline:-14px!important;}
}
/* Learning-resource covers: a single gentle fade, no stacked movement. */
html:root body #contentApp#contentApp[data-resource-listing="true"] .category-card,
html:root body #contentApp#contentApp[data-resource-listing="true"] .category-square{transform:none!important;translate:none!important;rotate:none!important;animation:none!important;opacity:1!important;transition:opacity .6s ease!important;}
html:root body #contentApp#contentApp[data-resource-listing="true"] .category-square img{transform:none!important;translate:none!important;animation:none!important;transition:filter .35s ease!important;}

@media(min-width:641px) and (max-width:1100px){
html:root body:has(#projectGallery) #categoryToggle{display:flex!important;align-items:center!important;justify-content:space-between!important;}
html:root body:has(#projectGallery) .category-panel:not(.is-open)>.category-list{display:none!important;}
html:root body:has(#projectGallery) .category-panel.is-open>.category-list{display:block!important;max-height:none!important;width:100%!important;}
}