/* PH Metals blog visual repair v2.
   Loads after ph-blog-showcase-v1.css. Scoped to the blog only. */
.phblog.phblog-index {overflow:visible!important;}
.phblog .phblog-container,
.phblog .phblog-filter-area,
.phblog .phblog-featured,
.phblog .phblog-feature-cards,
.phblog .phblog-list-cards,
.phblog .phblog-card,
.phblog .phblog-card__body,
.phblog .phblog-card__footer {overflow:visible!important;max-height:none!important;height:auto;}
.phblog .phblog-container {display:block;}
.phblog .phblog-feature-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:26px;padding:18px 0 56px;}
.phblog .phblog-card--grid {display:flex;flex-direction:column;min-width:0;min-height:0;}
.phblog .phblog-card--grid .phblog-card__photo {display:block;flex:0 0 auto;width:100%;aspect-ratio:1.58;overflow:hidden!important;}
.phblog .phblog-card--grid .phblog-card__body {display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 0 0;}
.phblog .phblog-card h3 {height:auto!important;max-height:none!important;min-height:0!important;display:block!important;overflow:visible!important;white-space:normal!important;overflow-wrap:break-word;line-height:1.43!important;margin:0 0 13px!important;}
.phblog .phblog-card h3 a {display:inline!important;line-height:inherit!important;}
.phblog .phblog-card__footer {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:auto;padding:12px 0 0!important;visibility:visible!important;opacity:1!important;}
.phblog .phblog-card__footer .phblog-author {min-width:0;}
.phblog .phblog-card__footer .phblog-link {margin-left:auto;}
.phblog .phblog-list-cards {display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:min(900px,100%);margin:0 auto;}
.phblog .phblog-card--line {display:grid!important;grid-template-columns:minmax(0,43%) minmax(0,1fr);align-items:stretch;gap:24px;min-height:0!important;padding:13px;border:1px solid #e3e6ef;background:white;}
.phblog .phblog-card--line .phblog-card__photo {position:relative;display:block;align-self:stretch;min-height:225px;aspect-ratio:auto!important;overflow:hidden!important;}
.phblog .phblog-card--line .phblog-card__photo img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.phblog .phblog-card--line .phblog-card__body {display:flex;flex-direction:column;min-height:225px;min-width:0;padding:7px 4px 7px 0;}
.phblog .phblog-card--line h3 {font-size:18px;}
.phblog .phblog-card--line .phblog-card__excerpt {font-size:13px;line-height:1.65;display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;overflow:visible!important;white-space:normal!important;max-height:none!important;margin:0 0 8px;}
.phblog .phblog-card--line .phblog-card__footer {margin-top:auto;padding-top:17px!important;}
.phblog .phblog-index__divider {clear:both;}
.phblog .phblog-filter-area {padding-bottom:85px;}
.phblog .phblog-pagination {display:flex!important;position:relative;clear:both;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:38px auto 0;padding:14px 0 4px;height:auto!important;max-height:none!important;overflow:visible!important;}
.phblog .phblog-pagination>* {display:inline-flex;align-items:center;justify-content:center;min-height:35px;white-space:nowrap;}
.phblog .phblog-page.active {color:#1c359c;border-bottom:2px solid #fa6d6a;background:#fff0f0;}
@media(max-width:900px){
 .phblog .phblog-feature-cards {gap:18px;}
 .phblog .phblog-card--line {gap:16px;}
 .phblog .phblog-card--line .phblog-card__footer {gap:8px;}
}
@media(max-width:680px){
 .phblog .phblog-feature-cards {grid-template-columns:minmax(0,1fr);gap:30px;padding-bottom:42px;}
 .phblog .phblog-card--grid .phblog-card__photo {aspect-ratio:1.7;}
 .phblog .phblog-card--line {grid-template-columns:minmax(0,1fr);gap:10px;padding:11px;}
 .phblog .phblog-card--line .phblog-card__photo {min-height:0;height:auto!important;aspect-ratio:1.6!important;}
 .phblog .phblog-card--line .phblog-card__body {min-height:0;padding:10px 6px;}
 .phblog .phblog-card--line .phblog-card__footer {padding-top:12px!important;}
 .phblog .phblog-filter-area {padding-bottom:55px;}
 .phblog .phblog-pagination {margin-top:28px;gap:4px;font-size:14px;}
}