#bm-colormap .bm-widget-root { min-height: 60px; }
#bm-colormap .bm-form { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; margin-bottom: 14px; }
#bm-colormap .bm-input { font-family: inherit; font-size: 15px; border: 2px solid #000000; padding: 8px 10px; background: #ffffff; color: #000000; min-width: 150px; }
#bm-colormap .bm-input:focus { outline: 3px solid #000000; outline-offset: 1px; }
#bm-colormap select.bm-input { min-width: 170px; }
#bm-colormap .bm-place { position: relative; }
#bm-colormap .bm-suggest { position: absolute; top: 100%; left: 0; right: 0; background: #ffffff; z-index: 20; }
#bm-colormap .bm-suggest-item { display: block; width: 100%; text-align: left; font-family: inherit; font-size: 14px; background: #ffffff; color: #000000; border: 1px solid #000000; border-top: none; padding: 6px 10px; cursor: pointer; text-transform: none; letter-spacing: normal; text-shadow: none; }
#bm-colormap .bm-suggest-item:hover { background: #000000; color: #ffffff; }
#bm-colormap .bm-suggest-item:focus { background: #000000; color: #ffffff; outline: none; }
#bm-colormap .bm-btn-on { background: #000000; color: #ffffff; }
#bm-colormap .bm-unit-toggle { display: flex; gap: 6px; margin: 10px 0; }
#bm-colormap .bm-results { border-top: 2px solid #000000; margin-top: 12px; padding-top: 4px; }
#bm-colormap .bm-row { display: flex; justify-content: space-between; gap: 16px; border-bottom: 1px solid #c9c9c9; padding: 7px 0; font-size: 15px; }
#bm-colormap .bm-row-label { color: #5c5c5c; flex: 0 1 auto; }
#bm-colormap .bm-row-value { font-weight: 700; text-align: right; }
#bm-colormap .bm-note { font-size: 13px; color: #5c5c5c; margin-top: 10px; }
#bm-colormap .bm-mapbox { margin-top: 14px; border: 1px solid #000000; }
#bm-colormap .bm-worldmap { display: block; width: 100%; height: auto; }
#bm-colormap .bm-twinmaps { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
#bm-colormap .bm-globe { display: block; width: 100%; height: auto; }
#bm-colormap .bm-tablewrap { margin-top: 14px; overflow-x: auto; }
#bm-colormap .bm-table { width: 100%; border-collapse: collapse; font-size: 15px; }
#bm-colormap .bm-table th { text-align: left; border-bottom: 2px solid #000000; padding: 7px 8px; }
#bm-colormap .bm-table td { border-bottom: 1px solid #c9c9c9; padding: 7px 8px; }
#bm-colormap .bm-presets { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
#bm-colormap .bm-h3 { font-size: 17px; font-weight: 800; margin: 18px 0 8px 0; }
#bm-colormap .bm-rose { max-width: 240px; margin: 10px auto; }
#bm-colormap .bm-rose-svg { display: block; width: 100%; height: auto; }
#bm-colormap .bm-moon-top { display: flex; gap: 20px; flex-wrap: wrap; align-items: flex-start; }
#bm-colormap .bm-moon-disc { flex: 0 0 auto; }
#bm-colormap .bm-moon-top .bm-results { flex: 1 1 240px; margin-top: 0; }
#bm-colormap .bm-moon-grid { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 14px; }
#bm-colormap .bm-moon-cell { font-family: inherit; background: #ffffff; border: 1px solid #000000; padding: 3px; cursor: pointer; display: flex; flex-direction: column; align-items: center; }
#bm-colormap .bm-moon-cell:hover { outline: 2px solid #000000; }
#bm-colormap .bm-moon-day { font-size: 11px; font-weight: 700; }
@media (max-width: 600px) {
  #bm-colormap .bm-twinmaps { grid-template-columns: 1fr; }
  #bm-colormap .bm-row { flex-direction: column; gap: 2px; }
  #bm-colormap .bm-row-value { text-align: left; }
}
#bm-colormap .bm-hoverbox { position: absolute; display: none; background: #000000; color: #ffffff; font-size: 13px; padding: 4px 8px; pointer-events: none; z-index: 30; white-space: nowrap; }
#bm-colormap .bm-table td { font-variant-numeric: tabular-nums; }
#bm-colormap .bm-parkanchor { color: #000000; font-weight: 700; text-decoration: underline; }
#bm-colormap .bm-parklist li { margin-bottom: 7px; }