/* Clockwork Robotics: shared theme layer, loaded after each page's stylesheet. */
html { scroll-behavior: smooth; }
body { margin: 0; background: #0B0C0A; color: #FAFAF7; font-family: 'Lexend', sans-serif; font-weight: 300; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
[id] { scroll-margin-top: 90px; }
img, video { max-width: 100%; }

/* Hidden states toggled by site.js */
.cw-off { display: none !important; }

/* Animated icons: always on, or on hover */
.cw-ic--always [data-an], .cw-ic--hover:hover [data-an] { animation: var(--an); }

/* Mega menu tiles */
.cw-mm:hover, .cw-mm:focus-visible { border-color: #C8F31D !important; background: #121411 !important; }
.cw-mega a:focus-visible, .cw-nav > a:focus-visible, .cw-burger:focus-visible { outline: 2px solid #C8F31D; outline-offset: 3px; }

/* Skip link */
.cw-skip { position: absolute; left: 12px; top: -60px; z-index: 200; padding: 10px 14px; background: #C8F31D; color: #0B0C0A; font-family: 'Chakra Petch', sans-serif; font-weight: 600; }
.cw-skip:focus { top: 12px; }

/* Keep the fixed header and mobile menu below the WordPress admin bar */
.admin-bar header[style*="position: fixed"] { top: 32px !important; }
.admin-bar #cw-mobile-menu { top: 101px !important; }
@media (max-width: 782px) {
	.admin-bar header[style*="position: fixed"] { top: 46px !important; }
	.admin-bar #cw-mobile-menu { top: 115px !important; }
}
body.cw-menu-open { overflow: hidden; }

/* Basic pages (privacy policy, terms, posts) */
.cw-prose-wrap { max-width: 820px; margin: 0 auto; padding: clamp(40px, 6vw, 88px) clamp(16px, 4vw, 56px) clamp(72px, 9vw, 128px); }
.cw-prose-title { margin: 0 0 32px; font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: clamp(36px, 5vw, 64px); line-height: 1; letter-spacing: -0.02em; }
.cw-prose { font-size: 17px; line-height: 1.7; color: #F0F1EC; }
.cw-prose h2, .cw-prose h3 { font-family: 'Chakra Petch', sans-serif; font-weight: 600; color: #FAFAF7; line-height: 1.15; margin: 1.6em 0 .5em; }
.cw-prose a { color: #C8F31D; border-bottom: 1px solid currentColor; }
.cw-prose a:hover { color: #FAFAF7; }
.cw-prose ul, .cw-prose ol { padding-left: 1.2em; }