#dsi-area-nav{position:sticky;top:var(--ds-header-h,72px);z-index:90;border-block:1px solid var(--ds-border);background:var(--ds-bg,#08121f);color:var(--ds-text);font-family:var(--ds-font,system-ui,sans-serif);width:100%;box-sizing:border-box}
#dsi-area-spacer{height:var(--ds-header-h,72px)}
/* Institution-only architectural canvas: no DeenStudy calligraphy or droplets. */
body.dsi-area-active #ds-atmosphere::after{mask:none!important;-webkit-mask:none!important;opacity:.035!important;background:linear-gradient(90deg,var(--ds-accent) 1px,transparent 1px),linear-gradient(var(--ds-accent) 1px,transparent 1px)!important;background-size:88px 88px!important}
body.dsi-area-active #ds-atmosphere .ds-liquid-orb{border-radius:12px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--ds-accent) 30%,transparent),transparent)!important;box-shadow:none!important;aspect-ratio:1!important;transform:rotate(45deg);opacity:.18!important}
body.dsi-area-active #ds-atmosphere .ds-liquid-orb::before{border-radius:4px!important;background:none!important;border:1px solid var(--ds-accent);inset:22%!important}
#dsi-area-nav *{box-sizing:border-box;min-width:0}#dsi-area-nav .dsi-area-inner{max-width:1280px;margin:auto;display:flex;align-items:center;gap:24px;padding:10px 20px}#dsi-area-nav a{color:var(--ds-text);text-decoration:none}#dsi-area-nav .dsi-area-brand{display:flex;align-items:center;gap:10px;min-width:170px;max-width:350px}#dsi-area-nav .dsi-area-brand strong{display:block;overflow-wrap:anywhere;line-height:1.25}#dsi-area-nav small{display:block;font-size:11px;color:var(--ds-muted)}#dsi-area-nav img,#dsi-area-nav .dsi-area-initial{width:36px;height:36px;border-radius:10px;object-fit:contain;flex:none}#dsi-area-nav .dsi-area-initial{display:grid;place-items:center;background:var(--ds-card);color:var(--ds-accent);font-weight:700}#dsi-area-nav .dsi-area-links{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin;flex:1}#dsi-area-nav .dsi-area-links>a{white-space:nowrap;padding:10px 12px;border-radius:10px;font-size:13px;min-height:44px;display:flex;align-items:center}#dsi-area-nav a[aria-current=page]{background:var(--ds-card);box-shadow:inset 0 0 0 1px var(--ds-border);color:var(--ds-accent)}#dsi-area-nav a:focus-visible{outline:2px solid var(--ds-accent);outline-offset:-2px}
.dsi-area-active .dsi-area-content{scroll-margin-top:calc(var(--ds-header-h,72px) + var(--dsi-nav-h,70px) + 14px)}.dsi-area-active #ds-institution{padding-top:28px}.dsi-area-active .dsi-area-content:not(#ds-institution){padding-top:32px!important;margin-top:0!important}
#dsi-area-nav .dsi-area-links>a{flex:0 0 auto} .dsi-area-active #ds-institution[data-workspace] [data-tabs]>a{display:none!important}
.dsi-area-active #ds-institution[data-workspace] .dsi-hero h1{overflow-wrap:anywhere}.dsi-area-active .dsi-area-content :is(a,button,input,select,textarea,[tabindex],section){scroll-margin-top:calc(var(--ds-header-h,72px) + var(--dsi-nav-h,70px) + 18px)}
@media(max-width:900px){#dsi-area-nav .dsi-area-inner{flex-direction:column;align-items:stretch;gap:6px;padding:8px 14px}#dsi-area-nav .dsi-area-brand{max-width:none}#dsi-area-nav .dsi-area-links{flex:none;width:100%}#dsi-area-nav .dsi-area-links>a{padding:8px 11px}}
body.dsi-area-active #ds-atmosphere .ds-liquid-orb{display:none!important}
.dsi-floating-form{position:absolute;width:clamp(90px,15vw,190px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--ds-accent) 28%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--ds-accent) 8%,transparent),transparent);border-radius:12px;transform:rotate(45deg);left:8%;top:18%;pointer-events:none}
.dsi-floating-form::before{content:"";position:absolute;inset:20%;border:1px solid color-mix(in srgb,var(--ds-accent) 22%,transparent);border-radius:4px;transform:rotate(45deg)}.dsi-floating-form-1{left:78%;top:44%;width:clamp(70px,11vw,145px)}.dsi-floating-form-2{left:35%;top:78%;width:clamp(55px,8vw,110px)}
@media(prefers-reduced-motion:no-preference){body.dsi-area-active #ds-atmosphere[data-motion=on] .dsi-floating-form{animation:dsi-architectural-float 30s ease-in-out infinite alternate}.dsi-floating-form-1{animation-delay:-12s!important}.dsi-floating-form-2{animation-delay:-22s!important}#ds-atmosphere.is-paused .dsi-floating-form{animation-play-state:paused!important}}
@keyframes dsi-architectural-float{from{transform:translate3d(0,0,0) rotate(45deg)}to{transform:translate3d(3vw,5vh,0) rotate(65deg)}}
body.dsi-area-active .dsi-floating-form{opacity:.24;border-radius:28%;border-color:color-mix(in srgb,var(--ds-accent) 18%,transparent);background:none}
body.dsi-area-active .dsi-floating-form::before{display:none}
body.dsi-area-active #ds-app-exams .ds-exam-hero-card{background:transparent!important;box-shadow:none!important;border:0!important}
body.dsi-area-active #ds-app-exams .ds-exam-hero-card::before{display:none!important}