/* Inner pages (game pages, releases, Couchlink, My projects): the same look as the home page.
   Loaded after styles.css and home.css; scoped to body.inner. */

body.inner .nav { max-width: 1360px; margin: 0 auto; padding: 0 40px; }
body.home .nav__links a[aria-current="page"] { opacity: 1; font-weight: 600; }
body.inner .wrap { max-width: 1360px; }
body.inner .gp { max-width: 1360px; padding: 8px 40px 72px; gap: 32px; }
body.inner .crumbs { font-size: 13px; }
body.inner .crumbs a { color: var(--muted); text-decoration: none; }
body.inner .crumbs a:hover { color: var(--link); text-decoration: underline; }

/* Hero */
body.inner .gp-hero { align-items: center; gap: 56px; margin-top: 8px; }
body.inner .gp-hero .d-cover { margin: 0; }
body.inner .gp-hero .d-cover img { max-width: 300px; max-height: 400px; border-radius: 26px; box-shadow: 0 36px 80px rgb(0 0 0 / 0.28); }
body.inner .gp-hero__text { gap: 14px; }
body.inner .gp-title {
  font-family: var(--font-display); font-weight: 700; text-transform: none;
  font-size: clamp(2.6rem, 6vw, 4.5rem); line-height: 1.02; letter-spacing: -0.045em; text-wrap: balance;
}
body.inner .gp-lede { font-size: clamp(1.1rem, 2vw, 1.4rem); line-height: 1.4; color: var(--muted); letter-spacing: -0.01em; }

/* The pick */
body.inner .gp-pick { border: 0; border-radius: 26px; background: var(--surface-2); padding: 24px 28px; gap: 22px; }
body.inner .gp-pick > .tier { width: 72px; height: 72px; border-radius: 20px; font-size: 2.2rem; }
body.inner .gp-label, body.inner .gp-badge { color: var(--link); letter-spacing: 0.05em; }
body.inner .gp-pick h2 { font-family: var(--font-display); font-weight: 700; font-size: 1.8rem; letter-spacing: -0.035em; text-transform: none; }
body.inner .gp-pick h2 a:hover { color: var(--link); }
body.inner .gp-pick p { color: var(--muted); }

body.inner .gp-h2 { margin: 16px 0 -8px; font-family: var(--font-display); font-weight: 700; font-size: 2rem; letter-spacing: -0.035em; text-transform: none; }

/* Project cards */
body.inner .gp-compare { gap: 18px; }
body.inner .gp-card { border: 0; border-radius: 26px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
body.inner .gp-card.is-pick { box-shadow: inset 0 0 0 2px var(--accent); }
body.inner .gp-cell { padding: 14px 22px; border-top-color: var(--line); }
body.inner .gp-card__head { padding-top: 22px; }
body.inner .gp-card__title { font-size: 1.4rem; font-weight: 700; letter-spacing: -0.03em; }
body.inner .gp-verdict .tier { width: 48px; height: 48px; border-radius: 14px; font-size: 1.5rem; }
body.inner .gp-k { font-size: 11px; letter-spacing: 0.05em; }
body.inner .gp-links { padding: 4px 22px 22px; gap: 10px 22px; align-items: center; }
body.inner .gp-links .btn { height: auto; padding: 0; border: 0; border-radius: 0; background: none; color: var(--link); font-size: 14px; font-weight: 500; text-decoration: none; }
body.inner .gp-links .btn:hover { filter: none; text-decoration: underline; }
body.inner .gp-links .btn:first-child { height: 40px; padding: 0 20px; border-radius: 980px; background: var(--accent); color: #fff; font-weight: 600; text-decoration: none; }
body.inner .gp-links .btn:first-child:hover { filter: brightness(0.94); text-decoration: none; }

/* Ratings, comments, video */
body.inner .gp-tabs button { height: 36px; border: 0; border-radius: 980px; background: var(--surface-2); box-shadow: inset 0 0 0 1px var(--line); font-size: 14px; font-weight: 500; }
body.inner .gp-tabs button[aria-selected="true"] { background: var(--accent); color: #fff; box-shadow: none; }
body.inner .gp-rate { border: 0; border-radius: 22px; background: var(--surface-2); padding: 18px 22px; }
body.inner .gp-rate__buttons button { width: 44px; height: 44px; border: 0; border-radius: 14px; background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); font-family: var(--font-body); font-weight: 600; font-size: 1.05rem; }
body.inner .gp-rate__buttons button[aria-pressed="true"] { background: var(--accent); color: #fff; box-shadow: none; }
body.inner .gp-video h2 { font-family: var(--font-display); font-weight: 700; font-size: 2rem; letter-spacing: -0.035em; text-transform: none; }
body.inner .video__play { border-radius: 22px; overflow: hidden; }

/* Releases and the other generated pages: no condensed caps */
body.inner h1, body.inner h2, body.inner .rl-title { text-transform: none; }
body.inner h1 { letter-spacing: -0.04em; }

body.inner .footer { max-width: 1360px; margin-inline: auto; padding-inline: 40px; }

@media (max-width: 780px) {
  body.inner .nav, body.inner .gp, body.inner .footer { padding-left: 16px; padding-right: 16px; }
  body.inner .gp-hero { flex-direction: column; align-items: flex-start; gap: 24px; }
  body.inner .gp-pick { grid-template-columns: auto minmax(0, 1fr); }
}