/* EQ8 product pages: shared styles. Each page keeps its own extra rules inline. */

/* Visually hidden text, read by screen readers */
.eq8-sr{position:absolute;top:0;inset-inline-start:0;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}

/* Long DOIs and URLs in reference lists wrap instead of widening the page on phones */
li[id^="ref-"] a{overflow-wrap:anywhere}

/* Shared by every board in the design canvas */
body{margin:0;background:#FFFFFF}
a{color:#1E5B37}a:hover{color:#34322D}
.eq8-dir a{color:#4A4842;text-decoration:none}.eq8-dir a:hover{color:#1E5B37;text-decoration:underline}
.eq8-alt,.eq8-alt-even{gap:12px !important;border:0 !important}
.eq8-alt > *,.eq8-alt-even > *{background:#1E5B37;color:#F2EFE7 !important;border:0 !important;transition:background .2s ease}
.eq8-alt > * *,.eq8-alt-even > * *{color:#F2EFE7 !important}
.eq8-alt > a:hover,.eq8-alt-even > a:hover{background:#34322D}

/* Equine8 house style: rounded cards (see tools/eq8/house-style.js for the rest) */
.eq8-alt > *,.eq8-alt-even > *{border-radius:16px}
html{scroll-behavior:smooth}
[style*="background: #1E5B37"] :focus-visible{outline-color:#F2EFE7 !important}