/*===========================================================================
  landing.css

  Styles for the two WxDash landing pages:

    /            the section chooser (WeatherDash / FogDash)
    /weatherdash/  the WeatherDash section home

  Both render a row of "cards", one per destination. Kept out of wxdash.css
  so the shared stylesheet isn't touched by the section split; the palette
  (#353942 panel, #2a2d33 border, #a6192e accent) matches wxdash.css.
  ===========================================================================*/

.box_landing
{
  margin: 0px 0px 40px 0px;
  padding: 0px;
}


.box_landing h2
{
  margin: 10px 0px 4px 0px;
  font-family: OpenSans,Arial,sans-serif;
  font-size: 26px;
  font-weight: normal;
  color: #ffffff;
}


.box_landing p.lead
{
  margin: 0px 0px 28px 0px;
  max-width: 760px;
  font-size: 15px;
  color: #d8dade;
}


.box_cards
{
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
}


.box_card
{
  box-sizing: border-box;
  padding: 22px 24px 24px 24px;
  width: 300px;
  min-height: 190px;
  background-color: #353942;
  border: 1px solid #2a2d33;
  border-left: 4px solid #a6192e;
  cursor: pointer;
}


.box_card:hover
{
  background-color: #3f4450;
}


.box_card h3
{
  margin: 0px 0px 10px 0px;
  font-family: OpenSans,Arial,sans-serif;
  font-size: 19px;
  color: #ffffff;
  text-transform: uppercase;
}


.box_card p
{
  margin: 0px 0px 14px 0px;
  font-size: 14px;
  line-height: 1.6em;
  color: #d8dade;
}


.box_card span.card_url
{
  font-family: Consolas,"Courier New",monospace;
  font-size: 12px;
  color: #9aa0ac;
  word-break: break-all;
}


.box_card span.card_note
{
  display: block;
  margin-top: 10px;
  font-size: 12px;
  font-style: italic;
  color: #9aa0ac;
}