/*
Theme Name: Clean Starter
Theme URI: https://example.com/clean-starter
Author: ChatGPT
Description: A minimal, clean classic WordPress theme starter. Mobile-first and fast.
Version: 1.0.0
License: GPLv2 or later
Text Domain: clean-starter
*/

:root{
  --cs-bg:#ffffff;
  --cs-text:#1f2937;
  --cs-accent:#2563eb;
  --cs-muted:#6b7280;
  --cs-border:#e5e7eb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  color:var(--cs-text);
  background:var(--cs-bg);
  line-height:1.6;
}
a{color:var(--cs-accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1080px;margin:0 auto;padding:1.25rem}
.site-header{border-bottom:1px solid var(--cs-border);background:#fff;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:.75rem}
.brand .site-title{font-weight:700;font-size:1.25rem;margin:.5rem 0}
.nav{display:flex;gap:1rem;flex-wrap:wrap}
.nav a{padding:.5rem .25rem;border-radius:.5rem}
.nav a.active, .nav a:hover{background:rgba(37,99,235,.08)}
.hero{padding:4rem 0;text-align:center;background:linear-gradient(180deg,#f8fafc, #fff)}
.hero h1{font-size:2.25rem;margin:0 0 .5rem}
.hero p{color:var(--cs-muted);max-width:700px;margin:.5rem auto 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{border:1px solid var(--cs-border);border-radius:1rem;padding:1rem;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.site-footer{border-top:1px solid var(--cs-border);color:var(--cs-muted);font-size:.9rem}
.entry-title{margin:0 0 .5rem}
.entry-content > p{margin:0 0 1rem}
button, .btn{
  background:var(--cs-accent);color:#fff;border:none;padding:.7rem 1rem;border-radius:.7rem;
  cursor:pointer;font-weight:600
}
.btn-outline{background:transparent;color:var(--cs-accent);border:1px solid var(--cs-accent)}
figure{margin:0}
img{max-width:100%;height:auto;border-radius:.75rem}