/* Konular (28. tur): the 14 areas as cards; the base comes from ../rota/rota.css. */
body.topics-page:before{background:linear-gradient(#07162488,#071624cc),url('../assets/sultanhani-interior-v1.webp') center/cover no-repeat}
.topics-intro .lead{margin-bottom:16px}
.topic-search label{display:block;margin-bottom:6px;font-size:13px;font-weight:650;color:var(--ui-muted,#c6ced6)}
.search-row{display:flex;gap:8px}
.search-row input{flex:1;min-width:0;min-height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--ui-line,#3a4b5c);background:var(--ui-field,#1f2d3b)}
.topic-search .quiet a{color:var(--ui-link,#a8d8f3)}
.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.topic{display:flex;flex-direction:column;gap:8px;padding:20px 22px;scroll-margin-top:16px}
.topic-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.topic h2{margin:0;font-size:22px}
.topic .official{margin:2px 0 0;font-size:12px;color:var(--ui-muted,#c6ced6)}
.topic .badge{flex:none;padding:3px 9px;border-radius:999px;background:#ecc27f26;color:var(--ui-accent,#ecc27f);font:700 11px/1.5 system-ui,sans-serif;font-style:normal}
.topic .topic-facts{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--ui-accent,#ecc27f);font-weight:650}
.topic .standing{margin:0;font-size:13px}
.topic .standing strong{color:#82dfae}
.topic .dots{color:var(--ui-muted,#c6ced6)}
.topic .topics{margin:0;font-size:12.5px;line-height:1.55;color:var(--ui-muted,#c6ced6)}
.topic-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.topic-actions .action{padding:8px 14px;font-size:14px}
.topic-actions .quiet-action{background:transparent}
.topic>.quiet{margin:0;font-size:12px}
@media(max-width:760px){.topic-list{grid-template-columns:1fr}}
@media(max-width:560px){.topic{padding:16px}.topic-actions .action{flex:1 1 auto}.search-row .action{padding:8px 14px}}

/* 29. tur: the map game and the cards one tap from the top (user: “haritaya nereden ulaşılıyor anlamadım”). */
.topics-quick{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 4px}