/* ---------------------------------------------------------------------------
   Site-wide.                                              v1.7.0, 1.9.2, 1.9.3

   1. The dark page ground. Novo's dark mode (Theme Options > Site Color
      Mode: Dark, which puts .site-dark on <body>) paints the page pure
      black, while the header and the entry page are #0f1113 -- so a black
      band showed under the header. One ground for all of it.
      Only when the site is dark: switch Novo back to Light and this rule
      does nothing.

   2. Links without underline (Mark, 15 October). The underline came from
      the browser's own default; neither Novo nor this theme asked for it.
      Links keep their colour and turn the accent on hover and keyboard
      focus, so they still show themselves as links. Applies whether the
      site is dark or light.
   --------------------------------------------------------------------------- */

html body.site-dark{ background-color:#0f1113; }

html body a,
html body a:hover,
html body a:focus,
html body .gdpr-modal-block a{ text-decoration:none; }   /* the last: Novo's cookie notice asks for one */

html body .site-content a:not(.bv-tile):hover,
html body .site-content a:not(.bv-tile):focus-visible,
html body .bv-legacy-page a:hover,
html body .bv-legacy-page a:focus-visible{ color:#c48f56; }
/* (a tile keeps its own hover -- the picture's slow zoom) */

/* ---------------------------------------------------------------------------
   3. Links in running text show themselves (v1.9.2). Mark, 18 October: the
      links that remain in the long texts need a visual cue -- the light blue
      of the theme (#79b8d4, the header's accent). Only links inside text
      (paragraphs, lists, quotes, tables, captions); not tiles, gallery
      pictures, buttons or menus. Hover and keyboard focus stay the copper of
      section 2. If the site is ever switched to light, a darker blue keeps
      the contrast.
   --------------------------------------------------------------------------- */
html body .site-content :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link),
html body .bv-legacy-page :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link){ color:#79b8d4; }
html body:not(.site-dark) .site-content :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link),
html body:not(.site-dark) .bv-legacy-page :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link){ color:#2b7aa1; }
html body .site-content :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link):is(:hover,:focus-visible),
html body .bv-legacy-page :is(p,li,dd,dt,td,th,blockquote,figcaption) a:not(.bv-tile):not(.bv-zoom-btn):not(.bv-gallery-link):is(:hover,:focus-visible){ color:#c48f56; }
/* Six pages (Acquisition & Home Gallery, the fp and fp L articles, Butterflies in
   Switzerland, the two book pages: 73 links, measured 24 October) colour their
   links green in the page text itself (style="color:#00CC00"). Same cue for
   those: the theme blue, copper on hover. Only that green is changed. */
html body .site-content a[style*="00cc00" i],
html body .bv-legacy-page a[style*="00cc00" i]{ color:#79b8d4 !important; }
html body .site-content a[style*="00cc00" i]:is(:hover,:focus-visible),
html body .bv-legacy-page a[style*="00cc00" i]:is(:hover,:focus-visible){ color:#c48f56 !important; }

/* ---------------------------------------------------------------------------
   4. Reconstructed blog posts (v1.9.3). Mark, 24 October: the SIGMA blog
      posts that are gone are rebuilt here from his manuscripts, each on a
      page of its own; their text sits in <div class="bv-rb">. Pictures as
      the posts had them (centred, at most their own width), pairs side by
      side (one above the other on a phone), and the footnote set off.
   --------------------------------------------------------------------------- */
html body .bv-rb .bv-rb-sub{ font-size:1.05rem; opacity:.75; margin:-.4rem 0 1.6rem; }
html body .bv-rb h3{ margin-top:2rem; }
html body .bv-rb .bv-rb-fig{ margin:1.6rem 0; text-align:center; }
html body .bv-rb .bv-rb-fig img{ display:inline-block; max-width:100%; height:auto; }
html body .bv-rb .bv-rb-pair{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; }
html body .bv-rb .bv-rb-pair img{ flex:1 1 300px; max-width:calc(50% - 6px); min-width:240px; object-fit:contain; }
@media (max-width:560px){ html body .bv-rb .bv-rb-pair img{ max-width:100%; } }
html body .bv-rb .bv-rb-rule{ margin:2.4rem 0 1.2rem; border:0; border-top:1px solid rgba(128,128,128,.35); }
html body .bv-rb .bv-rb-note{ font-size:.92rem; opacity:.8; }
html body .bv-rb-xlink{ font-size:.95rem; opacity:.85; }
/* v1.9.4: "View in detail" under a picture that has a deep-zoom pack; in a pair, picture and button share a cell */
html body .bv-rb .bv-rb-zoom{ display:block; }
html body .bv-rb .bv-rb-pair .bv-rb-cell{ flex:1 1 300px; max-width:calc(50% - 6px); min-width:240px; display:block; }
html body .bv-rb .bv-rb-pair .bv-rb-cell img{ flex:none; display:block; width:100%; max-width:100%; min-width:0; height:auto; margin:0 auto; }
@media (max-width:560px){ html body .bv-rb .bv-rb-pair .bv-rb-cell{ max-width:100%; } }
/* v1.9.5: captions in the reconstructed posts (lens and settings, as in the manuscripts), under a picture or under each picture of a pair */
html body .bv-rb .bv-rb-cap{ display:block; margin:.45rem auto 0; padding:0 4px; font-size:.82rem; line-height:1.4; opacity:.72; text-align:center; }
/* v1.9.5: a pair whose cells carry --ar (width/height of the picture) is set like a justified row: both pictures the same height */
html body .bv-rb .bv-rb-pair .bv-rb-cell[style*="--ar"]{ flex:var(--ar) 1 0; max-width:none; min-width:0; }
@media (max-width:560px){ html body .bv-rb .bv-rb-pair .bv-rb-cell[style*="--ar"]{ flex:1 1 100%; } }