/* Plain, weighted links keep every topic usable without JavaScript. */
.tag-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: 9px 23px;
  padding: 10px 0 18px;
}
.tag-cloud-link {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  min-height: 32px;
  padding: 2px 0;
  color: var(--ink);
  font-size: var(--tag-size, 13px);
  font-weight: 400;
  line-height: 1.8;
  text-decoration: none;
}
.tag-cloud-link:nth-child(3n+1) { color: var(--green); }
.tag-cloud-name { min-width:0; overflow-wrap:anywhere; }
.tag-cloud-name[lang="si"] { font-family:"Noto Sans Sinhala",var(--sans); }
.tag-cloud-count { flex-shrink:0; align-self:flex-start; color:var(--muted); font-size:11px; line-height:2.3; }
.tag-cloud-link:hover { color:var(--green); }
.tag-cloud-link:hover .tag-cloud-name,
.tag-cloud-link:focus-visible .tag-cloud-name { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.22em; }
.tag-cloud-link:focus-visible { outline:2px solid var(--green); outline-offset:5px; border-radius:2px; }

.topic-explorer { margin:0 0 25px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.topic-explorer > summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0; list-style:none; cursor:pointer; font-size:13px; font-weight:500; }
.topic-explorer > summary::-webkit-details-marker { display:none; }
.topic-explorer-toggle { color:var(--muted); font-size:19px; font-weight:400; line-height:1; }
.topic-explorer-toggle::before { content:"+"; }
.topic-explorer[open] .topic-explorer-toggle::before { content:"−"; }
.topic-explorer-content { padding-bottom:20px; }
.topic-explorer-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 20px; margin-top:8px; }
.topic-explorer-footer > p { margin:0; color:var(--muted); font-size:11px; }
.topic-explorer-footer .text-link { font-size:11px; }
.topic-explorer-footer .topic-total { color:var(--muted); font-size:10px; font-weight:400; }
.all-topics { border-top:1px solid var(--line); padding:20px 0 30px; }
.all-topics-note { margin:0 0 21px; color:var(--muted); font-size:12px; }
.all-topics .tag-cloud { gap:13px 26px; padding:8px 0 25px; }

/* The comparison palette adds colour only when explicitly selected. */
html[data-palette="colour"] .tag-cloud-link:nth-child(3n+1) { color:var(--green); }
html[data-palette="colour"] .tag-cloud-link:nth-child(3n+2) { color:var(--accent-blue); }
html[data-palette="colour"] .tag-cloud-link:nth-child(3n) { color:var(--accent-warm); }
html[data-palette="colour"] .tag-cloud-link:hover { color:var(--green); }
html[data-palette="colour"] .topic-explorer > summary { color:var(--accent-blue); }

@media (max-width:580px) {
  .tag-cloud,.all-topics .tag-cloud { gap:8px 16px; padding-top:5px; }
  .topic-explorer { margin-bottom:20px; }
  .topic-explorer > summary { padding:16px 0; font-size:12px; }
  .topic-explorer-content { padding-bottom:17px; }
  .topic-explorer-footer { align-items:flex-start; gap:10px; }
  .topic-explorer-footer > p { font-size:11px; }
  .all-topics { padding-top:19px; }
  .all-topics-note { font-size:11px; line-height:1.9; }
}
@media print { .topic-explorer { display:none; } }