/*
 * Full Suite visual bridge for Koodak Spectrum V2.
 * The parent remains authoritative for typography, header, footer and member UI.
 */
.kpn-wrap {
    --kpn-navy: #123b58;
    --kpn-teal: #20b9d3;
    --kpn-soft: #f3f8fb;
    --kpn-border: #dce9f0;
    --kpn-text: #14334b;
    max-width: 1320px;
    margin: 0 auto;
    padding-inline: 24px;
    color: var(--kpn-text);
    font-family: inherit;
}
.kpn-wrap .kpn-hero {
    border-radius: 30px;
    background: linear-gradient(115deg, #123b58 0%, #0d6d86 52%, #1fd39a 100%);
    box-shadow: 0 18px 45px rgba(18, 59, 88, .12);
}
.kpn-wrap .kpn-card,
.kpn-wrap .kpn-filter,
.kpn-wrap .kpn-cta,
.kpn-wrap .kpn-empty,
.kpn-wrap .kpn-notice {
    border-color: var(--kpn-border);
    box-shadow: 0 12px 35px rgba(18, 59, 88, .07);
}
.kpn-wrap .kpn-btn {
    border-radius: 12px;
}
.kpn-wrap .kpn-suite-nav,
.kpn-wrap .kpn-legacy-nav {
    scrollbar-width: thin;
}
.kpn-wrap a { text-decoration: none; }

/* Preserve the established association vocabulary in the upgraded directory. */
.ks26-directory-hero .ks-eyebrow,
.ks27-profile-hero .ks-eyebrow { letter-spacing: 0; }

@media (max-width: 782px) {
    .kpn-wrap { padding-inline: 14px; }
    .kpn-wrap .kpn-hero { border-radius: 22px; }
    .kpn-wrap .kpn-suite-nav,
    .kpn-wrap .kpn-legacy-nav { scrollbar-width: none; }
    .kpn-wrap .kpn-suite-nav::-webkit-scrollbar,
    .kpn-wrap .kpn-legacy-nav::-webkit-scrollbar { display: none; }
}

/* Public Full Suite entry strip, aligned with Spectrum. */
.koodak-suite-strip{background:#071b33;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:40}
.koodak-suite-strip__inner{display:flex;align-items:center;gap:8px;min-height:48px;overflow-x:auto;padding-top:6px;padding-bottom:6px;scrollbar-width:thin}
.koodak-suite-strip__brand{white-space:nowrap;color:#6fe7dc;margin-left:12px;font-weight:900}
.koodak-suite-strip__link{white-space:nowrap;color:#fff!important;text-decoration:none!important;border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:800;transition:.2s ease}
.koodak-suite-strip__link:hover,.koodak-suite-strip__link:focus{background:#0f3557;border-color:#65ded3;color:#fff!important}
.koodak-suite-strip__link--nexa{border-color:rgba(101,222,211,.55)}
.koodak-suite-strip__link--family{border-color:rgba(255,201,87,.5)}
.koodak-suite-strip__link--grants{border-color:rgba(198,160,255,.5)}
.koodak-suite-strip__link--academy{border-color:rgba(111,187,255,.5)}
.kpn-family-types{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.kpn-family-types a{display:inline-flex;align-items:center;justify-content:center;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dce6ee;color:#17324d;text-decoration:none;font-weight:800}
.kpn-family-types a.is-active,.kpn-family-types a:hover{background:#0d726f;color:#fff;border-color:#0d726f}
@media(max-width:760px){.koodak-suite-strip__inner{padding-inline:12px}.koodak-suite-strip__brand{display:none}.koodak-suite-strip__link{font-size:12px;padding:7px 10px}}
/* Evaluator assignment controls */
.kpn-inline-action{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.kpn-inline-input{min-width:180px;max-width:240px;border:1px solid #d7dce5;border-radius:8px;padding:7px 9px}.kpn-table-row small{display:block;margin-top:4px}

/* Mobile navigation parity with the current Association UI. */
@media (max-width: 782px) {
  .koodak-suite-strip {
    position:relative; z-index:9998; overflow:hidden;
    background:#0b2d45 !important; border-bottom:1px solid rgba(255,255,255,.12);
  }
  .koodak-suite-strip__inner {
    display:flex !important; flex-wrap:nowrap !important; gap:8px !important;
    overflow-x:auto; -webkit-overflow-scrolling:touch; padding:8px 12px !important;
    scrollbar-width:none;
  }
  .koodak-suite-strip__inner::-webkit-scrollbar { display:none; }
  .koodak-suite-strip__brand { display:none !important; }
  .koodak-suite-strip__link {
    flex:0 0 auto; min-height:42px; display:inline-flex !important; align-items:center;
    padding:0 15px !important; border:1px solid rgba(255,255,255,.28) !important;
    border-radius:999px !important; color:#fff !important; background:rgba(255,255,255,.055) !important;
    font-size:14px !important; font-weight:700 !important; text-decoration:none !important;
  }
}

/* Deterministic full-height mobile navigation and partner marquee. */
@media (max-width:782px){
  html.koodak-mobile-menu-open,html.koodak-mobile-menu-open body{overflow:hidden!important}
  #koodak-unified-mobile-trigger{position:fixed;left:14px;top:18px;z-index:100120;width:52px;height:52px;border:1px solid #dbe4ea;border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(8,47,67,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
  body.admin-bar #koodak-unified-mobile-trigger{top:62px}
  #koodak-unified-mobile-trigger span{display:block;width:23px;height:2.5px;border-radius:99px;background:#123b58}
  #koodak-unified-mobile-overlay{position:fixed;inset:0;z-index:100100;background:rgba(3,20,34,.5);opacity:0;transition:opacity .22s ease}
  body.admin-bar #koodak-unified-mobile-overlay{top:46px}
  #koodak-unified-mobile-overlay.is-open{opacity:1}
  #koodak-unified-mobile-drawer{position:fixed;z-index:100110;top:0;right:0;width:min(88vw,380px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#0b2d45,#0f5570);color:#fff;transform:translateX(105%);transition:transform .24s ease;box-shadow:-24px 0 60px rgba(3,20,34,.3);padding:0 14px 28px}
  body.admin-bar #koodak-unified-mobile-drawer{top:46px;height:calc(100dvh - 46px)}
  #koodak-unified-mobile-drawer.is-open{transform:translateX(0)}
  .koodak-mobile-drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(11,45,69,.97);backdrop-filter:blur(10px);padding:17px 4px 13px;border-bottom:1px solid rgba(255,255,255,.12)}
  .koodak-mobile-drawer-head strong{font-size:15px;line-height:1.8}
  #koodak-unified-mobile-close{width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.08);color:#fff;font-size:29px;line-height:1}
  #koodak-unified-mobile-drawer nav{display:grid;gap:7px;padding-top:12px}
  #koodak-unified-mobile-drawer nav a{display:flex!important;align-items:center;min-height:50px;padding:10px 14px;border-radius:13px;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.06);color:#fff!important;text-decoration:none!important;font-weight:750;line-height:1.7}
  #koodak-unified-mobile-drawer nav a:nth-child(n+7){border-color:rgba(75,225,184,.26);background:linear-gradient(135deg,rgba(16,171,198,.16),rgba(40,200,136,.1))}
  /* The unified drawer is the only mobile menu below this breakpoint. */
  .ks-nav-toggle,.rmp_menu_trigger,[id^="rmp_menu_trigger"],#responsive-menu-button,.responsive-menu-button{display:none!important}
  .rmp-container,[id^="rmp-container-"]{display:none!important;visibility:hidden!important;pointer-events:none!important}
  body.ks-nav-open .ks-primary-nav{visibility:hidden!important;pointer-events:none!important;transform:translateX(110%)!important}
}
@media (min-width:783px){#koodak-unified-mobile-trigger,#koodak-unified-mobile-overlay,#koodak-unified-mobile-drawer{display:none!important}}

.koodak-partners-marquee{width:100%;overflow:hidden;margin:18px 0 24px;padding:8px 0;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.koodak-partners-marquee__track{display:flex;align-items:center;gap:18px;width:max-content;padding-right:18px;animation:koodakPartnersMarquee 78s linear infinite;will-change:transform}
@media(min-width:783px){.koodak-partners-marquee:hover .koodak-partners-marquee__track{animation-play-state:paused}}
.koodak-partner-logo{flex:0 0 150px;min-height:92px;display:flex!important;align-items:center;justify-content:center;padding:13px;border:1px solid #e5edf1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.05)}
.koodak-partner-logo img{display:block!important;max-width:124px!important;max-height:68px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.koodak-partners-original-hidden,.koodak-partners-duplicate-hidden{display:none!important}
@keyframes koodakPartnersMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:620px){.koodak-partner-logo{flex-basis:126px;min-height:82px}.koodak-partner-logo img{max-width:105px!important;max-height:58px!important}.koodak-partners-marquee__track{gap:12px;padding-right:12px;animation-duration:84s}}
@media(prefers-reduced-motion:reduce){.koodak-partners-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.koodak-partners-marquee__track{animation:none}}


/* FAST TV is a primary public destination, not a hidden utility link. */
.koodak-suite-strip__link--fast{background:linear-gradient(135deg,#e11d48,#b51225)!important;border-color:#ff8298!important;box-shadow:0 6px 18px rgba(181,18,37,.22);font-weight:900}
.koodak-suite-strip__link--fast:hover,.koodak-suite-strip__link--fast:focus{background:linear-gradient(135deg,#f02a59,#c9132c)!important;border-color:#ffd0d8!important}
.koodak-suite-menu--fast>a{display:inline-flex!important;align-items:center;gap:6px;background:#b51225!important;color:#fff!important;border-radius:999px;padding:8px 14px!important;font-weight:900!important}
.koodak-suite-menu--fast>a:before{content:'●';font-size:10px;color:#fff}