/* Additions for the public login and guide links; account/admin styles stay intact. */
.login-heading-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 115px;
}
.login-heading-brand .header { margin: 0; padding: 0; border: 0; }
.login-heading-brand img { width: 36px; height: 36px; object-fit: contain; }
.login-seo-content { margin-top: 28px; }
body:has(.showpay-public-main) { background-color: #fff; }
.showpay-public-main .seo-links { gap: 14px 20px; }
.showpay-public-main .seo-links a { color: #0056b3; }
.showpay-public-main a:focus-visible { outline: 3px solid #0056b3; outline-offset: 4px; }
.showpay-public-main .seo-faq summary { cursor: pointer; font-weight: 600; color: #172033; padding: 12px 0; }
.showpay-public-main .seo-faq details { border-bottom: 1px solid #e6edf5; }
.seo-updated,.resource-note { font-size: 13px; color: #526176; }
.seo-jump-links { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.seo-jump-links a { padding: 8px 13px; border: 1px solid #dbe8f5; border-radius: 24px; background: #f4f9ff; text-decoration: none; font-size: 13px; font-weight: 600; }
.showpay-public-main .seo-task-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.seo-card h3 { margin: 10px 0; }
.seo-topic,.showpay-resources { margin-top: 32px; padding-top: 26px; border-top: 1px solid #e6edf5; scroll-margin-top: 24px; }
.resource-heading p { max-width: 70ch; }
.resource-video-grid,.resource-image-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 20px 0 28px; }
.resource-video-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.resource-card { padding: 20px; border: 1px solid #deebf8; border-radius: 14px; background: #f8fbff; }
.resource-card h3 { margin: 10px 0; font-size: 19px; }
.resource-card a { font-weight: 650; }
.resource-label { color: #526176; font-size: 11px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.resource-image-grid figure { margin: 0; padding: 16px; border: 1px solid #e6edf5; border-radius: 14px; background: #fff; }
.resource-image-grid img { display: block; width: 100%; height: 280px; object-fit: contain; background: #f8fafc; border-radius: 8px; }
.resource-image-grid figcaption { margin-top: 12px; color: #526176; font-size: 13px; line-height: 1.6; }
.resource-platforms { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 16px 0; padding: 0; list-style: none; }
.resource-platforms li { margin: 0; }
.resource-platforms a { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 14px; border: 1px solid #deebf8; border-radius: 12px; text-decoration: none; }
.resource-platforms a:hover { background: #f4f9ff; border-color: #8dc5ff; }
.resource-platforms span { color: #526176; font-size: 12px; }
@media(max-width:640px) { .showpay-public-main .seo-task-grid,.resource-video-grid,.resource-image-grid,.resource-platforms { grid-template-columns: 1fr; } .resource-image-grid img { height: 260px; } }