/* Styles are loaded only on the new blog page. Theme typography is inherited. */
.ja-tram-blog-page .legal-main{max-width:1220px}
.ja-tram-blog{
  --ja-blog-blue:var(--wp--preset--color--rostock-blue,var(--blue,#07376b));
  --ja-blog-red:var(--wp--preset--color--initiative-red,var(--red,#e50917));
  --ja-blog-white:var(--wp--preset--color--white,#fff);
  --ja-blog-mist:var(--wp--preset--color--mist,#f2f6f8);
  width:100%;margin-inline:auto;
}
.ja-tram-blog *{box-sizing:border-box}
.ja-tram-blog-intro{padding:clamp(26px,4vw,48px);border-radius:24px;background:var(--ja-blog-mist);color:var(--ja-blog-blue);border-top:4px solid var(--ja-blog-red);margin-bottom:36px!important}
.ja-tram-blog .ja-tram-blog-eyebrow{color:var(--ja-blog-red);font-size:.875rem;font-weight:750;text-transform:uppercase;letter-spacing:.08em;line-height:1.5;margin:0 0 16px!important}
.ja-tram-blog-intro h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px!important;max-width:780px;color:inherit}
.ja-tram-blog-intro p:not(.ja-tram-blog-eyebrow){font-size:1.05rem;line-height:1.65;max-width:750px;margin:0!important}
.ja-tram-blog .ja-tram-blog-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))!important;gap:24px!important;list-style:none;padding:0!important;margin:0!important;align-items:stretch}
.ja-tram-blog-grid>li{min-width:0;margin:0!important;height:100%}
.ja-tram-blog .ja-tram-blog-card{height:100%;background:var(--ja-blog-white);color:var(--ja-blog-blue);border:1px solid #d7e1e8;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px #07376b08;margin:0!important}
.ja-tram-blog .ja-tram-blog-image{margin:0!important}
.ja-tram-blog-image a,.ja-tram-blog-image img{display:block;width:100%}
.ja-tram-blog-image img{height:auto;aspect-ratio:16/9;object-fit:cover}
.ja-tram-blog .ja-tram-blog-card-content{padding:26px;flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0!important}
.ja-tram-blog .ja-tram-blog-category{font-size:.875rem;font-weight:700;line-height:1.5;margin:0 0 13px!important}
.ja-tram-blog-category a{color:var(--ja-blog-blue);text-underline-offset:4px}
.ja-tram-blog .ja-tram-blog-title{font-size:1.55rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 13px!important;overflow-wrap:anywhere}
.ja-tram-blog-title a{color:inherit;text-decoration:none}
.ja-tram-blog-title a:hover{text-decoration:underline;text-underline-offset:4px}
.ja-tram-blog .ja-tram-blog-date{font-size:.875rem;line-height:1.5;margin:0 0 18px!important;opacity:.8}
.ja-tram-blog .ja-tram-blog-excerpt{font-size:1rem;line-height:1.65;margin:0 0 24px!important;opacity:.9}
.ja-tram-blog-excerpt p{margin:0!important}
.ja-tram-blog .ja-tram-blog-read-more{display:inline-flex;align-items:center;justify-content:center;margin-top:auto!important;min-height:44px;padding:11px 18px;border-radius:100px;background:var(--ja-blog-blue);color:var(--ja-blog-white);text-decoration:none;font-size:.9rem;font-weight:750;line-height:1.4}
.ja-tram-blog .ja-tram-blog-read-more:hover{background:var(--ja-blog-red);color:var(--ja-blog-white)}
.ja-tram-blog .ja-tram-blog-pagination{gap:12px;margin:38px 0 0!important;flex-wrap:wrap;justify-content:center}
.ja-tram-blog-pagination a,.ja-tram-blog-pagination .page-numbers.current{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px 14px;border:1px solid #d7e1e8;border-radius:12px;text-decoration:none;line-height:1.5;color:var(--ja-blog-blue);background:var(--ja-blog-white)}
.ja-tram-blog-pagination .page-numbers.current{background:var(--ja-blog-blue);border-color:var(--ja-blog-blue);color:var(--ja-blog-white)}
.ja-tram-blog-pagination .wp-block-query-pagination-numbers{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0!important}
.ja-tram-blog-pagination .wp-block-query-pagination-previous,.ja-tram-blog-pagination .wp-block-query-pagination-next{margin:0!important}
.ja-tram-blog .ja-tram-blog-empty{background:var(--ja-blog-mist);color:var(--ja-blog-blue);border-radius:20px;padding:32px;margin:0!important}
.ja-tram-blog-empty h3{font-size:1.4rem;line-height:1.25;margin:0 0 14px!important}
.ja-tram-blog-empty p{font-size:1rem;line-height:1.65;margin:0!important}
.ja-tram-blog a:focus-visible{outline:3px solid var(--ja-blog-red);outline-offset:4px}
@media(max-width:600px){.ja-tram-blog-intro{border-radius:18px}.ja-tram-blog .ja-tram-blog-card-content{padding:23px}.ja-tram-blog .ja-tram-blog-title{font-size:1.4rem}.ja-tram-blog .ja-tram-blog-pagination{gap:9px}.ja-tram-blog .ja-tram-blog-empty{padding:24px}}