/* colony.html: chapter bar, and the legend swatches for its layers.
   The shared map chrome lives in map.css. */
#chapters { display:flex; flex-wrap:wrap; gap:.45rem; margin:0 0 .35rem; }
#chapters button { font:13px/1.35 Georgia, serif; text-align:left;
       padding:.4rem .75rem; cursor:pointer; border-radius:3px;
       border:1px solid #c9c0ae; background:rgba(251,250,247,.96);
       color:var(--ink); }
#chapters button .yrs { display:block; font-size:10.5px;
       letter-spacing:.05em; text-transform:uppercase; color:var(--muted); }
#chapters button.active { background:var(--accent); border-color:var(--accent);
       color:#fff; }
#chapters button.active .yrs { color:rgba(255,255,255,.75); }
#chblurb { margin:.15rem 0 .6rem; min-height:1.2em; }

.maplegend .core { border-color:#7a3b2e; background:rgba(122,59,46,.35); }
.maplegend .reserve { border-color:#3d5a73; background:rgba(61,90,115,.25); }
.maplegend .sold { border-color:#a8871a; background:rgba(212,185,60,.4); }
.maplegend .quiet { border-color:#8a8272; background:rgba(138,130,114,.12); }
.maplegend .own-c { border-color:#7a3b2e; background:rgba(122,59,46,.3); }
.maplegend .own-l { border-color:#a8871a; background:rgba(168,135,26,.3); }
.maplegend .own-a { border-color:#5f6b56; background:rgba(95,107,86,.3); }
.maplegend .pub { border-color:#3f3358; background:rgba(93,74,122,.4); }
.maplegend .h19 { border-color:#4a2418; background:rgba(122,59,46,.6); }
.maplegend .r19 { border-color:#7a5c33; 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 #4a2418;
       background:#fbfaf7; vertical-align:baseline; }

.lbl1900 { background:none; border:none; box-shadow:none;
           font:italic 11px Georgia, serif; color:#4a3728; }
.lbl1900::before { display:none; }