/* A finite daily discovery: curiosity, a satisfying reveal, and a private collection. */
.daily-discovery {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(32px, 5vw, 76px);
  padding-top: 66px;
  padding-bottom: 76px;
  position: relative;
  scroll-margin-top: 100px;
}
.daily-discovery [hidden] { display: none !important; }
.discovery-intro { min-width: 0; }
.discovery-eyebrow {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #0066cc;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .12em;
  margin: 0 0 18px;
}
.discovery-spark { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px #e6f0fc; }
.daily-discovery h2 { font-size: clamp(30px, 3.3vw, 43px); font-weight: 650; letter-spacing: -.045em; line-height: 1.13; margin: 0 0 20px; }
.discovery-description { max-width: 390px; font-size: 16px; line-height: 1.65; color: var(--ink-soft, #515157); margin: 0; }
.discovery-collection { max-width: 400px; margin-top: 30px; border-top: 1px solid var(--line-soft, #e8e8ed); }
.discovery-collection summary { cursor: pointer; min-height: 54px; padding: 16px 0; font-size: 13px; font-weight: 550; color: var(--ink, #1d1d1f); }
.discovery-count { font-size: 12px; font-weight: 450; color: var(--ink-muted, #6e6e73); margin-left: 10px; white-space: nowrap; }
.discovery-collection ul { list-style: none; padding: 0; margin: 2px 0 0; max-height: 245px; overflow-y: auto; overscroll-behavior: contain; }
.discovery-collection li + li { border-top: 1px solid var(--line-soft, #e8e8ed); }
.discovery-collection li a { display: flex; gap: 18px; align-items: baseline; padding: 13px 2px; color: var(--ink-soft, #515157); font-size: 12px; text-decoration: none; }
.discovery-collection li a:hover { color: #0066cc; }
.discovery-collection li strong { min-width: 72px; font-size: 15px; font-variant-numeric: tabular-nums; color: var(--ink, #1d1d1f); }
.discovery-empty { font-size: 13px; color: var(--ink-muted, #6e6e73); padding: 0 0 16px; margin: 0; }
.discovery-experience { min-width: 0; }
.discovery-card { position: relative; overflow: hidden; padding: 30px; border: 1px solid #e1e5eb; border-radius: 24px; background: linear-gradient(150deg, #fff 35%, #f6f9fe); box-shadow: 0 8px 30px #18325507; }
.discovery-meta { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; color: #0066cc; font-size: 12px; line-height: 1.5; font-weight: 550; }
.discovery-date { color: var(--ink-muted, #6e6e73); font-weight: 450; white-space: nowrap; }
.discovery-question { font-size: 21px; line-height: 1.3; font-weight: 600; letter-spacing: -.025em; margin: 17px 0 0; min-height: 55px; }
.discovery-stage { display: grid; }
.discovery-stage > * { grid-area: 1 / 1; }
.daily-discovery .discovery-stage > .discovery-result[hidden] { display: block !important; visibility: hidden; pointer-events: none; }
.daily-discovery .discovery-stage > .discovery-teaser[hidden] { display: flex !important; visibility: hidden; pointer-events: none; }
.discovery-teaser { display: flex; min-height: 180px; position: relative; align-items: center; justify-content: center; }
.discovery-symbol { position: relative; display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; color: #0071e3; border-radius: 21px; background: linear-gradient(145deg, #e4f0ff, #f2f7ff); border: 1px solid #d2e5fc; box-shadow: 0 8px 22px #0071e30a, inset 0 1px 0 #fff; transform: rotate(-8deg); }
.discovery-symbol svg { transform: rotate(8deg); }
.discovery-orbit { width: 128px; height: 128px; border: 1px solid #e2ebf6; border-radius: 50%; position: absolute; }
.discovery-orbit::after { content: ""; position: absolute; inset: -17px; border: 1px solid #edf2f8; border-radius: 50%; }
.discovery-reveal { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 12px 16px; font-size: 13px; font-weight: 550; color: #fff; background: #0071e3; border: 1px solid #0071e3; border-radius: 999px; transition: background .18s, transform .18s, box-shadow .18s; }
.discovery-reveal:hover { background: #0066cc; box-shadow: 0 5px 16px #0071e322; }
.discovery-reveal:active { transform: scale(.98); }
.discovery-reveal[aria-disabled="true"] { cursor: default; background: #edf3fb; color: #24547e; border-color: #e2ebf6; box-shadow: none; }
.discovery-reveal[aria-disabled="true"]::before { content: ""; height: 6px; width: 10px; border-left: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(-45deg) translateY(-2px); }
.discovery-note { color: var(--ink-muted, #6e6e73); font-size: 12px; line-height: 1.6; text-align: center; max-width: 300px; margin: 12px auto 0; }
.discovery-result { padding: 14px 0 20px; }
.discovery-value { font-size: clamp(35px, 4vw, 49px); line-height: 1.12; font-weight: 650; letter-spacing: -.05em; font-variant-numeric: tabular-nums; margin: 0 0 10px; color: #0066cc; overflow-wrap: anywhere; }
.discovery-fact { color: var(--ink-soft, #515157); font-size: 14px; line-height: 1.55; margin: 0 0 16px; }
.discovery-source { color: #0066cc; font-size: 13px; font-weight: 550; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.discovery-source:hover { text-decoration: underline; }
.discovery-reference { font-size: 12px; line-height: 1.5; color: var(--ink-muted, #6e6e73); margin: 4px 0 0; overflow-wrap: anywhere; }
.discovery-fallback { color: #0066cc; display: block; border: 1px solid var(--line-soft, #e8e8ed); padding: 40px 30px; border-radius: 24px; text-align: center; }
.discovery-burst { position: absolute; width: 0; height: 0; top: 48%; left: 50%; pointer-events: none; }
.discovery-burst i { position: absolute; width: 5px; height: 5px; border-radius: 2px; background: #6daaf2; opacity: 0; --dx: 105px; --dy: -60px; }
.discovery-burst i:nth-child(2) { --dx: -108px; --dy: -65px; background: #a3b7ef; }
.discovery-burst i:nth-child(3) { --dx: 138px; --dy: 15px; background: #6dcbd0; }
.discovery-burst i:nth-child(4) { --dx: -140px; --dy: 20px; background: #a0c7f5; }
.discovery-burst i:nth-child(5) { --dx: 55px; --dy: -110px; background: #a3b7ef; }
.discovery-burst i:nth-child(6) { --dx: -52px; --dy: -105px; background: #6dcbd0; }
.is-celebrating .discovery-burst i { animation: discovery-burst 750ms cubic-bezier(.16, 1, .3, 1) both; }
.is-celebrating .discovery-value { animation: discovery-arrive 480ms cubic-bezier(.16, 1, .3, 1) both; }
.daily-discovery :focus-visible { outline: 3px solid #80b9ef; outline-offset: 4px; }
.discovery-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@keyframes discovery-burst { 0% { transform: translate(0, 0) scale(.5); opacity: 0; } 20% { opacity: .8; } 100% { transform: translate(var(--dx), var(--dy)) rotate(95deg); opacity: 0; } }
@keyframes discovery-arrive { from { opacity: 0; transform: translateY(9px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (max-width: 760px) {
  .daily-discovery { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-top: 42px; padding-bottom: 48px; }
  .discovery-description { max-width: 480px; }
  .discovery-collection { max-width: none; margin-top: 22px; }
  .discovery-card { padding: 26px; }
  .discovery-question { min-height: 0; }
  .discovery-value { font-size: 42px; }
}
@media (max-width: 380px) {
  .discovery-card { padding: 22px; }
  .discovery-value { font-size: 36px; }
  .discovery-count { display: block; margin: 4px 0 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .daily-discovery *, .daily-discovery *::before, .daily-discovery *::after { animation: none !important; transition: none !important; }
}