/* Pevlika Kids public landing page (parents and search). Uses the site's semantic tokens, so Light/Dark follow
   the main theme; the game artwork stays identical in both. */
.kids-hero{text-align:center;max-width:760px;margin:16px auto 28px}
.kids-hero h1{margin:0 0 8px}
.kids-landing-note{color:var(--muted);font-size:14px}
.kids-age-picker>h2,.kids-age-picker>.kids-age-intro{text-align:center;margin-inline:auto}
.kids-age-art{display:block;width:88px;height:88px;margin-bottom:8px}
.kids-age-art svg,.kids-game-art svg{display:block;width:100%;height:100%}
.kids-landing>section{margin-block:32px}
.kids-age-grid,.kids-game-grid{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.kids-age-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
.kids-age-card{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;height:100%;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);text-decoration:none}
.kids-age-card strong{font-size:20px}
.kids-age-card>span{color:var(--muted);font-size:14px;line-height:1.45}
.kids-age-card .kids-age-count{align-self:end;font-weight:700;color:var(--accent)}
.kids-age-card.is-soon{background:var(--surface-soft,var(--surface));border-style:dashed}
.kids-age-card.is-soon .kids-age-count{color:var(--muted)}
a.kids-age-card:hover{border-color:var(--accent);background:var(--surface-soft,var(--surface))}
a.kids-age-card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.kids-game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.kids-game-card{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.kids-game-art{display:block;width:88px;height:88px;border-radius:20px;overflow:hidden}
.kids-game-card h3{margin:2px 0 6px;font-size:18px}
.kids-game-card p{margin:0;color:var(--muted);line-height:1.5}
.kids-game-card .kids-skills{margin-top:8px;font-size:13px;font-weight:600;color:var(--text);text-transform:capitalize}
.kids-parent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kids-parent-grid>div{padding:16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.kids-parent-grid h3{margin:0 0 6px;font-size:17px}
.kids-parent-grid p{margin:0;color:var(--muted);line-height:1.5}
@media(max-width:860px){.kids-age-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-game-grid,.kids-parent-grid{grid-template-columns:1fr}}
@media(max-width:600px){.kids-age-card{padding:14px}.kids-age-art{width:64px;height:64px}.kids-age-card strong{font-size:18px}.kids-game-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.kids-game-art{width:64px;height:64px;border-radius:16px}}
.kids-age-intro{margin:-4px 0 14px;color:var(--muted);max-width:70ch}