/*
Theme Name: Blocksy-Lite
Theme URI:  https://example.com/
Author:     ChatGPT (for user)
Author URI: https://example.com/
Description: A minimal lightweight theme inspired by Blocksy — no bloat, just the basics.
Version:    1.0
License:    GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blocksy-lite
Tags: light, responsive, blog
*/
:root{
  --site-max-width:1200px;
  --site-accent:#0073e6;
  --site-bg:#ffffff;
  --site-text:#222222;
}
html,body{height:100%;}
body{
  margin:0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color:var(--site-text);
  background:var(--site-bg);
  line-height:1.5;
}
.site{
  max-width:var(--site-max-width);
  margin:0 auto;
  padding:24px;
}
header.site-header{margin-bottom:20px;}
.site-title{font-size:1.6rem;margin:0;}
.site-description{font-size:0.9rem;margin:4px 0 0;color:#666;}
nav.main-nav{margin-top:12px;}
nav.main-nav a{margin-right:12px;text-decoration:none;color:var(--site-accent);}
.content{display:block;}
.post{margin-bottom:28px;padding-bottom:8px;border-bottom:1px solid #eee;}
.post h2{font-size:1.25rem;margin:0 0 8px;}
.post .meta{font-size:0.85rem;color:#777;margin-bottom:8px;}
.entry-content p{margin:0 0 12px;}
aside.sidebar{padding:12px;border-left:1px solid #f0f0f0;}
footer.site-footer{margin-top:28px;padding-top:12px;border-top:1px solid #eee;color:#666;font-size:0.9rem;}
/* Responsive */
@media (min-width:900px){
  .layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;}
}