/* Pumput.comin blogi: listaus, kortit ja artikkelisivu. */
.pblog-hero { background: linear-gradient(135deg, #102a5a, #163b7a); padding: 185px 0 88px; }
.pblog-hero .tj-page-header-content { max-width: 840px; margin: 0 auto; }
.pblog-hero .tj-page-title, .pblog-hero p { color: #fff; }
.pblog-hero p { color: #d9e7ff; font-size: 19px; line-height: 1.6; margin: 18px 0 0; }
.pblog-kicker { color: #9bc3ff; display: block; font-size: 13px; font-weight: 700; letter-spacing: .12em; margin-bottom: 15px; }
.pblog-index { background: #fff; }
.pblog-index__content { padding: 105px 0; }
.pblog-heading { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.pblog-heading > span { color: #2e7bef; font-size: 13px; font-weight: 700; letter-spacing: .1em; }
.pblog-heading h2 { color: #163b7a; font-size: clamp(32px, 4vw, 48px); line-height: 1.15; margin: 12px 0 16px; }
.pblog-heading p { color: #5b6f95; margin: 0; }
.pblog-card { background: #fff; border: 1px solid #dce8f7; border-radius: 18px; box-shadow: 0 13px 35px rgba(16, 42, 90, .08); display: flex; flex-direction: column; height: 100%; overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }
.pblog-card:hover { box-shadow: 0 22px 48px rgba(16, 42, 90, .15); transform: translateY(-4px); }
.pblog-card__image { background: #eef5ff; display: block; height: 185px; overflow: hidden; }
.pblog-card__image img { height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.pblog-card:hover .pblog-card__image img { transform: scale(1.035); }
.pblog-card__body { display: flex; flex: 1; flex-direction: column; padding: 25px; }
.pblog-card__meta, .pblog-article__meta { align-items: center; color: #5b6f95; display: flex; flex-wrap: wrap; font-size: 13px; font-weight: 700; gap: 9px; }
.pblog-card__meta span, .pblog-article__meta span { color: #2e7bef; letter-spacing: .04em; text-transform: uppercase; }
.pblog-card__meta time::before, .pblog-article__meta time::before { color: #e84855; content: '•'; margin-right: 9px; }
.pblog-card h2, .pblog-card h3 { color: #163b7a; font-size: 23px; line-height: 1.22; margin: 14px 0 12px; }
.pblog-card h2 a, .pblog-card h3 a { color: inherit; text-decoration: none; }
.pblog-card h2 a:hover, .pblog-card h3 a:hover { color: #2e7bef; }
.pblog-card p { color: #5b6f95; font-size: 15px; line-height: 1.6; margin: 0 0 23px; }
.pblog-card__link { color: #2e7bef; font-size: 14px; font-weight: 700; margin-top: auto; text-decoration: none; }
.pblog-card__link i { margin-left: 7px; }
.pblog-card--teaser .pblog-card__image { height: 190px; }
.pblog-card--teaser h3 { font-size: 24px; }
.pblog-cta { background: #163b7a; overflow: hidden; padding: 62px 0; position: relative; }
.pblog-cta::after { border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ''; height: 520px; position: absolute; right: -170px; top: -310px; width: 520px; }
.pblog-cta__inner { align-items: center; display: flex; gap: 35px; justify-content: space-between; position: relative; z-index: 1; }
.pblog-cta__inner > div { max-width: 740px; }
.pblog-cta span { color: #9bc3ff; font-size: 13px; font-weight: 700; letter-spacing: .1em; }
.pblog-cta h2 { color: #fff; font-size: clamp(27px, 3vw, 39px); line-height: 1.18; margin: 12px 0 0; }
.pblog-cta .tj-primary-btn .btn_inner::before { background: #fff; }
.pblog-cta .tj-primary-btn .btn_text, .pblog-cta .tj-primary-btn .btn_icon { color: #163b7a; }
.pblog-article__hero { min-height: 505px; overflow: hidden; padding: 177px 0 83px; position: relative; }
.pblog-article__hero-image, .pblog-article__hero-shade { inset: 0; position: absolute; }
.pblog-article__hero-image { background-position: center; background-size: cover; transform: scale(1.02); }
.pblog-article__hero-shade { background: linear-gradient(105deg, rgba(8,31,71,.96), rgba(16,59,122,.82) 58%, rgba(16,59,122,.58)); }
.pblog-article__hero-content { position: relative; z-index: 1; }
.pblog-back { color: #dbe8ff; display: inline-block; font-size: 14px; font-weight: 700; margin-bottom: 35px; text-decoration: none; }
.pblog-back:hover { color: #fff; }
.pblog-back i { margin-right: 8px; }
.pblog-article__meta { color: #dbe8ff; margin-bottom: 18px; }
.pblog-article__meta span { color: #a9c9ff; }
.pblog-article__meta time::before { color: #ff9da4; }
.pblog-article h1 { color: #fff; font-size: clamp(38px, 5vw, 62px); line-height: 1.08; margin: 0; max-width: 950px; }
.pblog-article__hero-content > p { color: #dbe8ff; font-size: 20px; line-height: 1.55; margin: 21px 0 0; max-width: 760px; }
.pblog-article__body { background: #fff; padding: 95px 0 110px; }
.pblog-prose { color: #29466f; font-size: 18px; line-height: 1.75; }
.pblog-prose > :first-child { margin-top: 0; }
.pblog-prose h2 { color: #163b7a; font-size: clamp(27px, 3vw, 37px); line-height: 1.18; margin: 48px 0 16px; }
.pblog-prose h3 { color: #163b7a; font-size: 24px; line-height: 1.25; margin: 34px 0 12px; }
.pblog-prose p { margin: 0 0 20px; }
.pblog-prose ul, .pblog-prose ol { margin: 0 0 24px; padding-left: 24px; }
.pblog-prose li { margin: 7px 0; padding-left: 4px; }
.pblog-prose a { color: #1d68d6; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.pblog-prose strong { color: #163b7a; }
.pblog-prose__cta { background: #eef5ff; border-left: 5px solid #2e7bef; border-radius: 14px; margin: 50px 0 34px; padding: 34px; }
.pblog-prose__cta > span { color: #2e7bef; font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.pblog-prose__cta h2 { font-size: 30px; margin: 9px 0 9px; }
.pblog-prose__cta p { color: #5b6f95; font-size: 16px; margin: 0 0 20px; }
.pblog-article__nav { border-top: 1px solid #dce8f7; display: flex; gap: 18px; justify-content: space-between; padding-top: 25px; }
.pblog-article__nav a { color: #2e7bef; font-size: 15px; font-weight: 700; text-decoration: none; }
.pblog-article__nav i { margin: 0 6px; }
@media (max-width: 767px) {
  .pblog-hero { padding: 150px 0 70px; }
  .pblog-index__content, .pblog-article__body { padding: 72px 0; }
  .pblog-cta { padding: 48px 0; }
  .pblog-cta__inner { align-items: flex-start; flex-direction: column; }
  .pblog-article__hero { min-height: 460px; padding: 145px 0 65px; }
  .pblog-article__hero-content > p { font-size: 18px; }
  .pblog-prose { font-size: 17px; }
  .pblog-prose__cta { padding: 27px 22px; }
  .pblog-article__nav { align-items: flex-start; flex-direction: column; }
}