/* Railguns & Dragons - clean site stylesheet */
* { box-sizing: border-box; }
html { min-height: 100%; background: #111; }
body {
  min-height: 100%;
  margin: 0;
  color: #d7d7d7;
  background-color: #191919;
  background-image: linear-gradient(rgba(12,12,12,.74), rgba(12,12,12,.74)), url("../images/site-background.jpg");
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  font-family: Verdana, Arial, sans-serif;
  line-height: 1.6;
}
img { max-width: 100%; }
a { color: #ddd; text-decoration: none; }
a:hover { color: #fff; }

.site-header {
  width: 100%;
  background: #050505;
}
.header-link { display: block; }
.header-image {
  display: block;
  width: min(100%, 850px);
  height: auto;
  margin: 0 auto;
}

.main-navigation {
  position: relative;
  z-index: 20;
  width: 100%;
  border-top: 1px solid #383838;
  border-bottom: 1px solid #111;
  background: linear-gradient(#292929, #171717);
}
/* Resources now lives under New to Palladium; keep it out of every menu. */
.main-navigation a[href*="resources/"] { display: none; }
.navigation-inner {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  width: min(1000px, 100%);
  margin: 0 auto;
}
.navigation-inner > a,
.dropdown-button {
  display: block;
  padding: .78rem 1rem;
  border: 0;
  background: transparent;
  color: #ddd;
  font: 700 .78rem/1.2 Georgia, serif;
  cursor: pointer;
}
.navigation-inner > a:hover,
.dropdown-button:hover { background: #333; color: #fff; }
.dropdown { position: relative; }
.dropdown-button::after { content: " ▼"; color: #888; font-size: .62rem; }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  min-width: 210px;
  padding: .35rem 0;
  border: 1px solid #444;
  background: #202020;
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}
.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu { display: block; }
.dropdown-menu a { display: block; padding: .65rem .9rem; font-size: .8rem; }
.dropdown-menu a:hover { background: #333; }

main,
.page-container,
.site-layout,
.content-wrapper { position: relative; z-index: 1; }

.site-footer {
  position: relative;
  z-index: 1;
  padding: 1.5rem 1rem;
  border-top: 1px solid #383838;
  background: rgba(12,12,12,.92);
  color: #888;
  text-align: center;
  font-size: .72rem;
}
.site-footer p { max-width: 900px; margin: 0 auto; }

/* Shared page and card compatibility */
.page-container,
.site-layout,
.content-wrapper,
.game-page,
.resource-page,
.podcast-page,
.video-page {
  width: min(1000px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 2.5rem 0 4rem;
}
.page-title,
.section-title,
.content-section h1,
.content-section h2 { color: #d44b54; font-family: Georgia, serif; }
.section-title { margin: 0 0 1rem; }
.content-section {
  margin-bottom: 1.5rem;
  padding: 1.35rem;
  border: 1px solid #3b3b3b;
  background: rgba(27,27,27,.94);
}
.card-grid,
.game-grid,
.resource-grid,
.post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}
.card,
.game-card,
.resource-card,
.post-card {
  padding: 1.2rem;
  border: 1px solid #3b3b3b;
  background: rgba(30,30,30,.95);
}
.card:hover,
.game-card:hover,
.resource-card:hover,
.post-card:hover { border-color: #d44b54; }

/* Existing feature and article compatibility */
.featured-article {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
  gap: 1.25rem;
  align-items: center;
  width: 100%;
}
.featured-image-link,
.featured-copy { min-width: 0; }
.featured-image { display: block; width: 100%; height: auto; }
.article-page,
.article-shell,
.article-container {
  width: min(800px, calc(100% - 2rem));
  margin: 0 auto;
  padding: 2.5rem 0 4rem;
}
.article-header h1,
.article-title {
  color: #f2f2f2;
  font: 700 clamp(2rem, 6vw, 3.6rem)/1.08 Georgia, serif;
}
.article-meta { color: #999; font-size: .85rem; }
.article-content { color: #d0d0d0; font-size: 1.05rem; line-height: 1.75; }
.article-content img,
.article-content iframe { max-width: 100%; }
.article-content a { color: #e47b82; }
.article-content h2,
.article-content h3 { color: #eee; font-family: Georgia, serif; }
.video-wrapper,
.embed-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.video-wrapper iframe,
.embed-wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }

@media (max-width: 700px) {
  .header-image { width: 100%; height: auto; }
  .navigation-inner { justify-content: flex-start; }
  .navigation-inner > a,
  .dropdown-button { padding: .65rem .7rem; font-size: .7rem; }
  .featured-article { grid-template-columns: 1fr; }
}
\n.site-header{position:relative;overflow:hidden;isolation:isolate}.site-header::before{content:'';position:absolute;z-index:-1;inset:-24px;background-image:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.2) 28%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.58)),url('../images/headers/header-main.webp');background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(14px);opacity:.72;transform:scale(1.06)}.header-link{position:relative;z-index:1;width:min(100%,850px);margin:0 auto;background:#050505}.header-image{position:relative;z-index:1}@media(max-width:700px){.site-header::before{display:none}}
.site-header::before{z-index:0}
.site-header{background-color:#050505;background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 30%,rgba(0,0,0,.28) 70%,rgba(0,0,0,.72)),url('../images/headers/header-main.webp');background-position:center;background-size:cover;background-repeat:no-repeat}.site-header::before{display:none}.header-link{background:rgba(5,5,5,.18)}
.site-header{background:#050505!important;background-image:none!important}.site-header::before{display:none!important}.header-link{width:100%;max-width:2048px;margin:0 auto;background:#050505;box-shadow:none}.header-image{width:100%;max-width:2048px;height:auto}