/* colony.html: the chapter blurb, and the legend swatches for its layers.
   The chapter buttons and the rest of the map chrome live in map.css. */
#chapters { margin: 0 0 .35rem; }
#chapters button { text-align: left; }
#chapters button .yrs { display: block; font-size: 10px; color: var(--muted); }
#chapters button.active .yrs { color: var(--paper); opacity: .7; }
#chblurb { margin: .15rem 0 .6rem; min-height: 1.2em; }

.maplegend .core { border-color: var(--d-colony); background: color-mix(in srgb, var(--d-colony) 35%, transparent); }
.maplegend .reserve { border-color: var(--d-reserve); background: color-mix(in srgb, var(--d-reserve) 25%, transparent); }
.maplegend .sold { border-color: var(--d-sold); background: rgba(212,185,60,.4); }
.maplegend .quiet { border-color: var(--d-quiet); background: color-mix(in srgb, var(--d-quiet) 12%, transparent); }
.maplegend .own-c { border-color: var(--d-colony); background: color-mix(in srgb, var(--d-colony) 30%, transparent); }
.maplegend .own-l { border-color: var(--d-lessee); background: color-mix(in srgb, var(--d-lessee) 30%, transparent); }
.maplegend .own-a { border-color: var(--d-american); background: color-mix(in srgb, var(--d-american) 30%, transparent); }
.maplegend .pub { border-color: var(--d-public); background: rgba(93,74,122,.4); }
.maplegend .h19 { border-color: var(--d-colony-dark); background: color-mix(in srgb, var(--d-colony) 60%, transparent); }
.maplegend .r19 { border-color: var(--d-r1900); background: rgba(176,141,87,.55); }
.maplegend .site-dot { display: inline-block; width: 9px; height: 9px;
       margin: 0 .55rem 0 .15rem; border-radius: 50%;
       border: 1.5px solid var(--d-colony-dark); background: var(--paper);
       vertical-align: baseline; }

.lbl1900 { background: none; border: none; box-shadow: none;
           font: italic 11px var(--serif); color: var(--d-colony-dark); }
.lbl1900::before { display: none; }