* { box-sizing: border-box; }
body { font-family: sans-serif; margin: 0; background-color: #f4f4f4; color: #333; font-size: 0.85em; }

#site-nav {
    background: #1a1a2e;
    padding: 0.5em 1em;
    display: flex;
    gap: 1.2em;
    align-items: center;
}
#site-nav a { color: #ccc; text-decoration: none; font-size: 0.95em; }
#site-nav a:hover { color: #fff; }
#site-nav .nav-home { font-weight: bold; color: #afd; font-size: 1.05em; margin-right: 0.5em; }

#site-content { padding: 0.8em 1em; }

/* Shared container */
#container { max-width: 95%; margin: auto; background: white; padding: 1em; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }

/* Guild list */
#guild-list-table { border-collapse: collapse; width: 100%; max-width: 600px; margin-top: 1em; }
#guild-list-table th, #guild-list-table td { border: 1px solid #ddd; padding: 6px 12px; text-align: left; }
#guild-list-table th { background: #e9e9e9; }
#guild-list-table th[data-sort] { cursor: pointer; }
#guild-list-table td.gp-cell { text-align: right; white-space: nowrap; }
#guild-list-table tr:hover td { background: #f5f5f5; }

h2 { font-size: 1.1em; margin: 0 0 0.4em 0; color: #333; }

/* Note: the /player/<allycode> and /guild/<id> pages are dark-themed and
   fully self-contained (their own <style> blocks in the template) - they
   don't use any rules above this point. guild.html (the tracked-guild
   roster dashboard at /guild-dashboard/<id>) still does. */