/* Silberwacht – „Welt in Zahlen“: Serverstatus, Bestenliste, Börse, Zeitstrahl (gemeinsame Stile, Präfix gz-) */
.gz-wrap { min-width: 0; }
.gz-wrap h2 { margin-top: 2rem; }
.gz-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .8rem; margin: 1rem 0 1.5rem; }
.gz-card { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px;
  padding: .8rem 1rem; min-width: 0; }
.gz-card.wide { grid-column: 1 / -1; }
.gz-label { font-size: .74rem; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--accent-4); margin: 0; }
.gz-value { font-family: var(--wp--preset--font-family--vollkorn); font-size: 1.65rem; font-weight: 700; line-height: 1.15; margin: .15rem 0;
  color: var(--wp--preset--color--contrast); overflow-wrap: anywhere; }
.gz-value small { font-size: .55em; font-weight: 400; color: var(--wp--preset--color--accent-4); }
.gz-sub { font-size: .85rem; color: var(--wp--preset--color--accent-4); margin: 0; overflow-wrap: anywhere; }
.gz-up { color: #6fd36f; } .gz-down { color: #e0645a; }
.gz-dot { display: inline-block; width: .7em; height: .7em; border-radius: 50%; background: #e0645a; margin-right: .35em; vertical-align: .05em; }
.gz-dot.on { background: #4caf50; box-shadow: 0 0 8px #4caf50; }
.gz-realm { border-left: 3px solid var(--wp--preset--color--accent-1); }
.gz-realm h3 { margin: 0 0 .4rem; font-size: 1.25rem; }
.gz-kv { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: .6rem 1rem; margin: .4rem 0 0; }
.gz-kv div { min-width: 0; }
.gz-kv b { display: block; font-family: var(--wp--preset--font-family--vollkorn); font-size: 1.35rem; color: var(--wp--preset--color--contrast); }

/* Diagramme */
.gz-chart-box { background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-6); border-radius: 8px;
  padding: .6rem .8rem .4rem; margin: .5rem 0 1rem; min-width: 0; }
.gz-chart-box h3 { font-size: 1rem; margin: 0 0 .2rem; }
.gz-chart { width: 100%; height: auto; display: block; color: var(--wp--preset--color--accent-4); overflow: visible; }
.gz-chart text { font-size: 14px; fill: currentColor; font-family: inherit; }
.gz-chart .gz-grid { stroke: var(--wp--preset--color--accent-6); stroke-width: 1; }
.gz-legend { display: flex; flex-wrap: wrap; gap: .3rem 1rem; font-size: .82rem; color: var(--wp--preset--color--accent-4); margin: .2rem 0 0; }
.gz-legend i { display: inline-block; width: .9em; height: .25em; vertical-align: .2em; margin-right: .3em; border-radius: 2px; }
.gz-spark-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .8rem; margin: .8rem 0 1.5rem; }
.gz-spark-grid .gz-chart-box { margin: 0; }

/* Reiter ohne JavaScript */
.gz-tabs { margin: .5rem 0 1rem; }
.gz-tabs > input { position: absolute; opacity: 0; pointer-events: none; }
.gz-tabs > label { display: inline-block; padding: .3rem .85rem; border: 1px solid var(--wp--preset--color--accent-6); border-radius: 999px;
  cursor: pointer; font-size: .9rem; margin: 0 .3rem .5rem 0; background: var(--wp--preset--color--accent-5); }
.gz-tabs > input:checked + label { background: var(--wp--preset--color--accent-1); color: #14110E; border-color: var(--wp--preset--color--accent-1); }
.gz-tabs > input:focus-visible + label { outline: 2px solid var(--wp--preset--color--accent-1); outline-offset: 2px; }
.gz-tabs > div.gz-pane { display: none; }
.gz-tabs > input:nth-of-type(1):checked ~ div.gz-pane:nth-of-type(1),
.gz-tabs > input:nth-of-type(2):checked ~ div.gz-pane:nth-of-type(2),
.gz-tabs > input:nth-of-type(3):checked ~ div.gz-pane:nth-of-type(3),
.gz-tabs > input:nth-of-type(4):checked ~ div.gz-pane:nth-of-type(4),
.gz-tabs > input:nth-of-type(5):checked ~ div.gz-pane:nth-of-type(5),
.gz-tabs > input:nth-of-type(6):checked ~ div.gz-pane:nth-of-type(6),
.gz-tabs > input:nth-of-type(7):checked ~ div.gz-pane:nth-of-type(7) { display: block; }

/* Listen und Tabellen */
.gz-wrap .guc-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }
.gz-wrap .guc-table td.num, .gz-wrap .guc-table th.num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.gz-wrap .guc-table td.rk { width: 2.2rem; color: var(--wp--preset--color--accent-1); font-weight: 700; }
.gz-wrap .guc-table tr.gz-top td.rk { font-size: 1.1rem; }
.gz-list { list-style: none; padding: 0; margin: .5rem 0 1rem; }
.gz-list li { padding: .45rem 0; border-bottom: 1px solid var(--wp--preset--color--accent-6); overflow-wrap: anywhere; }
.gz-list li:last-child { border-bottom: 0; }
.gz-pill { display: inline-block; font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; border-radius: 3px; padding: .05rem .4rem;
  background: var(--wp--preset--color--accent-3); color: var(--wp--preset--color--accent-4); vertical-align: .1em; }
.gz-pill.gold { background: var(--wp--preset--color--accent-1); color: #14110E; }
.gz-pill.red { background: var(--wp--preset--color--accent-2); color: #fff; }
.gz-first { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: .8rem; margin: .8rem 0 1.5rem; }
.gz-first .gz-card h3 { font-size: 1.05rem; margin: .15rem 0 .35rem; }

/* Zeitstrahl */
.gz-tl { position: relative; margin: 1rem 0 2rem; padding-left: 1.7rem; }
.gz-tl::before { content: ''; position: absolute; left: .5rem; top: .4rem; bottom: .4rem; width: 2px;
  background: linear-gradient(var(--wp--preset--color--accent-1), color-mix(in srgb, var(--wp--preset--color--accent-1) 15%, transparent)); }
.gz-tl-month { font-family: var(--wp--preset--font-family--vollkorn); font-size: 1.35rem; margin: 1.8rem 0 .7rem; position: relative;
  color: var(--wp--preset--color--accent-1); }
.gz-tl-month:first-child { margin-top: 0; }
.gz-tl-month::before { content: ''; position: absolute; left: -1.5rem; top: .45em; width: 1rem; height: 2px; background: var(--wp--preset--color--accent-1); }
.gz-tl-item { position: relative; margin: 0 0 .9rem; background: var(--wp--preset--color--accent-5); border: 1px solid var(--wp--preset--color--accent-6);
  border-radius: 8px; padding: .6rem .9rem; min-width: 0; overflow-wrap: anywhere; }
.gz-tl-item::before { content: ''; position: absolute; left: -1.53rem; top: .95rem; width: .75rem; height: .75rem; border-radius: 50%;
  background: var(--gz-c, var(--wp--preset--color--accent-1)); box-shadow: 0 0 0 3px var(--wp--preset--color--base); }
.gz-tl-item.big { border-color: color-mix(in srgb, var(--gz-c, #E2B04A) 55%, transparent); }
.gz-tl-item.big::before { width: 1rem; height: 1rem; left: -1.65rem; top: .85rem; }
.gz-tl-item h3 { font-size: 1.08rem; margin: .1rem 0 .3rem; }
.gz-tl-item h3 a { text-decoration: none; color: var(--wp--preset--color--contrast); }
.gz-tl-item h3 a:hover { color: var(--wp--preset--color--accent-1); }
.gz-tl-item p { margin: .25rem 0; }
.gz-tl-meta { font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; color: var(--gz-c, var(--wp--preset--color--accent-1)); margin: 0; }
.gz-tl-meta time { color: var(--wp--preset--color--accent-4); }
.gz-tl-filter { margin: .5rem 0 1rem; }
@media (min-width: 760px) {
  .gz-tl { padding-left: 9.5rem; }
  .gz-tl::before { left: 8.3rem; }
  .gz-tl-month::before { left: -1.2rem; width: .9rem; }
  .gz-tl-item::before { left: -1.48rem; }
  .gz-tl-item.big::before { left: -1.6rem; }
  .gz-tl-meta .gz-sep { display: none; }
  .gz-tl-item .gz-tl-meta time { position: absolute; left: -9.5rem; width: 7.4rem; text-align: right; top: .8rem; text-transform: none;
    letter-spacing: 0; font-size: .85rem; }
}