/* Hilfe-Box im Artikeltext (render_helpbox in blog/index.php). Eigenes Präfix .tph, damit die .blog-prose-Regeln nicht greifen. */
.blog-prose .tph{display:flex;gap:18px;align-items:flex-start;margin:40px 0;padding:26px 28px;background:linear-gradient(135deg,#f5f9ff,#eaf4ff);border:1px solid #cbdced;border-left:4px solid var(--blue);border-radius:0 18px 18px 0;box-shadow:0 12px 32px rgba(9,31,56,.07);font-size:16px;line-height:1.6}
.blog-prose .tph p{margin:0}
.blog-prose .tph__icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--navy);color:#fff;font-size:20px}
.blog-prose .tph__body{min-width:0}
.blog-prose .tph__kicker{color:var(--blue);font:800 12px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase}
.blog-prose .tph__title{margin-top:6px!important;color:var(--navy);font:800 22px/1.3 var(--display);letter-spacing:-.025em}
.blog-prose .tph__text{margin-top:8px!important;color:var(--ink-2)}
.blog-prose .tph__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.blog-prose .tph__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 18px;border-radius:12px;border:1px solid #b7c9dc;background:#fff;color:var(--navy);font:800 15px/1.2 var(--font);text-decoration:none;transition:transform .15s,box-shadow .15s}
.blog-prose .tph__btn--primary{border-color:transparent;background:linear-gradient(135deg,var(--blue),#2c83f2);color:#fff;box-shadow:0 10px 25px rgba(23,105,224,.22)}
.blog-prose .tph__btn:hover{transform:translateY(-1px)}
.blog-prose .tph__btn:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
.blog-prose .tph__note{margin-top:14px!important;color:var(--muted);font-size:14px}
.blog-prose .tph__note a{color:var(--blue);font-weight:700}
@media(max-width:640px){
  .blog-prose .tph{margin:32px 0;padding:22px 18px}
  .blog-prose .tph__icon{display:none}
  .blog-prose .tph__title{font-size:20px}
  .blog-prose .tph__btn{flex:1 1 100%}
}