/*
  Wahren Polish — Hub-only.
  Lädt nach styles.css + mobile-polish.css.
  Theme-safe via :root:not([data-theme="light"]).
*/

/* ===== Akzentleiste links auf Hub-Guide-Karten ===== */
:root:not([data-theme="light"]) a.gc {
  position: relative;
  overflow: hidden;
}

:root:not([data-theme="light"]) a.gc::after {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--module-accent, var(--card-glow, transparent));
  opacity: .7;
  pointer-events: none;
}

/* ===== Live-Tools: stärkerer Hover-Glow ===== */
:root:not([data-theme="light"]) a.tc:hover {
  border-color: color-mix(in srgb, var(--module-accent, currentColor) 38%, transparent);
  box-shadow:
    0 18px 50px rgba(0, 0, 0, .34),
    0 0 34px color-mix(in srgb, var(--module-accent, currentColor) 13%, transparent);
}

/* ===== Section-Head-Strich (wirkt auf Nummern UND Emojis) ===== */
:root:not([data-theme="light"]) .section-num::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 1px;
  background: currentColor;
  opacity: .7;
  vertical-align: middle;
  margin-right: 7px;
}

/* ===== SVG-Icon-Container ===== */
.wi {
  width: 1em;
  height: 1em;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.gc-ico .wi,
.tc-ico .wi,
.sr-emoji .wi {
  width: 22px;
  height: 22px;
}