/* Change 24: use the exact verified Home/About gutter on Projects and Contact. */
body[data-page="portfolio"] #portfolio,
body[data-page="contact-page"] #contact-page{
  padding-left:var(--shield-gutter)!important;
  padding-right:var(--shield-gutter)!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
/* Align Shield logo's left image edge with Contact heading; tighten credential spacing. */
body[data-page="contact-page"] #contact-page .v20-contact-credentials{
  grid-template-columns:minmax(0,1.55fr) repeat(3,minmax(0,1fr))!important;
  gap:clamp(8px,1.25vw,18px)!important;
  justify-content:start!important;
  padding-left:0!important;
  padding-right:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
body[data-page="contact-page"] #contact-page .v20-contact-credentials > :first-child{
  margin-left:0!important;padding-left:0!important;justify-self:start!important;
}
body[data-page="contact-page"] #contact-page .v20-contact-credentials > :first-child img{
  margin-left:0!important;object-position:left center!important;
}
@media(max-width:850px){
 body[data-page="contact-page"] #contact-page .v20-contact-credentials{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:18px!important;
 }
}