/* หน้าสำหรับ Google: ซื้อขายไอดีรายเกม + บทความ (ใช้ธีมเดิม) */
.seo-crumb { font-size: .82rem; color: var(--muted); margin: 4px 0 12px; }
.seo-crumb a { color: #cbd5e1; }
.seo-hero { display: flex; gap: 18px; align-items: flex-start; padding: 24px; margin-bottom: 16px; border-radius: 22px; background: radial-gradient(90% 120% at 0% 0%, rgba(124, 92, 255, .32), transparent 60%), linear-gradient(160deg, rgba(30, 20, 80, .92), rgba(12, 8, 34, .95)); border: 1px solid var(--glass-border, var(--border)); }
.seo-hero-ic { width: 72px; height: 72px; border-radius: 18px; flex: none; box-shadow: 0 10px 24px rgba(0, 0, 0, .45); }
.seo-hero h1 { margin: 0 0 8px; font-size: clamp(1.5rem, 4vw, 2.2rem); line-height: 1.2; }
.seo-lead { color: #cbd5e1; margin: 0 0 14px; }
.seo-cta { display: flex; flex-wrap: wrap; gap: 8px; }
.seo-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 22px; }
.seo-steps > div { display: flex; gap: 10px; align-items: flex-start; padding: 14px; border-radius: 14px; background: rgba(10, 6, 30, .5); border: 1px solid var(--border); font-size: .9rem; }
.seo-steps b { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(135deg, var(--primary), #e14bd8); color: #fff; font-size: .82rem; }
.seo-list { margin-bottom: 24px; }
.seo-text, .seo-article { max-width: 820px; }
.seo-text h2, .seo-article h2 { font-size: 1.2rem; margin: 22px 0 8px; }
.seo-text p, .seo-article p, .seo-article li { color: #d6dbe6; line-height: 1.85; }
.seo-article h1 { font-size: clamp(1.5rem, 4vw, 2.1rem); line-height: 1.25; margin: 0 0 10px; }
.seo-article ul { padding-left: 22px; }
.seo-article li { margin-bottom: 4px; }
.seo-box { margin: 24px 0; padding: 18px; border-radius: 16px; background: linear-gradient(135deg, rgba(124, 92, 255, .2), rgba(225, 75, 216, .12)); border: 1px solid rgba(167, 139, 250, .4); }
.seo-box p { margin: 4px 0 12px; }
.seo-more { margin-top: 26px; }
.seo-more h2 { font-size: 1.15rem; margin: 0 0 10px; }
.seo-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.seo-card { display: flex; flex-direction: column; gap: 6px; padding: 16px; border-radius: 16px; color: var(--text); background: rgba(10, 6, 30, .55); border: 1px solid var(--border); transition: border-color .15s, transform .15s; }
.seo-card:hover { text-decoration: none; border-color: rgba(167, 139, 250, .6); transform: translateY(-2px); }
.seo-card small { color: var(--muted); line-height: 1.6; }
.seo-read { margin-top: auto; font-size: .85rem; color: #a5f3fc; }
.seo-cards-lg { margin-bottom: 20px; }
.seo-games { margin: 18px 0 0; font-size: .88rem; color: var(--muted); display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
.seo-games a, .footer-games a { color: #cbd5e1; }
.footer-games { margin-top: 8px; font-size: .82rem; display: flex; flex-wrap: wrap; gap: 4px 10px; }
@media (max-width: 760px) {
  .seo-hero { flex-direction: column; padding: 18px; }
  .seo-steps { grid-template-columns: 1fr 1fr; }
}