/* DEWR floating card experiment v1. Applies ONLY to isolated design branch. */
/* The HTML document structures, content, heading IDs, search links and assets are unchanged. */
:root {
  --bf-space:clamp(12px,2.2vw,28px);
  --bf-max:1450px;
  --bf-paper:#ffffff;
  --bf-canvas:#e9eef3;
  --bf-blue:#234c62;
  --bf-border:rgba(69,91,109,.10);
  --bf-elevation:0 12px 42px rgba(26,51,70,.07),0 2px 7px rgba(26,51,70,.035);
  --bf-radius:29px;
  --sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html {scroll-padding-top:133px;}
body {
  background:radial-gradient(ellipse at 92% 3%,#d9eaf3 0%,transparent 37%),
    radial-gradient(ellipse at 6% 70%,#e0eceb 0%,transparent 43%),var(--bf-canvas);
  color:#1c3443;
  padding-bottom:20px;
}
.prototype {width:fit-content;max-width:calc(100% - 36px);margin:12px auto 11px;
  background:rgba(255,255,255,.65);color:#657480;border-radius:90px;
  border:1px solid rgba(255,255,255,.9);padding:7px 17px;letter-spacing:.015em;font-size:11px;}
body > header {
  position:sticky;top:12px;z-index:120;isolation:isolate;
  width:min(var(--bf-max),calc(100% - 2*var(--bf-space)));
  margin:10px auto 22px;
  background:rgba(255,255,255,.88);color:#203745;
  border:1px solid rgba(255,255,255,.96);border-radius:25px;
  box-shadow:0 14px 42px rgba(22,47,64,.12),0 1px 3px rgba(22,47,64,.045);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
body > header .brand-row {width:calc(100% - 60px);max-width:none;height:82px;}
body > header .symbol {width:48px;height:48px;border-radius:15px;
  background:#eff6f8;border-color:rgba(38,80,100,.18);}
body > header .brand-text strong {font-size:14px;letter-spacing:-.02em;}
body > header .brand-text small {font-size:9px;color:#567181;letter-spacing:.055em;}
body > header .desktop-nav {gap:clamp(10px,1.7vw,26px);}
body > header .desktop-nav a {font-size:12.5px;font-weight:650;color:#284557;}
body > header .desktop-nav .nav-cta {background:#244b60;color:#fff;
  padding:12px 18px;border-radius:13px;}
body > header .menu-button {border-radius:13px;}
body > header .mobile-menu.open {margin:0 16px 15px;width:calc(100% - 32px);
  border-radius:17px;background:#fff;border:1px solid #e1e8ee;padding:16px;
  box-shadow:0 10px 30px rgba(26,51,70,.11);}
body > main,body > section,body > .cskt-v13-shell {background:transparent;}
body > main > section,body > section.sub-hero,body > main.page-area,
body > main > .cskt-v13-shell,body > .cskt-v13-shell,body > footer.footer {
  width:min(var(--bf-max),calc(100% - 2*var(--bf-space)));
  max-width:var(--bf-max);margin:19px auto;
  border-radius:var(--bf-radius);overflow:hidden;isolation:isolate;
  border:1px solid rgba(255,255,255,.82);box-shadow:var(--bf-elevation);
}
body > main > section:not(.hero):not(.library):not(.sub-hero):not(.cskt-v13-hero),
body > main.page-area {background:var(--bf-paper);}
body > main > .wrap {max-width:1300px;}
body .wrap {width:min(1270px,calc(100% - 84px));}
body .hero {background:linear-gradient(112deg,#d8eaf1 0%,#e8f0f4 60%,#dcebe7 100%);
  color:#183546;min-height:0;}
body .hero-grid {min-height:540px;grid-template-columns:51% 49%;
  width:calc(100% - 80px);max-width:none;align-items:stretch;}
body .hero-content {padding:75px 48px 75px 0;align-self:center;}
body .hero h1 {font:710 clamp(41px,5.15vw,76px)/1.07 var(--sans);
  letter-spacing:-.06em;margin:20px 0 26px;}
body .hero p {color:#3d5b67;font-size:15.5px;}
body .hero .eyebrow {color:#477486;}
body .hero-media {margin:28px 0;min-height:465px;border-radius:22px;
  box-shadow:0 10px 30px rgba(19,48,69,.12);}
body .hero-media:after {background:linear-gradient(0deg,rgba(12,40,54,.38),transparent 42%);}
body .hero-media .caption {border-radius:10px;right:15px;bottom:15px;}
body .button,body .nav-cta {border-radius:12px;}
body .hero .button-light {background:#23526a;color:#fff;}
body .hero .button-outline {border:1px solid #8caab5;color:#20495d;}
body .section {padding:80px 0;}
body .section-head h2,body .mission h2,body .library h2,
body .sub-hero h1 {font-family:var(--sans);font-weight:710;letter-spacing:-.05em;}
body .hub-link-grid {gap:16px;}
body .hub-choice,body .program,body .project,body .cskt-v13-card {
  background:#f4f8fa;border:1px solid #e5ecf0;border-radius:21px;
  transition:box-shadow .2s ease, transform .2s ease,background .2s ease;
}
body .hub-choice {padding:27px;min-height:215px;}
body .hub-choice:hover,body .program:hover,body .project:hover,body .cskt-v13-card:hover {
  transform:translateY(-3px);background:white;
  box-shadow:0 11px 25px rgba(25,56,78,.09);
}
body .hub-choice h3,body .program h3,body .project h3 {
  font-family:var(--sans);font-weight:680;letter-spacing:-.04em;
}
body .sub-hero,body .cskt-v13-hero {
  background:linear-gradient(118deg,#d9e9ef,#ecf4f7 68%,#dceae8);
  color:#1c3a4b;padding:70px 0;
}
body .sub-hero p,body .cskt-v13-hero p {color:#486875;}
body .sub-hero .eyebrow,body .breadcrumbs,body .breadcrumbs a {color:#507685;}
body main.page-area {padding:70px 0 90px;min-height:48vh;}
body .article h2,body .article h3 {font-family:var(--sans);font-weight:680;letter-spacing:-.035em;}
body .sidebox,body .article aside,body .doc-links a {
  border-radius:17px;background:#f4f8fa;border:1px solid #e4ecf0;}
body .sidebox {top:125px;}
body .article img {border-radius:17px;}
body .cskt-v13-shell {background:white;padding:55px;border-radius:var(--bf-radius);}
body .cskt-v13-panel,body .cskt-v13-control,body .cskt-v13-embed {border-radius:19px;}
body .library {background:#244d60;color:white;padding:80px 0;}
body .library p {color:#dce9ef;}
body .searchbox,body .search-controls select {border-radius:13px;}
body .mission,body .stat-strip,body .action-band {background:#f7fafd;}
body > footer.footer {background:#173644;color:#e0eaf0;padding:48px 0 26px;}
body > footer.footer .copyright {border-top-color:rgba(255,255,255,.17);}
body > footer.footer a {color:#e0eaf0;}
@media(max-width:1080px) {
  body > header .brand-row {width:calc(100% - 34px);}
  body > header .desktop-nav {gap:9px;}
  body .hero-content {padding-right:24px;}
}
@media(max-width:760px) {
  :root {--bf-space:12px;--bf-radius:21px;}
  body > header {top:8px;border-radius:20px;margin-bottom:13px;}
  body > header .brand-row {height:71px;width:calc(100% - 25px);}
  body > header .symbol {width:41px;height:41px;border-radius:12px;}
  body > header .brand-text strong {font-size:12px;}
  body > header .brand-text small {font-size:8px;}
  body .wrap {width:calc(100% - 36px);}
  body > main > section,body > section.sub-hero,body > main.page-area,
  body > main > .cskt-v13-shell,body > .cskt-v13-shell,
  body > footer.footer {margin:12px auto;}
  body .hero-grid {grid-template-columns:1fr;min-height:0;width:calc(100% - 36px);}
  body .hero-content {padding:40px 0 24px;}
  body .hero h1 {font-size:clamp(35px,9.2vw,61px);}
  body .hero-media {min-height:0;height:265px;margin:0 0 18px;border-radius:15px;}
  body .section,body .library,body main.page-area {padding:45px 0;}
  body .sub-hero,body .cskt-v13-hero {padding:46px 0;}
  body .hub-choice {min-height:0;padding:22px;}
  body .cskt-v13-shell {padding:24px 18px;}
  body > footer.footer {padding:34px 0 22px;}
}
@media(prefers-reduced-motion:reduce) {
  body .hub-choice,body .program,body .project,body .cskt-v13-card {transition:none;}
}