.tphsr-product-directory,
.tphsr-related-guides,
.tphsr-sources {
box-sizing: border-box;
width: 100%;
max-width: 1140px;
margin: 36px auto;
padding: 26px;
border: 1px solid #eadde2;
border-radius: 14px;
background: #fffafb;
color: #171717;
}
.tphsr-product-directory h2,
.tphsr-related-guides h2,
.tphsr-sources h2,
.tphsr-page-title {
margin-top: 0;
color: #c8798d;
}
.tphsr-product-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
margin-top: 20px;
}
.tphsr-product-link {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
min-height: 64px;
padding: 14px 16px;
border: 1px solid #e3c5ce;
border-radius: 10px;
background: #fff;
color: #171717;
text-decoration: none;
}
.tphsr-product-link:hover,
.tphsr-product-link:focus {
border-color: #c8798d;
box-shadow: 0 3px 12px rgba(200, 121, 141, .17);
color: #171717;
}
.tphsr-product-link span {
flex: 0 0 auto;
color: #9c435a;
font-size: .9em;
font-weight: 700;
}
.tphsr-related-guides ul,
.tphsr-sources ul {
margin-bottom: 0;
}
.tphsr-related-guides li,
.tphsr-sources li {
margin-bottom: 8px;
}
.tphsr-date-labels .posted-on time.entry-date.published::before {
content: "Published ";
}
.tphsr-date-labels .posted-on time.updated:not(.published)::before {
content: " · Updated ";
margin-left: .2em;
}
.tphsr-date-labels .byline .author {
margin-left: .25em;
}
.tphsr-date-labels .posted-on {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
gap: .2em;
}
.tphsr-repaired-image-heading {
margin: 1.5em 0;
}
@media (max-width: 900px) {
.tphsr-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
.tphsr-product-directory,
.tphsr-related-guides,
.tphsr-sources { padding: 20px; }
.tphsr-product-grid { grid-template-columns: 1fr; }
}