/* Updated visual tweaks for immediate feedback */
:root{--ff-bg:#f5f7fb;--ff-accent:#ff6600;--ff-ink:#222;--ff-muted:#6b7280}
body{background:var(--ff-bg);color:var(--ff-ink);font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;}
.container{max-width:1200px;margin:0 auto;padding:20px}
/* Header */
.header-logo img, .header-logo a img{height:56px;box-shadow:0 2px 6px rgba(0,0,0,0.08);border-radius:6px}
/* Make nav more visible */
.tt{background:linear-gradient(90deg,#4b5563,#374151);border-radius:6px}
.tt a{color:#fff!important;padding:6px 8px;display:inline-block}
/* Cards */
.ff-list{display:grid;grid-template-columns:1fr;gap:14px;padding:8px}
@media(min-width:800px){.ff-list{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1200px){.ff-list{grid-template-columns:repeat(3,1fr)}}
.ff-card{background:#fff;border-radius:10px;padding:14px;box-shadow:0 6px 18px rgba(15,23,42,0.06);display:flex;flex-direction:column;min-height:180px}
.ff-card .preview{height:120px;border-radius:8px;border:1px solid #eef2f7;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--ff-muted)}
.ff-card .title{font-weight:700;font-size:16px;margin:6px 0}
.ff-card .author{font-size:13px;color:var(--ff-muted)}
.ff-card .actions{margin-top:auto;display:flex;gap:8px}
.button{background:var(--ff-accent);color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none}
.button.secondary{background:#e6eef8;color:var(--ff-ink)}
/* Make footer subtle */
.footer{background:transparent;color:var(--ff-muted);padding:18px;text-align:center;font-size:13px}