/* PTR Finance Blog styles — aligns with the Sinace template (navy #0a1f44 / gold #d8b26a) */
:root{ --ptr-navy:#0a1f44; --ptr-gold:#d8b26a; --ptr-grey:#5c6371; --ptr-line:#e6e6e6; }

/* Page-header heading: the template only styles h2 (white); the blog uses h1, so match it. */
.page-header__inner h1{
  font-size:46px;
  color:var(--sinace-white,#fff);
  line-height:46px;
  font-weight:600;
  text-align:center;
  margin:0;
}
@media (max-width:767px){ .page-header__inner h1{ font-size:34px; line-height:38px; } }

.blog-listing{ padding:110px 0 90px; }
.blog-card{ background:#fff; border:1px solid var(--ptr-line); border-radius:10px; overflow:hidden;
  margin-bottom:30px; transition:box-shadow .3s ease, transform .3s ease; height:calc(100% - 30px); display:flex; flex-direction:column; }
.blog-card:hover{ box-shadow:0 20px 40px rgba(10,31,68,.10); transform:translateY(-4px); }
.blog-card__img{ display:block; position:relative; overflow:hidden; aspect-ratio:16/10; }
.blog-card__img img{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.blog-card:hover .blog-card__img img{ transform:scale(1.06); }
.blog-card__cat{ position:absolute; left:16px; top:16px; background:var(--ptr-gold); color:#fff;
  font-size:12px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; padding:6px 12px; border-radius:4px; }
.blog-card__content{ padding:26px 26px 28px; display:flex; flex-direction:column; flex:1; }
.blog-card__meta{ display:flex; gap:18px; color:var(--ptr-grey); font-size:13px; margin-bottom:12px; }
.blog-card__meta i{ color:var(--ptr-gold); margin-right:5px; }
.blog-card__title{ font-size:21px; line-height:1.35; margin:0 0 12px; font-weight:600; }
.blog-card__title a{ color:var(--ptr-navy); }
.blog-card__title a:hover{ color:var(--ptr-gold); }
.blog-card__excerpt{ color:var(--ptr-grey); font-size:15px; line-height:1.7; font-weight:300; margin:0 0 18px; }
.blog-card__more{ margin-top:auto; color:var(--ptr-navy); font-weight:600; font-size:14px; text-transform:uppercase; letter-spacing:.03em; }
.blog-card__more .icon-right-arrow{ font-size:11px; margin-left:6px; color:var(--ptr-gold); }
.blog-card__more:hover{ color:var(--ptr-gold); }

.blog-pagination{ display:flex; gap:10px; justify-content:center; margin-top:30px; }
.blog-pagination li a{ display:inline-flex; align-items:center; justify-content:center; width:46px; height:46px;
  border:1px solid var(--ptr-line); border-radius:6px; color:var(--ptr-navy); font-weight:600; }
.blog-pagination li.active a, .blog-pagination li a:hover{ background:var(--ptr-navy); color:#fff; border-color:var(--ptr-navy); }

/* Article */
.blog-article{ padding:100px 0 90px; }
.blog-article__meta{ display:flex; gap:20px; align-items:center; color:var(--ptr-grey); font-size:14px; margin-bottom:16px; }
.blog-article__meta i{ color:var(--ptr-gold); margin-right:6px; }
.blog-article__cat{ background:var(--ptr-navy); color:#fff; font-size:12px; font-weight:600; text-transform:uppercase;
  letter-spacing:.04em; padding:5px 12px; border-radius:4px; }
.blog-article__title{ font-size:34px; line-height:1.25; color:var(--ptr-navy); font-weight:700; margin:0 0 26px; }
.blog-article__body{ color:#454b57; font-size:16.5px; line-height:1.85; font-weight:300; }
.blog-article__body h2{ font-size:26px; color:var(--ptr-navy); font-weight:700; margin:38px 0 16px; }
.blog-article__body h3{ font-size:21px; color:var(--ptr-navy); font-weight:600; margin:30px 0 14px; }
.blog-article__body p{ margin:0 0 18px; }
.blog-article__body ul, .blog-article__body ol{ margin:0 0 20px; padding-left:22px; }
.blog-article__body li{ margin-bottom:10px; }
.blog-article__body a{ color:var(--ptr-gold); font-weight:600; text-decoration:underline; }
.blog-article__body a:hover{ color:var(--ptr-navy); }
.blog-article__body img{ max-width:100%; height:auto; border-radius:8px; margin:20px 0; }
.blog-article__body blockquote{ border-left:4px solid var(--ptr-gold); background:#f7f8fa; padding:18px 24px;
  margin:24px 0; font-style:italic; color:var(--ptr-navy); }

.blog-article__faq-title{ font-size:26px; color:var(--ptr-navy); font-weight:700; margin:42px 0 22px; }
.ptr-faq__item{ border:1px solid var(--ptr-line); border-radius:8px; margin-bottom:16px; padding:0 24px; background:#fff; }
.ptr-faq__item[open]{ border-color:var(--ptr-gold); }
.ptr-faq__q{ cursor:pointer; list-style:none; font-family:'Lexend',sans-serif; font-size:17px; font-weight:600;
  color:var(--ptr-navy); padding:20px 34px 20px 0; position:relative; outline:none; }
.ptr-faq__q::-webkit-details-marker{ display:none; }
.ptr-faq__q::after{ content:"+"; position:absolute; right:2px; top:16px; font-size:26px; color:var(--ptr-gold); line-height:1; }
.ptr-faq__item[open] .ptr-faq__q::after{ content:"\2013"; }
.ptr-faq__a{ padding:0 0 22px; }
.ptr-faq__a p{ font-size:15px; font-weight:300; line-height:1.75; color:var(--ptr-grey); margin:0; }

.blog-article__tags{ margin:30px 0 0; display:flex; flex-wrap:wrap; gap:10px; }
.blog-article__tags span{ background:#f2f3f6; color:var(--ptr-grey); font-size:13px; padding:6px 14px; border-radius:20px; }
.blog-article__cta{ margin-top:40px; background:var(--ptr-navy); border-radius:12px; padding:40px; color:#fff; }
.blog-article__cta h3{ color:#fff; font-size:24px; margin:0 0 10px; }
.blog-article__cta p{ color:#cdd3e0; margin:0 0 22px; font-weight:300; }

/* Sidebar */
.blog-sidebar{ margin-left:10px; }
.blog-sidebar__related{ background:#fff; border:1px solid var(--ptr-line); border-radius:10px; padding:26px; margin-bottom:30px; }
.blog-sidebar__related-item{ display:block; padding:14px 0; border-bottom:1px solid var(--ptr-line); }
.blog-sidebar__related-item:last-child{ border-bottom:0; }
.blog-sidebar__related-date{ display:block; font-size:12px; color:var(--ptr-gold); font-weight:600; margin-bottom:4px; }
.blog-sidebar__related-title{ display:block; color:var(--ptr-navy); font-weight:600; font-size:15px; line-height:1.4; }
.blog-sidebar__related-item:hover .blog-sidebar__related-title{ color:var(--ptr-gold); }

@media (max-width:991px){ .blog-sidebar{ margin-left:0; margin-top:40px; } .blog-article__title{ font-size:28px; } }