/* NewingtonWeather modern styling for wxtempsummary.php */

#main-copy{
  width:100%;
  max-width:none;
  margin:0;
  padding:28px 0 40px;
  box-sizing:border-box;
}

.nw-tsum-page{
  width:calc(100% - 48px);
  max-width:1720px;
  margin:0 auto;
  box-sizing:border-box;
  font-family:Arial,Helvetica,sans-serif;
  color:#17344d;
}

.nw-tsum-card{
  overflow:hidden;
  background:#fff;
  border:1px solid #d8e4ec;
  border-radius:14px;
  box-shadow:0 7px 20px rgba(13,56,82,.08);
}

.nw-tsum-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 18px;
  background:linear-gradient(180deg,#11658f,#0d4f74);
  color:#fff;
}

.nw-tsum-head h1{
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:900!important;
  line-height:1.2!important;
}

.nw-tsum-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
}

.nw-tsum-live i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#52df79;
  box-shadow:0 0 8px rgba(82,223,121,.7);
}

.nw-tsum-subtitle{
  padding:12px 18px;
  border-bottom:1px solid #e5edf3;
  background:#fff;
  color:#3d5f73;
  font-size:13px;
}

.nw-tsum-body{
  padding:18px;
  background:#f7fbfd;
}

#report{
  width:100%;
  margin:0 auto;
  padding:16px;
  background:#fff;
  border:1px solid #dfe9ef;
  border-radius:12px;
  box-sizing:border-box;
  overflow-x:auto;
}

#report > center > h1,
#report center h1{
  margin:0 0 6px!important;
  color:#0d4f74!important;
  font-size:20px!important;
  font-weight:900!important;
}

#report > table:first-of-type{
  width:auto!important;
  margin:0 auto 14px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
}

#report > table:first-of-type td{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
}

/* Compact wxreportinclude.php controls */
#report > table:first-of-type td > *{
  max-width:100%!important;
}

#report > table:first-of-type table{
  width:auto!important;
  margin:8px auto 0!important;
  border-collapse:separate!important;
  border-spacing:6px 6px!important;
}

#report > table:first-of-type table tr{
  display:table-row!important;
}

#report > table:first-of-type table td{
  display:table-cell!important;
  width:auto!important;
  padding:0 3px!important;
  border:0!important;
  background:transparent!important;
  text-align:center!important;
  vertical-align:middle!important;
}

#report > table:first-of-type a,
#report > table:first-of-type input[type="submit"],
#report > table:first-of-type input[type="button"],
#report > table:first-of-type button{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  margin:2px!important;
  padding:6px 10px!important;
  border:1px solid #176f98!important;
  border-radius:7px!important;
  background:#176f98!important;
  color:#fff!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

#report > table:first-of-type input[type="radio"]{
  margin-right:4px!important;
}

/* Main summary table */
#report > table:nth-of-type(2){
  width:100%!important;
  min-width:1450px;
  margin:0!important;
  border-collapse:collapse!important;
  table-layout:fixed;
}

#report > table:nth-of-type(2) th,
#report > table:nth-of-type(2) td{
  padding:6px 7px!important;
  border:1px solid #6e808b!important;
  text-align:center!important;
  font-size:11px!important;
}

#report .tableheading{
  background:#0d4f74!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
}

#report .labels{
  background:#176f98!important;
  color:#fff!important;
  font-weight:900!important;
}

#report .reportttl{
  background:#e3edf3!important;
  color:#17344d!important;
  font-weight:800!important;
}

#report .separator{
  height:10px!important;
  border:0!important;
  background:#fff!important;
}

/* Center the color key independently from the full-width summary table */
#report > table + table:last-of-type,
#report > table:nth-of-type(3){
  width:max-content!important;
  max-width:calc(100% - 40px)!important;
  min-width:0!important;
  margin:14px auto 0!important;
  table-layout:auto!important;
  border-collapse:separate!important;
}

#report > table:nth-of-type(3) td{
  padding:7px 10px!important;
  text-align:center!important;
  border:1px solid #d6e3eb!important;
}

#report .colorband{
  background:#176f98!important;
  color:#fff!important;
  font-weight:900!important;
  text-align:center!important;
}

.nw-tsum-note{
  margin:10px auto 0;
  color:#5f7484;
  font-size:11px;
  text-align:left;
}

.nw-tsum-copy{
  margin:8px auto 0;
  color:#6a8090;
  font-size:10px;
  text-align:center;
}

@media(max-width:760px){
  .nw-tsum-page{width:calc(100% - 16px)}
  .nw-tsum-head{padding:10px 12px}
  .nw-tsum-head h1{font-size:17px!important}
  .nw-tsum-live{display:none}
  .nw-tsum-body{padding:8px}
  #report{padding:8px}
}


/* =========================================================
   Tighten spacing below "Data last updated"
   ========================================================= */

/* The first small table under the Temperature Summary title contains
   the update text and legacy report controls. Keep it compact. */
#report > table:first-of-type{
  margin: 0 auto 12px !important;
}

#report > table:first-of-type td{
  padding: 0 !important;
  line-height: 1.25 !important;
}

/* Pull the wxreportinclude.php controls up closer to the update line. */
#report > table:first-of-type td > table{
  margin-top: 10px !important;
}

/* Remove legacy spacer breaks/margins that create the large empty gap. */
#report > table:first-of-type br{
  line-height: 0 !important;
}

#report > table:first-of-type p,
#report > table:first-of-type div{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Keep a modest gap before the first summary table. */
#report > table:nth-of-type(2){
  margin-top: 14px !important;
}