:root {
  --fg:#111111;
  --muted:#6b7280;
  --accent:#e8a8b4; /* soft pink accent like screenshot */
  --bg:#e6dec2;     /* warm beige page background */
  --card:#ffffff;
}

/* page background + base typography */
html, body { background: var(--bg) !important; color: var(--fg) !important; }
body { font-weight: 500; }

/* header: white strip, centered logo/title, thin divider */
header, .site-header { background:#ffffff !important; box-shadow:none !important; border-bottom:1px solid rgba(0,0,0,.06); }
/* logo size */
header nav img { max-height: 80px; height:auto; width:auto; }
@media (max-width: 640px){ header nav img { max-height:56px; } }

/* title styling */
.site-title, header h1, .site-title a { color:#000 !important; font-weight:800 !important; letter-spacing:.02em; text-transform:none !important; }
.site-title a { text-decoration:none !important; }

/* navigation: uppercase, spacing, pink hover/active underline */
nav a, header nav a { color:#111 !important; font-weight:700 !important; text-transform:uppercase; letter-spacing:.04em; padding:.75rem 1rem; text-decoration:none !important; position:relative; }
nav a:hover, header nav a:hover { color:#000 !important; }
nav a::after, header nav a::after { content:""; position:absolute; left:1rem; right:1rem; bottom:.35rem; height:3px; background:transparent; transition:background .2s; }
nav a:hover::after, header nav a.active::after { background:var(--accent); }

/* main container */
main, .content { max-width:1200px; margin:0 auto; }

/* grid of articles on home/list */
.post-list { display:grid; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); gap:2rem; }
.article-card { background:var(--card); border-radius:10px; overflow:hidden; box-shadow:0 2px 18px rgba(0,0,0,.06); }
.article-card img { width:100%; height:220px; object-fit:cover; display:block; }
.article-card .pad { padding:1.25rem; }
.article-card h1, .article-card h2, .article-card h3 { color:#111 !important; }
.article-card .excerpt { color:var(--muted); }
.article-card .meta { color:var(--muted); font-size:.9rem; margin-top:.5rem; }

/* content readability */
.post-content, .content p, .content li { color:#171717 !important; line-height:1.8; }
.content h2, .content h3, .content h4 { color:#0f172a !important; }

/* ensure uploaded images render full width */
img[src*="/uploads/"] { max-width:100%; height:auto; display:block; border-radius:8px; }

/* category pill (if theme outputs one) */
.category-pill { display:inline-block; background:#f8e7ea; color:#7a3a46; font-weight:700; padding:.25rem .5rem; border-radius:999px; font-size:.75rem; text-transform:uppercase; letter-spacing:.06em; }

/* footer minimal */
footer { background:#ffffff !important; color:#111 !important; }

/* hero for single pages */
.article-hero { background:#3a3a3a; padding:4rem 1rem; }
.article-hero-inner { max-width:1200px; margin:0 auto; text-align:center; }
.article-title { color:#fff; font-weight:800; font-size:clamp(2rem,6vw,4rem); margin:0; }

/* single page grid */
.single-grid { display:grid; grid-template-columns: 1fr; gap:2rem; }
@media (min-width: 980px){ .single-grid { grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); } }
.single-main { background:#fff; border-radius:10px; padding:1.5rem; box-shadow:0 2px 18px rgba(0,0,0,.08); }
.single-featured { width:100%; height:auto; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.12); margin-bottom:1rem; }

/* readable content */
.single-main .post-content { font-size:1.05rem; line-height:1.85; }
.single-main .post-content p { margin:1rem 0; }
.single-main .post-content h2 { font-size:1.6rem; margin:2rem 0 1rem; }
.single-main .post-content h3 { font-size:1.25rem; margin:1.25rem 0 .75rem; }
.single-main .post-content blockquote { margin:1rem 0; padding:1rem 1.25rem; background:#f9f9fb; border-left:4px solid var(--accent); border-radius:6px; }
.single-main .post-content ul, .single-main .post-content ol { padding-left:1.25rem; }
.single-main .post-content img { border-radius:10px; box-shadow:0 6px 18px rgba(0,0,0,.1); }

/* sidebar */
.single-aside { position:relative; }
.sidebar-card { background:#fff; border-radius:10px; padding:1rem 1.25rem; box-shadow:0 2px 16px rgba(0,0,0,.06); }
.sidebar-title { margin:.25rem 0 1rem; font-size:1rem; font-weight:800; letter-spacing:.02em; }
.sidebar-list { list-style:none; padding-left:0; margin:0; }
.sidebar-list li { margin:.5rem 0; }
.sidebar-list a { color:#0f172a; text-decoration:none; }
.sidebar-list a:hover { color:var(--accent); text-decoration:underline; }