/* shared/enhancements.css */
.section-navigation{display:flex;flex-wrap:wrap;gap:0;margin:0 0 30px;padding:0;border-block:1px solid var(--line);font-size:13px}.section-navigation a{color:inherit;text-decoration:none;padding:12px 18px;border-inline-end:1px solid var(--line)}.section-navigation .is-active{color:var(--hover-accent,#a0684b)}.detail-nav a{display:block;border-bottom:1px solid var(--line);padding-block:14px}.format-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0 12px;font-size:12px}.format-tools label{display:flex;gap:4px;align-items:center}.format-tools input[type=number]{width:65px!important;padding:4px!important}.format-tools input[type=color]{width:32px!important;height:28px!important;padding:0!important}.format-tools input[type=checkbox]{width:auto!important}.format-tools button{border:1px solid var(--line,#aaa);border-radius:3px;background:transparent;color:inherit;padding:5px 8px}.managed-editor{padding:24px;border:1px solid var(--line,#bbb);margin:24px 0}.managed-editor input,.managed-editor select,.managed-editor textarea{width:100%;padding:10px;background:transparent;color:inherit;border:1px solid var(--line,#bbb);font:inherit;box-sizing:border-box}.managed-editor label{display:block;margin:10px 0}.managed-editor textarea{min-height:100px}.managed-editor button,.managed-editor .btn{padding:9px 14px;margin:5px;border:1px solid var(--line,#bbb);background:transparent;color:inherit;cursor:pointer}.managed-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.managed-status{white-space:pre-wrap}.civil-entry{border-bottom:1px solid var(--line);padding:20px 0}.civil-entry summary{cursor:pointer;font-size:18px}.civil-entry-copy{white-space:pre-wrap;line-height:2;margin-top:18px}.civil-entry img{max-width:100%;max-height:400px;object-fit:contain}@media(max-width:640px){.managed-grid{grid-template-columns:1fr}.section-navigation a{padding:10px;font-size:12px}}
.with-section-nav{display:grid!important;grid-template-columns:170px minmax(0,1fr);gap:32px;align-items:start}.with-section-nav>.section-navigation{display:block;position:sticky;top:24px;border:0;margin:0}.with-section-nav>.section-navigation a{display:block;padding:14px 0;border-inline:0;border-bottom:1px solid var(--line);line-height:1.8}.section-content{min-width:0}@media(max-width:760px){.with-section-nav{grid-template-columns:1fr!important;gap:22px}.with-section-nav>.section-navigation{position:static;display:flex;flex-wrap:wrap}.with-section-nav>.section-navigation a{padding:10px;border-inline-end:1px solid var(--line)}}.rich-dialog{width:min(800px,90vw);max-height:85vh;border:1px solid var(--line,#aaa);background:var(--bg,#fff);color:var(--fg,#222);padding:24px;font:inherit}.rich-dialog::backdrop{background:#0008}.rich-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-block:10px}.rich-toolbar label{display:flex;align-items:center;gap:8px}.rich-toolbar input[type=number]{width:70px}.rich-toolbar input[type=color]{width:35px}.rich-toolbar button{padding:8px 12px;background:transparent;border:1px solid var(--line,#aaa);color:inherit;font:inherit;cursor:pointer}.rich-surface{min-height:200px;max-height:50vh;overflow:auto;white-space:pre-wrap;line-height:1.9;padding:20px;border:1px solid var(--line,#bbb);font-size:16px;outline-offset:3px}
/* v47: keep controls outlined across public pages and admin. */
html body button,html body .btn{background-color:transparent!important;background-image:none!important;box-shadow:none!important;border-width:1px!important;color:var(--fg,var(--text,inherit))!important}
html body button:hover,html body .btn:hover,html body button:focus-visible,html body .btn:focus-visible{color:var(--hover-accent,#a76a45)!important}
html body button.is-active{background-color:transparent!important;color:var(--hover-accent,#a76a45)!important}


/* shared/refinements-v48.css */
/* Only requested page refinements; native project geometry remains untouched. */
.v48-back{display:block;width:100%;padding:0 0 14px;margin:0 0 14px;border:0;border-bottom:1px solid var(--line);color:var(--category-muted);font:inherit;font-size:10px;text-decoration:none;line-height:1.8}.v48-back:hover{color:var(--hover-accent)}.detail-nav{border-top:0!important}.detail-nav .v48-back{border-top:0!important}.article-category-panel>.v48-back{margin-bottom:18px}
.podcast-with-filters{display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) 190px;grid-template-areas:"content filters";column-gap:clamp(38px,5vw,72px);align-items:start}.podcast-body{grid-area:content;min-width:0;direction:rtl}.podcast-controls{grid-area:filters;position:sticky;top:24px;min-width:0;direction:rtl;padding-top:16px}html[lang=en] .podcast-with-filters{grid-template-columns:190px minmax(0,1fr);grid-template-areas:"filters content"}html[lang=en] .podcast-body,html[lang=en] .podcast-controls{direction:ltr}
.podcast-heading{margin:0 0 24px!important;display:block!important}.podcast-heading h1{font-size:23px!important;margin:0!important;line-height:1.8!important}.podcast-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 210px!important;gap:24px!important}.podcast-catalog{min-width:0}.podcast-player{grid-column:auto!important;padding:14px!important;border:1px solid var(--line)!important;top:24px!important}.player-cover{max-width:150px!important;margin-inline:auto!important;font-size:30px!important}.podcast-player h2{font-size:15px!important;line-height:1.8!important}.podcast-player p,.podcast-player a{font-size:11px!important}.podcast-player audio{height:36px!important}.playback-controls{gap:5px!important;flex-wrap:wrap}.playback-controls button,.playback-controls select{font-size:10px!important}
.episode{grid-template-columns:54px minmax(0,1fr) 18px!important;gap:12px!important;padding:16px 0!important}.episode-cover{width:54px!important;font-size:18px!important}.episode-title{font-size:13px!important}.episode-meta{font-size:10px!important}.podcast-empty{font-size:12px!important}
.podcast-controls .podcast-search{display:block!important;min-width:0!important;width:100%!important;border:0!important;margin:0 0 18px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.podcast-search #searchLabel{font-size:9px;line-height:1.8;display:block;margin-bottom:6px}.podcast-search input{appearance:none!important;box-sizing:border-box;width:100%!important;min-width:0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:8px 0!important;font:inherit;font-size:11px!important;color:var(--fg)!important;outline-offset:3px}
.podcast-filter{border:0;border-bottom:1px solid var(--line);padding:0;margin:0}.podcast-filter summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:10px;padding:12px 0;color:var(--category-muted)}.podcast-filter summary::-webkit-details-marker{display:none}.podcast-filter summary:after{content:'+'}.podcast-filter[open] summary:after{content:'−'}.podcast-topics,.podcast-seasons{display:block!important;margin:0!important}.podcast-topics>img{display:none!important}.podcast-topics button,.podcast-seasons button{display:block;width:100%;text-align:start;font-size:10px!important;background:transparent!important;color:var(--category-muted)!important;border:0!important;border-top:1px solid var(--line)!important;padding:9px 0!important;margin:0!important}.podcast-topics button.is-active,.podcast-seasons button.is-active{color:var(--hover-accent)!important}
/* Swap photo and text physically, with an inset vertical divider. */
.about-company-visual-grid{position:relative;direction:ltr;grid-template-columns:minmax(0,2.6fr) minmax(180px,.85fr)!important;column-gap:44px!important;row-gap:14px!important;padding-block:18px!important;align-items:center!important}
.about-company-visual-grid .office-frame-section{grid-column:2!important;grid-row:1 / 3!important;align-self:stretch!important;position:relative;padding:0!important;display:flex!important;align-items:center!important}
.about-company-visual-grid .office-frame-section::before{content:'';position:absolute;left:-22px;top:8px;bottom:8px;width:1px;background:var(--line)}
.about-company-visual-grid .office-frame-shell{width:100%!important;max-width:270px!important;margin:auto!important;height:auto!important}.about-company-visual-grid .office-frame{aspect-ratio:3/5!important;height:auto!important;min-height:0!important}
.about-company-visual-grid .company-section{grid-column:1!important;grid-row:1!important}.about-company-visual-grid .company-profile-download{grid-column:1!important;grid-row:2!important}
/* Balanced product: a bounded image, nearby divider, and usable information column. */
.product-main{width:min(960px,calc(100% - 48px))!important}.product-stage{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"media info"!important;gap:0!important;padding-top:20px!important;align-items:start!important}
.product-gallery-panel{width:100%;min-width:0;box-sizing:border-box;padding-inline:0 20px!important;border-inline-end:1px solid var(--line)!important}.product-gallery,html[dir=ltr] .product-gallery{width:100%!important;max-width:400px!important;grid-template-columns:50px minmax(0,1fr)!important;grid-template-areas:"thumbs hero"!important;gap:9px!important;margin:0!important;margin-inline-start:auto!important;align-items:start!important}.product-main-image{width:100%!important;max-width:330px!important;aspect-ratio:4/5!important;margin:0!important}.product-thumbs{margin:0!important;padding:0!important;grid-template-columns:1fr!important;align-content:start!important}.product-thumb{width:50px!important;aspect-ratio:1!important}.product-info{position:static!important;box-sizing:border-box;padding:0!important;padding-inline-start:22px!important;min-width:0!important}.product-info h1{font-size:25px!important;line-height:1.7!important;letter-spacing:0!important}.product-info>p{font-size:12px!important;line-height:1.9!important}.product-price{font-size:14px!important;margin:10px 0 0!important}.product-info-rule{margin:16px 0!important}.product-option-label{font-size:10px!important}.product-spec-stack li,.product-spec-stack p{font-size:11px!important;line-height:1.9!important}.buy-row{grid-template-columns:64px minmax(0,1fr)!important;gap:10px!important;margin-top:16px!important}
@media(max-width:1000px){.podcast-layout{grid-template-columns:1fr!important}.podcast-player{position:static!important;max-width:320px}.player-cover{max-width:120px!important}}
@media(max-width:760px){.podcast-with-filters,html[lang=en] .podcast-with-filters{grid-template-columns:minmax(0,1fr) 130px;grid-template-areas:"content filters";gap:20px}.podcast-controls{position:static}.product-stage{grid-template-columns:1fr!important;grid-template-areas:"media" "info"!important;gap:24px!important}.product-gallery-panel{padding-inline:0!important;padding-bottom:22px!important;border-inline-end:0!important;border-bottom:1px solid var(--line)!important}.product-gallery,html[dir=ltr] .product-gallery{max-width:380px!important;margin-inline:auto!important}.product-info{padding-inline:0!important}}
@media(max-width:640px){.about-company-visual-grid{grid-template-columns:1fr!important;gap:20px!important}.about-company-visual-grid .office-frame-section{grid-column:1!important;grid-row:1!important}.about-company-visual-grid .office-frame-section::before{display:none}.about-company-visual-grid .office-frame-shell{max-width:235px!important}.about-company-visual-grid .company-section{grid-column:1!important;grid-row:2!important}.about-company-visual-grid .company-profile-download{grid-column:1!important;grid-row:3!important}}
@media(max-width:430px){.podcast-with-filters,html[lang=en] .podcast-with-filters{grid-template-columns:minmax(0,1fr) 100px;gap:12px}.episode{grid-template-columns:38px minmax(0,1fr)!important;gap:7px!important}.episode-cover{width:38px!important}.episode>span:last-child{display:none}.podcast-player{padding:8px!important}.podcast-heading h1{font-size:18px!important}.product-main{width:calc(100% - 28px)!important}}


/* shared/header-canonical.css */
.site-header{
  width: 100%;
  max-width: var(--header-max);
  margin: 0 auto;
}
.brand-home-link{
  width: max-content;
  margin: 0 auto;
  display: block;
  transform: translateY(2px);
  color: var(--fg);
  text-decoration: none;
  direction: ltr;
  transition:
    opacity 180ms ease,
    color var(--theme-duration) var(--theme-ease);
}
.brand-home-link:hover{ opacity: .72; }
.brand-home-link:focus-visible{ outline: 1px solid currentColor; outline-offset: 6px; }
.brand-word{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .24em;
  font-family: var(--font-en);
  font-size: clamp(18px, 1.45vw, 22px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: .02em;
  transform: translateZ(0);
  transition:
    gap 1.6s cubic-bezier(.22,.61,.36,1),
    opacity 1.05s ease;
  will-change: gap, opacity;
}
.brand-char{
  display: inline-block;
  transform: translate3d(0,0,0);
  transition: transform 1.6s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}
body.is-preload .brand-word{ gap: .40em; opacity: .82; }
body.is-preload .brand-char--1{ transform: translate3d(-4px,0,0); }
body.is-preload .brand-char--2{ transform: translate3d(-2px,0,0); }
body.is-preload .brand-char--3{ transform: translate3d(0,0,0); }
body.is-preload .brand-char--4{ transform: translate3d(2px,0,0); }
body.is-preload .brand-char--5{ transform: translate3d(4px,0,0); }
.nav-frame{
  position: relative;
  width: 100%;
  min-height: 50px;
  margin-top: clamp(26px, 3.5vh, 36px);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    border-color var(--theme-duration) var(--theme-ease),
    background-color var(--theme-duration) var(--theme-ease);
}
.primary-nav{
  width: 100%;
  padding-inline: 78px;
}
.nav-list{
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 2.1vw, 28px);
  direction: ltr;
}
:is(html[lang="fa"], html[lang="ar"]) .nav-list{ direction: rtl; }
.nav-link{
  display: inline-block;
  color: var(--menu-text);
  text-decoration: none;
  white-space: nowrap;
  font-family: var(--font-en);
  font-size: clamp(11px, .91vw, 14px);
  font-weight: 400;
  line-height: 1.25;
  transition:
    color 180ms ease,
    opacity 180ms ease,
    transform 180ms ease;
}
:is(html[lang="fa"], html[lang="ar"]) .nav-link{
  font-family: var(--font-fa);
  font-size: clamp(12px, .94vw, 14.5px);
}
.nav-link:hover,
.nav-link:focus-visible{
  color: var(--hover-accent);
}
.nav-link:hover{ transform: translateY(-1px); }
.nav-link:focus-visible{
  outline: 1px solid currentColor;
  outline-offset: 5px;
}
.nav-link.is-current{ font-weight: 650; }
.language-button,
.theme-button,
.mobile-menu-button{
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--fg);
  cursor: pointer;
  transition:
    color var(--theme-duration) var(--theme-ease),
    opacity 180ms ease,
    transform 180ms ease;
}
.language-button:hover,
.theme-button:hover,
.mobile-menu-button:hover{ opacity: .72; }
.language-button:focus-visible,
.theme-button:focus-visible,
.mobile-menu-button:focus-visible{
  outline: 1px solid currentColor;
  outline-offset: 4px;
}
.language-button{
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%);
  min-width: 34px;
  padding: .2rem .35rem;
  font-size: .72rem;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
:is(html[lang="fa"], html[lang="ar"]) .language-button{
  font-family: var(--font-en);
  font-size: .75rem;
  letter-spacing: .04em;
}
.theme-button{
  position: absolute;
  right: 13px;
  top: 50%;
  width: 32px;
  height: 32px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.theme-icon-wrap{
  position: relative;
  display: inline-flex;
  width: 15px;
  height: 15px;
  align-items: center;
  justify-content: center;
}
.theme-icon{
  position: absolute;
  inset: 0;
  margin: auto;
  width: 15px;
  height: 15px;
}
.theme-icon--moon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  line-height: 15px;
}
.emkan-sun{ display: block; overflow: visible; }
.theme-icon--sun{ display: none; }
html[data-theme="dark"] .theme-icon--moon{ display: none; }
html[data-theme="dark"] .theme-icon--sun{ display: block; }
.mobile-menu-button{ display: none; }
@media (min-width: 901px) and (max-width: 1180px){.nav-list{ gap: clamp(12px, 1.6vw, 20px); }
.nav-link{ font-size: 11.5px; }
:is(html[lang="fa"], html[lang="ar"]) .nav-link{ font-size: 12.5px; }}
@media (max-width: 900px){.site-header{ max-width: 720px; }
.brand-word{
    font-size: clamp(18px, 4.9vw, 21px);
    gap: .22em;
  }
.nav-frame{
    margin-top: 22px;
    min-height: 46px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) 48px;
    grid-template-areas:
      "lang toggle theme"
      "nav nav nav";
    align-items: center;
    overflow: hidden;
  }
.language-button,
  .theme-button{
    position: static;
    transform: none;
  }
.language-button{
    grid-area: lang;
    justify-self: start;
    margin-left: 7px;
  }
.theme-button{
    grid-area: theme;
    justify-self: end;
    margin-right: 7px;
  }
.mobile-menu-button{
    grid-area: toggle;
    justify-self: center;
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
  }
.mobile-menu-icon{
    position: relative;
    width: 18px;
    height: 10px;
    display: block;
  }
.mobile-menu-icon span{
    position: absolute;
    left: 0;
    width: 18px;
    height: 1px;
    background: currentColor;
    transform-origin: center;
    transition: transform .32s ease, top .32s ease;
  }
.mobile-menu-icon span:first-child{ top: 1px; }
.mobile-menu-icon span:last-child{ top: 8px; }
.site-header.is-nav-open .mobile-menu-icon span:first-child{
    top: 4.5px;
    transform: rotate(45deg);
  }
.site-header.is-nav-open .mobile-menu-icon span:last-child{
    top: 4.5px;
    transform: rotate(-45deg);
  }
.primary-nav{
    grid-area: nav;
    width: 100%;
    max-height: 0;
    overflow: hidden;
    padding-inline: 0;
    opacity: 0;
    transition:
      max-height .62s cubic-bezier(.22,.61,.36,1),
      opacity .34s ease;
  }
.site-header.is-nav-open .primary-nav{
    max-height: 390px;
    opacity: 1;
  }
.nav-list{
    max-width: none;
    padding: 8px 0 12px;
    display: flex;
    flex-direction: column;
    gap: 0;
    direction: inherit !important;
    border-top: 1px solid var(--line);
  }
.nav-list li{
    width: 100%;
    text-align: center;
  }
.nav-list li + li{ border-top: 1px solid var(--line); }
.nav-link,
  :is(html[lang="fa"], html[lang="ar"]) .nav-link{
    width: max-content;
    max-width: 88%;
    padding: 10px 4px;
    font-size: 12.5px;
    white-space: normal;
  }}
@media (max-width: 390px){.nav-frame{
    grid-template-columns: 44px minmax(0, 1fr) 44px;
  }
.language-button{
    min-width: 30px;
    font-size: .68rem;
    margin-left: 3px;
  }
:is(html[lang="fa"], html[lang="ar"]) .language-button{ font-size: .70rem; }
.theme-button{
    width: 30px;
    height: 30px;
    margin-right: 3px;
  }
.theme-icon-wrap,
  .theme-icon{
    width: 14px;
    height: 14px;
  }
.theme-icon--moon{
    font-size: .86rem;
    line-height: 14px;
  }}
@media (prefers-reduced-motion: reduce){body.is-preload .brand-word{ gap: .24em; opacity: 1; }
body.is-preload .brand-char{ transform: none !important; }}
@media (min-width: 1181px){.site-header{
    max-width: 680px;
  }
.brand-home-link{
    transform: translateY(5px);
  }
.nav-frame{
    min-height: 34px;
    margin-top: 14px;
  }
.primary-nav{
    padding-inline: 58px;
  }
.nav-list{
    gap: clamp(12px, 1.45vw, 20px);
  }}
html[lang="ar"] body,
html[lang="ar"] .nav-link,
html[lang="ar"] .category-button,
html[lang="ar"] .category-toggle{
  font-family: var(--font-fa);
  direction: rtl;
}
.language-button,
.theme-button{
  opacity: .46 !important;
}
.language-button:hover,
.theme-button:hover,
.language-button:focus-visible,
.theme-button:focus-visible{
  opacity: .82 !important;
}
.language-button{min-width:30px!important;width:30px!important;text-align:center!important;letter-spacing:.08em!important}
.language-popover{position:fixed;z-index:5000;display:flex;gap:0;border:1px solid var(--line);background:var(--bg);color:var(--fg);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.language-popover[hidden]{display:none!important}
.language-choice{min-width:34px;height:28px;padding:0 7px;border:0;border-inline-end:1px solid var(--line);background:transparent;color:var(--category-muted,var(--fg));font-family:var(--font-en);font-size:9px;letter-spacing:.08em;cursor:pointer}
.language-choice:last-child{border-inline-end:0}
.language-choice:hover,.language-choice:focus-visible,.language-choice.is-active{color:var(--hover-accent);outline:0}
.language-popover{display:none!important}
.language-rail{position:relative;display:inline-flex;align-items:center}
.language-button{min-width:30px!important;width:30px!important;text-align:center!important;letter-spacing:.10em!important;font-family:var(--font-en)!important}
.language-rail-options{position:absolute;top:50%;inset-inline-end:calc(100% + 8px);height:28px;display:flex;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(6px,-50%,0);transition:opacity .20s ease,transform .32s cubic-bezier(.22,.61,.36,1),visibility 0s linear .32s}
.language-rail-options::after{content:"";position:absolute;top:50%;inset-inline-end:-8px;width:8px;height:1px;background:var(--line)}
.language-rail.is-open .language-rail-options{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,-50%,0);transition-delay:0s}
.language-rail-choice{position:relative;width:31px;height:28px;padding:0;border:0!important;background:transparent!important;color:var(--category-muted,var(--fg));font-family:var(--font-en)!important;font-size:9px;font-weight:500;line-height:28px;letter-spacing:.10em;text-align:center;cursor:pointer;transition:color .18s ease,opacity .18s ease}
.language-rail-choice + .language-rail-choice::before{content:"";position:absolute;inset-inline-start:0;top:8px;width:1px;height:12px;background:var(--line)}
.language-rail-choice:hover,.language-rail-choice:focus-visible{color:var(--hover-accent);outline:0}
@media(max-width:720px){.language-rail-options{top:calc(100% + 7px);inset-inline-end:0;transform:translate3d(0,-4px,0);background:var(--bg);border-top:1px solid var(--line)}
.language-rail.is-open .language-rail-options{transform:translate3d(0,0,0)}
.language-rail-options::after{display:none}}
.language-rail{display:contents!important}
.language-rail-options--floating{
  position:fixed!important;
  z-index:9000;
  display:flex;
  align-items:center;
  height:28px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease;
}
.language-rail-options--floating[hidden]{display:none!important}
.language-rail-options--floating.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.language-rail-options--floating::before{
  content:"";
  position:absolute;
  top:50%;
  width:11px;
  height:1px;
  background:var(--line);
}
.language-rail-options--floating[data-side="right"]::before{right:100%}
.language-rail-options--floating[data-side="left"]::before{left:100%}
.language-rail-choice{
  position:relative;
  width:31px;
  height:28px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  color:var(--category-muted,var(--fg));
  font-family:var(--font-en)!important;
  font-size:9px;
  font-weight:500;
  line-height:28px;
  letter-spacing:.10em;
  text-align:center;
  cursor:pointer;
  transition:color .18s ease,opacity .18s ease;
}
.language-rail-choice + .language-rail-choice::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:8px;
  width:1px;
  height:12px;
  background:var(--line);
}
.language-rail-choice:hover,
.language-rail-choice:focus-visible{
  color:var(--hover-accent);
  outline:0;
}
html[lang="fa"] .language-button,
html[lang="ar"] .language-button{
  left:13px!important;
  right:auto!important;
}
.language-rail-options,
.language-rail-options--floating{display:none!important}
.language-stack-options{
  position:fixed!important;
  z-index:10000;
  width:32px;
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease;
}
.language-stack-options[hidden]{display:none!important}
.language-stack-options.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.language-stack-options::before{
  content:"";
  position:absolute;
  left:50%;
  width:1px;
  height:10px;
  transform:translateX(-50%);
  background:var(--line);
}
.language-stack-options[data-side="bottom"]::before{bottom:100%}
.language-stack-options[data-side="top"]::before{top:100%}
.language-stack-choice{
  position:relative;
  width:32px;
  height:27px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:var(--bg)!important;
  color:var(--category-muted,var(--fg));
  font-family:var(--font-en)!important;
  font-size:9px;
  font-weight:500;
  line-height:27px;
  letter-spacing:.10em;
  text-align:center;
  cursor:pointer;
  transition:color .18s ease,opacity .18s ease;
}
.language-stack-choice + .language-stack-choice::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:0;
  height:1px;
  background:var(--line);
}
.language-stack-choice:hover,
.language-stack-choice:focus-visible{
  color:var(--hover-accent);
  outline:0;
}
html[lang="fa"] .language-button,
html[lang="ar"] .language-button{
  left:13px!important;
  right:auto!important;
}
.language-stack-options,
.language-rail-options,
.language-rail-options--floating,
.language-popover{display:none!important}
.language-button{
  left:13px!important;
  right:auto!important;
  top:50%;
  width:38px!important;
  min-width:38px!important;
  height:32px!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  grid-template-rows:17px 5px!important;
  align-content:center!important;
  justify-items:center!important;
  gap:2px!important;
  overflow:hidden!important;
  font-family:var(--font-en)!important;
  background:transparent!important;
}
.language-code{
  display:block;
  min-width:24px;
  color:currentColor;
  font-size:9px;
  font-weight:520;
  line-height:17px;
  letter-spacing:.11em;
  text-align:center;
}
.language-steps{
  width:24px;
  height:3px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.language-step{
  display:block;
  width:4px;
  height:1px;
  background:var(--line-strong,var(--line));
  opacity:.45;
  transition:width .22s ease,opacity .18s ease,background-color .18s ease;
}
.language-step.is-active{
  width:8px;
  opacity:.95;
  background:var(--hover-accent);
}
.language-button:hover .language-step.is-active,
.language-button:focus-visible .language-step.is-active{width:11px}
html[lang="fa"] .language-button,
html[lang="ar"] .language-button{
  left:13px!important;
  right:auto!important;
  direction:ltr!important;
}
.language-stack-options,.language-rail-options,.language-rail-options--floating,.language-popover,.language-steps{display:none!important}
.language-button{
  position:absolute!important;top:50%!important;left:auto!important;right:52px!important;
  width:48px!important;min-width:48px!important;height:32px!important;padding:0!important;
  transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;
  justify-content:center!important;gap:5px!important;overflow:hidden!important;background:transparent!important;
  color:var(--fg)!important;direction:ltr!important;font-family:var(--font-en)!important
}
.language-globe{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.72}
.language-code{font-size:8.5px;font-weight:520;letter-spacing:.08em;line-height:1}
.language-button:hover,.language-button:focus-visible{color:var(--hover-accent)!important;opacity:1!important}
.primary-nav{padding-inline:104px!important}
@media(max-width:900px){.nav-frame{grid-template-columns:56px minmax(0,1fr) 88px!important;grid-template-areas:"toggle toggle utilities" "nav nav nav"!important;overflow:visible!important}
.mobile-menu-button{grid-area:toggle!important;justify-self:start!important;margin-inline-start:8px!important}
.language-button{top:23px!important;right:43px!important}
.theme-button{position:absolute!important;top:23px!important;right:7px!important;left:auto!important;transform:translateY(-50%)!important}
.primary-nav{padding-inline:0!important}}
:where(.nav-link,.menu-item,.article-action,.map-link,.footerline-side a,.message-entry,.contact-signal-row,.people-group-button,.back-link,.category-button):hover,
:where(.nav-link,.menu-item,.article-action,.map-link,.footerline-side a,.message-entry,.contact-signal-row,.people-group-button,.back-link,.category-button):focus-visible{color:var(--hover-accent)!important;background:transparent!important}
.language-stack-options,.language-rail-options,.language-rail-options--floating,.language-popover,.language-steps,.language-globe{display:none!important}
.language-button{position:absolute!important;top:50%!important;left:12px!important;right:auto!important;width:auto!important;min-width:0!important;height:32px!important;padding:0 2px!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;overflow:visible!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;direction:ltr!important;font-family:var(--font-en)!important;border:0!important;box-shadow:none!important}
.language-direct-choice{min-width:23px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--category-muted,var(--fg));font-size:8px;font-weight:500;line-height:1;letter-spacing:.08em;transition:color .18s ease}
.language-direct-divider{width:1px;height:11px;display:block;background:var(--line)}
.language-direct-choice:hover,.language-direct-choice.is-active{color:var(--hover-accent)!important}
.primary-nav{padding-inline:94px!important}
html[lang="fa"] .language-button,html[lang="ar"] .language-button{left:12px!important;right:auto!important;direction:ltr!important}
@media(max-width:900px){.nav-frame{display:grid!important;grid-template-columns:88px minmax(0,1fr) 48px!important;grid-template-areas:"lang toggle theme" "nav nav nav"!important;align-items:center!important;overflow:hidden!important}
.language-button{position:static!important;grid-area:lang!important;transform:none!important;justify-self:start!important;margin-left:5px!important}
.theme-button{position:static!important;grid-area:theme!important;transform:none!important;justify-self:end!important;margin-right:7px!important}
.mobile-menu-button{grid-area:toggle!important;justify-self:center!important;margin:0!important}
.primary-nav{padding-inline:0!important}}
:where(.nav-link,.menu-item,.category-button,.category-toggle,.article-title-button,.article-action,.people-group-button,.contact-signal-row,.message-entry,.map-link,.footerline-side a,.back-link,.theme-button,.language-button):hover,
:where(.nav-link,.menu-item,.category-button,.category-toggle,.article-title-button,.article-action,.people-group-button,.contact-signal-row,.message-entry,.map-link,.footerline-side a,.back-link,.theme-button,.language-button):focus-visible{color:var(--hover-accent)!important;background:transparent!important;box-shadow:none!important;outline:0!important}
:where(.nav-link,.menu-item,.category-button,.article-category-choice,.article-action,.practice-button,.people-group-button,.contact-signal-row,.message-entry,.map-link,.back-link):hover,
:where(.nav-link,.menu-item,.category-button,.article-category-choice,.article-action,.practice-button,.people-group-button,.contact-signal-row,.message-entry,.map-link,.back-link):focus-visible{
  color:var(--hover-accent)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.language-direct-choice{opacity:.56!important;transition:opacity .18s ease,color .18s ease,font-weight .18s ease!important}
.language-direct-choice:hover,.language-direct-choice:focus-visible{opacity:.78!important;color:var(--hover-accent)!important}
.language-direct-choice.is-active{opacity:.96!important;color:var(--fg)!important;font-weight:560!important}

/* shared/unified-v50.css */
/* Shared search/filter language taken from Articles. Applies only to public controls. */
:root{--emkan-control-size:clamp(10.5px,.76vw,12px)}
:is(.project-search,.article-project-search,.podcast-search,.product-search){border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important}
:is(input[type=search],.v49-rail input,.product-tools select,.v49-rail select,.category-panel select,.podcast-controls select){box-sizing:border-box!important;width:100%;min-width:0;height:32px!important;padding:0 2px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--category,var(--category-muted,var(--fg)))!important;font:inherit;font-size:var(--emkan-control-size)!important;font-weight:400!important;box-shadow:none!important;opacity:.78;transition:border-color .42s ease,opacity .42s ease!important}
:is(input[type=search],.v49-rail input,.product-tools select,.v49-rail select):hover,:is(input[type=search],.v49-rail input,.product-tools select,.v49-rail select):focus{border-bottom-color:var(--hover-accent)!important;opacity:1}
:is(.category-toggle,.article-category-toggle,.podcast-filter summary){min-height:32px!important;padding:7px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--category-muted)!important;font:inherit;font-size:var(--emkan-control-size)!important;font-weight:400!important}
:is(.category-choice,.article-category-choice,.podcast-topics button,.podcast-seasons button){border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:inherit;font-size:var(--emkan-control-size)!important;padding:9px 0!important}
:is(.article-project-search,.project-search) input[type=search]{padding-inline-end:26px!important}
:is(.v49-rail,.podcast-controls,.product-search)>label,.v49-rail label,.podcast-search #searchLabel{font-size:var(--emkan-control-size)!important;font-weight:400}
:is(.category-card,.project-card,.store-card,.product-card) img{filter:grayscale(100%)!important;opacity:.94!important;transform:scale(1.002)!important;transition:filter .62s ease,opacity .3s ease,transform .72s cubic-bezier(.22,.61,.36,1)!important}
:is(.category-card,.project-card,.store-card,.product-card):is(:hover,:focus-visible) img{filter:grayscale(0%)!important;opacity:1!important;transform:scale(1.018)!important}
.learning-workspace{display:grid;grid-template-columns:190px minmax(0,1fr);gap:48px;align-items:start;margin-top:32px;scroll-margin-top:24px}.learning-side{position:sticky;top:24px}.learning-location{font-size:10px!important;color:var(--category-muted);margin-bottom:18px!important}.learning-tree{position:relative;padding-inline-start:21px;display:flex;flex-direction:column;align-items:stretch;gap:0}.learning-tree::before{content:'';position:absolute;inset-inline-start:3px;top:12px;bottom:12px;width:1px;background:var(--line)}.learning-branch{position:relative;display:block;min-height:38px;box-sizing:border-box;text-align:start;border:0;padding:8px 0;background:transparent;color:var(--category-muted,var(--fg));font:inherit;font-size:11px;line-height:1.8;text-decoration:none;cursor:pointer;transition:color .18s ease}.learning-branch::before{content:'';position:absolute;inset-inline-start:-20px;top:50%;width:5px;height:5px;border:1px solid var(--line);background:var(--bg);transform:translateY(-50%) rotate(45deg);transition:border-color .18s ease,background-color .18s ease}.learning-branch:is(:hover,:focus-visible,.is-active){color:var(--hover-accent)}.learning-branch:is(:hover,:focus-visible,.is-active)::before{background:var(--hover-accent);border-color:var(--hover-accent)}.learning-branch:focus-visible{outline:1px solid var(--line);outline-offset:3px}.learning-panels{min-width:0}.learning-panels>.v49-section{padding-top:0;min-height:250px}.learning-next{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.learning-next .v49-button{border:0;border-bottom:1px solid var(--line);padding-inline:0}.learning-stages{display:grid;grid-template-columns:minmax(145px,.8fr) minmax(0,1.3fr);gap:26px}.stage-content{border-inline-start:1px solid var(--line);padding-inline-start:22px}.stage-content h3{margin-top:0}.learning-course-cover{width:148px;height:148px;object-fit:cover;float:inline-end;margin-inline-start:20px;margin-bottom:16px;filter:grayscale(1);transition:filter .62s ease,transform .72s ease}.learning-course-cover:hover{filter:grayscale(0);transform:scale(1.018)}.learning-route{margin-top:12px}.v49-reading{max-width:960px}.learning-workspace [hidden]{display:none!important}
@media(max-width:720px){.learning-workspace{grid-template-columns:140px minmax(0,1fr);gap:24px}.learning-stages{grid-template-columns:1fr}.stage-content{border-inline-start:0;padding:16px 0 0;border-top:1px solid var(--line)}.learning-course-cover{width:110px;height:110px}.learning-branch{font-size:10.5px}}
@media(max-width:480px){.learning-workspace{grid-template-columns:1fr;gap:24px}.learning-side{position:static}.learning-side>.learning-tree{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.learning-side>.learning-tree::before{display:none}.learning-side .learning-branch{border-bottom:1px solid var(--line)}.learning-side .learning-branch::before{inset-inline-start:-13px}.learning-next{flex-wrap:wrap}.learning-location{margin-bottom:10px!important}}
@media(prefers-reduced-motion:reduce){.learning-branch,.learning-branch::before,.learning-course-cover,:is(.category-card,.project-card,.store-card,.product-card) img{transition:none!important}}
.category-button{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:var(--emkan-control-size)!important;font-weight:400!important;padding:9px 0!important}
.podcast-filter{border:0!important}
.v49-columns:has(>.v49-person[hidden]){grid-template-columns:1fr}
.v49-service-cover img{filter:grayscale(100%);opacity:.94;transition:filter .62s ease,opacity .3s ease,transform .72s cubic-bezier(.22,.61,.36,1)}
.v49-service-cover:hover img{filter:grayscale(0);opacity:1;transform:scale(1.018)}
@media(prefers-reduced-motion:reduce){.v49-service-cover img{transition:none!important}}


/* shared/emkan-v51.css */
/* EMKAN v51 — consistency layer. Loaded last; preserves existing module logic. */
:root{--emkan-control-h:34px;--emkan-cascade:560ms;--emkan-cascade-ease:cubic-bezier(.22,.61,.36,1)}

/* 1) Form language: no rectangular input/search/select/textarea boxes anywhere. */
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),textarea,select){
  border:0!important;border-bottom:1px solid var(--line,rgba(21,24,29,.18))!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;padding-inline:2px!important;
  transition:border-color .28s ease,opacity .28s ease!important
}
:where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]),textarea,select):is(:hover,:focus){border-bottom-color:var(--hover-accent,#6f9fb2)!important;box-shadow:none!important}
:where(input[type="search"]){appearance:none!important;-webkit-appearance:none!important}

/* Category choices are typographic, not ruled rows. The trigger/search may keep one quiet baseline. */
:where(.category-button,.category-choice,.article-category-choice,.podcast-topics button,.podcast-seasons button){
  border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
:where(.category-list,.article-category-list,.podcast-filter,[data-filter-list]){border:0!important;box-shadow:none!important}
:where(details.category-filter,details.article-category,details.podcast-filter) summary{border-radius:0!important}

/* Smooth disclosure instead of a hard jump. */
details[open] > :not(summary){animation:emkanDisclosure .30s cubic-bezier(.22,.61,.36,1) both}
@keyframes emkanDisclosure{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}

/* 2) One cascade rhythm across grids, mirroring Architecture's progressive load. */
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :where(.category-card,.gallery-item,.related-item),
:where(.store-grid,.product-grid) > :where(.store-card,.product-card){animation:emkanCascadeIn var(--emkan-cascade) var(--emkan-cascade-ease) both}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(1){animation-delay:0ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(2){animation-delay:70ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(3){animation-delay:140ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(4){animation-delay:210ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(5){animation-delay:280ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(6){animation-delay:350ms}
:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid) > :nth-child(n+7){animation-delay:420ms}
@keyframes emkanCascadeIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}

/* 3) Shared thin divider under title/back zones. */
:where(.v49-top,.product-toolbar,.project-subnav,.related-head,.people-atlas-head){border-bottom:1px solid var(--line)!important;padding-bottom:14px!important}
.v49-layout>section>h1,.detail-layout article>.detail-title{padding-bottom:14px!important;border-bottom:1px solid var(--line)!important;margin-bottom:24px!important}
.emkan-section-divider{height:1px;background:var(--line);border:0;margin:14px 0 24px}

/* 4) Content Creation: clearer row separation without changing card sizes. */
.content-module-page .category-grid{row-gap:clamp(54px,6vw,78px)!important}
.content-section-page .v49-grid{row-gap:clamp(44px,5vw,66px)!important}

/* 5) Education: reduce excessive white gap below the global menu; listing uses dropdown filters, not a second tree. */
.content-section-page .v49-main{margin-top:clamp(42px,5.5vh,58px)!important}
.content-section-page .v49-layout{align-items:start!important}
.content-section-page .v49-rail{padding-top:0!important}
.learning-route{display:none!important}

/* 6) About tree geometry: node center exactly on the 1px spine. */
.company-axis::before{inset-inline-start:2px!important}
.practice-button::before{inset-inline-start:-18px!important}

/* About visual must mirror when the language switches to English. */
@media(min-width:641px){
 html[lang="en"] .about-company-visual-grid .office-frame-section{grid-column:2!important}
 html[lang="en"] .about-company-visual-grid .company-section{grid-column:1!important}
 html[lang="en"] .about-company-visual-grid .company-profile-download{grid-column:1!important}
}

/* 7) Civil search/filter UI uses the same understated Architecture language. */
.emkan-civil-tools{display:grid;gap:14px;margin:0 0 30px;max-width:240px}
.emkan-civil-tools label{display:block;color:var(--category-muted,var(--fg));font-size:var(--emkan-control-size,11px)}
.emkan-civil-tools input,.emkan-civil-tools select{display:block;width:100%;height:32px;margin-top:6px;font:inherit;color:var(--fg)}
.emkan-civil-results .civil-entry{border:0!important;border-bottom:0!important;padding:0!important;margin-bottom:18px!important}
.emkan-civil-results .civil-entry summary{padding:8px 0!important;border:0!important;list-style:none}

/* 8) Auto-created fallback visuals keep every square visual, not blank. */
.emkan-fallback-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);opacity:.94;transition:filter .62s ease,transform .72s var(--emkan-cascade-ease)}
:is(.category-card,.project-card,.store-card,.product-card):hover .emkan-fallback-image{filter:grayscale(0);transform:scale(1.018)}

/* Cross-content links created from editor text stay in EMKAN's visual language. */
.emkan-inline-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);transition:color .18s ease,border-color .18s ease}
.emkan-inline-link:hover,.emkan-inline-link:focus-visible{color:var(--hover-accent);border-bottom-color:var(--hover-accent)}

/* Store per-language price editor. */
.emkan-price-language-grid{display:grid;grid-template-columns:1fr;gap:0;margin:12px 0 20px;border:0!important;background:transparent!important;box-shadow:none!important}
.emkan-price-language-row{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:end;padding:10px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;box-shadow:none!important}
.emkan-price-language-row:first-child{border-top:1px solid var(--line)!important}
.emkan-price-language-name{align-self:center;font-size:10px;color:var(--category-muted,var(--fg));white-space:nowrap}
.emkan-price-language-row label{display:block!important;margin:0!important}
@media(max-width:760px){.emkan-price-language-row{grid-template-columns:58px minmax(0,1fr);gap:10px 14px}.emkan-price-language-row .field:last-child{grid-column:2}.content-module-page .category-grid{row-gap:42px!important}}
@media(prefers-reduced-motion:reduce){details[open] > :not(summary),:where(.category-grid,.v49-grid,.gallery-items-container,.related-grid)>*,.emkan-fallback-image{animation:none!important;transition:none!important}}

/* v52 follow-up refinements: internal-page spacing, single-divider titles, and quieter sidebar filters. */
.content-section-page .v49-main,
.content-module-page .v49-main{margin-top:clamp(24px,3.4vh,38px)!important}
.content-section-page .v49-page-head,
.content-section-page .v49-top{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important;
  margin:0 0 18px!important;padding:0 0 14px!important;border-bottom:1px solid var(--line)!important
}
.content-section-page .v49-page-head .v49-headcopy,
.content-section-page .v49-top .v49-headcopy{display:grid;gap:5px}
.content-section-page .v49-kicker{margin:0!important;font-size:11px!important;line-height:1.8!important;color:var(--category-muted,var(--fg));font-weight:400!important}
.content-section-page .v49-page-head h1,
.content-section-page .v49-top h1{margin:0!important;font-size:clamp(18px,1.55vw,24px)!important;line-height:1.6!important;font-weight:560!important}
.content-section-page .v49-page-head--compact h1,
.content-section-page .v49-top--compact h1{font-size:clamp(16px,1.28vw,20px)!important}
.content-section-page .v49-back-link{font-size:11px!important;text-decoration:none!important;color:var(--category-muted,var(--fg))!important;white-space:nowrap}
.content-section-page .v49-layout{align-items:start!important;grid-template-columns:190px minmax(0,1fr)!important;gap:clamp(28px,4vw,66px)!important}
.content-section-page .v49-results-wrap{min-width:0}
.content-section-page .v49-rail{padding-top:0!important;top:16px!important}
.content-section-page .v49-rail>a:first-child{display:none!important}
.content-section-page .v49-rail label,
.content-section-page .v49-filter-block{display:block!important;margin:0 0 16px!important}
.content-section-page .v49-filter-label{display:block!important;margin:0 0 10px!important;font-size:11px!important;line-height:1.8!important;color:var(--category-muted,var(--fg))}
.content-section-page .v49-search-group input{margin-top:0!important;padding:8px 0 6px!important}
.content-section-page .v49-plain-filter{display:block!important}
.content-section-page .v49-plain-filter>summary{
  list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;padding:8px 0 6px!important;border:0!important;border-bottom:1px solid var(--line)!important;
  background:transparent!important;cursor:pointer!important;font-size:13px!important;line-height:1.8!important
}
.content-section-page .v49-plain-filter>summary::-webkit-details-marker{display:none}
.content-section-page .v49-filter-chevron{width:8px;height:8px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);flex:0 0 auto;transition:transform .2s ease}
.content-section-page .v49-plain-filter[open] .v49-filter-chevron{transform:rotate(225deg) translate(-1px,-1px)}
.content-section-page .v49-filter-list{display:grid!important;gap:10px!important;padding:12px 0 0!important}
.content-section-page .v49-filter-option{
  display:block!important;width:100%!important;padding:0!important;text-align:inherit!important;font:inherit!important;font-size:13px!important;
  line-height:1.9!important;color:var(--fg)!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer!important
}
.content-section-page .v49-filter-option.is-active{font-weight:400!important;color:var(--fg)!important;background:transparent!important}
.content-section-page .v49-grid{margin-top:0!important}
.content-section-page .v49-empty{padding-top:8px!important}
.content-section-page .v49-layout>section>h1{border:0!important;padding:0!important;margin:0!important}
.content-section-page .v49-top+.v49-hero{border-top:0!important;padding-top:22px!important}
.content-section-page .v49-top+.v49-section,
.content-section-page .v49-top+.v49-hero+.v49-section{margin-top:0!important}

/* Single, calmer divider rhythm across internal detail layouts. */
.v49-top{margin-bottom:18px!important}
.v49-layout>section>h1{border:0!important;padding:0!important;margin:0!important}
.product-main{padding-top:18px!important}
.product-toolbar{padding-bottom:12px!important;margin-bottom:18px!important}
.project-main{margin-top:10px!important}
.project-subnav{padding-bottom:12px!important}
.project-main,.product-main{scroll-margin-top:24px}

/* Sidebar/category lists must stay text-only: no boxed or ruled items. */
:where(.category-list li,.article-category-list li,.podcast-filter li,.v49-filter-list button){border:0!important;box-shadow:none!important;background:transparent!important}
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option).is-active{background:transparent!important;box-shadow:none!important}

/* Keep language-specific content isolated in civil/architecture filters. */
html[lang="fa"] :where(.lang-en,.lang-ar){display:none!important}
html[lang="en"] :where(.lang-fa,.lang-ar){display:none!important}
html[lang="ar"] :where(.lang-fa,.lang-en){display:none!important}
html[lang="fa"] :where(span.lang-fa){display:inline!important}
html[lang="en"] :where(span.lang-en){display:inline!important}
html[lang="ar"] :where(span.lang-ar){display:inline!important}

@media(max-width:720px){
  .content-section-page .v49-main,.content-module-page .v49-main{margin-top:24px!important}
  .content-section-page .v49-page-head,
  .content-section-page .v49-top{gap:16px!important;margin-bottom:16px!important}
  .content-section-page .v49-layout{grid-template-columns:130px minmax(0,1fr)!important;gap:18px!important}
}
@media(max-width:480px){
  .content-section-page .v49-page-head,
  .content-section-page .v49-top{align-items:flex-start!important}
  .content-section-page .v49-layout{grid-template-columns:1fr!important}
  .content-section-page .v49-rail{display:block!important}
}


/* shared/emkan-v53.css */
/* EMKAN v53 — architecture-locked search/filter/sidebar + context bars. Frontend only. */
:root{--emkan-v53-card:192px;--emkan-v53-rail:190px;--emkan-v53-gap:clamp(38px,5vw,72px)}

/* ===== Canonical context bar ===== */
.emkan-context-bar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 13px;margin:22px 0 24px;border-bottom:1px solid var(--line);color:var(--category-muted,var(--fg));font-size:10.5px;line-height:1.7}
.emkan-context-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--category-muted,var(--fg));font-weight:400}
.emkan-context-back{flex:0 0 auto;color:var(--category-muted,var(--fg));text-decoration:none;font-size:10.5px;transition:color .18s ease}
.emkan-context-back:hover,.emkan-context-back:focus-visible{color:var(--hover-accent);outline:0}
html[dir="rtl"] .emkan-context-path{text-align:right}html[dir="ltr"] .emkan-context-path{text-align:left}

/* Context bar replaces duplicate top back/divider UI, but leaves the page's actual content title intact. */
.has-emkan-context .v49-page-head,.has-emkan-context .v49-top{border:0!important;padding-bottom:0!important;margin-bottom:20px!important}
.has-emkan-context .v49-page-head .v49-back-link,.has-emkan-context .v49-top .v49-back-link{display:none!important}
.has-emkan-context .v49-kicker{display:none!important}
.has-emkan-context .article-page-back{display:none!important}
.has-emkan-context .project-subnav{border-bottom:0!important;padding-bottom:0!important}
.has-emkan-context .project-subnav .back-link{display:none!important}
.has-emkan-context .project-main{margin-top:10px!important}

/* ===== Architecture-locked search control ===== */
.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search{width:100%!important;margin:0 0 14px!important;position:relative!important;display:block!important}
.emkan-standard-search input,.project-search input,.article-project-search input,.v49-search-group input,.podcast-search input{
  box-sizing:border-box!important;width:100%!important;height:28px!important;margin:0!important;padding:0 26px 2px 2px!important;
  border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;outline:0!important;background:transparent!important;
  color:var(--category)!important;font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;opacity:.72!important;
  box-shadow:none!important;transition:border-color 420ms var(--theme-ease),color var(--theme-duration) var(--theme-ease),opacity 420ms ease!important
}
html[dir="rtl"] :is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search) input{direction:rtl!important;text-align:right!important;padding:0 2px 2px 26px!important;font-family:var(--font-fa)!important}
html[dir="ltr"] :is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search) input{direction:ltr!important;text-align:left!important;font-family:var(--font-en)!important}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search) input::placeholder{color:var(--category-muted)!important;opacity:.62!important}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search) input:hover,
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search) input:focus{border-bottom-color:var(--hover-accent)!important;opacity:1!important;box-shadow:none!important}
.emkan-search-icon,.project-search>.search-icon,.article-project-search>.search-icon,.v49-search-group>.search-icon,.podcast-search>.search-icon{position:absolute!important;z-index:2!important;top:50%!important;right:9px!important;width:12px!important;height:12px!important;color:var(--category-muted)!important;opacity:.54!important;transform:translateY(-58%)!important;pointer-events:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.55!important;border:0!important}
html[dir="rtl"] :is(.emkan-search-icon,.project-search>.search-icon,.article-project-search>.search-icon,.v49-search-group>.search-icon,.podcast-search>.search-icon){right:auto!important;left:9px!important}
.v49-search-group>.v49-filter-label,.podcast-search>#searchLabel{display:none!important}

/* ===== Every sidebar category is text only: never a rule, box, fill, or selected highlight ===== */
:where(.category-list,.article-category-list,.podcast-topics,.v49-filter-list,.emkan-landing-categories){border:0!important;background:transparent!important;box-shadow:none!important}
:where(.category-list ul,.article-category-list ul,.emkan-landing-categories){list-style:none!important;padding:0!important;margin:0!important}
:where(.category-list li,.article-category-list li,.emkan-landing-categories li){border:0!important;border-bottom:0!important;padding:0!important;margin:0 0 8px!important;background:transparent!important;box-shadow:none!important}
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category){
  appearance:none!important;display:inline-block!important;max-width:100%!important;padding:0!important;margin:0!important;border:0!important;border-bottom:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--category-muted,var(--fg))!important;cursor:pointer!important;
  text-align:inherit!important;font:inherit!important;font-size:clamp(12px,.92vw,15px)!important;font-weight:400!important;line-height:1.55!important;
  text-decoration:none!important;transition:color .18s ease,transform .18s ease!important
}
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category):hover,
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category):focus-visible{color:var(--hover-accent)!important;background:transparent!important;outline:0!important;transform:translateY(-1px)!important}
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category).is-active{
  color:var(--category,var(--fg))!important;background:transparent!important;border:0!important;box-shadow:none!important;font-weight:600!important
}
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category)::before,
:where(.category-button,.article-category-choice,.podcast-topics button,.podcast-seasons button,.v49-filter-option,.emkan-landing-category)::after{display:none!important}

/* Dropdowns in side rails also stay unboxed and unruled. */
.v49-plain-filter>summary,.article-category-toggle{border:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.v49-filter-list{padding-top:10px!important;gap:9px!important}

/* ===== Main landing pages: Architecture geometry + exactly 3 cards per row ===== */
.emkan-landing-main{width:min(952px,calc(100% - 48px))!important;margin:0 auto!important;padding:0 0 70px!important}
.emkan-landing-main>.emkan-context-bar{margin-top:22px}
.emkan-landing-layout{width:100%;margin:0 auto;display:grid;direction:ltr;grid-template-columns:minmax(0,1fr) var(--emkan-v53-rail);grid-template-areas:"gallery categories";column-gap:var(--emkan-v53-gap);align-items:start}
html[lang="en"] .emkan-landing-layout{grid-template-columns:var(--emkan-v53-rail) minmax(0,1fr);grid-template-areas:"categories gallery"}
.emkan-landing-layout>.category-panel{grid-area:categories!important;position:sticky!important;top:24px!important;align-self:start!important;min-width:0!important;max-height:calc(100vh - 48px)!important;overflow-y:auto!important;scrollbar-width:none!important;padding-top:0!important}
.emkan-landing-layout>.category-panel::-webkit-scrollbar{width:0;height:0}
.emkan-landing-layout>.category-grid,.emkan-landing-layout>.store-grid{grid-area:gallery!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,var(--emkan-v53-card)))!important;grid-auto-rows:auto!important;gap:34px 36px!important;width:648px!important;max-width:100%!important;margin:0!important;justify-content:start!important;align-items:start!important}
html[dir="rtl"] .emkan-landing-layout>.category-grid,html[dir="rtl"] .emkan-landing-layout>.store-grid{direction:rtl!important}
html[dir="ltr"] .emkan-landing-layout>.category-grid,html[dir="ltr"] .emkan-landing-layout>.store-grid{direction:ltr!important}
.emkan-landing-layout .category-card,.emkan-landing-layout .store-card{width:var(--emkan-v53-card)!important;max-width:100%!important;height:auto!important;transform:none!important}
.emkan-landing-layout .category-card[hidden],.emkan-landing-layout .store-card[hidden]{display:none!important}

/* remove obsolete civil landing controls after canonical rail is mounted */
#civilLandingTools{display:none!important}

/* ===== R&D articles: canonical Architecture placement ===== */
.articles-main--architecture-tools .article-category-panel{padding-top:0!important}
.articles-main--architecture-tools .article-category-toggle{display:none!important}
.articles-main--architecture-tools .article-category-list{display:block!important;padding:0!important;margin:0!important}
.article-project-search .article-search-icon{display:none!important}

/* ===== Podcast search is moved into the topic rail and normalized ===== */
.podcast-heading .podcast-search{display:none!important}
.podcast-topics>.podcast-search{display:block!important;margin-bottom:16px!important}
.podcast-topics{border:0!important}

/* ===== No mixed languages in filters ===== */
html[lang="fa"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-en,
html[lang="fa"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-ar{display:none!important}
html[lang="en"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-fa,
html[lang="en"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-ar{display:none!important}
html[lang="ar"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-fa,
html[lang="ar"] :where(.category-list,.article-category-list,.emkan-landing-categories) .lang-en{display:none!important}

@media(max-width:920px){
  .emkan-landing-main{width:min(100% - 36px,952px)!important}
  .emkan-landing-layout{grid-template-columns:minmax(0,1fr) 160px;column-gap:28px}
  html[lang="en"] .emkan-landing-layout{grid-template-columns:160px minmax(0,1fr)}
  .emkan-landing-layout>.category-grid,.emkan-landing-layout>.store-grid{grid-template-columns:repeat(2,minmax(0,192px))!important;width:420px!important;gap:26px 20px!important}
}
@media(max-width:700px){
  .emkan-context-bar{margin-top:16px;margin-bottom:20px}
  .emkan-landing-main{width:min(100% - 28px,952px)!important}
  .emkan-landing-layout,.emkan-landing-layout:is(html[lang="en"] *){grid-template-columns:1fr!important;grid-template-areas:"categories" "gallery"!important;gap:22px!important}
  .emkan-landing-layout>.category-panel{position:static!important;max-height:none!important}
  .emkan-landing-layout>.category-grid,.emkan-landing-layout>.store-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
  .emkan-landing-layout .category-card,.emkan-landing-layout .store-card{width:100%!important}
}
@media(max-width:430px){.emkan-landing-layout>.category-grid,.emkan-landing-layout>.store-grid{grid-template-columns:1fr!important}}
.has-emkan-context .project-subnav-shell{display:none!important}
/* Store category follows the same rail/search language without touching Store Admin data. */
.emkan-store-filter-rail{min-width:0;align-self:start;position:sticky;top:24px}
.emkan-store-filter-rail .store-category-nav{position:static!important;display:grid!important;align-content:start!important;border:0!important;background:transparent!important}
.emkan-store-filter-rail .store-category-nav a{min-height:0!important;padding:0!important;margin:0 0 8px!important;border:0!important;border-bottom:0!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;font-size:clamp(12px,.92vw,15px)!important;line-height:1.55!important;text-decoration:none!important;transition:color .18s ease,transform .18s ease!important}
.emkan-store-filter-rail .store-category-nav a:hover,.emkan-store-filter-rail .store-category-nav a:focus-visible{color:var(--hover-accent)!important;transform:translateY(-1px)!important;outline:0!important}
.emkan-store-filter-rail .store-category-nav a.is-active{color:var(--category,var(--fg))!important;font-weight:600!important}
.product-tools>.product-search{display:none!important}
.emkan-store-search-proxy,.emkan-podcast-search-proxy{display:block!important}
@media(max-width:760px){.emkan-store-filter-rail{position:static}.emkan-store-filter-rail .store-category-nav{display:flex!important;gap:12px;overflow:auto!important}.emkan-store-filter-rail .store-category-nav a{white-space:nowrap!important;margin-bottom:0!important}}
/* Section/category side navs are also pure text. */
.detail-nav{border:0!important;border-top:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important}
.detail-nav a{min-height:0!important;padding:0!important;border:0!important;border-bottom:0!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;text-decoration:none!important;font-size:clamp(12px,.92vw,15px)!important;line-height:1.55!important;transition:color .18s ease,transform .18s ease!important}
.detail-nav a:hover,.detail-nav a:focus-visible{color:var(--hover-accent)!important;transform:translateY(-1px)!important;outline:0!important}
.detail-nav a.is-active{color:var(--category,var(--fg))!important;font-weight:600!important}

/* Keep the context strip close to the global navigation. */
.has-emkan-context .detail-main{padding-top:18px!important}
.has-emkan-context .articles-main--architecture-tools{padding-top:18px!important}
.has-emkan-context .article-page{padding-top:18px!important}
.has-emkan-context .podcast-main{padding-top:18px!important}
.has-emkan-context .v49-main{margin-top:18px!important}
.has-emkan-context .project-main{margin-top:0!important}
.article-category-list[hidden]{display:block!important}
.emkan-podcast-filter-rail{min-width:0;align-self:start}
.emkan-podcast-filter-rail>.podcast-topics{display:block!important;overflow:visible!important}
.podcast-layout>.emkan-podcast-filter-rail{grid-column:auto!important}
@media(max-width:650px){.emkan-podcast-filter-rail>.podcast-topics{display:flex!important;gap:16px!important;overflow-x:auto!important}.emkan-podcast-filter-rail>.podcast-topics button{width:auto!important;min-width:max-content!important}}
.has-emkan-context .detail-layout article>.detail-title{border:0!important;padding-bottom:0!important;margin-bottom:18px!important}
.has-emkan-context .architecture-main>.projects-layout{margin-top:24px!important}
body:not(.has-emkan-context) .emkan-landing-main>.emkan-landing-layout{margin-top:clamp(46px,6vh,64px)}
.dynamic-filter-group{border-top:0!important;padding-top:0!important}
.category-toggle,.article-category-toggle{border:0!important;border-top:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important}

/* =========================================================
   v54 precision pass
   - Primary landing pages stay clean (Architecture is the only landing with search/categories).
   - Breadcrumb/back exists only from level two onward.
   - Category items are pure words: no row rules, no selection highlight; color appears on hover only.
   - Articles use a real collapsible category menu.
   ========================================================= */

/* 1) Architecture + every sidebar category: remove any inherited row rules with enough specificity. */
.category-list,
.category-list ul,
.category-list li,
.article-category-list,
.article-category-list ul,
.article-category-list li{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.category-list .category-button,
.article-category-panel .article-category-choice{
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-weight:400!important;
  text-decoration:none!important;
}
.category-list .category-button::before,
.category-list .category-button::after,
.article-category-panel .article-category-choice::before,
.article-category-panel .article-category-choice::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
}
/* Selected state must not look highlighted; only hover/focus changes color. */
.category-list .category-button.is-active,
.article-category-panel .article-category-choice.is-active{
  color:var(--category-muted,var(--fg))!important;
  font-weight:400!important;
  background:transparent!important;
}
.category-list .category-button:hover,
.category-list .category-button:focus-visible,
.article-category-panel .article-category-choice:hover,
.article-category-panel .article-category-choice:focus-visible,
.category-list .category-button.is-active:hover,
.article-category-panel .article-category-choice.is-active:hover{
  color:var(--hover-accent)!important;
  background:transparent!important;
  transform:none!important;
  outline:0!important;
}
.dynamic-filter-group{border:0!important;border-top:0!important;padding-top:0!important}

/* 2) Articles: category stays collapsible instead of being permanently expanded. */
.articles-main--architecture-tools .article-category-toggle{
  display:flex!important;
  width:100%!important;
  min-height:28px!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:3px 0!important;
  margin:2px 0 0!important;
  border:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;
  font:inherit!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  font-weight:400!important;
  cursor:pointer!important;
}
.articles-main--architecture-tools .article-category-toggle:hover,
.articles-main--architecture-tools .article-category-toggle:focus-visible{color:var(--hover-accent)!important;outline:0!important}
.articles-main--architecture-tools .article-category-list{
  display:block!important;
  padding:10px 0 0!important;
  margin:0!important;
  max-height:min(46vh,340px)!important;
  overflow:auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.articles-main--architecture-tools .article-category-list[hidden]{display:none!important}
.articles-main--architecture-tools .article-category-chevron{
  width:8px!important;height:8px!important;flex:0 0 auto!important;
  border:0!important;border-inline-end:1px solid currentColor!important;border-bottom:1px solid currentColor!important;
  transform:rotate(45deg)!important;transition:transform .2s ease!important
}
.articles-main--architecture-tools .article-category-toggle[aria-expanded="true"] .article-category-chevron{transform:rotate(225deg)!important}

/* 3) One top back only: remove every legacy sidebar back wherever the context strip is present. */
.has-emkan-context .v48-back,
.has-emkan-context .v49-rail>a:first-child,
.has-emkan-context .detail-nav>.v48-back,
.has-emkan-context .article-category-panel>.v48-back,
.has-emkan-context .secondary-rail>.v48-back,
.has-emkan-context #podcastControls>.v48-back,
.has-emkan-context .emkan-store-filter-rail>.v48-back{display:none!important}

/* 4) Bring breadcrumb/back closer to the global navigation; keep one full-width rule below it. */
.emkan-context-bar{
  margin-top:7px!important;
  margin-bottom:20px!important;
  padding-bottom:11px!important;
}
.has-emkan-context .detail-main,
.has-emkan-context .articles-main--architecture-tools,
.has-emkan-context .article-page,
.has-emkan-context .podcast-main{padding-top:7px!important}
.has-emkan-context .v49-main{margin-top:7px!important}
.has-emkan-context .project-main{margin-top:0!important}

/* Primary top-nav landing pages contain content only. */
#civilLandingTools{display:none!important}
body:not(.has-emkan-context) :is(.module-main,.store-main)>.emkan-context-bar{display:none!important}

@media(max-width:700px){
  .emkan-context-bar{margin-top:5px!important;margin-bottom:17px!important}
  .articles-main--architecture-tools .article-category-list{max-height:260px!important}
}

/* v54 — second-level Civil/R&D pages: Architecture-style search above the existing category rail. */
.detail-layout>.emkan-detail-rail{
  min-width:0!important;
  align-self:start!important;
  position:sticky!important;
  top:24px!important;
}
.emkan-detail-rail .emkan-section-search{margin-bottom:14px!important}
.emkan-detail-rail .detail-nav{
  position:static!important;
  top:auto!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.emkan-detail-rail .detail-nav a{
  min-height:0!important;
  padding:0!important;
  margin:0 0 8px!important;
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;
  font-size:clamp(12px,.92vw,15px)!important;
  font-weight:400!important;
  line-height:1.55!important;
}
.emkan-detail-rail .detail-nav a.is-active{color:var(--category-muted,var(--fg))!important;font-weight:400!important}
.emkan-detail-rail .detail-nav a:hover,
.emkan-detail-rail .detail-nav a:focus-visible,
.emkan-detail-rail .detail-nav a.is-active:hover{color:var(--hover-accent)!important;transform:none!important;outline:0!important}
@media(max-width:760px){
  .detail-layout>.emkan-detail-rail{position:static!important}
  .emkan-detail-rail .detail-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 16px!important}
}

/* =========================================================
   v55 precision pass — Civil projects, Content hierarchy, Store pricing
   ========================================================= */

/* Content sub-pages already have the context bar: do not repeat another heading/back strip. */
.has-emkan-context .v49-top{
  border:0!important;
  border-bottom:0!important;
  padding-bottom:0!important;
  margin-bottom:18px!important;
}
.has-emkan-context .v49-top .v49-back-link{display:none!important}
.content-section-page .v49-layout{margin-top:0!important}
.content-section-page .v49-filter-block{margin-top:2px!important}
.content-section-page .v49-filter-label--summary{margin:0!important;color:inherit!important}
.content-section-page .v49-plain-filter>summary{padding:7px 0!important}
.content-section-page .v49-filter-list{padding-top:9px!important}
.content-section-page .v49-filter-option[aria-pressed="true"]{
  color:var(--fg)!important;
  font-weight:400!important;
  background:transparent!important;
}
.content-section-page .v49-filter-option:hover,
.content-section-page .v49-filter-option:focus-visible,
.content-section-page .v49-filter-option[aria-pressed="true"]:hover{
  color:var(--hover-accent)!important;
  background:transparent!important;
}

/* Civil category pages now use only the correctly placed sidebar controls. */
.civil-section-page .emkan-civil-tools,
.has-emkan-context .detail-main .emkan-civil-tools{display:none!important}

/* Civil projects listing: back lives above search; category rows stay compact. */
body:not(.has-emkan-context) .architecture-main .category-panel>.v48-back{
  margin-bottom:10px!important;
  padding-bottom:10px!important;
}
body:not(.has-emkan-context) .architecture-main .category-list li{margin-bottom:1px!important}
body:not(.has-emkan-context) .architecture-main .category-list .category-button{line-height:1.42!important}


/* shared/emkan-v57.css */
/* EMKAN v57 — unified disclosure mark + special experience surfaces. */

/* A single disclosure language everywhere: a quiet + that becomes −. No triangle, no rotation. */
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark){
  position:relative!important;display:inline-block!important;width:12px!important;height:12px!important;flex:0 0 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:currentColor!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::before,
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::after{
  content:""!important;position:absolute!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;background:currentColor!important;
  transform:translate(-50%,-50%)!important;transition:opacity .2s ease,transform .2s ease!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::before{width:10px!important;height:1px!important}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::after{width:1px!important;height:10px!important}
.category-panel.is-open .category-chevron::after,
.category-toggle[aria-expanded="true"] .category-chevron::after,
.article-category-toggle[aria-expanded="true"] .article-category-chevron::after,
.detail-subcategory-filter[open] .detail-subcategory-chevron::after,
.v49-plain-filter[open] .v49-filter-chevron::after,
details[open] > summary .emkan-disclosure-mark::after{opacity:0!important;transform:translate(-50%,-50%) scaleY(.05)!important}

.article-category-toggle[aria-expanded="true"] .article-category-chevron::before{transform:translate(-50%,-50%)!important}
.article-category-toggle[aria-expanded="true"] .article-category-chevron::after{opacity:0!important;transform:translate(-50%,-50%) scaleY(.05)!important}
.category-panel.is-open .category-chevron,
.category-toggle[aria-expanded="true"] .category-chevron,
.article-category-toggle[aria-expanded="true"] .article-category-chevron,
.detail-subcategory-filter[open] .detail-subcategory-chevron,
.v49-plain-filter[open] .v49-filter-chevron{transform:none!important}

/* Podcast special page -------------------------------------------------- */
.podcast-app{width:min(1180px,calc(100% - 64px));margin:0 auto;padding:18px 0 76px;color:var(--fg)}
.podcast-context-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 0 12px;margin:4px 0 24px;border-bottom:1px solid var(--line);font-size:10.5px;color:var(--category-muted,var(--fg))}
.podcast-context-bar a{color:inherit;text-decoration:none}.podcast-context-bar a:hover{color:var(--hover-accent)}
.podcast-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;margin:0 0 28px!important}
.podcast-heading-copy{max-width:670px}.podcast-kicker{margin:0 0 5px;font-size:9px;letter-spacing:.15em;direction:ltr;color:var(--category-muted,var(--fg))}
.podcast-heading h1{margin:0!important;font-size:clamp(22px,2.1vw,31px)!important;line-height:1.65!important;font-weight:520!important}
.podcast-intro{margin:8px 0 0!important;font-size:11px!important;line-height:2!important;color:var(--category-muted,var(--fg))}
.podcast-workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 290px;gap:clamp(26px,3.4vw,48px);align-items:start}
.podcast-controls{position:sticky;top:22px;min-width:0}.podcast-controls .project-search{margin:0 0 18px}.podcast-controls .project-search input{font-size:11px!important}
.podcast-disclosure{border:0!important;border-bottom:1px solid var(--line)!important;margin:0!important;padding:0!important}
.podcast-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:11px 0;font-size:10.5px;color:var(--category-muted,var(--fg));border:0!important;background:transparent!important}
.podcast-disclosure>summary::-webkit-details-marker{display:none}.podcast-filter-list{display:grid;gap:7px;padding:3px 0 12px}
.podcast-filter-list button{display:block;width:100%;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;text-align:start;color:var(--fg);font:inherit;font-size:11.5px;line-height:1.7;cursor:pointer;transition:color .18s ease}
.podcast-filter-list button:hover,.podcast-filter-list button:focus-visible,.podcast-filter-list button.is-active:hover{color:var(--hover-accent);outline:0}
.podcast-filter-list button.is-active{color:var(--fg);font-weight:600;background:transparent!important}
.podcast-series-head{display:grid;grid-template-columns:94px minmax(0,1fr);gap:18px;align-items:start;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:8px}
.podcast-series-cover{width:94px;aspect-ratio:1;object-fit:cover;display:block;background:var(--panel,rgba(0,0,0,.03));filter:grayscale(100%)}
.podcast-series-placeholder{width:94px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);font:500 12px/1 var(--font-en,inherit);letter-spacing:.18em;color:var(--category-muted,var(--fg))}
.podcast-series-head h2{margin:2px 0 5px;font-size:18px;font-weight:520;line-height:1.65}.podcast-series-head p{margin:0;font-size:10.5px;line-height:1.9;color:var(--category-muted,var(--fg))}
.podcast-results-meta{min-height:28px;padding:7px 0;font-size:9.5px;color:var(--category-muted,var(--fg))}
.episode{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;padding:15px 0;border:0!important;border-bottom:1px solid var(--line)!important;width:100%;background:transparent!important;color:inherit;text-align:start;cursor:pointer;align-items:center;font:inherit}
.episode-cover{width:58px;aspect-ratio:1;object-fit:cover;background:var(--panel,rgba(0,0,0,.03));display:grid;place-items:center;font-size:13px;direction:ltr;filter:grayscale(100%);transition:filter .25s ease}
.episode:hover .episode-cover,.episode.is-active .episode-cover{filter:grayscale(0)}.episode-title{font-size:13px;font-weight:520;line-height:1.75;display:block;transition:color .18s ease}.episode-meta{font-size:9.5px;color:var(--category-muted,var(--fg));display:block;margin-top:3px}.episode-index{font:400 9px/1.2 var(--font-en,inherit);color:var(--category-muted,var(--fg));letter-spacing:.08em}.episode:hover .episode-title,.episode.is-active .episode-title{color:var(--hover-accent)}
.podcast-player{position:sticky;top:22px;min-width:0;padding-inline-start:20px!important;border:0!important;border-inline-start:1px solid var(--line)!important;background:transparent!important}
.player-cover{width:100%;max-width:245px;aspect-ratio:1;object-fit:cover;background:var(--panel,rgba(0,0,0,.03));display:grid;place-items:center;font:500 18px/1 var(--font-en,inherit);letter-spacing:.14em;direction:ltr;filter:grayscale(100%)}
.podcast-player h2{font-size:15px!important;line-height:1.8!important;font-weight:520!important;margin:14px 0 5px!important}.podcast-player p{font-size:10.5px!important;line-height:1.9!important;margin:0 0 8px!important;white-space:pre-wrap}.podcast-guest{color:var(--category-muted,var(--fg))!important}.podcast-player audio,.podcast-player video{width:100%;margin-top:12px}.podcast-player video{max-height:230px}.podcast-player>a,.podcast-player .podcast-share{display:block;width:100%;margin:10px 0 0;padding:8px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:inherit;text-decoration:none;text-align:start;font:inherit;font-size:10px;cursor:pointer}.podcast-player>a:hover,.podcast-player .podcast-share:hover{color:var(--hover-accent)}
.playback-controls{display:flex;gap:8px;justify-content:space-between;align-items:center;margin-top:9px}.playback-controls button,.playback-controls select{padding:5px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:inherit;font:inherit;font-size:9px}.podcast-empty{font-size:11px;line-height:2;padding:22px 0;border-bottom:1px solid var(--line)}

/* Digital Experience Hub ----------------------------------------------- */
.dx-hub{margin-top:0}.dx-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(30px,5vw,74px);padding:22px 0 28px;border-bottom:1px solid var(--line)}
.dx-hero h1{font-size:clamp(23px,2.4vw,34px)!important;line-height:1.65!important;margin:0 0 10px!important;font-weight:520!important}.dx-hero p{font-size:12px!important;line-height:2.05!important;margin:0!important;color:var(--category-muted,var(--fg))}.dx-guide{display:grid;gap:10px;align-content:end}.dx-guide-step{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--line)}.dx-guide-step:last-child{border-bottom:0}.dx-guide-step b{font:500 9px/1.4 var(--font-en,inherit);color:var(--category-muted,var(--fg))}.dx-guide-step span{font-size:10.5px;line-height:1.8}.dx-app-link{display:inline-block;margin-top:7px;color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px;font-size:10.5px}.dx-app-link:hover{color:var(--hover-accent);border-color:var(--hover-accent)}
.dx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.dx-filters{display:flex;gap:18px;flex-wrap:wrap}.dx-filter{padding:0;border:0;background:transparent;color:var(--category-muted,var(--fg));font:inherit;font-size:10.5px;cursor:pointer}.dx-filter:hover,.dx-filter.is-active{color:var(--hover-accent)}.dx-count{font-size:9.5px;color:var(--category-muted,var(--fg))}
.dx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.dx-card{border:0!important;border-bottom:1px solid var(--line)!important;padding:0!important;margin:0!important}.dx-card>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:120px minmax(0,1fr) 18px;gap:16px;align-items:center;padding:0 0 14px}.dx-card>summary::-webkit-details-marker{display:none}.dx-card-media{width:120px;aspect-ratio:4/3;object-fit:cover;background:var(--panel,rgba(0,0,0,.03));filter:grayscale(100%);transition:filter .3s ease}.dx-card:hover .dx-card-media,.dx-card[open] .dx-card-media{filter:grayscale(0)}.dx-card-placeholder{width:120px;aspect-ratio:4/3;display:grid;place-items:center;border:1px solid var(--line);font:500 9px/1 var(--font-en,inherit);letter-spacing:.14em;color:var(--category-muted,var(--fg))}.dx-card-title{display:block;font-size:12.5px;line-height:1.75;font-weight:520}.dx-card-meta{display:block;margin-top:3px;font-size:9px;color:var(--category-muted,var(--fg))}.dx-card-body{padding:0 0 18px;margin-inline-start:136px}.dx-card-body p{font-size:10.5px!important;line-height:2!important;color:var(--category-muted,var(--fg));margin:0 0 12px!important}.dx-actions{display:flex;gap:14px;flex-wrap:wrap}.dx-action{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:inherit!important;text-decoration:none!important;padding:6px 0!important;font:inherit!important;font-size:9.5px!important;cursor:pointer!important}.dx-action:hover{color:var(--hover-accent)!important;border-color:var(--hover-accent)!important}.dx-empty{padding:30px 0;border-block:1px solid var(--line);font-size:11px;line-height:2;color:var(--category-muted,var(--fg))}
.dx-marker-modal{position:fixed;z-index:500;inset:0;background:var(--bg);display:grid;grid-template-rows:auto 1fr;padding:24px}.dx-marker-modal[hidden]{display:none!important}.dx-marker-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:10px}.dx-marker-close{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.dx-marker-stage{display:grid;place-items:center;min-height:0;padding:24px}.dx-marker-stage img{max-width:min(820px,90vw);max-height:78vh;object-fit:contain;display:block}.dx-marker-stage .dx-marker-placeholder{width:min(620px,78vw);aspect-ratio:4/3;border:1px solid var(--line);display:grid;place-items:center;color:var(--category-muted,var(--fg));font-size:11px}

@media(max-width:1020px){.podcast-workspace{grid-template-columns:170px minmax(0,1fr)}.podcast-player{grid-column:2;position:static;border-inline-start:0!important;border-top:1px solid var(--line)!important;padding:18px 0 0!important}.player-cover{max-width:180px}.dx-grid{grid-template-columns:1fr}}
@media(max-width:720px){.podcast-app{width:calc(100% - 36px);padding-top:10px}.podcast-context-bar{margin-bottom:18px}.podcast-heading{grid-template-columns:1fr!important}.podcast-workspace{grid-template-columns:1fr}.podcast-controls{position:static}.podcast-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.podcast-player{grid-column:1}.podcast-series-head{grid-template-columns:72px 1fr}.podcast-series-cover,.podcast-series-placeholder{width:72px}.dx-hero{grid-template-columns:1fr}.dx-card>summary{grid-template-columns:86px minmax(0,1fr) 18px}.dx-card-media,.dx-card-placeholder{width:86px}.dx-card-body{margin-inline-start:102px}}
@media(max-width:480px){.podcast-filter-row{grid-template-columns:1fr}.episode{grid-template-columns:48px minmax(0,1fr) auto}.episode-cover{width:48px}.dx-card>summary{grid-template-columns:72px minmax(0,1fr) 16px;gap:11px}.dx-card-media,.dx-card-placeholder{width:72px}.dx-card-body{margin-inline-start:0;padding-top:4px}.dx-actions{display:grid;grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::after{transition:none!important}}
.dx-embed-host{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.dx-embed-host[hidden]{display:none!important}.dx-embed-host iframe{display:block;width:100%;min-height:420px;border:0;background:var(--panel,transparent)}.dx-embed-close{margin-top:8px;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;padding:5px 0;font:inherit;font-size:9px;cursor:pointer}.dx-embed-close:hover{color:var(--hover-accent)}
@media(max-width:720px){.dx-embed-host iframe{min-height:56vh}}


/* shared/emkan-v58.css */
/* EMKAN v58 — final visual normalization pass. Architecture remains the public UI reference. */

/* --------------------------------------------------------------------------
   1. One disclosure mark everywhere: a quiet folded-corner mark.
   Closed = a thin horizontal stroke with a short vertical edge.
   Open   = only the horizontal stroke. No triangles, rotation, plus/minus.
   -------------------------------------------------------------------------- */
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark){
  position:relative!important;display:inline-block!important;width:12px!important;height:9px!important;flex:0 0 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:currentColor!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::before{
  content:""!important;position:absolute!important;inset:auto 0 2px auto!important;width:10px!important;height:5px!important;
  border:0!important;border-top:1px solid currentColor!important;border-inline-end:1px solid currentColor!important;
  background:transparent!important;transform:none!important;transition:border-color .18s ease,height .18s ease!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::after{content:none!important;display:none!important}
.category-panel.is-open .category-chevron::before,
.category-toggle[aria-expanded="true"] .category-chevron::before,
.article-category-toggle[aria-expanded="true"] .article-category-chevron::before,
.detail-subcategory-filter[open] .detail-subcategory-chevron::before,
.v49-plain-filter[open] .v49-filter-chevron::before,
details[open] > summary .emkan-disclosure-mark::before{height:0!important;border-inline-end-color:transparent!important}

/* Legacy disclosure controls without an explicit mark use the same folded corner. */
:is(.podcast-filter,.rail-filter)>summary::after{
  content:""!important;display:inline-block!important;width:10px!important;height:5px!important;flex:0 0 10px!important;
  border:0!important;border-top:1px solid currentColor!important;border-inline-end:1px solid currentColor!important;
  background:transparent!important;transform:none!important;transition:height .18s ease,border-color .18s ease!important
}
:is(.podcast-filter,.rail-filter)[open]>summary::after{height:0!important;border-inline-end-color:transparent!important}

/* --------------------------------------------------------------------------
   2. Dropdown/category baseline + options: one line under the label only.
   Options themselves are always borderless typographic rows.
   -------------------------------------------------------------------------- */
:is(.category-toggle,.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,.podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary){
  border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important
}
:is(.category-list,.category-list ul,.category-list li,.article-category-list,.article-category-list ul,.article-category-list li,.detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.podcast-topics,.podcast-seasons){
  border:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important;background:transparent!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button){
  border:0!important;border-top:0!important;border-bottom:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  text-decoration:none!important;font-size:clamp(12px,.92vw,15px)!important;font-weight:400!important;line-height:1.45!important;
  min-height:0!important;height:auto!important;padding:0!important;margin:0!important;color:var(--category-muted,var(--fg))!important
}
:is(.category-list li,.article-category-list li){margin:0 0 4px!important}
:is(.detail-subcategory-list,.v49-filter-list,.podcast-filter-list){gap:4px!important}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button):hover,
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button):focus-visible{
  color:var(--hover-accent)!important;background:transparent!important;outline:0!important;transform:none!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button).is-active{
  color:var(--fg)!important;font-weight:400!important;background:transparent!important
}

/* Category labels themselves also inherit the Architecture scale. */
:is(.category-toggle,.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,.podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary){
  min-height:28px!important;padding:5px 0 7px!important;margin:0!important;color:var(--category-muted,var(--fg))!important;
  font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;line-height:1.45!important
}
:is(.detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.article-category-list){padding-top:9px!important;padding-bottom:0!important}

/* --------------------------------------------------------------------------
   3. Podcast: no redundant hero title. Context bar flows straight into app.
   -------------------------------------------------------------------------- */
.podcast-heading{display:none!important}
.podcast-app{padding-top:12px!important}
.podcast-context-bar{margin-top:2px!important;margin-bottom:20px!important}
.podcast-workspace{margin-top:0!important}
.podcast-disclosure{border:0!important;margin:0!important;padding:0!important}
.podcast-filter-list{padding:9px 0 12px!important}

/* --------------------------------------------------------------------------
   4. Store single product: back belongs to the opposite edge of the top strip.
   -------------------------------------------------------------------------- */
.product-main{padding-top:14px!important}
.product-toolbar{
  width:100%!important;min-height:32px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  margin:2px 0 18px!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid var(--line)!important
}
.product-toolbar>a#productBack{font-size:10.5px!important;line-height:1.5!important;color:var(--category-muted,var(--fg))!important;text-decoration:none!important}
.product-toolbar>a#productBack:hover{color:var(--hover-accent)!important}

/* --------------------------------------------------------------------------
   5. Sub-page three-column grids: fluid like Architecture, not fixed 192px cards.
   Primary landing pages are intentionally untouched.
   -------------------------------------------------------------------------- */
body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:190px minmax(0,1fr)!important;gap:clamp(38px,5vw,72px)!important}
body.has-emkan-context.content-section-page .v49-grid,
body.has-emkan-context .v49-work-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(34px,4.7vw,58px) clamp(18px,2.2vw,30px)!important;justify-content:stretch!important;width:100%!important
}
body.has-emkan-context.content-section-page .v49-grid .category-card,
body.has-emkan-context .v49-work-grid .v49-work-card{width:100%!important;max-width:none!important;min-width:0!important}
body.has-emkan-context.content-section-page .v49-grid .category-square,
body.has-emkan-context .v49-work-grid .v49-work-media{width:100%!important;aspect-ratio:1/1!important}
body.has-emkan-context.content-section-page .v49-grid .category-caption{padding-top:9px!important}

/* research-development/article card grids and other secondary three-column surfaces follow the same density. */
body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:repeat(3,minmax(0,1fr))!important;column-gap:clamp(18px,2.2vw,30px)!important}

@media(max-width:980px){
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid,
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:130px minmax(0,1fr)!important;gap:24px!important}
}
@media(max-width:520px){
  body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:1fr!important}
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid,
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important}
}

@media(prefers-reduced-motion:reduce){
  :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark)::before,
  :is(.podcast-filter,.rail-filter)>summary::after{transition:none!important}
}


/* shared/emkan-v59.css */
/* EMKAN v59 — architecture-locked finishing layer.
   Public UI reference: Architecture listing + Architecture single-project strip. */

:root{
  --emkan-ref-frame:952px;
  --emkan-ref-gallery:648px;
  --emkan-ref-rail:176px;
  --emkan-ref-card:192px;
  --emkan-ref-col-gap:36px;
  --emkan-ref-row-gap:32px;
}

/* ========================================================================
   1) Disclosure mark — one non-cliche stepped two-line marker everywhere.
   No triangle, no plus/minus, no rotation. Open state only swaps line lengths.
   ======================================================================== */
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark){
  position:relative!important;display:inline-block!important;width:12px!important;height:10px!important;flex:0 0 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:currentColor!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::before,
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::after{
  content:""!important;display:block!important;position:absolute!important;inset-inline-end:0!important;height:1px!important;background:currentColor!important;
  border:0!important;transform:none!important;transition:width .2s cubic-bezier(.22,.61,.36,1),opacity .2s ease!important
}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::before{top:2px!important;width:6px!important}
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::after{bottom:2px!important;width:11px!important}
.category-panel.is-open .category-chevron::before,
.category-toggle[aria-expanded="true"] .category-chevron::before,
.article-category-toggle[aria-expanded="true"] .article-category-chevron::before,
.detail-subcategory-filter[open] .detail-subcategory-chevron::before,
.v49-plain-filter[open] .v49-filter-chevron::before,
details[open] > summary .emkan-disclosure-mark::before,
.store-subcategory-filter[open] .store-subcategory-mark::before{width:11px!important}
.category-panel.is-open .category-chevron::after,
.category-toggle[aria-expanded="true"] .category-chevron::after,
.article-category-toggle[aria-expanded="true"] .article-category-chevron::after,
.detail-subcategory-filter[open] .detail-subcategory-chevron::after,
.v49-plain-filter[open] .v49-filter-chevron::after,
details[open] > summary .emkan-disclosure-mark::after,
.store-subcategory-filter[open] .store-subcategory-mark::after{width:6px!important}

/* Legacy summary-generated marks: same stepped marker, never + or triangle. */
:is(.podcast-filter,.rail-filter,.store-subcategory-filter)>summary::after{
  content:""!important;display:inline-block!important;width:12px!important;height:10px!important;flex:0 0 12px!important;
  background:linear-gradient(currentColor,currentColor) 100% 2px/6px 1px no-repeat,
             linear-gradient(currentColor,currentColor) 100% 8px/11px 1px no-repeat!important;
  border:0!important;transform:none!important;transition:none!important
}
:is(.podcast-filter,.rail-filter,.store-subcategory-filter)[open]>summary::after{
  background:linear-gradient(currentColor,currentColor) 100% 2px/11px 1px no-repeat,
             linear-gradient(currentColor,currentColor) 100% 8px/6px 1px no-repeat!important
}

/* Article's older hand-drawn chevron must never leak through. */
.articles-main--architecture-tools .article-category-chevron{border:0!important;transform:none!important;width:12px!important;height:10px!important}
.articles-main--architecture-tools .article-category-toggle[aria-expanded="true"] .article-category-chevron{transform:none!important}

/* ========================================================================
   2) Search — exact Architecture proportions; placeholder is only Search.
   ======================================================================== */
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy){
  width:100%!important;margin:0 0 12px!important;position:relative!important;display:block!important
}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy) input[type="search"]{
  box-sizing:border-box!important;width:100%!important;height:27px!important;margin:0!important;padding:0 26px 2px 2px!important;
  border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--category)!important;font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;opacity:.72!important;outline:0!important
}
html[dir="rtl"] :is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy) input[type="search"]{
  direction:rtl!important;text-align:right!important;padding:0 2px 2px 26px!important;font-family:var(--font-fa)!important
}
html[dir="ltr"] :is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy) input[type="search"]{
  direction:ltr!important;text-align:left!important;font-family:var(--font-en)!important
}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy) input[type="search"]::placeholder{
  color:var(--category-muted)!important;opacity:.62!important
}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy) input[type="search"]:is(:hover,:focus){
  border-bottom-color:var(--hover-accent)!important;opacity:1!important
}
:is(.emkan-search-icon,.project-search>.search-icon,.article-project-search>.search-icon,.v49-search-group>.search-icon,.podcast-search>.search-icon,.product-search>.search-icon){
  position:absolute!important;z-index:2!important;top:50%!important;right:9px!important;width:10px!important;height:10px!important;
  color:var(--category-muted)!important;opacity:.54!important;transform:translateY(-58%)!important;pointer-events:none!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.45!important;border:0!important
}
html[dir="rtl"] :is(.emkan-search-icon,.project-search>.search-icon,.article-project-search>.search-icon,.v49-search-group>.search-icon,.podcast-search>.search-icon,.product-search>.search-icon){right:auto!important;left:9px!important}

/* ========================================================================
   3) Category/disclosure typography — Architecture is canonical.
   One baseline under the disclosure heading; opened options are pure text.
   ======================================================================== */
:is(.category-toggle,.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,.podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary,.store-subcategory-filter>summary){
  min-height:28px!important;padding:5px 0 7px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--category-muted,var(--fg))!important;
  font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;line-height:1.45!important
}
:is(.category-list,.article-category-list,.detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.store-subcategory-list){
  border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0 0!important;margin:0!important;display:grid!important;gap:3px!important
}
:is(.category-list ul,.article-category-list ul){border:0!important;padding:0!important;margin:0!important;list-style:none!important}
:is(.category-list li,.article-category-list li){border:0!important;padding:0!important;margin:0 0 3px!important;background:transparent!important;box-shadow:none!important}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a){
  min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;text-decoration:none!important;text-align:inherit!important;font:inherit!important;
  font-size:clamp(12px,.92vw,15px)!important;font-weight:400!important;line-height:1.45!important;transition:color .18s ease!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a):is(:hover,:focus-visible){
  color:var(--hover-accent)!important;background:transparent!important;outline:0!important;transform:none!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a).is-active{
  color:var(--fg)!important;background:transparent!important;font-weight:400!important
}

/* ========================================================================
   4) Context/back strips — same 952px frame as Architecture single-project.
   ======================================================================== */
:is(.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar){
  width:min(var(--emkan-ref-frame),100%)!important;max-width:var(--emkan-ref-frame)!important;margin-inline:auto!important;
}
.emkan-context-bar,.podcast-context-bar,.store-context-bar{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;
  margin-top:5px!important;margin-bottom:18px!important;padding:0 0 11px!important;border:0!important;border-bottom:1px solid var(--line)!important;
  color:var(--category-muted,var(--fg))!important;font-size:10.5px!important;line-height:1.7!important
}
.store-context-bar a,.product-toolbar a{color:var(--category-muted,var(--fg))!important;text-decoration:none!important;font-size:10.5px!important}
.store-context-bar a:hover,.product-toolbar a:hover{color:var(--hover-accent)!important}

/* ========================================================================
   5) Secondary three-card pages — exact locked Architecture desktop geometry.
   Landing pages remain untouched.
   ======================================================================== */
@media (min-width:1181px){
  body.has-emkan-context.content-section-page .v49-main,
  body.has-emkan-context .articles-main--architecture-tools,
  body.has-emkan-context .article-page{
    width:var(--emkan-ref-frame)!important;max-width:calc(100% - 48px)!important;margin-inline:auto!important
  }
  body.has-emkan-context.content-section-page .v49-layout{
    width:var(--emkan-ref-frame)!important;max-width:100%!important;margin-inline:auto!important;
    display:grid!important;grid-template-columns:var(--emkan-ref-rail) var(--emkan-ref-gallery)!important;column-gap:0!important;justify-content:space-between!important;align-items:start!important
  }
  body.has-emkan-context.content-section-page .v49-results-wrap{width:var(--emkan-ref-gallery)!important;max-width:100%!important}
  body.has-emkan-context.content-section-page .v49-rail{width:var(--emkan-ref-rail)!important;max-width:100%!important}
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid{
    width:var(--emkan-ref-gallery)!important;max-width:100%!important;display:grid!important;
    grid-template-columns:repeat(3,var(--emkan-ref-card))!important;column-gap:var(--emkan-ref-col-gap)!important;row-gap:var(--emkan-ref-row-gap)!important;
    justify-content:start!important;align-items:start!important
  }
  body.has-emkan-context.content-section-page .v49-grid .category-card,
  body.has-emkan-context .v49-work-grid .v49-work-card{width:var(--emkan-ref-card)!important;max-width:var(--emkan-ref-card)!important;justify-self:start!important}
  body.has-emkan-context.content-section-page .v49-grid .category-square,
  body.has-emkan-context .v49-work-grid .v49-work-media{width:var(--emkan-ref-card)!important;height:var(--emkan-ref-card)!important;aspect-ratio:1/1!important}
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){
    grid-template-columns:repeat(3,var(--emkan-ref-card))!important;column-gap:var(--emkan-ref-col-gap)!important;row-gap:var(--emkan-ref-row-gap)!important;justify-content:start!important
  }
}

@media (min-width:901px) and (max-width:1180px){
  body.has-emkan-context.content-section-page .v49-main{width:min(900px,calc(100% - 48px))!important;margin-inline:auto!important}
  body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:165px minmax(0,1fr)!important;gap:34px!important}
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid,
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important}
  body.has-emkan-context.content-section-page .v49-grid .category-card,
  body.has-emkan-context .v49-work-grid .v49-work-card{width:84%!important;max-width:none!important;justify-self:center!important}
}

@media (min-width:641px) and (max-width:900px){
  body.has-emkan-context.content-section-page .v49-main{width:min(720px,calc(100% - 36px))!important;margin-inline:auto!important}
  body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:150px minmax(0,1fr)!important;gap:28px!important}
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid,
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 18px!important}
  body.has-emkan-context.content-section-page .v49-grid .category-card,
  body.has-emkan-context .v49-work-grid .v49-work-card{width:90%!important;max-width:none!important;justify-self:center!important}
}

@media (max-width:640px){
  :is(.emkan-context-bar,.podcast-context-bar,.store-context-bar,.product-toolbar){width:100%!important;max-width:100%!important}
  body.has-emkan-context.content-section-page .v49-main{width:calc(100% - 32px)!important;margin-inline:auto!important}
  body.has-emkan-context.content-section-page .v49-layout{grid-template-columns:1fr!important;gap:24px!important}
  body.has-emkan-context.content-section-page .v49-rail{position:static!important}
  body.has-emkan-context.content-section-page .v49-grid,
  body.has-emkan-context .v49-work-grid,
  body.has-emkan-context :is(.article-grid,.articles-grid,.related-grid){grid-template-columns:1fr!important;gap:38px!important}
  body.has-emkan-context.content-section-page .v49-grid .category-card,
  body.has-emkan-context .v49-work-grid .v49-work-card{width:92%!important;max-width:480px!important;justify-self:center!important}
}

/* ========================================================================
   6) Civil single-project: visually fill the same media stage even for small
      source files; fullscreen uses the same centered contain behavior.
   ======================================================================== */
body.emkan-civil-single .media-surface>img:not(.video-poster){
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important
}
body.emkan-civil-single .fullscreen-image{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important
}

/* ========================================================================
   7) Podcast sample/library spacing.
   ======================================================================== */
.podcast-app{max-width:1180px!important}
.podcast-filter-list{gap:3px!important}
.podcast-series-head{margin-top:0!important}

/* ========================================================================
   8) Store category + product hierarchy / sort / single product separators.
   ======================================================================== */
.store-category-main{width:min(1050px,calc(100% - 48px))!important;margin-inline:auto!important}
.store-context-bar{margin-top:5px!important}
.store-category-nav .store-subcategory-filter{border:0!important;background:transparent!important;margin:0!important;padding:0!important}
.store-subcategory-filter>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;list-style:none!important;cursor:pointer!important}
.store-subcategory-filter>summary::-webkit-details-marker{display:none!important}
.store-subcategory-list{padding-top:9px!important}
.store-subcategory-list a{display:block!important;margin-bottom:3px!important}
.store-category-content .product-tools{display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;gap:18px!important;margin-bottom:22px!important}
.store-category-content .product-tools>.product-search{display:none!important}
#productSort{
  min-width:150px!important;width:auto!important;height:28px!important;padding:0 2px 2px!important;margin:0!important;
  border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;font:inherit!important;font-size:10.5px!important;outline:0!important
}
#productSort:hover,#productSort:focus{border-bottom-color:var(--hover-accent)!important}

.product-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:38px!important;margin-top:5px!important;margin-bottom:18px!important;padding:0 0 11px!important;border:0!important;border-bottom:1px solid var(--line)!important}
.product-toolbar .product-context-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--category-muted,var(--fg));font-size:10.5px!important}
.product-option-block{border-top:0!important;padding-top:0!important;margin-top:0!important}
.product-info-rule{margin:18px 0 16px!important}

/* Store admin: ordering remains linear, no boxed sort/order controls. */
#pOrder,#pCat,#pSubcat{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.store-subcategory-admin-row{display:grid;grid-template-columns:140px repeat(3,minmax(0,1fr)) 70px 64px 32px;gap:9px;align-items:end;padding:9px 0;border-bottom:1px solid var(--line)}
.store-subcategory-admin-row input,.store-subcategory-admin-row select{width:100%;min-width:0;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--fg)!important;padding:6px 0!important;box-shadow:none!important;outline:0!important;font:inherit!important}
.store-subcategory-admin-row button{border:0!important;background:transparent!important;color:var(--muted)!important;cursor:pointer!important}
@media(max-width:980px){.store-subcategory-admin-row{grid-template-columns:1fr 1fr}.store-subcategory-admin-row>*{min-width:0}}

@media(max-width:760px){
  .store-category-main{width:calc(100% - 32px)!important}
  .store-category-content .product-tools{justify-content:stretch!important}
  #productSort{width:100%!important}
  .product-toolbar{gap:14px!important}
  .product-toolbar .product-context-path{white-space:normal!important}
}

@media(prefers-reduced-motion:reduce){
  :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::before,
  :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark)::after{transition:none!important}
}
.store-category-nav{border-top:0!important;border-bottom:0!important;background:transparent!important}
@media(max-width:760px){.store-category-nav{display:block!important;overflow:visible!important;border:0!important}.store-subcategory-list a{white-space:normal!important;padding-inline:0!important}}
.store-category-main{padding-top:7px!important}

/* v59 final parity pass: Architecture and Civil single-project viewers share one
   media rule so normal view and fullscreen can no longer diverge by module. */
body.emkan-project-single .media-surface>img:not(.video-poster){
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;display:block!important
}
body.emkan-project-single .fullscreen-image{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:center center!important;display:block!important
}

/* Native select chrome must never reintroduce a rectangular sort control. */
#productSort{-webkit-appearance:none!important;appearance:none!important;background-image:none!important}


/* shared/emkan-v60.css */
/* EMKAN v60 — closure pass. Architecture remains the canonical public UI. */

/* 1) Breadcrumbs are navigable, quiet, and keep the Architecture strip rhythm. */
.emkan-context-path,.podcast-context-bar>span,.store-context-bar>span,.product-context-path{min-width:0}
.emkan-crumb{color:inherit!important;text-decoration:none!important;font:inherit!important;white-space:nowrap;transition:color .18s ease}
.emkan-crumb:hover,.emkan-crumb:focus-visible{color:var(--hover-accent)!important;outline:0!important}
.emkan-crumb-sep{opacity:.66;padding-inline:2px}

/* 2) Architecture category typography is the one source of truth. */
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a,.store-sort-list button){
  min-height:0!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-bottom:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--category-muted,var(--fg))!important;
  text-decoration:none!important;text-align:inherit!important;font:inherit!important;font-size:clamp(12px,.92vw,15px)!important;
  font-weight:400!important;line-height:1.45!important;transition:color .18s ease,font-weight .18s ease!important
}
:is(.category-list li,.article-category-list li){margin:0 0 4px!important;border:0!important;background:transparent!important}
:is(.detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.store-subcategory-list,.store-sort-list){gap:4px!important}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a,.store-sort-list button):is(:hover,:focus-visible){
  color:var(--hover-accent)!important;background:transparent!important;outline:0!important;transform:none!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.podcast-filter-list button,.store-subcategory-list a,.store-sort-list button).is-active,
.v49-filter-option[aria-pressed="true"]{
  color:var(--fg)!important;font-weight:700!important;background:transparent!important
}
/* Architecture mobile CSS once added row rules; never reintroduce them. */
.category-list li,.article-category-list li{border-bottom:0!important}

/* 3) Every disclosure heading has exactly one baseline. Opened rows have none. */
:is(.category-toggle,.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,.podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary,.store-subcategory-filter>summary,.store-sort-filter>summary){
  min-height:28px!important;padding:5px 0 7px!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--category-muted,var(--fg))!important;
  font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;line-height:1.45!important
}
.articles-main--architecture-tools .article-category-toggle{border-bottom:1px solid var(--line)!important}
:is(.category-list,.article-category-list,.detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.store-subcategory-list,.store-sort-list){
  border:0!important;border-top:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important;padding:9px 0 0!important
}

/* 4) Keep v59's stepped two-line disclosure icon. Store must not render a second pseudo icon. */
.store-subcategory-filter>summary::after,.store-sort-filter>summary::after{content:none!important;display:none!important}
.store-sort-mark{
  position:relative!important;display:inline-block!important;width:12px!important;height:10px!important;flex:0 0 12px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;color:currentColor!important
}
.store-sort-mark::before,.store-sort-mark::after{
  content:"";position:absolute;inset-inline-end:0;height:1px;background:currentColor;transition:width .2s cubic-bezier(.22,.61,.36,1)
}
.store-sort-mark::before{top:2px;width:6px}.store-sort-mark::after{bottom:2px;width:11px}
.store-sort-filter[open] .store-sort-mark::before{width:11px}.store-sort-filter[open] .store-sort-mark::after{width:6px}

/* 5) A gentle reveal for every category/facet panel; no abrupt appearance. */
@keyframes emkanV60DisclosureIn{
  from{opacity:0;transform:translateY(-4px);clip-path:inset(0 0 18% 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
}
.category-panel.is-open .category-list,
.article-category-list:not([hidden]),
details[open]>.detail-subcategory-list,
details[open]>.v49-filter-list,
details[open]>.podcast-filter-list,
details[open]>.store-subcategory-list,
details[open]>.store-sort-list{
  animation:emkanV60DisclosureIn .26s cubic-bezier(.22,.61,.36,1) both;transform-origin:top
}

/* 6) Content Creation secondary rails use Architecture's exact type density. */
.content-section-page .v49-filter-list{gap:4px!important;padding-top:9px!important}
.content-section-page .v49-filter-option{font-size:clamp(12px,.92vw,15px)!important;line-height:1.45!important}
.content-section-page .v49-plain-filter>summary,.content-section-page .v49-filter-label--summary{font-size:clamp(10.5px,.76vw,12px)!important;line-height:1.45!important}

/* 7) Podcast: separate Topic/Season visually, collapse after selection (JS), and provide compact queue controls. */
.podcast-filter-row{display:grid!important;gap:18px!important}
.podcast-disclosure+ .podcast-disclosure{margin-top:2px!important}
.playback-controls--extended{display:grid!important;grid-template-columns:auto auto minmax(54px,1fr) auto auto!important;gap:8px!important;align-items:center!important}
.playback-controls--extended button,.playback-controls--extended select{min-width:0!important}
.playback-controls--extended button[disabled]{opacity:.28!important;pointer-events:none!important}
.podcast-autoplay{display:block;width:100%;margin:9px 0 0;padding:7px 0;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;text-align:start;font:inherit;font-size:9.5px;cursor:pointer}
.podcast-autoplay[aria-pressed="true"]{color:var(--fg)!important;font-weight:600!important}
.podcast-autoplay:hover{color:var(--hover-accent)!important}

/* 8) Store: remove repeated category title, move sorting to the filter rail, and keep every line 1px. */
.store-category-title-row{display:none!important}
.store-category-content .product-tools{display:none!important}
.emkan-store-filter-rail{align-content:start!important}
.store-sort-filter{display:block!important;border:0!important;background:transparent!important;margin:16px 0 0!important;padding:0!important}
.store-sort-filter>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;list-style:none!important;cursor:pointer!important}
.store-sort-filter>summary::-webkit-details-marker{display:none!important}
.store-sort-list{display:grid!important}
.store-sort-list button{display:block!important;width:100%!important;cursor:pointer!important}
.store-category-nav,.store-subcategory-filter{border:0!important;background:transparent!important;box-shadow:none!important}
.store-subcategory-list a{margin:0 0 4px!important}
.product-info-rule{height:1px!important;min-height:1px!important;max-height:1px!important;background:var(--line)!important;border:0!important;box-shadow:none!important;margin:16px 0!important}
.product-option-block{border-top:0!important}

/* 9) Single product top strip moves up and matches the rest of the site. */
.product-main{padding-top:5px!important}
.product-toolbar{
  width:min(var(--emkan-ref-frame,952px),100%)!important;max-width:var(--emkan-ref-frame,952px)!important;
  min-height:34px!important;margin:0 auto 16px!important;padding:0 0 10px!important;border:0!important;border-bottom:1px solid var(--line)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important
}
.product-toolbar .product-context-path,.product-toolbar>a#productBack{font-size:10.5px!important;line-height:1.7!important;color:var(--category-muted,var(--fg))!important}

/* 10) Civil fullscreen gets the exact Architecture close affordance, guaranteed visible. */
body.emkan-civil-single .fullscreen-close{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;z-index:20!important;
  top:0!important;right:4px!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;
  color:#f7f8fa!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:200!important;line-height:1!important;opacity:.72!important;visibility:visible!important
}
body.emkan-civil-single .fullscreen-close:hover,body.emkan-civil-single .fullscreen-close:focus-visible{opacity:1!important;color:#f7f8fa!important;outline:0!important}

/* Responsive closure pass. */
@media(max-width:900px){
  .playback-controls--extended{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .podcast-filter-row{grid-template-columns:1fr 1fr!important;gap:18px!important}
  .product-toolbar{width:100%!important;max-width:100%!important}
}
@media(max-width:520px){
  .podcast-filter-row{grid-template-columns:1fr!important;gap:14px!important}
  .playback-controls--extended{grid-template-columns:1fr 1fr!important}
  .playback-controls--extended select{grid-column:1/-1!important;order:3!important}
  .product-toolbar{align-items:flex-start!important;gap:12px!important}
  .product-toolbar .product-context-path{white-space:normal!important}
}
@media(prefers-reduced-motion:reduce){
  .category-panel.is-open .category-list,.article-category-list:not([hidden]),details[open]>.detail-subcategory-list,details[open]>.v49-filter-list,details[open]>.podcast-filter-list,details[open]>.store-subcategory-list,details[open]>.store-sort-list{animation:none!important}
}
/* Architecture search has no visible duplicate label; only the concise placeholder remains. */
.content-section-page .v49-search-group>.v49-filter-label{display:none!important}


/* shared/emkan-v61.css */
/* EMKAN v61 — strict closure pass. Architecture remains the visual reference. */

/* -------------------------------------------------------------------------
   A. Category/facet selection: selected item is always bold, never boxed.
   ------------------------------------------------------------------------- */
:is(
  .category-button,
  .article-category-choice,
  .detail-subcategory-list a,
  .v49-filter-option,
  .podcast-filter-list button,
  .podcast-topics button,
  .podcast-seasons button,
  .store-subcategory-list a,
  .store-sort-list button,
  .emkan-landing-category,
  .detail-nav a
){
  border:0!important;
  border-bottom:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  font-weight:400!important;
}
:is(
  .category-button,
  .article-category-choice,
  .detail-subcategory-list a,
  .v49-filter-option,
  .podcast-filter-list button,
  .podcast-topics button,
  .podcast-seasons button,
  .store-subcategory-list a,
  .store-sort-list button,
  .emkan-landing-category,
  .detail-nav a
):is(.is-active,[aria-pressed="true"],[aria-current="page"],[aria-selected="true"]){
  color:var(--fg)!important;
  font-weight:700!important;
  background:transparent!important;
  box-shadow:none!important;
}
:is(
  .category-button,
  .article-category-choice,
  .detail-subcategory-list a,
  .v49-filter-option,
  .podcast-filter-list button,
  .podcast-topics button,
  .podcast-seasons button,
  .store-subcategory-list a,
  .store-sort-list button,
  .emkan-landing-category,
  .detail-nav a
):is(:hover,:focus-visible){
  color:var(--hover-accent)!important;
  background:transparent!important;
  outline:0!important;
}

/* Remove every category/facet divider. Search retains its own Architecture line. */
:is(
  .category-toggle,
  .article-category-toggle,
  .detail-subcategory-filter>summary,
  .v49-plain-filter>summary,
  .podcast-disclosure>summary,
  .podcast-filter>summary,
  .rail-filter>summary,
  .store-subcategory-filter>summary,
  .store-sort-filter>summary
){
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
:is(
  .category-list,
  .category-list ul,
  .category-list li,
  .article-category-list,
  .article-category-list ul,
  .article-category-list li,
  .detail-subcategory-list,
  .v49-filter-list,
  .podcast-filter-list,
  .podcast-topics,
  .podcast-seasons,
  .store-subcategory-list,
  .store-sort-list
){
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
.article-category-choice::after{content:none!important;display:none!important}

/* -------------------------------------------------------------------------
   B. One disclosure icon everywhere. Two quiet stepped lines; BOTH lines
      remain visible while closed and open. No triangle / +/- / rotation.
   ------------------------------------------------------------------------- */
:is(
  .category-chevron,
  .article-category-chevron,
  .detail-subcategory-chevron,
  .v49-filter-chevron,
  .emkan-disclosure-mark,
  .store-subcategory-mark,
  .store-sort-mark
){
  position:relative!important;
  display:inline-block!important;
  width:12px!important;
  height:10px!important;
  flex:0 0 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  color:currentColor!important;
  opacity:.78!important;
}
:is(
  .category-chevron,
  .article-category-chevron,
  .detail-subcategory-chevron,
  .v49-filter-chevron,
  .emkan-disclosure-mark,
  .store-subcategory-mark,
  .store-sort-mark
)::before,
:is(
  .category-chevron,
  .article-category-chevron,
  .detail-subcategory-chevron,
  .v49-filter-chevron,
  .emkan-disclosure-mark,
  .store-subcategory-mark,
  .store-sort-mark
)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset-inline-end:0!important;
  height:1px!important;
  background:currentColor!important;
  border:0!important;
  opacity:1!important;
  transform:none!important;
  transition:width .22s cubic-bezier(.22,.61,.36,1),inset-inline-end .22s cubic-bezier(.22,.61,.36,1)!important;
}
:is(
  .category-chevron,
  .article-category-chevron,
  .detail-subcategory-chevron,
  .v49-filter-chevron,
  .emkan-disclosure-mark,
  .store-subcategory-mark,
  .store-sort-mark
)::before{top:2px!important;width:6px!important}
:is(
  .category-chevron,
  .article-category-chevron,
  .detail-subcategory-chevron,
  .v49-filter-chevron,
  .emkan-disclosure-mark,
  .store-subcategory-mark,
  .store-sort-mark
)::after{bottom:2px!important;width:11px!important}

:is(
  .category-panel.is-open .category-chevron,
  .category-toggle[aria-expanded="true"] .category-chevron,
  .article-category-toggle[aria-expanded="true"] .article-category-chevron,
  .detail-subcategory-filter[open] .detail-subcategory-chevron,
  .v49-plain-filter[open] .v49-filter-chevron,
  details[open]>summary .emkan-disclosure-mark,
  .store-subcategory-filter[open] .store-subcategory-mark,
  .store-sort-filter[open] .store-sort-mark
)::before{width:11px!important}
:is(
  .category-panel.is-open .category-chevron,
  .category-toggle[aria-expanded="true"] .category-chevron,
  .article-category-toggle[aria-expanded="true"] .article-category-chevron,
  .detail-subcategory-filter[open] .detail-subcategory-chevron,
  .v49-plain-filter[open] .v49-filter-chevron,
  details[open]>summary .emkan-disclosure-mark,
  .store-subcategory-filter[open] .store-subcategory-mark,
  .store-sort-filter[open] .store-sort-mark
)::after{width:6px!important}

/* Legacy summaries that create their mark directly on ::after. */
:is(.podcast-filter,.rail-filter)>summary::after{
  content:""!important;
  display:inline-block!important;
  width:12px!important;
  height:10px!important;
  flex:0 0 12px!important;
  border:0!important;
  transform:none!important;
  opacity:.78!important;
  background:
    linear-gradient(currentColor,currentColor) 100% 2px/6px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 100% 8px/11px 1px no-repeat!important;
}
:is(.podcast-filter,.rail-filter)[open]>summary::after{
  display:inline-block!important;
  opacity:.78!important;
  background:
    linear-gradient(currentColor,currentColor) 100% 2px/11px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 100% 8px/6px 1px no-repeat!important;
}

/* -------------------------------------------------------------------------
   C. Search: exact short localized word only, Architecture placement/size.
      Visible duplicate labels are suppressed on public filter rails.
   ------------------------------------------------------------------------- */
:is(
  .emkan-standard-search,
  .project-search,
  .article-project-search,
  .v49-search-group,
  .podcast-search,
  .product-search,
  .emkan-store-search-proxy,
  .emkan-podcast-search-proxy,
  .emkan-section-search
){width:100%!important;position:relative!important;display:block!important}
:is(
  .v49-search-group,
  .product-search
)>:is(.v49-filter-label,.lang-fa,.lang-en,.lang-ar):not(.visually-hidden){display:none!important}
:is(
  .emkan-standard-search,
  .project-search,
  .article-project-search,
  .v49-search-group,
  .podcast-search,
  .product-search,
  .emkan-store-search-proxy,
  .emkan-podcast-search-proxy,
  .emkan-section-search
) input[type="search"]{
  box-sizing:border-box!important;
  width:100%!important;
  height:28px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  font:inherit!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  font-weight:400!important;
  opacity:.72!important;
}
:is(
  .emkan-standard-search,
  .project-search,
  .article-project-search,
  .v49-search-group,
  .podcast-search,
  .product-search,
  .emkan-store-search-proxy,
  .emkan-podcast-search-proxy,
  .emkan-section-search
) input[type="search"]:is(:hover,:focus){border-bottom-color:var(--hover-accent)!important;opacity:1!important}

/* -------------------------------------------------------------------------
   D. Project fullscreen close — identical in Architecture and Civil.
      White by default on dark viewer; accent on hover/focus.
   ------------------------------------------------------------------------- */
body.emkan-project-single .fullscreen-close,
body.emkan-civil-single .fullscreen-close,
body.emkan-architecture-single .fullscreen-close,
.fullscreen-viewer .fullscreen-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  opacity:.88!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:0 1px 6px rgba(0,0,0,.28)!important;
  transition:color .18s ease,opacity .18s ease!important;
}
body.emkan-project-single .fullscreen-close:is(:hover,:focus-visible),
body.emkan-civil-single .fullscreen-close:is(:hover,:focus-visible),
body.emkan-architecture-single .fullscreen-close:is(:hover,:focus-visible),
.fullscreen-viewer .fullscreen-close:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;
  opacity:1!important;
  outline:0!important;
}

/* -------------------------------------------------------------------------
   E. Breadcrumbs: anchors look like text until interaction.
   ------------------------------------------------------------------------- */
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath) .emkan-crumb{
  color:inherit!important;text-decoration:none!important;cursor:pointer!important;transition:color .18s ease!important
}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath) .emkan-crumb:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;outline:0!important
}

/* Podcast disclosures behave as an accordion; spacing remains airy but compact. */
.podcast-filter-row{gap:16px!important}
.podcast-disclosure{border:0!important}
.podcast-disclosure>summary{border:0!important}

@media(max-width:720px){
  .podcast-filter-row{gap:12px!important}
}
@media(prefers-reduced-motion:reduce){
  :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark,.store-sort-mark)::before,
  :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark,.store-sort-mark)::after{transition:none!important}
}


/* shared/emkan-v62.css */
/* EMKAN v62 — final consistency pass. Architecture is the visual reference. */

/* 1) Selected category/facet is visibly bold everywhere. */
:is(
  .category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,
  .podcast-filter-list button,.podcast-topics button,.podcast-seasons button,
  .store-subcategory-list a,.store-sort-list button,.emkan-landing-category,.detail-nav a
):is(.is-active,.is-current,[aria-pressed="true"],[aria-current="page"],[aria-selected="true"]),
:is(
  .category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,
  .podcast-filter-list button,.podcast-topics button,.podcast-seasons button,
  .store-subcategory-list a,.store-sort-list button,.emkan-landing-category,.detail-nav a
):is(.is-active,.is-current,[aria-pressed="true"],[aria-current="page"],[aria-selected="true"]) > *{
  font-weight:700!important;
  color:var(--fg)!important;
}

/* 2) Every disclosure heading has one thin baseline; opened choices themselves have none. */
:is(
  .category-toggle,.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,
  .podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary,
  .store-subcategory-filter>summary,.store-sort-filter>summary
){
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-bottom:7px!important;
}
:is(
  .category-list,.category-list ul,.category-list li,.article-category-list,.article-category-list ul,.article-category-list li,
  .detail-subcategory-list,.v49-filter-list,.podcast-filter-list,.podcast-topics,.podcast-seasons,
  .store-subcategory-list,.store-sort-list
),
:is(
  .category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,
  .podcast-filter-list button,.podcast-topics button,.podcast-seasons button,.store-subcategory-list a,.store-sort-list button
){
  border-top:0!important;border-bottom:0!important;box-shadow:none!important;background:transparent!important;
}

/* 3) Disclosure mark remains visible in both closed and open states. */
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark,.store-sort-mark){
  display:inline-block!important;visibility:visible!important;opacity:.78!important;flex:0 0 12px!important;
}
:is(
  .category-panel.is-open .category-chevron,.category-toggle[aria-expanded="true"] .category-chevron,
  .article-category-toggle[aria-expanded="true"] .article-category-chevron,
  .detail-subcategory-filter[open] .detail-subcategory-chevron,.v49-plain-filter[open] .v49-filter-chevron,
  details[open]>summary .emkan-disclosure-mark,.store-subcategory-filter[open] .store-subcategory-mark,.store-sort-filter[open] .store-sort-mark
){display:inline-block!important;visibility:visible!important;opacity:.9!important}
:is(.podcast-filter,.rail-filter)>summary::after,
:is(.podcast-filter,.rail-filter)[open]>summary::after{display:inline-block!important;visibility:visible!important;opacity:.78!important}

/* 4) Search is only the concise placeholder; no duplicate visible label. */
label:has(input[type="search"]) > :is(.v49-filter-label,.search-label,span.lang-fa:not(.visually-hidden),span.lang-en:not(.visually-hidden),span.lang-ar:not(.visually-hidden)){
  display:none!important;
}
:is(.emkan-standard-search,.project-search,.article-project-search,.v49-search-group,.podcast-search,.product-search,.emkan-store-search-proxy,.emkan-podcast-search-proxy,.emkan-section-search) input[type="search"]{
  font-size:clamp(10.5px,.76vw,12px)!important;
}

/* 5) Store category page = Architecture geometry: 190px rail + spacious 3-column square grid. */
.store-category-main{
  width:100%!important;max-width:1050px!important;margin:0 auto!important;padding:7px 0 72px!important;
}
.store-category-layout{
  width:100%!important;margin:clamp(28px,4vh,42px) auto 0!important;padding-top:0!important;
  display:grid!important;direction:ltr!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  grid-template-areas:"content rail"!important;
  column-gap:clamp(38px,5vw,72px)!important;align-items:start!important;
}
html[lang="en"] .store-category-layout{
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-areas:"rail content"!important;
}
.emkan-store-filter-rail{grid-area:rail!important;min-width:0!important;position:sticky!important;top:24px!important;padding-top:16px!important;align-self:start!important}
.store-category-content{grid-area:content!important;min-width:0!important}
html[lang="fa"] :is(.emkan-store-filter-rail,.store-category-content),
html[lang="ar"] :is(.emkan-store-filter-rail,.store-category-content){direction:rtl!important;text-align:right!important}
html[lang="en"] :is(.emkan-store-filter-rail,.store-category-content){direction:ltr!important;text-align:left!important}
.product-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(46px,5.2vw,70px) clamp(26px,3vw,48px)!important;
  align-items:start!important;
}
.product-card{min-width:0!important;width:100%!important;display:block!important}
.product-card-media{width:100%!important;aspect-ratio:1/1!important;border:0!important;overflow:hidden!important;background:var(--panel)!important}
.product-card-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.product-card-caption{padding-top:10px!important;gap:4px!important}
.product-card-caption strong{font-size:clamp(10.5px,.76vw,12px)!important;line-height:1.55!important;font-weight:500!important}
.product-card-caption small{font-size:9px!important;line-height:1.5!important}
.store-subcategory-filter,.store-sort-filter{margin:0 0 16px!important}
.store-sort-filter{margin-top:16px!important}
.store-subcategory-list,.store-sort-list{padding-top:9px!important;gap:4px!important}
.store-subcategory-list a,.store-sort-list button{font-size:clamp(12px,.92vw,15px)!important;line-height:1.45!important;margin:0 0 4px!important}

/* Podcast: visible lines under Topic and Season headings. */
.podcast-filter-row{gap:18px!important}
.podcast-disclosure>summary{border-bottom:1px solid var(--line)!important}

/* Breadcrumb links remain visually quiet but clearly interactive on hover/focus. */
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath) a.emkan-crumb{
  pointer-events:auto!important;color:inherit!important;text-decoration:none!important;cursor:pointer!important;
}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath) a.emkan-crumb:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}

@media(max-width:900px){
  .store-category-main{width:min(900px,calc(100% - 40px))!important}
  .store-category-layout{grid-template-columns:minmax(0,1fr) 170px!important;column-gap:34px!important}
  html[lang="en"] .store-category-layout{grid-template-columns:170px minmax(0,1fr)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important}
}
@media(max-width:720px){
  .store-category-main{width:calc(100% - 32px)!important}
  .store-category-layout,html[lang="en"] .store-category-layout{
    grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;gap:24px!important;margin-top:24px!important;
  }
  .emkan-store-filter-rail{position:static!important;padding-top:0!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 18px!important}
}
@media(max-width:460px){
  .product-grid{grid-template-columns:1fr!important;gap:34px!important}
  .product-card{width:min(100%,360px)!important;justify-self:center!important}
}


/* shared/emkan-v63.css */
/* EMKAN v63 — universal navigation, linked breadcrumbs, aligned content landing. */

/* The global header is a non-negotiable control on every public page. */
@media (max-width:900px){
  .site-header{
    position:relative!important;
    z-index:600!important;
    overflow:visible!important;
  }
  .site-header .nav-frame{
    position:relative!important;
    overflow:visible!important;
    z-index:601!important;
  }
  .site-header .mobile-menu-button{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:relative!important;
    z-index:604!important;
  }
  .site-header .primary-nav{
    display:block!important;
    visibility:visible!important;
    grid-area:nav!important;
    width:100%!important;
    max-width:none!important;
    max-height:0!important;
    padding-inline:0!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    position:relative!important;
    z-index:603!important;
    transition:max-height .52s cubic-bezier(.22,.61,.36,1),opacity .28s ease!important;
  }
  .site-header.is-nav-open .primary-nav{
    max-height:min(70vh,520px)!important;
    overflow:auto!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .site-header.is-nav-open .nav-frame{overflow:visible!important}
  .site-header .primary-nav .nav-list{
    position:relative!important;
    z-index:604!important;
    background:var(--bg)!important;
  }
  .site-header .primary-nav a{
    pointer-events:auto!important;
    cursor:pointer!important;
  }
}

/* Content Creation landing: identical vertical rhythm to Civil/R&D and no side overflow. */
body.emkan-content-landing .module-main{
  width:min(952px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-top:clamp(92px,12vh,138px)!important;
  overflow:visible!important;
}
body.emkan-content-landing .category-grid,
body.emkan-content-landing .category-grid.category-grid--five{
  width:min(648px,100%)!important;
  max-width:100%!important;
  margin:34px auto 0!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,192px))!important;
  column-gap:36px!important;
  row-gap:34px!important;
  justify-content:center!important;
  align-items:start!important;
  overflow:visible!important;
}
body.emkan-content-landing .category-card{width:192px!important;max-width:192px!important;justify-self:center!important}
@media(max-width:920px){
  body.emkan-content-landing .module-main{padding-top:72px!important}
}
@media(max-width:720px){
  body.emkan-content-landing .module-main{width:min(100% - 32px,952px)!important;padding-top:52px!important}
  body.emkan-content-landing .category-grid,
  body.emkan-content-landing .category-grid.category-grid--five{
    width:min(420px,100%)!important;
    grid-template-columns:repeat(2,minmax(0,192px))!important;
    column-gap:20px!important;
    row-gap:34px!important;
  }
}
@media(max-width:430px){
  body.emkan-content-landing .category-grid,
  body.emkan-content-landing .category-grid.category-grid--five{
    width:min(192px,100%)!important;
    grid-template-columns:minmax(0,192px)!important;
  }
}

/* Every breadcrumb token is an actual navigation target. */
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) a.emkan-crumb{
  display:inline!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  color:inherit!important;
  text-decoration:none!important;
  font:inherit!important;
  transition:color .18s ease!important;
}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) a.emkan-crumb:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;
  outline:0!important;
}
body.emkan-content-landing{overflow-x:clip!important}
@media(max-width:460px){
  body.emkan-content-landing .category-grid,
  body.emkan-content-landing .category-grid.category-grid--five{
    width:min(192px,100%)!important;
    grid-template-columns:minmax(0,192px)!important;
    column-gap:0!important;
  }
}


/* shared/emkan-v64.css */
/* EMKAN v64 — Store alignment and product gallery polish. Architecture remains the visual reference. */

/* =========================
   Store category = Architecture geometry
   ========================= */
.store-category-main{
  width:100%!important;
  max-width:1050px!important;
  margin:0 auto!important;
  padding:7px 0 72px!important;
}
.store-category-layout{
  width:100%!important;
  margin:clamp(46px,6vh,64px) auto 0!important;
  padding:0!important;
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  grid-template-areas:"content rail"!important;
  column-gap:clamp(38px,5vw,72px)!important;
  align-items:start!important;
}
html[lang="en"] .store-category-layout{
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-areas:"rail content"!important;
}
.emkan-store-filter-rail{
  grid-area:rail!important;
  min-width:0!important;
  position:sticky!important;
  top:24px!important;
  align-self:start!important;
  padding-top:16px!important;
}
.store-category-content{grid-area:content!important;min-width:0!important;width:100%!important}
.product-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(46px,5.2vw,70px) clamp(26px,3vw,48px)!important;
  justify-content:stretch!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
}
.product-card{display:block!important;width:100%!important;min-width:0!important;color:inherit!important;text-decoration:none!important}
.product-card-media{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  overflow:hidden!important;
  border:0!important;
  background:var(--panel)!important;
}
.product-card-media img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
.product-card-caption{display:grid!important;gap:3px!important;padding-top:10px!important}
.product-card-caption strong{font-size:clamp(10.5px,.76vw,12px)!important;line-height:1.55!important;font-weight:500!important}
.product-card-caption small{font-size:9px!important;line-height:1.5!important;color:var(--category-muted,var(--fg))!important}

/* Store rail: calm architecture rhythm. */
.emkan-store-filter-rail .emkan-store-search-proxy{margin-bottom:12px!important}
.store-subcategory-filter,.store-sort-filter{margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.store-sort-filter{margin-top:14px!important}
.store-subcategory-filter>summary,.store-sort-filter>summary{
  min-height:28px!important;
  padding:0 0 7px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  background:transparent!important;
  list-style:none!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  color:var(--category-muted,var(--fg))!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  line-height:1.45!important;
}
.store-subcategory-filter>summary::-webkit-details-marker,.store-sort-filter>summary::-webkit-details-marker{display:none!important}
.store-subcategory-list,.store-sort-list{display:grid!important;gap:4px!important;padding:9px 0 0!important}
.store-subcategory-list a,.store-sort-list button{
  width:auto!important;
  min-height:0!important;
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;
  font:inherit!important;
  font-size:clamp(12px,.92vw,15px)!important;
  font-weight:400!important;
  line-height:1.45!important;
  text-align:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:color .18s ease,font-weight .18s ease,transform .18s ease!important;
}
.store-subcategory-list a:is(:hover,:focus-visible),.store-sort-list button:is(:hover,:focus-visible){color:var(--hover-accent)!important;transform:translateY(-1px)!important;outline:0!important}
.store-subcategory-list a.is-active,.store-sort-list button.is-active{font-weight:700!important;color:var(--fg)!important}

/* =========================
   Single product gallery
   ========================= */
.product-main{width:min(952px,calc(100% - 48px))!important;margin-inline:auto!important}
.product-stage{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important;
  gap:0!important;
  align-items:start!important;
  border-bottom:1px solid var(--line)!important;
}
.product-gallery-panel{
  position:relative!important;
  padding-inline-end:clamp(28px,3.8vw,46px)!important;
  padding-bottom:30px!important;
  border-inline-end:0!important;
}
/* Short separator instead of a full-height wall. */
.product-gallery-panel::after{
  content:"";
  position:absolute;
  inset-inline-end:0;
  top:14%;
  width:1px;
  height:62%;
  background:var(--line);
  pointer-events:none;
}
.product-info{padding-inline-start:clamp(28px,3.8vw,46px)!important;padding-bottom:30px!important}
.product-gallery,
html[dir="ltr"] .product-gallery{
  width:100%!important;
  max-width:500px!important;
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  grid-template-areas:"thumbs hero"!important;
  align-items:start!important;
  gap:10px!important;
  margin:0!important;
}
.product-main-image{
  grid-area:hero!important;
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  background:var(--panel)!important;
  cursor:zoom-in!important;
}
.product-main-image>img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  animation:emkanProductImageIn .54s cubic-bezier(.22,.61,.36,1) both!important;
  will-change:opacity,transform;
}
@keyframes emkanProductImageIn{from{opacity:0;transform:translateX(12px) scale(.995)}to{opacity:1;transform:none}}
.product-main-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 30%,transparent);
  opacity:.55;
}
.product-thumbs{grid-area:thumbs!important;display:grid!important;grid-template-columns:1fr!important;grid-auto-rows:min-content!important;gap:8px!important;margin:0!important;padding:0!important;align-content:start!important}
.product-thumb{
  width:100%!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--line)!important;
  background:transparent!important;
  opacity:.58!important;
  cursor:pointer!important;
  transition:opacity .28s ease,border-color .28s ease,transform .38s cubic-bezier(.22,.61,.36,1)!important;
}
.product-thumb img{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important;transition:transform .45s cubic-bezier(.22,.61,.36,1)!important}
.product-thumb:is(:hover,:focus-visible){opacity:.9!important;border-color:var(--hover-accent)!important;transform:translateX(-1px)!important;outline:0!important}
.product-thumb.is-active{opacity:1!important;border-color:var(--hover-accent)!important}
.product-thumb.is-active img{transform:scale(.96)!important}

/* Fullscreen / zoom viewer. */
.emkan-product-lightbox{
  position:fixed;
  z-index:1900;
  inset:0;
  display:grid;
  place-items:center;
  padding:clamp(20px,4vw,54px);
  background:rgba(10,12,16,.94);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
}
.emkan-product-lightbox.is-open{opacity:1;visibility:visible;pointer-events:auto}
.emkan-product-lightbox-stage{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:auto;overscroll-behavior:contain}
.emkan-product-lightbox img{
  display:block;
  max-width:min(92vw,1200px);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  transform:scale(1);
  transform-origin:center;
  transition:transform .42s cubic-bezier(.22,.61,.36,1),opacity .25s ease;
  cursor:zoom-in;
  user-select:none;
}
.emkan-product-lightbox.is-zoomed img{transform:scale(1.7);cursor:zoom-out}
.emkan-product-lightbox-close,.emkan-product-lightbox-prev,.emkan-product-lightbox-next{
  position:absolute;
  z-index:3;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:color .18s ease,opacity .18s ease,transform .18s ease;
}
.emkan-product-lightbox-close{top:16px;inset-inline-end:16px;font-size:28px;font-weight:300;line-height:1}
.emkan-product-lightbox-prev,.emkan-product-lightbox-next{top:50%;transform:translateY(-50%);font-size:28px;font-weight:300}
.emkan-product-lightbox-prev{inset-inline-start:14px}.emkan-product-lightbox-next{inset-inline-end:14px}
.emkan-product-lightbox-close:is(:hover,:focus-visible),.emkan-product-lightbox-prev:is(:hover,:focus-visible),.emkan-product-lightbox-next:is(:hover,:focus-visible){color:var(--hover-accent);outline:0}
.emkan-product-lightbox-prev:is(:hover,:focus-visible){transform:translateY(-50%) translateX(-2px)}
.emkan-product-lightbox-next:is(:hover,:focus-visible){transform:translateY(-50%) translateX(2px)}
body.emkan-product-lightbox-open{overflow:hidden!important}

/* =========================
   Responsive comfort
   ========================= */
@media(max-width:900px){
  .store-category-main{width:min(900px,calc(100% - 40px))!important}
  .store-category-layout{grid-template-columns:minmax(0,1fr) 170px!important;column-gap:34px!important;margin-top:42px!important}
  html[lang="en"] .store-category-layout{grid-template-columns:170px minmax(0,1fr)!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important}
  .product-main{width:min(900px,calc(100% - 40px))!important}
  .product-stage{grid-template-columns:1fr!important}
  .product-gallery-panel{padding-inline-end:0!important;padding-bottom:22px!important}
  .product-gallery-panel::after{display:none!important}
  .product-info{padding-inline-start:0!important;padding-top:22px!important}
  .product-gallery{max-width:560px!important;margin-inline:auto!important}
}
@media(max-width:720px){
  .store-category-main{width:calc(100% - 32px)!important}
  .store-category-layout,html[lang="en"] .store-category-layout{
    grid-template-columns:1fr!important;
    grid-template-areas:"rail" "content"!important;
    gap:24px!important;
    margin-top:28px!important;
  }
  .emkan-store-filter-rail{position:static!important;padding-top:0!important;width:100%!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 18px!important}
  .product-main{width:calc(100% - 32px)!important}
  .product-gallery{grid-template-columns:54px minmax(0,1fr)!important;gap:8px!important;max-width:520px!important}
  .product-main-image{aspect-ratio:1/1!important}
  .emkan-product-lightbox{padding:14px!important}
  .emkan-product-lightbox img{max-width:94vw;max-height:82vh}
  .emkan-product-lightbox-close{top:8px;inset-inline-end:8px;width:44px;height:44px}
  .emkan-product-lightbox-prev,.emkan-product-lightbox-next{width:44px;height:54px}
}
@media(max-width:520px){
  .product-grid{grid-template-columns:1fr!important;gap:32px!important}
  .product-card{width:min(100%,360px)!important;justify-self:center!important}
  .product-gallery{grid-template-columns:1fr!important;grid-template-areas:"hero" "thumbs"!important;gap:10px!important}
  .product-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
  .product-thumb{min-height:54px!important}
  .product-info h1{font-size:clamp(20px,7vw,28px)!important}
  .buy-row{grid-template-columns:70px minmax(0,1fr)!important}
  .emkan-product-lightbox-prev{inset-inline-start:2px}.emkan-product-lightbox-next{inset-inline-end:2px}
  .emkan-product-lightbox.is-zoomed img{transform:scale(1.45)}
}
@media(max-width:380px){
  .store-category-main,.product-main{width:calc(100% - 24px)!important}
  .product-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .product-grid{gap:28px!important}
}
@media(prefers-reduced-motion:reduce){
  .product-main-image>img,.product-thumb,.product-thumb img,.emkan-product-lightbox,.emkan-product-lightbox img{animation:none!important;transition:none!important}
}


/* shared/emkan-v65.css */
/* EMKAN v65 — final geometry, linked context, shared site-config polish. Architecture is the visual source of truth. */

/* ---------- Primary landings: one vertical datum ---------- */
body.emkan-primary-landing .module-main{
  width:min(952px,calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-top:82px!important;
  padding-bottom:70px!important;
}
body.emkan-primary-landing .category-grid,
body.emkan-primary-landing .category-grid.category-grid--five{
  margin-top:0!important;
}

/* ---------- Store category: copy the FINAL Architecture desktop geometry exactly ---------- */
@media (min-width:1181px){
  .store-category-main{width:100%!important;max-width:1120px!important;margin-inline:auto!important;padding-inline:0!important}
  .store-category-layout{
    width:952px!important;max-width:100%!important;margin:clamp(46px,6vh,64px) auto 0!important;padding:0!important;
    display:grid!important;direction:ltr!important;grid-template-columns:648px 176px!important;
    grid-template-areas:"content rail"!important;column-gap:0!important;justify-content:space-between!important;align-items:start!important
  }
  html[lang="en"] .store-category-layout{grid-template-columns:176px 648px!important;grid-template-areas:"rail content"!important}
  .emkan-store-filter-rail{width:176px!important;padding-top:10px!important}
  .product-grid{
    width:648px!important;max-width:648px!important;display:grid!important;grid-template-columns:repeat(3,192px)!important;
    column-gap:36px!important;row-gap:32px!important;justify-content:start!important;align-items:start!important;margin:0!important
  }
  .product-card{width:192px!important;max-width:192px!important;justify-self:stretch!important}
  .product-card-media{width:192px!important;height:192px!important;aspect-ratio:1/1!important;border:0!important;background:var(--panel)!important}
}

/* Store cards use the same caption/image language as Architecture. */
.product-card-media img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:grayscale(100%)!important;
  transform:scale(1)!important;transition:filter .9s ease,transform .9s cubic-bezier(.22,.61,.36,1)!important
}
.product-card-caption{width:100%!important;margin-top:8px!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:3px!important;line-height:1.35!important}
.product-card-caption strong{color:var(--caption-title)!important;font-size:clamp(11.5px,.82vw,13px)!important;font-weight:700!important;line-height:1.35!important}
.product-card-caption small{color:var(--caption-sub)!important;font-size:clamp(11px,.79vw,12.5px)!important;font-weight:400!important;line-height:1.35!important}
@media(hover:hover) and (pointer:fine){
  .product-card:hover .product-card-media img,.product-card:focus-visible .product-card-media img{filter:grayscale(0%)!important;transform:scale(1.05)!important}
  .product-card:hover .product-card-caption strong,.product-card:focus-visible .product-card-caption strong{color:var(--caption-hover-title)!important}
}

/* Architecture-equivalent tablet/mobile card sizing. */
@media (min-width:901px) and (max-width:1180px){
  .store-category-main{max-width:900px!important}
  .store-category-layout{grid-template-columns:minmax(0,1fr) 165px!important;grid-template-areas:"content rail"!important;column-gap:34px!important}
  html[lang="en"] .store-category-layout{grid-template-columns:165px minmax(0,1fr)!important;grid-template-areas:"rail content"!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important;width:100%!important}
  .product-card{width:84%!important;max-width:none!important;justify-self:center!important}
}
@media (max-width:900px){
  .store-category-layout{grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;gap:24px!important;margin-top:26px!important}
  .emkan-store-filter-rail{position:static!important;width:100%!important;max-width:none!important;padding-top:0!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 18px!important;width:100%!important}
  .product-card{width:90%!important;max-width:none!important;justify-self:center!important}
}
@media (max-width:640px){
  .product-grid{grid-template-columns:1fr!important;gap:38px!important}
  .product-card{width:92%!important;max-width:480px!important;margin-inline:auto!important}
}

/* ---------- Linked breadcrumb/context strip ---------- */
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) .emkan-crumb{
  color:inherit!important;text-decoration:none!important;cursor:pointer!important;pointer-events:auto!important;transition:color .18s ease!important
}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) .emkan-crumb:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}
.emkan-crumb-sep{opacity:.65}

/* ---------- Global visual settings from Admin ---------- */
html[data-emkan-font-family="system"]{--font-fa:Tahoma,Arial,sans-serif;--font-en:"Segoe UI",Arial,sans-serif}
html[data-emkan-font-family="serif"]{--font-fa:Georgia,"Times New Roman",serif;--font-en:Georgia,"Times New Roman",serif}
html[data-emkan-type-size="compact"] :is(.nav-link,.category-button,.detail-subcategory-list a,.v49-filter-option,.store-subcategory-list a,.store-sort-list button){font-size:calc(.92 * clamp(12px,.92vw,15px))!important}
html[data-emkan-type-size="large"] :is(.nav-link,.category-button,.detail-subcategory-list a,.v49-filter-option,.store-subcategory-list a,.store-sort-list button){font-size:calc(1.08 * clamp(12px,.92vw,15px))!important}

@media(max-width:920px){body.emkan-primary-landing .module-main{padding-top:58px!important}}
@media(max-width:700px){body.emkan-primary-landing .module-main{width:min(100% - 32px,952px)!important;padding-top:40px!important}}
@media(max-width:430px){body.emkan-primary-landing .module-main{width:min(100% - 28px,952px)!important;padding-top:30px!important}}
.emkan-external-media{display:block;width:100%;min-height:320px;aspect-ratio:16/9;border:0;background:#000}
@media(max-width:640px){.emkan-external-media{min-height:220px}}


/* shared/emkan-v66.css */
/* EMKAN v66 — final requested polish only. */

/* Product lightbox: clearly visible navigation controls, still visually quiet. */
.emkan-product-lightbox-prev,
.emkan-product-lightbox-next{
  width:46px!important;
  height:64px!important;
  color:#fff!important;
  opacity:.92!important;
  font-size:0!important;
  background:transparent!important;
}
.emkan-product-lightbox-prev::before,
.emkan-product-lightbox-next::before{
  content:"";
  width:16px;
  height:16px;
  border-top:1.6px solid currentColor;
  border-inline-start:1.6px solid currentColor;
  display:block;
  transition:border-color .18s ease,transform .18s ease;
}
.emkan-product-lightbox-prev::before{transform:rotate(-45deg)}
.emkan-product-lightbox-next::before{transform:rotate(135deg)}
.emkan-product-lightbox-prev:is(:hover,:focus-visible),
.emkan-product-lightbox-next:is(:hover,:focus-visible){color:var(--hover-accent)!important;opacity:1!important}
.emkan-product-lightbox-prev:is(:hover,:focus-visible)::before{transform:rotate(-45deg) translate(-2px,-2px)}
.emkan-product-lightbox-next:is(:hover,:focus-visible)::before{transform:rotate(135deg) translate(-2px,-2px)}

/* Use the same narrow scrollbar language as the rest of the site. */
.emkan-product-lightbox-stage{
  scrollbar-width:thin!important;
  scrollbar-color:rgba(255,255,255,.42) transparent!important;
}
.emkan-product-lightbox-stage::-webkit-scrollbar{width:4px!important;height:4px!important}
.emkan-product-lightbox-stage::-webkit-scrollbar-track{background:transparent!important}
.emkan-product-lightbox-stage::-webkit-scrollbar-thumb{background:rgba(255,255,255,.42)!important;border:0!important;border-radius:0!important}
.emkan-product-lightbox-stage::-webkit-scrollbar-thumb:hover{background:var(--hover-accent)!important}

@media(max-width:640px){
  .emkan-product-lightbox-prev,.emkan-product-lightbox-next{width:48px!important;height:68px!important}
  .emkan-product-lightbox-prev{inset-inline-start:0!important}
  .emkan-product-lightbox-next{inset-inline-end:0!important}
  .emkan-product-lightbox-prev::before,.emkan-product-lightbox-next::before{width:14px;height:14px}
}


/* shared/emkan-v67.css */
/* EMKAN v67 — two final fixes only: linked context paths + fitted product fullscreen viewer. */

/* Product fullscreen viewer: the whole image always fits inside the viewport; no internal scrolling. */
.emkan-product-lightbox{overflow:hidden!important}
.emkan-product-lightbox-stage{
  overflow:hidden!important;
  scrollbar-width:none!important;
  overscroll-behavior:none!important;
}
.emkan-product-lightbox-stage::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.emkan-product-lightbox img,
.emkan-product-lightbox.is-zoomed img{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:calc(100vw - 140px)!important;
  max-height:calc(100vh - 120px)!important;
  object-fit:contain!important;
  transform:none!important;
  transform-origin:center!important;
  cursor:default!important;
}

/* Previous / next use the same quiet arrow language as Architecture project viewer. */
.emkan-product-lightbox-prev,
.emkan-product-lightbox-next{
  top:50%!important;
  width:26px!important;
  height:42px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f7f8fa!important;
  opacity:.46!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  transition:opacity .22s ease,color .22s ease,transform .22s ease!important;
}
.emkan-product-lightbox-prev{inset-inline-start:4px!important}
.emkan-product-lightbox-next{inset-inline-end:4px!important}
.emkan-product-lightbox-prev::before,
.emkan-product-lightbox-next::before{content:none!important;display:none!important}
.emkan-product-arrow-svg{width:18px;height:18px;display:block;overflow:visible}
.emkan-product-arrow-svg polyline{
  fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round
}
.emkan-product-lightbox-prev:is(:hover,:focus-visible),
.emkan-product-lightbox-next:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;opacity:.95!important;outline:0!important;transform:translateY(-50%) scale(1.04)!important
}

/* Every visible address item in the top context strip is an actual link, while preserving the existing visual language. */
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) a.emkan-crumb{
  color:inherit!important;text-decoration:none!important;cursor:pointer!important;pointer-events:auto!important
}
:is(.emkan-context-path,#podcastPath,#storeCategoryPath,#productPath,.product-context-path) a.emkan-crumb:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;outline:0!important
}

@media(max-width:640px){
  .emkan-product-lightbox{padding:12px!important}
  .emkan-product-lightbox img,
  .emkan-product-lightbox.is-zoomed img{
    max-width:calc(100vw - 54px)!important;
    max-height:calc(100dvh - 44px)!important;
  }
  .emkan-product-lightbox-prev,.emkan-product-lightbox-next{width:28px!important;height:44px!important}
  .emkan-product-lightbox-prev{inset-inline-start:0!important}
  .emkan-product-lightbox-next{inset-inline-end:0!important}
  .emkan-product-arrow-svg{width:16px;height:16px}
}


/* shared/emkan-v68.css */
/* EMKAN v68 — final consistency pass requested by user. */

/* Site-wide scrollbar law: every visible scrollbar stays thin. */
html,*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--fg,#111) 28%,transparent) transparent}
*::-webkit-scrollbar{width:5px;height:5px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--fg,#111) 28%,transparent);border:0;border-radius:0}
*::-webkit-scrollbar-thumb:hover{background:var(--hover-accent,#6f9fb2)}

/* Articles: English geometry must use the same 190px rail + architecture gap + 648px content rhythm. */
.articles-main--architecture-tools{max-width:952px!important}
.articles-layout-architecture,
html[lang="en"] .articles-layout-architecture{
  grid-template-columns:190px minmax(0,648px)!important;
  column-gap:clamp(38px,5vw,72px)!important;
  justify-content:start!important;
}
html[lang="fa"] .articles-layout-architecture,
html[lang="ar"] .articles-layout-architecture{
  grid-template-columns:minmax(0,648px) 190px!important;
}
.articles-content-column--architecture{width:648px!important;max-width:100%!important}

/* Selected item is always visibly selected. */
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button,.store-subcategory-list a,.store-sort-list button,.emkan-landing-category,.detail-nav a).is-active,
:is(.category-button,.article-category-choice,.podcast-filter-list button,.store-sort-list button)[aria-pressed="true"]{
  font-weight:700!important;color:var(--fg)!important
}

/* Every dropdown title has one baseline; opened choices remain line-free. */
:is(.article-category-toggle,.detail-subcategory-filter>summary,.v49-plain-filter>summary,.podcast-disclosure>summary,.podcast-filter>summary,.rail-filter>summary,.store-subcategory-filter>summary,.store-sort-filter>summary){
  border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;background:transparent!important
}
:is(.article-category-list li,.detail-subcategory-list a,.v49-filter-list button,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button,.store-subcategory-list a,.store-sort-list button){border:0!important;border-bottom:0!important;background:transparent!important;box-shadow:none!important}

/* Disclosure glyph never disappears when open. Preserve the chosen two-stroke mark. */
:is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark,.store-sort-mark){
  display:inline-block!important;visibility:visible!important;opacity:.78!important;flex:0 0 auto!important
}
:is(details[open],.article-category-toggle[aria-expanded="true"]) :is(.category-chevron,.article-category-chevron,.detail-subcategory-chevron,.v49-filter-chevron,.emkan-disclosure-mark,.store-subcategory-mark,.store-sort-mark){display:inline-block!important;visibility:visible!important;opacity:1!important}

/* Search: only the placeholder is visible; no duplicate label text. */
:is(.product-search,.podcast-search,.project-search,.article-project-search,.v49-search-group,.emkan-standard-search)>:is(.lang-fa,.lang-en,.lang-ar):not(.visually-hidden){display:none!important}

/* Podcast filter breathing room. */
.podcast-filter-row{gap:26px!important}
.podcast-disclosure{margin:0!important}

/* Podcast player — single modern linear transport, transparent in both themes. */
.podcast-audio-engine{display:none!important}
.podcast-audio-line{display:grid!important;grid-template-columns:30px auto minmax(120px,1fr) auto 66px;align-items:center;gap:9px;width:100%;padding:9px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent!important}
.podcast-play-toggle,.podcast-audio-line button{border:0!important;background:transparent!important;color:var(--fg)!important;padding:0!important;width:28px;height:28px;cursor:pointer}
.podcast-play-toggle:hover,.podcast-play-toggle:focus-visible{color:var(--hover-accent)!important;outline:0}
.podcast-time{font-family:var(--font-en,Arial,sans-serif);font-size:8px;color:var(--category-muted,var(--fg));white-space:nowrap}
.podcast-seek{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:18px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
.podcast-seek::-webkit-slider-runnable-track{height:1px;background:var(--line)}
.podcast-seek::-webkit-slider-thumb{-webkit-appearance:none;width:7px;height:7px;margin-top:-3px;border:0;border-radius:50%;background:var(--fg)}
.podcast-seek::-moz-range-track{height:1px;background:var(--line)}
.podcast-seek::-moz-range-thumb{width:7px;height:7px;border:0;border-radius:50%;background:var(--fg)}
.podcast-speed{width:66px!important;min-width:66px!important;padding:4px 14px 4px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--fg)!important;box-shadow:none!important;font-size:9px!important}
html[data-theme="dark"] .podcast-speed{background:transparent!important;color:var(--fg)!important}
html[data-theme="dark"] .podcast-speed option{background:var(--bg)!important;color:var(--fg)!important}
.playback-controls--extended{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:8px!important}
.playback-controls--extended button,.podcast-autoplay,.podcast-download,.podcast-share{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;color:var(--fg)!important;box-shadow:none!important;padding:8px 0!important;text-decoration:none!important;font-size:9px!important;cursor:pointer}
.playback-controls--extended button:is(:hover,:focus-visible),.podcast-autoplay:is(:hover,:focus-visible),.podcast-download:is(:hover,:focus-visible),.podcast-share:is(:hover,:focus-visible){color:var(--hover-accent)!important;border-bottom-color:var(--hover-accent)!important;outline:0!important}

/* Store separators and dropdown language. */
.product-info-rule{height:1px!important;min-height:1px!important;max-height:1px!important;background:var(--line)!important;border:0!important;box-shadow:none!important}
.store-subcategory-filter>summary,.store-sort-filter>summary{font-size:clamp(10.5px,.76vw,12px)!important;line-height:1.45!important;font-weight:400!important}
.store-subcategory-list a,.store-sort-list button{font-size:clamp(10.5px,.76vw,12px)!important;line-height:1.45!important;margin-bottom:4px!important}

/* Product fullscreen: same physical arrow placement and close treatment as Architecture. */
.emkan-product-lightbox{overflow:hidden!important}
.emkan-product-lightbox-stage{overflow:hidden!important}
.emkan-product-lightbox img,.emkan-product-lightbox.is-zoomed img{max-width:calc(100vw - 140px)!important;max-height:calc(100vh - 110px)!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:none!important;cursor:default!important}
.emkan-product-lightbox-prev{inset-inline:auto!important;left:0!important;right:auto!important}
.emkan-product-lightbox-next{inset-inline:auto!important;right:0!important;left:auto!important}
.emkan-product-lightbox-close{top:0!important;inset-inline:auto!important;right:4px!important;left:auto!important;color:#f7f8fa!important;opacity:.68!important;width:34px!important;height:34px!important;font-size:25px!important;font-weight:200!important}
.emkan-product-lightbox-close:is(:hover,:focus-visible){color:var(--hover-accent)!important;opacity:1!important;outline:0!important}
.emkan-product-lightbox-prev,.emkan-product-lightbox-next{width:38px!important;height:56px!important;opacity:.5!important;color:#f7f8fa!important}
.emkan-product-lightbox-prev:is(:hover,:focus-visible),.emkan-product-lightbox-next:is(:hover,:focus-visible){opacity:1!important;color:var(--hover-accent)!important}

/* Company profile: a tiny extra visual breath between label and sentence in every language. */
.company-profile-linkblock{gap:28px!important}

/* Breadcrumbs are unmistakably interactive without adding visual noise. */
:is(.emkan-context-path,#podcastPath,.v49-kicker) a.emkan-crumb{color:inherit!important;text-decoration:none!important;pointer-events:auto!important;cursor:pointer!important}
:is(.emkan-context-path,#podcastPath,.v49-kicker) a.emkan-crumb:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}

@media(max-width:900px){
  .articles-layout-architecture,html[lang="en"] .articles-layout-architecture,html[lang="fa"] .articles-layout-architecture,html[lang="ar"] .articles-layout-architecture{grid-template-columns:1fr!important;grid-template-areas:"categories" "content"!important;gap:28px!important}
  .articles-content-column--architecture{width:100%!important}
  .podcast-audio-line{grid-template-columns:30px auto minmax(80px,1fr) auto 60px}
}
@media(max-width:560px){
  *::-webkit-scrollbar{width:4px;height:4px}
  .podcast-filter-row{gap:16px!important}
  .podcast-audio-line{grid-template-columns:30px minmax(80px,1fr) 58px!important;gap:8px!important}
  .podcast-audio-line .podcast-time{display:none!important}
  .playback-controls--extended{grid-template-columns:1fr 1fr!important}
  .emkan-product-lightbox img,.emkan-product-lightbox.is-zoomed img{max-width:calc(100vw - 56px)!important;max-height:calc(100dvh - 60px)!important}
  .emkan-product-lightbox-prev,.emkan-product-lightbox-next{width:32px!important;height:50px!important}
}

/* v75 — one selected-state weight everywhere, using Architecture as reference. */
:where(
  .category-button.is-active,
  .article-category-choice.is-active,
  .article-category-choice[aria-pressed="true"],
  .detail-subcategory-list a.is-active,
  .detail-nav a.is-active,
  .v49-filter-option.is-active,
  .v49-filter-option[aria-pressed="true"],
  .podcast-filter-list button.is-active,
  .podcast-topics button.is-active,
  .podcast-seasons button.is-active,
  .store-subcategory-list a.is-active,
  .store-sort-list button.is-active,
  .emkan-landing-category.is-active,
  [data-filter].is-active,
  [data-filter][aria-pressed="true"]
){font-weight:700!important}


/* shared/emkan-v69.css */
/* EMKAN v69 — six-point polish pass. Architecture remains the visual reference. */

/* 1) Related products: smaller, more delicate cards. */
@media (min-width: 901px){
  .product-main .related-grid{
    grid-template-columns:repeat(4,112px)!important;
    gap:18px!important;
    justify-content:start!important;
  }
  .product-main .related-item{width:112px!important;max-width:112px!important}
  .product-main .related-media{width:112px!important;aspect-ratio:1!important}
  .product-main .related-caption{padding-top:6px!important;gap:2px!important}
  .product-main .related-caption strong{font-size:7.9px!important;line-height:1.6!important}
  .product-main .related-caption span{font-size:7px!important;line-height:1.55!important}
}
@media (max-width:900px) and (min-width:621px){
  .product-main .related-grid{grid-template-columns:repeat(3,minmax(0,112px))!important;gap:18px!important}
}
@media (max-width:620px){
  .product-main .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 14px!important}
  .product-main .related-media{aspect-ratio:1!important}
}

/* 2) Articles: both ends of the article rules align with the 952px page frame in every language. */
.articles-main--architecture-tools{width:min(952px,calc(100% - 48px))!important;max-width:952px!important}
.articles-layout-architecture,
html[lang="en"] .articles-layout-architecture,
html[lang="fa"] .articles-layout-architecture,
html[lang="ar"] .articles-layout-architecture{
  width:100%!important;
  column-gap:0!important;
  justify-content:space-between!important;
}
html[lang="en"] .articles-layout-architecture{grid-template-columns:190px 648px!important}
html[lang="fa"] .articles-layout-architecture,
html[lang="ar"] .articles-layout-architecture{grid-template-columns:648px 190px!important}
.articles-content-column--architecture,.articles-list,.article-row,.article-row-card{width:100%!important;max-width:100%!important}

/* 4) Company profile: small intentional breath between the download label and its explanation. */
.company-profile-linkblock{
  justify-content:flex-start!important;
  column-gap:12px!important;
  row-gap:6px!important;
}
.company-profile-linkblock .company-profile-label{flex:0 0 auto!important}
.company-profile-linkblock p{margin:0!important;min-width:0!important}

/* 5) Podcast: logical transport direction and a single, quiet speed control. */
.podcast-audio-line{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  direction:ltr!important;
}
html[dir="rtl"] .podcast-audio-line{flex-direction:row-reverse!important}
html[dir="ltr"] .podcast-audio-line{flex-direction:row!important}
.podcast-audio-line .podcast-seek{flex:1 1 auto!important;min-width:72px!important}
.podcast-audio-line .podcast-time{flex:0 0 auto!important}
.podcast-audio-line .podcast-speed{display:none!important}
.podcast-speed-cycle{
  flex:0 0 auto!important;
  min-width:34px!important;
  height:28px!important;
  padding:0 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--category-muted,var(--fg))!important;
  font-family:var(--font-en,Arial,sans-serif)!important;
  font-size:8.5px!important;
  line-height:28px!important;
  text-align:center!important;
  cursor:pointer!important;
  transition:color .18s ease!important;
}
.podcast-speed-cycle:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}

/* 6) Search rail for every internal Content Creation detail page. */
.v69-content-detail-layout{
  width:min(952px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  align-items:start!important;
  justify-content:space-between!important;
  gap:0!important;
}
html[dir="ltr"] .v69-content-detail-layout{grid-template-columns:190px minmax(0,648px)!important;grid-template-areas:"rail content"!important}
html[dir="rtl"] .v69-content-detail-layout{grid-template-columns:minmax(0,648px) 190px!important;grid-template-areas:"content rail"!important}
.v69-content-search-rail{grid-area:rail!important;position:sticky!important;top:18px!important;min-width:0!important}
.v69-content-detail-body{grid-area:content!important;min-width:0!important;max-width:648px!important;width:100%!important;margin:0!important}
.v69-content-search{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
}
.v69-content-search input{
  width:100%!important;
  height:28px!important;
  margin:0!important;
  padding:0 26px 2px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--category)!important;
  font:inherit!important;
  font-size:clamp(10.5px,.76vw,12px)!important;
  outline:0!important;
}
html[dir="rtl"] .v69-content-search input{padding:0 2px 2px 26px!important}
.v69-content-search .search-icon{
  position:absolute!important;
  top:50%!important;
  left:1px!important;
  width:13px!important;
  height:13px!important;
  transform:translateY(-58%)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.35!important;
  opacity:.56!important;
  pointer-events:none!important;
}
html[dir="ltr"] .v69-content-search .search-icon{left:auto!important;right:1px!important}
.v69-content-search-status{margin:10px 0 0!important;font-size:9px!important;color:var(--category-muted,var(--fg))!important}

/* "All" is a real first option in every Content Creation dropdown/filter too. */
.v49-filter-option[data-filter=""],.dx-filter[data-dx-filter=""]{font-weight:400!important}
.v49-filter-option[data-filter=""][aria-pressed="true"],.dx-filter[data-dx-filter=""].is-active{font-weight:700!important}

/* Content breadcrumb links are visually quiet but definitely interactive. */
:is(.emkan-context-path,.v49-kicker,#podcastPath) .v69-content-root-link{
  color:inherit!important;text-decoration:none!important;cursor:pointer!important
}
:is(.emkan-context-path,.v49-kicker,#podcastPath) .v69-content-root-link:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}

@media(max-width:900px){
  .articles-layout-architecture,
  html[lang="en"] .articles-layout-architecture,
  html[lang="fa"] .articles-layout-architecture,
  html[lang="ar"] .articles-layout-architecture{grid-template-columns:1fr!important;gap:28px!important}
  .v69-content-detail-layout{grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;gap:24px!important}
  .v69-content-search-rail{position:static!important;width:min(260px,100%)!important}
  .v69-content-detail-body{max-width:none!important}
}
@media(max-width:560px){
  .articles-main--architecture-tools{width:calc(100% - 32px)!important}
  .podcast-audio-line{gap:7px!important}
  .podcast-speed-cycle{min-width:30px!important;font-size:8px!important}
  .v69-content-search-rail{width:100%!important}
}


/* shared/emkan-v71.css */
/* EMKAN v71 — final content/search/portfolio polish. Architecture remains the visual reference. */

/* 1) Internal Content Creation: exact Architecture-style rail placement and search geometry. */
.content-section-page .v49-main{
  width:min(1050px,calc(100% - 48px))!important;
  max-width:1050px!important;
  margin-inline:auto!important;
}
.content-section-page .v49-layout,
.content-section-page .v69-content-detail-layout{
  width:100%!important;
  max-width:1050px!important;
  display:grid!important;
  direction:ltr!important;
  grid-template-columns:minmax(0,1fr) 190px!important;
  grid-template-areas:"content rail"!important;
  column-gap:clamp(38px,5vw,72px)!important;
  justify-content:stretch!important;
  align-items:start!important;
}
html[lang="en"] .content-section-page .v49-layout,
html[lang="en"] .content-section-page .v69-content-detail-layout{
  grid-template-columns:190px minmax(0,1fr)!important;
  grid-template-areas:"rail content"!important;
}
.content-section-page :is(.v49-rail,.v69-content-search-rail){
  grid-area:rail!important;
  width:190px!important;
  max-width:190px!important;
  min-width:0!important;
  direction:inherit!important;
  text-align:inherit!important;
}
.content-section-page :is(.v49-results-wrap,.v69-content-detail-body){
  grid-area:content!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
}
html[lang="fa"] .content-section-page :is(.v49-rail,.v69-content-search-rail),
html[lang="ar"] .content-section-page :is(.v49-rail,.v69-content-search-rail){direction:rtl!important;text-align:right!important}
html[lang="en"] .content-section-page :is(.v49-rail,.v69-content-search-rail){direction:ltr!important;text-align:left!important}
.content-section-page :is(.v49-search-group,.v69-content-search).v70-canonical-search,
.content-section-page :is(.v49-search-group,.v69-content-search){
  width:100%!important;margin:0 0 12px!important;position:relative!important;display:block!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important
}
.content-section-page :is(.v49-search-group,.v69-content-search) input[type="search"]{
  display:block!important;width:100%!important;height:28px!important;margin:0!important;
  padding:0 26px 2px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;
  outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--category)!important;
  font:inherit!important;font-size:clamp(10.5px,.76vw,12px)!important;font-weight:400!important;opacity:.72!important
}
html[dir="rtl"] .content-section-page :is(.v49-search-group,.v69-content-search) input[type="search"]{
  direction:rtl!important;text-align:right!important;padding:0 2px 2px 26px!important;font-family:var(--font-fa)!important
}
html[dir="ltr"] .content-section-page :is(.v49-search-group,.v69-content-search) input[type="search"]{
  direction:ltr!important;text-align:left!important;font-family:var(--font-en)!important
}
.content-section-page :is(.v49-search-group,.v69-content-search)>.search-icon{
  position:absolute!important;z-index:2!important;top:50%!important;right:1px!important;left:auto!important;width:13px!important;height:13px!important;
  color:var(--category-muted)!important;opacity:.56!important;transform:translateY(-58%)!important;pointer-events:none!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;border:0!important
}
html[dir="rtl"] .content-section-page :is(.v49-search-group,.v69-content-search)>.search-icon{right:auto!important;left:1px!important}

/* 2) Content Creation portfolio samples: three refined Architecture-sized cards, then a single work page. */
@media(min-width:1181px){
  .content-section-page .v71-sample-grid{
    width:648px!important;max-width:100%!important;display:grid!important;
    grid-template-columns:repeat(3,192px)!important;column-gap:36px!important;row-gap:32px!important;justify-content:start!important
  }
  .content-section-page .v71-sample-card{width:192px!important;max-width:192px!important}
  .content-section-page .v71-sample-card .v49-work-media{width:192px!important;height:192px!important;aspect-ratio:1!important}
}
.v71-sample-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:32px;align-items:start;padding:0 0 30px;border-bottom:1px solid var(--line)}
.v71-sample-visual{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--line);background:transparent}
.v71-sample-visual img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .5s ease,transform .65s cubic-bezier(.22,.61,.36,1)}
.v71-sample-visual:hover img{filter:grayscale(0);transform:scale(1.012)}
.v71-sample-intro p{margin:0!important}
.v71-related-samples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.v71-related-samples a{display:grid;gap:7px;text-decoration:none!important;color:inherit!important}
.v71-related-samples img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:filter .4s ease}
.v71-related-samples a:hover img{filter:grayscale(0)}
.v71-related-samples span{font-size:10px;line-height:1.6}

/* 3) About: guaranteed visible breathing room between profile action and explanation in all directions/languages. */
.company-profile-linkblock{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
.company-profile-linkblock .company-profile-label{flex:0 0 auto!important;margin:0!important;margin-inline-end:18px!important}
.company-profile-linkblock p{margin:0!important;min-width:0!important}

/* 4) One selection typography law everywhere, matching Architecture exactly. */
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button,.store-subcategory-list a,.store-sort-list button,.emkan-landing-category,.detail-nav a){
  font-size:clamp(12px,.92vw,15px)!important;line-height:1.45!important;font-weight:400!important
}
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.podcast-topics button,.podcast-seasons button,.store-subcategory-list a,.store-sort-list button,.emkan-landing-category,.detail-nav a).is-active,
:is(.category-button,.article-category-choice,.v49-filter-option,.podcast-filter-list button,.store-sort-list button)[aria-pressed="true"]{
  font-weight:700!important;color:var(--category,var(--fg))!important
}

/* 5) Related store products: only a very small size increase from v69. */
@media(min-width:901px){
  .product-main .related-grid{grid-template-columns:repeat(4,124px)!important;gap:20px!important}
  .product-main .related-item{width:124px!important;max-width:124px!important}
  .product-main .related-media{width:124px!important;height:124px!important;aspect-ratio:1!important}
}
@media(max-width:900px) and (min-width:621px){
  .product-main .related-grid{grid-template-columns:repeat(3,minmax(0,124px))!important;gap:18px!important}
}

/* Breadcrumb links must remain clickable above any content/transition layer. */
.content-section-page .emkan-context-bar{position:relative!important;z-index:80!important}
.content-section-page .emkan-context-path{position:relative!important;z-index:81!important;pointer-events:auto!important}
.content-section-page .emkan-context-path a.emkan-crumb{position:relative!important;z-index:82!important;pointer-events:auto!important;cursor:pointer!important;text-decoration:none!important}
.content-section-page .emkan-context-path a.emkan-crumb:is(:hover,:focus-visible){color:var(--hover-accent)!important;outline:0!important}

@media(max-width:900px){
  .content-section-page .v49-layout,.content-section-page .v69-content-detail-layout{
    grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;gap:24px!important
  }
  .content-section-page :is(.v49-rail,.v69-content-search-rail){width:min(260px,100%)!important;max-width:100%!important;position:static!important}
  .v71-sample-hero{grid-template-columns:1fr!important;gap:22px}
}
@media(max-width:560px){
  .content-section-page .v49-main{width:calc(100% - 32px)!important}
  .content-section-page :is(.v49-rail,.v69-content-search-rail){width:100%!important}
  .v71-related-samples{grid-template-columns:1fr!important}
  .company-profile-linkblock{flex-wrap:wrap!important;row-gap:7px!important}
  .company-profile-linkblock .company-profile-label{margin-inline-end:12px!important}
}


/* shared/emkan-v75.css */
/* EMKAN v75 — final geometry/selection lock. Loaded last on public pages. */

/* One selected-state weight everywhere: Architecture is the reference. */
:where(
  .category-button.is-active,
  .article-category-choice.is-active,
  .article-category-choice[aria-pressed="true"],
  .detail-subcategory-list a.is-active,
  .detail-nav a.is-active,
  .v49-filter-option.is-active,
  .v49-filter-option[aria-pressed="true"],
  .podcast-filter-list button.is-active,
  .podcast-topics button.is-active,
  .podcast-seasons button.is-active,
  .store-subcategory-list a.is-active,
  .store-sort-list button.is-active,
  .emkan-landing-category.is-active,
  [data-filter].is-active,
  [data-filter][aria-pressed="true"]
){font-weight:700!important}

/* Architecture only: lift its desktop search/category rail a little; gallery stays fixed. */
@media(min-width:901px){.architecture-main .category-panel{transform:translateY(-10px)!important}}

/* Content sample detail: keep the same physical media/info composition in every language. */
@media(min-width:901px){
  .content-section-page .v73-sample-hero{
    direction:ltr!important;
    grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important;
    grid-template-areas:"media info"!important;
  }
  .content-section-page .v73-sample-gallery{
    grid-area:media!important;
    direction:ltr!important;
    padding:0 clamp(28px,3.8vw,46px) 0 0!important;
  }
  .content-section-page .v73-sample-gallery::after{
    inset-inline-start:auto!important;inset-inline-end:0!important;left:auto!important;right:0!important;
  }
  .content-section-page .v73-sample-info{
    grid-area:info!important;
    padding:4px 0 30px clamp(28px,3.8vw,46px)!important;
  }
  html[lang="fa"] .content-section-page .v73-sample-info,
  html[lang="ar"] .content-section-page .v73-sample-info{direction:rtl!important;text-align:right!important}
  html[lang="en"] .content-section-page .v73-sample-info{direction:ltr!important;text-align:left!important}
}
.content-section-page #sample-deliverables{border-bottom:0!important;padding-bottom:8px!important}
.content-section-page .v73-related-section{margin-top:14px!important;padding-top:0!important;border-top:0!important}
.content-section-page .v73-related-section .emkan-related-head{margin-top:0!important}

/* R&D second-level collections: 3 cards, then a focused detail page. */
body:has(.research-listing) .detail-main,
body:has(.research-entry-detail) .detail-main{width:min(952px,calc(100% - 48px))!important;margin-inline:auto!important;padding-top:44px!important}
body:has(.research-listing) .detail-layout,
body:has(.research-entry-detail) .detail-layout{display:block!important;width:100%!important}
.research-listing{width:648px!important;max-width:100%!important;margin:0 auto!important}
.research-index-grid{display:grid!important;grid-template-columns:repeat(3,192px)!important;gap:32px 36px!important;justify-content:start!important;align-items:start!important}
.research-index-card{display:block!important;width:192px!important;color:var(--fg)!important;text-decoration:none!important}
.research-index-media{display:block!important;width:192px!important;height:192px!important;overflow:hidden!important;border:1px solid var(--line)!important;background:var(--placeholder-a)!important}
.research-index-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:grayscale(100%)!important;transition:filter .55s ease,transform .6s cubic-bezier(.22,.61,.36,1)!important}
.research-index-card:hover .research-index-media img,.research-index-card:focus-visible .research-index-media img{filter:grayscale(0)!important;transform:scale(1.015)!important}
.research-index-title{display:block!important;margin-top:9px!important;font-size:11px!important;line-height:1.65!important;font-weight:520!important;transition:color .18s ease!important}
.research-index-meta{display:block!important;margin-top:3px!important;color:var(--category-muted)!important;font-size:9px!important;line-height:1.55!important}
.research-index-card:hover .research-index-title,.research-index-card:focus-visible .research-index-title{color:var(--hover-accent)!important}
.research-entry-detail{width:952px!important;max-width:100%!important;margin:0 auto!important}
.research-entry-hero{display:grid!important;grid-template-columns:minmax(0,390px) minmax(0,1fr)!important;gap:0!important;align-items:start!important;padding-bottom:28px!important;border-bottom:1px solid var(--line)!important}
.research-entry-media{padding-inline-end:40px!important;position:relative!important}
.research-entry-media::after{content:""!important;position:absolute!important;inset-inline-end:0!important;top:14%!important;width:1px!important;height:62%!important;background:var(--line)!important}
.research-entry-media img{display:block!important;width:100%!important;aspect-ratio:1!important;object-fit:cover!important;filter:grayscale(100%)!important;border:1px solid var(--line)!important}
.research-entry-copy{padding-inline-start:40px!important;min-width:0!important}
.research-entry-parent{margin:0 0 10px!important;font-size:9px!important;color:var(--category-muted)!important}
.research-entry-parent a{color:inherit!important;text-decoration:none!important}.research-entry-parent a:hover{color:var(--hover-accent)!important}
.research-entry-title{margin:0!important;font-size:clamp(20px,2.2vw,30px)!important;font-weight:520!important;line-height:1.55!important}
.research-entry-meta{margin:8px 0 0!important;color:var(--category-muted)!important;font-size:10px!important}
.research-entry-summary{margin:16px 0 0!important;font-size:12px!important;line-height:2!important;color:var(--caption-sub)!important}
.research-entry-body{max-width:720px!important;margin-inline-start:auto!important;padding:28px 0!important;border-bottom:1px solid var(--line)!important}
.research-entry-body p{margin:0!important;font-size:13px!important;line-height:2.15!important}
html[lang="fa"] :is(.research-listing,.research-entry-detail),html[lang="ar"] :is(.research-listing,.research-entry-detail){direction:rtl!important;text-align:right!important}
html[lang="en"] :is(.research-listing,.research-entry-detail){direction:ltr!important;text-align:left!important}
@media(max-width:900px){
  body:has(.research-listing) .detail-main,body:has(.research-entry-detail) .detail-main{width:min(720px,calc(100% - 36px))!important;padding-top:34px!important}
  .research-listing{width:min(420px,100%)!important}
  .research-index-grid{grid-template-columns:repeat(2,minmax(0,192px))!important;gap:30px 18px!important;justify-content:center!important}
  .research-index-card,.research-index-media{width:100%!important;max-width:192px!important}.research-index-media{height:auto!important;aspect-ratio:1!important}
  .research-entry-hero{grid-template-columns:1fr!important;gap:22px!important;border-bottom:0!important}
  .research-entry-media{width:min(100%,380px)!important;padding:0!important}.research-entry-media::after{display:none!important}
  .research-entry-copy{padding:20px 0 0!important;border-top:1px solid var(--line)!important}
  .research-entry-body{margin:0!important;padding-top:22px!important}
}
@media(max-width:460px){
  body:has(.research-listing) .detail-main,body:has(.research-entry-detail) .detail-main{width:calc(100% - 32px)!important}
  .research-listing{width:min(192px,100%)!important}
  .research-index-grid{grid-template-columns:minmax(0,192px)!important;gap:32px!important}
}


/* shared/emkan-v76.css */
/* EMKAN v76 — content-language mirror, linear controls, R&D collection views. */

/* 1) Form selections: quiet outline when idle, accent when selected. */
:where(body:not(.admin-body)) input[type="checkbox"],
:where(body:not(.admin-body)) input[type="radio"]{
  -webkit-appearance:none!important;appearance:none!important;
  width:14px!important;height:14px!important;min-width:14px!important;
  margin:0 7px 0 0!important;padding:0!important;
  border:1px solid var(--line-strong)!important;background:transparent!important;
  box-shadow:none!important;outline:0!important;position:relative!important;
  vertical-align:-2px!important;cursor:pointer!important;
  transition:border-color .18s ease,background-color .18s ease!important;
}
:is(html[lang="fa"],html[lang="ar"]) :where(body:not(.admin-body)) input[type="checkbox"],
:is(html[lang="fa"],html[lang="ar"]) :where(body:not(.admin-body)) input[type="radio"]{margin:0 0 0 7px!important}
:where(body:not(.admin-body)) input[type="checkbox"]{border-radius:0!important}
:where(body:not(.admin-body)) input[type="radio"]{border-radius:50%!important}
:where(body:not(.admin-body)) input[type="checkbox"]::after{
  content:"";position:absolute;left:3px;top:1px;width:4px;height:8px;
  border:solid var(--hover-accent);border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg) scale(.65);opacity:0;transition:opacity .16s ease,transform .16s ease
}
:where(body:not(.admin-body)) input[type="radio"]::after{
  content:"";position:absolute;inset:3px;border-radius:50%;background:var(--hover-accent);
  transform:scale(.35);opacity:0;transition:opacity .16s ease,transform .16s ease
}
:where(body:not(.admin-body)) input[type="checkbox"]:checked,
:where(body:not(.admin-body)) input[type="radio"]:checked{border-color:var(--hover-accent)!important}
:where(body:not(.admin-body)) input[type="checkbox"]:checked::after,
:where(body:not(.admin-body)) input[type="radio"]:checked::after{opacity:1;transform:rotate(45deg) scale(1)}
:where(body:not(.admin-body)) input[type="radio"]:checked::after{transform:scale(1)}
:where(body:not(.admin-body)) input[type="checkbox"]:focus-visible,
:where(body:not(.admin-body)) input[type="radio"]:focus-visible{outline:1px solid var(--hover-accent)!important;outline-offset:3px!important}

/* 2) Course/workshop registration: linear action language, not rectangular UI. */
.content-section-page .v49-actions .v49-button,
.content-section-page .v49-form .v49-button{
  min-width:0!important;height:auto!important;min-height:0!important;
  padding:7px 0 6px!important;border:0!important;border-bottom:1px solid var(--line)!important;
  background:transparent!important;color:var(--fg)!important;box-shadow:none!important;
  font-size:11px!important;font-weight:520!important;text-decoration:none!important;
  transition:color .18s ease,border-color .18s ease,transform .18s ease!important
}
.content-section-page .v49-actions .v49-button:is(:hover,:focus-visible),
.content-section-page .v49-form .v49-button:is(:hover,:focus-visible){
  color:var(--hover-accent)!important;border-bottom-color:var(--hover-accent)!important;
  transform:translateY(-1px);outline:0!important
}
.content-section-page .v49-progress{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;
  border:0!important;padding:0!important;margin:0 0 26px!important
}
.content-section-page .v49-progress li{
  position:relative!important;padding:0 0 8px!important;border-bottom:1px solid var(--line)!important;
  font-size:10px!important;font-weight:400!important;color:var(--category-muted)!important
}
.content-section-page .v49-progress li[aria-current="step"]{color:var(--fg)!important;font-weight:600!important}
.content-section-page .v49-progress li[aria-current="step"]::after{
  content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:32px;height:1px;background:var(--hover-accent)
}
.content-section-page .v49-plan{border-bottom:0!important;padding:8px 0!important;margin:0!important}

/* 3) Store product choices: text + baseline rather than outlined rectangles. */
.product-main .product-colors{gap:8px 16px!important;align-items:flex-end!important}
.product-main .color-choice{
  min-height:0!important;height:auto!important;padding:4px 0 5px!important;
  border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--category-muted)!important;
  font-size:9px!important;font-weight:400!important
}
.product-main .color-choice:is(:hover,:focus-visible){color:var(--hover-accent)!important;border-bottom-color:var(--hover-accent)!important;outline:0!important}
.product-main .color-choice.is-active{color:var(--fg)!important;border-bottom-color:var(--hover-accent)!important;font-weight:600!important}
.product-main .qty-field input{border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.product-main .buy-row>button,
.product-main #addToCart{
  height:35px!important;min-height:35px!important;padding:0 2px!important;
  border:0!important;border-bottom:1px solid var(--line-strong)!important;border-radius:0!important;
  background:transparent!important;color:var(--fg)!important;box-shadow:none!important;
  text-align:start!important;font-size:9px!important;font-weight:560!important
}
.product-main .buy-row>button:is(:hover,:focus-visible),
.product-main #addToCart:is(:hover,:focus-visible){color:var(--hover-accent)!important;border-bottom-color:var(--hover-accent)!important;background:transparent!important;outline:0!important}

/* 4) Content sample detail mirrors with language, like the Store product page. */
@media(min-width:901px){
  html[lang="en"] .content-section-page .v73-sample-hero{
    direction:ltr!important;grid-template-columns:minmax(0,1fr) minmax(330px,.92fr)!important;grid-template-areas:"media info"!important
  }
  :is(html[lang="fa"],html[lang="ar"]) .content-section-page .v73-sample-hero{
    direction:ltr!important;grid-template-columns:minmax(330px,.92fr) minmax(0,1fr)!important;grid-template-areas:"info media"!important
  }
  html[lang="en"] .content-section-page .v73-sample-gallery{
    grid-template-columns:58px minmax(0,360px)!important;grid-template-areas:"thumbs main"!important;
    padding:0 clamp(28px,3.8vw,46px) 0 0!important
  }
  :is(html[lang="fa"],html[lang="ar"]) .content-section-page .v73-sample-gallery{
    grid-template-columns:minmax(0,360px) 58px!important;grid-template-areas:"main thumbs"!important;
    padding:0 0 0 clamp(28px,3.8vw,46px)!important
  }
  html[lang="en"] .content-section-page .v73-sample-gallery::after{right:0!important;left:auto!important;inset-inline:auto 0!important}
  :is(html[lang="fa"],html[lang="ar"]) .content-section-page .v73-sample-gallery::after{left:0!important;right:auto!important;inset-inline:0 auto!important}
  html[lang="en"] .content-section-page .v73-sample-info{padding:4px 0 30px clamp(28px,3.8vw,46px)!important}
  :is(html[lang="fa"],html[lang="ar"]) .content-section-page .v73-sample-info{padding:4px clamp(28px,3.8vw,46px) 30px 0!important}
}

/* 5) R&D collection pages: phase-zero / technology use an article-like list;
      books use the familiar 3-card portfolio grid. */
body:has(.research-browser-layout) .detail-main{
  width:min(952px,calc(100% - 48px))!important;margin-inline:auto!important;padding-top:34px!important
}
body:has(.research-browser-layout) .detail-layout.research-browser-layout{
  width:952px!important;max-width:100%!important;margin:0 auto!important;display:grid!important;
  direction:ltr!important;grid-template-columns:648px 176px!important;grid-template-areas:"content rail"!important;
  justify-content:space-between!important;align-items:start!important;gap:0!important
}
html[lang="en"] body:has(.research-browser-layout) .detail-layout.research-browser-layout{
  grid-template-columns:176px 648px!important;grid-template-areas:"rail content"!important
}
.research-filter-rail{grid-area:rail!important;width:176px!important;min-width:0!important;position:sticky!important;top:24px!important;padding-top:0!important}
.research-listing{grid-area:content!important;width:648px!important;max-width:648px!important;margin:0!important;min-width:0!important}
.research-search{position:relative!important;display:block!important;width:100%!important;height:32px!important;margin:0 0 18px!important}
.research-search input{width:100%!important;height:32px!important;margin:0!important;padding:0 25px 4px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--fg)!important;font:inherit!important;font-size:11px!important;outline:0!important}
html[dir="rtl"] .research-search input{padding:0 2px 4px 25px!important}
.research-search svg{position:absolute!important;inset-inline-end:2px!important;top:6px!important;width:14px!important;height:14px!important;fill:none!important;stroke:var(--category-muted)!important;stroke-width:1.25!important;pointer-events:none!important}
.research-filter{margin:0!important;border:0!important;background:transparent!important}
.research-filter>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;list-style:none!important;padding:0 0 7px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--category-muted)!important;font-size:11px!important;cursor:pointer!important}
.research-filter>summary::-webkit-details-marker{display:none!important}.research-filter-icon{width:9px!important;height:6px!important;position:relative!important;display:block!important}.research-filter-icon::before,.research-filter-icon::after{content:"";position:absolute;top:2px;width:5px;height:1px;background:currentColor!important}.research-filter-icon::before{left:0;transform:rotate(28deg);transform-origin:right center}.research-filter-icon::after{right:0;transform:rotate(-28deg);transform-origin:left center}
.research-filter-list{display:grid!important;gap:6px!important;padding:10px 0 0!important}.research-filter-list button{width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:var(--category-muted)!important;text-align:inherit!important;font:inherit!important;font-size:12px!important;line-height:1.65!important;cursor:pointer!important}.research-filter-list button:hover{color:var(--hover-accent)!important}.research-filter-list button.is-active{color:var(--fg)!important;font-weight:700!important}
.research-row-list{width:648px!important;border-top:1px solid var(--line)!important}.research-row-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title meta" "summary summary"!important;gap:7px 20px!important;padding:18px 0!important;border-bottom:1px solid var(--line)!important;color:var(--fg)!important;text-decoration:none!important}.research-row-title{grid-area:title!important;font-size:15px!important;font-weight:560!important;line-height:1.7!important}.research-row-summary{grid-area:summary!important;color:var(--caption-sub)!important;font-size:10.5px!important;line-height:1.9!important;max-width:560px!important}.research-row-meta{grid-area:meta!important;color:var(--category-muted)!important;font-size:9px!important;white-space:nowrap!important;align-self:start!important;margin-top:4px!important}.research-row-card:hover .research-row-title{color:var(--hover-accent)!important}
.research-listing--books .research-index-grid{width:648px!important;grid-template-columns:repeat(3,192px)!important;gap:32px 36px!important;margin:0!important}.research-empty{font-size:11px!important;color:var(--category-muted)!important;margin:18px 0!important}

/* R&D detail pages intentionally have no search/filter rail. */
body:has(.research-entry-detail) .detail-main{padding-top:34px!important}
body:has(.research-entry-detail) .detail-layout{display:block!important}

@media(max-width:900px){
  body:has(.research-browser-layout) .detail-main{width:min(720px,calc(100% - 36px))!important;padding-top:28px!important}
  body:has(.research-browser-layout) .detail-layout.research-browser-layout,
  html[lang="en"] body:has(.research-browser-layout) .detail-layout.research-browser-layout{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;gap:24px!important
  }
  .research-filter-rail{width:100%!important;position:static!important}.research-listing,.research-row-list{width:100%!important;max-width:none!important}
  .research-listing--books .research-index-grid{width:100%!important;grid-template-columns:repeat(2,minmax(0,192px))!important;gap:30px 18px!important;justify-content:center!important}
}
@media(max-width:460px){
  .research-listing--books .research-index-grid{grid-template-columns:minmax(0,192px)!important;gap:30px!important}
  .research-row-card{grid-template-columns:1fr!important;grid-template-areas:"title" "meta" "summary"!important;gap:5px!important}
}
:is(html[lang="fa"],html[lang="ar"]) .research-filter-rail{direction:rtl!important;text-align:right!important}
html[lang="en"] .research-filter-rail{direction:ltr!important;text-align:left!important}
@media(max-width:520px){
  .content-section-page .v49-progress{gap:8px!important}
  .content-section-page .v49-progress li{font-size:9px!important}
  .content-section-page .v49-actions{gap:14px!important}
}


/* shared/emkan-v77.css */
/* EMKAN v77 — responsive closure and interaction consistency. Architecture remains the reference. */

/* 1–2) R&D search + disclosure: one magnifier, canonical mark, same soft opening. */
.research-search>.search-icon~.search-icon{display:none!important}
.research-search>.search-icon{
  position:absolute!important;inset-inline-end:2px!important;top:7px!important;width:12px!important;height:12px!important;
  fill:none!important;stroke:var(--category-muted,var(--fg))!important;stroke-width:1.35!important;opacity:.64!important;pointer-events:none!important
}
.research-filter>summary .emkan-disclosure-mark{display:inline-block!important;visibility:visible!important;opacity:1!important;flex:0 0 12px!important}
.research-filter-list{transform-origin:top!important}
.research-filter[open]>.research-filter-list{animation:emkanV60DisclosureIn .26s cubic-bezier(.22,.61,.36,1) both!important}
.research-filter-icon{display:none!important}

/* 3) Registration radio choices: hollow idle, solid accent selected. */
:where(body:not(.admin-body)) input[type="radio"]{background:transparent!important;border:1px solid var(--line-strong)!important}
:where(body:not(.admin-body)) input[type="radio"]::after{display:none!important;content:none!important}
:where(body:not(.admin-body)) input[type="radio"]:checked{
  background:var(--hover-accent)!important;border-color:var(--hover-accent)!important;box-shadow:none!important
}

/* 4) Content detail pages must never escape the shared frame. */
.content-section-page .v49-main,
.content-section-page .v49-detail,
.content-section-page .v73-sample-detail,
.content-section-page .v73-sample-hero,
.content-section-page .v49-section,
.content-section-page .v49-reading{box-sizing:border-box!important;max-width:100%!important}
.content-section-page .v49-detail{width:min(952px,100%)!important;margin-inline:auto!important}
.content-section-page :is(img,video,iframe,svg){max-width:100%}

/* 5) R&D single-entry prose starts from the full content line under the hero. */
.research-entry-body{
  width:100%!important;max-width:none!important;margin:0!important;padding:26px 0 28px!important;box-sizing:border-box!important
}
.research-entry-body p{width:100%!important;max-width:none!important;margin:0!important;text-align:start!important}

/* 6) Related work spacing = same quiet rhythm as Store related products. */
.content-section-page .v73-related-section{margin-top:32px!important;padding-top:0!important}
.content-section-page .emkan-related-head{margin-bottom:14px!important}

/* 7) Responsive closure for content courses, samples, articles, and R&D. */
@media(max-width:900px){
  .content-section-page .v49-main{width:min(720px,calc(100% - 36px))!important;margin-inline:auto!important}
  .content-section-page .v49-detail{width:100%!important}
  .content-section-page .v49-hero{grid-template-columns:1fr!important;gap:22px!important}
  .content-section-page .v49-facts{border-inline-start:0!important;padding-inline-start:0!important;border-top:1px solid var(--line)!important;padding-top:16px!important}
  .content-section-page .v49-columns{grid-template-columns:1fr!important;gap:20px!important}
  .content-section-page .v49-form{max-width:100%!important}
  .content-section-page .v49-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .content-section-page .v73-sample-hero{width:100%!important}

  body:has(.research-entry-detail) .detail-main{width:min(720px,calc(100% - 36px))!important}
  .research-entry-detail{width:100%!important}
  .research-entry-hero{grid-template-columns:1fr!important;gap:20px!important;border-bottom:0!important}
  .research-entry-media{width:min(100%,420px)!important;padding:0!important}
  .research-entry-media::after{display:none!important}
  .research-entry-copy{padding:18px 0 0!important;border-top:1px solid var(--line)!important}

  .articles-main--architecture-tools{width:min(720px,calc(100% - 36px))!important;margin-inline:auto!important}
  .articles-layout-architecture{width:100%!important;grid-template-columns:1fr!important;gap:22px!important}
  .article-category-panel{width:100%!important;position:static!important}
  .articles-content-column--architecture,.articles-list{width:100%!important;max-width:none!important;min-width:0!important}
  .article-row,.article-row-card{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .article-page{width:min(720px,calc(100% - 36px))!important;margin-inline:auto!important}
  .article-page article,.article-flow,.article-page-head{width:100%!important;max-width:100%!important;box-sizing:border-box!important}
}
@media(max-width:620px){
  .content-section-page .v49-main{width:calc(100% - 28px)!important}
  .content-section-page .v49-progress{grid-template-columns:1fr!important;gap:9px!important}
  .content-section-page .v49-gallery{grid-template-columns:1fr!important}
  .content-section-page .v49-section{padding:22px 0!important}
  .content-section-page .v49-main h1{font-size:clamp(18px,6vw,24px)!important}
  .content-section-page .v49-main h2{font-size:16px!important}
  .content-section-page .v49-main p,.content-section-page .v49-main li{font-size:12.5px!important;line-height:2!important}
  .content-section-page .v73-sample-main{width:100%!important;max-width:100%!important}

  body:has(.research-entry-detail) .detail-main,
  body:has(.research-browser-layout) .detail-main,
  .articles-main--architecture-tools,
  .article-page{width:calc(100% - 28px)!important}
  .research-entry-title{font-size:clamp(20px,7vw,27px)!important}
  .research-entry-summary,.research-entry-body p{font-size:12px!important;line-height:2!important}
  .article-page h1{font-size:clamp(20px,7vw,28px)!important}
}

/* 8) Store mobile category + sort controls share one aligned row. */
@media(max-width:720px){
  .emkan-store-filter-rail{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:14px 16px!important;align-items:start!important
  }
  .emkan-store-filter-rail>.emkan-store-search-proxy{grid-column:1/-1!important;margin:0!important}
  .emkan-store-filter-rail>.store-category-nav{grid-column:1!important;width:100%!important;min-width:0!important;display:block!important;overflow:visible!important;border:0!important}
  .emkan-store-filter-rail>.store-sort-filter{grid-column:2!important;width:100%!important;min-width:0!important;margin:0!important}
  .store-subcategory-filter,.store-sort-filter{width:100%!important}
  .store-subcategory-filter>summary,.store-sort-filter>summary{width:100%!important;min-height:30px!important;padding:4px 0 7px!important;box-sizing:border-box!important}
  .store-subcategory-list,.store-sort-list{position:relative!important;z-index:3!important}
}
@media(max-width:430px){
  .emkan-store-filter-rail{column-gap:12px!important}
  .store-subcategory-filter>summary,.store-sort-filter>summary{font-size:10.5px!important}
}

/* 9) Podcast mobile gets a compact inline player directly under the selected episode. */
.podcast-inline-player{display:none}
@media(max-width:720px){
  .podcast-player.has-inline-mobile{display:none!important}
  .podcast-inline-player{
    display:grid;grid-template-columns:32px minmax(0,1fr) auto;grid-template-areas:"play seek speed" "nav nav nav";
    gap:9px 10px;align-items:center;width:100%;box-sizing:border-box;padding:10px 0 12px;margin:3px 0 12px;border-bottom:1px solid var(--line)
  }
  .podcast-inline-play{grid-area:play;width:30px;height:30px;border:0;background:transparent;color:var(--fg);padding:0;font-size:12px;cursor:pointer}
  .podcast-inline-play:hover,.podcast-inline-play:focus-visible{color:var(--hover-accent);outline:0}
  .podcast-inline-seek{grid-area:seek;width:100%;min-width:0;accent-color:var(--hover-accent)}
  .podcast-inline-speed{grid-area:speed;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--fg)!important;padding:5px 0!important;font-size:9px!important;min-width:34px!important}
  .podcast-inline-nav{grid-area:nav;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .podcast-inline-nav button{border:0!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;padding:5px 2px!important;font-size:9px!important;cursor:pointer}
  .podcast-inline-nav button:hover,.podcast-inline-nav button:focus-visible{color:var(--hover-accent)!important;outline:0!important}
  .podcast-inline-nav button:disabled{opacity:.25!important;pointer-events:none!important}
  .podcast-workspace{grid-template-columns:1fr!important;gap:18px!important}
  .podcast-catalog{min-width:0!important}
  .episode{width:100%!important;box-sizing:border-box!important}
}

/* 10) Universal small-screen safety: no accidental horizontal page scroll. */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .page-shell,.site-header,.nav-frame,.primary-nav,.nav-list,main,section,article,aside{box-sizing:border-box}
  :where(img,video,canvas,iframe){max-width:100%!important;height:auto}
}

/* 11) About tree becomes a clean horizontal discipline rail on phones. */
@media(max-width:700px){
  .about-company-text-column .company-body{display:block!important}
  .about-company-text-column .company-axis{
    width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;gap:18px!important;overflow-x:auto!important;
    padding:0 0 10px!important;margin:18px 0 0!important;border-bottom:1px solid var(--line)!important;scrollbar-width:thin!important
  }
  .about-company-text-column .company-axis::before{display:none!important}
  .about-company-text-column .company-axis li{flex:0 0 auto!important;min-height:0!important;margin:0!important;padding:0!important}
  .about-company-text-column .practice-button{min-height:30px!important;width:auto!important;padding:0!important;white-space:nowrap!important}
  .about-company-text-column .practice-button::before{display:none!important}
  .about-company-text-column .practice-button .axis-name{white-space:nowrap!important;font-size:10px!important;line-height:1.45!important}
}

/* 12) Architecture + Civil listings: compact two-column image wall on phones. */
@media(max-width:640px){
  .architecture-main{width:calc(100% - 24px)!important;max-width:none!important}
  .architecture-main .projects-layout{margin-top:22px!important}
  .architecture-main .category-panel{margin-bottom:16px!important}
  .architecture-main .gallery-items-container{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;direction:ltr!important
  }
  :is(html[lang="fa"],html[lang="ar"]) .architecture-main .gallery-items-container{direction:rtl!important}
  .architecture-main .gallery-item{width:100%!important;max-width:none!important;margin:0!important;justify-self:stretch!important}
  .architecture-main .project-card{width:100%!important;display:block!important}
  .architecture-main .project-figure{margin:0!important;width:100%!important}
  .architecture-main .img-wrapper{width:100%!important;aspect-ratio:1!important;overflow:hidden!important}
  .architecture-main .img-wrapper img{width:100%!important;height:100%!important;object-fit:cover!important}
  .architecture-main .fixed-caption{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .research-filter[open]>.research-filter-list{animation:none!important}
}

/* Selection weight is one rule everywhere — Architecture reference. */
:is(.category-button,.article-category-choice,.detail-subcategory-list a,.v49-filter-option,.podcast-filter-list button,.store-subcategory-list a,.store-sort-list button,.research-filter-list button,.emkan-landing-category,.detail-nav a).is-active,
:is(.category-button,.article-category-choice,.v49-filter-option,.podcast-filter-list button,.store-sort-list button,.research-filter-list button)[aria-pressed="true"]{
  font-weight:700!important;color:var(--fg)!important
}


/* shared/emkan-v78.css */
/* EMKAN v78 — mobile usability closure. Architecture remains the reference geometry. */

/* 1) Cart drawer close must always be visible/clickable. */
.cart-drawer{overflow-y:auto!important;overscroll-behavior:contain!important}
.cart-drawer .cart-close{
  z-index:8!important;display:grid!important;place-items:center!important;
  width:30px!important;height:30px!important;padding:0!important;margin:0!important;
  border:0!important;background:transparent!important;color:var(--fg)!important;
  font:400 23px/1 var(--font-fa,var(--font-en,sans-serif))!important;cursor:pointer!important;
  pointer-events:auto!important;opacity:.82!important;transition:color .18s ease,opacity .18s ease!important
}
.cart-drawer .cart-close:is(:hover,:focus-visible){color:var(--hover-accent)!important;opacity:1!important;outline:0!important}

/* 2) Portfolio detail prose: keep a readable editorial measure instead of opening across the full 952px. */
.content-section-page .v73-sample-detail>.v49-section:not(.v73-related-section){
  width:min(760px,100%)!important;max-width:760px!important;margin-inline:auto!important
}
.content-section-page .v73-sample-detail>.v49-section .v49-columns{gap:clamp(24px,4vw,36px)!important}
.content-section-page .v73-sample-detail>.v49-section p,
.content-section-page .v73-sample-detail>.v49-section li{max-width:34rem}

/* 7) One magnifier everywhere; never a boxed search icon. */
:where(.project-search,.article-project-search,.research-search,.v49-search-group,.v69-content-search){position:relative!important}
:where(.project-search,.article-project-search,.research-search,.v49-search-group,.v69-content-search) :where(.search-icon,.article-search-icon){
  display:block!important;box-sizing:border-box!important;position:absolute!important;
  inset-inline-end:2px!important;top:50%!important;transform:translateY(-52%)!important;
  width:12px!important;height:12px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  fill:none!important;stroke:var(--category-muted,var(--fg))!important;stroke-width:1.35!important;
  opacity:.62!important;pointer-events:none!important
}
:where(.project-search,.article-project-search,.research-search,.v49-search-group,.v69-content-search) input{
  box-sizing:border-box!important;padding-inline-end:22px!important
}
:where(.project-search,.article-project-search,.research-search,.v49-search-group,.v69-content-search) :where(.search-icon,.article-search-icon)::before,
:where(.project-search,.article-project-search,.research-search,.v49-search-group,.v69-content-search) :where(.search-icon,.article-search-icon)::after{display:none!important}

/* 10) R&D inner pages use the same compact context rhythm as Content Creation. */
body.has-emkan-context:has(.detail-main) .emkan-context-bar{
  margin-top:5px!important;margin-bottom:17px!important;padding-bottom:10px!important
}
body.has-emkan-context:has(.detail-main) .detail-main{padding-top:7px!important}

/* ---------- MOBILE / SMALL TABLET ---------- */
@media(max-width:720px){
  /* 3) If Back would consume its own mobile row, native browser/device Back is enough. */
  .emkan-mobile-back-row{display:none!important}
  .emkan-context-back.emkan-mobile-back-only,
  .detail-back.emkan-mobile-back-only,
  .articles-back-to-research.emkan-mobile-back-only,
  .v49-back-link.emkan-mobile-back-only{display:none!important}

  /* 4) architecture/Civil: two compact cards, but preserve the project name below each image. */
  .architecture-main .gallery-items-container{gap:18px 8px!important}
  .architecture-main .fixed-caption{
    display:block!important;position:static!important;width:100%!important;height:auto!important;
    padding:6px 0 0!important;margin:0!important;background:transparent!important;border:0!important;
    color:var(--fg)!important;text-shadow:none!important;line-height:1.45!important
  }
  .architecture-main .fixed-caption .project-title{
    display:block!important;font-size:9.5px!important;font-weight:520!important;line-height:1.5!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
  .architecture-main .fixed-caption .project-subtitle{display:none!important}

  /* 5) Articles: true mobile reading/list layout. Controls stay compact; rows stay full width. */
  .articles-main--architecture-tools{width:calc(100% - 28px)!important;max-width:none!important;padding-top:8px!important}
  .articles-layout-architecture,
  html[lang="en"] .articles-layout-architecture{
    width:100%!important;display:grid!important;grid-template-columns:1fr!important;
    grid-template-areas:"categories" "content"!important;gap:18px!important
  }
  .article-category-panel,
  html[lang="en"] .article-category-panel{
    width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:0 14px!important;align-items:end!important;justify-self:stretch!important
  }
  .article-project-search{grid-column:1!important;margin:0!important;min-width:0!important}
  .article-category-toggle{grid-column:2!important;width:100%!important;margin:0!important;min-width:0!important}
  .article-category-list{grid-column:1/-1!important;width:100%!important;margin-top:7px!important}
  .articles-content-column--architecture,.articles-list{width:100%!important;max-width:none!important;min-width:0!important}
  .article-row,.article-row-card{width:100%!important;max-width:100%!important;min-width:0!important}
  .article-content{padding-inline:0!important;min-width:0!important}
  .article-title-button{min-height:44px!important;padding:0 2px!important;text-align:start!important;justify-content:flex-start!important}
  .article-title{font-size:12.5px!important;line-height:1.7!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .article-detail{font-size:11.5px!important;line-height:1.95!important}
  .article-row.is-open .article-detail{padding-bottom:12px!important}
  .article-row.is-open .article-side,
  :is(html[lang="fa"],html[lang="ar"]) .article-row.is-open .article-side{
    padding:9px 0 11px!important;border-top:1px solid var(--line)!important
  }

  /* 6) About tree: keep a real horizontal tree, not a flat crowded chip row. */
  .about-company-text-column .company-axis{
    position:relative!important;display:flex!important;align-items:flex-start!important;gap:0!important;
    width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:20px 0 9px!important;margin:18px 0 0!important;border:0!important;scroll-snap-type:x proximity!important
  }
  .about-company-text-column .company-axis::before{
    content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:10px!important;
    height:1px!important;width:auto!important;background:var(--line)!important
  }
  .about-company-text-column .company-axis li{
    position:relative!important;flex:0 0 104px!important;min-width:104px!important;min-height:48px!important;
    margin:0!important;padding:0 8px!important;scroll-snap-align:start!important
  }
  .about-company-text-column .company-axis li::before{
    content:""!important;display:block!important;position:absolute!important;left:50%!important;top:-10px!important;
    width:1px!important;height:13px!important;background:var(--line)!important;transform:none!important
  }
  .about-company-text-column .practice-button{
    display:block!important;width:100%!important;min-height:36px!important;padding:5px 0 0!important;
    border:0!important;background:transparent!important;text-align:center!important
  }
  .about-company-text-column .practice-button::before,.about-company-text-column .practice-button .axis-line{display:none!important}
  .about-company-text-column .practice-button .axis-name{display:block!important;font-size:9px!important;line-height:1.55!important;white-space:normal!important}

  /* 8) Sample/portfolio-like collections stay compact two-up on phones. */
  .content-section-page .v74-level2-wrap,
  .content-section-page .v74-sample-index,
  .content-section-page .v49-layout:has(#contentSearch){width:100%!important;max-width:100%!important}
  .content-section-page .v74-level2-grid,
  .content-section-page .v74-sample-grid,
  .content-section-page .v49-layout:has(#contentSearch) .v49-grid,
  .research-index-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px 10px!important;width:100%!important;max-width:100%!important;justify-content:stretch!important
  }
  .content-section-page .v74-level2-grid :is(.category-card,.category-square),
  .content-section-page .v74-sample-grid :is(.v71-sample-card,.v49-work-media),
  .content-section-page .v49-layout:has(#contentSearch) .v49-grid :is(.category-card,.category-square),
  .research-index-card,.research-index-media{
    width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1!important;justify-self:stretch!important
  }
  .content-section-page :is(.v74-level2-grid,.v74-sample-grid,.v49-grid) :is(.category-caption-text,.v49-work-caption),
  .research-index-title{font-size:9.5px!important;line-height:1.55!important}
  .research-index-meta{font-size:8px!important}

  /* Related samples/products: two equal compact cards. */
  .content-section-page .emkan-related-grid,.product-main .related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 10px!important;width:100%!important
  }
  .content-section-page .emkan-related-item,.product-main .related-item,
  .content-section-page .emkan-related-media,.product-main .related-media{
    width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:1!important
  }

  /* 9) Team cards: denser two-column people atlas, including senior cards. */
  .team-section--atlas{gap:16px!important}
  .people-atlas-head{gap:10px!important;padding-bottom:12px!important}
  .people-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px 9px!important;padding-top:16px!important}
  .person-card,.person-card.is-senior,.person-card.is-senior:first-child{grid-column:span 1!important;min-width:0!important}
  .person-card-media{aspect-ratio:1!important}
  .person-card-caption{padding-top:6px!important;gap:4px!important}
  .person-card-name{font-size:9.5px!important;line-height:1.45!important}
  .person-card-role,.person-card-group{font-size:7.5px!important;line-height:1.4!important}
  .person-card-bio{display:none!important}

  /* 10 + overall mobile comfort: R&D spacing mirrors Content Creation. */
  body.has-emkan-context:has(.detail-main) .emkan-context-bar{
    margin-top:4px!important;margin-bottom:13px!important;padding-bottom:9px!important;min-height:0!important
  }
  body.has-emkan-context:has(.detail-main) .detail-main{padding-top:3px!important}
  body:has(.research-browser-layout) .detail-main{width:calc(100% - 28px)!important}
  .research-browser-layout{gap:18px!important}
  .research-filter-rail{position:static!important;width:100%!important;max-width:100%!important}
  .research-listing{width:100%!important;max-width:100%!important}

  /* Course/workshop/detail pages: readable, touch-safe, no side overflow. */
  .content-section-page .v49-main{width:calc(100% - 28px)!important;max-width:none!important}
  .content-section-page .v49-detail{width:100%!important;max-width:100%!important;overflow:visible!important}
  .content-section-page .v49-hero{width:100%!important;grid-template-columns:1fr!important;gap:18px!important;padding:18px 0!important}
  .content-section-page .v49-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 14px!important}
  .content-section-page .v49-actions{gap:12px 18px!important}
  .content-section-page .v49-form{width:100%!important;max-width:100%!important}
  .content-section-page .v73-sample-detail>.v49-section:not(.v73-related-section){width:100%!important;max-width:100%!important}
}

@media(max-width:480px){
  /* Keep mobile article tools usable even on narrow phones. */
  .article-category-panel,html[lang="en"] .article-category-panel{grid-template-columns:1fr!important;gap:10px!important}
  .article-project-search,.article-category-toggle,.article-category-list{grid-column:1!important}

  /* Still two-up for sample/project libraries, with smaller gaps rather than one giant card. */
  .content-section-page .v74-level2-grid,
  .content-section-page .v74-sample-grid,
  .content-section-page .v49-layout:has(#contentSearch) .v49-grid,
  .research-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 8px!important}
  .content-section-page .v74-level2-wrap,.research-listing{width:100%!important}

  .content-section-page .v49-facts{grid-template-columns:1fr!important}
  .cart-drawer{width:min(340px,94vw)!important;padding:22px 18px!important}
}
@media(max-width:720px){
  /* Legacy Back links that are rendered as a dedicated line are intentionally omitted on phones. */
  .detail-back,.articles-back-to-research{display:none!important}
}


/* shared/emkan-v79.css */
/* EMKAN v79 — final responsive/content consistency pass. Architecture remains the visual reference. */

/* 1) About: horizontal tree on small screens, with a single axis and diamond nodes. */
@media (max-width:700px){
  .about-company-text-column .company-axis{
    position:relative!important;display:flex!important;align-items:flex-start!important;gap:0!important;
    width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:25px 0 10px!important;margin:18px 0 0!important;border:0!important;scroll-snap-type:x proximity!important
  }
  .about-company-text-column .company-axis::before{
    content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:10px!important;
    height:1px!important;width:auto!important;background:var(--line)!important
  }
  .about-company-text-column .company-axis li{
    position:relative!important;flex:0 0 110px!important;min-width:110px!important;min-height:44px!important;
    margin:0!important;padding:0 8px!important;scroll-snap-align:start!important
  }
  .about-company-text-column .company-axis li::before{
    content:""!important;display:block!important;position:absolute!important;left:50%!important;top:-19px!important;
    width:7px!important;height:7px!important;background:var(--bg)!important;border:1px solid var(--category-muted,var(--fg))!important;
    transform:translateX(-50%) rotate(45deg)!important;transform-origin:center!important;z-index:2!important
  }
  .about-company-text-column .company-axis li::after{display:none!important}
  .about-company-text-column .practice-button{
    display:block!important;width:100%!important;min-height:34px!important;padding:3px 0 0!important;border:0!important;
    background:transparent!important;text-align:center!important
  }
  .about-company-text-column .practice-button::before,
  .about-company-text-column .practice-button .axis-line{display:none!important}
  .about-company-text-column .practice-button .axis-name{display:block!important;font-size:9px!important;line-height:1.5!important;white-space:normal!important}
}

/* 2) Do not squeeze content beside a rail on tablet/small laptop widths. */
@media (max-width:1100px){
  .content-section-page .v74-sample-index:has(#sampleSearch),
  .content-section-page .v49-layout:has(#contentSearch){
    width:min(648px,100%)!important;max-width:100%!important;margin-inline:auto!important;
    display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"rail" "content"!important;
    gap:18px!important;direction:inherit!important
  }
  .content-section-page :is(.v74-sample-index:has(#sampleSearch),.v49-layout:has(#contentSearch)) :is(.v49-rail,.v74-sample-rail){
    grid-area:rail!important;width:100%!important;max-width:100%!important;position:static!important;padding:0!important;margin:0!important
  }
  .content-section-page :is(.v74-sample-index:has(#sampleSearch),.v49-layout:has(#contentSearch)) .v49-results-wrap{
    grid-area:content!important;width:100%!important;max-width:648px!important;min-width:0!important;margin:0!important
  }
  .content-section-page :is(.v74-sample-index:has(#sampleSearch),.v49-layout:has(#contentSearch)) :is(.project-search,.v49-search-group){
    width:176px!important;max-width:100%!important;margin-inline:0 auto!important
  }
  :is(html[lang="fa"],html[lang="ar"]) .content-section-page :is(.v74-sample-index:has(#sampleSearch),.v49-layout:has(#contentSearch)) :is(.project-search,.v49-search-group){margin-inline:auto 0!important}

  body:has(.research-browser-layout) .detail-main,
  body:has(.civil-browser-layout) .detail-main{width:min(648px,calc(100% - 36px))!important;max-width:648px!important;margin-inline:auto!important}
  body:has(.research-browser-layout) .detail-layout.research-browser-layout,
  body:has(.civil-browser-layout) .detail-layout.civil-browser-layout,
  html[lang="en"] body:has(.research-browser-layout) .detail-layout.research-browser-layout,
  html[lang="en"] body:has(.civil-browser-layout) .detail-layout.civil-browser-layout{
    width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:1fr!important;
    grid-template-areas:"rail" "content"!important;gap:18px!important;direction:inherit!important
  }
  :is(.research-filter-rail,.civil-filter-rail){grid-area:rail!important;width:176px!important;max-width:100%!important;position:static!important;margin:0!important;padding:0!important}
  :is(html[lang="fa"],html[lang="ar"]) :is(.research-filter-rail,.civil-filter-rail){justify-self:end!important}
  html[lang="en"] :is(.research-filter-rail,.civil-filter-rail){justify-self:start!important}
  :is(.research-listing,.civil-project-listing){grid-area:content!important;width:100%!important;max-width:648px!important;min-width:0!important;margin:0!important}
}

/* 3) Sample detail sections use the same full 952px outer measure as hero/related. */
.content-section-page .v73-sample-detail>.v49-section:not(.v73-related-section){
  width:100%!important;max-width:100%!important;margin-inline:0!important;box-sizing:border-box!important
}
.content-section-page .v73-sample-detail>.v49-section .v49-columns{width:100%!important;max-width:100%!important}
.content-section-page .v73-sample-detail>.v49-section p,
.content-section-page .v73-sample-detail>.v49-section li{max-width:36rem}

/* 4) Civil collection pages mirror the Phase-Zero/R&D browsing language. */
body:has(.civil-browser-layout) .detail-main{
  width:min(952px,calc(100% - 48px))!important;max-width:952px!important;margin-inline:auto!important;padding-top:34px!important
}
body:has(.civil-browser-layout) .detail-layout.civil-browser-layout{
  width:952px!important;max-width:100%!important;margin:0 auto!important;display:grid!important;direction:ltr!important;
  grid-template-columns:648px 176px!important;grid-template-areas:"content rail"!important;justify-content:space-between!important;align-items:start!important;gap:0!important
}
html[lang="en"] body:has(.civil-browser-layout) .detail-layout.civil-browser-layout{
  grid-template-columns:176px 648px!important;grid-template-areas:"rail content"!important
}
.civil-filter-rail{grid-area:rail!important;width:176px!important;min-width:0!important;position:sticky!important;top:24px!important;padding-top:0!important}
.civil-project-listing{grid-area:content!important;width:648px!important;max-width:648px!important;min-width:0!important;margin:0!important}
.civil-search{position:relative!important;display:block!important;width:100%!important;height:32px!important;margin:0 0 18px!important}
.civil-search input{width:100%!important;height:32px!important;margin:0!important;padding:0 25px 4px 2px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--fg)!important;font:inherit!important;font-size:11px!important;outline:0!important}
html[dir="rtl"] .civil-search input{padding:0 2px 4px 25px!important}
.civil-search .search-icon{position:absolute!important;inset-inline-end:2px!important;top:7px!important;width:12px!important;height:12px!important;fill:none!important;stroke:var(--category-muted,var(--fg))!important;stroke-width:1.35!important;opacity:.64!important;pointer-events:none!important}
.civil-filter{margin:0!important;border:0!important;background:transparent!important}
.civil-filter>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;list-style:none!important;padding:0 0 7px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;font-size:11px!important;cursor:pointer!important}
.civil-filter>summary::-webkit-details-marker{display:none!important}
.civil-filter-list{display:grid!important;gap:6px!important;padding:10px 0 0!important}
.civil-filter[open]>.civil-filter-list{animation:emkanV60DisclosureIn .26s cubic-bezier(.22,.61,.36,1) both!important}
.civil-filter-list button{width:100%!important;padding:0!important;border:0!important;background:transparent!important;color:var(--category-muted,var(--fg))!important;text-align:inherit!important;font:inherit!important;font-size:12px!important;line-height:1.65!important;cursor:pointer!important}
.civil-filter-list button:hover{color:var(--hover-accent)!important}.civil-filter-list button.is-active{color:var(--fg)!important;font-weight:700!important}
.civil-project-results{width:648px!important;max-width:100%!important;border-top:1px solid var(--line)!important}
.civil-project-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"title meta" "summary summary"!important;gap:7px 20px!important;width:100%!important;padding:18px 0!important;border-bottom:1px solid var(--line)!important;color:var(--fg)!important;text-decoration:none!important;box-sizing:border-box!important}
.civil-project-title{grid-area:title!important;font-size:15px!important;font-weight:560!important;line-height:1.7!important}.civil-project-summary{grid-area:summary!important;color:var(--caption-sub)!important;font-size:10.5px!important;line-height:1.9!important;max-width:560px!important}.civil-project-meta{grid-area:meta!important;color:var(--category-muted,var(--fg))!important;font-size:9px!important;white-space:nowrap!important;align-self:start!important;margin-top:4px!important}.civil-project-card:hover .civil-project-title{color:var(--hover-accent)!important}
.civil-empty{font-size:11px!important;color:var(--category-muted,var(--fg))!important;margin:18px 0!important}
:is(html[lang="fa"],html[lang="ar"]) :is(.civil-filter-rail,.civil-project-listing,.civil-entry-detail){direction:rtl!important;text-align:right!important}html[lang="en"] :is(.civil-filter-rail,.civil-project-listing,.civil-entry-detail){direction:ltr!important;text-align:left!important}

/* Civil single project: same editorial hierarchy as a Phase-Zero detail page. */
body:has(.civil-entry-detail) .detail-main{width:min(952px,calc(100% - 48px))!important;max-width:952px!important;margin-inline:auto!important;padding-top:34px!important}
body:has(.civil-entry-detail) .detail-layout{display:block!important;width:100%!important}
.civil-entry-detail{width:952px!important;max-width:100%!important;margin:0 auto!important}
.civil-entry-hero{display:grid!important;grid-template-columns:minmax(0,390px) minmax(0,1fr)!important;gap:0!important;align-items:start!important;padding-bottom:28px!important;border-bottom:1px solid var(--line)!important}
.civil-entry-media{padding-inline-end:40px!important;position:relative!important}.civil-entry-media::after{content:""!important;position:absolute!important;inset-inline-end:0!important;top:14%!important;width:1px!important;height:62%!important;background:var(--line)!important}.civil-entry-media img{display:block!important;width:100%!important;aspect-ratio:1!important;object-fit:cover!important;filter:grayscale(100%)!important;border:1px solid var(--line)!important}
.civil-entry-copy{padding-inline-start:40px!important;min-width:0!important}.civil-entry-parent{margin:0 0 10px!important;font-size:9px!important;color:var(--category-muted,var(--fg))!important}.civil-entry-parent a{color:inherit!important;text-decoration:none!important}.civil-entry-parent a:hover{color:var(--hover-accent)!important}.civil-entry-title{margin:0!important;font-size:clamp(20px,2.2vw,30px)!important;font-weight:520!important;line-height:1.55!important}.civil-entry-meta{margin:8px 0 0!important;color:var(--category-muted,var(--fg))!important;font-size:10px!important}.civil-entry-summary{margin:16px 0 0!important;font-size:12px!important;line-height:2!important;color:var(--caption-sub)!important}.civil-entry-body{width:100%!important;max-width:none!important;margin:0!important;padding:26px 0 28px!important;border-bottom:1px solid var(--line)!important;box-sizing:border-box!important}.civil-entry-body p{width:100%!important;max-width:none!important;margin:0!important;font-size:13px!important;line-height:2.15!important;text-align:start!important}

/* Responsive civil pages. */
@media(max-width:1100px){
  body:has(.civil-browser-layout) .detail-main{padding-top:24px!important}
  .civil-project-results{width:100%!important}
}
@media(max-width:900px){
  body:has(.civil-entry-detail) .detail-main{width:min(720px,calc(100% - 36px))!important;padding-top:24px!important}
  .civil-entry-hero{grid-template-columns:1fr!important;gap:20px!important;border-bottom:0!important}
  .civil-entry-media{width:min(100%,420px)!important;padding:0!important}.civil-entry-media::after{display:none!important}
  .civil-entry-copy{padding:18px 0 0!important;border-top:1px solid var(--line)!important}
  .civil-entry-body{padding-top:22px!important}
}
@media(max-width:620px){
  body:has(.civil-browser-layout) .detail-main,body:has(.civil-entry-detail) .detail-main{width:calc(100% - 28px)!important}
  .civil-filter-rail{width:100%!important;justify-self:stretch!important}
  .civil-project-card{grid-template-columns:1fr!important;grid-template-areas:"title" "meta" "summary"!important;gap:5px!important;padding:15px 0!important}
  .civil-entry-title{font-size:clamp(20px,7vw,27px)!important}.civil-entry-summary,.civil-entry-body p{font-size:12px!important;line-height:2!important}
}

/* Final mobile safety audit: flexible media/forms and readable touch controls. */
@media(max-width:900px){
  :where(main,section,article,aside,nav,form,fieldset,div){min-width:0}
  :where(input,select,textarea,button){max-width:100%;box-sizing:border-box}
  :where(img,video,canvas,iframe,svg){max-width:100%}
  .emkan-context-bar{max-width:100%!important;box-sizing:border-box!important}
}


/* shared/emkan-v80.css */
/* EMKAN v80 — mobile search/filter normalization and civil/article responsive closure. */

/* Canonical search control: exactly one bare magnifier, never a boxed icon. */
.emkan-v80-search-host{position:relative!important;min-width:0!important}
.emkan-v80-search-host input[type="search"]{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  padding-inline-end:22px!important;border-radius:0!important;box-shadow:none!important
}
.emkan-v80-search-icon{
  position:absolute!important;z-index:2!important;inset-inline-end:2px!important;top:50%!important;
  width:12px!important;height:12px!important;margin:0!important;padding:0!important;
  transform:translateY(-52%)!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;
  color:var(--category-muted,var(--fg))!important;fill:none!important;stroke:currentColor!important;
  stroke-width:1.35!important;opacity:.62!important;pointer-events:none!important
}
.emkan-v80-search-icon circle,.emkan-v80-search-icon path{
  fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;
  stroke-linecap:round!important;stroke-linejoin:round!important
}
/* Kill every legacy pseudo/box treatment around magnifiers. */
:where(.search-icon,.article-search-icon,.emkan-search-icon,.emkan-v80-search-icon){
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important
}
:where(.search-icon,.article-search-icon,.emkan-search-icon,.emkan-v80-search-icon)::before,
:where(.search-icon,.article-search-icon,.emkan-search-icon,.emkan-v80-search-icon)::after{display:none!important;content:none!important}

/* Civil collection pages introduced in v79 intentionally have NO search field. */
.civil-filter-rail .civil-search{display:none!important}
.civil-filter-rail .civil-filter{margin-top:0!important}

/* ---------- TRUE PHONE / SMALL TABLET LAYOUT ---------- */
@media(max-width:720px){
  /* Common rule: where Search + Category coexist, keep them on one aligned row. */
  .research-filter-rail{
    width:100%!important;max-width:100%!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 14px!important;
    align-items:start!important;justify-self:stretch!important;position:static!important
  }
  .research-filter-rail .research-search{grid-column:1!important;width:100%!important;margin:0!important}
  .research-filter-rail .research-filter{grid-column:2!important;width:100%!important;margin:0!important;min-width:0!important}
  .research-filter-rail .research-filter-list{width:100%!important;max-width:100%!important;margin:0!important;padding-top:8px!important}

  /* Content Creation inner listings that contain both controls follow the same two-column control row. */
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block){
    width:100%!important;max-width:100%!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 14px!important;
    align-items:start!important
  }
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-search-group{
    grid-column:1!important;width:100%!important;margin:0!important
  }
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-filter-block{
    grid-column:2!important;width:100%!important;margin:0!important;min-width:0!important
  }
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-filter-list{
    width:100%!important;max-width:100%!important;padding-top:8px!important
  }

  /* Articles: remove the empty half-column. Controls stay on one row, category opens directly under its trigger. */
  .articles-main--architecture-tools{
    width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important;
    padding-left:0!important;padding-right:0!important;overflow:visible!important
  }
  .articles-layout-architecture,
  html[lang="en"] .articles-layout-architecture{
    width:100%!important;max-width:100%!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"categories" "content"!important;
    gap:16px!important;margin:0!important;padding:0!important
  }
  .article-category-panel,
  html[lang="en"] .article-category-panel{
    grid-area:categories!important;width:100%!important;max-width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0 14px!important;align-items:start!important;justify-self:stretch!important;
    position:static!important;margin:0!important;padding:0!important
  }
  .article-project-search{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important}
  .article-category-toggle{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;margin:0!important}
  .article-category-list,
  html[lang="en"] .article-category-list{
    grid-column:2!important;grid-row:2!important;width:100%!important;max-width:100%!important;min-width:0!important;
    justify-self:stretch!important;margin:6px 0 0!important;padding:0!important;position:static!important;transform:none!important
  }
  .article-category-list ul{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
  .article-category-choice{width:auto!important;max-width:100%!important;text-align:inherit!important}
  .articles-content-column--architecture,.articles-list,.article-row,.article-row-card,.article-content{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important
  }
  .articles-content-column--architecture{grid-area:content!important;margin:0!important;padding:0!important}
  .article-row-card,
  :is(html[lang="fa"],html[lang="ar"]) .article-row-card,
  .article-row:hover .article-row-card,.article-row:focus-within .article-row-card,.article-row.is-open .article-row-card,
  :is(html[lang="fa"],html[lang="ar"]) .article-row:hover .article-row-card,
  :is(html[lang="fa"],html[lang="ar"]) .article-row:focus-within .article-row-card,
  :is(html[lang="fa"],html[lang="ar"]) .article-row.is-open .article-row-card{
    grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"content" "side"!important
  }
  .article-content{padding-inline:0!important}
  .article-title-button{width:100%!important;max-width:100%!important;padding-inline:2px!important}
  .article-title{white-space:normal!important;overflow-wrap:anywhere!important}
  .article-side,:is(html[lang="fa"],html[lang="ar"]) .article-side{width:100%!important;max-width:100%!important;box-sizing:border-box!important}

  /* Civil v79 collections: no search, one full-width category control, no clipped half-page. */
  body:has(.civil-browser-layout){overflow-x:clip!important}
  body:has(.civil-browser-layout) .detail-main{
    width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important;padding-top:8px!important;overflow:visible!important
  }
  body:has(.civil-browser-layout) .detail-layout.civil-browser-layout,
  html[lang="en"] body:has(.civil-browser-layout) .detail-layout.civil-browser-layout{
    width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"rail" "content"!important;gap:16px!important;margin:0!important;padding:0!important;direction:inherit!important
  }
  body:has(.civil-browser-layout) .civil-filter-rail{
    grid-area:rail!important;width:100%!important;max-width:100%!important;min-width:0!important;
    justify-self:stretch!important;position:static!important;margin:0!important;padding:0!important
  }
  body:has(.civil-browser-layout) .civil-filter{width:100%!important;max-width:100%!important;margin:0!important}
  body:has(.civil-browser-layout) .civil-project-listing,
  body:has(.civil-browser-layout) .civil-project-results{
    grid-area:content!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important
  }
  .civil-project-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important}

  /* General safety for the exact mobile areas touched above. */
  :where(.articles-main--architecture-tools,.research-browser-layout,.civil-browser-layout) *{min-width:0}
}

/* Keep the two-control row even on narrow phones; do not collapse it back to stacked controls. */
@media(max-width:480px){
  .article-category-panel,html[lang="en"] .article-category-panel,
  .research-filter-rail,
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block){
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 10px!important
  }
  .article-project-search{grid-column:1!important}.article-category-toggle{grid-column:2!important}.article-category-list{grid-column:2!important}
}

@media(max-width:720px){
  /* Baselines of paired controls must visually line up. */
  .research-filter-rail .research-search input,
  .research-filter-rail .research-filter>summary,
  .article-project-search input,
  .article-category-toggle,
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-search-group input,
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-plain-filter>summary{
    height:30px!important;min-height:30px!important;box-sizing:border-box!important
  }
  .research-filter-rail .research-filter>summary,
  .article-category-toggle,
  .content-section-page .v49-rail:has(.v49-search-group):has(.v49-filter-block) .v49-plain-filter>summary{
    padding-top:0!important;padding-bottom:0!important;align-items:center!important
  }
  body:has(.civil-entry-detail) .detail-main,
  body:has(.research-entry-detail) .detail-main{width:calc(100% - 24px)!important;max-width:none!important;margin-inline:auto!important;overflow:visible!important}
}


/* shared/emkan-v81.css */
/* EMKAN v81 — final search/filter + mobile about-tree closure. */

/* 1) Exactly one canonical magnifier for every public search input. */
.emkan-v81-search-host{position:relative!important;min-width:0!important}
.emkan-v81-search-host input[type="search"]{
  -webkit-appearance:none!important;appearance:none!important;background-image:none!important;
  box-sizing:border-box!important;padding-inline-end:22px!important
}
.emkan-v81-search-host input[type="search"]::-webkit-search-decoration,
.emkan-v81-search-host input[type="search"]::-webkit-search-results-button,
.emkan-v81-search-host input[type="search"]::-webkit-search-results-decoration{display:none!important;-webkit-appearance:none!important}
.emkan-v81-search-host>.emkan-v81-search-icon{
  display:block!important;position:absolute!important;z-index:3!important;inset-inline-end:2px!important;top:50%!important;
  width:12px!important;height:12px!important;margin:0!important;padding:0!important;transform:translateY(-52%)!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;outline:0!important;
  color:var(--category-muted,var(--fg))!important;opacity:.62!important;pointer-events:none!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important
}
.emkan-v81-search-host>:is(.search-icon,.article-search-icon,.emkan-search-icon,.emkan-v80-search-icon):not(.emkan-v81-search-icon){display:none!important}
.emkan-v81-search-host::before,.emkan-v81-search-host::after{background-image:none!important;box-shadow:none!important}

/* 2) Civil collection pages: search belongs above category; single-entry pages have no rail/search. */
body:has(.civil-browser-layout) .civil-filter-rail .civil-search{display:block!important;order:0!important;margin:0 0 14px!important}
body:has(.civil-browser-layout) .civil-filter-rail .civil-filter{order:1!important}
body:has(.civil-entry-detail) .civil-search,
body:has(.civil-entry-detail) .civil-filter-rail{display:none!important}

/* 3) Mobile: Search + Category always share one aligned row wherever both exist. */
@media(max-width:720px){
  /* Architecture + civil project archive. Search remains visible; category list opens below its trigger. */
  :is(.architecture-main,.civil-projects-main) .category-panel,
  body:has(#projectGallery) .category-panel{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"search toggle" "list list"!important;gap:0 12px!important;
    align-items:start!important;width:100%!important;max-width:100%!important;overflow:visible!important
  }
  :is(.architecture-main,.civil-projects-main) .category-panel .category-toggle,
  body:has(#projectGallery) .category-panel .category-toggle{
    grid-area:toggle!important;width:100%!important;min-width:0!important;min-height:30px!important;height:30px!important;
    border-top:0!important;padding:0 2px!important;margin:0!important
  }
  :is(.architecture-main,.civil-projects-main) .category-panel .category-list,
  body:has(#projectGallery) .category-panel .category-list{display:contents!important;max-height:none!important;opacity:1!important;overflow:visible!important}
  :is(.architecture-main,.civil-projects-main) .category-panel .project-search,
  body:has(#projectGallery) .category-panel .project-search{
    grid-area:search!important;width:100%!important;min-width:0!important;height:30px!important;margin:0!important;display:block!important
  }
  :is(.architecture-main,.civil-projects-main) .category-panel .project-search input,
  body:has(#projectGallery) .category-panel .project-search input{height:30px!important;min-height:30px!important}
  :is(.architecture-main,.civil-projects-main) .category-panel .category-list>ul,
  body:has(#projectGallery) .category-panel .category-list>ul{
    grid-area:list!important;width:50%!important;max-width:50%!important;margin:7px 0 0!important;padding:7px 2px 0!important
  }
  :is(html[lang="fa"],html[lang="ar"]) :is(.architecture-main,.civil-projects-main) .category-panel .category-list>ul,
  :is(html[lang="fa"],html[lang="ar"]) body:has(#projectGallery) .category-panel .category-list>ul{justify-self:end!important}
  html[lang="en"] :is(.architecture-main,.civil-projects-main) .category-panel .category-list>ul,
  html[lang="en"] body:has(#projectGallery) .category-panel .category-list>ul{justify-self:start!important}
  :is(.architecture-main,.civil-projects-main) .category-panel:not(.is-open) .category-list>ul,
  body:has(#projectGallery) .category-panel:not(.is-open) .category-list>ul{display:none!important}

  /* R&D and Civil collection rails. */
  :is(.research-filter-rail,.civil-filter-rail){
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"search filter"!important;gap:0 12px!important;align-items:start!important;
    width:100%!important;max-width:100%!important;position:static!important
  }
  :is(.research-filter-rail,.civil-filter-rail)>:is(.research-search,.civil-search){grid-area:search!important;width:100%!important;margin:0!important;height:30px!important}
  :is(.research-filter-rail,.civil-filter-rail)>:is(.research-filter,.civil-filter){grid-area:filter!important;width:100%!important;margin:0!important;min-width:0!important}
  :is(.research-filter-rail,.civil-filter-rail)>:is(.research-filter,.civil-filter)>summary{height:30px!important;min-height:30px!important;padding:0 2px!important;box-sizing:border-box!important}
  :is(.research-filter-rail,.civil-filter-rail) :is(.research-filter-list,.civil-filter-list){width:100%!important;max-width:100%!important;margin:0!important;padding-top:8px!important}

  /* Content Creation level-3 listings. */
  .content-section-page :is(.v49-rail,.v74-sample-rail):has(input[type="search"]){
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"search filter"!important;gap:0 12px!important;align-items:start!important;width:100%!important;max-width:100%!important
  }
  .content-section-page :is(.v49-rail,.v74-sample-rail):has(input[type="search"]) :is(.project-search,.v49-search-group,.v69-content-search){grid-area:search!important;width:100%!important;margin:0!important}
  .content-section-page :is(.v49-rail,.v74-sample-rail):has(input[type="search"]) :is(.v49-filter-block,details:not(.v49-search-group)){grid-area:filter!important;width:100%!important;margin:0!important;min-width:0!important}

  /* Articles already use a two-control row; lock equal measures. */
  .article-category-panel,html[lang="en"] .article-category-panel{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:0 12px!important;align-items:start!important
  }
  .article-project-search,.article-category-toggle{height:30px!important;min-height:30px!important;margin:0!important;box-sizing:border-box!important}
}

/* 4) About: compact no-scroll horizontal axis with diamond nodes; active diamond fills accent. */
@media(max-width:700px){
  .about-company-text-column .company-axis{
    position:relative!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;width:100%!important;max-width:100%!important;overflow:visible!important;
    padding:18px 0 4px!important;margin:12px 0 0!important;border:0!important;scroll-snap-type:none!important
  }
  .about-company-text-column .company-axis::before{
    content:""!important;display:block!important;position:absolute!important;left:10%!important;right:10%!important;top:7px!important;
    width:auto!important;height:1px!important;background:var(--line)!important
  }
  .about-company-text-column .company-axis li{
    position:relative!important;min-width:0!important;min-height:34px!important;margin:0!important;padding:0 3px!important;overflow:visible!important
  }
  .about-company-text-column .company-axis li::before{
    content:""!important;display:block!important;position:absolute!important;left:50%!important;top:-14px!important;
    width:6px!important;height:6px!important;border:1px solid var(--category-muted,var(--fg))!important;background:var(--bg)!important;
    transform:translateX(-50%) rotate(45deg)!important;transform-origin:center!important;z-index:2!important;
    transition:background-color .18s ease,border-color .18s ease!important
  }
  .about-company-text-column .company-axis li:has(.practice-button.is-active)::before{
    background:var(--hover-accent)!important;border-color:var(--hover-accent)!important
  }
  .about-company-text-column .company-axis li:hover::before{border-color:var(--hover-accent)!important}
  .about-company-text-column .practice-button{
    display:block!important;width:100%!important;min-height:28px!important;padding:1px 0 0!important;border:0!important;background:transparent!important;text-align:center!important
  }
  .about-company-text-column .practice-button::before,.about-company-text-column .practice-button .axis-line{display:none!important}
  .about-company-text-column .practice-button .axis-name{display:block!important;font-size:7.8px!important;line-height:1.38!important;white-space:normal!important;overflow-wrap:anywhere!important}
}


/* shared/emkan-v85.css */
/* EMKAN v85 — final About + content sample mobile repair. */

/* --------------------------------------------------------------------------
   ABOUT
   Desktop / tablet: keep the office portrait visible beside the company copy
   and vertical discipline tree, with one vertical separator.
   Phone only: hide the office image and keep the compact horizontal tree.
   -------------------------------------------------------------------------- */
@media (min-width:721px){
  .about-company-visual-grid{
    display:grid!important;
    direction:ltr!important;
    grid-template-columns:minmax(165px,205px) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:clamp(26px,3.5vw,40px)!important;
    row-gap:18px!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:100%!important;
  }
  .about-company-text-column{display:contents!important}
  .about-company-visual-grid .office-frame-section{
    display:flex!important;
    grid-column:1!important;
    grid-row:1 / 3!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 clamp(20px,2.4vw,30px) 0 0!important;
    border:0!important;
    border-right:1px solid var(--line)!important;
    box-sizing:border-box!important;
  }
  .about-company-visual-grid .office-frame-shell{
    display:block!important;
    width:min(176px,100%)!important;
    max-width:176px!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .about-company-visual-grid .office-frame{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:100%!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
  }
  .about-company-visual-grid .office-frame img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .about-company-visual-grid .company-section{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    direction:rtl!important;
  }
  html[lang="en"] .about-company-visual-grid .company-section{direction:ltr!important}
  .about-company-visual-grid .company-profile-download{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    direction:rtl!important;
  }
  html[lang="en"] .about-company-visual-grid .company-profile-download{direction:ltr!important}
  .about-company-visual-grid .company-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(148px,176px)!important;
    gap:clamp(24px,3vw,36px)!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
  }
  .about-company-visual-grid .company-copy{min-width:0!important}
  .about-company-text-column .company-axis{
    width:100%!important;
    max-width:176px!important;
    min-width:0!important;
    overflow:visible!important;
  }
}

@media (min-width:721px) and (max-width:900px){
  .about-company-visual-grid{
    grid-template-columns:minmax(135px,165px) minmax(0,1fr)!important;
    column-gap:22px!important;
  }
  .about-company-visual-grid .office-frame-section{padding-right:20px!important}
  .about-company-visual-grid .office-frame-shell{width:min(142px,100%)!important;max-width:142px!important}
  .about-company-visual-grid .company-body{grid-template-columns:minmax(0,1fr) 138px!important;gap:20px!important}
  .about-company-text-column .company-axis{max-width:138px!important}
}

@media (max-width:720px){
  .about-company-visual-grid .office-frame-section{display:none!important}
  .about-company-visual-grid{
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
  }
  .about-company-visual-grid .company-section,
  .about-company-visual-grid .company-profile-download{width:100%!important;max-width:100%!important}
  .about-company-visual-grid .company-body{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important}
  .about-company-text-column .company-axis{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
}

/* --------------------------------------------------------------------------
   CONTENT SAMPLE DETAIL — phone behaves like Store product media.
   Main image is independent; thumbnails are one horizontal row below it.
   -------------------------------------------------------------------------- */
@media (max-width:720px){
  body.content-section-page #contentApp .v73-sample-detail{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.content-section-page #contentApp .v73-sample-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"media" "info"!important;
    gap:20px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 0 22px!important;
    box-sizing:border-box!important;
    direction:inherit!important;
  }
  body.content-section-page #contentApp .v73-sample-gallery{
    grid-area:media!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main" "thumbs"!important;
    gap:8px!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-width:0!important;
    margin-inline:auto!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.content-section-page #contentApp .v73-sample-main{
    grid-area:main!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1!important;
    margin:0!important;
    overflow:hidden!important;
  }
  body.content-section-page #contentApp .v73-sample-main img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.content-section-page #contentApp .v73-sample-thumbs{
    grid-area:thumbs!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    align-items:start!important;
  }
  body.content-section-page #contentApp .v73-sample-thumb{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
  }
  body.content-section-page #contentApp .v73-sample-info{
    grid-area:info!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:18px 0 0!important;
    border:0!important;
    border-top:1px solid var(--line)!important;
    box-sizing:border-box!important;
  }
  body.content-section-page #contentApp .v73-sample-info h1{
    margin:0 0 9px!important;
    font-size:clamp(19px,6vw,25px)!important;
    line-height:1.55!important;
  }
  body.content-section-page #contentApp .v73-sample-info p{
    font-size:10.5px!important;
    line-height:2!important;
  }

  /* Related work: keep the Store-like two-card rhythm, but never stretch to
     half of a tablet/large-phone viewport. */
  body.content-section-page #contentApp .v73-related-section{
    width:100%!important;
    max-width:100%!important;
    margin-top:30px!important;
  }
  body.content-section-page #contentApp .emkan-related-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 10px!important;
    width:min(286px,100%)!important;
    max-width:286px!important;
    margin:0!important;
    justify-content:start!important;
    align-items:start!important;
  }
  body.content-section-page #contentApp .emkan-related-grid{margin-inline-start:0!important;margin-inline-end:auto!important}
  body.content-section-page #contentApp .emkan-related-item,
  body.content-section-page #contentApp .emkan-related-media{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:1!important;
    box-sizing:border-box!important;
  }
  body.content-section-page #contentApp .emkan-related-caption{
    font-size:8.2px!important;
    line-height:1.55!important;
    padding-top:6px!important;
  }
}

@media (max-width:380px){
  body.content-section-page #contentApp .v73-sample-gallery{width:100%!important}
  body.content-section-page #contentApp .emkan-related-grid{width:100%!important;max-width:276px!important}
}


/* shared/emkan-v86.css */
/* EMKAN v86 — delivery polish: course facts, About language mirroring, Store related mobile parity. */

/* 1) Course / workshop / learning detail — remove the redundant full-width rule
   directly below the four quick facts (the following section already provides rhythm). */
body.content-section-page article.v86-course-detail > .v49-hero{
  border-bottom:0!important;
}

/* 2) ABOUT — desktop/tablet is a true mirrored two-part composition.
   EN: image | separator | axis + company copy
   FA/AR: company copy + axis | separator | image
   Keep exactly one separator; the image itself has no extra frame line. */
@media (min-width:721px){
  .about-company-visual-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(155px,190px)!important;
    grid-template-rows:auto!important;
    gap:0 clamp(28px,3.6vw,42px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    direction:ltr!important;
  }
  .about-company-text-column{
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .about-company-visual-grid .office-frame-section{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 0 clamp(18px,2.2vw,26px)!important;
    border:0!important;
    border-left:1px solid var(--line)!important;
    align-items:flex-start!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
  .about-company-visual-grid .office-frame-shell{
    display:block!important;
    width:min(176px,100%)!important;
    max-width:176px!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .about-company-visual-grid .office-frame{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2/3!important;
    border:0!important;
    overflow:hidden!important;
  }
  .about-company-visual-grid .office-frame::before,
  .about-company-visual-grid .office-frame::after{display:none!important}
  .about-company-visual-grid .office-frame img{
    position:static!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  .about-company-visual-grid .company-section,
  .about-company-visual-grid .company-profile-download{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .about-company-visual-grid .company-profile-download{margin-top:18px!important}
  .about-company-visual-grid .company-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 168px!important;
    grid-template-areas:"copy axis"!important;
    gap:clamp(22px,2.7vw,34px)!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    direction:ltr!important;
  }
  .about-company-visual-grid .company-copy{
    grid-area:copy!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    direction:rtl!important;
    text-align:right!important;
  }
  .about-company-text-column .company-axis{
    grid-area:axis!important;
    width:100%!important;
    max-width:168px!important;
    min-width:0!important;
    justify-self:stretch!important;
    direction:rtl!important;
  }
  .about-company-visual-grid .company-section,
  .about-company-visual-grid .company-profile-download{direction:rtl!important;text-align:right!important}

  /* English mirrors the physical composition and keeps the vertical axis
     adjacent to the image / separator instead of drifting across the copy. */
  html[lang="en"] .about-company-visual-grid{
    grid-template-columns:minmax(155px,190px) minmax(0,1fr)!important;
  }
  html[lang="en"] .about-company-text-column{
    grid-column:2!important;
  }
  html[lang="en"] .about-company-visual-grid .office-frame-section{
    grid-column:1!important;
    padding:0 clamp(18px,2.2vw,26px) 0 0!important;
    border-left:0!important;
    border-right:1px solid var(--line)!important;
  }
  html[lang="en"] .about-company-visual-grid .company-body{
    grid-template-columns:168px minmax(0,1fr)!important;
    grid-template-areas:"axis copy"!important;
  }
  html[lang="en"] .about-company-visual-grid .company-copy,
  html[lang="en"] .about-company-visual-grid .company-section,
  html[lang="en"] .about-company-visual-grid .company-profile-download{
    direction:ltr!important;
    text-align:left!important;
  }
  html[lang="en"] .about-company-text-column .company-axis{direction:ltr!important}
}

@media (min-width:721px) and (max-width:900px){
  .about-company-visual-grid{grid-template-columns:minmax(0,1fr) 148px!important;column-gap:22px!important}
  html[lang="en"] .about-company-visual-grid{grid-template-columns:148px minmax(0,1fr)!important}
  .about-company-visual-grid .office-frame-shell{width:min(136px,100%)!important;max-width:136px!important}
  .about-company-visual-grid .company-body{grid-template-columns:minmax(0,1fr) 136px!important;gap:18px!important}
  html[lang="en"] .about-company-visual-grid .company-body{grid-template-columns:136px minmax(0,1fr)!important}
  .about-company-text-column .company-axis{max-width:136px!important}
}

/* Phone remains intentionally image-free and uses the horizontal diamond axis. */
@media (max-width:720px){
  .about-company-visual-grid{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .about-company-text-column{display:block!important;width:100%!important;max-width:100%!important}
  .about-company-visual-grid .office-frame-section{display:none!important}
  .about-company-visual-grid .company-section,
  .about-company-visual-grid .company-profile-download{width:100%!important;max-width:100%!important}
  .about-company-visual-grid .company-body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"copy" "axis"!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .about-company-visual-grid .company-copy{grid-area:copy!important;width:100%!important;max-width:100%!important}
  .about-company-text-column .company-axis{
    grid-area:axis!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* 3) Store related products — on phone match the compact Related Work footprint. */
@media (max-width:620px){
  .product-main .related-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 10px!important;
    width:min(286px,100%)!important;
    max-width:286px!important;
    margin:0!important;
    justify-content:start!important;
    align-items:start!important;
  }
  :is(html[lang="fa"],html[lang="ar"]) .product-main .related-grid{
    margin-inline-start:0!important;
    margin-inline-end:auto!important;
  }
  html[lang="en"] .product-main .related-grid{
    margin-inline-start:0!important;
    margin-inline-end:auto!important;
  }
  .product-main .related-item,
  .product-main .related-media{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .product-main .related-media{aspect-ratio:1!important}
  .product-main .related-caption{
    padding-top:6px!important;
    gap:3px!important;
  }
  .product-main .related-caption strong{font-size:8.2px!important;line-height:1.55!important}
  .product-main .related-caption span{font-size:7.2px!important;line-height:1.5!important}
}