/* ESRA Therapie & App: eigenständige Inhaltsseite im bestehenden Editorial-System. */
.therapy-hero { padding: clamp(4.25rem, 8vw, 7.5rem) 0 clamp(3.5rem, 7vw, 6.5rem); }
.therapy-hero-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr); align-items:center; gap:clamp(2.5rem,7vw,7rem); }
.therapy-hero h1 { max-width:12ch; font-family:Georgia,'Times New Roman',serif; font-size:clamp(3rem,6.2vw,5.8rem); font-weight:600; line-height:.96; letter-spacing:-.045em; }
.therapy-hero .lede { max-width:59ch; margin:1.5rem 0 0; font-size:1.08rem; color:var(--editorial-muted); }
.therapy-app-preview { position:relative; padding:1.2rem; border-radius:1rem; color:#eaf5f2; background:#113d40; box-shadow:0 24px 52px rgba(16,60,63,.22); overflow:hidden; }
.therapy-app-preview::after { content:''; position:absolute; inline-size:13rem; block-size:13rem; inset:auto -4rem -5rem auto; border-radius:50%; background:#4e9b94; opacity:.32; }
.app-preview-top,.app-preview-entry,.app-preview-note { position:relative; z-index:1; }.app-preview-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:1rem; border-bottom:1px solid rgba(234,245,242,.18); font-size:.86rem; font-weight:700; }
.app-preview-state { display:flex; align-items:center; gap:.4rem; color:#bee6df; }.app-preview-state i { inline-size:.5rem; block-size:.5rem; border-radius:50%; background:#8bd7c8; }
.app-preview-entry { margin-top:.8rem; padding:1rem; border-radius:.7rem; background:#0c2f32; }.app-preview-entry small { display:block; color:#b9d7d2; }.app-preview-entry strong { display:block; margin-top:.35rem; color:#fff; }.app-preview-entry p { margin:.5rem 0 0; color:#d4e7e3; font-size:.9rem; line-height:1.5; }.app-preview-entry-muted { background:rgba(234,245,242,.1); }.app-preview-note { margin:1rem .2rem .1rem; color:#c2dbd6; font-size:.78rem; line-height:1.5; }
.therapy-explainer { border-top:1px solid var(--editorial-line); }.therapy-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:3rem 0 0; padding:0; list-style:none; border-top:1px solid var(--editorial-line); }.therapy-steps li { display:grid; gap:.75rem; padding:1.35rem 1.25rem 1.35rem 0; border-bottom:1px solid var(--editorial-line); }.therapy-steps li + li { padding-left:1.25rem; border-left:1px solid var(--editorial-line); }.therapy-steps span { color:var(--editorial-coral); font-weight:800; font-variant-numeric:tabular-nums; }.therapy-steps h3 { margin:0; font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; letter-spacing:-.025em; }.therapy-steps p { margin:0; color:var(--editorial-muted); font-size:.94rem; }
.therapy-privacy { background:#123f42; color:#f1faf7; }.therapy-privacy-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr); gap:clamp(2rem,6vw,6rem); align-items:center; }.therapy-privacy h2 { font-family:Georgia,'Times New Roman',serif; font-size:clamp(2rem,4vw,3.5rem); font-weight:600; letter-spacing:-.04em; }.therapy-privacy p { max-width:54ch; color:#c7dfda; }.therapy-privacy ul { margin:0; padding:0; list-style:none; border-top:1px solid rgba(241,250,247,.24); }.therapy-privacy li { padding:.85rem 0; border-bottom:1px solid rgba(241,250,247,.24); color:#eaf6f2; }
[data-theme='dark'] .therapy-app-preview { background:#174f52; box-shadow:0 24px 52px rgba(0,0,0,.3); }.therapy-app-preview::after { background:#7ccec1; }.app-preview-entry { background:#0d3033; }.app-preview-entry-muted { background:rgba(234,245,242,.12); } [data-theme='dark'] .therapy-privacy { background:#0e373a; }
@media (max-width:860px) { .therapy-hero-grid,.therapy-privacy-grid { grid-template-columns:1fr; }.therapy-hero h1 { max-width:13ch; }.therapy-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.therapy-steps li:nth-child(3) { padding-left:0; border-left:0; }.therapy-steps li:nth-child(2) { border-left:1px solid var(--editorial-line); } }
@media (max-width:560px) { .therapy-hero { padding-top:3.25rem; }.therapy-steps { grid-template-columns:1fr; }.therapy-steps li,.therapy-steps li + li,.therapy-steps li:nth-child(3) { padding-left:0; border-left:0; }.therapy-app-preview { padding:1rem; }.hero-actions { display:grid; }.hero-actions .btn { text-align:center; } }
@media (prefers-reduced-motion: reduce) { .therapy-app-preview { scroll-behavior:auto; } }