/* layout.css — LuckJournal.pro — estructura de página */
.wrap{
  max-width:var(--max-content);
  margin:0 auto;
  padding:0 var(--gutter);
}
@media (max-width:768px){
  .wrap{ padding:0 var(--gutter-mobile); }
}

.site-header{
  background:var(--color-dark);
  color:var(--text-on-dark);
  padding:14px 0;
}
.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.brand{
  font-family:var(--font-display);
  font-size:var(--fs-22);
  color:var(--text-on-dark);
  text-decoration:none;
  letter-spacing:0.02em;
}
.brand:hover{ color:var(--color-cream); }
.main-nav{
  display:flex;
  flex-wrap:wrap;
  gap:4px 16px;
  font-size:var(--fs-14);
}
.main-nav a{
  color:var(--text-on-dark);
  text-decoration:none;
  padding:6px 2px;
  border-bottom:1px solid transparent;
}
.main-nav a:hover,.main-nav a[aria-current="page"]{
  border-bottom-color:var(--color-brass);
}
.age-badge{
  background:var(--color-brass);
  color:#000000;
  font-weight:700;
  font-size:var(--fs-14);
  padding:4px 10px;
  border-radius:3px;
  white-space:nowrap;
}

.breadcrumbs{
  font-size:var(--fs-12);
  padding:10px 0;
  color:var(--text-on-cream);
  opacity:0.8;
}
.breadcrumbs a{ color:inherit; }
.breadcrumbs ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:0;margin:0;
}
.breadcrumbs li:not(:last-child)::after{
  content:"›";
  margin-left:6px;
}

.hero{
  background:var(--color-dark);
  color:var(--text-on-dark);
  padding:56px 0;
}
.hero h1{ color:var(--text-on-dark); max-width:20ch; }
.hero .lede{ max-width:60ch; font-size:var(--fs-18); color:var(--text-on-dark); }

main{ display:block; padding:32px 0 64px; }
section{ margin-bottom:48px; }
section > h2{ margin-bottom:6px; }

.grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:24px;
}
.col-12{ grid-column:span 12; }
.col-8{ grid-column:span 8; }
.col-6{ grid-column:span 6; }
.col-4{ grid-column:span 4; }
@media (max-width:1024px){
  .col-8,.col-6,.col-4{ grid-column:span 12; }
}

.site-footer{
  background:var(--color-dark);
  color:var(--text-on-dark);
  padding:40px 0 32px;
  font-size:var(--fs-14);
}
.site-footer a{ color:var(--color-cream); }
.footer-grid{
  display:flex;
  flex-wrap:wrap;
  gap:32px;
  margin-bottom:24px;
}
.footer-grid nav ul{
  list-style:none;
  margin:0;padding:0;
}
.footer-grid nav li{ margin-bottom:4px; }
.responsible-gaming-strip{
  background:var(--color-dark-surface);
  border:1px solid var(--color-brass);
  border-radius:4px;
  padding:12px 16px;
  margin-bottom:20px;
  font-size:var(--fs-14);
}
.disclaimer{
  opacity:0.85;
  font-size:var(--fs-12);
  max-width:80ch;
}
.copyright{
  margin-top:16px;
  font-size:var(--fs-12);
  opacity:0.7;
}