/* Blog in the new design: blog page, articles, tags, categories and search. */
body.d101-blog-view { margin:0; background:#f6f8fc; }
.d101.b-main { --b-w:1180px; display:block; font-family:var(--d-body, 'Open Sans', Arial, sans-serif); color:var(--d-text, #3f444b); }
.d101 .b-wrap { width:100%; max-width:var(--b-w); margin-inline:auto; padding-inline:24px; box-sizing:border-box; }
.d101 .b-hero { position:relative; isolation:isolate; padding:54px 0 46px; background:var(--d-navy, #0a2540); color:#fff; }
.d101 .b-hero::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 85% 0%, rgba(26,115,232,.35), transparent 55%), linear-gradient(180deg, #0a2540, #0d2d4f); }
.d101 .b-hero h1 { max-width:900px; margin:10px 0 12px; font-family:var(--d-head); font-size:54px; line-height:60px; font-weight:800; letter-spacing:-.3px; color:#fff; }
.d101 .b-eyebrow { font-family:var(--d-head); font-size:18px; line-height:22px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:#a9c4f5; }
.d101 .b-sub { max-width:720px; margin:0 0 22px; font-size:18px; line-height:28px; color:#dbe4f3; }
.d101 .b-crumbs { display:flex; flex-wrap:wrap; gap:8px; font-size:14px; line-height:20px; color:#a9c4f5; }
.d101 .b-crumbs a { color:#dbe4f3; text-decoration:none; }
.d101 .b-crumbs a:hover { color:#fff; text-decoration:underline; }
.d101 .b-meta { display:flex; flex-wrap:wrap; gap:8px; margin:0; font-size:15px; line-height:22px; color:#b8c6dc; }
.d101 .b-search { display:flex; max-width:560px; margin:0 0 18px; border-radius:6px; overflow:hidden; background:#fff; box-shadow:0 14px 34px rgba(0,0,0,.18); }
.d101 .b-search input { flex:1 1 auto; min-width:0; height:54px; padding:0 16px; border:0; font-size:16px; color:var(--d-navy); outline:none; }
.d101 .b-search button { height:54px; padding:0 22px; border:0; background:var(--d-blue, #1849a9); color:#fff; font-family:var(--d-head); font-size:18px; font-weight:800; letter-spacing:.5px; text-transform:uppercase; cursor:pointer; }
.d101 .b-chips { display:flex; flex-wrap:wrap; gap:8px; }
.d101 .b-chips a { padding:7px 13px; border:1px solid rgba(255,255,255,.28); border-radius:999px; font-size:14px; line-height:18px; color:#fff; text-decoration:none; }
.d101 .b-chips a:hover, .d101 .b-chips a.is-on { background:#fff; color:var(--d-navy); }
.d101 .b-list { padding-block:42px 56px; }
.d101 .b-grid { display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px; }
.d101 .b-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--d-line, #e5e7eb); border-radius:12px; background:#fff; box-shadow:0 12px 30px rgba(10,37,64,.06); transition:transform .25s ease, box-shadow .25s ease; }
.d101 .b-card:hover { transform:translateY(-3px); box-shadow:0 20px 44px rgba(10,37,64,.12); }
.d101 .b-card-img { display:block; aspect-ratio:16/9; background:#e8eef8; overflow:hidden; }
.d101 .b-card-img img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.d101 .b-card:hover .b-card-img img { transform:scale(1.04); }
.d101 .b-card-ph { display:block; width:100%; height:100%; background:linear-gradient(135deg, #1849a9, #0a2540); }
.d101 .b-card-body { display:flex; flex-direction:column; flex:1 1 auto; padding:18px 18px 20px; }
.d101 .b-card-cat { margin-bottom:8px; font-family:var(--d-head); font-size:14px; line-height:18px; font-weight:700; letter-spacing:.6px; text-transform:uppercase; color:var(--d-blue); }
.d101 .b-card-title { margin:0 0 8px; font-family:var(--d-head); font-size:23px; line-height:28px; font-weight:700; }
.d101 .b-card-title a { color:var(--d-navy); text-decoration:none; }
.d101 .b-card-title a:hover { color:var(--d-blue); }
.d101 .b-card-ex { flex:1 1 auto; margin:0 0 12px; font-size:15px; line-height:23px; color:var(--d-text); }
.d101 .b-card-meta { font-size:13px; line-height:18px; color:#6b7280; }
.d101 .b-pages { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:34px; }
.d101 .b-pages .page-numbers { display:inline-grid; place-items:center; min-width:44px; height:44px; padding:0 12px; border:1px solid var(--d-line); border-radius:6px; background:#fff; color:var(--d-navy); font-family:var(--d-head); font-size:17px; font-weight:700; text-decoration:none; }
.d101 .b-pages .page-numbers.current, .d101 .b-pages a.page-numbers:hover { border-color:var(--d-blue); background:var(--d-blue); color:#fff; }
.d101 .b-empty { padding:40px 0; text-align:center; }
.d101 .b-layout { display:grid; grid-template-columns:minmax(0, 1fr) 340px; gap:40px; align-items:start; padding-block:36px 50px; }
.d101 .b-article { min-width:0; padding:30px 34px; border:1px solid var(--d-line); border-radius:14px; background:#fff; box-shadow:0 18px 44px rgba(10,37,64,.06); }
.d101 .b-feature { margin:-30px -34px 26px; overflow:hidden; border-radius:14px 14px 0 0; }
.d101 .b-feature img { display:block; width:100%; height:auto; }
.d101 .b-content { font-size:17.5px; line-height:30px; color:#33383f; overflow-wrap:break-word; }
.d101 .b-content > :first-child { margin-top:0; }
.d101 .b-content h2 { margin:38px 0 14px; font-family:var(--d-head); font-size:34px; line-height:40px; font-weight:800; color:var(--d-navy); }
.d101 .b-content h3 { margin:30px 0 10px; font-family:var(--d-head); font-size:26px; line-height:32px; font-weight:700; color:var(--d-navy); }
.d101 .b-content h4 { margin:24px 0 8px; font-family:var(--d-head); font-size:21px; line-height:26px; font-weight:700; color:var(--d-navy); }
.d101 .b-content p { margin:0 0 18px; }
.d101 .b-content a { color:var(--d-blue); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.d101 .b-content ul, .d101 .b-content ol { margin:0 0 20px; padding-left:24px; }
.d101 .b-content li { margin:0 0 8px; }
.d101 .b-content li::marker { color:var(--d-blue); }
.d101 .b-content strong { color:var(--d-navy); }
.d101 .b-content img { max-width:100%; height:auto; border-radius:10px; }
.d101 .b-content figure { margin:24px 0; }
.d101 .b-content figcaption { margin-top:8px; font-size:14px; line-height:20px; color:#6b7280; text-align:center; }
.d101 .b-content blockquote { margin:24px 0; padding:16px 20px; border-left:4px solid var(--d-blue); border-radius:0 10px 10px 0; background:#f3f7ff; font-size:18px; line-height:29px; color:var(--d-navy); }
.d101 .b-content table { width:100%; margin:0 0 22px; border-collapse:collapse; font-size:15.5px; line-height:23px; }
.d101 .b-content .wp-block-table, .d101 .b-content .table-wrap { overflow-x:auto; }
.d101 .b-content th, .d101 .b-content td { padding:10px 12px; border:1px solid var(--d-line); text-align:left; vertical-align:top; }
.d101 .b-content th { background:#f3f6fb; color:var(--d-navy); font-weight:700; }
.d101 .b-content hr { margin:32px 0; border:0; border-top:1px solid var(--d-line); }
.d101 .b-tags { display:flex; flex-wrap:wrap; gap:8px; margin:28px 0 0; padding-top:20px; border-top:1px solid var(--d-line); }
.d101 .b-tags a { padding:6px 12px; border:1px solid #cfd8e6; border-radius:999px; font-size:14px; line-height:18px; color:var(--d-navy); text-decoration:none; }
.d101 .b-tags a:hover { border-color:var(--d-blue); color:var(--d-blue); }
.d101 .b-inline-cta { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin:28px 0 0; padding:20px 22px; border-radius:12px; background:var(--d-navy); color:#fff; }
.d101 .b-inline-cta b { display:block; font-family:var(--d-head); font-size:24px; line-height:29px; font-weight:800; }
.d101 .b-inline-cta span { display:block; font-size:15px; line-height:22px; color:#dbe4f3; }
.d101 .b-btn { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:10px 22px; border-radius:3px; background:var(--d-blue); color:#fff !important; font-family:var(--d-head); font-size:18px; line-height:22px; font-weight:800; letter-spacing:.6px; text-transform:uppercase; text-decoration:none !important; transition:background .2s ease; }
.d101 .b-btn:hover { background:#123a8a; }
.d101 .b-inline-cta .b-btn { background:#fff; color:var(--d-blue) !important; }
.d101 .b-btn.is-alt { border:1.5px solid var(--d-blue); background:#fff; color:var(--d-blue) !important; }
.d101 .b-side { position:sticky; top:96px; }
.d101 .b-offer { padding:22px; border:1px solid var(--d-line); border-radius:14px; background:#fff; box-shadow:0 18px 44px rgba(10,37,64,.08); }
.d101 .b-offer-tag { display:flex; align-items:center; justify-content:space-between; gap:8px; margin:-22px -22px 16px; padding:10px 16px; border-radius:14px 14px 0 0; background:#dc3131; color:#fff; font-family:var(--d-head); font-size:16px; line-height:20px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }
.d101 .b-offer-tag i { font-style:normal; font-variant-numeric:tabular-nums; }
.d101 .b-offer h3 { margin:0 0 6px; font-family:var(--d-head); font-size:26px; line-height:30px; font-weight:800; color:var(--d-navy); }
.d101 .b-offer > p { margin:0 0 14px; font-size:15px; line-height:22px; }
.d101 .b-offer-price { display:flex; align-items:baseline; gap:8px; margin-bottom:14px; }
.d101 .b-offer-price s { font-family:var(--d-head); font-size:20px; color:#6b7280; }
.d101 .b-offer-price b { font-family:var(--d-head); font-size:44px; line-height:46px; font-weight:800; color:var(--d-navy); }
.d101 .b-offer-price span { font-size:14px; color:var(--d-text); }
.d101 .b-offer .b-btn { width:100%; margin-bottom:10px; box-sizing:border-box; }
.d101 .b-link { display:block; margin:0 0 12px; text-align:center; font-weight:700; color:var(--d-blue); text-decoration:underline; text-underline-offset:3px; }
.d101 .b-offer-small { margin:4px 0 0; font-size:13px; line-height:19px; color:#6b7280; text-align:center; }
.d101 .b-related { padding:6px 0 56px; }
.d101 .b-related h2 { margin:0 0 18px; font-family:var(--d-head); font-size:34px; line-height:40px; font-weight:800; color:var(--d-navy); }
.d101 .b-comments { margin-top:30px; padding-top:20px; border-top:1px solid var(--d-line); }
@media (max-width:1024px) {
  .d101 .b-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .d101 .b-layout { grid-template-columns:minmax(0, 1fr); }
  .d101 .b-side { position:static; }
}
@media (max-width:767px) {
  .d101 .b-wrap { padding-inline:16px; }
  .d101 .b-hero { padding:34px 0 30px; }
  .d101 .b-hero h1 { font-size:36px; line-height:41px; }
  .d101 .b-sub { font-size:16px; line-height:25px; }
  .d101 .b-grid { grid-template-columns:minmax(0, 1fr); gap:16px; }
  .d101 .b-list { padding-block:26px 40px; }
  .d101 .b-layout { padding-block:18px 30px; gap:18px; }
  .d101 .b-article { padding:20px 18px; border-radius:12px; }
  .d101 .b-feature { margin:-20px -18px 20px; border-radius:12px 12px 0 0; }
  .d101 .b-content { font-size:17px; line-height:28px; }
  .d101 .b-content h2 { font-size:28px; line-height:33px; }
  .d101 .b-content h3 { font-size:23px; line-height:28px; }
  .d101 .b-inline-cta .b-btn { width:100%; }
  .d101 .b-related h2 { font-size:28px; line-height:33px; }
}