/* WEB-17: website-only surface and motion layer; app tokens remain unchanged. */
:root {
  --site-ink-rgb:21 24 33;
  --site-ring:0 0 0 .5px rgb(var(--site-ink-rgb) / .14);
  --site-shadow-card:var(--site-ring),0 2px 6px rgb(var(--site-ink-rgb) / .05),0 28px 64px -28px rgb(var(--site-ink-rgb) / .28);
  --site-shadow-card-hover:0 0 0 .5px rgb(var(--site-ink-rgb) / .22),0 2px 6px rgb(var(--site-ink-rgb) / .06),0 32px 72px -28px rgb(var(--site-ink-rgb) / .36);
  --site-shadow-card-sm:var(--site-ring),0 1px 2px rgb(var(--site-ink-rgb) / .04),0 12px 28px -20px rgb(var(--site-ink-rgb) / .22);
  --site-shadow-shot:0 0 0 .5px rgb(var(--site-ink-rgb) / .28),0 2px 6px rgb(var(--site-ink-rgb) / .10),0 44px 90px -30px rgb(var(--site-ink-rgb) / .55);
  --site-shadow-glass:0 0 0 .5px rgb(var(--site-ink-rgb) / .16),inset 0 .5px 0 rgb(255 255 255 / .8),0 14px 34px -16px rgb(var(--site-ink-rgb) / .28);
  --site-ease:cubic-bezier(.2,.65,.2,1);
}
html.motion .w {
  display:inline-block;opacity:0;line-height:inherit;vertical-align:top;
  transform:translate3d(0,.5em,0) rotate(1.6deg);filter:blur(8px);
  transition:opacity .8s var(--site-ease),transform 1s var(--site-ease),filter .8s ease;
  transition-delay:calc(var(--i) * 42ms);
}
html.motion .is-in .w {opacity:1;transform:none;filter:none}
html.motion .rise {
  opacity:0;transform:translate3d(0,20px,0);
  transition:opacity .8s ease,transform .95s var(--site-ease);
  transition-delay:calc(var(--d,0) * 70ms + 120ms);
}
html.motion .rise.rise--t {opacity:1}
html.motion .rise.is-in {opacity:1;transform:none}
@media(prefers-reduced-motion:reduce) {
  .w,.rise {opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}
/* Explicit containers; buttons, tags and chips retain their control borders. */
main :is(.heroart,.jboard,.fcard,.ctile,.acard,.frow,.etym,.tier,.maker),
main details:not(.gs-chapters details),
.evidence-tile,.home-steps article,.home-half-cards article,.home-maker-grid article,
.gs-sample-cards article,.propsteps,.product-visual,.support-section .rows3,
.climb .c-change,.growrows,.fieldsec .rolemapwrap,.parents-share:not(button),
.why-toc,.why-tiles article,.why-learning-card,.parents-card-grid article,
.prep-stat-card,.prep-typical>div,.method-full,.home-commitment-row article,
.catalog-card,.catalog-role-list,.catalog-path-card,.catalog-lock,.catalog-lock-card,.role-phone-next,
.skills-steps>div,.skills-path-band,.course-art,.wb-card,.wb-runner,
body .site-nav .nav-dropdown,body .site-nav .explore-pillar,
body .site-nav .site-mobile-nav>.mobile-sheet,body .site-nav .mobile-pillar {
  border-color:transparent;box-shadow:var(--site-shadow-card);
}
/* Additional containers caught by the same rule in page/standalone styles. */
.climb .gs-viewer .c-now,.climb .gs-viewer .c-goal,.press-asset,.contact-card,.support-panel,.legal-hero,.legal-content,
.info-block,.contact-section,.highlight,.callout,body:has(.legal-shell) .site-footer-inner,#appFallback {
  border-color:transparent;box-shadow:var(--site-shadow-card);
}
.press-screens img {border-color:transparent;box-shadow:var(--site-shadow-shot)}
/* Hashed editorial containers from content.css; exclude control elements. */
:is(.ref-8d633d73,.ref-ffecb51f,.ref-fc8ca65a,.ref-ec080e5d,.ref-1332ec14,.ref-4538ce20,.ref-9ccbed44,.ref-24373e35,.ref-1d8fc0c2,.ref-e27dcf03,.ref-25b815f9,.ref-b8c55675,.ref-5f88e30a,.ref-0c320b16,.ref-06cbefe4,.ref-f77d2ef7,.ref-cb4b81eb,.ref-85cbc9ba,.ref-238ac909,.ref-6b348175,.ref-7f6e43ae,.ref-2df51e1c,.ref-cb71ddf8,.ref-70189d2a,.ref-69696d43,.ref-0de52b73,.ref-a92ca44e,.ref-b0bdd746,.ref-361ca6c4,.ref-7a2e7fec,.ref-7a17af33,.ref-a2a99110,.ref-ee784a78,.ref-1f13f0a0,.ref-6f5fa6cb,.ref-7069a0fd,.ref-0613bcca):not(a,button,input,select,textarea,span,label) {
  border-color:transparent;box-shadow:var(--site-shadow-card);
}
.gs-activity,.wb-question,.faq details,.catalog-faq details,.wb-faq details {
  border-color:transparent;box-shadow:var(--site-shadow-card-sm);
}
.tier.premium {border-color:transparent;box-shadow:0 0 0 1.5px var(--mint),var(--site-shadow-card)}
.ai-section .acard {background:#fff;box-shadow:var(--site-shadow-card)}
.ai-section .acard:first-child,.ai-section .acard:last-child {border-color:transparent}
.heropath,.climb,.role-phone,.phone-frame,.wb-phone .phone-frame,.shot-device {
  border-color:transparent;box-shadow:var(--site-shadow-shot);
}
.peek {border-color:transparent;box-shadow:var(--site-ring)}
body .site-nav .nav-dropdown.explore-panel {
  box-shadow:var(--site-ring),0 2px 6px rgb(var(--site-ink-rgb) / .05),0 24px 60px rgba(21,24,33,.14);
}
body .site-nav .explore-pillar {transition:transform 120ms ease,background 120ms ease,box-shadow 120ms ease}
body .site-nav .explore-pillar:hover,.catalog-card.skills-card:hover {
  border-color:transparent;box-shadow:var(--site-shadow-card-hover);
}
body :is(.eyebrow,.wb-eyebrow):not(.makersec .eyebrow) {
  text-transform:none;letter-spacing:0;font:500 15px/1.3 Inter,sans-serif;
  display:flex;align-items:center;gap:10px;
  border:0;border-radius:0;padding:0;background:transparent;margin:0 0 10px;
}
body :is(.eyebrow,.wb-eyebrow):not(.makersec .eyebrow)::before {
  content:"";flex:none;width:24px;height:1.5px;border-radius:1px;background:currentColor;opacity:.5;
}
.center :is(.eyebrow,.wb-eyebrow),.site-closer .eyebrow {justify-content:center}
body .site-nav {
  background:rgb(255 255 255 / .72);border-color:transparent;
  -webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);
  box-shadow:var(--site-shadow-glass);
}
@media(min-width:961px) {.hero {grid-template-columns:.8fr 1.2fr}}
@media(max-width:600px) {
  #heroPath:not(.expanded) .chends {display:none}
  body :is(.eyebrow,.wb-eyebrow):not(.makersec .eyebrow) {font-size:14px}
}

/* A backdrop filter makes fixed descendants relative to the bar. While the
   native phone sheet is open, frost only the bar's background pseudo-element. */
body .site-nav:has(.site-mobile-nav[open]) {
  background:transparent;isolation:isolate;
  -webkit-backdrop-filter:none;backdrop-filter:none;
}
body .site-nav:has(.site-mobile-nav[open])::before {
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  border-radius:inherit;background:rgb(255 255 255 / .72);
  -webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);
}