/* Laufende Betreuung: PSG DBA Pool (/sql-server-betreuung/) und PSG MX (/psg-mx/), je mit englischem Gegenstück.
   Beide Seiten nutzen die gemeinsamen Bausteine aus site.css (page-hero, cols, steps, console, split, checks,
   table, quotes, faq, related, cta). Hier stehen nur die wenigen Ergänzungen, gemeinsam für beide Seiten. */

/* Hero wie beim Health Check: Titel in zwei Zeilen über die volle Breite, Karte etwas tiefer */
.page-hero.with-shot.bt-hero .wrap > h1{max-width:none;font-size:clamp(2.2rem,4.4vw,4.4rem)}
.page-hero.with-shot.bt-hero .hero-shot{bottom:-100px}
.page-hero.with-shot.bt-hero{margin-bottom:120px}
@media (max-width:1100px){.page-hero.with-shot.bt-hero{margin-bottom:0}}

/* Hero: schwebende Karte, Aufbau wie die Berichtskarte des Health Checks */
.bt-card{background:#fff;border-color:rgba(5,28,44,.12)}
.bt-card-body{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;padding:22px 24px 24px;color:var(--ink)}
.bt-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.bt-list li{display:grid;grid-template-columns:18px 1fr;column-gap:12px;align-items:center;padding:8px 10px;border-radius:10px;background:var(--blue-50);font-weight:600;font-size:.9rem;line-height:1.3}
.bt-list small{grid-column:2;font-weight:400;font-size:.78rem;color:var(--muted)}
.bt-dot{grid-row:span 2;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 4px rgba(0,0,0,.04)}
.bt-dot.g{background:#2f9e6a}.bt-dot.y{background:#e0a100}.bt-dot.r{background:#d2372c}.bt-dot.b{background:var(--blue)}
.bt-note{border-left:3px solid var(--orange);padding-left:16px;align-self:start}
.bt-note b{font-family:var(--display);font-weight:600;font-size:1.05rem;line-height:1.2;display:block;margin-bottom:10px}
.bt-note p,.bt-note ol{margin:0;font-size:.88rem;line-height:1.45;color:var(--ink-2)}
.bt-note ol{padding-left:1.1em;display:flex;flex-direction:column;gap:8px}
@media (prefers-reduced-motion:no-preference){
  .bt-list li{animation:btIn .5s var(--ease) both;animation-delay:calc(.7s + var(--i,0) * 110ms)}
}
@keyframes btIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}

/* Stufen- und Monatskarten: Inhaltsliste und Fußzeile „Passt, wenn …“ */
.bt-tiers .col-card{display:flex;flex-direction:column}
.bt-kicker{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-600);margin-bottom:8px}
.bt-tiers .col-card ul{margin:16px 0 0;padding-left:1.1em;color:var(--ink-2);font-size:.95rem;display:flex;flex-direction:column;gap:6px}
.bt-fit{font-size:.88rem;color:var(--muted);margin:auto 0 0 !important;padding-top:16px}
.bt-fit::before{content:"";display:block;border-top:1px solid var(--line);margin-bottom:12px}
.bt-pair{grid-template-columns:repeat(2,1fr)}

/* Vergleich DBA Pool und PSG MX: aktuelle Seite hervorgehoben */
.bt-cmp th.on,.bt-cmp td.on{background:var(--blue-50)}
.bt-cmp th.on{color:var(--blue)}
.bt-cmp{table-layout:fixed;min-width:640px}
.bt-cmp th:first-child{width:22%}
.bt-cmp td:first-child{width:auto}

/* Jahresleiste: normale und intensive Monate (illustrativ) */
.bt-year{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(12,1fr);gap:6px}
.bt-year li{border-radius:10px;padding:12px 0 10px;text-align:center;font-family:var(--mono);font-size:.74rem;color:#9fbacd;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.bt-year li.i{background:var(--orange);border-color:var(--orange);color:#fff}
.bt-year li.i.p{background:rgba(240,125,26,.18);border:1px dashed var(--orange);color:#ffc79a}
.bt-year li b{display:block;font-weight:600;font-size:.8rem;color:inherit}
.bt-year-legend{display:flex;gap:22px;flex-wrap:wrap;margin:14px 0 0;font-size:.85rem;color:#9fbacd}
.bt-year-legend i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;vertical-align:-1px;background:rgba(255,255,255,.12)}
.bt-year-legend i.i{background:var(--orange)}
.bt-year-legend i.i.p{background:rgba(240,125,26,.18);border:1px dashed var(--orange)}
@media (prefers-reduced-motion:no-preference){
  .bt-js .bt-year li{animation:btYear .45s var(--ease) both;animation-delay:calc(var(--i,0) * 70ms);animation-play-state:paused}
  .bt-js .bt-year.on li{animation-play-state:running}
}
@keyframes btYear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* Hinweiszeile unter einem Block */
.bt-more{margin:28px 0 0;color:var(--ink-2);font-size:.95rem;max-width:46em}
.bt-more a{font-weight:650;color:var(--blue)}

/* Eine einzelne Kundenstimme neben Text */
.bt-voice .quotes{grid-template-columns:1fr}

@media (max-width:960px){.bt-pair{grid-template-columns:1fr}}
@media (max-width:600px){.bt-year{grid-template-columns:repeat(6,1fr)}}