/* ============================================================================
   Tor- und Kanal-Seiten (build-tor-seiten.js) — geteiltes Stylesheet.

   Lädt NACH calc.css und VOR neu-theme.css. Enthält auch die Artikel-
   Grundklassen (article-wrap …), die andere Wissensseiten inline mitbringen —
   bei ~100 generierten Seiten gehören sie in eine gemeinsame, cachebare Datei.

   Farblogik der Site: Aubergine #5C3D54 = „deins / Fokus", Salbei #8B9A82 =
   „Potenzial / Gegenseite"; Chart-Abgleich nutzt die Rechner-Töne
   bewusst #292622 · unbewusst #B45F47.
   ========================================================================== */

/* ── Artikel-Grundgerüst (Muster der Wissensseiten) ─────────────────────── */
.article-wrap{max-width:760px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-2xl)}
.article-wrap h2{font-family:var(--font-serif);font-size:var(--font-size-xl);color:var(--color-warm-dark);margin:var(--space-xl) 0 var(--space-sm)}
.article-wrap h3{font-family:var(--font-serif);font-size:var(--font-size-lg);color:var(--color-warm-dark);margin:var(--space-lg) 0 var(--space-xs)}
.article-wrap p{font-size:var(--font-size-base);color:var(--color-text-soft);line-height:1.8;margin:0 0 var(--space-md)}
.article-wrap ul{margin:0 0 var(--space-md);padding-left:1.2em}
.article-wrap li{font-size:var(--font-size-base);color:var(--color-text-soft);line-height:1.8;margin-bottom:6px}
.article-wrap li b,.article-wrap p b{color:var(--color-warm-dark)}
.article-wrap a{color:#5C3D54;text-decoration:underline;text-underline-offset:3px}
.article-lead{font-size:var(--font-size-md) !important;color:var(--color-text) !important}
.article-note{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid #8B9A82;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin:var(--space-lg) 0}
.article-note p{font-size:var(--font-size-sm) !important;color:var(--color-text-soft);line-height:1.75;margin:0}
.article-note b{color:var(--color-warm-dark)}
.article-tool{display:flex;flex-direction:column;gap:8px;background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin:var(--space-xl) 0;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.article-tool:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(51,45,40,.12);border-color:rgba(92,61,84,.35)}
.article-tool__tag{align-self:flex-start;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#FBF8F2;background:#5C3D54;border-radius:999px;padding:4px 12px}
.article-tool h3{margin:2px 0 0 !important}
.article-tool p{margin:0 !important;font-size:var(--font-size-sm) !important}
.article-tool span.cta{font-size:var(--font-size-xs);font-weight:700;color:#5C3D54}
.article-related{border-top:1px solid var(--color-border-light);margin-top:var(--space-xl);padding-top:var(--space-lg)}
.article-related p{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-taupe);margin-bottom:10px}
.article-related a{display:block;font-size:var(--font-size-sm);margin-bottom:8px;text-decoration:none;color:var(--color-warm-dark)}
.article-related a:hover{text-decoration:underline;text-underline-offset:3px}
.reading-bruecke{cursor:default}
.rb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:8px}
.rb-btn{display:inline-block;background:#5C3D54;color:#FBF8F2 !important;text-decoration:none !important;font-weight:700;font-size:var(--font-size-sm);line-height:1;padding:12px 22px;border-radius:999px;transition:background .2s}
.rb-btn:hover{background:#4A3144}
.rb-more{font-size:var(--font-size-xs);font-weight:700;white-space:nowrap}

/* ── Hero: Medaillon + Chips ────────────────────────────────────────────── */
.tor-hero{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.tor-hero__txt{min-width:0}
.tor-hero__sub{max-width:56ch;margin-left:auto;margin-right:auto}
.tor-medaille{flex:0 0 auto;width:clamp(84px,10vw,116px);height:clamp(84px,10vw,116px);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;background:radial-gradient(120% 120% at 30% 22%,#7A5470 0%,#5C3D54 58%,#472F41 100%);box-shadow:0 14px 34px rgba(92,61,84,.35),inset 0 1px 0 rgba(255,255,255,.28);color:#FBF8F2;font-family:var(--font-serif);animation:torMedaille 5.2s ease-in-out infinite}
.tor-medaille span{font-size:clamp(2rem,3.4vw,2.7rem);line-height:1}
.tor-medaille--duo span{font-size:clamp(1.35rem,2.2vw,1.8rem)}
.tor-medaille--duo i{width:1px;height:2em;background:rgba(251,248,242,.45)}
@keyframes torMedaille{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.tor-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.tor-chip{display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;color:#5C3D54;background:rgba(92,61,84,.09);border:1px solid rgba(92,61,84,.28);border-radius:999px;padding:5px 13px;text-decoration:none}
a.tor-chip:hover{background:rgba(92,61,84,.16)}
.tor-chip--nr{background:#5C3D54;color:#FBF8F2}

/* ── Breite Bausteine ausrollen (bewusst OHNE transform, s. Projektlog) ─── */
@media (min-width:1120px){
  .tor-stage,.tor-kanalkarten,.tor-ls{margin-left:-140px;margin-right:-140px}
}

/* ── Bühne: Bodygraph mit Tor-Spotlight ─────────────────────────────────── */
.tor-stage{margin:var(--space-2xl) 0;padding:var(--space-xl) var(--space-lg) var(--space-lg);background:radial-gradient(120% 90% at 50% 6%,#FBF8F2 0%,#F1E9DB 82%);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}
.tor-stage__grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);gap:clamp(14px,3vw,34px);align-items:center}
.tor-stage__svg{width:100%;display:flex;justify-content:center}
.tor-stage__svg svg{height:clamp(400px,58vh,560px);width:auto;max-width:100%;overflow:visible}
.tor-stage__noscript{font-size:var(--font-size-sm);color:var(--color-text-soft)}
.tor-stage figcaption{max-width:64ch;margin:var(--space-md) auto 0;font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.7;text-align:center}
.tor-stage figcaption b{color:var(--color-warm-dark)}
.tor-stage__kicker{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-taupe);margin:14px 0 8px}
.tor-stage__badge{align-self:flex-start;display:inline-block;font-size:var(--font-size-xs);font-weight:700;color:#5C3D54;background:rgba(92,61,84,.1);border:1px solid rgba(92,61,84,.3);border-radius:999px;padding:5px 13px;margin-bottom:4px}
.tor-stage__badge.ist-aktiv{background:#5C3D54;color:#FBF8F2}
.tor-stage__side{display:flex;flex-direction:column;min-width:0}

.tor-row{display:flex;align-items:center;gap:12px;background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:16px;padding:11px 14px;margin-bottom:8px;text-decoration:none !important;color:inherit;cursor:pointer;opacity:0;translate:0 10px;transition:opacity .5s ease,translate .5s ease,border-color .2s,box-shadow .2s,background .2s}
#torStage.is-in .tor-row{opacity:1;translate:0 0}
#torStage.is-in .tor-row:nth-of-type(1){transition-delay:.5s}
#torStage.is-in .tor-row:nth-of-type(2){transition-delay:.65s}
#torStage.is-in .tor-row:nth-of-type(3){transition-delay:.8s}
#torStage.is-in .tor-row:nth-of-type(4){transition-delay:.95s}
#torStage.is-in .tor-row:nth-of-type(5){transition-delay:1.1s}
.tor-row:hover,.tor-row.is-on,.tor-row:focus-visible{border-color:rgba(92,61,84,.45);box-shadow:0 10px 26px rgba(51,45,40,.1);background:#FDFBF6}
.tor-row__nr{flex:0 0 auto;min-width:44px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(92,61,84,.1);border:1px solid rgba(92,61,84,.3);color:#5C3D54;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.tor-row__nr--c{min-width:14px;width:14px;height:14px;padding:0;border-radius:50%;background:#5C3D54;border-color:#5C3D54}
.tor-row__txt{display:flex;flex-direction:column;min-width:0}
.tor-row__txt b{font-size:var(--font-size-sm);color:var(--color-warm-dark);line-height:1.35}
.tor-row__txt span{font-size:var(--font-size-xs);color:var(--color-text-soft);line-height:1.5}
.tor-row__pfeil{margin-left:auto;color:#5C3D54;font-weight:700}
.tor-row--fazit{cursor:default;border-left:4px solid #5C3D54}

/* Bodygraph-Klon: Grundzustand + Choreografie */
.tor-bg text{fill:#B3A895;letter-spacing:-.03em}
.tor-bg #Centers path{stroke:#D9CDB7;stroke-width:1.6}
.tor-bg #Channels path,.tor-bg #Channels polygon,.tor-bg #Channels polyline{fill:#DCCFB5;transition:fill .7s ease,opacity .7s ease,filter .3s ease}
.tor-bg .tg-txt{transition:fill .5s ease}
#torStage.is-in .tor-bg #Channels>*:not(.tg-keep){opacity:.6}
#torStage.is-in .tor-bg .tg-fokus{fill:#5C3D54;transition-delay:.15s}
#torStage.is-in .tor-bg .tg-partner{fill:#8B9A82;transition-delay:calc(.55s + var(--i,0)*.2s)}
#torStage.is-in .tor-bg text.tg-txt{fill:#FBF8F2;font-weight:600}
.tor-bg .tg-center-hint path{stroke:#5C3D54;stroke-width:2.4;transition:stroke .6s}
.tor-bg .tg-center-def path{fill:#EFE4EC;stroke:#5C3D54;stroke-width:2.2;transition:fill .7s,stroke .7s}
.tor-bg.is-dim #Channels>.tg-keep:not(.is-hov){opacity:.25 !important}
.tor-bg #Channels>.is-hov{filter:brightness(.86)}
.tor-bg .is-hov-center path{stroke-width:3.4}
.tor-halo{fill:none;stroke:#5C3D54;stroke-width:5;opacity:0;transform-box:fill-box;transform-origin:center}
#torStage.is-in .tor-halo--a{animation:torRing 3.4s ease-out infinite .9s}
#torStage.is-in .tor-halo--b{animation:torRing 3.4s ease-out infinite 2.6s}
@keyframes torRing{0%{transform:scale(.55);opacity:.6}70%{opacity:0}100%{transform:scale(2.4);opacity:0}}

/* ── Kanal-Karten (Allein oder im Kanal?) ───────────────────────────────── */
.tor-kanalkarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:var(--space-lg) 0}
.tor-kk{display:flex;flex-direction:column;gap:8px;background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:20px;padding:20px 22px;box-shadow:rgba(67,44,62,.35) 0 12px 32px -30px}
.tor-kk__kopf{font-family:var(--font-serif);font-size:var(--font-size-md);color:var(--color-warm-dark);margin:0 !important;line-height:1.4}
.tor-kk__nr{display:inline-block;font-family:var(--font-sans,inherit);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#5C3D54;background:rgba(92,61,84,.09);border:1px solid rgba(92,61,84,.26);border-radius:999px;padding:3px 10px;margin-right:6px;vertical-align:2px}
.tor-kk__txt{font-size:var(--font-size-sm) !important;margin:0 !important}
.tor-kk__link{font-size:var(--font-size-xs);font-weight:700;text-decoration:none !important;color:#5C3D54;margin-top:auto}
.tor-kk__link:hover{text-decoration:underline !important}
.tor-kk__bald{font-size:var(--font-size-xs);color:var(--color-taupe);margin-top:auto}

/* ── Chart-Abgleich ─────────────────────────────────────────────────────── */
.tor-check{margin:var(--space-lg) 0}
.tor-check__cta,.tor-check__treffer{background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:20px;padding:22px;box-shadow:rgba(67,44,62,.35) 0 12px 32px -30px}
.tor-check__treffer{border-left:4px solid #5C3D54}
.tor-check__btn{display:inline-block;background:#5C3D54;color:#FBF8F2 !important;text-decoration:none !important;font-weight:700;font-size:var(--font-size-sm);line-height:1;padding:12px 22px;border-radius:999px;transition:background .2s}
.tor-check__btn:hover{background:#4A3144}
.tor-check__titel{font-family:var(--font-serif);font-size:var(--font-size-lg);color:var(--color-warm-dark);margin-bottom:var(--space-xs) !important}
.tor-check__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 var(--space-sm) !important}
.tc-chip{display:inline-block;font-size:var(--font-size-xs);font-weight:700;border-radius:999px;padding:5px 12px;border:1px solid}
.tc-chip--p{color:#292622;border-color:rgba(41,38,34,.4);background:rgba(41,38,34,.06)}
.tc-chip--d{color:#B45F47;border-color:rgba(180,95,71,.45);background:rgba(180,95,71,.08)}
.tc-tor{font-size:var(--font-size-xs);font-weight:700;color:var(--color-taupe);min-width:52px}
.tor-check__erkl{font-size:var(--font-size-sm) !important}
.tor-check__kanaele{list-style:none;padding-left:0 !important;margin:0 0 var(--space-sm) !important}
.tor-check__kanaele li{font-size:var(--font-size-sm);line-height:1.7;padding:9px 0;border-top:1px solid var(--color-border-light)}
.tor-check__kanaele li.tc-ok b{color:#5C3D54}
.tor-check__fuss{font-size:var(--font-size-xs) !important;color:var(--color-taupe) !important;margin:0 !important}

/* ── Licht und Schatten ─────────────────────────────────────────────────── */
.tor-ls{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:var(--space-lg) 0}
.tor-ls__karte{background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:20px;padding:22px;box-shadow:rgba(67,44,62,.35) 0 12px 32px -30px}
.tor-ls__titel::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:9px;vertical-align:1px}
.tor-ls__karte--licht .tor-ls__titel::before{background:#8B9A82}
.tor-ls__karte--schatten .tor-ls__titel::before{background:#5C3D54}
.tor-ls__titel{font-family:var(--font-serif);font-size:var(--font-size-md);color:var(--color-warm-dark);margin-bottom:var(--space-sm) !important}
.tor-ls__karte ul{list-style:none;padding-left:0;margin:0}
.tor-ls__karte li{font-size:var(--font-size-sm);line-height:1.7;padding:8px 0;border-top:1px solid var(--color-border-light)}
.tor-ls__karte li:first-child{border-top:0;padding-top:0}

/* ── Jahresrad ──────────────────────────────────────────────────────────── */
.tor-jahresrad{margin:var(--space-lg) 0;text-align:center}
.jr{width:min(360px,86vw);height:auto;overflow:visible}
.jr-seg{fill:#E7DECF}
.jr-fokus{fill:#5C3D54;animation:jrGlow 3.6s ease-in-out infinite}
@keyframes jrGlow{0%,100%{filter:drop-shadow(0 0 0 rgba(92,61,84,0))}50%{filter:drop-shadow(0 0 9px rgba(92,61,84,.55))}}
.jr-tick{stroke:#BBA88C;stroke-width:1.4}
.jr-monat{fill:#8D8375;font-size:11px;text-anchor:middle;dominant-baseline:middle;font-family:var(--font-sans,system-ui)}
.jr-mitte-k{fill:#8D8375;font-size:12px;text-anchor:middle;text-transform:uppercase;letter-spacing:.12em;font-weight:700}
.jr-mitte-g{fill:#463C33;font-size:23px;text-anchor:middle;font-family:var(--font-serif)}
.jr-heute circle{fill:#B45F47}
.jr-heute .jr-heute-ring{fill:none;stroke:#B45F47;stroke-width:2;transform-box:fill-box;transform-origin:center;animation:torRing 2.8s ease-out infinite}
.jr-heute--hier circle:first-child{fill:#FBF8F2;stroke:#B45F47;stroke-width:3}
.tor-jahresrad figcaption{max-width:56ch;margin:var(--space-sm) auto 0;font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.7}
.tor-jr-links{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin:var(--space-md) 0 var(--space-xl)}
.tor-jr-link{display:inline-block;font-size:var(--font-size-sm);font-weight:700;color:#5C3D54;background:rgba(92,61,84,.08);border:1px solid rgba(92,61,84,.28);border-radius:999px;padding:10px 20px;text-decoration:none !important;transition:background .2s}
.tor-jr-link:hover{background:rgba(92,61,84,.16)}

/* ── Duo + Typfolgen (Kanal-Seite) ──────────────────────────────────────── */
.tor-duo{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:stretch;margin:var(--space-lg) 0 12px}
.tor-duo__karte{background:var(--color-surface);border:1px solid var(--color-border-light);border-top:4px solid #8B9A82;border-radius:var(--radius-lg);padding:var(--space-lg)}
.tor-duo__karte p{font-size:var(--font-size-sm) !important;margin:0 !important}
.tor-duo__nr{font-size:.68rem !important;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#5C3D54 !important;margin-bottom:4px !important}
.tor-duo__name{font-family:var(--font-serif);font-size:var(--font-size-md) !important;color:var(--color-warm-dark) !important;margin-bottom:8px !important}
.tor-duo__plus{align-self:center;font-family:var(--font-serif);font-size:1.9rem;color:#5C3D54}
.tor-duo__ergebnis{background:linear-gradient(120deg,rgba(92,61,84,.09),rgba(139,154,130,.12));border:1px solid rgba(92,61,84,.22);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-lg)}
.tor-duo__ergebnis p{margin:0 !important}
.tor-typfolgen{list-style:none;padding-left:0 !important}
.tor-typfolgen li{position:relative;padding:10px 0 10px 26px;border-top:1px solid var(--color-border-light)}
.tor-typfolgen li:first-child{border-top:0}
.tor-typfolgen li::before{content:"";position:absolute;left:4px;top:1.05em;width:9px;height:9px;border-radius:50%;background:#5C3D54}

/* ── Mechanik-Tafel ─────────────────────────────────────────────────────── */
.tor-mech{background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:20px;margin:var(--space-xl) 0;box-shadow:rgba(67,44,62,.35) 0 12px 32px -30px}
.tor-mech summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:var(--space-lg) var(--space-xl);font-family:var(--font-serif);font-size:var(--font-size-md);color:var(--color-warm-dark)}
.tor-mech summary::-webkit-details-marker{display:none}
.tor-mech__pfeil{transition:rotate .25s ease;color:#5C3D54}
.tor-mech[open] .tor-mech__pfeil{rotate:180deg}
.tor-mech dl{margin:0;padding:0 var(--space-xl) var(--space-lg)}
.tor-mech__row{display:grid;grid-template-columns:180px 1fr;gap:6px 18px;padding:10px 0;border-top:1px solid var(--color-border-light)}
.tor-mech__row dt{font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-taupe);padding-top:3px}
.tor-mech__row dd{margin:0;font-size:var(--font-size-sm);color:var(--color-text-soft);line-height:1.7}
.tor-mech__linien{list-style:none;padding-left:0 !important;margin:0 !important}
.tor-mech__linien li{font-size:var(--font-size-sm);margin-bottom:5px}
.tor-mech__hinweis{font-size:var(--font-size-xs) !important;color:var(--color-taupe) !important;margin:8px 0 0 !important}

/* ── Hub: Die 64 Tore ───────────────────────────────────────────────────── */
.tor-wrap--hub{max-width:980px}
.hub-check{background:var(--color-surface);border:1px solid var(--color-border-light);border-left:4px solid #8B9A82;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin:0 0 var(--space-xl)}
.hub-check.ist-aktiv{border-left-color:#5C3D54}
.hub-check p{margin:0 !important;font-size:var(--font-size-sm) !important}
.hub-gruppe{margin:0 0 var(--space-xl)}
.tor-wrap--hub h2{font-size:var(--font-size-lg)}
.hub-gruppe h2 a{color:var(--color-warm-dark);text-decoration:none}
.hub-gruppe h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.hub-gruppe__hint{font-family:var(--font-sans,inherit);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-taupe);margin-left:10px}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:10px}
.hub-tile{position:relative;display:flex;flex-direction:column;gap:4px;background:#FBF8F2;border:1px solid rgba(61,56,51,.09);border-radius:16px;padding:13px 16px;text-decoration:none !important;color:inherit;box-shadow:rgba(67,44,62,.35) 0 12px 32px -30px;transition:transform .18s,box-shadow .18s,border-color .18s}
a.hub-tile:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(51,45,40,.12);border-color:rgba(92,61,84,.4)}
.hub-tile__nr{font-family:var(--font-serif);font-size:1.25rem;color:#5C3D54;line-height:1}
.hub-tile__name{font-size:var(--font-size-xs);font-weight:600;color:var(--color-warm-dark);line-height:1.45}
.hub-tile--bald{opacity:.55;border-style:dashed;cursor:default}
.hub-tile--bald .hub-tile__nr{color:var(--color-taupe)}
.hub-tile__dot{position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:#5C3D54}
.hub-tile.ist-aktiv{border-color:rgba(92,61,84,.55);background:#FBF6FA}
.hub-tile--bald.ist-aktiv{opacity:.85}

/* ── Responsiv ──────────────────────────────────────────────────────────── */
@media (max-width:860px){
  .tor-stage__grid{grid-template-columns:1fr}
  .tor-stage__svg svg{height:clamp(360px,88vw,470px)}
  .tor-hero{flex-direction:column;align-items:flex-start;gap:14px}
  .tor-chips{margin-top:8px}
  .tor-duo{grid-template-columns:1fr}
  .tor-duo__plus{justify-self:center;padding:0}
  .tor-mech__row{grid-template-columns:1fr}
  .tor-mech summary{padding:var(--space-md) var(--space-lg)}
  .tor-mech dl{padding:0 var(--space-lg) var(--space-md)}
  .hub-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
}

/* ── Reduzierte Bewegung ────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .tor-medaille,.jr-fokus,.tor-halo,#torStage.is-in .tor-halo--a,#torStage.is-in .tor-halo--b,.jr-heute .jr-heute-ring{animation:none}
  .tor-halo{display:none}
  .tor-row,.tor-bg #Channels path,.tor-bg #Channels polygon,.tor-bg #Channels polyline,.tor-bg .tg-txt{transition:none}
}

/* ── Kanal-Übersicht (kanaele-human-design.html) ─────────────────────────── */
.hub-grid--ch{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}
.hub-tile--ch .hub-tile__nr{font-size:1.05rem}
.hub-tile__sub{font-size:var(--font-size-xs);color:var(--color-taupe);line-height:1.4}
/* Halbe Kanäle: sichtbar, aber ohne die Betonung der kompletten. */
.hub-tile.ist-halb{border-color:rgba(92,61,84,.3);border-style:dashed}

/* Hub-Heros: gleiche Buehne, aber eine Stufe leiser als die Rechner. */
.calc-hero--hub h1{font-size:clamp(1.7rem,3.4vw,2.5rem)}
.calc-hero--hub p{font-size:var(--font-size-base)}
.calc-hero--hub .tor-medaille{width:88px;height:88px;margin:2px auto 16px}
.calc-hero--hub .tor-medaille span{font-size:1.9rem}
.calc-hero--hub .tor-medaille--duo span{font-size:1.25rem}