/* ============================================================
   SLOW TRADING — Design-Standard, eingefroren am 2026-09-24
   Verbindlich für alle Inhalte und alle Agenten-Spuren.
   Spezifikation: knowledge/brand.md · Ansicht: strat-1-2-design.php, Abschnitt J
   NICHT verändern ohne Rücksprache mit dem Nutzer.
   ============================================================ */

:root{
  /* Schriften (Systemschriften macOS/iOS; Web-Pendants noch zu wählen) */
  --st-font-display:Futura,"Century Gothic","Avenir Next",sans-serif;
  --st-font-num:Menlo,"SF Mono",Consolas,"Courier New",monospace;
  --st-font-text:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;

  /* Markenfarben */
  --st-gruen:#1f4d3d;
  --st-sand:#efe7db;
  --st-tinte:#23201b;
  --st-gold:#d9b86b;
  --st-mint:#9ed7b4;
  --st-clay:#e79a86;
  --st-gruen-plus:#2f6b4a;
  --st-sand-minus:#a8432b;
}

/* ---- Grund 1: grün. Trägt AUSSAGEN (Sätze, Prinzipien, Haltung) ---- */
.st-gruen{
  --bg:var(--st-gruen); --fg:var(--st-sand);
  --muted:rgba(239,231,219,.58); --accent:var(--st-gold);
  --pos:var(--st-mint); --neg:var(--st-clay);
  --rule:rgba(239,231,219,.22); --tile:rgba(239,231,219,.07);
  --ff-d:var(--st-font-display); --ff-n:var(--st-font-num); --ff-t:var(--st-font-text);
}
/* ---- Grund 2: sand. Trägt ZAHLEN (Monate, Wochen, Trades) ---- */
.st-sand{
  --bg:var(--st-sand); --fg:var(--st-tinte);
  --muted:#8b8072; --accent:var(--st-gruen);
  --pos:var(--st-gruen-plus); --neg:var(--st-sand-minus);
  --rule:rgba(35,32,27,.18); --tile:rgba(255,255,255,.42);
  --ff-d:var(--st-font-display); --ff-n:var(--st-font-num); --ff-t:var(--st-font-text);
}

/* ---- Wortmarke. Beide Wörter gleich groß, TRADING nur abgedunkelt.
        Größe ausschließlich über font-size steuern. ---- */
.wm5{font-family:var(--st-font-text);font-weight:700;line-height:.9;
  letter-spacing:-.025em;display:block}
.wm5 span{display:block;font-size:1em;font-weight:inherit;letter-spacing:inherit}
.wm5 .q{opacity:.45}
.wm5.ff{font-family:var(--ff-d)}

/* ---- Profilbild ---- */
.st-avatar{border-radius:50%;display:grid;place-items:center;overflow:hidden;flex:none;
  background:var(--st-gruen);color:var(--st-sand)}
.st-avatar .wm5{text-align:center;font-size:.175em}
.st-avatar.links{display:flex;align-items:center;padding:19%}
.st-avatar.links .wm5{text-align:left;font-size:.155em;width:100%}

/* ---- Flächen. Seitenverhältnis je Format setzen. ---- */
.st-flaeche{background:var(--bg);color:var(--fg);padding:7%;
  display:flex;flex-direction:column;overflow:hidden}
.st-1x1{aspect-ratio:1/1}      /* 1080×1080 */
.st-4x5{aspect-ratio:4/5}      /* 1080×1350 */
.st-9x16{aspect-ratio:9/16}    /* 1080×1920 */
.st-16x9{aspect-ratio:16/9}    /* 1280×720  */
.st-banner{aspect-ratio:16/5}  /* Sicherheitsbereich 1546×423 vor Upload prüfen */

.st-eyebrow{font:700 clamp(8px,1.6vw,11px)/1 var(--ff-t);letter-spacing:.16em;
  text-transform:uppercase;color:var(--accent);margin-bottom:.7em}
.st-hd{font-family:var(--ff-d);font-size:clamp(17px,4.4vw,30px);line-height:1.08;
  letter-spacing:-.015em;margin:0 0 .5em}
.st-satz{font-family:var(--ff-d);font-size:clamp(15px,3.7vw,26px);line-height:1.22;
  letter-spacing:-.01em;margin:auto 0}
.st-zahl{font-family:var(--ff-n);font-size:clamp(26px,8vw,52px);line-height:1;color:var(--pos)}
.st-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:8px;
  font:500 clamp(7px,1.5vw,10px)/1.4 var(--ff-t);color:var(--muted)}

/* ---- Kacheln für Monats- und Wochenwerte ---- */
.st-kacheln{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(3px,1vw,7px)}
.st-kacheln.tage{grid-template-columns:repeat(5,1fr)}
.st-kachel{background:var(--tile);border:1px solid var(--rule);border-radius:5px;
  padding:clamp(4px,1.4vw,9px);display:flex;flex-direction:column;gap:2px;min-width:0}
.st-kachel span{font:600 clamp(6px,1.4vw,10px)/1 var(--ff-t);color:var(--muted);
  letter-spacing:.08em;text-transform:uppercase}
.st-kachel b{font:700 clamp(10px,2.6vw,17px)/1 var(--ff-n);color:var(--pos);white-space:nowrap}
.st-kachel.ruhig b{color:var(--muted)}   /* Monat unter 0,30 % */
.st-kachel.minus b{color:var(--neg)}