/*
Theme Name: movie recap theme
Theme URI: https://example.com/
Author: Alif
Author URI: https://example.com/
Description: A minimal, performance-first WordPress theme with page templates.
Version: 1.0.0
License: GPLv2 or later
Text Domain: movie-recap-theme
*/

/* System font stack for zero network font cost */
:root {
  --container: 1200px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.6;
  background: #fff;
  color: #222;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 20px;
}

a { text-decoration: none; }
a:focus, button:focus { outline: 2px dashed; outline-offset: 2px; }

header.site-header, footer.site-footer {
  padding: 12px 0;
}

nav ul { list-style: none; padding: 0; display: flex; gap: 16px; flex-wrap: wrap; }
nav a { font-weight: 600; }

/* Basic content spacing */
article { margin-bottom: 32px; }
h1, h2, h3 { line-height: 1.25; }
img { max-width: 100%; height: auto; display: block; }