/* vlv-register.css
   Shared styles for Historic Building Register pages
   (fremont.html, strip.html, lvbs.html)
*/

:root {
  --bg: #fafafa;
  --surface: #ffffff;
  --text: #333333;
  --muted: #777777;
  --border: rgba(0,0,0,0.10);
  --header-bg: rgba(255,255,255,0.86);
  --search-bg: rgba(0,0,0,0.04);
  --link: rgb(51,153,204);
  --link-hover: #444444;
}

html, body { padding: 0; margin: 0; background: var(--bg); }
body.vlv-has-nav { padding-top: 80px; }

#vlv-content {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.55;
  max-width: 640px;
  margin: 24px auto;
  padding: 20px;
  background: #ffffff;
  border-radius: 4px;
  border: 1px solid rgba(0,0,0,0.08);
  box-sizing: border-box;
}

/* links */
#vlv-content a { color: rgb(51,153,204); text-decoration: none; }
#vlv-content a:hover { color: #333333; text-decoration: none; }

/* paragraphs */
#vlv-content p { margin: 0 0 1.3em; line-height: 1.7; }
#vlv-content p.indent { padding-left: 1.2em; }

/* li — bare (no ul wrapper), indented via margin-left */
#vlv-content li { margin: 0 0 1.3em 2.2em; line-height: 1.7; list-style-type: disc; }
/* tighten the p immediately before a bare li so spacing is even */
#vlv-content p + li { margin-top: -0.7em; }
#vlv-content li + p { margin-top: -0.4em; }
/* consecutive li elements should sit close together */
#vlv-content li + li { margin-top: -0.9em; }
#vlv-content li a { color: #888; text-decoration: underline; }
#vlv-content li a:hover { color: #333; text-decoration: none; }

#vlv-content hr { border: 0; border-top: 1px solid #e0e0e0; margin: 14px auto; width: 95%; }
#vlv-content strong { font-weight: 600; }

/* .note = muted detail text (replaces <em> for purely visual muting) */
.note { color: #888; font-style: normal; }
.note a { color: #888; text-decoration: underline; }
.note a:hover { color: #333; text-decoration: none; }

/* night mode */
html.vlv-night #vlv-content { background: transparent; border-color: rgba(255,255,255,0.10); color: #e7e7e7; }
html.vlv-night #vlv-content hr { border-top-color: rgba(255,255,255,0.14); }
html.vlv-night #vlv-content a { color: rgb(121,188,221); }
html.vlv-night #vlv-content a:hover { color: #fff; }
html.vlv-night #vlv-content li a { color: rgba(231,231,231,0.60); }
html.vlv-night #vlv-content li a:hover { color: #e7e7e7; text-decoration: none; }
html.vlv-night .note { color: rgba(231,231,231,0.60); }
html.vlv-night .note a { color: rgba(231,231,231,0.60); text-decoration: underline; }
html.vlv-night .note a:hover { color: #e7e7e7; text-decoration: none; }

@media (max-width: 720px) { #vlv-content { margin-top: -10px; } }