/* =========================================================
   Dr. Soysal Consulting — gemeinsames Theme für Unterseiten
   Klar · kühl · ein Akzent (Mint/Teal). Wird nach den
   seiteneigenen Styles geladen.
   ========================================================= */
:root{
  --accent:#087C68;
  --accent-bright:#2DE2C0;
  --display:'Archivo',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{text-rendering:optimizeLegibility}
::selection{background:#2DE2C0;color:#04130F}

/* Überschriften: Grotesk statt Serif, keine Kursive */
h1,h2,h3,h4{letter-spacing:-.025em}
h1 em,h2 em,h3 em,h4 em,h5 em,[class*="title"] em,[class*="head"] em{font-style:normal !important}
h1{font-weight:800 !important;font-variation-settings:'wdth' 112 !important;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;min-width:0;text-transform:uppercase;letter-spacing:-.01em !important;line-height:.98 !important}
h2{font-variation-settings:'wdth' 108}

/* Kopfleiste der Unterseiten: Glas-Look, Akzent Mint */
.topbar{backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}

/* Papier-Struktur & Cursor-Punkt entfernt */
.cursor-dot,.blueprint-bg{display:none !important}

/* Buttons & Karten: etwas klarer */
a,button{transition-timing-function:cubic-bezier(.16,1,.3,1)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#087C68 !important;box-shadow:0 0 0 3px rgba(8,124,104,.15)}

/* Scroll-Fortschritt (nur moderne Browser, rein CSS) */
@supports (animation-timeline: scroll()){
  body::after{content:'';position:fixed;top:0;left:0;height:2px;width:100%;z-index:10000;pointer-events:none;
    background:linear-gradient(90deg,#087C68,#2DE2C0);transform-origin:0 50%;transform:scaleX(0);
    animation:sc-progress linear both;animation-timeline:scroll(root)}
  @keyframes sc-progress{to{transform:scaleX(1)}}
}
@media print{body::after{display:none}}
@media (prefers-reduced-motion:reduce){body::after{display:none}}

/* v3: keine kleinen Überschriften über Titeln, keine Mono-Versalien */
:root{--mono:'Geist',system-ui,sans-serif !important}
[class*="eyebrow"]:not(.status-eyebrow):not(.progress-eyebrow):not(.score-eyebrow):not(.summary-eyebrow):not(.session-banner-eyebrow):not(.risk-eyebrow):not(.print-cover-eyebrow),.hero-tag,.own-book-badge,.screen-tag,.section-num,.sec-num,.pub-item-num,.book-card-num,.diff-tag,.benefit-num{display:none !important}
.topnav a,.topbar nav a,.topbar-brand small,.article-meta,.article-back,.footer-links a{text-transform:none !important;letter-spacing:0 !important}
.topnav a,.topbar nav a{font-size:14px !important}
h1{font-size:clamp(28px,3.4vw,46px) !important}