/* 2Yaka1Depo blog reading experience v2. All selectors are blog-scoped. */
.dep-blog-page{--dep-navy:#082b50;--dep-red:#981820;--dep-muted:#617287;--dep-border:#e2e9f0;background:#fff}
.dep-blog-page header.dep-reading-heading,.dep-blog-page header.dep-blog-index-heading{border:0!important;background:transparent!important;box-shadow:none!important}
.dep-blog-page .dep-header-search{background:#f8fafc;border-bottom:1px solid #edf1f4}
.dep-blog-page .dep-header-search summary{min-height:40px;font-size:13px}
.dep-blog-page .dep-header-search summary span{font-size:12px}
.dep-blog-crumb-strip{background:#fff;border-bottom:1px solid #edf0f4}
.dep-blog-crumbs{display:flex;align-items:center;gap:10px;list-style:none;margin:0;padding:12px 0;min-height:48px;font-size:13px;line-height:1.5;color:#748296;min-width:0}
.dep-blog-crumbs li{min-width:0;display:flex;align-items:center}
.dep-blog-crumbs li+li:before{content:'›';color:#a4adba;margin-right:10px;font-size:18px;line-height:1}
.dep-blog-crumbs a{color:#49647e;text-decoration:none;white-space:nowrap}
.dep-blog-crumbs a:hover{color:var(--dep-red)}
.dep-blog-crumbs li:last-child{min-width:0}
.dep-blog-crumbs li:last-child span{max-width:min(58vw,560px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block;font-weight:600;color:#122e49}
.dep-reading-page{padding:34px 0 80px;background:linear-gradient(#fff 0%,#fff 72%,#f8fafc 100%)}
.dep-reading-article{max-width:870px;margin:0 auto}
.dep-reading-heading{margin-bottom:27px}
.dep-reading-eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--dep-red);font-size:12px;font-weight:800;letter-spacing:.105em;text-transform:uppercase;margin-bottom:14px}
.dep-reading-heading h1{color:#102c49;font-size:clamp(30px,3.5vw,45px);font-weight:800;letter-spacing:-.027em;line-height:1.2;margin:0 0 16px;max-width:870px;overflow-wrap:break-word}
.dep-reading-byline{display:flex;gap:9px;align-items:center;color:var(--dep-muted);font-size:13px;font-weight:500}
.dep-reading-dot{width:3px;height:3px;border-radius:50%;background:#97a6b7;margin:0 3px}
.dep-reading-cover{width:100%;margin:0 0 32px;aspect-ratio:16/8.3;overflow:hidden;border-radius:12px;background:#eaf0f6;border:1px solid #e5ebf2}
.dep-reading-cover img{width:100%;height:100%;display:block;object-fit:cover}
.dep-reading-cover-fallback{aspect-ratio:16/6}
.dep-reading-cover-fallback img{object-fit:cover}
.dep-reading-content{max-width:810px;margin:0 auto;color:#334253;font-size:17px;line-height:1.85;overflow-wrap:break-word;word-break:normal;min-width:0}
.dep-reading-content :is(p,ul,ol,blockquote,figure,pre,table){margin:0 0 19px}
.dep-reading-content :is(h2,h3,h4,h5,h6){color:#0b3158;line-height:1.36;font-weight:750;letter-spacing:-.01em;overflow-wrap:break-word;margin:28px 0 12px}
.dep-reading-content h2{font-size:clamp(22px,2.4vw,27px)}
.dep-reading-content h3{font-size:clamp(19px,2vw,23px)}
.dep-reading-content :is(img,svg,video,iframe){max-width:100%!important;height:auto!important}
.dep-reading-content img{display:block;object-fit:contain;border-radius:7px;margin:18px 0}
.dep-reading-content iframe{aspect-ratio:16/9}
.dep-reading-content :is(table,pre){display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.dep-reading-content table{border-collapse:collapse;font-size:14px}
.dep-reading-content th,.dep-reading-content td{border:1px solid #dbe4ee;padding:11px 12px;min-width:88px;white-space:normal}
.dep-reading-content :is(ul,ol){padding-left:22px;list-style:revert}
.dep-reading-content a{color:#07538c;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.dep-reading-content blockquote{border-left:3px solid var(--dep-red);padding:14px 18px;background:#f5f8fa;border-radius:0 7px 7px 0}
.dep-reading-end{max-width:810px;margin:33px auto 0;padding-top:20px;border-top:1px solid var(--dep-border)}
.dep-reading-end a{display:inline-flex;gap:10px;align-items:center;color:var(--dep-navy);text-decoration:none;font-size:14px;font-weight:700}
.dep-related-section{max-width:1080px;margin:67px auto 0;padding-top:26px;border-top:1px solid #e1e8ef}
.dep-related-header{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}
.dep-related-eyebrow{display:block;color:#8e2227;font-size:11px;font-weight:800;letter-spacing:.11em;margin-bottom:6px}
.dep-related-header h2{font-size:clamp(22px,2.3vw,28px);font-weight:800;letter-spacing:-.025em;color:#102c49;line-height:1.25;margin:0}
.dep-related-all{color:#496983;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.dep-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.dep-related-card{background:#fff;border:1px solid var(--dep-border);border-radius:10px;overflow:hidden;min-width:0;display:flex;flex-direction:column;box-shadow:0 3px 13px rgba(10,37,70,.025)}
.dep-related-thumb{display:block;aspect-ratio:16/8.6;overflow:hidden;background:#eaf0f5}
.dep-related-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.dep-related-card:hover .dep-related-thumb img{transform:scale(1.02)}
.dep-related-info{padding:15px 16px 17px;display:flex;flex-direction:column;flex:1;min-width:0}
.dep-related-info time{font-size:12px;color:var(--dep-muted);margin-bottom:7px}
.dep-related-info h3{font-size:17px;line-height:1.38;font-weight:750;margin:0 0 13px;overflow-wrap:break-word}
.dep-related-info h3 a{color:#132f4c;text-decoration:none}
.dep-related-info h3 a:hover{color:var(--dep-red)}
.dep-related-read{display:flex;gap:7px;align-items:center;font-size:12px;color:#8c1d25;font-weight:700;margin-top:auto}
.dep-blog-index{padding:34px 0 80px;background:#fff}
.dep-blog-index-heading{max-width:700px;margin:0 0 31px}
.dep-blog-index-heading h1{font-size:clamp(29px,3vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#102c49;margin:0 0 10px}
.dep-blog-index-heading p{font-size:16px;color:#66788a;margin:0;line-height:1.6}
.dep-blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.dep-index-card{display:flex;flex-direction:column;border:1px solid var(--dep-border);border-radius:11px;overflow:hidden;background:#fff;min-width:0;box-shadow:0 5px 16px rgba(8,38,66,.035)}
/* Blog covers: show the complete image; never crop embedded text. */
.dep-index-cover{display:block;aspect-ratio:auto;overflow:hidden;background:#f4f7fa}
.dep-index-cover img{display:block;width:100%;height:auto;max-height:380px;object-fit:contain;object-position:center}
.dep-index-card-content{padding:20px;display:flex;flex-direction:column;flex:1;min-width:0}
.dep-index-card time{font-size:12px;color:#728398;margin-bottom:8px}
.dep-index-card h2{font-weight:800;font-size:20px;line-height:1.38;margin:0 0 10px;overflow-wrap:break-word}
.dep-index-card h2 a{color:#0c2d4f;text-decoration:none}
.dep-index-card h2 a:hover{color:var(--dep-red)}
.dep-index-card p{font-size:14px;line-height:1.6;color:#617287;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin:0 0 18px}
.dep-index-read{font-size:13px;font-weight:700;color:#8b1c24;display:flex;gap:9px;align-items:center;margin-top:auto}
.dep-blog-empty{padding:35px 0;color:#617287}
/* Keep the existing home page preview behavior. */
.single-news-box .featured-thumb.dep-blog-home-thumb{display:block;overflow:hidden}
.single-news-box .featured-thumb.dep-blog-home-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dep-blog-page a:focus-visible{outline:3px solid #b66b13;outline-offset:3px}
@media(max-width:991px){
  .dep-blog-page{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .dep-reading-page,.dep-blog-index{padding:28px 0 57px}
  .dep-related-grid,.dep-blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:767px){
  .dep-blog-page .dep-header-search summary span{display:none}
  .dep-blog-crumbs{font-size:12px;gap:8px;padding:10px 0;min-height:41px}
  .dep-blog-crumbs li+li:before{margin-right:8px}
  .dep-blog-crumbs li:last-child span{max-width:45vw}
  .dep-reading-page,.dep-blog-index{padding:24px 0 45px}
  .dep-reading-heading{margin-bottom:20px}
  .dep-reading-eyebrow{font-size:11px;margin-bottom:10px}
  .dep-reading-heading h1{font-size:clamp(27px,6.8vw,34px);line-height:1.22;margin-bottom:12px}
  .dep-reading-cover{aspect-ratio:16/9;border-radius:9px;margin-bottom:21px}
  .dep-reading-cover-fallback{aspect-ratio:16/7}
  .dep-reading-content{font-size:15.5px;line-height:1.78}
  .dep-related-section{margin-top:38px;padding-top:24px}
  .dep-related-header{align-items:start;margin-bottom:16px}
  .dep-related-header h2{font-size:23px}
  .dep-related-all{font-size:12px}
  .dep-related-grid{grid-template-columns:1fr;gap:11px}
  .dep-related-card{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:104px;align-items:stretch;border-radius:9px}
  .dep-related-thumb{aspect-ratio:auto;height:100%}
  .dep-related-info{padding:12px 13px;min-width:0}
  .dep-related-info h3{font-size:14px;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .dep-related-info time{font-size:11px;margin-bottom:5px}
  .dep-related-read{font-size:11px}
  .dep-blog-index-heading{margin-bottom:22px}
  .dep-blog-index-heading h1{font-size:29px}
  .dep-blog-index-heading p{font-size:14px}
  .dep-blog-index-grid{grid-template-columns:1fr;gap:14px}
  /* Images sit above the text on phones so text inside covers stays legible. */
  .dep-index-card{display:flex;flex-direction:column;min-height:0}
  .dep-index-cover{width:100%;height:auto;aspect-ratio:auto}
  .dep-index-cover img{width:100%;height:auto;max-height:none;object-fit:contain}
  .dep-index-card-content{padding:13px 14px}
  .dep-index-card h2{font-size:16px;line-height:1.33;margin-bottom:8px}
  .dep-index-card p{font-size:12px;line-height:1.45;-webkit-line-clamp:2;margin:0 0 10px}
  .dep-index-card time,.dep-index-read{font-size:11px}
}
@media(max-width:359px){
 .dep-related-header{flex-wrap:wrap}
 .dep-related-card{grid-template-columns:98px minmax(0,1fr)}
 .dep-reading-heading h1{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.dep-related-thumb img{transition:none}}

/* Desktop-nav at the 992–1199 px breakpoint: prevent layout overflow without changing the global header. */
@media(min-width:992px) and (max-width:1199px){
 .dep-blog-page .header-area .navbar-brand{margin-right:12px!important}
 .dep-blog-page .header-area .navbar-nav .nav-link{padding-left:8px!important;padding-right:8px!important;font-size:13px!important}
 .dep-blog-page .header-area .header-cta-btn{padding-left:12px!important;padding-right:12px!important;font-size:12px!important}
 .dep-blog-page .header-area .d-lg-flex.ms-3{margin-left:8px!important}
}