.tph-album-list { display: grid; gap: 64px; }
.tph-album-row { display: grid; grid-template-columns: 240px minmax(0, 1fr); background: #fff; color: #505155; }
.tph-album-cover { display: block; align-self: start; }
.tph-album-cover img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }
.tph-album-details { min-width: 0; padding: 26px 28px; align-self: center; }
#post-19 .tph-album-details h2 { margin: 0 0 18px; font: 700 26px/1.3 Arial, sans-serif; color: #505155; }
#post-19 .tph-album-url { display: block; color: #737373 !important; text-decoration: underline !important; font: 18px/1.5 Arial, sans-serif; overflow-wrap: anywhere; }
.tph-album-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
#post-19 .tph-album-actions .tph-album-button { display: inline-block; border: 0; border-radius: 0; background: #087bb3; color: #fff; padding: 11px 15px; font: 600 14px/1.2 Arial, sans-serif; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.tph-album-actions .tph-album-button:hover { background: #065c87; color: #fff; }
.tph-album-list a:focus-visible, .tph-album-list button:focus-visible { outline: 3px solid #502439; outline-offset: 3px; }
.tph-copy-status { font-size: 14px; }
@media (max-width: 767px) {
    .tph-album-list { gap: 28px; }
    .tph-album-row { grid-template-columns: minmax(0, 1fr); }
    .tph-album-details { padding: 22px; }
    #post-19 .tph-album-details h2 { font-size: 22px; }
    #post-19 .tph-album-url { font-size: 16px; }
}