/* Extends the existing game landing components without changing other games. */
.ten-seo .ten-seo-hero .landing-romance-hero__copy h1 { max-width: 18ch; }
.ten-seo .ten-seo-hero { --game-accent: #ff668e; --game-accent-soft: rgba(255, 102, 142, .16); }
.ten-seo .action-btn { white-space: normal; text-align: center; overflow-wrap: anywhere; }
.ten-seo-demo { width: min(100%, 420px); padding: clamp(20px, 3vw, 32px); display: grid; gap: 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 28px; background: linear-gradient(140deg, #96254c, #383364); box-shadow: 0 22px 60px rgba(0,0,0,.24); color: #fff; }
.ten-seo-demo p { margin: 0; }
.ten-seo-demo__brand { display: flex; gap: 12px; align-items: center; font-size: .875rem; font-weight: 700; }
.ten-seo-demo__brand img { flex: 0 0 56px; }
.ten-seo-demo__player { justify-self: start; padding: 8px 12px; background: #173d3a; color: #b8f4dd; border-radius: 12px; font-size: .875rem; }
.ten-seo-demo__question { font-size: clamp(1.4rem, 2.5vw, 2rem); line-height: 1.2; overflow-wrap: anywhere; }
.ten-seo-demo__answers { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; font-weight: 800; text-align: center; font-size: .875rem; }
.ten-seo-demo__answers span { padding: 13px 8px; border-radius: 12px; background: #146c58; }
.ten-seo-demo__answers span + span { background: #742741; }
.ten-seo-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding-left: 24px; }
.ten-seo-steps li { padding-left: 5px; }
.ten-seo-steps li::marker { color: #9ee5c1; font-weight: 800; }
.ten-seo-steps strong { font-size: 1rem; }
.ten-seo-steps p, .ten-seo-note, .ten-seo-copy-grid p, .ten-seo-categories p { font-size: 1rem; line-height: 1.5; color: #b1b6c6; }
.ten-seo-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ten-seo-categories article { display: flex; gap: 12px; align-items: flex-start; padding: 16px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(255,255,255,.025); }
.ten-seo-categories article > span { font-size: 1.5rem; }
.ten-seo-categories h3 { margin: 0 0 5px; font-size: 1rem; }
.ten-seo-categories small { color: #e5c97b; font-size: .8125rem; }
.ten-seo-categories article:first-child small { color: #9ee5c1; }
.ten-seo-categories p { margin: 7px 0 0; font-size: .875rem; }
.ten-seo-copy-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 18px; }
.ten-seo .landing-section-head h2 { font-size: clamp(1.4rem, 3vw, 2rem); line-height: 1.18; }
.ten-seo .landing-section-head p { font-size: 1rem; line-height: 1.5; }
.ten-seo-question-list { padding-left: 24px; }
.ten-seo .landing-article__body p,
.ten-seo .landing-article__copy > p { font-size: 1rem; line-height: 1.6; }
.ten-seo-question-list li { padding: 0 0 12px 4px; font-size: 1rem; line-height: 1.5; }
.ten-seo-toc { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 16px 0; }
.ten-seo-toc a { color: #a7e8d0; font-size: .875rem; }
.ten-seo-related { margin-top: 24px; }
@media(max-width: 720px) {
  .ten-seo-steps, .ten-seo-copy-grid, .ten-seo-categories { grid-template-columns: 1fr; gap: 12px; }
  .ten-seo-demo { width: 100%; border-radius: 20px; }
  .ten-seo .ten-seo-hero .landing-romance-hero__copy h1 { max-width: none; font-size: clamp(1.85rem, 8vw, 2.6rem); }
  .ten-seo .game-hero__start, .ten-seo .game-hero__action-line, .ten-seo .game-hero__start-note { max-width: 100%; }
  .ten-seo .game-hero__action-line .action-btn { min-width: 0; width: 100%; }
}