/* New Lower 48 moose page and related inserts, Nov 11 2026.
   Extra rules for wide Tanner landscapes. Does not change sitewide heroes
   or the portrait rules in td-photos-20261111.css.
   Selectors use [class]:not(#cn-a) to beat fieldtag/calmnav cover-crop rules. */

html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-media{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  align-items:stretch !important;
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  background:#1a1d18 !important;
  padding-top:0 !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 auto !important;
  background:#1a1d18 !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-img img,
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-img img.phero-img-td{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:100% !important;
  max-width:min(100%, 1600px) !important;
  height:auto !important;
  max-height:min(70svh, 820px) !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 auto !important;
  transform:none !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-shade,
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-cue{display:none !important}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-text{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  padding:22px 22px 18px !important;
  box-sizing:border-box !important;
  background:#1a1d18 !important;
  color:#f1ebdf !important;
  text-align:left !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-text .lede,
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero--detail .lede,
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-text p.lede{
  display:block !important;
  max-width:75ch !important;
  color:#f1ebdf !important;
  margin:8px 0 0 !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-cap{
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  max-width:none !important;
  text-align:left !important;
  padding:8px 22px 12px !important;
  background:#1a1d18 !important;
  color:#c9c0af !important;
}
html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-cap a{color:#e3d6b8 !important}

@media (max-width:599px){
  html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-text{padding:18px 16px 14px !important}
  html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-cap{padding:6px 16px 10px !important}
  html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-img img,
  html body section.phero.phero--td-wide[class]:not(#cn-a) .phero-img img.phero-img-td{
    max-height:min(58svh, 640px) !important;
  }
}

.td-page .tbl.dl27{overflow-x:auto}
.td-page .src-note{font-size:.92rem;color:#4a453c;margin:8px 0 22px}
.td-related{
  max-width:960px;
  margin:28px auto 16px;
  padding:16px 16px 8px;
  box-sizing:border-box;
}
.td-related .td-fig{margin:0 0 12px}
.td-related p{margin:0 0 12px;max-width:42rem}
.td-related .td-related-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:720px){
  .td-related .td-related-grid{grid-template-columns:1fr 1fr}
}