/* Racine Digital concept sites: shared base. Each concept adds its own stylesheet. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:12px;z-index:1000;padding:10px 16px;background:#fff;color:#111;transform:translateY(-200%);transition:transform .2s}
.skip:focus{transform:none}

/* Racine strip: identifies the page as a concept */
.rd-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px clamp(16px,4vw,48px);background:#101113;color:#d9dade;font:500 12.5px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}
.rd-strip b{color:#fff;font-weight:600}
.rd-strip a{color:#fff;text-underline-offset:3px;white-space:nowrap}
.rd-strip a:focus-visible{outline:2px solid #6b97ff;outline-offset:3px}

/* Closing strip back to Racine Digital */
.rd-close{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px;padding:clamp(28px,4vw,44px) clamp(16px,4vw,48px);background:#101113;color:#c9cad0;font:400 15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
.rd-close p{max-width:62ch}
.rd-close strong{display:block;color:#fff;font-size:19px;font-weight:600;margin-bottom:4px}
.rd-close .rd-actions{display:flex;flex-wrap:wrap;gap:12px}
.rd-close a{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font-weight:600}
.rd-close a.primary{background:#fff;color:#101113;border-color:#fff}
.rd-close a:hover{border-color:#fff}
.rd-close a.primary:hover{background:#2f6bff;border-color:#2f6bff;color:#fff}
.rd-close a:focus-visible{outline:2px solid #6b97ff;outline-offset:3px}

@media (max-width:640px){.rd-strip span.long{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}