:root{--accent:#f97316;--radius:16px}
*{box-sizing:border-box}
body{margin:0;font-family:var(--font,system-ui,-apple-system,"Segoe UI",sans-serif);line-height:1.7;color:var(--fg,#18181b);background:var(--bg,#fff)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.site{border-bottom:1px solid var(--border,#e4e4e7);position:sticky;top:0;background:var(--header-bg,rgba(255,255,255,.85));backdrop-filter:blur(8px);z-index:10}
header.site .wrap{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}
header.site b{color:var(--accent)}
main{padding:40px 0 72px}
h1{font-size:2rem;line-height:1.2}
.meta{color:#71717a;font-size:.85rem}
.grid{display:grid;gap:18px}
.cols-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.cols-3{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{border:1px solid var(--border,#e4e4e7);border-radius:var(--radius,14px);padding:20px;transition:.15s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.cover{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:calc(var(--radius,14px) - 4px);margin-bottom:12px;background:#eee}
.cover-empty{background:linear-gradient(135deg,#ede9fe,#e0f2fe)}
.article-body{max-width:720px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:10px 18px;border-radius:calc(var(--radius,14px) - 4px);border:0;cursor:pointer;font:inherit;font-weight:600}
.btn-secondary{background:transparent;color:inherit;border:1px solid var(--border,#e4e4e7)}
footer.site{border-top:1px solid var(--border,#e4e4e7);color:#71717a;margin-top:48px}
footer.site .wrap{padding:24px 20px;font-size:.9rem}
.hero{text-align:center;padding:72px 20px}.hero h1{font-size:2.8rem}.cta{text-align:center;padding:40px}