/* Category pages extend the existing Wasm Arcade directory. */
body[data-page=category] .category-heading{max-width:76ch;padding:8px 0 18px}
body[data-page=category] .category-heading h1{font-size:clamp(28px,3vw,42px);line-height:1.15;letter-spacing:-.025em;margin:12px 0}
body[data-page=category] .category-heading p{max-width:70ch;margin:12px 0;color:#4e555c}
body[data-page=category] .category-heading .category-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}
body[data-page=category] .category-actions a,body[data-page=category] .category-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 15px;border:1px solid #7b8079;background:#fffefa;color:#202c3b;font-weight:700;text-decoration:none}
body[data-page=category] .category-actions a:first-child{background:#d1f14c;border-color:#40571e}
body[data-page=category] .category-picks{margin:16px 0 28px;padding:20px 0;border-block:1px solid #d1cec5}
body[data-page=category] .category-picks h2{margin:0 0 12px;font-size:22px}
body[data-page=category] .category-picks ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;gap:24px;margin:0;padding:0}
body[data-page=category] .category-picks a{font-size:18px;font-weight:800;color:#40571e;text-underline-offset:4px}
body[data-page=category] .category-picks p{margin:7px 0 0;color:#4e555c;max-width:55ch}
body[data-page=category] .category-list-heading{display:flex;gap:16px;align-items:baseline;justify-content:space-between;margin-top:22px}
body[data-page=category] .category-list-heading h2{font-size:24px;margin:0 0 18px}
body[data-page=category] .category-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0}
body[data-page=category] .category-pagination a:hover,body[data-page=category] .category-actions a:hover{background:#e3ecbe}
body[data-page=category] .category-pagination [aria-current=page]{background:#202c3b;color:#fffefa;padding:8px 15px;min-height:44px;display:inline-flex;align-items:center}
body[data-page=category] .category-help{max-width:72ch;padding:20px 0 30px;border-top:1px solid #d1cec5}
body[data-page=category] .category-help h2{font-size:22px;margin:0 0 8px}
.category-home-links{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 22px}.category-home-links a{padding:9px 15px;border:1px solid #7b8079;background:#fffefa;color:#40571e;font-weight:700;text-decoration:none;min-height:44px}
.game-category-links{display:flex;gap:8px 18px;flex-wrap:wrap;margin:12px 0 20px}.game-category-links a{color:#40571e;text-underline-offset:4px}
.category-related{padding:20px 0;max-width:76ch}.category-related h2{font-size:22px;margin:0 0 12px}.category-related ul{display:flex;flex-wrap:wrap;gap:12px 24px;list-style:none;padding:0;margin:0}.category-related a{color:#40571e;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}
@media(max-width:650px){body[data-page=category] .category-picks ul{grid-template-columns:1fr;gap:15px}body[data-page=category] .category-list-heading{display:block}body[data-page=category] .category-list-heading p{margin:0 0 16px}body[data-page=category] .category-heading{padding-top:0}}

/* Phone discovery: keep every collection available in two swipeable rows. */
@media(max-width:640px){
 .category-home-links{display:grid;grid-template-rows:repeat(2,52px);grid-auto-flow:column;grid-auto-columns:calc((100% - 16px)/2.15);gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:thin;scrollbar-color:#526a29 #dedbd2;padding:3px 2px 9px;margin:4px 0 12px}
 .category-home-links a{display:flex;align-items:center;min-width:0;min-height:44px;padding:6px 10px;font-size:16px;line-height:1.2;scroll-snap-align:start;overflow-wrap:normal}
}