/* Runde 3: Suche (the app's SearchR3Page): white cards with a mono label and a count, the topics and the issues as
   rows, "Alle Rätsel ›" under the Rätsel. Loaded after app.css; tokens and the shared blocks are in app.css §1, §17. */
.su-top24{margin-top:24px}
.su-label{font:400 10px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.su-chev{display:grid;place-items:center;flex:none;color:var(--ink-3)}
.su-chev svg{width:13px;height:13px}
.su-meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  font:400 10px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}

/* "Alle Rätsel ›" */
.su-more{display:inline-flex;align-items:center;gap:4px;margin-top:10px;padding:4px 2px;font:650 15px/1.2 var(--sans);color:var(--ink)}
.su-more svg{width:12px;height:12px}

.su-card-box{padding:16px 16px 8px;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}
.su-box-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:6px}
.su-topicrow,.su-issuerow{display:flex;align-items:center;gap:14px;padding:8px 0;border-top:1px solid var(--rule);color:var(--ink)}
.su-topic-cover{display:block;width:84px;height:56px;flex:none;border-radius:8px;overflow:hidden;background:var(--soft)}
.su-topic-cover svg{display:block;width:100%;height:100%}
.su-topic-cover img{display:block;width:100%;height:100%;object-fit:cover}
.su-count{flex:none;font:400 12px/1.2 var(--mono);color:var(--ink-2)}
.su-top10{margin-top:10px}
/* the hits: one white card per kind, 16 pt apart; a story as on Heute's rows with its kicker (SearchNewsRow) */
.su-results{display:flex;flex-direction:column;gap:16px}
.su-news{padding-bottom:4px}
.su-newsrow{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-top:1px solid var(--rule);color:var(--ink)}
.su-newsrow-text{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}
.su-newsrow-text .kicker{margin:0;font-size:9.5px}
.su-newsrow strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  font:650 16.5px/1.22 var(--sans);letter-spacing:-.012em}
.su-topicrow strong{flex:1;min-width:0;font:700 17px/1.2 var(--sans);letter-spacing:-.018em}
.su-issuerow{align-items:flex-start;padding:12px 0}
.su-issuerow img{width:44px;height:44px;flex:none;border-radius:10px}
.su-issuerow>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.su-issuerow strong{font:650 16.5px/1.22 var(--sans);letter-spacing:-.012em}
.su-noresults{padding-top:40px}