/* Parking article layout fixes, 2026-09-23.
   Scoped so the rest of the Library keeps its current layout. */

.parking-choice-article .library-article-masthead{
  padding-top:40px !important;
  padding-bottom:58px !important;
}

.parking-choice-article.article-photo-split .library-article-masthead > .library-shell{
  display:block !important;
  width:100% !important;
  max-width:none !important;
}

.parking-choice-article .library-article-header{
  margin-top:26px !important;
}

.parking-choice-article .library-article-header h1,
.parking-choice-article.article-photo-split .library-article-content-col .library-article-header h1{
  max-width:840px !important;
  font-size:clamp(50px,4.25vw,64px) !important;
  line-height:1.01 !important;
  letter-spacing:-.052em !important;
  text-wrap:balance;
}

.parking-choice-article .library-article-dek{
  max-width:760px !important;
  margin-top:24px !important;
  font-size:clamp(19px,1.5vw,22px) !important;
  line-height:1.56 !important;
}

.parking-choice-article .library-primary-visual,
.parking-choice-article .library-article-hero-figure{
  width:100% !important;
  max-width:none !important;
  margin:42px 0 0 !important;
  transform:none !important;
  border:1px solid #e3e7eb !important;
  background:#fbfaf7 !important;
}

.parking-choice-article .library-primary-visual picture,
.parking-choice-article .library-primary-visual img{
  display:block;
  width:100% !important;
}

.parking-choice-article .library-primary-visual img{
  height:auto !important;
  aspect-ratio:5 / 2 !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fbfaf7 !important;
}

.parking-choice-article .library-article-opening{
  padding-top:0 !important;
}

.parking-choice-article .library-article-intro{
  max-width:810px;
  margin:0 !important;
  color:#3f4854 !important;
  font-family:'Manrope',Arial,sans-serif !important;
  font-size:clamp(30px,2.65vw,38px) !important;
  line-height:1.2 !important;
  letter-spacing:-.035em !important;
  font-weight:520 !important;
  text-wrap:pretty;
}

.parking-choice-article .library-article-lead{
  max-width:760px;
  margin-top:22px !important;
}

/* Related reading must stay inside the article column. The old nested
   .library-shell was wider than the content column and caused the overlap. */
.parking-choice-article .library-related-section{
  padding:72px 0 84px !important;
  overflow:hidden;
}

.parking-choice-article .library-related-section > .library-shell{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
}

.parking-choice-article .library-related-heading{
  padding-top:30px !important;
  align-items:center !important;
}

.parking-choice-article .library-related-heading h2{
  font-family:'Manrope',Arial,sans-serif !important;
  font-size:clamp(34px,3vw,44px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
  font-weight:820 !important;
}

.parking-choice-article .library-related-grid{
  margin-top:28px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
}

.parking-choice-article .library-related-card,
.parking-choice-article .library-related-card:first-child,
.parking-choice-article .library-related-card:not(:first-child),
.parking-choice-article .library-related-card:nth-child(3){
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  grid-column:auto !important;
  grid-template-columns:none !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

.parking-choice-article .library-related-media{
  width:100% !important;
  aspect-ratio:4 / 3 !important;
  overflow:hidden !important;
  background:#fbfaf7 !important;
  border:1px solid #e7eaee;
}

.parking-choice-article .library-related-media picture{
  display:block !important;
  width:100% !important;
  height:100% !important;
}

.parking-choice-article .library-related-media img,
.parking-choice-article .library-related-card:first-child .library-related-media img,
.parking-choice-article .library-related-card:not(:first-child) .library-related-media img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  object-position:center !important;
}

.parking-choice-article .library-related-copy,
.parking-choice-article .library-related-card:first-child .library-related-copy{
  display:flex !important;
  flex:1 1 auto;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start !important;
  min-width:0;
  padding:16px 0 0 !important;
}

.parking-choice-article .library-related-copy h3,
.parking-choice-article .library-related-card:first-child .library-related-copy h3{
  max-width:100%;
  margin-top:10px !important;
  font-family:'Manrope',Arial,sans-serif !important;
  font-size:clamp(20px,1.55vw,23px) !important;
  line-height:1.14 !important;
  letter-spacing:-.035em !important;
  font-weight:780 !important;
  overflow-wrap:anywhere;
}

.parking-choice-article .library-related-copy p{
  margin-top:10px !important;
  font-size:14px !important;
  line-height:1.58 !important;
}

.parking-choice-article .library-related-link{
  margin-top:16px !important;
  padding-top:0 !important;
}

/* Footer social links */
.parking-choice-article .footer-social-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:22px 0;
  border-top:1px solid rgba(255,255,255,.06);
}

.parking-choice-article .footer-social-row > span{
  color:rgba(219,226,238,.62);
  font-size:13px;
  line-height:1.4;
  font-weight:560;
}

.parking-choice-article .footer-social-links{
  display:flex;
  align-items:center;
  gap:10px;
}

.parking-choice-article .footer-social-links a{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  color:rgba(246,248,252,.86);
  transition:border-color .18s ease,color .18s ease,background .18s ease,transform .18s ease;
}

.parking-choice-article .footer-social-links svg{
  width:17px;
  height:17px;
  display:block;
}

@media (hover:hover) and (pointer:fine){
  .parking-choice-article .footer-social-links a:hover{
    color:#fff;
    border-color:rgba(255,255,255,.34);
    background:rgba(255,255,255,.06);
    transform:translateY(-1px);
  }
}

@media (max-width:1100px){
  .parking-choice-article .library-article-masthead{
    padding-bottom:48px !important;
  }
  .parking-choice-article .library-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .parking-choice-article .library-related-card:last-child{
    grid-column:1 / -1 !important;
    width:calc(50% - 13px);
  }
}

@media (max-width:900px){
  .parking-choice-article .library-article-masthead{
    padding-top:28px !important;
    padding-bottom:44px !important;
  }
  .parking-choice-article .library-primary-visual{
    margin-top:32px !important;
  }
  .parking-choice-article .library-article-intro{
    font-size:clamp(28px,4.6vw,35px) !important;
  }
}

@media (max-width:700px){
  .parking-choice-article .library-article-masthead{
    padding-top:20px !important;
    padding-bottom:36px !important;
  }
  .parking-choice-article .library-article-header h1,
  .parking-choice-article.article-photo-split .library-article-content-col .library-article-header h1{
    font-size:clamp(39px,11vw,49px) !important;
  }
  .parking-choice-article .library-primary-visual{
    margin-top:26px !important;
  }
  .parking-choice-article .library-primary-visual img{
    aspect-ratio:4 / 3 !important;
  }
  .parking-choice-article .library-article-intro{
    font-size:27px !important;
    line-height:1.23 !important;
  }
  .parking-choice-article .library-related-section{
    padding-top:52px !important;
    padding-bottom:64px !important;
  }
  .parking-choice-article .library-related-heading{
    align-items:flex-start !important;
    gap:16px !important;
  }
  .parking-choice-article .library-related-heading h2{
    font-size:32px !important;
  }
  .parking-choice-article .library-related-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }
  .parking-choice-article .library-related-card:last-child{
    grid-column:auto !important;
    width:100% !important;
  }
  .parking-choice-article .footer-social-row{
    align-items:flex-start;
    flex-direction:column;
    gap:14px;
  }
}