/* Tag-Seite (Extension more). Bewusst schlicht: Farben/Schrift erbt die Seite, ground kann ueberschreiben. */
.mtag { max-width: 60rem; margin: 0 auto; padding: 1rem; }
.mtag__title { margin: 0 0 .5rem; }
.mtag__intro { margin: 0 0 1.5rem; white-space: pre-line; }
.mtag__section { margin: 0 0 2rem; }
.mtag__section-title { display: flex; align-items: baseline; gap: .5rem; font-size: 1.25rem; margin: 0 0 .5rem; }
.mtag__count { font-size: .85rem; opacity: .65; font-weight: normal; }
.mtag__list { list-style: none; margin: 0; padding: 0; }
.mtag__item { display: flex; justify-content: space-between; gap: 1rem; padding: .4rem 0; border-bottom: 1px solid rgba(128, 128, 128, .25); }
.mtag__date { opacity: .65; white-space: nowrap; font-size: .9rem; }
.mtag__pager ul { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; margin: 1.5rem 0 0; padding: 0; }
.mtag__pager a, .mtag__pager span { display: inline-block; padding: .25rem .6rem; border: 1px solid rgba(128, 128, 128, .4); border-radius: .25rem; text-decoration: none; }
.mtag__pager [aria-current="page"] { font-weight: bold; }
.mtag__empty { opacity: .75; }

/* Tags am Inhalt (News, Steckbrief): kleine Links, Vorlagen kommen aus ground. */
.mtags { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .5rem; margin: .25rem 0; }
.mtags__label { opacity: .65; font-size: .9rem; }
.mtags__tag { display: inline-block; padding: .1rem .55rem; border: 1px solid rgba(128, 128, 128, .4); border-radius: 999px; font-size: .9rem; }
.mtags__tag a { text-decoration: none; }
