/* ===== Telekesher Blog styles (layered on site.css) ===== */
:root{
  --tk-orange-a:#ff7348; --tk-orange-b:#ff9d00; --tk-orange:#ff841f;
  --tk-blue:#004e8b; --tk-blue-d:#003964; --tk-navy:#111d32;
  --tk-ink:#1e1e1e; --tk-muted:#5b6b7b; --tk-line:#e7ebf0; --tk-bg:#f6f8fb;
  --tk-grad:linear-gradient(90deg,#ff7348,#ff763e,#ff7933,#ff7e29,#ff841f,#ff8b15,#ff940a,#ff9d00);
  --tk-grad-blue:linear-gradient(90deg,#004e8b,#005293,#00579a,#005ba2,#0060aa,#0064b2,#0069b9,#006dc1);
}
body.tk-blog{ background:var(--tk-bg); color:var(--tk-ink); margin-bottom:0; }
.tk-blog *{ text-align:right; }
.tk-blog a{ color:var(--tk-blue); text-decoration:none; }
.tk-blog a:hover{ color:var(--tk-blue-d); }
.tk-wrap{ max-width:1140px; margin:0 auto; padding:0 18px; }

/* keep the site header tidy on inner pages */
.tk-blog .header-area{ box-shadow:0 2px 10px rgba(0,0,0,.06); }

/* breadcrumb */
.tk-breadcrumb{ font-size:14px; color:var(--tk-muted); padding:18px 0 6px; }
.tk-breadcrumb a{ color:var(--tk-muted); }
.tk-breadcrumb a:hover{ color:var(--tk-orange); }
.tk-breadcrumb span{ color:#b7c0cb; margin:0 6px; }

/* page heading band — uses the site's navy banner background for a uniform look */
.tk-pagehead{ background:linear-gradient(rgba(0,57,100,.80),rgba(17,29,50,.88)), #111d32 url(../Images/banner-bg.png) center/cover no-repeat; color:#fff; padding:46px 0 40px; }
.tk-pagehead h1{ color:#fff; font-weight:800; font-size:38px; margin:0; }
.tk-pagehead p{ color:rgba(255,255,255,.92); font-size:18px; margin:10px 0 0; }

/* ===== blog index cards ===== */
.tk-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; padding:40px 0 20px; }
@media(max-width:992px){ .tk-grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:620px){ .tk-grid{ grid-template-columns:1fr;} }
.tk-card{ background:#fff; border:1px solid var(--tk-line); border-radius:16px; overflow:hidden;
  display:flex; flex-direction:column; transition:.25s; box-shadow:0 6px 18px rgba(17,29,50,.05); }
.tk-card:hover{ transform:translateY(-4px); box-shadow:0 14px 30px rgba(17,29,50,.12); }
.tk-card .thumb{ height:170px; background:var(--tk-grad); position:relative; display:flex; align-items:center; justify-content:center; }
.tk-card .thumb i{ font-size:58px; color:#fff; -webkit-text-fill-color:#fff; background:none; }
.tk-card .body{ padding:20px 20px 22px; display:flex; flex-direction:column; flex:1; }
.tk-cat{ display:inline-block; font-size:12px; font-weight:700; color:var(--tk-blue);
  background:#eaf2fb; border-radius:20px; padding:4px 12px; margin-bottom:12px; align-self:flex-start; }
.tk-card h2{ font-size:21px; font-weight:800; line-height:1.35; margin:0 0 10px; color:var(--tk-ink); }
.tk-card h2 a{ color:inherit; }
.tk-card h2 a:hover{ color:var(--tk-orange); }
.tk-card .excerpt{ color:var(--tk-muted); font-size:15px; line-height:1.7; margin:0 0 16px; flex:1; }
.tk-card .meta{ font-size:13px; color:#93a0ad; display:flex; gap:14px; align-items:center; }
.tk-card .meta i{ -webkit-text-fill-color:var(--tk-orange); margin-left:5px; }
.tk-readmore{ margin-top:14px; align-self:flex-start; font-weight:700; color:var(--tk-orange); }
.tk-readmore i{ -webkit-text-fill-color:var(--tk-orange); }

/* ===== article ===== */
.tk-article{ background:#fff; border:1px solid var(--tk-line); border-radius:18px;
  max-width:840px; margin:-26px auto 40px; padding:42px 46px; box-shadow:0 10px 30px rgba(17,29,50,.06); position:relative; }
@media(max-width:680px){ .tk-article{ padding:26px 20px; } }
.tk-article .a-meta{ color:var(--tk-muted); font-size:14px; display:flex; flex-wrap:wrap; gap:16px; margin:0 0 22px; padding-bottom:18px; border-bottom:1px solid var(--tk-line); }
.tk-article .a-meta i{ -webkit-text-fill-color:var(--tk-orange); margin-left:6px; }
.tk-article .lead{ font-size:20px; line-height:1.85; color:#33414f; font-weight:500; margin:0 0 26px; }
.tk-article h2{ font-size:27px; font-weight:800; color:var(--tk-blue); margin:34px 0 14px;
  padding-right:14px; border-right:5px solid var(--tk-orange); }
.tk-article h3{ font-size:21px; font-weight:700; color:var(--tk-ink); margin:24px 0 10px; }
.tk-article p{ font-size:17.5px; line-height:1.9; color:#34404c; margin:0 0 16px; }
.tk-article ul,.tk-article ol{ padding-right:24px; margin:0 0 18px; }
.tk-article li{ font-size:17.5px; line-height:1.85; color:#34404c; margin-bottom:8px; }
.tk-article strong{ color:var(--tk-ink); }
.tk-article a{ color:var(--tk-blue); text-decoration:underline; text-underline-offset:3px; }
.tk-article img{ border-radius:12px; margin:18px 0; }

/* callout / tip box */
.tk-tip{ background:#fff7f0; border:1px solid #ffd9bd; border-right:5px solid var(--tk-orange);
  border-radius:12px; padding:18px 22px; margin:22px 0; }
.tk-tip h4{ margin:0 0 6px; color:#b85a12; font-size:18px; font-weight:800; }
.tk-tip i{ -webkit-text-fill-color:var(--tk-orange); margin-left:8px; }
.tk-tip p{ margin:0; font-size:16.5px; }

/* FAQ */
.tk-faq{ margin:30px 0 6px; }
.tk-faq h2{ margin-bottom:18px; }
.tk-faq details{ background:#fff; border:1px solid var(--tk-line); border-radius:12px; padding:0; margin-bottom:12px; overflow:hidden; }
.tk-faq summary{ cursor:pointer; list-style:none; padding:16px 20px; font-weight:700; font-size:18px; color:var(--tk-ink); display:flex; justify-content:space-between; align-items:center; }
.tk-faq summary::-webkit-details-marker{ display:none; }
.tk-faq summary:after{ content:"\002B"; color:var(--tk-orange); font-size:24px; font-weight:700; }
.tk-faq details[open] summary:after{ content:"\2212"; }
.tk-faq .ans{ padding:0 20px 18px; color:#34404c; font-size:16.5px; line-height:1.85; }

/* CTA box */
.tk-cta{ background:var(--tk-grad-blue); color:#fff; border-radius:16px; padding:30px 32px; margin:34px 0 8px; text-align:center; }
.tk-cta *{ text-align:center; }
.tk-cta h3{ color:#fff; font-size:25px; font-weight:800; margin:0 0 8px; }
.tk-cta p{ color:rgba(255,255,255,.92); font-size:17px; margin:0 0 18px; }
.tk-cta .btns{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
.tk-btn{ display:inline-block; border-radius:26px; padding:14px 30px; font-weight:700; font-size:16px; transition:.3s; }
.tk-btn.orange{ background:var(--tk-grad); color:#fff; }
.tk-btn.orange:hover{ padding:14px 38px; color:#fff; }
.tk-btn.ghost{ background:#fff; color:var(--tk-blue); }
.tk-btn.ghost:hover{ color:var(--tk-blue-d); }

/* related */
.tk-related{ max-width:840px; margin:0 auto 50px; }
.tk-related h3{ font-size:22px; font-weight:800; color:var(--tk-ink); margin:0 0 16px; }
.tk-related .rg{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
@media(max-width:680px){ .tk-related .rg{ grid-template-columns:1fr; } }
.tk-related a.rc{ background:#fff; border:1px solid var(--tk-line); border-radius:12px; padding:16px; font-weight:700; color:var(--tk-ink); display:block; transition:.2s; }
.tk-related a.rc:hover{ border-color:var(--tk-orange); color:var(--tk-orange); }
.tk-related a.rc span{ display:block; font-size:12px; color:var(--tk-blue); font-weight:700; margin-bottom:8px; }

/* footer */
.tk-footer{ background:var(--tk-navy); color:#cdd6e0; padding:46px 0 26px; margin-top:30px; }
.tk-footer *{ text-align:right; }
.tk-footer .cols{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:30px; }
@media(max-width:760px){ .tk-footer .cols{ grid-template-columns:1fr; gap:22px; } }
.tk-footer h4{ color:#fff; font-size:18px; font-weight:800; margin:0 0 14px; }
.tk-footer a{ color:#cdd6e0; display:block; margin-bottom:8px; }
.tk-footer a:hover{ color:var(--tk-orange); }
.tk-footer p{ margin:0 0 8px; font-size:15px; line-height:1.7; }
.tk-footer .bottom{ border-top:1px solid rgba(255,255,255,.12); margin-top:26px; padding-top:18px; font-size:13px; color:#8a98a8; }
.tk-footer i{ -webkit-text-fill-color:var(--tk-orange); margin-left:8px; }