/* Shared presentation for blog, Case Studies, EBook and News listings. */
.ti-hero.ti-blog-hero {
    min-height:500px;
    padding:80px 0;
    background:linear-gradient(110deg,#0b1d2e,#002b3f 55%,#00586a);
}
.ti-blog-hero::before {
    content:'';
    position:absolute;
    z-index:-1;
    inset:0;
    background:linear-gradient(110deg,rgba(4,24,40,.82),rgba(0,43,63,.76));
}
.ti-blog-hero .ti-hero__container { grid-template-columns:minmax(0,1000px); justify-content:center; }
.ti-hero.ti-blog-hero .ti-hero__copy,
.ti-hero.ti-blog-hero .ti-hero__heading,
.ti-hero.ti-blog-hero .ti-hero__heading * { text-align:center!important; }
.ti-blog-hero .ti-hero__heading > :last-child { margin-bottom:0; }
/* Reserve space inside the banner for the overlaid navigation. */
.ti-header-has-hero .ti-blog-hero { padding-top:calc(80px + var(--ti-toolbar-height,87px)); }
.single-post .section-similar-posts .text-wrap h4 a:hover { color:#007888; }
.ti-blog-featured { padding:64px 0; }
.ti-blog-featured-card { overflow:hidden; border:1px solid #d7e6ea; border-radius:24px; background:#f0f6f7; color:#002b3f; }
.ti-blog-featured-card__image { display:block; background:#002b3f; }
.ti-blog-featured-card__image img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; opacity:1!important; transform:none!important; }
.ti-blog-featured-card__body { padding:32px; }
.ti-blog-featured-card :is(h1,h2,p) { opacity:1!important; transform:none!important; }
.ti-blog-featured-card .ti-blog-featured-card__category { margin:0 0 16px; color:#006b78; font:600 12px/1.5 Inter,sans-serif; text-transform:uppercase; letter-spacing:1.2px; }
.ti-blog-featured-card :is(h1,h2) { margin:0 0 20px; font:400 clamp(24px,2.5vw,36px)/1.2 Poppins,sans-serif; overflow-wrap:anywhere; }
.ti-blog-featured-card :is(h1,h2) a { color:#002b3f; }
.ti-blog-featured-card :is(h1,h2) a:hover { color:#007888; }
.ti-blog-featured-card__meta { display:flex; flex-wrap:wrap; gap:8px 20px; color:#47616d; font:400 13px/1.5 Inter,sans-serif; }
.ti-blog-featured-card__excerpt { margin:20px 0 24px; }
.ti-blog-featured-card__excerpt p { margin:0 0 12px; color:#314f5e; font:400 16px/1.6 Inter,sans-serif; }
.ti-blog-featured-card__link { display:inline-flex; align-items:center; gap:12px; padding:13px 22px; border-radius:999px; background:#00adbb; color:#fff; font:500 14px/1.5 Inter,sans-serif; }
.ti-blog-featured-card__link:hover { color:#fff; background:#6fd9df; text-decoration:none; }
.ti-blog-featured-card a:focus-visible { outline:3px solid #007888; outline-offset:4px; }
.ti-blog-featured-card__image:focus-visible { outline-offset:-4px; }
.ti-blog-featured .post-preview-overlay { margin-bottom:20px; }
.ti-blog-featured .post-preview-overlay .image-wrap { border-radius:18px; background:#002b3f; }
.ti-blog-featured .post-preview-overlay .text-overlay { padding:24px; min-height:220px; background:linear-gradient(180deg,rgba(0,27,43,.38),rgba(0,27,43,.93)); }
.ti-blog-featured .post-preview-overlay .category,
.ti-blog-featured .post-preview-overlay .category a { color:#9ee6e9; }
.ti-blog-featured .post-preview-overlay .title { font:400 18px/1.35 Poppins,sans-serif; }
.ti-blog-featured .post-preview-overlay a:focus-visible { outline:2px solid white; outline-offset:4px; }
/* Keep portrait resource artwork fully visible inside the shared card proportions. */
.ti-resource-featured .ti-blog-featured-card__image img,
.ti-blog-listing.ti-resource-listing .post-preview.white-card .image-wrap img { object-fit:contain; background:#eaf2f4; }
.ti-resource-listing .post-filter-form.post-filter-form-v2 { grid-template-columns:minmax(0,1fr); max-width:520px; }
.ti-resource-listing .post-filter-form.post-filter-form-v2 .select-item { margin:0!important; }
/* Legacy News introductions remain available when authored or no leading hero exists. */
.ti-news-intro.section { padding:64px 0; background:#f0f6f7; color:#002b3f; }
.ti-news-intro :is(h1,h2,h3,h4,h5) { color:#002b3f; font-family:Poppins,sans-serif; }
.ti-news-intro h1 { font-size:clamp(32px,4vw,48px); }
.ti-news-intro p { color:#314f5e; font:400 16px/1.6 Inter,sans-serif; }
.ti-news-intro .media-inquiries-bg { background:none; }
.ti-news-intro .media-inquiries { width:100%; padding:28px; border:1px solid #d7e6ea; border-radius:20px; background:#fff; }
.ti-news-intro a { color:#007888; overflow-wrap:anywhere; }
@media(max-width:767px) {
    .ti-news-intro.section { padding:40px 0; }
    .ti-news-intro .col-6 { flex:0 0 100%; max-width:100%; }
    .ti-news-intro .media-inquiries { margin-top:24px; padding:24px; }
    .ti-hero.ti-blog-hero { min-height:360px; padding:56px 0; }
    .ti-header-has-hero .ti-blog-hero { padding-top:calc(56px + var(--ti-toolbar-height,64px)); }
    .ti-blog-featured { padding:32px 0; }
    .ti-blog-featured-card { margin-bottom:24px; border-radius:18px; }
    .ti-blog-featured-card__body { padding:24px; }
}

/* Listing filters and cards, including cards appended by Ajax Load More. */
.ti-blog-listing.section { padding:80px 0; background:#f0f6f7; }
.ti-blog-listing h2.h4 { margin:0 0 32px; color:#002b3f; font:400 clamp(30px,3.3vw,44px)/1.2 Poppins,sans-serif; }
.ti-blog-listing .post-filter-form { display:grid!important; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:12px; width:100%; max-width:960px; margin:0!important; }
.ti-blog-listing .post-filter-form .select-item { min-width:0; }
.ti-blog-listing .post-filter-form .or { margin:0!important; color:#536c77; font:400 13px/1.5 Inter,sans-serif; }
.ti-blog-listing .post-filter-form select { width:100%; min-width:0; min-height:52px; height:auto; padding:14px 36px 14px 16px; border:1px solid #bfd6dc; border-radius:12px; background-color:#fff; color:#002b3f; font:400 16px/1.4 Inter,sans-serif; letter-spacing:0; }
.ti-blog-listing .post-preview.white-card { overflow:hidden; border:1px solid #d7e6ea; border-radius:20px; padding:0; box-shadow:0 5px 20px #002b3f06; }
.ti-blog-listing .post-preview.white-card .image-wrap { min-height:0; margin:0; aspect-ratio:16/10; background:#dbecef; overflow:hidden; }
.ti-blog-listing .post-preview.white-card .thumbnail-link { display:block; width:100%; height:100%; }
.ti-blog-listing .post-preview.white-card .image-wrap img { width:100%; height:100%; object-fit:cover; }
.ti-blog-listing .post-preview.white-card .image-thumbnail { min-height:0; height:100%; padding:0; background:linear-gradient(120deg,#002b3f,#007888); }
.ti-blog-listing .post-preview.white-card .text-wrap { flex:1; padding:24px; }
.ti-blog-listing .post-preview.white-card .tag { margin:0 0 14px; color:#006b78; font:600 11px/1.5 Inter,sans-serif; letter-spacing:1px; text-transform:uppercase; }
.ti-blog-listing .post-preview.white-card .title { display:block; height:auto; max-height:none; margin:0 0 24px; padding:0; border:0; overflow:visible; -webkit-line-clamp:unset; }
.ti-blog-listing .post-preview.white-card .title a { display:block; color:#002b3f; font:400 22px/1.35 Poppins,sans-serif; white-space:normal; overflow:visible; overflow-wrap:anywhere; -webkit-line-clamp:unset; }
.ti-blog-listing .post-preview.white-card .excerpt { display:none; }
.ti-blog-listing .post-preview.white-card .read-more { margin-top:auto; padding-top:18px; border-top:1px solid #e2ecef; }
.ti-blog-listing .post-preview.white-card .read-more,
.ti-blog-related .post-card .read-more { display:flex; align-items:center; gap:10px; color:#007888; font:500 14px/1.5 Inter,sans-serif; }
.ti-blog-listing .read-more::after,
.ti-blog-related .read-more::after,
.ti-blog-cta .button::after { content:''; display:inline-block; flex:0 0 18px; width:18px; height:18px; background:currentColor; mask:url('../img/icons/ArrowUpRight.svg') center/contain no-repeat; -webkit-mask:url('../img/icons/ArrowUpRight.svg') center/contain no-repeat; }
.ti-blog-listing .post-preview.white-card a:hover,
.ti-blog-related .post-card a:hover { color:#005460; }
.ti-blog-listing :is(h2,p,img),
.ti-blog-related :is(h4,p,img),
.ti-blog-cta :is(h3,p,.button) { opacity:1!important; transform:none!important; }
.ti-blog-listing .alm-btn-wrap { padding:16px 0 0; }
.ti-blog-listing .alm-btn-wrap .alm-load-more-btn:not(.done),
.ti-blog-related .ti-blog-button,
.ti-blog-cta .button { display:inline-flex; align-items:center; justify-content:center; gap:12px; position:static; width:auto; max-width:100%; height:auto; min-height:50px; padding:14px 24px; border:1px solid #00adbb; border-radius:999px; background:#00adbb; color:#fff; font:500 14px/1.4 Inter,sans-serif; text-align:center; text-transform:none; text-shadow:none; box-shadow:none; white-space:normal; }
.ti-blog-listing .alm-btn-wrap .alm-load-more-btn:hover,
.ti-blog-related .ti-blog-button:hover,
.ti-blog-cta .button:hover { background:#6fd9df; border-color:#6fd9df; color:#fff; text-decoration:none; }
.ti-blog-listing .alm-btn-wrap .alm-load-more-btn.loading { padding-left:48px; }
.ti-blog-listing .alm-btn-wrap .alm-load-more-btn.done,
.ti-blog-listing .alm-btn-wrap .alm-load-more-btn:disabled { background:#dbecef; border-color:#bfd6dc; color:#47616d; cursor:default; }
:is(.ti-blog-listing,.ti-blog-related,.ti-blog-cta) :is(a,button,select):focus-visible { outline:3px solid #007888; outline-offset:4px; }

/* Stable three-column navigation keeps the index link centred at either end of the archive. */
.ti-blog-related.section { padding:64px 0; background:#f0f6f7; }
.ti-blog-related .ti-blog-post-nav { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:24px; padding-bottom:32px; border-bottom:1px solid #cddfe4; }
.ti-blog-post-nav__next { text-align:right; }
.ti-blog-related .ti-blog-post-nav :is(.prev-link,.next-link) { display:inline-flex; align-items:center; gap:10px; min-height:48px; min-width:0; width:auto; color:#007888; font:500 14px/1.5 Inter,sans-serif; text-transform:none; }
.ti-blog-related .ti-blog-post-nav :is(.prev-link,.next-link):hover { color:#002b3f; text-decoration:underline; text-underline-offset:4px; }
.ti-blog-related .single-news-block { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; }
.ti-blog-related .post-card { width:100%; max-width:none; margin:0!important; border:1px solid #d7e6ea; border-radius:20px; overflow:hidden; }
.ti-blog-related .post-card .image-wrap { position:relative; height:auto; aspect-ratio:16/9; background:#dbecef; }
.ti-blog-related .post-card .image-wrap a { display:block; height:100%; }
.ti-blog-related .post-card .image-wrap img { position:static; width:100%; height:100%; object-fit:cover; }
.ti-blog-related .post-card .text-wrap { display:flex; flex-direction:column; flex:1; padding:28px; }
.ti-blog-related .post-card h4 { margin:0 0 24px; font:400 clamp(22px,2.2vw,28px)/1.3 Poppins,sans-serif; overflow-wrap:anywhere; }
.ti-blog-related .post-card h4 a { color:#002b3f; font:inherit; }
.ti-blog-related .post-card .read-more { margin-top:auto; }

/* The existing HubSpot embed sits in a clean panel; no decorative legacy banner. */
.ti-blog-signup { padding:16px 0 80px; background:#f0f6f7; }
.ti-blog-signup__panel { padding:64px 40px; border-radius:28px; background:linear-gradient(115deg,#0b1d2e,#002b3f 60%,#00586a); }
.ti-blog-signup h2 { max-width:700px; margin:0 auto 32px; color:#fff; font:400 clamp(28px,3.2vw,42px)/1.2 Poppins,sans-serif; text-align:center; }
.ti-blog-signup__form { max-width:760px; margin:0 auto; padding:32px; border:1px solid #d7e6ea; border-radius:20px; background:#fff; color:#293442; }
.ti-blog-signup__form iframe { display:block; width:100%; max-width:100%; border:0; }
.ti-blog-signup__form .submitted-message { color:#002b3f; font:400 18px/1.5 Inter,sans-serif; }
.ti-blog-signup :is(p,li,img) { opacity:1!important; transform:none!important; }
.ti-blog-cta.section { padding:80px 24px; background:linear-gradient(115deg,#0b1d2e,#002b3f 60%,#00586a); }
.ti-blog-cta .banner-content { position:relative; padding:0; }
.ti-blog-cta h3 { max-width:720px; margin:0 auto 28px; color:#fff; font:400 clamp(28px,3.2vw,42px)/1.2 Poppins,sans-serif; }
.ti-blog-cta p { margin:0; }
.ti-blog-cta .border-gradient-outline::before { display:none; }
.ti-blog-cta .button:focus-visible { outline-color:#fff; }

/* Category pills, avatar and article links use the same restrained palette. */
.single-post .post-category-list { display:flex; flex-wrap:wrap; gap:10px; }
.single-post .post-category-list a { padding:7px 14px; margin:0; border:1px solid #c4dfe3; border-radius:999px; background:#edf7f8; color:#006b78; font:500 13px/1.5 Inter,sans-serif; }
.single-post .author-card { margin:32px 0; align-items:center; }
.single-post .author-card .author-image { flex:0 0 64px; width:64px; height:64px; border-radius:50%; box-shadow:none; }
.single-post .author-card .author-image img { width:100%; height:100%; object-fit:cover; }
.single-post .author-card .author-details { padding:0 0 0 16px; }
.single-post .section-page-article .article a:not(.button) { color:#007888; text-decoration:underline; text-underline-offset:3px; }
.single-post .section-page-article blockquote { border-color:#00adbb; }
@media(max-width:767px) {
    .ti-blog-listing.section,.ti-blog-related.section { padding:48px 0; }
    .ti-blog-listing .post-filter-form { grid-template-columns:minmax(0,1fr); gap:12px; }
    .ti-blog-listing .post-filter-form .or { display:none!important; }
    .ti-blog-listing .post-preview.white-card .text-wrap { padding:22px; }
    .ti-blog-related .ti-blog-post-nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    .ti-blog-related .ti-blog-post-nav .blog-url { display:inline-flex; grid-column:1/-1; grid-row:2; justify-self:center; }
    .ti-blog-post-nav__previous { grid-column:1; grid-row:1; }
    .ti-blog-post-nav__next { grid-column:2; grid-row:1; }
    .ti-blog-related .single-news-block { grid-template-columns:minmax(0,1fr); gap:24px; }
    .ti-blog-related .post-card .text-wrap { padding:24px; }
    .ti-blog-signup { padding-bottom:48px; }
    .ti-blog-signup__panel { padding:36px 20px; border-radius:20px; }
    .ti-blog-signup__form { padding:24px 20px; border-radius:16px; }
    .ti-blog-cta.section { padding:48px 24px; }
}