/* Shared Night Garden shell for project, release, download and management pages. */
:root {
  --bg: #080e10;
  --surface: #101d20;
  --surface-strong: #192a2d;
  --text: #e8eeee;
  --muted: #a7bab8;
  --line: #304346;
  --accent: #b1d9c9;
  --accent-text: #10231f;
}
body { background-image: radial-gradient(ellipse at 85% 0, #254a4430, transparent 50%); }
.site-header, .detail-site-header {
  width: 100%; height: 80px; min-height: 80px; padding: 12px 4.7%;
  display: flex; gap: 20px; background: #080e10f5;
  border-bottom: 1px solid var(--line);
}
.site-header .brand { display: flex; min-width: 0; flex-shrink: 0; }
.site-header .brand img { display: block; width: 190px; height: 53px; object-fit: contain; }
.site-header nav { display: flex; gap: 20px; align-items: center; margin-left: auto; }
.site-header nav a { color: var(--muted); white-space: nowrap; }
.site-header .nav-admin { color: var(--accent); border-color: #537267; }
.site-header .nav-admin:hover { background: #b1d9c914; }
.detail-main, .admin-main { width: min(calc(100% - 9.4%), var(--max)); }
.project-hero, .release-hero { min-height: auto; padding: 48px 0; }
.project-hero h1, .release-hero h1, .admin-intro h1 {
  font-family: Georgia, Batang, serif; font-weight: 400;
  font-size: clamp(38px, 6vw, 80px); line-height: 1.15; letter-spacing: -.035em;
  overflow-wrap: anywhere;
}
.project-tagline { font-size: clamp(18px, 2vw, 25px); line-height: 1.6; }
.project-hero .back-link { margin-bottom: 20px; }
.project-about h2, .releases-heading h2, .release-notes h2 { font-size: clamp(30px, 4vw, 48px); }
.current-build-card, .release-row.is-latest, .pending-release {
  border-color: #537267; background: linear-gradient(120deg, #b1d9c90a, transparent 55%), var(--surface);
}
.download-panel, .current-download-panel, .checksum, input, select, textarea { background-color: #0b171a; }
.download-link { background: var(--accent); color: var(--accent-text); }
@media (max-width: 700px) {
  .site-header, .detail-site-header { height: auto; min-height: 72px; padding: 10px 20px; gap: 12px; }
  .site-header .brand img { width: 135px; height: 42px; }
  .site-header nav { gap: 10px; }
  .site-header nav a, .site-header nav a:not(.nav-admin) { display: inline-flex; font-size: 11px; }
  .site-header nav a.nav-admin { padding: 8px; font-size: 11px; }
  .detail-main, .admin-main { width: calc(100% - 32px); }
  .project-hero, .release-hero { padding: 32px 0; }
}

/* Project download desk: keep the garden artwork and bring the file within reach. */
.product-overview { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:28px 48px; align-items:center; padding:32px 0; }
.product-overview .detail-topline { grid-column:1/-1; width:100%; margin:0; }
.product-overview-copy { min-width:0; }
.product-overview-icon { float:left; margin:0 16px 12px 0; object-fit:contain; }
.product-overview .eyebrow { padding-top:8px; }
.product-overview h1 { clear:both; margin:18px 0 12px; font-size:clamp(32px,4.5vw,58px); line-height:1.15; }
.product-overview .project-tagline { font-size:17px; line-height:1.7; }
.product-overview .project-visual-frame { margin:0; aspect-ratio:16/9; border-radius:16px; max-height:200px; box-shadow:none; }
.product-overview .project-visual-frame img { object-fit:contain; }
.current-build-section { padding:32px 0 48px; border-top:0; }
.current-build-section .releases-heading { margin-bottom:24px; }
.current-build-section .releases-heading h2 { font-size:28px; }
.current-build-section .releases-heading p { font-size:14px; line-height:1.7; }
.current-build-section .current-build-card { padding:28px; border-radius:16px; }
.current-build-section .current-build-main { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); grid-template-areas:"version download" "notes download"; gap:24px 40px; margin:24px 0 0; }
.current-build-version { grid-area:version; }
.current-build-section .current-build-version strong { margin-top:4px; font-size:38px; }
.current-build-section .current-build-version small { margin-top:4px; }
.current-build-notes { grid-area:notes; }
.current-build-section .current-build-notes h3 { font-size:18px; }
.current-build-section .current-build-notes li { line-height:1.8; margin-bottom:12px; color:var(--text); font-size:14px; }
.current-build-section .current-download-panel { grid-area:download; border-radius:12px; padding:24px; }
.current-build-section .current-download-panel h3 { font-size:17px; line-height:1.6; }
.current-build-section .release-file-actions { margin-top:18px; }
.current-build-section .compact-checksum { margin-top:14px; }
.current-build-section .primary-download { min-height:52px; font-weight:750; }
.project-facts { padding:24px 0 36px; gap:24px; }
.project-facts strong { font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.project-about { padding:40px 0 64px; gap:40px; }
.project-about h2 { font-size:28px; }
.project-about p { font-size:16px; line-height:1.8; }
@media(max-width:760px) {
  .product-overview { grid-template-columns:1fr; gap:22px; padding:24px 0; }
  .product-overview .detail-topline { grid-column:1; }
  .product-overview .project-visual-frame { aspect-ratio:2/1; max-height:210px; }
  .current-build-section .current-build-card { padding:20px; }
  .current-build-section .current-build-main { grid-template-columns:minmax(0,1fr); grid-template-areas:"version" "download" "notes"; gap:24px; }
  .current-build-section .current-download-panel { padding:20px; }
  .project-facts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .project-about { grid-template-columns:1fr; gap:20px; }
}