/* layout.css — PlayBrief */
.container{max-width:1140px; margin:0 auto; padding:0 24px}
@media (max-width:600px){.container{padding:0 16px}}
header.site-header{background:var(--bg); color:var(--text-light)}
header.site-header .bar{display:flex; align-items:center; justify-content:space-between; padding:14px 0}
header.site-header a{color:var(--text-light); text-decoration:none}
header.site-header nav ul{list-style:none; display:flex; gap:1.2em; flex-wrap:wrap; margin:0; padding:0}
.age-badge{background:var(--accent); color:#191919; font-weight:700; padding:.2em .6em; border-radius:4px; font-size:.85rem}
main{padding:2.5rem 0 3rem}
footer.site-footer{background:var(--bg); color:var(--text-light); padding:2rem 0}
footer.site-footer a{color:var(--text-light)}
.rp-notice{background:var(--surface); border-radius:6px; padding:1em 1.2em; margin-top:1em; font-size:.92rem}
.breadcrumbs{font-size:.85rem; margin-bottom:1.2rem; opacity:.8}
.breadcrumbs a{color:inherit}
.grid{display:grid; gap:1.2rem}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:900px){.grid-3{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid-3,.grid-2{grid-template-columns:1fr}}