/* mixstackrr.com - static port of the Claude Design export (MAS-012).
   Self-hosted fonts + hover/focus pseudo-class rules extracted from the
   source .dc.html "style-hover" / "style-focus" attributes. Rule text is
   kept identical to the source; only the mechanism (inline React pseudo
   classes -> real CSS classes) changed. */

@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('/assets/fonts/plus-jakarta-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/jetbrains-mono-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---- style-hover / style-focus pseudo-class rules, one class per unique
   source attribute value, !important to beat the inline style= attributes,
   verified against the exact style-hover/style-focus values in the 4
   source .dc.html files (grep counts in parity-report.md FLAGS section). */
.hv-cta-dark:hover{background:#1F3350!important;color:#fff!important}
.hv-copy-email:hover{background:#C9F6E4!important}
.hv-add-stack:hover{background:#E6FBF3!important}
.hv-navlink:hover{background:#F6F8FA!important}
.hv-outline-dark:hover{border-color:#0F1B2D!important;color:#0F1B2D!important}
.hv-contact-email:hover{color:#fff!important;border-color:#fff!important}
.hv-bg-1f3350:hover{background:#1F3350!important}
.hv-pill:hover{border-color:#0B7654!important;color:#0B7654!important}
.hv-greenlink:hover{color:#0B7654!important}
.hv-white-text:hover{color:#fff!important}
.fc-skip:focus{left:8px!important}

/* The source's sc-if removes the mobile nav from the DOM entirely when
   closed; the static port instead uses the [hidden] attribute, which must
   win over the "@media (max-width:860px){.nav-m{display:flex!important}}"
   rule in each page's own <style> block. [hidden] alone only has UA-sheet
   priority (no !important), so it loses to that media-query rule on its
   own; this selector raises specificity (class+attribute) so it wins
   regardless of source order, same for any other [hidden] toggle. */
[hidden]{display:none!important}
.nav-m[hidden]{display:none!important}