/* ═══════════════════════════════════════════════════════════
   Hasht R343 — section index + responsive home corrections
   ═══════════════════════════════════════════════════════════ */

/* Default contract: the index always lives beside the custom scrollbar on the physical right. */
.section-index{
  right:1.95rem;
  left:auto;
  direction:rtl;
  text-align:right;
  transform:translateY(-50%);
  transition:left .42s cubic-bezier(.2,.75,.2,1),right .42s cubic-bezier(.2,.75,.2,1),opacity .3s ease,visibility .3s ease,transform .38s cubic-bezier(.2,.75,.2,1);
}
.section-index__list>li{
  opacity:1;
  transform:translateX(0);
  transition:opacity .26s ease,transform .38s cubic-bezier(.2,.75,.2,1);
  transition-delay:calc(var(--section-index-rev,0) * 34ms);
}

/* Section 0: completely absent while the path-intro occupies the viewport probe. */
.section-index.is-path-intro-hidden-r336{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(1.15rem,-50%)!important;
}

/* Footer: each item exits independently toward the physical right, then returns in reverse order. */
.section-index.is-footer-exiting-r336{pointer-events:none!important;overflow:visible!important;}
.section-index.is-footer-exiting-r336 .section-index__list>li{
  opacity:0;
  transform:translateX(2.9rem);
  transition-delay:calc(var(--section-index-i,0) * 48ms);
}

/* Story scenes 1..4: the list temporarily follows the side occupied by the text. */
.section-index.is-story-adjacent{
  position:fixed!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  max-height:calc(100vh - var(--header-h) - 2.4rem)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:hidden auto!important;
}
.section-index.is-story-adjacent--right{
  right:1.95rem!important;
  left:auto!important;
  direction:rtl!important;
  text-align:right!important;
}
.section-index.is-story-adjacent--right .section-index__list{justify-items:stretch!important;}
.section-index.is-story-adjacent--right a{justify-content:flex-start!important;direction:rtl!important;text-align:right!important;}
.section-index.is-story-adjacent--left{
  left:1.55rem!important;
  right:auto!important;
  direction:ltr!important;
  text-align:left!important;
}
.section-index.is-story-adjacent--left .section-index__list{justify-items:start!important;text-align:left!important;}
.section-index.is-story-adjacent--left a{
  justify-content:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
  width:100%;
}
.section-index.is-story-adjacent--left .section-index__label{text-align:left!important;direction:rtl;}

/* Reserve room only while the navigation is both enabled AND actually visible in story scenes 1..4. */
@media (min-width:821px){
  html:not([data-section-nav-visible="false"])[data-section-index-story-active="true"][data-section-index-side="right"] .story-scene.is-section-index-active-r336 .story-scene__content-col{
    padding-right:clamp(8rem,12vw,11.5rem)!important;
    padding-left:0!important;
    transition:padding .42s cubic-bezier(.2,.75,.2,1);
  }
  html:not([data-section-nav-visible="false"])[data-section-index-story-active="true"][data-section-index-side="left"] .story-scene.is-section-index-active-r336 .story-scene__content-col{
    padding-left:clamp(8rem,12vw,11.5rem)!important;
    padding-right:0!important;
    transition:padding .42s cubic-bezier(.2,.75,.2,1);
  }
  html[data-section-nav-visible="false"] .story-scene__content-col,
  html:not([data-section-index-story-active="true"]) .story-scene__content-col{
    padding-inline:0!important;
  }
}
@media (min-width:821px) and (max-width:1180px){
  .section-index{right:.85rem;width:7.25rem;}
  .custom-scroll{right:.08rem;}
  .section-index.is-story-adjacent--right{right:.85rem!important;}
  .section-index.is-story-adjacent--left{left:.85rem!important;}
  html:not([data-section-nav-visible="false"])[data-section-index-story-active="true"][data-section-index-side="right"] .story-scene.is-section-index-active-r336 .story-scene__content-col{padding-right:clamp(6.8rem,10.4vw,8.3rem)!important;}
  html:not([data-section-nav-visible="false"])[data-section-index-story-active="true"][data-section-index-side="left"] .story-scene.is-section-index-active-r336 .story-scene__content-col{padding-left:clamp(6.8rem,10.4vw,8.3rem)!important;}
}

/* ═══════════════════════════════════════════════════════════
   Impact — 15 true individual cards, no icon, no shared frame
   ═══════════════════════════════════════════════════════════ */
#impact .activities__stats{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(.72rem,1.1vw,1.05rem)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:auto!important;
  padding:.35rem!important;
  scrollbar-width:none;
  overscroll-behavior:contain;
}
#impact .activities__stats::-webkit-scrollbar{display:none;}
#impact .stat{
  position:relative;
  isolation:isolate;
  min-height:9.15rem!important;
  padding:clamp(1rem,1.55vw,1.35rem) clamp(.72rem,1vw,1rem)!important;
  border:1px solid var(--line)!important;
  border-radius:clamp(1rem,1.35vw,1.35rem)!important;
  background:var(--bg-card)!important;
  box-shadow:0 .55rem 1.65rem rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden;
  opacity:0;
  transform:translate3d(1.35rem,.25rem,0) scale(.985);
  filter:blur(2px);
  transition:opacity .38s ease,transform .5s cubic-bezier(.2,.75,.2,1),filter .38s ease,border-color .24s ease,box-shadow .28s ease!important;
  transition-delay:calc(var(--impact-order,0)*58ms)!important;
}
#impact .stat::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--c-spark),var(--c-gold),var(--c-growth));
  opacity:.72;
}
#impact .stat:hover{
  transform:translateY(-4px)!important;
  border-color:color-mix(in srgb,var(--c-gold) 42%,var(--line))!important;
  box-shadow:0 1rem 2.4rem rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#impact.is-impact-visible-r336 .stat{opacity:1;transform:none;filter:none;}
#impact .stat__icon{display:none!important;}
#impact .stat__value{font-size:clamp(1.8rem,3.2vw,2.65rem)!important;margin-bottom:.28rem;}
#impact .stat__label{font-size:clamp(.72rem,.83vw,.9rem)!important;line-height:1.7;}
@media (min-width:821px) and (max-height:899px){
  #impact .activities__stats{max-height:calc(100vh - var(--header-h) - 9.2rem)!important;grid-auto-rows:minmax(8.15rem,auto);}
  #impact .stat{min-height:8.15rem!important;padding:.78rem .62rem!important;}
}
@media (max-width:1180px) and (min-width:821px){#impact .activities__stats{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}

/* Existing small-monitor corrections retained. */
@media (min-width:821px) and (max-height:899px){
  #voices .section-head{margin-bottom:clamp(.55rem,1.2vh,1rem)!important;}
  #voices .voices__grid{margin-top:0!important;}
  #notices .section-head{margin-bottom:clamp(.45rem,1vh,.8rem)!important;}
  #notices .notices__list{max-height:calc(100vh - var(--header-h) - 10rem)!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:none;}
  #notices .notices__list::-webkit-scrollbar{display:none;}
}
#faq .faq__list{height:var(--faq-four-rows-r336,20rem)!important;max-height:var(--faq-four-rows-r336,20rem)!important;overflow-y:auto!important;overscroll-behavior:contain!important;}
@media(min-width:821px) and (max-height:899px){#faq .faq__layout{min-height:0!important;height:auto!important;align-items:center!important}#faq .faq__content{align-self:center!important}}

/* New Honors/Art-History selects deliberately inherit the education university searchable-select skin. */
.reg-main .honor-block .reg-universal-select,
.reg-main .art-history-block .reg-universal-select{width:100%;}
.reg-main .honor-block .reg-university-options,
.reg-main .art-history-block .reg-university-options{z-index:360;}

/* R338: canonical right placement outside story sections 1..4. */
#section-index.is-canonical-right-r338{left:auto!important;right:clamp(.78rem,1.8vw,1.95rem)!important;text-align:right!important;}
#section-index.is-canonical-right-r338 .section-index__list,#section-index.is-canonical-right-r338 a{direction:rtl!important;text-align:right!important;}
/* Artistic-history comboboxes reuse the education-university visual language inside the 2-col grid. */
.art-history-block .reg-art-combo{min-width:0;width:100%;position:relative;}
.art-history-block .reg-art-combo .reg-university-options{z-index:160;max-height:min(19rem,46vh);overflow:auto;}
.art-history-block .reg-art-combo .reg-university-input-wrap{width:100%;}
.art-history-block [data-art-history-wrap="university"]{grid-column:auto!important;}
.art-history-block [data-art-history-wrap="school"],.art-history-block [data-art-history-wrap="branch"]{grid-column:auto!important;}
.art-history-bank-logo{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background-repeat:no-repeat;background-size:auto 32px;background-image:none;box-shadow:0 0 0 1px rgba(127,127,127,.12);}
.art-history-bank-logo--empty{width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:color-mix(in srgb,currentColor 7%,transparent);}


/* R338 — Impact cards are intentionally frameless/simple. */
#impact .stat{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#impact .stat::before,#impact .stat::after{content:none!important;display:none!important;}
#impact .stat:hover{border:0!important;box-shadow:none!important;background:transparent!important;}

/* R338 canonical placement marker emitted by the viewport-driven navigation controller. */
#section-index.is-canonical-right-r338{left:auto!important;right:clamp(.78rem,1.8vw,1.95rem)!important;text-align:right!important;}

/* R341: active bank logos are per-option images sourced from the release bank-logo map; the legacy bank sprite is disabled. */
.art-history-bank-logo{background-image:none!important;}

/* R343 — role/network/platform selectors use the canonical University/Searchable combobox.
   No dedicated checkbox-grid skin is defined for these selectors. */
.art-history-block .r341-evidence-row{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:8px;align-items:center;margin-bottom:8px}
.art-history-block .r341-file-remove,.art-history-block .r341-add-file{border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-radius:10px;background:transparent;cursor:pointer;min-height:42px}
.art-history-block .r341-add-file{padding:8px 14px}
.art-history-block .r341-file-remove{font-size:1.25rem}

/* R343 — locked URL inputs use the ordinary form input in both themes. */
.reg-locked-url{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext;color:var(--text,#111)!important;-webkit-text-fill-color:currentColor!important;}
[data-theme="dark"] .reg-locked-url,.dark .reg-locked-url{color:var(--text,#f3f4f6)!important;-webkit-text-fill-color:currentColor!important;}