/*
Theme Name: ProductHunt-Like Posts Theme (Starter)
Theme URI: http://example.com/
Author: ChatGPT
Author URI: http://example.com/
Description: A minimal starter theme showing normal posts in a Product Hunt-style card layout.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: ph-starter-posts
*/
:root{
  --accent:#ff5a5f;
  --muted:#6b7280;
  --bg:#ffffff;
  --card:#f8fafc;
}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#111827; background:var(--bg);}
a{color:var(--accent); text-decoration:none;}
.wrap{max-width:1100px;margin:36px auto;padding:0 24px;display:flex;gap:28px;}
header.site-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid #eef2f7;background: #fff;position:sticky;top:0;z-index:10;}
header .logo{display:flex;gap:12px;align-items:center;font-weight:700;color:#111827}
.search{flex:1;margin-left:20px;}
.main{flex:1}
.sidebar{width:320px}
.products-list{background:transparent;padding:6px 0}
.product-card{display:flex;align-items:center;gap:16px;padding:14px;border-radius:12px;background:var(--card);margin-bottom:12px;box-shadow:0 1px 0 rgba(15,23,42,0.02);}
.product-rank{width:36px;height:36px;border-radius:8px;background:#fff;border:1px solid #e6eef7;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--muted);}
.product-thumb{width:56px;height:56px;border-radius:10px;flex-shrink:0;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #edf2f7;overflow:hidden;}
.product-meta{flex:1}
.product-title{font-weight:600;margin:0 0 6px 0}
.product-excerpt{margin:0;color:var(--muted);font-size:14px}
.see-all{display:block;text-align:center;padding:12px;border-radius:999px;border:1px solid #e6eef7;margin-top:18px}
footer.site-footer{padding:36px 24px;text-align:center;color:var(--muted);font-size:14px;border-top:1px solid #eef2f7;margin-top:36px}
@media(max-width:900px){.wrap{flex-direction:column;padding:12px}.sidebar{width:100%}}