/* CommodoreGames.Net cross-language theme. Matches index.asp editorial palette. */
:root { --cgn-paper:#f2efe8; --cgn-paper-light:#fffdf8; --cgn-ink:#20252c;
 --cgn-muted:#62666b; --cgn-blue:#344b9a; --cgn-blue-deep:#263776;
 --cgn-rust:#a64b32; --cgn-line:#d7d0c3; }
body.cgn-php-page { background:var(--cgn-paper) !important; color:var(--cgn-ink);
 font-family:Arial,Helvetica,sans-serif; }
body.cgn-php-page #main-content { background:var(--cgn-paper); max-width:1400px; margin:0 auto; }
body.cgn-php-page #topbar { display:flex !important; height:auto; min-height:52px; padding:7px 22px;
 align-items:center; gap:4px; background:var(--cgn-blue-deep) !important;
 border-bottom:3px solid var(--cgn-rust); box-shadow:0 2px 8px rgba(27,35,54,.12);
 position:sticky; top:0; z-index:200; }
body.cgn-php-page #topbar .cgn-sitename { color:#fff !important; font:700 1.02rem Arial,Helvetica,sans-serif;
 text-decoration:none; white-space:nowrap; }
body.cgn-php-page #topbar .cgn-main-links { display:flex !important; gap:3px; align-items:center; margin-left:18px; }
body.cgn-php-page #topbar .cgn-main-links a { padding:7px 10px; color:#e1e6f2 !important;
 text-decoration:none !important; border-radius:4px; font-size:.83rem; white-space:nowrap; }
body.cgn-php-page #topbar .cgn-main-links a:hover,body.cgn-php-page #topbar .cgn-main-links a:focus-visible {
 background:rgba(255,255,255,.13); color:#fff !important; }
body.cgn-php-page #topbar .cgn-user-links { display:flex; align-items:center; gap:6px; margin-left:auto; }
body.cgn-php-page #topbar .cgn-user-links a { color:#e1e6f2 !important; text-decoration:none !important;
 padding:5px 10px; border-radius:5px; font-size:.82rem; white-space:nowrap; }
body.cgn-php-page #topbar .cgn-user-links .cgn-btn { border:1px solid rgba(255,255,255,.28); }
body.cgn-php-page #topbar .cgn-user-links a:hover { background:rgba(255,255,255,.14); color:#fff !important; }
body.cgn-php-page .page-wrap,body.cgn-php-page .content-wrap { color:var(--cgn-ink); }
body.cgn-php-page h1,body.cgn-php-page h2,body.cgn-php-page h3 { color:var(--cgn-ink); }
body.cgn-php-page a:not(#topbar a) { text-underline-offset:2px; }
body.cgn-php-page .card,body.cgn-php-page .panel { border-color:var(--cgn-line);
 background:var(--cgn-paper-light); box-shadow:0 2px 7px rgba(34,39,46,.055); }
body.cgn-php-page .btn-primary { background:var(--cgn-blue); border-color:var(--cgn-blue); color:#fff; }
body.cgn-php-page .btn-primary:hover { background:var(--cgn-blue-deep); border-color:var(--cgn-blue-deep); }
body.cgn-php-page .hero-wrap { background:#e9e6df !important; border-bottom-color:var(--cgn-line); }
body.cgn-php-page .hero-title { color:var(--cgn-blue) !important; }
body.cgn-php-page footer { background:#202a3b !important; color:#e1e6f2 !important;
 border-top:4px solid var(--cgn-rust) !important; }
body.cgn-php-page footer a { color:#e1e6f2; }
@media(max-width:860px) {
 body.cgn-php-page #topbar { flex-wrap:wrap; padding:7px 10px; }
 body.cgn-php-page #topbar .cgn-main-links { order:3; flex:0 0 100%; width:100%;
   margin:0; padding:2px 0; overflow-x:auto; scrollbar-width:thin; }
 body.cgn-php-page #topbar .cgn-user-links { margin-left:auto; }
 body.cgn-php-page #topbar .cgn-main-links a { flex-shrink:0; }
}
@media(max-width:420px) {
 body.cgn-php-page #topbar .cgn-sitename { font-size:.84rem; }
 body.cgn-php-page #topbar .cgn-user-links .cgn-btn { font-size:.75rem; padding:5px 6px; }
}