/* Blog post template + /blog/ grid. Colours come from Elementor Site Settings → Global Colors ("Blog –" entries, Body Text, Accent); hex values are fallbacks. */

/* hero (post) */
.tp-pill{display:inline-block;padding:8px 20px;border-radius:50px;background:var(--e-global-color-tpbpillbg,rgba(70,127,247,.25));color:var(--e-global-color-tpbpill,#8FB6FF);font:600 14px/1.4 var(--e-global-typography-primary-font-family,Poppins),sans-serif;letter-spacing:1px}
.tp-hero__title{margin:0;max-width:980px;text-align:center;color:var(--e-global-color-tpbtitle,#fff);font:700 46px/1.3 var(--e-global-typography-primary-font-family,Poppins),sans-serif}
.tp-hero__dek{margin:0 auto;max-width:820px;text-align:center;color:var(--e-global-color-tpbmuted,#A0B3CC);font:300 19px/1.7 var(--e-global-typography-text-font-family,Poppins),sans-serif}
.tp-hero__meta{margin:0;text-align:center;color:var(--e-global-color-tpbmuted,#A0B3CC);font:400 14px/1.7 var(--e-global-typography-text-font-family,Poppins),sans-serif}
@media (max-width:1024px){.tp-hero__title{font-size:34px}}
@media (max-width:767px){.tp-hero__title{font-size:27px}.tp-hero__dek{font-size:15px}.tp-hero__meta{font-size:13px}}

/* article body */
.tp-article{max-width:760px;margin:0 auto;color:var(--e-global-color-text,#324A6D);font:400 17px/1.8 var(--e-global-typography-text-font-family,Poppins),sans-serif}
.tp-article>*{margin:0 0 1.2em}
.tp-article h2,.tp-article h3,.tp-article h4{color:var(--e-global-color-tpbdark,#0A1628);font-family:var(--e-global-typography-primary-font-family,Poppins),sans-serif;line-height:1.35}
.tp-article h2{font-size:27px;font-weight:700;margin:1.8em 0 .6em}
.tp-article h3{font-size:21px;font-weight:600;margin:1.6em 0 .5em}
.tp-article h4{font-size:18px;font-weight:600;margin:1.4em 0 .4em}
.tp-article strong{color:var(--e-global-color-tpbdark,#0A1628);font-weight:600}
.tp-article a{color:var(--e-global-color-accent,#467FF7);text-decoration:underline;text-underline-offset:3px}
.tp-article ul,.tp-article ol{padding-left:1.4em}
.tp-article li{margin:.35em 0}
.tp-article li>p{margin:0}
.tp-article li::marker{color:var(--e-global-color-accent,#467FF7)}
.tp-article img{display:block;max-width:100%;height:auto;margin:0 auto 1.6em;border-radius:12px}
.tp-article blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--e-global-color-accent,#467FF7);color:var(--e-global-color-tpbdark,#0A1628);font-style:italic}
.tp-article code{padding:2px 6px;border-radius:4px;background:var(--e-global-color-tpblight,#F7F9FC);color:var(--e-global-color-tpbdark,#0A1628);font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}
.tp-article pre{overflow-x:auto;padding:18px 20px;border-radius:12px;background:var(--e-global-color-tpbdark,#0A1628)}
.tp-article pre code{padding:0;background:none;color:#E6EDF7}
.tp-article table{display:block;overflow-x:auto;width:100%;border-collapse:collapse;font-size:15px}
.tp-article th,.tp-article td{padding:10px 12px;border-bottom:1px solid var(--e-global-color-tpbborder,#E3E9F2);text-align:left}
.tp-article th{color:var(--e-global-color-tpbdark,#0A1628);font-weight:600;background:var(--e-global-color-tpblight,#F7F9FC)}
.tp-article hr{border:0;border-top:1px solid var(--e-global-color-tpbborder,#E3E9F2);margin:2em 0}
@media (max-width:767px){.tp-article{font-size:16px}.tp-article h2{font-size:22px}.tp-article h3{font-size:19px}}

/* cards (blog grid + related) */
.tp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%;max-width:1200px;margin:0 auto}
@media (max-width:1024px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.tp-grid{grid-template-columns:1fr}}
.tp-grid .tp-card{display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--e-global-color-tpblight,#F7F9FC);color:var(--e-global-color-text,#324A6D);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.tp-grid--related .tp-card{background:#fff}
.tp-grid .tp-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(10,22,40,.08)}
.tp-card__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--e-global-color-tpbborder,#E3E9F2)}
.tp-card__media .tp-card__img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:0}
.tp-card__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:24px 26px 26px}
.tp-card__cat{color:var(--e-global-color-accent,#467FF7);font:600 12px/1.4 var(--e-global-typography-primary-font-family,Poppins),sans-serif;letter-spacing:1px;text-transform:uppercase}
.tp-card__title{color:var(--e-global-color-tpbdark,#0A1628);font:600 19px/1.4 var(--e-global-typography-primary-font-family,Poppins),sans-serif}
.tp-card .tp-card__dek{color:var(--e-global-color-text,#324A6D);font:300 15px/1.7 var(--e-global-typography-text-font-family,Poppins),sans-serif}
.tp-card__meta{margin-top:auto;color:var(--e-global-color-tpbmeta,#6B7F9C);font:400 13px/1.6 var(--e-global-typography-text-font-family,Poppins),sans-serif}
.tp-card__more{color:var(--e-global-color-accent,#467FF7);font:600 15px/1.6 var(--e-global-typography-primary-font-family,Poppins),sans-serif}

/* pagination */
.tp-pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:44px}
.tp-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:50px;background:var(--e-global-color-tpblight,#F7F9FC);color:var(--e-global-color-tpbdark,#0A1628);font:500 15px var(--e-global-typography-primary-font-family,Poppins),sans-serif;text-decoration:none}
.tp-pager .page-numbers.current{background:var(--e-global-color-accent,#467FF7);color:#fff}
.tp-pager a.page-numbers:hover{background:var(--e-global-color-tpbborder,#E3E9F2)}
.tp-pager .dots{background:none}

/* post template runs outside Elementor's page wrapper: undo the theme's boxed main */
body .site-main.tp-post{width:100%;max-width:none;margin:0;padding:0}