:root{--blue:#1f76bb;--green:#8cc63e;--yellow:#f6c233;--ink:#333333;--muted:#7f7f7f;--line:#dddddd;--paper:#ffffff;--bg:#f9f9f9}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.58}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.site-header{background:#ffffff;border-top:6px solid var(--green);border-bottom:1px solid var(--line)}
.header-wrap{display:flex;align-items:flex-end;gap:22px;justify-content:space-between;padding-top:18px;padding-bottom:14px}
.brand{display:flex;align-items:center;gap:14px;color:var(--ink);font-weight:700}
.brand img{width:210px;max-height:72px;object-fit:contain}
.brand span{max-width:210px;color:var(--muted);font-size:13px;line-height:1.25}
.primary-nav{overflow-x:auto;text-align:right}
.pure-menu-link{color:var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:0}
.pure-menu-link:hover{background:#eef6fc;color:var(--blue);text-decoration:none}
.nav-dropdown{position:relative}
.nav-dropdown details{position:relative}
.nav-dropdown summary{cursor:pointer;list-style:none}
.nav-dropdown summary::-webkit-details-marker{display:none}
.dropdown-menu{display:none;position:absolute;right:0;z-index:20;min-width:220px;margin:0;padding:8px 0;list-style:none;background:#ffffff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(0,0,0,.12);text-align:left}
.nav-dropdown details[open] .dropdown-menu{display:block}
.dropdown-menu a{display:block;padding:8px 14px;color:var(--ink);font-size:13px}
.dropdown-menu a:hover{background:#eef6fc;text-decoration:none}
.hero{background:#fff url('/assets/img/boo-games-banner.jpg') center/cover no-repeat;border-bottom:1px solid var(--line)}
.hero .wrap{min-height:330px;padding-top:54px;padding-bottom:54px;text-shadow:0 1px 0 #ffffff}
.hero img{width:275px;background:rgba(255,255,255,.9);padding:12px}
.hero h1{max-width:720px;margin:24px 0 8px;font-size:34px;line-height:1.12;color:var(--blue)}
.hero p{max-width:620px;font-size:18px;color:#444444}
.content-shell,.home-layout{padding-top:30px;padding-bottom:42px}
.article-body,.listing-body{background:var(--paper);border:1px solid var(--line);padding:28px}
.article-body h1,.listing-body h1{margin-top:0;color:var(--blue);font-size:30px;line-height:1.2}
.article-body h2,.listing-body h2{color:#4d4d4d;font-size:22px}
.article-meta,.summary{color:var(--muted);font-size:14px}
.content-image{margin:22px 0}
.content-image img,.gallery-grid img{border:1px solid var(--line);background:#ffffff;padding:4px}
.table-wrap{overflow-x:auto;margin:22px 0}
.listing-card,.loop-entry{border-bottom:1px solid var(--line);padding:18px 0}
.listing-card h2{font-size:20px;margin:0 0 8px}
.sidebar{padding-left:24px}
.sidebar section{background:#ffffff;border:1px solid var(--line);margin-bottom:18px;padding:18px}
.sidebar h3{margin:0 0 10px;color:var(--green);font-size:16px;text-transform:uppercase}
.tag-row a{display:inline-block;margin:0 6px 8px 0;padding:4px 8px;background:#eef6fc;border-left:3px solid var(--yellow);font-size:13px}
.breadcrumbs{padding-top:18px;color:var(--muted);font-size:13px}
.breadcrumbs li{display:inline-block;margin-right:8px}
.breadcrumbs li:after{content:"/";margin-left:8px;color:#aaaaaa}
.breadcrumbs li:last-child:after{content:""}
.site-footer{background:#333333;color:#dddddd;margin-top:24px;padding:34px 0}
.site-footer h3{color:#ffffff;font-size:16px;margin:0 0 12px}
.site-footer a{color:#ffffff}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{margin-bottom:7px}
.footer-grid>div{padding-right:24px}
.content-card-grid{margin:0 -10px}
.content-card{padding:10px}
.content-card h2{font-size:20px}
.content-card img{width:100%;border:1px solid var(--line)}
@media (max-width:900px){.header-wrap{display:block}.primary-nav{text-align:left;margin-top:14px}.sidebar{padding-left:0;margin-top:22px}.article-body,.listing-body{padding:22px}.hero h1{font-size:28px}.brand img{width:180px}}