/* The component layer owns CTA appearance over inherited lesson styles.
   Important declarations here intentionally retire the old per-page button rules. */
@layer spacebrain-actions {
 .sb-button{
  --sb-action-height:52px;--sb-action-pad:22px;--sb-action-font:16px;--sb-action-gap:12px;--sb-action-icon:18px;
  box-sizing:border-box!important;display:inline-flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:center!important;gap:var(--sb-action-gap)!important;
  position:relative!important;min-width:0!important;max-width:100%!important;width:auto!important;min-height:var(--sb-action-height)!important;height:auto!important;
  padding:12px var(--sb-action-pad)!important;border:1px solid transparent!important;border-radius:12px!important;
  font-family:Inter,system-ui,sans-serif!important;font-size:var(--sb-action-font)!important;font-weight:600!important;font-style:normal!important;line-height:22px!important;letter-spacing:-.15px!important;
  text-align:center!important;text-decoration:none!important;text-transform:none!important;text-shadow:none!important;-webkit-text-fill-color:currentColor!important;
  cursor:pointer!important;vertical-align:middle!important;touch-action:manipulation;
  transition:background-color 160ms ease,border-color 160ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.16,1,.3,1)!important;
 }
 .sb-button::before,.sb-button::after{content:none!important}
 .sb-button>.sb-button-label{display:block!important;flex:0 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;font:inherit!important;color:inherit!important;line-height:inherit!important;text-wrap:balance}
 .sb-button>.sb-button-icon{display:block!important;flex:0 0 var(--sb-action-icon)!important;width:var(--sb-action-icon)!important;height:var(--sb-action-icon)!important;margin:0!important;color:inherit!important;stroke:currentColor!important;transition:transform 180ms cubic-bezier(.2,.7,.2,1)!important;transform:translateX(0)}
 .sb-button--primary{color:white!important;background-color:#0071e3!important;background-image:linear-gradient(180deg,#00000000,#00000007)!important;border-color:#0068d4!important;box-shadow:inset 0 1px 0 #ffffff26,0 1px 2px #06396c1a!important}
 .sb-button--primary .sb-button-label{white-space:nowrap!important}
 .sb-button--secondary,.sb-button--utility{color:#253246!important;background:#fff!important;border-color:#d7e0ea!important;box-shadow:0 1px 2px #14243d06!important}
 .sb-button--utility{--sb-action-height:44px;--sb-action-font:14px;--sb-action-pad:16px;border-radius:10px!important;padding-block:10px!important;letter-spacing:0!important}
 .sb-button--utility[aria-pressed=true]{background:#edf5ff!important;color:#0064ca!important;border-color:#a7cbf2!important}
 .sb-button--link{color:#243349!important;min-height:44px!important;padding:8px 0!important;border:0!important;border-radius:4px!important;background:none!important;box-shadow:none!important;justify-content:flex-start!important}
 .sb-button--link>.sb-button-icon{color:#0071e3!important}
 .sb-button:focus-visible{outline:3px solid #0071e3!important;outline-offset:3px!important}
 .sb-button:not(:disabled):not([aria-disabled=true]):active{transform:translateY(1px) scale(.985)!important;box-shadow:inset 0 2px 3px #082a6026,0 0 0 #0000!important;transition-duration:80ms!important}
 .sb-button:disabled,.sb-button[aria-disabled=true]{opacity:.5!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
 .sc-header .sb-button{--sb-action-height:44px;--sb-action-font:14px;--sb-action-pad:16px;--sb-action-gap:10px;--sb-action-icon:16px;border-radius:10px!important;padding-block:10px!important;white-space:nowrap!important}
 .sc-mobile-panel .sb-button{width:100%!important}
 .fa-apply .sb-button,.fa-toc-wrap .sb-button{--sb-action-height:44px;--sb-action-font:14px;--sb-action-pad:12px;--sb-action-gap:8px;--sb-action-icon:16px;width:100%!important;padding-block:10px!important;border-radius:10px!important}
 .fa-cta-band .sb-button{flex-shrink:0!important}
 .sc-footer .sb-button--utility{--sb-action-height:40px;--sb-action-pad:12px;padding-block:8px!important;font-weight:500!important}
 .cta-group,.pf-actions,.lib-actions,.sea-hero-actions,.sea-cta-actions{gap:12px!important;align-items:center!important}
 .library-v93 .sea-next{gap:16px!important;margin-block:26px!important}
 .library-v93 .sea-next>a{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:10px!important;min-height:116px!important;padding:20px 22px!important;border:1px solid #dbe3ec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px #162a4005!important;text-align:left!important;text-decoration:none!important;transition:background-color 160ms ease,border-color 160ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.16,1,.3,1)!important}
 .library-v93 .sea-next>a::before,.library-v93 .sea-next>a::after{content:none!important}
 .library-v93 .sea-next>a>span{font:600 12px/18px Inter,system-ui,sans-serif!important;letter-spacing:.06em!important;color:#607087!important;text-transform:uppercase!important}
 .library-v93 .sea-next>a>strong{font:500 20px/28px Satoshi,Inter,system-ui,sans-serif!important;letter-spacing:-.35px!important;color:#253246!important}
 .library-v93 .sea-next>a:focus-visible{outline:3px solid #0071e3!important;outline-offset:3px!important}
 .library-v93 .sea-next>a:active{transform:translateY(1px) scale(.992)!important}
 @media(hover:hover) and (pointer:fine){
  .library-v93 .sea-next>a:hover{background:#f6faff!important;border-color:#9fc6f0!important;box-shadow:0 4px 12px #0752970b!important}
  .sb-button--primary:hover{background-color:#0066cf!important;border-color:#005dbe!important;box-shadow:inset 0 1px 0 #ffffff26,0 4px 9px #06396c24!important;transform:translateY(-1px)!important}
  .sb-button--secondary:hover,.sb-button--utility:hover{background:#f7f9fc!important;border-color:#aebdcc!important;box-shadow:0 3px 7px #14243d0c!important;transform:translateY(-1px)!important}
  .sb-button--utility[aria-pressed=true]:hover{background:#e4f0ff!important;border-color:#88b9ef!important}
  .sb-button--link:hover{color:#0064ca!important}
  .sb-button:hover>.sb-button-icon{transform:translateX(3px)}
  .sb-button--play:hover>.sb-button-icon{transform:none}
 }
 @media(max-width:600px){
  .lib-actions,.pf-actions,.cta-group{flex-wrap:wrap!important}
  .lib-actions>.sb-button,.pf-actions>.sb-button,.cta-group>.sb-button{width:100%!important}
  .lib-actions>.sb-button--link,.pf-actions>.sb-button--link,.cta-group>.sb-button--link{justify-content:center!important}
  .fa-cta-band .sb-button{width:100%!important}
 }
 @media(prefers-reduced-motion:reduce){.sb-button,.sb-button>.sb-button-icon,.library-v93 .sea-next>a{transition:none!important}.library-v93 .sea-next>a:active{transform:none!important}.sb-button:hover>.sb-button-icon,.sb-button:hover,.sb-button:not(:disabled):not([aria-disabled=true]):active{transform:none!important}}
}
/* Native form choices: geometric radio dots, never a font bullet. */
body .MuiButton-root.MuiButton-outlined[aria-pressed] .MuiButton-startIcon>.MuiBox-root[aria-hidden=true]{width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px!important;box-sizing:border-box!important;border:2px solid #8995a5!important;border-radius:50%!important;background:#fff!important;font-size:0!important;line-height:0!important;display:grid!important;place-items:center!important;box-shadow:none!important}
body .MuiButton-root.MuiButton-outlined[aria-pressed=true]{background:#edf5ff!important;border-color:#0071e3!important;color:#153b66!important}
body .MuiButton-root.MuiButton-outlined[aria-pressed=true] .MuiButton-startIcon>.MuiBox-root[aria-hidden=true]{border-color:#0071e3!important}
body .MuiButton-root.MuiButton-outlined[aria-pressed=true] .MuiButton-startIcon>.MuiBox-root[aria-hidden=true]::after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#0071e3}