.preview-footer { max-width:1180px; margin:0 auto; padding:3rem 2rem 7rem; border-top:1px solid var(--border); }
.preview-footer-inner { display:flex; justify-content:space-between; align-items:end; gap:32px; }
.preview-footer h2 { font:400 2rem/1.3 var(--font-serif); margin-bottom:16px; }
.preview-footer-links { display:flex; flex-wrap:wrap; gap:24px; }
.preview-footer a { color:var(--green); text-decoration:none; font-size:16px; }
.preview-footer a:hover { text-decoration:underline; }
.preview-footer a:focus-visible { outline:2px solid var(--green); outline-offset:4px; }
.preview-footer-credit { font-size:13px; color:var(--text-secondary); }
.preview-footer-credit strong { font-weight:400; }
.footer-credit-break { display:none; }
html.game-case-study .preview-footer { display:none; }
@media(max-width:700px) { .preview-footer-inner { align-items:start; flex-direction:column; } }

/* Match section spacing to the editorial comparison version. */
html:not(.game-case-study) .section { padding-top:32px; padding-bottom:32px; }
html:not(.game-case-study) .hero { padding-bottom:16px; }
html:not(.game-case-study) .hero + .section { padding-top:24px; }
html:not(.game-case-study) .section h2 { margin-bottom:26px; }
@media(max-width:600px) {
 html:not(.game-case-study) .section { padding-top:24px; padding-bottom:24px; }
}

.preview-footer .preview-footer-credit .footer-copyright { display:block; font-size:13px; font-weight:400; color:var(--text-secondary); margin:0 0 3px; }

/* Keep footer metadata together below the divider, beside the contact links. */
.preview-footer .preview-footer-credit {
 display:flex; flex-wrap:wrap; align-items:baseline; justify-content:flex-end;
 gap:4px 16px; max-width:none;
}
.preview-footer .preview-footer-credit .footer-copyright { margin:0; white-space:nowrap; }
.preview-footer .preview-footer-credit strong { font-size:13px; font-weight:400; }
@media(max-width:700px) {
 .preview-footer .preview-footer-credit { justify-content:flex-start; gap:4px 12px; }
}

@media(min-width:701px) {
 .preview-footer .preview-footer-credit { column-gap:32px; }
}

@media(min-width:481px) {
 .preview-footer .preview-footer-credit { column-gap:32px; }
}

/* Readable mobile footer type and comfortable contact targets. */
@media(max-width:700px) {
 .preview-footer .preview-footer-links a {
  font-size:16px; min-height:44px;
  display:inline-flex; align-items:center;
 }
 .preview-footer .preview-footer-credit,
 .preview-footer .preview-footer-credit strong,
 .preview-footer .preview-footer-credit .footer-copyright { font-size:13px; }
}

/* Keep footer text readable across every viewport size. */
.preview-footer .preview-footer-links a { font-size:16px; }
.preview-footer .preview-footer-credit,
.preview-footer .preview-footer-credit strong,
.preview-footer .preview-footer-credit .footer-copyright { font-size:13px; }

.preview-footer .preview-footer-credit strong .credit-phrase { font-size:inherit; }

/* Keep footer spacing steady as the layout wraps. */
.preview-footer .footer-invitation .preview-footer-links,
.preview-footer .preview-footer-links { column-gap:32px; row-gap:12px; }
.preview-footer .footer-invitation .preview-footer-links a + a,
.preview-footer .preview-footer-links a + a { margin-left:0; padding-left:0; }
.preview-footer .preview-footer-links a { min-height:44px; display:inline-flex; align-items:center; }
.preview-footer .preview-footer-credit { column-gap:32px; }

/* Align contact links and metadata on their text baseline. */
.preview-footer-inner { align-items:baseline; }
.preview-footer .footer-invitation .preview-footer-links,
.preview-footer .preview-footer-links { align-items:baseline; }
.preview-footer .preview-footer-credit { align-self:baseline; align-items:baseline; }