/* /treuhand/ (outreach landing for Treuhand offices, text in «Sie»): a lean view of the Jucker case
   (Marco 14.10.2026: «einfache, übersichtliche Ansicht»). Builds on referenz.css (hero with the route map,
   key figures, night call to action) and adds the challenge/solution block. */

.tre-sec { max-width: 1080px; margin: 0 auto; padding: 8vh var(--pad) 0; box-sizing: content-box; }

.tre-case-body { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; }
.tre-case-body .mono { display: block; margin-bottom: 14px; color: var(--deep); }
.tre-case-body p { font-size: 18px; line-height: 1.6; color: var(--ink-2); }
.tre-case-body b { color: var(--ink); font-weight: 500; }
.tre-feats { list-style: none; display: grid; gap: 14px; }
.tre-feats li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: center; font-size: 17px; color: var(--ink-2); }
.tre-feats svg { width: 26px; height: 26px; }

.tre .case-stats { margin-top: 56px; padding: 0; }
.tre-live { display: inline-block; margin-top: 18px; padding: 8px 14px; border-radius: 999px; background: var(--deep); color: var(--on-deep, #F4F8FF); }
.tre-source { margin-top: 14px; font-size: 13px; line-height: 1.5; color: var(--ink-2); }

.tre .case-cta { margin-top: 12vh; }
.tre .case-cta h2 { margin-bottom: 34px; }

@media (max-width: 900px) {
  .tre-case-body { grid-template-columns: 1fr; gap: 32px; }
}