/* GENERATED by scripts/build-edge-assets.mjs — do not edit. Source: src/layouts/Layout.astro. */ .ib-header { border-bottom: 1px solid var(--ib-border); background: var(--ib-paper); position: sticky; top: 0; z-index: 10; } .ib-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 0.75rem; flex-wrap: wrap; } /* Wordmark — the real artwork lockup (SVG) */ .ib-wordmark { display: inline-flex; align-items: center; text-decoration: none; } .ib-wordmark img { height: 46px; width: auto; } .ib-wordmark__img--light { display: block; } .ib-footer__wordmark { height: 96px; width: auto; margin: 0.25rem auto 0.75rem; } .ib-nav { display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; } .ib-nav a { font-family: var(--ib-font-display); font-weight: 600; text-decoration: none; color: var(--ib-deep-teal); } .ib-nav a:not(.ib-btn):hover { color: var(--ib-turquoise); } /* the CTA pill keeps its own white label (beat .ib-nav a specificity) */ .ib-nav a.ib-btn--primary, .ib-nav a.ib-btn--primary:hover { color: var(--ib-cta-text); } .ib-footer { margin-top: 4rem; background: var(--ib-mist); border-top: 1px solid var(--ib-border); } .ib-footer__inner { padding-block: 2rem; text-align: center; } .ib-footer__brand { font-size: 1.4rem; margin: 0.5rem 0 0.75rem; } .ib-footer__meta, .ib-footer__links { color: var(--ib-slate); margin: 0.25rem 0; } .ib-footer .ib-signature { font-size: 1.25rem; } .ib-footer__social { display: flex; justify-content: center; gap: 1.1rem; margin: 1rem 0 0.5rem; } .ib-footer__social a { color: var(--ib-slate); display: inline-flex; } .ib-footer__social a:hover { color: var(--ib-deep-teal); } .ib-footer__links a { color: var(--ib-slate); text-decoration: none; } .ib-footer__links a:hover { color: var(--ib-deep-teal); text-decoration: underline; } .ib-footer__disclaimer { color: var(--ib-slate); opacity: 0.85; font-size: 0.78rem; line-height: 1.5; max-width: 46rem; margin: 1.5rem auto 0; } .ib-footer__legal { color: var(--ib-slate); font-size: 0.85rem; margin: 1.25rem 0 0.35rem; } .ib-footer__legal-links { font-size: 0.85rem; } .ib-footer__build { color: var(--ib-slate); opacity: 0.7; font-size: 0.78rem; font-variant-numeric: tabular-nums; margin-top: 0.9rem; } /* theme toggle */ .ib-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; border: 2px solid var(--ib-line); border-radius: 999px; background: transparent; color: var(--ib-deep-teal); cursor: pointer; padding: 0; } .ib-theme-toggle:hover { border-color: var(--ib-turquoise); color: var(--ib-turquoise); } /* Show only the icon matching the active preference. [data-theme-pref] is set on before paint. The .ib-theme-toggle ancestor is included so these state rules carry the same scope-attribute count as the base rule below PLUS the extra [data-theme-pref] attribute — giving them higher specificity so they reliably win. (The old rules used a bare :global() ancestor and lost to the two-attribute scoped base, so only "auto" ever showed.) */ .ib-theme-toggle .ti { display: none; align-items: center; justify-content: center; } [data-theme-pref="auto"] .ib-theme-toggle .ti-auto, [data-theme-pref="light"] .ib-theme-toggle .ti-light, [data-theme-pref="dark"] .ib-theme-toggle .ti-dark { display: inline-flex; } /* light/dark image swap */ .ib-wordmark__img--dark { display: none; } [data-theme="dark"] .ib-wordmark__img--light { display: none; } [data-theme="dark"] .ib-wordmark__img--dark { display: block; } /* the host signature is dark ink artwork — flip to light on dark backgrounds */ [data-theme="dark"] .ib-signature-img { filter: brightness(0) invert(1); }