/* Wand: Ansicht entdecken (docs/DESIGN-WAND-2026-10-26.md). Nur Regeln unter html[data-look="wand"].
   Der Feed als Bühne (Tom 26.10.: „maximal auffällig, extravagant“): großes pinkes Kopfband, das neueste bedienbare Werk
   über die ganze Breite in seiner Farbwelt, ein Laufband aus echten Titeln, darunter die bunte Wand mit Kacheln in vier
   Größen (sechs Spalten, Zeilen 4+2, 3+3, 2+4). Tinte ist nur Fuge. Keine Schatten, keine Verläufe, keine Bewegung außer
   dem Laufband (per Skript, steht bei reduzierter Bewegung). Text auf der Bühnenfarbe hinter Bildern: --buehne-text. */

html[data-look="wand"] .view-feed [data-welt]{--buehne-text:var(--ink)}
html[data-look="wand"] .view-feed [data-welt="lime"]{--buehne-text:var(--paper)}

/* ---- Kopfband: größer als das der Shell, Titel riesig, Unterzeile kursiv, Anzahlen rechts. */
html[data-look="wand"] #view.view-feed > .wand-kopf{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"titel zahlen" "unter zahlen";align-items:end;gap:10px 48px;padding-top:clamp(36px,5vw,80px);padding-bottom:clamp(28px,3.6vw,52px)}
html[data-look="wand"] #view.view-feed > .wand-kopf > h1{grid-area:titel;font:800 clamp(72px,13.5vw,228px)/.8 var(--wand-display);letter-spacing:-.07em;margin:0 0 0 -.05em;overflow-wrap:anywhere}
html[data-look="wand"] #view.view-feed > .wand-kopf > .wand-unterzeile{grid-area:unter;margin:0;font:italic 400 clamp(26px,2.8vw,44px)/1.05 var(--wand-serif);letter-spacing:-.02em;color:var(--welt-text)}
html[data-look="wand"] #view.view-feed > .wand-kopf > .wand-zahlen{grid-area:zahlen;align-self:end;color:var(--welt-text);gap:36px}
html[data-look="wand"] #view.view-feed > .wand-kopf > .wand-zahlen:empty{display:none}
html[data-look="wand"] #view.view-feed > .wand-kopf .wand-zahlen b{font-size:clamp(64px,6.4vw,104px);color:var(--welt-text)}

/* Hinweiszeile und Leiste unter dem Kopf. */
html[data-look="wand"] .view-feed .feed-hinweis{margin:0 0 18px;max-width:72ch}
html[data-look="wand"] .view-feed .wand-leiste{margin:clamp(28px,3.4vw,48px) 0 0;flex-wrap:nowrap}
html[data-look="wand"] .view-feed .wand-leiste .feed-hinweis{margin:0;padding:6px 0}
html[data-look="wand"] .view-feed .wand-leiste .button{min-height:44px}
html[data-look="wand"] .view-feed #feed-loading{font:italic 400 clamp(28px,3vw,40px)/1.1 var(--wand-serif);color:var(--paper);margin:24px 0}

/* ---- Gemeinsam für Bühne und Kacheln: Bildfläche, Sticker, Startknopf, Text auf der Farbfläche. */
html[data-look="wand"] .view-feed .wand-bild{position:relative;overflow:hidden;background:var(--welt-buehne);color:var(--buehne-text);aspect-ratio:16/10}
html[data-look="wand"] .view-feed .wand-bild > .feed-media{position:absolute;inset:0;margin:0}
html[data-look="wand"] .view-feed .wand-bild .feed-media img,html[data-look="wand"] .view-feed .wand-bild .feed-media video,html[data-look="wand"] .view-feed .wand-bild .feed-media-video{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:top;background:transparent}
html[data-look="wand"] .view-feed .wand-bild .feed-media video{object-fit:contain;background:var(--ink)}
html[data-look="wand"] .view-feed .wand-bild .feed-media-caption{display:none}
html[data-look="wand"] .view-feed .wand-bild .feed-media-note{position:absolute;left:14px;bottom:14px;z-index:1;margin:0;padding:6px 10px;border-radius:6px;background:var(--ink);color:var(--paper);font:400 12px/1.2 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase}
html[data-look="wand"] .view-feed .wand-bild .feed-media-video .toolbar{position:absolute;left:14px;bottom:14px;z-index:1}
html[data-look="wand"] .view-feed .wand-bild .feed-media-play{background:var(--ink);border:2px solid var(--ink);color:var(--paper);min-height:48px}
html[data-look="wand"] .view-feed .wand-bild .feed-media-play:hover{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-feed .wand-bild-titel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:clamp(56px,6vw,88px) 18px 18px;text-align:center;font:800 clamp(28px,3.4vw,52px)/.9 var(--wand-display);letter-spacing:-.05em;text-transform:uppercase;color:var(--buehne-text);overflow-wrap:anywhere}
html[data-look="wand"] .view-feed .wand-bild .wand-sticker{position:absolute;left:14px;top:14px;z-index:2}
html[data-look="wand"] .view-feed .wand-bild .wand-sticker.privat{left:auto;right:14px}
html[data-look="wand"] .view-feed .wand-start{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font:700 16px/1 var(--body);text-decoration:none;cursor:pointer}
html[data-look="wand"] .view-feed .wand-start i{font-style:normal;color:var(--lime)}
html[data-look="wand"] .view-feed .wand-start:hover{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-feed .wand-start:hover i{color:var(--ink)}
html[data-look="wand"] .view-feed .wand-bild > .wand-start{position:absolute;right:14px;bottom:14px;z-index:2}

/* Geöffneter Prototyp: der Rahmen nimmt die Bildfläche, darunter Hinweis und Schließen. */
html[data-look="wand"] .view-feed .offen .wand-bild{aspect-ratio:auto;display:flex;flex-direction:column}
html[data-look="wand"] .view-feed .offen .feed-media-frame{display:block;width:100%;height:min(78vh,780px);aspect-ratio:auto;max-height:none;border:0;border-radius:0;background:var(--white)}
html[data-look="wand"] .view-feed .wand-bild-leiste{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:10px 14px;border-top:2px solid var(--ink)}
html[data-look="wand"] .view-feed .wand-bild-leiste p{margin:0;font:400 13px/1.3 var(--wand-mono);letter-spacing:.04em;color:var(--buehne-text)}
html[data-look="wand"] .view-feed .wand-schliessen{min-height:44px;padding:0 18px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font:700 15px/1 var(--body);cursor:pointer}
html[data-look="wand"] .view-feed .wand-schliessen:hover{background:var(--paper);color:var(--ink)}

/* Text auf der Farbfläche: Etiketten in Plex, Titel in Bricolage, alles in der Textfarbe der Welt. */
html[data-look="wand"] .view-feed .wand-text{display:flex;flex-direction:column;gap:8px;min-width:0}
html[data-look="wand"] .view-feed .wand-text p{margin:0}
html[data-look="wand"] .view-feed .wand-text .wand-meta{display:flex;flex-wrap:wrap;gap:2px 0;color:inherit;font-size:12px}
html[data-look="wand"] .view-feed .wand-text .wand-meta span + span::before{content:"·";padding:0 8px}
html[data-look="wand"] .view-feed .wand-text .feed-creator{overflow-wrap:anywhere}
html[data-look="wand"] .view-feed .wand-werk-titel{margin:0;font-family:var(--wand-display);font-weight:800;letter-spacing:-.05em;overflow-wrap:anywhere;color:inherit}
html[data-look="wand"] .view-feed .feed-pitch{font-size:16px;line-height:1.4;font-weight:500;overflow-wrap:anywhere}
html[data-look="wand"] .view-feed .feed-fuer{font-size:15px;line-height:1.35;overflow-wrap:anywhere}
html[data-look="wand"] .view-feed .feed-fuer span{font:400 12px/1 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase}
html[data-look="wand"] .view-feed .feed-start-hint{font-size:16px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
html[data-look="wand"] .view-feed .wand-text .tag-labels{margin:2px 0}
html[data-look="wand"] .view-feed .wand-text .label.tag{border:2px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:400 12px/1.2 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px}
html[data-look="wand"] .view-feed .wand-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:inherit;font-weight:700;font-size:15px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
html[data-look="wand"] .view-feed .wand-link .arrow{font-size:18px}
html[data-look="wand"] .view-feed .wand-fuss{margin-top:auto;padding-top:8px;border-top:2px solid currentColor;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
html[data-look="wand"] .view-feed .wand-fuss .reaction-bar{margin:0 0 0 auto;gap:6px}
html[data-look="wand"] .view-feed .reaction-button{min-height:44px;min-width:56px;padding:0 12px;border:2px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:700 14px/1 var(--body)}
html[data-look="wand"] .view-feed .reaction-button:hover{background:var(--paper);border-color:var(--ink);color:var(--ink)}
html[data-look="wand"] .view-feed .reaction-button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
html[data-look="wand"] .view-feed .wand-text .error-text{align-self:flex-start;padding:6px 10px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:14px}
html[data-look="wand"] .view-feed .wand-text .feed-demo{margin:0}
html[data-look="wand"] .view-feed .wand-text .feed-demo .button{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* Gewählte Titelschrift des Creators (Stilkatalog). */
html[data-look="wand"] .view-feed [data-schrift="syne"] :is(.wand-werk-titel,.wand-bild-titel){font-family:'Syne',var(--wand-display);font-weight:800;letter-spacing:-.03em}
html[data-look="wand"] .view-feed [data-schrift="instrument-italic"] :is(.wand-werk-titel,.wand-bild-titel){font-family:var(--wand-serif);font-style:italic;font-weight:400;letter-spacing:-.02em;text-transform:none}
html[data-look="wand"] .view-feed [data-schrift="plex-mono"] :is(.wand-werk-titel,.wand-bild-titel){font-family:var(--wand-mono);font-weight:400;letter-spacing:-.04em;line-height:1.02}

/* ---- Bühne: volle Breite in der Farbwelt des Werks, Aufnahme groß links, Titel riesig rechts. */
html[data-look="wand"] .view-feed .wand-buehne{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:"kopf kopf" "bild text";align-items:center;gap:clamp(20px,2.6vw,40px) clamp(24px,3.4vw,56px);margin:0 calc(50% - 50vw);padding:clamp(32px,4.4vw,72px) max(56px,calc((100vw - 1336px) / 2));background:var(--welt);color:var(--welt-text);border-block:2px solid var(--ink)}
html[data-look="wand"] .view-feed .wand-buehne .wand-bild{border:2px solid var(--ink);border-radius:14px}
html[data-look="wand"] .view-feed .wand-buehne .wand-sticker{width:96px;height:96px;font-size:28px;left:18px;top:18px}
html[data-look="wand"] .view-feed .wand-buehne .wand-sticker.privat{width:auto;height:auto;font-size:13px;left:auto;right:18px}
html[data-look="wand"] .view-feed .wand-buehne .wand-bild-titel{font-size:clamp(44px,6vw,104px)}
html[data-look="wand"] .view-feed .wand-buehne-kopf{grid-area:kopf;display:flex;flex-direction:column;gap:14px;min-width:0}
html[data-look="wand"] .view-feed .wand-buehne-kopf .wand-meta{display:flex;flex-wrap:wrap;margin:0;color:inherit;font-size:13px}
html[data-look="wand"] .view-feed .wand-buehne-kopf .wand-meta span + span::before{content:"·";padding:0 8px}
html[data-look="wand"] .view-feed .wand-buehne > .wand-bild{grid-area:bild}
html[data-look="wand"] .view-feed .wand-buehne > .wand-text{grid-area:text}
html[data-look="wand"] #view.view-feed .wand-buehne h2{font-size:clamp(52px,7vw,120px);line-height:.82;letter-spacing:-.065em;margin:0 0 0 -.04em}
html[data-look="wand"] #view.view-feed .wand-buehne[data-laenge="kurz"] h2{font-size:clamp(80px,15vw,240px)}
html[data-look="wand"] #view.view-feed .wand-buehne[data-laenge="mittel"] h2{font-size:clamp(64px,10vw,168px)}
html[data-look="wand"] .view-feed .wand-buehne .wand-satz{font:italic 400 clamp(26px,2.5vw,40px)/1.08 var(--wand-serif);letter-spacing:-.02em}
html[data-look="wand"] .view-feed .wand-buehne .wand-text{gap:12px}
html[data-look="wand"] .view-feed .wand-buehne .wand-text .wand-meta{font-size:13px}
html[data-look="wand"] .view-feed .wand-aktionen{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin:8px 0 4px}
html[data-look="wand"] .view-feed .wand-aktionen .wand-start{min-height:64px;padding:0 28px;font-size:21px;gap:14px}
html[data-look="wand"] .view-feed .wand-buehne .wand-fuss{border-top-width:2px}
html[data-look="wand"] .view-feed .wand-buehne.offen{grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "bild" "text"}
html[data-look="wand"] .view-feed .wand-buehne.offen .feed-media-frame{height:min(80vh,820px)}

/* ---- Laufband: volle Breite, laut, eine Welt neben der Bühne. Die Bewegung kommt aus feed.js und lässt sich anhalten. */
html[data-look="wand"] .view-feed .wand-laufband{position:relative;margin:0 calc(50% - 50vw);background:var(--welt);color:var(--welt-text);border-bottom:2px solid var(--ink);overflow:hidden}
html[data-look="wand"] .view-feed .wand-laufband-fenster{overflow:hidden;padding:20px 0}
html[data-look="wand"] .view-feed .wand-laufband-spur{display:flex;width:max-content}
html[data-look="wand"] .view-feed .wand-laufband-reihe{display:flex;flex:none;align-items:baseline}
html[data-look="wand"] .view-feed .wand-laufband-teil{display:inline-flex;align-items:baseline;gap:16px;padding-right:32px;white-space:nowrap;font:800 clamp(34px,4vw,64px)/1 var(--wand-display);letter-spacing:-.05em;text-transform:uppercase}
html[data-look="wand"] .view-feed .wand-laufband-teil i{font:italic 400 .82em/1 var(--wand-serif);letter-spacing:-.02em;text-transform:none}
html[data-look="wand"] .view-feed .wand-laufband-teil::after{content:"✦";padding-left:32px;font-size:.55em;align-self:center}
html[data-look="wand"] .view-feed .wand-laufband-halt{position:absolute;right:max(16px,calc((100vw - 1336px) / 2));top:50%;transform:translateY(-50%);min-height:44px;padding:0 14px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font:400 12px/1 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
html[data-look="wand"] .view-feed .wand-laufband-halt[aria-pressed=true]{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-feed .wand-laufband[data-ruhig="true"] .wand-laufband-fenster{padding:20px max(56px,calc((100vw - 1336px) / 2))}
html[data-look="wand"] .view-feed .wand-laufband[data-ruhig="true"] :is(.wand-laufband-spur,.wand-laufband-reihe){width:auto;flex-wrap:wrap;row-gap:10px}
html[data-look="wand"] .view-feed .wand-laufband[data-ruhig="true"] .wand-laufband-teil{white-space:normal;font-size:clamp(28px,3vw,44px)}

/* ---- Die Wand: sechs Spalten, dichte Packung, Kacheln in Farbwelten mit dicker Kante. */
html[data-look="wand"] .view-feed .wand-wand{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:dense;gap:18px;margin-top:clamp(28px,3.4vw,48px)}
html[data-look="wand"] .view-feed .wand-werk{display:flex;flex-direction:column;min-width:0;background:var(--welt);color:var(--welt-text);border:2px solid var(--welt);border-radius:12px;overflow:hidden}
html[data-look="wand"] .view-feed .kachel-gross{grid-column:span 4}
html[data-look="wand"] .view-feed .kachel-mittel{grid-column:span 3}
html[data-look="wand"] .view-feed .kachel-klein{grid-column:span 2}
html[data-look="wand"] .view-feed .kachel-voll,html[data-look="wand"] .view-feed .wand-werk.offen{grid-column:1 / -1}
html[data-look="wand"] .view-feed .kachel-klein .wand-bild{aspect-ratio:4/5}
html[data-look="wand"] .view-feed .kachel-voll .wand-bild{aspect-ratio:21/9}
html[data-look="wand"] .view-feed .wand-werk .wand-text{flex:1;padding:16px 18px 12px}
html[data-look="wand"] .view-feed .wand-werk .wand-werk-titel{font-size:30px;line-height:.96}
html[data-look="wand"] .view-feed .kachel-gross .wand-werk-titel{font-size:clamp(34px,3.4vw,48px)}
html[data-look="wand"] .view-feed .kachel-voll .wand-werk-titel{font-size:clamp(40px,4.4vw,64px)}
html[data-look="wand"] .view-feed .kachel-klein .wand-werk-titel{font-size:26px}
html[data-look="wand"] .view-feed .kachel-voll .wand-bild-titel{font-size:clamp(40px,5vw,84px)}
html[data-look="wand"] .view-feed .kachel-klein .wand-bild-titel{font-size:clamp(24px,2.4vw,34px)}
html[data-look="wand"] .view-feed .wand-werk .feed-pitch{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html[data-look="wand"] .view-feed .kachel-klein :is(.feed-fuer,.feed-start-hint){display:none}
html[data-look="wand"] .view-feed .wand-werk.offen .wand-bild{aspect-ratio:auto}

/* ---- Leere Wand und Filter ohne Treffer: ein großer Satz und eine Aktion auf einer vollen Farbfläche. */
html[data-look="wand"] .view-feed .wand-leer{display:flex;flex-direction:column;align-items:flex-start;gap:28px;margin:0 calc(50% - 50vw);padding:clamp(40px,7vw,120px) max(56px,calc((100vw - 1336px) / 2));background:var(--welt);color:var(--welt-text);border-block:2px solid var(--ink)}
html[data-look="wand"] .view-feed .wand-leer p{margin:0;max-width:14ch;font:italic 400 clamp(48px,7.4vw,128px)/.95 var(--wand-serif);letter-spacing:-.03em}
html[data-look="wand"] .view-feed .wand-knopf{display:inline-flex;align-items:center;gap:14px;min-height:60px;padding:0 26px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font:700 19px/1 var(--body);text-decoration:none;cursor:pointer}
html[data-look="wand"] .view-feed .wand-knopf i{font-style:normal;color:var(--lime)}
html[data-look="wand"] .view-feed .wand-knopf:hover{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-feed .wand-knopf:hover i{color:var(--ink)}

/* ---- Aufruf am Ende: volle Farbfläche mit einer Frage und dem Weg zum Import. */
html[data-look="wand"] .view-feed .wand-aufruf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;margin:clamp(40px,5vw,72px) calc(50% - 50vw) 0;padding:clamp(36px,5vw,80px) max(56px,calc((100vw - 1336px) / 2));background:var(--welt);color:var(--welt-text);border-block:2px solid var(--ink)}
html[data-look="wand"] .view-feed .wand-aufruf p{margin:0;font:800 clamp(48px,7vw,120px)/.86 var(--wand-display);letter-spacing:-.065em;max-width:12ch}

/* ---- Tablet: Wand zu zweit, Bühne untereinander. */
@media (max-width:1100px){
  html[data-look="wand"] .view-feed .wand-wand{grid-template-columns:repeat(2,minmax(0,1fr))}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"]{grid-column:span 1}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="voll"],html[data-look="wand"] .view-feed .wand-werk.offen{grid-column:1 / -1}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .wand-bild{aspect-ratio:4/5}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="voll"] .wand-bild{aspect-ratio:16/10}
  html[data-look="wand"] .view-feed .wand-werk.offen .wand-bild{aspect-ratio:auto}
  html[data-look="wand"] .view-feed .wand-buehne{grid-template-columns:minmax(0,1fr);grid-template-areas:"kopf" "bild" "text"}
}

/* ---- Mobil bis 600 px: eine Spalte für Kopf und Bühne, Wand mit vollen und halben Kacheln. */
@media (max-width:600px){
  html[data-look="wand"] #view.view-feed > .wand-kopf{grid-template-columns:minmax(0,1fr);grid-template-areas:"titel" "unter" "zahlen";gap:12px;padding-top:28px;padding-bottom:24px}
  html[data-look="wand"] #view.view-feed > .wand-kopf > h1{font-size:clamp(52px,17.5vw,104px)}
  html[data-look="wand"] #view.view-feed > .wand-kopf > .wand-unterzeile{font-size:24px}
  html[data-look="wand"] #view.view-feed > .wand-kopf .wand-zahlen{gap:24px;margin-top:8px}
  html[data-look="wand"] #view.view-feed > .wand-kopf .wand-zahlen b{font-size:52px}
  html[data-look="wand"] .view-feed .wand-buehne{gap:20px;padding:20px 16px 24px}
  html[data-look="wand"] .view-feed .wand-buehne .wand-sticker{width:72px;height:72px;font-size:22px;left:12px;top:12px}
  html[data-look="wand"] #view.view-feed .wand-buehne h2{font-size:clamp(36px,10.5vw,52px)}
  html[data-look="wand"] #view.view-feed .wand-buehne[data-laenge="kurz"] h2{font-size:clamp(56px,19vw,92px)}
  html[data-look="wand"] #view.view-feed .wand-buehne[data-laenge="mittel"] h2{font-size:clamp(44px,13vw,64px)}
  html[data-look="wand"] .view-feed .wand-leiste{flex-wrap:wrap}
  html[data-look="wand"] .view-feed .wand-buehne .wand-satz{font-size:24px}
  html[data-look="wand"] .view-feed .wand-aktionen .wand-start{flex:1 1 100%;justify-content:center;min-height:56px;font-size:19px}
  html[data-look="wand"] .view-feed .wand-buehne .wand-fuss .reaction-bar{margin-left:0;flex:1 1 100%}
  html[data-look="wand"] .view-feed .wand-buehne .wand-fuss .reaction-button{flex:1 1 0}
  html[data-look="wand"] .view-feed .wand-laufband-fenster{padding:14px 0 66px}
  html[data-look="wand"] .view-feed .wand-laufband-teil{font-size:30px;gap:10px;padding-right:20px}
  html[data-look="wand"] .view-feed .wand-laufband-teil::after{padding-left:20px}
  html[data-look="wand"] .view-feed .wand-laufband-halt{top:auto;bottom:12px;right:16px;transform:none}
  html[data-look="wand"] .view-feed .wand-laufband[data-ruhig="true"] .wand-laufband-fenster{padding:16px}
  html[data-look="wand"] .view-feed .wand-laufband[data-ruhig="true"] .wand-laufband-teil{font-size:26px}
  html[data-look="wand"] .view-feed .wand-wand{gap:12px}
  html[data-look="wand"] .view-feed .wand-werk .wand-text{padding:12px 12px 8px}
  html[data-look="wand"] .view-feed .wand-werk .wand-werk-titel{font-size:28px}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .wand-werk-titel{font-size:19px;line-height:1}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .wand-bild-titel{font-size:22px;padding:48px 10px 10px}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] :is(.feed-pitch,.feed-fuer,.feed-start-hint,.tag-labels,.feed-media-count,.feed-datum){display:none}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .wand-meta span + span::before{content:none}
  /* N8: die Startaktion behält ihre Beschriftung (CLAUDE.md: verständliche Startaktion); dafür wird die halbe Kachel eine
     Zeile höher, das Bild bleibt 4:5 darüber, die Aktion steht über die Breite in der neuen Zeile auf der Bühnenfarbe. */
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"]:not(.offen) .wand-bild{aspect-ratio:auto;height:0;padding-top:125%;padding-bottom:56px}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"]:not(.offen) .wand-bild > :is(.feed-media,.wand-bild-titel){bottom:56px}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"]:not(.offen) .wand-bild > .wand-start{left:8px;right:8px;bottom:6px;width:auto;min-height:44px;padding:4px 12px;gap:8px;justify-content:space-between;border-color:var(--welt-buehne-text);font-size:14px;line-height:1.1;text-align:left}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .wand-sticker.privat{font-size:12px;padding:3px 5px;right:10px;top:10px}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .reaction-bar{flex:1 1 100%;margin:0}
  html[data-look="wand"] .view-feed .wand-werk[data-mobil="halb"] .reaction-button{flex:1 1 0;min-width:0;padding:0 4px;font-size:13px}
  html[data-look="wand"] .view-feed .offen .feed-media-frame{height:72vh}
  html[data-look="wand"] .view-feed .wand-leer{padding:40px 16px 44px}
  html[data-look="wand"] .view-feed .wand-leer p{font-size:clamp(44px,13vw,64px)}
  html[data-look="wand"] .view-feed .wand-knopf{flex:1 1 100%;justify-content:center;min-height:56px}
  html[data-look="wand"] .view-feed .wand-aufruf{padding:36px 16px 40px}
  html[data-look="wand"] .view-feed .wand-aufruf p{font-size:clamp(44px,13vw,64px)}
}

/* Reduzierte Bewegung: das Laufband startet gar nicht (feed.js); der Knopf entfällt auch, falls die Einstellung später kommt. */
@media (prefers-reduced-motion:reduce){
  html[data-look="wand"] .view-feed .wand-laufband-halt{display:none}
}

/* ==== Werkseite #r/<releaseId> (product.js), vom Feed aus erreicht: Kopfband in der Farbwelt des Werks über die volle
   Breite, Titel riesig, darunter die Medien auf Tinte mit farbigen Kanten, lange Beschreibung auf einem Paper-Paneel. */
html[data-look="wand"] .view-product .product-page{max-width:none}
html[data-look="wand"] .view-product [data-welt]{--buehne-text:var(--ink)}
html[data-look="wand"] .view-product [data-welt="lime"]{--buehne-text:var(--paper)}
html[data-look="wand"] .view-product .product-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin:-40px calc(50% - 50vw) clamp(32px,4vw,56px);padding:clamp(36px,5vw,80px) max(56px,calc((100vw - 1336px) / 2)) clamp(32px,4vw,56px);background:var(--welt);color:var(--welt-text);border-bottom:2px solid var(--ink)}
html[data-look="wand"] .view-product .product-head > *{margin:0;max-width:100%}
html[data-look="wand"] .view-product .product-head .wand-meta{display:flex;flex-wrap:wrap;gap:2px 0;color:inherit;font-size:13px}
html[data-look="wand"] .view-product .product-head .wand-meta span + span::before{content:"·";padding:0 8px}
html[data-look="wand"] #view.view-product .product-title{font:800 clamp(52px,7vw,120px)/.82 var(--wand-display);letter-spacing:-.065em;color:inherit;margin:0 0 0 -.04em}
html[data-look="wand"] #view.view-product [data-laenge="kurz"] .product-title{font-size:clamp(80px,15vw,240px)}
html[data-look="wand"] #view.view-product [data-laenge="mittel"] .product-title{font-size:clamp(64px,10vw,168px)}
html[data-look="wand"] .view-product [data-schrift="syne"] .product-title{font-family:'Syne',var(--wand-display);letter-spacing:-.03em}
html[data-look="wand"] .view-product [data-schrift="instrument-italic"] .product-title{font-family:var(--wand-serif);font-style:italic;font-weight:400;letter-spacing:-.02em}
html[data-look="wand"] .view-product [data-schrift="plex-mono"] .product-title{font-family:var(--wand-mono);font-weight:400;letter-spacing:-.04em;line-height:1}
html[data-look="wand"] .view-product .product-sentence{max-width:34ch;font:italic 400 clamp(26px,2.6vw,42px)/1.08 var(--wand-serif);letter-spacing:-.02em}
html[data-look="wand"] .view-product .product-fuer{font-size:16px}
html[data-look="wand"] .view-product .product-fuer span{font:400 12px/1 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase}
html[data-look="wand"] .view-product .product-start-hint{font-size:17px;font-weight:700;max-width:60ch}
html[data-look="wand"] .view-product .wand-aktionen{margin:6px 0 2px}
html[data-look="wand"] .view-product .wand-start{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 28px;border:2px solid var(--ink);border-radius:6px;background:var(--ink);color:var(--paper);font:700 21px/1 var(--body);cursor:pointer}
html[data-look="wand"] .view-product .wand-start i{font-style:normal;color:var(--lime)}
html[data-look="wand"] .view-product .wand-start:hover{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-product .wand-start:hover i{color:var(--ink)}
html[data-look="wand"] .view-product .product-head .tag-labels{margin:0}
html[data-look="wand"] .view-product .product-head .label.tag{border:2px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:400 12px/1.2 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px}

/* Lange Beschreibung: ruhiger Grund (Paper-Paneel) mit Kante in der Welt des Werks. */
html[data-look="wand"] .view-product .product-description{max-width:72ch;margin:clamp(32px,4vw,56px) 0 8px;padding:clamp(20px,2.6vw,32px);background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-top:10px solid var(--welt);border-radius:12px;font-size:17px;line-height:1.6}

/* Abschnitte auf Tinte: Zwischentitel groß, Medien mit dicker Kante in der Welt, dahinter die Bühnenfarbe. */
html[data-look="wand"] .view-product .product-section{border-top:2px solid var(--paper);padding-top:20px;margin-top:clamp(32px,4vw,56px)}
html[data-look="wand"] #view.view-product .product-section h2{font:800 clamp(36px,4.4vw,72px)/.9 var(--wand-display);letter-spacing:-.055em;color:var(--paper);margin:0 0 20px}
html[data-look="wand"] .view-product .product-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
html[data-look="wand"] .view-product .product-gallery > .product-media:first-child{grid-column:1 / -1}
html[data-look="wand"] .view-product .product-media{margin:0 0 18px}
html[data-look="wand"] .view-product .product-media img,html[data-look="wand"] .view-product .product-media video{max-height:80vh;border:2px solid var(--welt);border-radius:12px;background:var(--welt-buehne)}
html[data-look="wand"] .view-product .product-media video{background:var(--ink)}
html[data-look="wand"] .view-product .product-media iframe{height:min(80vh,820px);border:2px solid var(--welt);border-radius:12px}
/* Fokus im Prototyp (N7): liegt er im abgeschotteten Rahmen, greifen :focus, :focus-visible und :focus-within am Rahmen
   nicht; product.js setzt dann .fokus-im-rahmen an die Abbildung, der Rahmen zeigt einen Paper-Ring auf der Tinte. */
html[data-look="wand"] .view-product .product-media.fokus-im-rahmen iframe{outline:3px solid var(--paper);outline-offset:3px}
html[data-look="wand"] .view-product .product-caption{margin:8px 0 0;font:400 13px/1.4 var(--wand-mono);letter-spacing:.04em;color:var(--paper)}
html[data-look="wand"] .view-product .product-page-no{font:400 13px/1.4 var(--wand-mono);color:var(--paper)}
html[data-look="wand"] .view-product .product-media a{color:var(--lime);text-decoration-thickness:2px}
html[data-look="wand"] .view-product .product-proof{display:flex;flex-direction:column;gap:12px;margin:14px 0 8px}
html[data-look="wand"] .view-product .product-proof > div{display:block;border:0;padding:0}
html[data-look="wand"] .view-product .product-proof dt{font:400 12px/1.2 var(--wand-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--lime);margin:0 0 4px}
html[data-look="wand"] .view-product .product-proof dd{margin:0;color:var(--paper);font-size:15px}

/* Rückmeldung: In, Hold, Pass als große Konturknöpfe auf Tinte, gedrückt in Limette. */
html[data-look="wand"] .view-product .product-reactions{margin:clamp(32px,4vw,56px) 0 0;padding-top:20px;border-top:2px solid var(--paper)}
html[data-look="wand"] .view-product .reaction-bar{gap:10px;max-width:520px}
html[data-look="wand"] .view-product .reaction-button{min-height:52px;border:2px solid var(--paper);border-radius:6px;background:transparent;color:var(--paper);font:700 16px/1 var(--body)}
html[data-look="wand"] .view-product .reaction-button:hover{background:var(--paper);color:var(--ink)}
html[data-look="wand"] .view-product .reaction-button[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}
html[data-look="wand"] .view-product .product-reactions .feed-own{font:400 13px/1.4 var(--wand-mono);color:var(--paper)}

@media (max-width:600px){
  html[data-look="wand"] .view-product .product-head{margin:-22px -16px 28px;padding:28px 16px 28px}
  html[data-look="wand"] #view.view-product .product-title{font-size:clamp(36px,10.5vw,52px)}
  html[data-look="wand"] #view.view-product [data-laenge="kurz"] .product-title{font-size:clamp(56px,19vw,92px)}
  html[data-look="wand"] #view.view-product [data-laenge="mittel"] .product-title{font-size:clamp(44px,13vw,64px)}
  html[data-look="wand"] .view-product .product-sentence{font-size:24px}
  html[data-look="wand"] .view-product .wand-aktionen{align-self:stretch}
  html[data-look="wand"] .view-product .wand-start{width:100%;justify-content:center;min-height:56px;font-size:19px}
  html[data-look="wand"] .view-product .product-gallery{grid-template-columns:minmax(0,1fr)}
  html[data-look="wand"] .view-product .product-media iframe{height:72vh}
}