/* "Entdecken" (26.09.2026, static/js/discover.js). Nur Theme-Variablen. Die Icons
   sind einfarbige SVGs und werden als Maske in der Theme-Akzentfarbe gezeigt. */
.dsc-page{max-width:64rem; display:flex; flex-direction:column; gap:1.25rem;}
.dsc-head h2{margin:0 0 .3rem;}
.dsc-head .settings-hint{margin:0;}
.dsc-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(17rem, 1fr)); gap:1rem;}

.dsc-card{
  display:flex; gap:1rem; align-items:flex-start;
  padding:1.1rem 1.2rem; border-radius:16px;
  background:var(--surface); color:var(--ink); border:1px solid var(--border);
}
.dsc-card.is-tried{background:color-mix(in srgb, var(--surface) 70%, var(--bg));}
.dsc-icon{
  flex:none; width:3rem; height:3rem; border-radius:14px; position:relative;
  background:var(--accent-soft);
}
.dsc-icon::after{
  content:""; position:absolute; inset:.45rem;
  background:var(--accent);
  -webkit-mask:var(--dsc-icon) center / contain no-repeat;
  mask:var(--dsc-icon) center / contain no-repeat;
}
.dsc-card-body{display:flex; flex-direction:column; gap:.45rem; min-width:0; flex:1;}
.dsc-card h3{margin:0; font-size:1.05rem; display:flex; flex-wrap:wrap; align-items:center; gap:.4rem;}
.dsc-benefit{margin:0; font-weight:600;}
.dsc-text{margin:0; color:var(--ink-muted); font-size:.9rem;}
.dsc-card .dsc-open{align-self:flex-start; margin-top:.3rem;}
.dsc-locked{margin:.2rem 0 0; font-size:.85rem; color:var(--ink-muted); font-style:italic;}

.dsc-badges{display:inline-flex; gap:.3rem;}
.dsc-badge{font-size:.7rem; font-weight:600; letter-spacing:.02em; padding:.12rem .5rem; border-radius:99px; white-space:nowrap;}
.dsc-badge-for-you{background:var(--accent); color:var(--accent-ink);}
.dsc-badge-new{background:var(--warn-soft); color:var(--warn);}
.dsc-badge-tried{background:var(--ok-soft); color:var(--ok);}

/* Kompakte Abschlusskarte (Onboarding-Ende, spaeter Tour-Ende) */
.dsc-suggest{display:flex; flex-direction:column; gap:.6rem; margin-top:.25rem;}
.dsc-suggest-title{margin:0; font-size:1rem;}
.dsc-suggest-list{display:flex; flex-direction:column; gap:.5rem;}
.dsc-card-compact{padding:.7rem .8rem; gap:.75rem; align-items:center; border-radius:12px; background:var(--bg);}
.dsc-card-compact .dsc-icon{width:2.5rem; height:2.5rem; border-radius:11px;}
.dsc-card-compact h3{font-size:.95rem;}
.dsc-card-compact .dsc-benefit{font-weight:400; font-size:.85rem; color:var(--ink-muted);}
.dsc-card-compact .dsc-card-body{gap:.15rem;}
.dsc-card-compact .dsc-open{margin-top:.2rem;}
.dsc-all-link{
  align-self:flex-start; padding:.35rem 0; border:0; background:none; cursor:pointer;
  font:inherit; font-weight:600; color:var(--accent);
}
.dsc-all-link:hover{text-decoration:underline;}

@media (min-width: 601px){
  .dsc-card-compact{flex-wrap:nowrap;}
  .dsc-card-compact .dsc-card-body{flex-direction:row; flex-wrap:wrap; align-items:center; column-gap:.75rem;}
  .dsc-card-compact .dsc-card-body > h3, .dsc-card-compact .dsc-benefit{flex-basis:100%;}
}
@media (max-width: 600px){
  .dsc-grid{grid-template-columns:1fr;}
  .dsc-card{padding:1rem;}
}