/*
Theme Name: RomsCentral Revival
Theme URI: https://romscentral.com/
Author: RomsCentral
Description: Lightweight WordPress theme for emulator guides, compatibility notes, and retro-gaming preservation knowledge.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: romscentral-revival
*/

:root {
  --rc-bg: #0c1220;
  --rc-panel: #121b2f;
  --rc-soft: #1b2943;
  --rc-text: #edf3ff;
  --rc-muted: #9eabc1;
  --rc-accent: #8ed0ff;
  --rc-line: rgba(255,255,255,.10);
  --rc-max: 1120px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--rc-text);
  background: var(--rc-bg);
  line-height: 1.7;
}
a { color: var(--rc-accent); text-decoration-thickness: .08em; text-underline-offset: .15em; }
img { max-width: 100%; height: auto; }
.rc-wrap { width: min(calc(100% - 32px), var(--rc-max)); margin-inline: auto; }
.site-header {
  position: sticky; top: 0; z-index: 20;
  background: rgba(12,18,32,.92); backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--rc-line);
}
.site-header .rc-wrap {
  min-height: 68px; display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.site-brand { color:#fff; font-weight:800; letter-spacing:.02em; text-decoration:none; font-size:1.15rem; }
.site-nav ul { list-style:none; display:flex; gap:18px; margin:0; padding:0; }
.site-nav a { color:var(--rc-text); text-decoration:none; font-size:.95rem; }
.hero { padding: 88px 0 54px; border-bottom:1px solid var(--rc-line); }
.hero h1 { font-size: clamp(2.4rem, 7vw, 5rem); line-height:1.02; margin:0 0 22px; max-width:900px; }
.hero p { max-width:780px; color:var(--rc-muted); font-size:1.12rem; margin:0; }
.rc-badge { display:inline-block; border:1px solid var(--rc-line); background:var(--rc-panel); color:var(--rc-accent); padding:6px 10px; border-radius:999px; margin-bottom:20px; font-size:.84rem; }
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin:36px 0 64px; }
.card { background:var(--rc-panel); border:1px solid var(--rc-line); border-radius:18px; padding:24px; }
.card h2, .card h3 { margin-top:0; line-height:1.25; }
.card p { color:var(--rc-muted); margin-bottom:0; }
.section-title { font-size:1.7rem; margin:54px 0 14px; }
.post-list { display:grid; gap:16px; margin-bottom:64px; }
.post-item { background:var(--rc-panel); border:1px solid var(--rc-line); border-radius:16px; padding:22px; }
.post-item h2 { margin:0 0 6px; font-size:1.25rem; }
.post-item h2 a { color:#fff; text-decoration:none; }
.post-meta { color:var(--rc-muted); font-size:.88rem; }
.entry { width:min(calc(100% - 32px), 820px); margin:56px auto 80px; }
.entry h1 { line-height:1.15; font-size:clamp(2rem,5vw,3.4rem); }
.entry-content { font-size:1.04rem; }
.entry-content h2 { margin-top:2.2em; line-height:1.25; }
.entry-content pre { overflow:auto; background:#080d17; border:1px solid var(--rc-line); padding:16px; border-radius:12px; }
.entry-content table { width:100%; border-collapse:collapse; display:block; overflow:auto; }
.entry-content th,.entry-content td { border:1px solid var(--rc-line); padding:10px 12px; }
.site-footer { border-top:1px solid var(--rc-line); padding:34px 0 48px; color:var(--rc-muted); }
.notice { background:#111a2b; border-left:3px solid var(--rc-accent); padding:14px 16px; border-radius:10px; color:var(--rc-muted); }
@media (max-width:800px) {
  .grid { grid-template-columns:1fr; }
  .site-nav { display:none; }
  .hero { padding-top:60px; }
}