/* === Preview-only styles (NOT for production) === */
    /* html {
      box-sizing: border-box;
      width: 100%;
      overflow-x: hidden;
    }
    *, *::before, *::after {
      box-sizing: inherit;
    }
    body {
      margin: 0;
      padding: 0;
      background: #ffffff;
      width: 100%;
    } */
	.wp-singular.skd-new-design header {margin-bottom: 0!important;}
	.block.image {margin: 32px 0 0!important;}
.skd-blog-new .container-fluid {max-width: 740px;}
    /* — Skedulo nav bar — exact match to live site — */
    .preview-nav {
      width: 100%;       /* explicit full width — prevents sticky from collapsing narrower */
      background: #ffffff;
      padding: 0;
      height: 75px;
      position: sticky;
      top: 0;
      z-index: 100;
      font-family: 'Inter', sans-serif;
      box-shadow: none;
      transition: box-shadow 0.3s ease;
    }

    /* Inner wrapper — matches live site: max-width 1356px, padding 0 52px */
    .preview-nav__inner {
      max-width: 1356px;
      margin: 0 auto;
      padding: 0 52px;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    /* Soft shadow appears on scroll — matches live site: rgba(0,0,0,0.15) 0 4px 16px */
    .preview-nav.is-scrolled {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 16px 0px;
    }

    .preview-nav__left {
      display: flex;
      align-items: center;
      gap: 32px;
    }

    .preview-nav__logo img {
      height: 32px;
      width: auto;
      display: block;
    }

    .preview-nav__links {
      display: flex;
      align-items: center;
      gap: 0;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .preview-nav__links a {
      color: #002755;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      padding: 0 14px;
      transition: opacity 0.2s;
      white-space: nowrap;
    }

    .preview-nav__links a:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    .preview-nav__right {
      display: flex;
      align-items: center;
      gap: 20px;
    }

    .preview-nav__right a {
      color: #002755;
      text-decoration: none;
      font-size: 15px;
      font-weight: 500;
      white-space: nowrap;
    }

    .preview-nav__right a:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    /* CTA button — exact live site: bg #FFC967, color #002755, radius 4px, px 22px, 15px/600 */
    .preview-nav__cta {
      background: rgb(255, 201, 103) !important;
      color: #002755 !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      padding: 9px 22px !important;
      border-radius: 4px !important;
      transition: opacity 0.2s;
      opacity: 1 !important;
    }

    .preview-nav__cta:hover {
      opacity: 0.75 !important;
    }

    /* — Viewport — */
    .preview-viewport {
      max-width: 100%;
      margin: 0 auto;
      background: #fff;
      padding-bottom: 96px;
    }

    /* ─── Two-column layout: article + sidebar ─── */
    .preview-layout {
      display: grid;
      grid-template-columns: 1fr 300px;
      gap: 0 48px;
      max-width: 1140px;
      margin: 0 auto;
      align-items: start;
      padding: 0 24px;
    }

    .preview-layout__main {
      min-width: 0; /* prevents grid blowout */
    }

    /* ─── Sticky sidebar ─── */
    .preview-layout__sidebar {
      position: sticky;
      top: 91px; /* clears the 75px nav + 16px breathing room */
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding-top: 48px; /* aligns visually with first module */
    }

    /* ─── TOC card ─── */
    .skd-toc {
      background: #EEF4FA;
      border-radius: 10px;
      padding: 24px;
    }

    .skd-toc__heading {
      font-family: var(--skd-font-heading, 'Manrope', sans-serif);
      font-size: 15px;
      font-weight: 800;
      color: #002755;
      margin: 0 0 16px;
      letter-spacing: -0.01em;
    }

    .skd-toc__list {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .skd-toc__item {
      border-top: 1px solid rgba(66, 84, 102, 0.2);
    }

    .skd-toc__link {
      display: block;
      padding: 11px 0;
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.4;
      color: #425466;
      text-decoration: none;
      transition: opacity 0.2s, font-weight 0.2s;
    }

    .skd-toc__link:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    /* Active section — Inter SemiBold + blue */
    .skd-toc__item.is-active .skd-toc__link {
      color: #0055FF;
      font-weight: 600;
    }

    /* Divider between TOC list and CTA white box */
    .skd-toc__divider {
      border: none;
      margin: 16px 0 0;
    }

    /* ─── Sidebar CTA — white inner box inside the #EEF4FA outer card ─── */
    .skd-sidebar-cta {
      background: #ffffff;
      border-radius: 2px;
      padding: 20px;
    }

    .skd-sidebar-cta__heading {
      font-family: var(--skd-font-heading, 'Manrope', sans-serif);
      font-size: 15px;
      font-weight: 800;
      color: #002755;
      line-height: 1.35;
      margin: 0 0 16px;
      letter-spacing: -0.01em;
    }

    .skd-sidebar-cta__input {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 11px 18px;
      border: 1px solid rgba(66, 84, 102, 0.2);
      border-radius: 200px;
      text-align: center;
      font-family: 'Inter', sans-serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: #aab4c4;
      outline: none;
      margin-bottom: 10px;
      transition: border-color 0.2s;
    }

    .skd-sidebar-cta__input:focus {
      border-color: #0055FF;
      color: #002755;
    }

    .skd-sidebar-cta__btn {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding: 12px 16px;
      background: transparent;
      color: #fff;
      border: none;
      border-radius: 200px;
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      text-align: center;
      margin-bottom: 16px;
      position: relative;
      isolation: isolate;
    }

    .skd-sidebar-cta__btn::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: 200px;
      background: #0055FF;
      transition: opacity 0.2s;
      z-index: -1;
    }

    .skd-sidebar-cta__btn:hover::before {
      opacity: 0.75;
    }

    .skd-sidebar-cta__share {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      margin-bottom: 14px;
    }

    .skd-sidebar-cta__share a {
      display: flex;
      align-items: center;
      opacity: 0.55;
      transition: opacity 0.2s;
    }

    .skd-sidebar-cta__share a:hover {
      opacity: 1;
    }

    .skd-sidebar-cta__share img {
      display: block;
    }

    .skd-sidebar-cta__disclaimer {
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      color: #9aa5b8;
      text-align: center;
      margin: 0;
      line-height: 1.5;
    }

    /* ─── Skedulo Footer — exact match to live site ─── */
    /* Live site: white bg, rgb(94,101,132) text, Sofia Pro → Inter fallback  */
    /* Column padding: 26px each side; link hover: rgb(13,120,230)            */
    .preview-footer {
      background: #ffffff;
      color: rgb(94, 101, 132);
      font-family: 'Inter', sans-serif;
      border-top: 1px solid #eef4fa;
    }

    .preview-footer__inner {
      max-width: 1356px;
      margin: 0 auto;
      padding: 0 26px;  /* matches site's container-fluid 26px gutter */
    }

    /* Top: 6-column flex row — matches Bootstrap col-lg equal cols */
    .preview-footer__columns {
      display: flex;
      flex-wrap: wrap;
      padding: 0;
    }

    .preview-footer__col {
      flex: 1 1 0;
      padding: 0 26px;
      min-width: 140px;
    }

    .preview-footer__col-heading {
      /* live site: 15px, 600, line-height 2.27, letter-spacing -0.1px */
      font-size: 15px;
      font-weight: 600;
      line-height: 2.27;
      letter-spacing: -0.1px;
      color: rgb(94, 101, 132);
      margin: 30px 0 11px;
    }

    .preview-footer__col ul {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .preview-footer__col ul li a {
      /* live site: 13px, line-height 2.15, letter-spacing 0.1px */
      display: block;
      color: rgb(94, 101, 132);
      text-decoration: none;
      font-size: 13px;
      line-height: 2.15;
      letter-spacing: 0.1px;
      transition: opacity 0.2s;
    }

    .preview-footer__col ul li a:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    /* Contact + Social column */
    .preview-footer__col--contact {
      display: flex;
      flex-direction: column;
    }

    /* Phone: live site uses .tel — 17px, 600, #0055FF blue */
    .preview-footer__phone {
      display: block;
      color: rgb(0, 85, 255);
      font-size: 17px;
      font-weight: 600;
      line-height: 1.65;
      letter-spacing: 0.1px;
      text-decoration: none;
    }

    .preview-footer__phone:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    /* Social: live site uses justify-content: space-between in a flex row */
    .preview-footer__social {
      display: flex;
      justify-content: space-between;
      list-style: none;
      margin: 0;
      padding: 0;
      max-width: 96px;  /* keep icons close like the live site */
    }

    .preview-footer__social a {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .preview-footer__social svg {
      width: 20px;
      height: 20px;
      fill: rgb(94, 101, 132);
    }

    .preview-footer__social a {
      transition: opacity 0.2s;
    }

    .preview-footer__social a:hover {
      opacity: 0.75;
    }

    /* Bottom row: padding 50px 0 — logo left, privacy+copyright right */
    .preview-footer__bottom {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      padding: 50px 26px;
    }

    /* Logo: live site 128×32px, navy SVG (no invert needed on white bg) */
    .preview-footer__logo img {
      width: 128px;
      height: 32px;
      display: block;
    }

    .preview-footer__legal {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      gap: 4px;
    }

    .preview-footer__legal a {
      color: rgb(94, 101, 132);
      font-size: 13px;
      text-decoration: none;
    }

    .preview-footer__legal a:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    .preview-footer__copy {
      color: rgb(94, 101, 132);
      font-size: 13px;
      margin: 0;
    }

    /* — Preview utility — */
    .preview-section-break {
      text-align: center;
      padding: 40px 24px;
      font-family: 'Inter', sans-serif;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #999;
      border-top: 2px dashed #ddd;
      margin-top: 48px;
    }

    /* ─── Collapsible TOC bar — mobile/tablet (≤1280px) ─── */
    .skd-toc-bar {
      display: none; /* hidden on desktop — sidebar handles it */
      background: #EEF4FA;
      border-radius: 10px;
      overflow: hidden;
      margin: 40px var(--skd-gutter) 0;
    }

    .skd-toc-bar__toggle {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 18px 24px;
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
    }

    .skd-toc-bar__label {
      font-family: var(--skd-font-heading, 'Manrope', sans-serif);
      font-size: 15px;
      font-weight: 800;
      color: #002755;
      letter-spacing: -0.01em;
    }

    .skd-toc-bar__chevron {
      width: 18px;
      height: 18px;
      flex-shrink: 0;
      transition: transform 0.25s ease;
      color: #002755;
    }

    .skd-toc-bar[data-open="true"] .skd-toc-bar__chevron {
      transform: rotate(180deg);
    }

    .skd-toc-bar__list {
      list-style: none;
      margin: 0;
      padding: 0 24px 16px;
      display: none;
    }

    .skd-toc-bar[data-open="true"] .skd-toc-bar__list {
      display: block;
    }

    .skd-toc-bar__item {
      border-top: 1px solid rgba(66, 84, 102, 0.2);
    }

    .skd-toc-bar__link {
      display: block;
      padding: 11px 0;
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.4;
      color: #425466;
      text-decoration: none;
      transition: opacity 0.2s;
    }

    .skd-toc-bar__link:hover {
      opacity: 0.75;
      text-decoration: none;
    }

    /* ═══════════════════════════════════════════════════
       RESPONSIVE BREAKPOINTS — preview chrome only
       (module styles handled in their own CSS files)
       ═══════════════════════════════════════════════════ */

    /* ── 1280px — sidebar collapses, inline TOC bar appears ── */
    @media (max-width: 1280px) {
      .preview-layout {
        grid-template-columns: 1fr;
        max-width: 788px; /* 740 + 24 gutter each side */
        padding: 0 24px;
        margin: 0 auto;
      }
      .preview-layout__sidebar {
        display: none;
      }
      .skd-toc-bar {
        display: block;
      }
    }

    /* ── 1024px — tablet: nav + footer tighten ── */
    @media (max-width: 1024px) {
      .preview-nav__inner {
        padding: 0 32px;
      }
      /* Hide less-important nav items */
      .preview-nav__links li:nth-child(n+4) {
        display: none;
      }
      .preview-nav__right a:not(.preview-nav__cta) {
        display: none;
      }
      .preview-footer__inner {
        padding: 0 32px;
      }
      .preview-footer__col {
        flex: 0 0 calc(33.333% - 52px);
        min-width: 140px;
      }
      .preview-footer__bottom {
        padding: 40px 0 28px;
      }
    }

    /* ── 768px — mobile ── */
    @media (max-width: 768px) {
      /* Nav: logo + CTA only */
      .preview-nav__links {
        display: none;
      }
      .preview-nav__inner {
        padding: 0 20px;
      }
      /* Layout — no side padding at mobile; skd-container gutter handles it */
      .preview-layout {
        padding: 0;
        max-width: 100%;
        margin: 0 auto;
      }
      .preview-viewport {
        padding-bottom: 64px;
      }
      /* Footer: 2 columns */
      .preview-footer__inner {
        padding: 0 20px;
      }
      .preview-footer__columns {
        flex-wrap: wrap;
      }
      .preview-footer__col {
        flex: 0 0 calc(50% - 26px);
        min-width: 0;
      }
      .preview-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 32px 0 28px;
      }
      .preview-footer__legal {
        align-items: flex-start;
      }
    }

    /* ── 480px — footer single column ── */
    @media (max-width: 480px) {
      .preview-footer__col {
        flex: 0 0 100%;
      }
      .preview-layout {
        padding: 0;
        margin: 0 auto;
      }
    }

    /* ── 375px — small mobile ── */
    @media (max-width: 375px) {
      .preview-nav__inner {
        padding: 0 16px;
      }
      .preview-nav__logo img {
        height: 26px;
      }
      .preview-nav__cta {
        font-size: 13px !important;
        padding: 8px 16px !important;
      }
    }
/* .new-design-sidebar {
	background-color:#EEF4FA;
	padding: 25px 30px;
	border-radius: 10px;
	font-size: 12px;
	line-height: 160%;
	font-weight: 500;
	margin-bottom: 45px;
	max-height: 60vh;
	overflow: auto;
}
.new-design-sidebar h5 {padding-top: 0;}
.new-design-sidebar ul.linking {
	border-top: 1px solid #4254660D;
	border-bottom: 1px solid #4254660D;
}
.new-design-sidebar ul.linking li a:hover,
.new-design-sidebar ul.linking li.active a {
	font-weight: 600;
	color: #0055FF;
}
.new-design-sidebar ul.linking li a {
	font-weight: 400;
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0%;
	color: #425466;
	text-decoration: none;
	padding: 10px 0;
	border-top: 1px solid #4254660D;
	border-bottom: 1px solid #4254660D;
	display: block;
	transition: all 0.25s ease-in-out 0.25s;
}
.new-design-sidebar .subscribe {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 17px 23px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	gap: 19px;
	margin-top: 19px;
	text-align:center;
}
.new-design-sidebar .subscribe h6 {
	font-weight: 800;
	font-size: 15px;
	line-height: 160%;
	letter-spacing: 0%;
	text-align: center;
	color: #002755;
	margin-bottom: 0;
}
.new-design-sidebar .social-icons {
	gap: 10px;
}
.new-design-sidebar form {gap: 19px;}

.new-design-sidebar input[type="email"] {
	border-radius: 5px;
	padding-top: 17px;
	padding-right: 22px;
	padding-bottom: 17px;
	padding-left: 22px;
	width: 100%;
	border: 1px solid #EEF4FA;
}
.new-design-sidebar input[type="email"]::placeholder {
	font-size:12px;
	line-height: 160%;
	letter-spacing: 11%;
	text-transform: uppercase;
}

.new-design-sidebar input[type="email"]::placeholder {
	font-weight: 500;
	color: #425466;
}

.new-design-sidebar .signup-btn {
	background: #0055FF;
	color: #ffffff;
}

.new-design-sidebar .sidebar-content-wrapper {
    overflow-y: auto;
}

.new-design-sidebar .sidebar-content-wrapper.collapsed {
    max-height: 0;
} */