/* ═══════════════════════════════════════════════════════════════════════
   css/square.css — KEINE runden Ecken (Antoine, „ALLE“): Boxen, Karten, Bilder, Buttons,
   Badges, Pills, Modals, Icon-Felder, Ringe, Slider-Knöpfe – alles eckig.
   Muss als LETZTES Stylesheet geladen werden (!important schlägt auch Inline-Styles
   und Seiten-<style>).
   Einzige Ausnahme: Baumkronen-Illustration in project-nexus (radial-gradient-Blätter) –
   eine Zeichnung, keine Box.
   NEUE Seiten: <link rel="stylesheet" href="css/square.css"> als letztes Stylesheet einbinden.
═══════════════════════════════════════════════════════════════════════ */
*, *::before, *::after { border-radius: 0 !important; }

/* Pseudo-Elemente von Formularfeldern (werden von * nicht erfasst) */
input[type="range"]::-webkit-slider-thumb { border-radius: 0 !important; }
input[type="range"]::-moz-range-thumb { border-radius: 0 !important; }
input[type="range"]::-webkit-slider-runnable-track { border-radius: 0 !important; }
input[type="range"]::-moz-range-track { border-radius: 0 !important; }
::-webkit-progress-bar, ::-webkit-progress-value, ::-moz-progress-bar,
::-webkit-meter-bar, ::-webkit-meter-optimum-value { border-radius: 0 !important; }
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track { border-radius: 0 !important; }
::file-selector-button { border-radius: 0 !important; }

/* Baumkronen-Illustration: ebenfalls ohne Rundung – kantige Krone (Polygon) statt Ellipse */
[style*="radial-gradient(ellipse"] {
  border-radius: 0 !important;
  clip-path: polygon(50% 0, 100% 32%, 88% 100%, 12% 100%, 0 32%);
}