/* Pip & the Sunstone pages - on top of the shared css/antsmasher.css (as-* classes) */
.ps-hero { background: linear-gradient(170deg, #5cb8f0 0%, #9fd8ff 55%, #6cbf5a 100%); color: #1a1020; padding: 60px 0 50px; }
.ps-hero h1 { font-weight: 700; font-size: 3rem; color: #ffd34a; margin: 0 0 10px; text-shadow: 0 3px 0 #1a1020, 0 0 2px #1a1020; letter-spacing: .02em; }
.ps-hero .as-tag { color: #1a1020; font-size: 1.2rem; }
.ps-hero .as-pill { background: rgba(255,255,255,.55); color: #1a1020; }
.ps-hero .as-icon { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 6px 18px rgba(0,0,0,.25); margin-bottom: 18px; }
.ps-hero-img { width: 100%; border-radius: 18px; box-shadow: 0 12px 30px rgba(0,0,0,.3); image-rendering: pixelated; }
.ps-land .as-card { border-top: 6px solid #ee7b2c; }
.ps-land .ps-num { color: #b24e1c; font-weight: 700; font-size: .85rem; letter-spacing: .08em; }
.ps-power .as-card { border-left: 6px solid #2ec4b6; }
.ps-gallery { display: flex; gap: 16px; overflow-x: auto; padding: 10px 4px 24px; scroll-snap-type: x mandatory; }
.ps-gallery img { height: 300px; border-radius: 16px; box-shadow: 0 8px 22px rgba(0,0,0,.2); scroll-snap-align: start; flex: 0 0 auto; image-rendering: pixelated; }
.ps-keys td:first-child { white-space: nowrap; font-weight: 600; }
@media (max-width: 767px) { .ps-hero h1 { font-size: 2.2rem; } .ps-gallery img { height: 190px; } }