#photos-beta[hidden] { display: none !important; }
.photos-beta-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 28px 0 12px; }
.photos-beta-heading h1 { margin: 8px 0; font: 42px var(--serif); color: var(--green-dark); }
.photos-beta-heading small { font: 12px Arial, sans-serif; padding: 5px 9px; border: 1px solid #cbd9cc; border-radius: 5px; vertical-align: middle; }
.photos-beta-help, .photos-beta-credit { color: #657168; font-size: 12px; line-height: 1.6; }
.photos-beta-credit a { color: var(--green-dark); text-underline-offset: 2px; }
#photos-beta-frame { display: block; width: 100%; height: max(650px, 78vh); border: 1px solid #d5dfd6; border-radius: 7px; background: #f1f3ee; }
@media(max-width:700px) { .photos-beta-heading { align-items: flex-start; flex-direction: column; } .photos-beta-heading h1 { font-size: 32px; } }
@media(min-width:701px) and (max-width:850px) { .sidebar .main-nav { flex-wrap: wrap; } }