/* LuckBrief - layout.css : grid, header, footer, breakpoints */
.container{
  max-width:1160px;
  margin:0 auto;
  padding:0 var(--space-24);
}
@media (max-width:600px){
  .container{padding:0 var(--space-16)}
}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.site-header{
  background:var(--color-bg-dark);
  color:var(--color-text-dark);
  padding:14px 0;
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
}
.brand{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-heading);font-weight:700;font-size:var(--fs-22);
  color:var(--color-text-dark);text-decoration:none;
}
.brand:hover{text-decoration:none}
.site-nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.site-nav a{color:var(--color-text-dark);text-decoration:none;font-size:var(--fs-14);font-weight:600}
.site-nav a:hover{text-decoration:underline}
.header-badges{display:flex;align-items:center;gap:10px}
.hero{
  background:var(--color-bg-dark);
  color:var(--color-text-dark);
  padding:48px 0 40px;
}
.hero p{color:var(--color-text-dark);opacity:.92}
.hero h1{color:var(--color-text-dark)}
main{display:block;padding:40px 0 60px}
.breadcrumbs{font-size:var(--fs-14);padding:14px 0;color:#5a5f6b}
.breadcrumbs a{color:#5a5f6b}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0}
.breadcrumbs li:not(:last-child)::after{content:"›";margin-left:6px}
.site-footer{
  background:var(--color-bg-dark);
  color:var(--color-text-dark);
  padding:40px 0 30px;
  margin-top:40px;
}
.site-footer a{color:#cfe0da}
.footer-grid{display:grid;grid-template-columns:1fr;gap:28px}
@media (min-width:900px){
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
}
.footer-note{
  border-top:1px solid #3a4a72;margin-top:24px;padding-top:18px;
  font-size:var(--fs-12);color:#b9c3d6;
}
.responsible-strip{
  background:#162238;border:1px solid #3a4a72;border-radius:var(--radius);
  padding:14px 16px;margin-top:18px;font-size:var(--fs-14);
}
.cookie-banner{
  position:fixed;left:0;right:0;bottom:0;z-index:900;
  background:var(--color-bg-dark);color:var(--color-text-dark);
  padding:16px;box-shadow:0 -4px 16px rgba(0,0,0,.25);
}
.cookie-banner .container{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.cookie-banner p{margin:0;font-size:var(--fs-14);max-width:60ch}
.btn{
  display:inline-block;padding:10px 18px;border-radius:8px;border:0;
  font-weight:600;font-size:var(--fs-14);text-decoration:none;
}
.btn-primary{background:var(--accent-regular);color:#fff}
.btn-secondary{background:transparent;border:1px solid var(--color-text-dark);color:var(--color-text-dark)}
.age-gate-overlay{
  position:fixed;inset:0;z-index:9999;
  background:rgba(15,20,35,.92);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
.age-gate-box{
  background:var(--color-bg-light);color:var(--color-text-light);
  border-radius:var(--radius);max-width:420px;width:100%;
  padding:28px 24px;text-align:center;
}
.age-gate-box h2{padding-top:0}
.age-gate-box h2::before{display:none}
.age-gate-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap}
@media (max-width:900px){
  .grid{grid-template-columns:1fr}
}