/* Cluster-1 lookup pages (W41.5): the birthday-chart tool + the /name axis shells.
   Rides ON TOP of seo-landing.css (design C variables + base) — that file is read-only here,
   same contract as tool.css. Everything below is namespaced bday-/name- to stay collision-free
   in the shared cache (feedback_html_frontend: голые классы в общем CSS = коллизия). */

.bday-lede{
  max-width:560px;margin:10px auto 0;text-align:center;color:var(--ink-soft);
  font-size:1.06rem;line-height:1.55;
}

/* ---------- lookup form ---------- */
.bday-lookup{display:flex;justify-content:center;margin:26px 0 6px}
.bday-card{
  background:var(--paper);border:1.5px solid var(--gold-soft);border-radius:18px;
  box-shadow:var(--shadow);padding:22px 26px;display:flex;flex-wrap:wrap;gap:14px;
  align-items:flex-end;justify-content:center;max-width:520px;width:100%;
}
.bday-card .field{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}
.bday-card .cap{font-weight:600;color:var(--plum);font-size:.95rem}
.bday-card input[type="date"]{
  font:inherit;color:var(--ink);background:#fff;border:1.5px solid var(--blush-deep);
  border-radius:10px;padding:10px 12px;min-height:44px;width:100%;
}
.bday-card input[type="date"]:focus{outline:2px solid var(--pink);outline-offset:1px}
.bday-card .btn-cta{
  background:var(--pink);color:#fff;border:0;border-radius:999px;cursor:pointer;
  padding:12px 26px;font-weight:700;font-size:1rem;min-height:44px;
}
.bday-card .btn-cta:hover{background:var(--pink-deep)}
.bday-foot{flex-basis:100%;text-align:center;margin:2px 0 0;color:var(--ink-soft);font-size:.85rem}

/* ---------- result card ---------- */
.bday-result{display:flex;justify-content:center;margin:22px 0 8px}
.bday-result-card{
  background:var(--paper);border:2px solid var(--gold);border-radius:22px;
  box-shadow:var(--shadow);padding:30px 34px;text-align:center;max-width:640px;width:100%;
}
.bday-result-kicker{
  font-family:Caveat,cursive;font-size:1.7rem;color:var(--pink);margin:0 0 8px;
}
.bday-result-title{
  font-size:clamp(1.6rem,4.6vw,2.4rem);color:var(--plum);margin:0 0 6px;line-height:1.15;
}
/* The base h2 squiggle (seo-landing.css h2::after) belongs to section headings, not to the
   result card's song title. */
.bday-result-title::after{display:none}
.bday-result-artist{font-size:1.2rem;color:var(--ink);margin:0 0 12px}
.bday-result-week{color:var(--ink-soft);font-size:.95rem;margin:0 0 16px}
.bday-share{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.bday-share a,.bday-share button{
  font:inherit;font-weight:600;color:var(--plum);background:none;cursor:pointer;
  border:1.5px dashed var(--gold);border-radius:999px;padding:7px 16px;text-decoration:none;
}
.bday-share a:hover,.bday-share button:hover{border-style:solid}
/* Out-of-coverage: same card, honest message — never a clamped answer. */
.bday-result-miss{color:var(--ink);font-size:1.05rem;line-height:1.6;margin:0}

/* ---------- famous-songs list (/name/{x}) ---------- */
.name-song-list{list-style:none;margin:14px 0 6px;padding:0;display:grid;gap:10px}
.name-song-row{
  background:var(--paper);border:1.5px solid var(--blush-deep);border-radius:14px;
  padding:10px 16px 10px 10px;display:flex;align-items:center;gap:14px;
}
.name-song-thumb{
  flex:0 0 auto;width:120px;height:68px;object-fit:cover;border-radius:10px;
  border:1px solid var(--blush-deep);
}
.name-song-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.name-song-title{font-weight:700;color:var(--plum)}
.name-song-title a{color:var(--plum);text-decoration:none}
.name-song-title a:hover{color:var(--pink)}
.name-song-artist{color:var(--ink)}
.name-song-year{color:var(--ink-soft);font-size:.9rem;margin-left:auto}
@media (max-width:480px){.name-song-thumb{width:88px;height:50px}}
.name-song-note{color:var(--ink-soft);font-size:.8rem;margin:8px 0 0}
/* The "no page yet" card of the lookup (same family as the birthday miss). */
.bday-result-cta{margin-top:14px}

/* ---------- attribution ---------- */
.bday-attrib{
  max-width:640px;margin:34px auto 8px;text-align:center;color:var(--ink-soft);
  font-size:.8rem;line-height:1.6;
}
.bday-attrib a{color:var(--ink-soft)}