/* emkan-v106.css */
/* EMKAN v106 — production polish pass requested after first live-host test.
   Kept as a final override layer so prior approved styling remains intact. */

/* 1 + 3) Header geometry: mobile menu toggle is optically centered under EMKAN;
   desktop gains equal breathing room on both sides after Account is injected. */
@media (min-width:901px){
  .site-header{max-width:780px!important}
  .nav-frame{min-height:36px!important}
  .primary-nav{padding-inline:88px!important}
  .nav-list{max-width:690px!important;gap:clamp(12px,1.35vw,19px)!important}
  .language-button{left:18px!important}
  .theme-button{right:18px!important}
  .nav-link[data-emkan-account]{margin-inline-start:4px!important}
}
@media (max-width:900px){
  .site-header .nav-frame{position:relative!important;grid-template-columns:48px minmax(0,1fr) 48px!important;grid-template-areas:"lang toggle theme" "nav nav nav"!important}
  .site-header .mobile-menu-button{
    position:absolute!important;left:50%!important;top:23px!important;
    transform:translate(-50%,-50%)!important;margin:0!important;justify-self:auto!important;z-index:3!important
  }
  .site-header .mobile-menu-icon{margin:0 auto!important}
  .site-header .language-button{justify-self:start!important;margin-left:7px!important}
  .site-header .theme-button{justify-self:end!important;margin-right:7px!important}
}

/* 5) Education detail cover: one large color image + three compact monochrome thumbnails. */
.v106-course-gallery{display:grid;grid-template-columns:2fr 1fr;gap:8px;width:100%;aspect-ratio:16/9;margin:20px 0 34px;direction:ltr}
.v106-course-gallery-main{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);background:var(--panel,var(--bg))}
.v106-course-gallery-main img{width:100%;height:100%;display:block;object-fit:cover;filter:none!important;transform:none!important;transition:opacity .22s ease}
.v106-course-gallery-main img.is-changing{opacity:.35}
.v106-course-gallery-thumbs{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px;min-height:0}
.v106-course-thumb{display:block;width:100%;height:100%;min-height:0;padding:0;border:1px solid var(--line);background:transparent;overflow:hidden;cursor:pointer}
.v106-course-thumb img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)!important;transform:none!important;opacity:.82;transition:opacity .2s ease,border-color .2s ease}
.v106-course-thumb:is(:hover,:focus-visible,.is-active) img{filter:grayscale(100%)!important;opacity:1}
.v106-course-thumb:focus-visible{outline:1px solid var(--hover-accent);outline-offset:2px}
@media(max-width:700px){
  .v106-course-gallery{grid-template-columns:2fr 1fr;aspect-ratio:4/3;gap:6px;margin:14px 0 24px}
  .v106-course-gallery-thumbs{gap:6px}
}

/* 6) A single unambiguous course action. */
.v106-course-single-action{margin-top:40px!important}
.v106-course-single-action .v49-button{min-width:190px;text-align:center}

/* 8 + 11) Mobile landing pages stay two-column and media is color because touch has no hover state. */
@media(max-width:700px){
  body:is(.civil-page,.research-page,.content-page) .category-grid,
  .module-main .category-grid,
  .store-main .store-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 12px!important;width:100%!important;max-width:none!important;justify-content:stretch!important;align-items:start!important
  }
  .module-main .category-card,.store-main .store-card{width:100%!important;min-width:0!important;margin:0!important}
  .module-main .category-square,.store-main .store-square{width:100%!important;aspect-ratio:1!important}
  .module-main .category-caption-text,.store-main .store-caption-text{font-size:9.6px!important;line-height:1.55!important}
}
@media(max-width:900px){
  :is(.category-card,.project-card,.store-card,.product-card,.v49-work-card,.research-index-card,.emkan-related-item) img,
  :is(.category-media,.category-square,.store-big,.store-small,.product-card-media,.v49-work-media,.research-index-media,.episode,.podcast-series-cover,.player-cover) img,
  .episode-cover,.podcast-series-cover,.player-cover,.dx-card-media,.v71-sample-visual img,.v73-sample-main img,.v73-sample-thumb img{
    filter:none!important;opacity:1!important
  }
}

/* 9) Detail pages with a single non-interactive hero image are always color. */
.research-entry-media img,.civil-entry-media img,.v49-person img,
.product-main .product-media img,.product-main .product-gallery-main img,
.article-entry-media img,.single-media img,.detail-media img{filter:none!important;opacity:1!important}

/* 13) Podcast transport remains one horizontal line on phones; play is first and speed is tap-to-cycle. */
.podcast-audio-line{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;direction:ltr!important;flex-direction:row!important;width:100%!important}
.podcast-audio-line .podcast-play-toggle{order:0!important;flex:0 0 28px!important}
.podcast-audio-line [data-current]{order:1!important}
.podcast-audio-line .podcast-seek{order:2!important;flex:1 1 auto!important;min-width:48px!important}
.podcast-audio-line [data-duration]{order:3!important}
.podcast-audio-line .podcast-speed-cycle{order:4!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;min-width:38px!important}
@media(max-width:560px){
  .podcast-audio-line{gap:5px!important}
  .podcast-audio-line .podcast-time{display:inline!important;font-size:8px!important;white-space:nowrap!important}
  .podcast-audio-line .podcast-speed-cycle{min-width:34px!important;flex-basis:34px!important;font-size:8px!important}
}

/* 12) Real-image fallback injected by v106.js should behave exactly like native covers. */
.emkan-v106-fallback-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;z-index:0!important}
@media(min-width:901px){.emkan-v106-fallback-image{filter:grayscale(100%)!important}.category-card:hover .emkan-v106-fallback-image,.store-card:hover .emkan-v106-fallback-image,.product-card:hover .emkan-v106-fallback-image{filter:none!important}}
@media(max-width:900px){.emkan-v106-fallback-image{filter:none!important}}

/* General compatibility fallbacks for engines without color-mix / backdrop-filter. */
@supports not (background:color-mix(in srgb,#000 50%,#fff)){
  .store-glass,.category-glass{background:rgba(247,248,250,.86)!important}
  html[data-theme="dark"] .store-glass,html[data-theme="dark"] .category-glass{background:rgba(17,20,25,.86)!important}
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))){
  .store-glass,.category-glass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}


/* v107 follow-up — instructor / mentor portraits remain true square frames. */
body.v90-education-item-page #contentApp .v49-person{
  grid-template-columns:96px minmax(0,1fr)!important;
  align-items:start!important;
}
body.v90-education-item-page #contentApp .v49-person :is(img,.v49-art){
  display:block!important;
  width:96px!important;
  min-width:96px!important;
  height:96px!important;
  min-height:96px!important;
  max-width:96px!important;
  max-height:96px!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
@media(max-width:560px){
  body.v90-education-item-page #contentApp .v49-person{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important}
  body.v90-education-item-page #contentApp .v49-person :is(img,.v49-art){
    width:82px!important;min-width:82px!important;height:82px!important;min-height:82px!important;max-width:82px!important;max-height:82px!important
  }
}

/* emkan-v108.css */
/* EMKAN v108 — final requested production refinements. */

/* 1) Context/address links below the global menu must remain clickable on desktop too. */
:is(.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar){position:relative!important;isolation:isolate!important;z-index:4000!important}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path){position:relative!important;z-index:4001!important;pointer-events:auto!important}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) a.emkan-crumb{position:relative!important;z-index:4002!important;display:inline!important;pointer-events:auto!important;cursor:pointer!important;text-decoration:none!important}
:is(.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar)::before,
:is(.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar)::after{pointer-events:none!important}

/* 6) Welcome wordmark: only on phones, slightly stronger stroke and closer letters. */
@media(max-width:700px){
  .welcome{--line-width:1.16;--letter-gap:clamp(2px,.62vw,4px);--tight-factor:.54}
}
@media(max-width:360px){.welcome{--line-width:1.12;--letter-gap:2px}}

/* 7 + 8) Course detail gallery replaces the extra single cover. One color main image,
   three square monochrome thumbnails, and one centered CTA directly below. */
body.v90-education-item-page #contentApp .learning-course-cover{display:none!important}
body.v90-education-item-page #contentApp .v106-course-gallery{
  display:grid!important;grid-template-columns:minmax(0,1fr) clamp(92px,14vw,142px)!important;
  gap:8px!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;
  align-items:stretch!important;margin:18px 0 12px!important;direction:ltr!important
}
body.v90-education-item-page #contentApp .v106-course-gallery-main{height:100%!important;min-height:0!important;aspect-ratio:auto!important}
body.v90-education-item-page #contentApp .v106-course-gallery-main img{filter:none!important;opacity:1!important}
body.v90-education-item-page #contentApp .v106-course-gallery-thumbs{display:grid!important;grid-template-rows:repeat(3,auto)!important;gap:8px!important;align-content:start!important}
body.v90-education-item-page #contentApp .v106-course-thumb{width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important}
body.v90-education-item-page #contentApp .v106-course-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;filter:grayscale(100%)!important;opacity:.82!important}
body.v90-education-item-page #contentApp .v106-course-thumb:is(:hover,:focus-visible,.is-active) img{filter:grayscale(100%)!important;opacity:1!important}
body.v90-education-item-page #contentApp .v106-course-single-action{width:100%!important;margin:0 0 26px!important;display:flex!important;justify-content:center!important;align-items:center!important}
body.v90-education-item-page #contentApp .v106-course-single-action .v49-button{min-width:190px!important;text-align:center!important;justify-content:center!important}
@media(max-width:620px){
  body.v90-education-item-page #contentApp .v106-course-gallery{grid-template-columns:minmax(0,1fr) clamp(72px,24vw,104px)!important;gap:6px!important;margin-top:12px!important}
  body.v90-education-item-page #contentApp .v106-course-gallery-thumbs{gap:6px!important}
}

/* 9) Content Creation covers stay two-column on phones across its main cover grids. */
@media(max-width:700px){
  body.emkan-content-landing .module-main .category-grid,
  body.emkan-content-landing .module-main .category-grid.category-grid--five,
  body.content-section-page #contentApp :is(.v49-grid,.v49-work-grid,.v74-level2-grid,.v74-sample-grid,.v73-portfolio-grid){
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;
    gap:24px 12px!important;justify-content:stretch!important;align-items:start!important
  }
  body.emkan-content-landing .module-main .category-card,
  body.content-section-page #contentApp :is(.category-card,.v49-work-card,.v71-sample-card){width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;justify-self:stretch!important}
}

/* 10) Mobile language rail stays inside the header in Persian and Arabic. */
@media(max-width:900px){
  .site-header .nav-frame{grid-template-columns:70px minmax(0,1fr) 70px!important}
  .site-header .language-button{max-width:68px!important;width:68px!important;min-width:0!important;margin-left:0!important;padding:0 2px!important;overflow:hidden!important;justify-content:flex-start!important}
  .site-header .language-direct-choice{min-width:18px!important;font-size:8.4px!important;letter-spacing:.01em!important;flex:0 0 auto!important}
  .site-header .language-direct-divider{margin-inline:2px!important;flex:0 0 auto!important}
}
@media(max-width:360px){
  .site-header .nav-frame{grid-template-columns:62px minmax(0,1fr) 62px!important}
  .site-header .language-button{width:60px!important;max-width:60px!important}
  .site-header .language-direct-choice{min-width:17px!important;font-size:7.8px!important}
  .site-header .language-direct-divider{margin-inline:1px!important}
}

/* 11) On touch layouts, cover titles live only under the covers, never over imagery. */
@media(max-width:900px){
  :is(.category-square,.store-square,.product-card-media,.v49-work-media,.research-index-media,.img-wrapper)
  :is(.category-name,.category-overlay,.category-glass,.store-overlay,.store-glass,.cover-title,.image-title,.media-title){display:none!important}
  :is(.category-square,.store-square,.product-card-media,.v49-work-media,.research-index-media,.img-wrapper)::before,
  :is(.category-square,.store-square,.product-card-media,.v49-work-media,.research-index-media,.img-wrapper)::after{pointer-events:none!important}
}

/* 12) About tree labels: only a tiny mobile readability increase. */
@media(max-width:640px){
  .about-main .practice-button .axis-name,.practice-button .axis-name{font-size:11.2px!important;line-height:1.62!important}
}

/* 13) Team: populated images, slightly smaller mobile cards, slightly clearer type. */
@media(max-width:700px){
  .people-grid{width:94%!important;margin-inline:auto!important;gap:20px 12px!important}
  .person-card-media,.person-card.is-senior .person-card-media{aspect-ratio:1/1!important}
  .person-card-media img{filter:none!important;opacity:1!important;object-fit:cover!important}
  .person-card-name{font-size:12px!important;font-weight:560!important;line-height:1.55!important}
  .person-card-role{font-size:9.4px!important;line-height:1.55!important}
}


/* v108 hardening — final pass */
/* With ACCOUNT added, the tablet main menu now has an even 8-item grid. */
@media (min-width:561px) and (max-width:980px){
  .menu-list .menu-cell:last-child{grid-column:auto!important;justify-self:stretch!important;width:auto!important}
}

/* Keep the under-header address row above decorative/transition layers on pointer devices. */
@media (min-width:901px){
  .emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar{z-index:10020!important;pointer-events:auto!important}
  .emkan-context-bar *, .podcast-context-bar *, .store-context-bar *, .product-toolbar *{pointer-events:auto!important}
}

/* Content landing mobile cards: old responsive rules in earlier bundles must not collapse this to one column. */
@media(max-width:700px){
  body.emkan-content-landing #categoryGrid.category-grid,
  body.emkan-content-landing #categoryGrid.category-grid.category-grid--five{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-auto-flow:row!important;column-gap:12px!important;row-gap:24px!important;
  }
  body.emkan-content-landing #categoryGrid > .category-card{display:block!important;width:100%!important;min-width:0!important;max-width:none!important}
}

/* Team mobile tightening is intentionally subtle. */
@media(max-width:700px){
  .people-grid{width:92%!important}
  .person-card-caption{gap:7px!important}
  .person-card-name{font-size:12.2px!important;font-weight:600!important}
  .person-card-role{font-size:9.6px!important;font-weight:430!important}
}

/* emkan-v109.css */
/* EMKAN v109 — final interaction/stability refinements */
/* Desktop context/breadcrumb links must sit above decorative overlays. */
.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar{position:relative!important;isolation:isolate!important;z-index:10021!important;pointer-events:auto!important}
.emkan-context-path,.product-context-path,#podcastPath,#storeCategoryPath,#productPath,.v49-kicker{position:relative!important;z-index:10022!important;pointer-events:auto!important}
.emkan-context-path a.emkan-crumb,.product-context-path a.emkan-crumb,#podcastPath a.emkan-crumb,#storeCategoryPath a.emkan-crumb,#productPath a.emkan-crumb,.v49-kicker a.emkan-crumb{position:relative!important;z-index:10023!important;pointer-events:auto!important;cursor:pointer!important}
.emkan-context-path::before,.emkan-context-path::after,.product-context-path::before,.product-context-path::after{pointer-events:none!important}

/* Welcome: only mobile gets a slightly stronger, tighter EMKAN line drawing. */
@media(max-width:700px){.welcome{--line-width:1.46!important;--letter-gap:clamp(.7px,.24vw,1.7px)!important;--tight-factor:.40!important}}
@media(max-width:380px){.welcome{--line-width:1.42!important;--letter-gap:.65px!important;--tight-factor:.39!important}}

/* Course gallery = store-cover scale on desktop; mobile layout from v108 stays untouched. */
@media(min-width:621px){
  body.v90-education-item-page #contentApp .v106-course-gallery{width:min(100%,520px)!important;aspect-ratio:auto!important;grid-template-columns:calc(75% - 2px) calc(25% - 6px)!important;gap:8px!important;margin:18px auto 28px!important;align-items:stretch!important}
  body.v90-education-item-page #contentApp .v106-course-gallery-main{width:100%!important;height:auto!important;aspect-ratio:1!important;min-height:0!important}
  body.v90-education-item-page #contentApp .v106-course-gallery-thumbs{width:100%!important;height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:8px!important;align-content:stretch!important}
  body.v90-education-item-page #contentApp .v106-course-thumb{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:1!important;overflow:hidden!important}
  body.v90-education-item-page #contentApp .v106-course-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.v90-education-item-page #contentApp .v106-course-actions{width:min(100%,520px)!important;margin-inline:auto!important;text-align:center!important;justify-content:center!important}
}

/* R&D covers: image stays clean; title exists only below. */
.research-page .category-glass,.research-page .category-overlay,.research-page .category-name,.research-page .category-overlay-line{display:none!important}
.research-page .category-media::after{display:none!important;content:none!important}
.research-page .category-caption{position:static!important;padding:9px 0 0!important;color:var(--fg)!important;text-shadow:none!important;pointer-events:none!important}
.research-page .category-caption-text{color:var(--fg)!important;text-shadow:none!important}

/* Store category mobile: two columns + explicit direction/alignment. */
@media(max-width:760px){.store-category-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}.store-category-nav{scrollbar-width:none}.store-category-nav::-webkit-scrollbar{display:none}}
@media(max-width:430px){.store-category-main .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html[lang="fa"] .store-category-nav,html[lang="ar"] .store-category-nav{direction:rtl!important;text-align:right!important}html[lang="fa"] .store-category-nav a,html[lang="ar"] .store-category-nav a{justify-content:flex-start!important;text-align:right!important}html[lang="en"] .store-category-nav{direction:ltr!important;text-align:left!important}html[lang="en"] .store-category-nav a{justify-content:flex-start!important;text-align:left!important}
html[lang="fa"] .store-category-title-row,html[lang="fa"] .product-card-caption,html[lang="ar"] .store-category-title-row,html[lang="ar"] .product-card-caption{text-align:right!important;direction:rtl!important}html[lang="en"] .store-category-title-row,html[lang="en"] .product-card-caption{text-align:left!important;direction:ltr!important}
@media(hover:none),(pointer:coarse){.store-category-main .product-card-media img{filter:grayscale(0)!important;opacity:1!important}}

/* Keep related products dimensionally stable while a main product image swaps. */
.related,.related-products,#relatedProducts{min-height:150px;contain:layout}.related-item .related-media{aspect-ratio:1;overflow:hidden}.related-item .related-media img{width:100%;height:100%;object-fit:cover;display:block}
.product-main-image .product-main-swap{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}

/* Fullscreen/admin helpers. */
.production-users-link--floating{position:fixed;z-index:9998;inset-inline-end:14px;bottom:14px;padding:8px 10px;border:1px solid currentColor;background:var(--bg,#f7f8fa);color:var(--fg,#111);font:500 9px/1.2 Arial,sans-serif;text-decoration:none;opacity:.78}.production-users-link--floating:hover{opacity:1;color:var(--hover-accent,#2c5282)}

/* emkan-v110.css */
/* EMKAN v110 — final layout + interaction corrections */

/* 1) ACCOUNT is emitted as the final DOM item in every primary menu (no :has dependency). */

/* 5) Course detail gallery: store-like, compact, aligned, one large + 3 square thumbnails. */
@media (min-width:701px){
  html body.content-section-page #contentApp .v106-course-gallery{
    --v110-course-thumb:104px;
    --v110-course-gap:8px;
    width:min(100%,440px)!important;
    height:328px!important;
    aspect-ratio:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) var(--v110-course-thumb)!important;
    grid-template-rows:1fr!important;
    gap:var(--v110-course-gap)!important;
    margin:18px auto 18px!important;
    align-items:stretch!important;
    direction:ltr!important;
  }
  html body.content-section-page #contentApp .v106-course-gallery-main{
    width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
    aspect-ratio:auto!important;overflow:hidden!important;
  }
  html body.content-section-page #contentApp .v106-course-gallery-main img{
    width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;
  }
  html body.content-section-page #contentApp .v106-course-gallery-thumbs{
    width:var(--v110-course-thumb)!important;height:100%!important;
    display:grid!important;grid-template-rows:repeat(3,var(--v110-course-thumb))!important;
    gap:var(--v110-course-gap)!important;align-content:stretch!important;
  }
  html body.content-section-page #contentApp .v106-course-thumb{
    width:var(--v110-course-thumb)!important;height:var(--v110-course-thumb)!important;
    min-width:0!important;min-height:0!important;aspect-ratio:1/1!important;
  }
  html body.content-section-page #contentApp .v106-course-thumb img{
    width:100%!important;height:100%!important;object-fit:cover!important;
    filter:grayscale(100%)!important;opacity:.84!important;
  }
  html body.content-section-page #contentApp .v106-course-thumb:is(:hover,:focus-visible,.is-active) img{
    filter:grayscale(100%)!important;opacity:1!important;
  }
}
@media (max-width:700px){
  html body.content-section-page #contentApp .v106-course-gallery{
    width:100%!important;max-width:440px!important;margin:12px auto 16px!important;
  }
}
html body.content-section-page #contentApp .v106-course-single-action,
html body.content-section-page #contentApp .v106-course-actions{
  width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;
  margin:0 auto 24px!important;text-align:center!important;
}
html body.content-section-page #contentApp .v106-course-single-action .v49-button,
html body.content-section-page #contentApp .v106-course-actions .v49-button{
  margin-inline:auto!important;justify-content:center!important;text-align:center!important;
}

/* 7) R&D landing: absolutely no title/overlay on the image; title remains below only. */
.research-page .category-square :is(.category-name,.category-overlay,.category-glass,.category-overlay-line,.category-caption,.cover-title,.image-title,.media-title),
.research-page .category-square > [class*="title"],
.research-page .category-square > [class*="caption"]{display:none!important}
.research-page .category-square .category-media::after,
.research-page .category-square::before,
.research-page .category-square::after{content:none!important;display:none!important}
.research-page .category-card > .category-caption{
  display:grid!important;position:static!important;inset:auto!important;padding:9px 0 0!important;
  color:var(--fg)!important;text-shadow:none!important;pointer-events:none!important;
}
.research-page .category-card > .category-caption .category-caption-text{color:var(--fg)!important;text-shadow:none!important}

/* 8 + 9) Store category on phone: always two columns, correct language direction/alignment. */
@media (max-width:760px){
  body .store-category-main .store-category-content #productGrid.product-grid,
  body .store-category-main #productGrid.product-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 10px!important;width:100%!important;
  }
  html[dir="rtl"] .store-category-main :is(.store-category-nav,.store-subcategory-filter,.store-subcategory-filter>summary,.store-subcategory-list){
    direction:rtl!important;text-align:right!important;
  }
  html[dir="ltr"] .store-category-main :is(.store-category-nav,.store-subcategory-filter,.store-subcategory-filter>summary,.store-subcategory-list){
    direction:ltr!important;text-align:left!important;
  }
  .store-category-main .store-subcategory-filter>summary{
    display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;
  }
  html[dir="rtl"] .store-category-main .store-subcategory-list a{display:block!important;text-align:right!important}
  html[dir="ltr"] .store-category-main .store-subcategory-list a{display:block!important;text-align:left!important}
}

/* 6) Product media swaps must never relayout the related-products area. */
.product-main .product-media-main,
.product-main .product-main-image,
.product-main .product-gallery-main{contain:layout paint!important}
.product-main :is(.related-products,.related-grid,.product-related-grid){contain:layout style!important}
.product-main :is(.related-product-media,.related-media,.product-card-media){aspect-ratio:1/1!important;overflow:hidden!important}
.product-main :is(.related-product-media,.related-media,.product-card-media) img{width:100%!important;height:100%!important;object-fit:cover!important}

/* 10) Context/breadcrumb layer is actually clickable on fine pointers too. */
.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path,.v49-kicker{
  position:relative!important;z-index:80!important;pointer-events:auto!important;
}
.emkan-context-path a.emkan-crumb,#podcastPath a.emkan-crumb,#storeCategoryPath a.emkan-crumb,#productPath a.emkan-crumb,.product-context-path a.emkan-crumb,.v49-kicker a.emkan-crumb{
  position:relative!important;z-index:81!important;pointer-events:auto!important;cursor:pointer!important;
}
.site-header,.nav-frame{isolation:isolate}

/* 11) Welcome wordmark correction ONLY on phones. */
@media (max-width:700px){
  .welcome{
    --line-width:1.72!important;
    --letter-gap:clamp(.35px,.13vw,1px)!important;
    --tight-factor:.34!important;
  }
}
@media (max-width:380px){
  .welcome{--line-width:1.66!important;--letter-gap:.32px!important;--tight-factor:.33!important}
}

/* 2 + 3) Project video controls: readable white controls, accent on hover. */
:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand,
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-restore{
  color:#fff!important;background:rgba(6,8,12,.46)!important;border:1px solid rgba(255,255,255,.42)!important;
}
:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand svg,
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-restore svg{
  stroke:#fff!important;fill:none!important;
}
:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand:is(:hover,:focus-visible),
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-restore:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;border-color:var(--hover-accent)!important;background:rgba(6,8,12,.72)!important;
}
:is(.architect-project-page,.civil-project-page) .media-surface--video .video-expand:is(:hover,:focus-visible) svg,
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-restore:is(:hover,:focus-visible) svg{
  stroke:var(--hover-accent)!important;
}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls,
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button{
  color:#fff!important;
}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button svg,
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-control-icon{
  stroke:#fff!important;color:#fff!important;
}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-control-icon--fill{fill:#fff!important;stroke:none!important}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button:is(:hover,:focus-visible){color:var(--hover-accent)!important}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button:is(:hover,:focus-visible) svg{stroke:var(--hover-accent)!important}
:is(.architect-project-page,.civil-project-page) .fullscreen-video-shell .video-controls button:is(:hover,:focus-visible) .video-control-icon--fill{fill:var(--hover-accent)!important}

/* Admin module redirects/panels: keep content stable when opened through their dedicated URL. */
.admin-module-entry{min-height:100vh}
.product-main #productMainImage{overflow-anchor:none!important;transform:none!important;transition:none!important}
.product-main #productMainImage img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
.product-main #productThumbs,.product-main .related{overflow-anchor:none!important}
/* Full menu now has 8 equal items: ACCOUNT is last but not a special centered row. */
@media (min-width:561px) and (max-width:980px){
  .menu-page .menu-list .menu-cell:last-child{
    grid-column:auto!important;justify-self:stretch!important;width:auto!important;
    border-inline-start:1px solid var(--separator)!important;
  }
}


/* v111 refinements — project fullscreen clarity + course detail desktop balancing */
body.is-fullscreen-open .project-subnav-shell,
body.is-fullscreen-open .project-subnav,
body.is-fullscreen-open .site-header,
body.is-fullscreen-open .page-shell > .project-subnav-shell{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
.fullscreen-viewer{z-index:2147482000 !important}
.fullscreen-dialog{inset:0 !important}
.fullscreen-stage{inset:34px 34px 42px !important}
.fullscreen-arrow{
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:74px !important;
  color:#fff !important;
  opacity:.92 !important;
  background:linear-gradient(to var(--v111-arrow-dir,left), rgba(8,10,13,.18), rgba(8,10,13,0)) !important;
}
.fullscreen-arrow--prev{left:8px !important;--v111-arrow-dir:right}
.fullscreen-arrow--next{right:8px !important;--v111-arrow-dir:left}
.fullscreen-arrow:hover,.fullscreen-arrow:focus-visible{color:var(--hover-accent) !important;opacity:1 !important}
.fullscreen-arrow[disabled]{opacity:.22 !important;background:transparent !important}
.fullscreen-arrow .arrow-svg{width:22px !important;height:22px !important}
.fullscreen-arrow .arrow-svg polyline{stroke-width:1.9 !important}
.fullscreen-close{z-index:8 !important;color:#fff !important;background:rgba(8,10,13,.24) !important;border-radius:999px !important;display:grid !important;place-items:center !important;top:10px !important;right:10px !important}
.fullscreen-close:hover,.fullscreen-close:focus-visible{color:var(--hover-accent) !important;opacity:1 !important}
.fullscreen-video-stage{background:#07090b !important}
@media (max-width:700px){
  .fullscreen-stage{inset:42px 14px 46px !important}
  .fullscreen-arrow{width:34px !important;height:56px !important}
  .fullscreen-arrow--prev{left:0 !important}
  .fullscreen-arrow--next{right:0 !important}
}

/* Course detail desktop: compact poster at left, richer info block at right. */
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery{
  display:grid !important;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr) !important;
  gap:34px !important;
  align-items:start !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side{
  display:grid !important;
  grid-template-columns:minmax(148px,176px) minmax(0,1fr) !important;
  gap:28px !important;
  align-items:start !important;
  min-width:0 !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side > .v49-facts{
  border-inline-start:0 !important;
  border-inline-end:1px solid var(--line) !important;
  padding-inline-start:0 !important;
  padding-inline-end:22px !important;
  margin:0 !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side > .v94-hero-summary,
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side > div:first-child{
  min-width:0 !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-gallery{
  width:min(100%,420px) !important;
  height:auto !important;
  display:block !important;
  margin:0 !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-gallery-main{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  border:1px solid var(--line) !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-gallery-main img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-gallery-thumbs{display:none !important}
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-single-action,
body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-actions{margin-top:16px !important;margin-bottom:0 !important;justify-content:flex-start !important}
body.content-section-page #contentApp article.v86-course-detail .learning-workspace{margin-top:22px !important}
body.content-section-page #contentApp article.v86-course-detail .learning-panels > .v49-section{min-height:180px !important}
body.content-section-page #contentApp article.v86-course-detail .learning-stages{align-items:start !important}

@media (max-width:959px){
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery > .v110-course-hero-side > .v49-facts{
    border-inline-end:0 !important;
    padding-inline-end:0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:12px 18px !important;
  }
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-gallery{
    width:min(100%,420px) !important;
    margin-inline:auto !important;
  }
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-single-action,
  body.content-section-page #contentApp article.v86-course-detail > .v49-hero.v111-has-gallery .v106-course-actions{justify-content:center !important}
}

/* emkan-v120.css */
/* v120 consolidated final layout overrides */
html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),html body textarea,html body select{border:0!important;border-bottom:1px solid var(--line,#cbd0d5)!important;border-radius:0!important;background:transparent!important;color:var(--fg,#101923)!important;box-shadow:none!important}
html body input:-webkit-autofill{-webkit-text-fill-color:var(--fg,#101923)!important;transition:background-color 999999s ease-in-out 0s}
html body input[type=checkbox]{appearance:none!important;width:16px!important;height:16px!important;min-width:16px!important;border:1px solid var(--line,#b7bec5)!important;border-radius:0!important;background:transparent!important;position:relative;vertical-align:middle;cursor:pointer}
html body input[type=checkbox]:checked:after{content:'✓';position:absolute;inset:-4px 0 0;text-align:center;color:var(--hover-accent,#54889c);font-size:17px}
html body input:focus-visible,html body textarea:focus-visible,html body select:focus-visible{outline:1px solid var(--hover-accent,#54889c);outline-offset:4px}
.category-list .category-button{margin-block:0!important;padding-block:7px!important;line-height:1.7!important;font-weight:400!important}
.category-list .category-button.is-active{font-weight:700!important}
body.v115-course-detail #contentApp .v115-course-intro,body.v115-course-detail #contentApp .v115-course-intro .v49-preview{border:0!important}
body.v115-course-detail #contentApp .v115-course-description{max-width:none!important;text-align:justify!important;margin:0!important}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts>div:first-child{border-top:0!important}
body.v115-course-detail #contentApp .v115-course-action{width:100%!important}
body.v115-course-detail #contentApp .v115-course-overview{width:100%!important;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)!important;gap:clamp(24px,5vw,80px)!important;align-items:center!important}
body.v115-course-detail #contentApp .v115-course-media,body.v115-course-detail #contentApp .v115-course-facts{width:100%!important}
body.v115-course-detail #contentApp .v115-course-poster{width:100%!important;height:auto!important;aspect-ratio:4/3!important;border:0!important}
body.v115-course-detail #contentApp .learning-panels p{text-align:justify!important}
html[lang=en] body.v115-course-detail #contentApp p{text-align:left!important}
html[lang=fa] body.v115-course-detail .learning-next,html[lang=ar] body.v115-course-detail .learning-next{flex-direction:row-reverse!important}
.v120-report{margin-block:30px;padding-block:24px;border-top:1px solid var(--line,#ccc)}
.v120-report p{line-height:2.1;text-align:justify;white-space:pre-line}
.v120-report-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.v120-report-gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}
.v120-status{color:var(--hover-accent,#54889c);font-size:13px;line-height:1.8}
@media(min-width:901px){
html body.v115-course-detail.v90-education-item-page.has-emkan-context.content-section-page #contentApp.v49-main{width:min(calc(100% - 72px),1480px)!important;max-width:1480px!important;padding:0!important;margin-inline:auto!important}
html body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{grid-template-columns:minmax(0,1fr) 230px!important;grid-template-areas:'panels tree'!important;gap:48px!important;width:100%!important}
html[lang=en] body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace.v90-learning-workspace{grid-template-columns:230px minmax(0,1fr)!important;grid-template-areas:'tree panels'!important}
body.v115-course-detail #contentApp .v115-tree-side{width:230px!important;max-width:230px!important;transform:none!important}
body.v115-course-detail #contentApp .v115-course-overview{padding-block:24px 40px!important}
}
@media(max-width:900px){
body.v115-course-detail #contentApp .v115-course-overview{grid-template-columns:1fr!important;grid-template-areas:'media' 'facts'!important;gap:20px!important}
body.v115-course-detail #contentApp .v115-course-media{width:min(100%,380px)!important;margin-inline:auto!important}
body.v115-course-detail #contentApp .v115-course-facts{border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;padding-block:10px!important}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts>div{border:0!important;padding-block:12px!important}
body.v115-course-detail #contentApp .v115-course-facts .v49-facts>div:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
body.v115-course-detail #contentApp .v115-course-action a,body.v115-course-detail #contentApp article.v86-course-detail .learning-workspace,body.v115-course-detail #contentApp .v97-mobile-accordion-item,body.v115-course-detail #contentApp .v97-mobile-accordion-item:last-child{border:0!important}
body.v115-course-detail #contentApp .v97-mobile-accordion-item{margin-bottom:8px!important}
.v120-report-gallery{grid-template-columns:1fr}
}
.v120-save{position:fixed;bottom:15px;inset-inline-start:18px;z-index:100000;background:var(--bg,#fff);border-bottom:1px solid var(--line,#ccc);padding:10px 16px;font-size:13px;max-width:90vw}
.v120-inline-media{display:block;max-width:100%;height:auto;margin-block:20px}

.person-card-media:has(img[src*="team-samples.png"]){position:relative!important;overflow:hidden!important;aspect-ratio:3/4!important}
.person-card-media img[src$="#portrait-0"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:0%!important;top:0%!important;transform:none!important}
.person-card-media img[src$="#portrait-1"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-100%!important;top:0%!important;transform:none!important}
.person-card-media img[src$="#portrait-2"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-200%!important;top:0%!important;transform:none!important}
.person-card-media img[src$="#portrait-3"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-300%!important;top:0%!important;transform:none!important}
.person-card-media img[src$="#portrait-4"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:0%!important;top:-100%!important;transform:none!important}
.person-card-media img[src$="#portrait-5"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-100%!important;top:-100%!important;transform:none!important}
.person-card-media img[src$="#portrait-6"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-200%!important;top:-100%!important;transform:none!important}
.person-card-media img[src$="#portrait-7"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-300%!important;top:-100%!important;transform:none!important}
.person-card-media img[src$="#portrait-8"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:0%!important;top:-200%!important;transform:none!important}
.person-card-media img[src$="#portrait-9"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-100%!important;top:-200%!important;transform:none!important}
.person-card-media img[src$="#portrait-10"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-200%!important;top:-200%!important;transform:none!important}
.person-card-media img[src$="#portrait-11"]{position:absolute!important;width:400%!important;max-width:none!important;height:300%!important;object-fit:fill!important;left:-300%!important;top:-200%!important;transform:none!important}

html[lang=fa] .v49-form .v49-actions,html[lang=ar] .v49-form .v49-actions{flex-direction:row-reverse!important}
.category-list ul,.category-list li{margin-block:0!important;padding-block:0!important}

/* emkan-v121.css */
/* EMKAN 121: final geometry and linear interface */
html body .article-page{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important}
#articlePageContent,#articleFlow,#articleFooter,#articlePageContent .article-page-head,#articleReferences{width:100%!important;max-width:none!important;box-sizing:border-box}
#articlePageContent{padding:clamp(18px,3vw,44px);border:1px solid var(--line,#ccd0d5)}
#articleFlow p,#articlePageLead,.research-entry-body p{font-size:clamp(13px,1vw,16px)!important;line-height:2.2!important;text-align:justify!important;overflow-wrap:anywhere}
html[lang=en] #articleFlow p,html[lang=en] #articlePageLead,html[lang=en] .research-entry-body p{text-align:left!important}
#articleCover{max-width:560px!important;margin:24px auto!important}#articleCover img{width:100%;height:auto!important;max-height:420px;object-fit:contain}
#articleFlow figure,#articleFlow .article-flow-video{width:min(100%,640px);margin-inline:auto}#articleFlow img{max-height:460px!important}
#articleFooter{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.article-tags{display:flex;flex-wrap:wrap;gap:10px 20px}.article-tags a,#articleFlow p a{border-bottom:1px solid var(--hover-accent);text-decoration:none}.article-author{line-height:2}
.research-entry-media{width:min(100%,440px)!important;max-width:440px!important;justify-self:center}.research-entry-media img{width:100%!important;height:auto!important;max-height:400px!important;object-fit:contain!important}.research-entry-body{width:100%!important;max-width:none!important}
html body.v115-course-detail #contentApp#contentApp{width:100%!important;max-width:none!important;margin-inline:0!important;padding-inline:0!important;box-sizing:border-box}
#contentApp#contentApp .v69-content-detail-layout{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
#contentApp#contentApp .v69-content-detail-body,#contentApp#contentApp article.v86-course-detail{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding-inline:0!important;transform:none!important}
body.v115-course-detail #contentApp#contentApp .v69-content-search-rail{width:100%!important;max-width:none!important;position:static!important;padding:0!important;margin:0 0 24px!important}
body.v115-course-detail #contentApp#contentApp .v69-content-search-rail .learning-side{display:none!important}
#contentApp#contentApp .v115-course-overview{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,380px)!important;grid-template-areas:'facts media'!important;width:100%!important;max-width:none!important;gap:clamp(24px,4vw,64px)!important;direction:ltr!important;margin-inline:0!important}
#contentApp#contentApp .v115-course-media{grid-area:media!important;width:100%!important;max-width:380px!important;min-width:0!important;margin:0!important}
#contentApp#contentApp .v115-course-facts{grid-area:facts!important;width:100%!important;min-width:0!important;max-width:none!important}
#contentApp#contentApp .v115-course-poster{width:100%!important;height:auto!important;aspect-ratio:1!important;max-width:none!important}
#contentApp#contentApp .v115-course-poster img{display:block;width:100%!important;height:100%!important;aspect-ratio:1!important;object-fit:cover!important}
#contentApp#contentApp .v120-report-gallery img,.v49-course img{aspect-ratio:1!important;object-fit:cover!important}
html[dir=rtl] #contentApp#contentApp .v115-course-facts,html[dir=rtl] #contentApp#contentApp .learning-panels{direction:rtl!important}
#contentApp#contentApp .learning-workspace{width:100%!important;max-width:none!important;min-width:0!important;transform:none!important}
#contentApp#contentApp .learning-panels,#contentApp#contentApp .learning-panels>.v49-section{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
#contentApp#contentApp .learning-panels p{max-width:none!important;text-align:justify!important;overflow-wrap:anywhere;line-height:2.1!important}
html[lang=en] #contentApp#contentApp .learning-panels p{text-align:left!important}
#contentApp#contentApp .learning-panel img,#contentApp#contentApp .v49-person img{aspect-ratio:1!important;object-fit:cover!important}
html body .person-card,html body .person-card.is-senior,html body .person-card.is-senior:first-child{grid-column:auto!important}
html body .people-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
html body .person-card-media,html body .person-card.is-senior .person-card-media{width:100%!important;aspect-ratio:3/4!important;height:auto!important;overflow:hidden!important}
html body .person-card-media img:not([src*='team-samples.png']){width:100%!important;height:100%!important;object-fit:cover!important}
html body .person-card-bio{background:rgba(20,28,34,.58)!important;color:#fff!important;backdrop-filter:blur(2px)}
html body .company-axis{position:relative!important;padding-inline-start:22px!important;min-width:0!important}
html body .company-axis::before{inset-inline-start:6px!important;width:1px!important}
html body .company-axis li{margin-inline:0!important;padding-inline:0!important}
html body .company-axis .practice-button::before{inset-inline-start:-18.5px!important;width:7px!important;height:7px!important;box-sizing:border-box!important}
html body form,html body form fieldset,html body .v49-form,html body .field{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
html body input:focus-visible,html body textarea:focus-visible,html body select:focus-visible{outline:0!important;border-bottom-color:var(--hover-accent,#56869b)!important}
html body .category-list,html body .category-list ul{row-gap:0!important}
html body :is(.category-button,.category-toggle,.v49-filter,.people-group-button){padding-block:7px!important;margin-block:0!important;line-height:1.7!important;min-height:0!important}
.nav-list{position:relative}.emkan-nav-indicator{position:absolute;left:0;bottom:-5px;height:1px;background:var(--hover-accent,#56869b);pointer-events:none;transition:transform .25s ease,width .25s ease,opacity .2s ease;z-index:2}.nav-link.is-current,.nav-link[aria-current=page]{font-weight:700!important}
@media(min-width:901px){#contentApp#contentApp .learning-workspace{display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;grid-template-areas:'panels tree'!important;gap:36px!important;direction:ltr!important}html[lang=en] #contentApp#contentApp .learning-workspace{grid-template-columns:210px minmax(0,1fr)!important;grid-template-areas:'tree panels'!important}#contentApp#contentApp .v115-tree-side{grid-area:tree!important;width:210px!important;min-width:0!important;max-width:210px!important}#contentApp#contentApp .learning-panels{grid-area:panels!important}}
@media(max-width:900px){#contentApp#contentApp .v115-course-overview{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:'media' 'facts'!important;gap:24px!important}#contentApp#contentApp .v115-course-media{justify-self:center!important;margin-inline:auto!important}#contentApp#contentApp .learning-workspace{display:block!important}#contentApp#contentApp .v115-tree-side{display:none!important}html body .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.v120-report-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}.emkan-nav-indicator{display:none}}
@media(max-width:480px){#articlePageContent{padding:16px}#contentApp#contentApp .v115-course-media{max-width:300px!important}.v120-report-gallery{gap:10px!important}html body .people-grid{gap:12px!important}}
@media(prefers-reduced-motion:reduce){.emkan-nav-indicator{transition:none}}

html body .v49-filter-option,html body .category-list button,html body .category-list a{padding-block:7px!important;margin-block:0!important;line-height:1.7!important;min-height:0!important}html body .v49-filter-list{gap:0!important}
#contentApp#contentApp .learning-panels .v49-person>img{width:min(100%,240px)!important;height:auto!important;aspect-ratio:1!important;object-fit:cover!important}

body.v115-course-detail #contentApp#contentApp .v69-content-search-rail{display:block!important}
#contentApp#contentApp .v115-course-intro[hidden],#articleCover[hidden]{display:none!important}
html body .form-card,html body .auth-card,html body .contact-form{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}

body.content-section-page .v49-card-media,body.content-section-page .v49-course-cover{aspect-ratio:1!important}body.content-section-page .v49-card-media>img{width:100%!important;height:100%!important;object-fit:cover!important}