/* Shared theme for culture detail pages */
:root { --bg:#f5f7fb; --text:#1f2937; --card:#ffffff; --brand:#2563eb; --muted:#6b7280; }
@media (prefers-color-scheme: dark){:root{ --bg:#0f172a; --text:#e5e7eb; --card:#0b1320; --brand:#60a5fa; --muted:#9ca3af; }}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial;}
.cs-header{background: linear-gradient(135deg,#0d1726,#0b1320);color:#fff;padding:28px 16px;border-bottom:1px solid rgba(255,255,255,.12);}
.cs-header .logo{width:60px;height:60px;margin:0 auto 12px;background: radial-gradient(circle at 35% 35%, #93c5fd, #2563eb);border-radius:50%;cursor:pointer;}
.cs-header h1{margin:0;text-align:center;font-weight:600;}
.cs-sub{opacity:.9;text-align:center;margin-top:4px}
.cs-container{max-width:1100px;margin:0 auto;padding:16px}
.cs-nav{ text-align:center;margin: 12px 0 20px;}
.cs-nav a{color:#93c5fd;text-decoration:none}
.cs-nav a:hover{text-decoration:underline}
.cs-card{background:var(--card);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(2,6,23,.1)}
.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.cs-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.cs-meta-item{background:rgba(2,6,23,.05);padding:10px;border-radius:8px}
.cs-meta-label{font-weight:600;color:var(--muted);margin-bottom:4px}
.cs-section h2{margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid var(--brand)}