/*
Theme Name: Tech Striker Blog
Description: Lightweight native local theme for the Tech Striker Blog.
Version: 0.1.0
Text Domain: tech-striker-blog
*/
:root { --ts-navy:#13287E; --ts-orange:#FF4800; --ts-yellow:#FFE100; --ts-green:#47BF1C; --ts-white:#fff; --ts-surface:#F5F8FC; --ts-ink:#0D1A3A; --ts-muted:#4D5F7E; --ts-border:#E2E8F4; --ts-heading:"Bricolage Grotesque",Arial,sans-serif; --ts-body:"Plus Jakarta Sans",Arial,sans-serif; --ts-container:1280px; --ts-reading:760px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ts-white); color:var(--ts-ink); font:400 16px/1.7 var(--ts-body); }
a { color:var(--ts-navy); text-decoration-thickness:1.5px; text-underline-offset:3px; }
a:hover { color:var(--ts-orange); }
/* Shared-site header CTAs own their hover treatment. Keep Blog's generic link hover from recoloring their text. */
.site-header .header-cta:hover,.site-header .header-cta:focus-visible { color:var(--color-white); }
img { display:block; max-width:100%; height:auto; }
button,input,textarea,select { font:inherit; }
.ts-container { width:min(calc(100% - 48px),var(--ts-container)); margin-inline:auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap; }
.screen-reader-text:focus { z-index:100000; top:12px; left:12px; clip:auto; width:auto; height:auto; padding:10px 14px; background:#fff; color:var(--ts-ink); }
.ts-skip-link:focus { position:fixed; }
.ts-utility { display:block; background:var(--ts-navy); color:#fff; font-size:.78rem; }
.ts-utility__inner { display:flex; justify-content:space-between; gap:20px; padding:8px 0; }
.ts-utility a { color:#fff; text-decoration:none; }
.ts-header { position:sticky; z-index:20; top:0; border-bottom:1px solid var(--ts-border); background:rgba(255,255,255,.97); }
.ts-header__inner { display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:28px; }
.ts-brand { display:inline-flex; align-items:center; gap:10px; color:var(--ts-navy); font:800 1.35rem/1 var(--ts-heading); text-decoration:none; white-space:nowrap; }
.ts-brand__mark { display:grid; width:30px; height:30px; place-items:center; border-radius:10px; background:var(--ts-orange); color:#fff; font:900 1rem/1 var(--ts-heading); }
.ts-nav { display:flex; align-items:center; gap:22px; }
.ts-nav a { color:var(--ts-ink); font-size:.83rem; font-weight:700; text-decoration:none; }
.ts-nav a[aria-current="page"],.ts-nav a:hover { color:var(--ts-orange); }
.ts-button { display:inline-flex; min-height:44px; align-items:center; justify-content:center; border:1px solid var(--ts-orange); border-radius:10px; background:var(--ts-orange); color:#fff; padding:10px 16px; font-size:.8rem; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; }
.ts-button:hover { border-color:var(--ts-navy); background:var(--ts-navy); color:#fff; }
.ts-menu-toggle { display:none; border:1px solid var(--ts-border); border-radius:10px; background:#fff; color:var(--ts-navy); padding:9px 12px; font-weight:800; }
.ts-page-hero { padding:76px 0; background:linear-gradient(135deg,#f5f8fc 0%,#fff 70%); border-bottom:1px solid var(--ts-border); }
.ts-eyebrow { margin:0 0 12px; color:var(--ts-orange); font-size:.75rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.ts-page-hero h1,.ts-post-header h1,.ts-empty h1 { max-width:850px; margin:0; color:var(--ts-ink); font:800 clamp(2.25rem,5vw,4.4rem)/1.03 var(--ts-heading); letter-spacing:-.045em; }
.ts-page-hero p:last-child { max-width:680px; margin:20px 0 0; color:var(--ts-muted); text-align:justify; text-align-last:left; }
.ts-topic-nav { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.ts-topic-nav a { border:1px solid var(--ts-border); border-radius:10px; background:#fff; color:var(--ts-navy); padding:8px 11px; font-size:.78rem; font-weight:800; text-decoration:none; }
.ts-topic-nav a:hover { border-color:var(--ts-orange); color:var(--ts-orange); }
.ts-section { padding:76px 0; }
.ts-section--surface { background:var(--ts-surface); }
.ts-section__head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
.ts-section__head h2 { margin:0; font:800 clamp(1.75rem,3vw,2.75rem)/1.08 var(--ts-heading); letter-spacing:-.035em; }
.ts-section__head p { max-width:560px; margin:0; color:var(--ts-muted); text-align:justify; text-align-last:left; }
.ts-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ts-card { display:flex; min-width:0; flex-direction:column; border:1px solid var(--ts-border); border-top:4px solid var(--ts-navy); border-radius:10px; background:#fff; padding:24px; box-shadow:0 10px 24px rgba(13,26,58,.05); }
.ts-card:nth-child(3n+2) { border-top-color:var(--ts-orange); }.ts-card:nth-child(3n) { border-top-color:var(--ts-green); }
.ts-card__meta,.ts-post-meta { color:var(--ts-muted); font-size:.78rem; font-weight:700; }
.ts-card__category { color:var(--ts-orange); font-size:.73rem; font-weight:800; text-decoration:none; text-transform:uppercase; }
.ts-card h2 { margin:13px 0 0; font:800 1.35rem/1.18 var(--ts-heading); letter-spacing:-.02em; }.ts-card h2 a { color:var(--ts-ink); text-decoration:none; }.ts-card h2 a:hover { color:var(--ts-orange); }
.ts-card__excerpt { margin:14px 0 20px; color:var(--ts-muted); font-size:.9rem; text-align:justify; text-align-last:left; }.ts-card__link { margin-top:auto; color:var(--ts-orange); font-size:.82rem; font-weight:800; text-decoration:none; }
.ts-pagination { display:flex; justify-content:center; gap:8px; margin-top:38px; }.ts-pagination .page-numbers { border:1px solid var(--ts-border); border-radius:10px; padding:8px 12px; font-weight:800; text-decoration:none; }.ts-pagination .current { border-color:var(--ts-navy); background:var(--ts-navy); color:#fff; }
.ts-breadcrumbs { padding:20px 0; color:var(--ts-muted); font-size:.78rem; }.ts-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0; list-style:none; }.ts-breadcrumbs li+li::before { margin-right:7px; color:var(--ts-orange); content:"/"; }.ts-breadcrumbs a { color:inherit; }
.ts-post-header { padding:34px 0 48px; background:var(--ts-surface); border-bottom:1px solid var(--ts-border); }.ts-post-header__inner { width:min(calc(100% - 48px),960px); margin:auto; }.ts-post-header h1 { font-size:clamp(2.2rem,5vw,4.25rem); }.ts-post-header .ts-post-meta { display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:22px; }.ts-post-header__category { color:var(--ts-orange); font-size:.78rem; font-weight:800; text-decoration:none; text-transform:uppercase; }
.ts-article-layout { display:grid; grid-template-columns:minmax(0,var(--ts-reading)) 220px; justify-content:center; gap:58px; padding:76px 0; }.ts-article { min-width:0; }.ts-article > .tsb-post { overflow-wrap:anywhere; }.ts-article p,.ts-article li { color:#253a5f; text-align:justify; text-align-last:left; }.ts-article p { margin:0 0 1.25em; }.ts-article h2,.ts-article h3,.ts-article h4 { margin:1.85em 0 .65em; color:var(--ts-ink); font-family:var(--ts-heading); line-height:1.15; letter-spacing:-.025em; }.ts-article h2 { font-size:clamp(1.65rem,3vw,2.35rem); }.ts-article h3 { font-size:1.45rem; }.ts-article ul,.ts-article ol { padding-left:1.35em; }.ts-article blockquote { margin:1.8em 0; border-left:4px solid var(--ts-orange); background:var(--ts-surface); padding:18px 22px; color:var(--ts-ink); font-family:var(--ts-heading); font-size:1.22rem; }.ts-article img { margin:1.8em auto; border-radius:10px; }.ts-article table { display:block; width:100%; overflow-x:auto; border-collapse:collapse; margin:1.8em 0; }.ts-article td,.ts-article th { border:1px solid var(--ts-border); padding:12px; text-align:left; }.ts-article th { background:var(--ts-surface); color:var(--ts-navy); }.ts-article iframe { max-width:100%; }.ts-article .elementor { all:unset; }
.ts-toc { position:sticky; top:104px; align-self:start; border-left:2px solid var(--ts-border); padding-left:18px; }.ts-toc strong { display:block; color:var(--ts-navy); font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; }.ts-toc ol { margin:12px 0 0; padding-left:17px; }.ts-toc li { margin:7px 0; font-size:.78rem; }.ts-toc a { color:var(--ts-muted); text-decoration:none; }
.ts-cta { display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; margin:0 0 76px; border-radius:10px; background:var(--ts-navy); padding:32px; color:#fff; }.ts-cta h2 { margin:0; color:#fff; font:800 clamp(1.6rem,3vw,2.3rem)/1.1 var(--ts-heading); }.ts-cta p { margin:10px 0 0; color:rgba(255,255,255,.8); text-align:justify; text-align-last:left; }.ts-cta .ts-button { background:var(--ts-orange); }
.ts-related { padding:76px 0; background:var(--ts-surface); }.ts-author { display:flex; gap:14px; align-items:center; margin-top:28px; }.ts-author__tile { display:grid; width:42px; height:42px; place-items:center; border-radius:10px; background:#e8edf9; color:var(--ts-navy); font:800 1rem/1 var(--ts-heading); }.ts-author strong { display:block; }.ts-author span { color:var(--ts-muted); font-size:.8rem; }
.ts-footer { background:var(--ts-ink); color:#dce5f5; padding:64px 0 22px; }.ts-footer__grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:42px; }.ts-footer h2,.ts-footer h3 { margin:0; color:#fff; font-family:var(--ts-heading); }.ts-footer h2 { font-size:1.6rem; }.ts-footer h3 { font-size:.9rem; letter-spacing:.06em; text-transform:uppercase; }.ts-footer p,.ts-footer address { color:#c4d0e5; font-size:.85rem; font-style:normal; text-align:justify; text-align-last:left; }.ts-footer ul { margin:15px 0 0; padding:0; list-style:none; }.ts-footer li { margin:8px 0; }.ts-footer a { color:#fff; font-size:.84rem; text-decoration:none; }.ts-footer a:hover { color:var(--ts-orange); }.ts-footer__bottom { display:flex; justify-content:space-between; gap:20px; margin-top:44px; border-top:1px solid rgba(255,255,255,.16); padding-top:20px; color:#a9b9d3; font-size:.75rem; }.ts-empty { padding:100px 0; }.ts-search-form { display:flex; gap:10px; margin:24px 0; }.ts-search-form input { min-width:0; flex:1; border:1px solid var(--ts-border); border-radius:10px; padding:11px 13px; }
@media (max-width:1100px) { .ts-nav { gap:14px; }.ts-nav a { font-size:.75rem; }.ts-article-layout { grid-template-columns:minmax(0,var(--ts-reading)); }.ts-toc { display:none; } }
@media (max-width:980px) { .ts-utility { display:none; }.ts-menu-toggle { display:block; }.ts-nav { position:absolute; top:76px; right:0; left:0; display:none; flex-direction:column; align-items:stretch; gap:0; border-bottom:1px solid var(--ts-border); background:#fff; padding:12px 24px 20px; }.ts-nav.is-open { display:flex; }.ts-nav a { padding:11px 0; font-size:.9rem; }.ts-nav .ts-button { margin-top:8px; }.ts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.ts-footer__grid { grid-template-columns:1fr 1fr; } }
@media (max-width:700px) { .ts-container { width:min(calc(100% - 36px),var(--ts-container)); }.ts-header__inner { min-height:68px; }.ts-nav { top:68px; }.ts-page-hero,.ts-section,.ts-related { padding:36px 0; }.ts-section__head,.ts-cta { grid-template-columns:1fr; display:grid; }.ts-grid,.ts-footer__grid { grid-template-columns:1fr; }.ts-article-layout { padding:36px 0; }.ts-post-header__inner { width:min(calc(100% - 36px),960px); }.ts-post-header { padding:22px 0 34px; }.ts-cta { margin-bottom:36px; padding:24px; }.ts-footer { padding-top:48px; }.ts-footer__bottom { flex-direction:column; }.ts-article table { font-size:.86rem; } }
.ts-blog-hero { padding:58px 0 42px; background:linear-gradient(118deg,#f5f8fc 0%,#fff 64%); }.ts-blog-hero__inner { display:grid; grid-template-columns:minmax(0,720px) 1fr; gap:42px; align-items:end; }.ts-blog-hero h1 { max-width:680px; font-size:clamp(2.35rem,4.7vw,4rem); }.ts-blog-hero .ts-topic-nav { justify-content:flex-end; margin:0; }.ts-featured { padding-top:64px; }.ts-featured__story { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); overflow:hidden; border:1px solid var(--ts-border); border-radius:10px; background:#fff; box-shadow:0 16px 34px rgba(13,26,58,.07); }.ts-featured__visual { min-height:360px; background:#e8edf9; }.ts-featured__visual img { width:100%; height:100%; object-fit:cover; }.ts-featured__visual--abstract,.ts-card__image--abstract { display:grid; place-items:center; background:linear-gradient(135deg,var(--ts-navy),#2542ad 65%,var(--ts-orange)); color:#fff; }.ts-featured__visual--abstract span { max-width:220px; font:800 clamp(2rem,4vw,3.4rem)/1 var(--ts-heading); letter-spacing:-.05em; text-align:center; }.ts-featured__content { display:flex; flex-direction:column; justify-content:center; padding:clamp(30px,5vw,66px); }.ts-featured__content h2 { margin:15px 0 0; font:800 clamp(2rem,4vw,3.45rem)/1.05 var(--ts-heading); letter-spacing:-.045em; }.ts-featured__content h2 a { color:var(--ts-ink); text-decoration:none; }.ts-featured__content h2 a:hover { color:var(--ts-orange); }.ts-featured__content p { margin:21px 0 26px; color:var(--ts-muted); text-align:justify; text-align-last:left; }.ts-featured__content > div:last-child { display:flex; flex-wrap:wrap; align-items:center; gap:17px; }.ts-grid--latest { grid-template-columns:repeat(3,minmax(0,1fr)); }.ts-card--refined { overflow:hidden; padding:0; border-top-width:3px; }.ts-card__image { display:block; height:188px; background:#e8edf9; }.ts-card__image img { width:100%; height:100%; object-fit:cover; }.ts-card__image--abstract { color:#fff; font:800 1.25rem/1 var(--ts-heading); }.ts-card__body { display:flex; min-height:258px; flex:1; flex-direction:column; padding:22px; }.ts-card__body h2 { margin-top:12px; font-size:1.28rem; }.ts-card__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; }.ts-topic-section .ts-section__head { margin-bottom:24px; }.ts-post-header { padding:28px 0 42px; background:linear-gradient(120deg,#f5f8fc,#fff); }.ts-post-header h1 { max-width:900px; font-size:clamp(2.15rem,4.6vw,4rem); }.ts-post-meta { align-items:center; }.ts-post-meta span:not(:last-child)::after { margin-left:15px; color:var(--ts-border); content:"•"; }.ts-article-visual { margin-top:42px; }.ts-article-visual img { width:min(100%,920px); max-height:500px; margin:auto; border:1px solid var(--ts-border); border-radius:10px; object-fit:cover; }.ts-article-layout { gap:66px; padding-top:64px; }.ts-article { font-size:1.04rem; line-height:1.78; }.ts-article p { margin-bottom:1.45em; }.ts-article h2 { margin-top:2em; font-size:clamp(1.7rem,3vw,2.25rem); }.ts-article h3 { margin-top:1.7em; font-size:1.45rem; }.ts-article li { margin:.45em 0; }.ts-article blockquote { margin:2.1em 0; border-left-width:5px; padding:24px 26px; }.ts-article figure { margin:2em 0; }.ts-article figcaption { margin-top:10px; color:var(--ts-muted); font-size:.82rem; text-align:center; }.ts-article a { color:var(--ts-navy); font-weight:700; }.ts-article a:hover { color:var(--ts-orange); }.ts-toc { width:210px; border:1px solid var(--ts-border); border-radius:10px; background:#fff; padding:17px 18px; box-shadow:0 9px 18px rgba(13,26,58,.04); }.ts-toc ol { max-height:58vh; overflow:auto; }.ts-toc li { margin:9px 0; line-height:1.35; }.ts-toc li[data-level="3"] { margin-left:11px; }.ts-cta--contextual { margin-top:0; }.ts-related { padding:64px 0 76px; }
@media (max-width:980px) { .ts-blog-hero__inner { grid-template-columns:1fr; gap:24px; }.ts-blog-hero .ts-topic-nav { justify-content:flex-start; }.ts-featured__story { grid-template-columns:1fr; }.ts-featured__visual { min-height:270px; }.ts-article { font-size:1rem; } }
@media (max-width:700px) { .ts-blog-hero { padding:42px 0 34px; }.ts-featured { padding-top:36px; }.ts-featured__visual { min-height:210px; }.ts-featured__content { padding:28px 22px; }.ts-featured__content h2 { font-size:2rem; }.ts-grid--latest { grid-template-columns:1fr; }.ts-card__image { height:205px; }.ts-card__body { min-height:0; }.ts-card__footer { margin-top:8px; }.ts-post-meta span:not(:last-child)::after { display:none; }.ts-post-meta { display:grid; gap:5px; }.ts-article-layout { padding-top:36px; }.ts-article { font-size:1rem; line-height:1.74; }.ts-article blockquote { padding:19px 20px; font-size:1.12rem; }.ts-article-visual { margin-top:24px; }.ts-article-visual img { border-radius:10px; }.ts-topic-section .ts-grid { grid-template-columns:1fr; } }
.ts-archive-hero { padding:48px 0 40px; }.ts-archive-hero h1 { font-size:clamp(2.15rem,4vw,3.5rem); }.ts-result-count { margin:16px 0 0; color:var(--ts-muted); font-size:.9rem; font-weight:700; text-align:left; }.ts-archive-description { max-width:700px; margin-top:16px; color:var(--ts-muted); }.ts-archive-description p { text-align:justify; text-align-last:left; }.ts-pagination { display:flex; justify-content:center; margin-top:42px; }.ts-pagination .page-numbers { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; margin:0; padding:0; list-style:none; }.ts-pagination .page-numbers li { margin:0; }.ts-pagination a,.ts-pagination span { display:inline-flex; min-width:42px; min-height:42px; align-items:center; justify-content:center; border:1px solid var(--ts-border); border-radius:10px; background:#fff; padding:8px 12px; color:var(--ts-navy); font-size:.8rem; font-weight:800; text-decoration:none; }.ts-pagination a:hover { border-color:var(--ts-orange); color:var(--ts-orange); }.ts-pagination .current { border-color:var(--ts-navy); background:var(--ts-navy); color:#fff; }.ts-pagination .dots { border-color:transparent; background:transparent; }.ts-no-results { max-width:620px; border:1px solid var(--ts-border); border-top:4px solid var(--ts-orange); border-radius:10px; background:var(--ts-surface); padding:34px; }.ts-no-results h2 { margin:0; font:800 clamp(1.8rem,3vw,2.5rem)/1.1 var(--ts-heading); }.ts-no-results p:not(.ts-eyebrow) { max-width:500px; color:var(--ts-muted); text-align:justify; text-align-last:left; }.ts-404 { padding:82px 0 66px; background:linear-gradient(135deg,var(--ts-surface),#fff); }.ts-404 h1 { max-width:720px; }.ts-404 p:not(.ts-eyebrow) { max-width:560px; color:var(--ts-muted); text-align:justify; text-align-last:left; }
@media (max-width:700px) { .ts-archive-hero { padding:36px 0 30px; }.ts-pagination { justify-content:flex-start; overflow:auto; }.ts-pagination .page-numbers { justify-content:flex-start; flex-wrap:nowrap; }.ts-no-results { padding:26px 22px; }.ts-404 { padding:58px 0 42px; } }

/* Phase 2F: local Blog chrome synchronized with the coded Tech Striker site. */
.ts-site-header{position:sticky;top:0;z-index:30;background:#fff;box-shadow:0 4px 14px rgba(13,26,58,.04)}.ts-utility{min-height:38px;background:var(--ts-navy);color:#fff}.ts-utility__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:38px;padding:0}.ts-utility__side,.ts-utility__trust,.ts-utility__side a{display:flex;align-items:center;gap:7px}.ts-utility__side{font-size:.68rem;font-weight:700}.ts-utility__side--sales{justify-content:flex-end}.ts-utility svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ts-utility a{color:#fff;text-decoration:none}.ts-utility a:hover{color:var(--ts-yellow)}.ts-utility i{width:1px;height:14px;background:rgba(255,255,255,.35)}.ts-utility__trust{color:var(--ts-yellow);font-size:.7rem;font-weight:800}.ts-main-header{border-bottom:1px solid var(--ts-border);background:#fff}.ts-main-header__inner{display:flex;min-height:78px;align-items:center;gap:18px}.ts-brand{display:inline-flex;width:182px;flex:0 0 182px;align-items:center}.ts-brand img{width:100%;height:auto}.ts-desktop-nav{display:flex;min-width:0;align-self:stretch;align-items:stretch;gap:2px;margin-left:auto}.ts-desktop-nav> a,.ts-nav-menu>button{display:inline-flex;min-height:44px;align-items:center;gap:4px;border:0;background:transparent;padding:0 10px;color:var(--ts-ink);font:800 .75rem/1 var(--ts-body);text-decoration:none;text-transform:uppercase;cursor:pointer}.ts-desktop-nav> a:hover,.ts-desktop-nav> a[aria-current=page],.ts-nav-menu>button:hover,.ts-nav-menu.is-open>button{background:#eef2ff;color:var(--ts-navy)}.ts-nav-menu{position:relative;display:flex;align-items:center}.ts-nav-menu button svg,.ts-mobile-accordion button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ts-nav-panel{position:absolute;top:calc(100% + 8px);left:0;display:none;border:1px solid var(--ts-border);border-radius:10px;background:#fff;padding:16px;box-shadow:0 16px 35px rgba(13,26,58,.15)}.ts-nav-menu.is-open .ts-nav-panel{display:grid}.ts-nav-panel a{color:var(--ts-ink);font:700 .78rem/1.35 var(--ts-body);text-decoration:none}.ts-nav-panel a:hover{color:var(--ts-orange)}.ts-nav-panel--company{width:250px}.ts-nav-panel--company a{display:grid;gap:4px}.ts-nav-panel span{color:var(--ts-muted);font-size:.72rem;font-weight:600}.ts-nav-panel--services{grid-template-columns:repeat(3,minmax(135px,1fr));gap:18px;width:620px}.ts-nav-panel--services>div{display:grid;align-content:start;gap:8px}.ts-panel-heading{margin-bottom:3px;color:var(--ts-navy)!important;font-weight:800!important}.ts-panel-cta{display:inline-flex!important;align-items:center;gap:6px;align-self:end;color:var(--ts-orange)!important;font-weight:800!important}.ts-panel-cta svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.ts-nav-panel--industries{width:300px;gap:8px}.ts-header-actions{display:flex;align-items:center;gap:10px}.ts-header-actions__secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid var(--ts-green);border-radius:10px;padding:0 13px;background:var(--ts-green);color:#fff;font:800 .7rem/1 var(--ts-body);text-decoration:none;text-transform:uppercase}.ts-header-actions__secondary:hover{background:#3ba716;color:#fff}.ts-header-actions .ts-button{min-height:46px;padding:0 14px;font-size:.7rem;text-transform:uppercase}.ts-menu-toggle,.ts-mobile-menu{display:none}
.ts-site-footer{overflow:hidden;border-top:1px solid var(--ts-border);background-color:var(--ts-surface);background-image:repeating-linear-gradient(0deg,rgba(19,40,126,.035) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,rgba(19,40,126,.035) 0 1px,transparent 1px 34px);padding:28px 0 0}.ts-site-footer__cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;overflow:hidden;margin-bottom:64px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:var(--ts-navy);background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:34px 34px;padding:26px 30px;color:#fff}.ts-site-footer__cta p{margin:0 0 9px;color:var(--ts-yellow);font:800 .7rem/1.2 var(--ts-body);letter-spacing:.06em;text-transform:uppercase}.ts-site-footer__cta h2{max-width:575px;margin:0;color:#fff;font:900 clamp(1.45rem,2.3vw,2.05rem)/1.08 var(--ts-heading)}.ts-site-footer__cta span{display:block;max-width:575px;margin-top:9px;color:rgba(255,255,255,.78);font-size:.84rem}.ts-site-footer__cta-actions{display:flex;flex-wrap:wrap;gap:10px}.ts-site-footer__cta-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:0 14px;color:#fff;font:800 .72rem/1 var(--ts-body);text-decoration:none;text-transform:uppercase}.ts-site-footer__cta-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.ts-site-footer__cta-button--primary{background:var(--ts-orange)}.ts-site-footer__cta-button--secondary{background:var(--ts-green)}.ts-site-footer__cta-button:hover{color:#fff;filter:brightness(.9);transform:translateY(-2px)}.ts-site-footer__grid{display:grid;grid-template-columns:minmax(210px,.95fr) minmax(0,3.85fr);gap:42px}.ts-site-footer__brand> a:first-child{display:inline-flex;max-width:180px}.ts-site-footer__tagline{margin:16px 0 0!important;color:var(--ts-orange)!important;font:800 .78rem/1.25 var(--ts-body)!important;text-transform:uppercase}.ts-site-footer__brand>p:not(.ts-site-footer__tagline){max-width:270px;margin:12px 0 0;color:var(--ts-muted);font-size:.78rem;line-height:1.6;text-align:justify;text-align-last:left}.ts-site-footer__partners{display:grid;width:244px;gap:12px;margin-top:18px}.ts-site-footer__partners a,.ts-site-footer__linkedin{display:flex;align-items:center;border-radius:10px;padding:8px 10px;color:#fff;font:700 .82rem/1.3 var(--ts-body);text-decoration:none}.ts-site-footer__partners a:first-child{background:var(--ts-orange)}.ts-site-footer__partners a:last-child{background:var(--ts-green)}.ts-site-footer__linkedin{width:244px;margin-top:12px;background:var(--ts-navy);font-weight:800}.ts-site-footer__columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}.ts-site-footer__columns section{display:grid;align-content:start;gap:10px}.ts-site-footer__columns h2{margin:3px 0 6px;color:var(--ts-navy);font:800 .8rem/1.2 var(--ts-body);letter-spacing:.06em;text-transform:uppercase}.ts-site-footer__columns h2:before{display:inline-block;width:14px;height:3px;margin:0 10px 3px 0;background:var(--ts-orange);content:""}.ts-site-footer__columns a{color:var(--ts-muted);font:600 .84rem/1.35 var(--ts-body);text-decoration:none}.ts-site-footer__columns a:hover,.ts-site-footer__contact a:hover{color:var(--ts-orange)}.ts-site-footer__contact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border:1px solid var(--ts-border);border-top:4px solid var(--ts-navy);border-radius:10px;background:#fff;padding:22px 26px;box-shadow:0 10px 22px rgba(13,26,58,.05)}.ts-site-footer__contact>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:0 18px;border-left:1px solid var(--ts-border)}.ts-site-footer__contact>div:first-child{padding-left:0;border:0}.ts-site-footer__contact i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#fff0eb;color:var(--ts-orange)}.ts-site-footer__contact>div:nth-child(2) i{background:#eef8eb;color:var(--ts-green)}.ts-site-footer__contact>div:nth-child(3) i{background:#fff8d7;color:#a68200}.ts-site-footer__contact svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.ts-site-footer__contact p{margin:0;color:var(--ts-muted);font-size:.72rem;line-height:1.55;text-align:left}.ts-site-footer__contact strong,.ts-site-footer__contact a,.ts-site-footer__contact span{display:block}.ts-site-footer__contact strong{margin:1px 0 4px;color:var(--ts-ink);font:800 .7rem/1.2 var(--ts-body)}.ts-site-footer__contact a{color:var(--ts-muted);text-decoration:none}.ts-site-footer__bottom{margin-top:48px;border-top:1px solid var(--ts-border);padding:20px 0 22px}.ts-site-footer__bottom p{margin:0;color:var(--ts-muted);font:600 .7rem/1.4 var(--ts-body)}.ts-site-footer__bottom a{color:var(--ts-orange);text-decoration:none}
@media(max-width:1160px){.ts-brand{width:160px;flex-basis:160px}.ts-desktop-nav> a,.ts-nav-menu>button{padding:0 7px;font-size:.69rem}.ts-header-actions{gap:7px}.ts-header-actions__secondary,.ts-header-actions .ts-button{padding:0 10px;font-size:.64rem}}
@media(max-width:980px){.ts-utility{display:none}.ts-main-header__inner{min-height:76px}.ts-desktop-nav,.ts-header-actions{display:none}.ts-menu-toggle{display:grid;width:43px;height:43px;margin-left:auto;place-items:center;border:1px solid var(--ts-border);border-radius:10px;background:#fff;cursor:pointer}.ts-menu-toggle>span:first-child,.ts-menu-toggle>span:first-child:before,.ts-menu-toggle>span:first-child:after{display:block;width:20px;height:2px;background:var(--ts-navy);content:""}.ts-menu-toggle>span:first-child:before{transform:translateY(-6px)}.ts-menu-toggle>span:first-child:after{transform:translateY(4px)}.ts-mobile-menu{position:absolute;top:100%;right:0;left:0;display:none;max-height:calc(100vh - 76px);overflow:auto;border-bottom:1px solid var(--ts-border);background:#fff;padding:14px 0 22px;box-shadow:0 12px 22px rgba(13,26,58,.08)}.ts-menu-open .ts-mobile-menu{display:block}.ts-mobile-accordion{border-bottom:1px solid var(--ts-border)}.ts-mobile-accordion button,.ts-mobile-menu__link{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;border:0;background:#fff;color:var(--ts-ink);font:800 .8rem/1 var(--ts-body);text-align:left;text-decoration:none;text-transform:uppercase}.ts-mobile-accordion>div{display:none;padding:0 0 8px}.ts-mobile-accordion.is-open>div{display:grid}.ts-mobile-accordion>div a{padding:9px 0;color:var(--ts-muted);font-size:.86rem;font-weight:700;text-decoration:none}.ts-mobile-menu__actions{display:grid;gap:10px;margin-top:18px}.ts-mobile-menu__actions>*{width:100%;min-height:46px}.ts-site-footer__grid{grid-template-columns:1fr;gap:38px}.ts-site-footer__columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.ts-site-footer__contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0}.ts-site-footer__contact>div:nth-child(3){padding:20px 0 0;border-top:1px solid var(--ts-border);border-left:0}}
@media(max-width:700px){.ts-site-footer__cta{grid-template-columns:1fr;gap:22px;padding:24px}.ts-site-footer__cta-actions{justify-content:flex-start}.ts-site-footer__contact{margin-top:34px;padding:20px}.ts-site-footer__contact>div{padding:0 14px}.ts-site-footer__bottom{margin-top:38px}.ts-container{width:min(calc(100% - 36px),var(--ts-container))}}
@media(max-width:420px){.ts-site-footer{padding-top:20px}.ts-site-footer__cta{margin-bottom:36px;padding:22px 20px}.ts-site-footer__cta-actions{display:grid}.ts-site-footer__cta-button{width:100%}.ts-site-footer__columns,.ts-site-footer__contact{grid-template-columns:1fr}.ts-site-footer__contact{gap:16px}.ts-site-footer__contact>div,.ts-site-footer__contact>div:nth-child(3){padding:16px 0 0;border-top:1px solid var(--ts-border);border-left:0}.ts-site-footer__contact>div:first-child{padding-top:0;border-top:0}}
.ts-site-header .ts-container,.ts-site-footer .ts-container{width:min(calc(100% - 32px),var(--ts-container))}.ts-site-header{box-shadow:0 18px 44px rgba(13,26,58,.08)}.ts-utility{font-family:var(--ts-body);font-size:.83rem;font-weight:700}.ts-utility__inner{gap:16px}.ts-utility__side{min-width:0;gap:10px;font-size:inherit}.ts-utility__trust{justify-self:center;color:#fff;white-space:nowrap}.ts-utility__trust svg{width:18px;height:18px;color:var(--ts-yellow)}.ts-utility__side a{gap:6px;white-space:nowrap}.ts-utility__side>a:first-child svg{width:16px;height:16px}.ts-utility-chat{min-height:28px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);padding:0 10px 0 8px;transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease}.ts-utility-chat svg{width:17px;height:17px;color:var(--ts-green)}.ts-utility-chat:hover{border-color:rgba(255,255,255,.34)!important;background:rgba(255,255,255,.14);color:#fff!important;transform:translateY(-1px)}.ts-main-header__inner{position:relative;gap:22px}.ts-desktop-nav{flex:1 1 auto;justify-content:flex-end;gap:13px;margin-left:0}.ts-desktop-nav> a,.ts-nav-menu>button{border-radius:10px;font:700 13px var(--ts-body);transition:background-color 160ms ease,color 160ms ease}.ts-header-actions .ts-button,.ts-header-actions__secondary{padding:0 18px;font:800 13px var(--ts-body);box-shadow:0 10px 19px rgba(255,72,0,.19);transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.ts-header-actions__secondary{box-shadow:0 8px 16px rgba(71,191,28,.13)}.ts-header-actions .ts-button:hover,.ts-header-actions__secondary:hover{transform:translateY(-1px)}.ts-menu-toggle b{font:800 .875rem/1 var(--ts-body);text-transform:uppercase}.ts-site-header :focus-visible,.ts-site-footer :focus-visible{outline:3px solid var(--ts-navy);outline-offset:3px}.ts-site-footer__cta-button:focus-visible{outline-color:var(--ts-yellow)}
@media(max-width:1160px){.ts-utility{font-size:.76rem}.ts-utility__inner{gap:10px}.ts-utility__side{gap:7px}.ts-utility-chat{padding-inline:7px 9px}.ts-main-header__inner{gap:14px}.ts-desktop-nav{gap:0}.ts-desktop-nav> a,.ts-nav-menu>button{padding:0 8px;font-size:11.8px}.ts-header-actions .ts-button,.ts-header-actions__secondary{padding:0 14px;font-size:11.8px}.ts-header-actions{gap:8px}}
@media(max-width:1080px) and (min-width:981px){.ts-utility__inner{grid-template-columns:1fr 1fr;grid-template-areas:'trust trust' 'hr sales';min-height:64px;gap:5px 14px;padding:7px 0}.ts-utility__side:first-child{grid-area:hr}.ts-utility__side--sales{grid-area:sales}.ts-utility__trust{grid-area:trust}}
@media(max-width:980px){.ts-brand{width:min(176px,48vw);flex-basis:auto}.ts-menu-toggle{display:inline-flex;width:auto;height:auto;min-height:44px;gap:8px;padding:0 14px}.ts-menu-toggle>span:first-child,.ts-menu-toggle>span:first-child:before,.ts-menu-toggle>span:first-child:after{width:18px;border-radius:2px;background:var(--ts-orange)}.ts-mobile-menu{position:fixed;top:var(--ts-mobile-menu-top,120px);bottom:0;max-height:none;border-top:1px solid var(--ts-border);padding:0;box-shadow:none}.ts-mobile-menu>.ts-container{padding:18px 0 28px}.ts-mobile-accordion button,.ts-mobile-menu__link{min-height:52px}.ts-mobile-menu__actions{padding-top:16px}.ts-mobile-menu__actions>*{min-height:46px}.ts-mobile-menu__actions .ts-button,.ts-mobile-menu__actions .ts-header-actions__secondary{font-size:13px;padding:0 18px}}
@media(max-width:700px){.ts-site-header .ts-container,.ts-site-footer .ts-container{width:min(calc(100% - 32px),var(--ts-container))}}
@media(prefers-reduced-motion:reduce){.ts-site-header *, .ts-site-footer *{animation:none!important;transition:none!important}}
.ts-desktop-nav--blog{gap:5px}.ts-site-footer__columns--blog{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px}.ts-site-footer__contact--blog{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}.ts-site-footer__contact--blog>div:nth-child(3){display:none}@media(max-width:980px){.ts-desktop-nav--blog{gap:0}.ts-site-footer__columns--blog{max-width:none}.ts-site-footer__contact--blog{max-width:none}}@media(max-width:420px){.ts-site-footer__columns--blog,.ts-site-footer__contact--blog{grid-template-columns:1fr}}
.ts-desktop-nav--blog .ts-blog-nav-current[aria-current="page"]{min-height:36px;margin-inline:1px;border-radius:10px;background:var(--ts-green);color:#fff;box-shadow:0 8px 16px rgba(71,191,28,.13)}.ts-desktop-nav--blog .ts-blog-nav-current[aria-current="page"]:hover{background:#3dad18;color:#fff;box-shadow:0 10px 19px rgba(71,191,28,.16);transform:translateY(-1px)}
.ts-desktop-nav--blog .ts-blog-nav-current[aria-current="page"]{height:46px;min-height:46px;max-height:46px;flex:0 0 auto;align-self:center;padding-inline:18px}
.ts-desktop-nav--blog{gap:15px}
.ts-article a.tsb-article-internal-link{font-size:calc(1em + 1px);font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ts-article a.tsb-article-internal-link--green{color:#238d16}.ts-article a.tsb-article-internal-link--red{color:#c83c18}.ts-article a.tsb-article-internal-link--blue{color:#1d4ed8}.ts-article a.tsb-article-internal-link--cyan{color:#087f8c}.ts-article a.tsb-article-internal-link:hover{text-decoration:none}.ts-article a.tsb-article-internal-link:focus-visible{outline:3px solid var(--ts-navy);outline-offset:3px}
.ts-card--refined{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}.ts-card--refined:hover{transform:translateY(-4px);border-color:#ccd7eb;box-shadow:0 18px 34px rgba(13,26,58,.12)}.ts-card--refined:hover .ts-card__image img{transform:scale(1.025)}.ts-card__image{overflow:hidden}.ts-card__image img{transition:transform 240ms ease}.ts-card__footer{padding-top:3px}.ts-article .tsb-related-reading{margin:2.2em 0;border-left:4px solid var(--ts-green);border-radius:0 10px 10px 0;background:#eef8eb;padding:17px 20px;color:var(--ts-ink);text-align:left}.ts-article .tsb-related-reading strong{display:block;margin-bottom:6px;color:var(--ts-navy);font:800 .78rem/1.2 var(--ts-body);letter-spacing:.06em;text-transform:uppercase}.ts-article table{min-width:620px;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(13,26,58,.04)}.ts-article table td,.ts-article table th{vertical-align:top}.ts-article a[href^="http"]:not(.tsb-article-internal-link){color:#4d5f7e;text-decoration-style:dotted}.ts-article a[href^="http"]:not(.tsb-article-internal-link):hover{color:var(--ts-orange);text-decoration-style:solid}@media(max-width:700px){.ts-article .tsb-related-reading{margin:1.8em 0;padding:16px 17px}.ts-article table{min-width:580px}.ts-card--refined:hover{transform:none}}

/* Phase 2N: editorial reading experience. */
.ts-article-layout{grid-template-columns:minmax(0,760px) minmax(280px,320px);gap:48px;align-items:start}.ts-article-sidebar{display:grid;gap:18px;min-width:0}.ts-toc{position:sticky;top:112px;z-index:1;width:auto;margin:0;border:1px solid var(--ts-border);border-radius:10px;background:#fff;padding:0;box-shadow:0 10px 22px rgba(13,26,58,.06)}.ts-toc summary{display:flex;min-height:48px;align-items:center;justify-content:space-between;padding:0 18px;color:var(--ts-navy);font:800 .76rem/1 var(--ts-body);letter-spacing:.08em;list-style:none;text-transform:uppercase;cursor:pointer}.ts-toc summary::-webkit-details-marker{display:none}.ts-toc summary::after{color:var(--ts-orange);content:'+';font-size:1.1rem}.ts-toc[open] summary{border-bottom:1px solid var(--ts-border)}.ts-toc[open] summary::after{content:'−'}.ts-toc ol{max-height:48vh;margin:0;padding:10px 18px 14px 32px;overflow:auto}.ts-toc li{margin:8px 0;font-size:.78rem;line-height:1.35}.ts-toc li[data-level="3"]{margin-left:10px}.ts-toc a{color:var(--ts-muted);font-weight:600;text-decoration:none}.ts-toc a:hover,.ts-toc a.is-active{color:var(--ts-orange)}.ts-toc a.is-active{font-weight:800}.ts-sidebar-card{border:1px solid var(--ts-border);border-radius:10px;background:#fff;padding:20px;box-shadow:0 10px 22px rgba(13,26,58,.05)}.ts-sidebar-card h2{margin:0;color:var(--ts-ink);font:800 1.3rem/1.13 var(--ts-heading);letter-spacing:-.025em}.ts-sidebar-card p:not(.ts-eyebrow){margin:11px 0 16px;color:var(--ts-muted);font-size:.84rem;line-height:1.6;text-align:left}.ts-sidebar-service{border-top:4px solid var(--ts-green);background:#eef8eb}.ts-sidebar-service .ts-eyebrow{margin-bottom:8px;color:#238d16}.ts-sidebar-service>a{display:inline-flex;align-items:center;min-height:38px;color:var(--ts-navy);font-size:.76rem;font-weight:800;text-decoration:none}.ts-sidebar-service>a:hover{color:var(--ts-orange)}.ts-sidebar-related{border-top:4px solid var(--ts-orange)}.ts-sidebar-related ol{display:grid;gap:13px;margin:16px 0 0;padding:0;list-style:none}.ts-sidebar-related li{display:grid;gap:3px}.ts-sidebar-related a{color:var(--ts-ink);font:700 .84rem/1.35 var(--ts-heading);text-decoration:none}.ts-sidebar-related a:hover{color:var(--ts-orange)}.ts-sidebar-related span{color:var(--ts-muted);font-size:.7rem;font-weight:700}.ts-sidebar-topics{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--ts-border);padding-top:18px}.ts-sidebar-topics strong{width:100%;color:var(--ts-navy);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.ts-sidebar-topics a{border:1px solid var(--ts-border);border-radius:10px;padding:6px 8px;color:var(--ts-muted);font-size:.72rem;font-weight:800;text-decoration:none}.ts-sidebar-topics a:hover{border-color:var(--ts-orange);color:var(--ts-orange)}.ts-article-visual{width:min(calc(100% - 48px),1128px);margin:42px auto 0}.ts-article-visual img{width:100%;max-width:760px;margin:0;max-height:460px}.ts-related{padding-top:64px}@media(max-width:980px){.ts-article-layout{grid-template-columns:minmax(0,760px);justify-content:center;gap:34px}.ts-toc{position:static;top:auto}.ts-article-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ts-toc,.ts-sidebar-topics{grid-column:1/-1}.ts-sidebar-topics{padding-top:0;border-top:0}.ts-sidebar-card{height:100%}}@media(max-width:700px){.ts-article-layout{gap:28px}.ts-article-sidebar{grid-template-columns:1fr;gap:14px}.ts-toc,.ts-sidebar-topics{grid-column:auto}.ts-toc summary{min-height:46px;padding-inline:16px}.ts-toc ol{max-height:none;padding:9px 16px 13px 30px}.ts-sidebar-card{padding:18px}.ts-sidebar-topics{padding-top:4px}.ts-article-visual{width:min(calc(100% - 36px),760px);margin-top:24px}.ts-article-visual img{max-height:320px;object-fit:cover}.ts-post-header h1{font-size:clamp(2rem,10vw,3rem)}.ts-author{margin-top:22px}.ts-related{padding-top:48px}}

/* Blog card system: category-led editorial panels. */
.ts-card--refined.ts-card--refined .ts-card__top h2 a,.ts-card--refined.ts-card--refined .ts-card__top h2 a:hover{color:#fff;text-decoration:none}.ts-card--refined.ts-card--refined .ts-card__top h2 a:focus-visible{outline:3px solid #fff;outline-offset:3px;text-decoration:none}
.ts-card--refined{min-height:0;border:1px solid var(--ts-border);border-top:0;border-radius:10px;background:#fff;box-shadow:0 10px 24px rgba(13,26,58,.06)}.ts-card--refined:hover{border-color:#c8d5eb;box-shadow:0 16px 30px rgba(13,26,58,.11);transform:translateY(-3px)}.ts-card--refined .ts-card__top{position:relative;display:flex;min-height:180px;flex:0 0 42%;flex-direction:column;justify-content:space-between;overflow:hidden;background-color:var(--ts-navy);background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;padding:20px 22px;color:#fff}.ts-card--refined .ts-card__top::after{position:absolute;right:-22px;bottom:-26px;width:132px;height:132px;border:1px solid rgba(255,255,255,.14);border-radius:10px;content:"";transform:rotate(15deg)}.ts-card--refined .ts-card__category{position:relative;z-index:1;display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.38);border-radius:4px;background:rgba(13,26,58,.18);padding:5px 8px;color:#fff;font-size:.67rem;font-weight:800;letter-spacing:.07em;line-height:1;text-decoration:none;text-transform:uppercase}.ts-card--refined .ts-card__top h2{position:relative;z-index:1;margin:22px 0 0;color:#fff;font:800 clamp(calc(1.32rem - 1px),calc(2vw - 1px),calc(1.64rem - 1px))/1.1 var(--ts-heading);letter-spacing:-.028em}.ts-card--refined .ts-card__top h2 a{color:#fff;text-decoration:none}.ts-card--refined .ts-card__top h2 a:hover{color:#fff;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.ts-card--refined .ts-card__body{min-height:0;padding:18px 22px 20px}.ts-card__byline{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ts-muted);font-size:.71rem;font-weight:700;line-height:1.2}.ts-card__author,.ts-card__byline time{display:inline-flex;align-items:center;gap:7px;min-width:0}.ts-card__avatar{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;overflow:hidden;border:2px solid var(--ts-navy);border-radius:6px;background:#eef2ff;color:var(--ts-navy);font:800 .78rem/1 var(--ts-heading)}.ts-card__avatar img{width:100%;height:100%;object-fit:cover}.ts-card__byline time{white-space:nowrap}.ts-card__byline time svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:var(--ts-navy);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ts-card--refined .ts-card__excerpt{display:-webkit-box;min-height:4.65em;margin:17px 0 0;overflow:hidden;color:var(--ts-muted);font-size:calc(.84rem + 1px);line-height:1.55;text-align:left;-webkit-box-orient:vertical;-webkit-line-clamp:3}.ts-card--refined .ts-card__link{display:inline-flex;align-items:center;gap:6px;margin-top:20px;color:var(--ts-orange);font-size:.8rem;font-weight:800;text-decoration:none}.ts-card--refined .ts-card__link span{font-size:1.05em;transition:transform 160ms ease}.ts-card--refined .ts-card__link:hover{color:var(--ts-navy)}.ts-card--refined .ts-card__link:hover span{transform:translateX(3px)}@media(max-width:980px){.ts-grid,.ts-grid--latest{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-card--refined .ts-card__top{min-height:176px}}@media(max-width:700px){.ts-grid,.ts-grid--latest{grid-template-columns:1fr}.ts-card--refined{min-height:0}.ts-card--refined .ts-card__top{min-height:166px;padding:19px 20px}.ts-card--refined .ts-card__body{min-height:0;padding:17px 20px 20px}.ts-card__byline{font-size:.7rem}.ts-card--refined .ts-card__excerpt{min-height:0}.ts-card--refined .ts-card__link{margin-top:20px}}@media(prefers-reduced-motion:reduce){.ts-card--refined,.ts-card--refined .ts-card__link span{transition:none!important}}

/* Blog homepage topic navigation: editorial tabs, not category buttons. */
.ts-blog-hero{padding-bottom:0;background-color:#f5f8fc;background-image:linear-gradient(rgba(119,145,187,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(119,145,187,.16) 1px,transparent 1px);background-size:42px 42px}.ts-blog-hero__inner{grid-template-columns:1fr}.ts-blog-hero .ts-topic-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0;margin:38px 0 0;border-bottom:1px solid #cfd9e9;overflow:visible}.ts-blog-hero .ts-topic-nav a{position:relative;display:inline-flex;min-height:46px;flex:0 0 auto;align-items:center;border:0;border-radius:0;background:transparent;padding:0 16px;color:var(--ts-muted);font-size:.82rem;font-weight:800;line-height:1.2;white-space:nowrap}.ts-blog-hero .ts-topic-nav a:first-child{padding-left:2px}.ts-blog-hero .ts-topic-nav a::after{position:absolute;right:16px;bottom:-1px;left:16px;height:3px;background:transparent;content:"";transition:background-color 160ms ease}.ts-blog-hero .ts-topic-nav a:first-child::after{left:2px}.ts-blog-hero .ts-topic-nav a:hover{color:var(--ts-navy)}.ts-blog-hero .ts-topic-nav a:hover::after{background:var(--ts-green)}.ts-blog-hero .ts-topic-nav a:focus-visible{z-index:1;outline:3px solid var(--ts-green);outline-offset:-3px}@media(max-width:700px){.ts-blog-hero{padding-bottom:0}.ts-blog-hero .ts-topic-nav{margin-top:30px}.ts-blog-hero .ts-topic-nav a{min-height:44px;padding-inline:13px;font-size:.76rem}.ts-blog-hero .ts-topic-nav a::after{right:13px;left:13px}.ts-blog-hero .ts-topic-nav a:first-child::after{left:2px}}
.ts-blog-hero .ts-topic-nav a.is-active{color:var(--ts-orange)}.ts-blog-hero .ts-topic-nav a.is-active::after{background:var(--ts-orange)}.ts-topic-results{padding-top:54px}.ts-topic-results__head{margin-bottom:28px}.ts-topic-results__head h2{margin:0;font:800 clamp(1.85rem,3.2vw,2.8rem)/1.08 var(--ts-heading);letter-spacing:-.035em}.ts-topic-results__status{margin:0;color:var(--ts-muted);font-weight:700;text-align:left}@media(max-width:700px){.ts-topic-results{padding-top:36px}.ts-topic-results__head{margin-bottom:22px}}

/* Card panels rotate through the approved palette; category identity stays on the badge. */

.ts-blog-hero h1 .ts-blog-hero__accent--orange{color:var(--ts-orange)}.ts-blog-hero h1 .ts-blog-hero__accent--green{color:var(--ts-green)}

/* Topic hover indicator keeps its current inset shape and uses the topic's own color. */
.ts-blog-hero .ts-topic-nav a[href*="/hubspot/"]:hover::after{background:#ff4800}.ts-blog-hero .ts-topic-nav a[href*="/marketing/"]:hover::after{background:#3f0993}.ts-blog-hero .ts-topic-nav a[href*="/pipedrive/"]:hover::after{background:#0f766e}.ts-blog-hero .ts-topic-nav a[href*="/revops/"]:hover::after{background:#d8031c}.ts-blog-hero .ts-topic-nav a[href*="/salesforce/"]:hover::after{background:#0891b2}.ts-blog-hero .ts-topic-nav a[href*="/seo/"]:hover::after{background:#087f8c}.ts-blog-hero .ts-topic-nav a[href*="/shopify/"]:hover::after{background:#47bf1c}.ts-blog-hero .ts-topic-nav a[href*="/wordpress/"]:hover::after{background:#13287e}

/* Selected topic: category-colored label with separate top and bottom lines. */
.ts-blog-hero .ts-topic-nav a.is-active::before{position:absolute;top:0;right:9px;left:9px;height:3px;background:transparent;content:""}.ts-blog-hero .ts-topic-nav a[href*="/hubspot/"].is-active{color:#ff4800}.ts-blog-hero .ts-topic-nav a[href*="/hubspot/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/hubspot/"].is-active::after{background:#ff4800}.ts-blog-hero .ts-topic-nav a[href*="/marketing/"].is-active{color:#3f0993}.ts-blog-hero .ts-topic-nav a[href*="/marketing/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/marketing/"].is-active::after{background:#3f0993}.ts-blog-hero .ts-topic-nav a[href*="/pipedrive/"].is-active{color:#0f766e}.ts-blog-hero .ts-topic-nav a[href*="/pipedrive/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/pipedrive/"].is-active::after{background:#0f766e}.ts-blog-hero .ts-topic-nav a[href*="/revops/"].is-active{color:#d8031c}.ts-blog-hero .ts-topic-nav a[href*="/revops/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/revops/"].is-active::after{background:#d8031c}.ts-blog-hero .ts-topic-nav a[href*="/salesforce/"].is-active{color:#0891b2}.ts-blog-hero .ts-topic-nav a[href*="/salesforce/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/salesforce/"].is-active::after{background:#0891b2}.ts-blog-hero .ts-topic-nav a[href*="/seo/"].is-active{color:#087f8c}.ts-blog-hero .ts-topic-nav a[href*="/seo/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/seo/"].is-active::after{background:#087f8c}.ts-blog-hero .ts-topic-nav a[href*="/shopify/"].is-active{color:#47bf1c}.ts-blog-hero .ts-topic-nav a[href*="/shopify/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/shopify/"].is-active::after{background:#47bf1c}.ts-blog-hero .ts-topic-nav a[href*="/wordpress/"].is-active{color:#13287e}.ts-blog-hero .ts-topic-nav a[href*="/wordpress/"].is-active::before,.ts-blog-hero .ts-topic-nav a[href*="/wordpress/"].is-active::after{background:#13287e}
.ts-blog-hero .ts-topic-nav a[data-ts-topic-all].is-active{border-radius:0;background:transparent;color:#000}.ts-blog-hero .ts-topic-nav a[data-ts-topic-all].is-active::before,.ts-blog-hero .ts-topic-nav a[data-ts-topic-all].is-active::after{background:#000}

/* Tighter Blog hero: preserve the bottom-attached topic row while removing excess air. */
.ts-blog-hero{padding-top:42px}.ts-blog-hero .ts-topic-nav{margin-top:20px}@media(max-width:700px){.ts-blog-hero{padding-top:34px}.ts-blog-hero .ts-topic-nav{margin-top:20px}}

/* Compact latest-post feature. The left panel reuses the editorial card language. */
.ts-featured{padding-top:48px;padding-bottom:56px}.ts-featured__head{margin-bottom:22px}.ts-featured__story--compact{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:280px}.ts-featured__visual--card{display:flex;min-height:280px;flex-direction:column;justify-content:space-between;background-color:var(--ts-navy);background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;padding:28px 30px;color:#fff}.ts-featured__visual--card .ts-card__category{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.48);border-radius:4px;background:rgba(13,26,58,.14);padding:6px 9px;color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.07em;line-height:1;text-transform:uppercase}.ts-featured__visual--card h3{max-width:560px;margin:34px 0 0;color:#fff;font:800 clamp(1.85rem,3.3vw,3rem)/1.08 var(--ts-heading);letter-spacing:-.04em}.ts-featured__visual--card h3 a{color:#fff;text-decoration:none}.ts-featured__visual--card h3 a:hover{text-decoration:none}.ts-featured__content--compact{padding:clamp(28px,4vw,48px)}.ts-featured__content--compact p{max-width:690px;margin:0 0 24px;font-size:.96rem;line-height:1.7}.ts-featured__content--compact>div:last-child{gap:16px}@media(max-width:980px){.ts-featured__story--compact{grid-template-columns:1fr}.ts-featured__visual--card{min-height:230px}.ts-featured__content--compact{padding:28px}}@media(max-width:700px){.ts-featured{padding-top:36px;padding-bottom:42px}.ts-featured__visual--card{min-height:210px;padding:24px 22px}.ts-featured__visual--card h3{font-size:2rem}.ts-featured__content--compact{padding:24px 22px}}
.ts-featured__visual--card h3{font:800 clamp(calc(1.32rem - 1px),calc(2vw - 1px),calc(1.64rem - 1px))/1.1 var(--ts-heading);letter-spacing:-.028em}

/* Shared Blog homepage section rhythm. */
:root{--ts-blog-section-padding:58px;--ts-blog-section-gap:58px}main>section.ts-page-hero+section.ts-section,main>section.ts-section+section.ts-section{margin-top:var(--ts-blog-section-gap)}@media(max-width:980px){:root{--ts-blog-section-padding:48px;--ts-blog-section-gap:42px}}@media(max-width:700px){:root{--ts-blog-section-padding:34px;--ts-blog-section-gap:24px}}

/* The featured section uses the shared section gap only on both sides. */
.ts-featured{padding-top:0;padding-bottom:0}

/* Filtered topic results use the same single shared gap after the hero. */
.ts-topic-results{padding-top:0;padding-bottom:0}

/* Homepage sections use internal padding for their vertical rhythm without stacked external margins. */
.ts-blog-home>.ts-section{padding-top:var(--ts-blog-section-padding);padding-bottom:var(--ts-blog-section-padding)}
main.ts-blog-home>section.ts-page-hero+section.ts-section,main.ts-blog-home>section.ts-section+section.ts-section{margin-top:0}

/* Article hero: Blog-hero rhythm with the article's card-panel color and no topic navigation. */
.ts-post-hero{border-bottom:0;background-color:var(--ts-navy);background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:28px 28px;color:#fff}.ts-post-hero h1{max-width:960px;color:#fff}.ts-post-hero .ts-post-header__category{display:inline-flex;margin:0 0 16px;border:1px solid rgba(255,255,255,.48);border-radius:4px;background:rgba(13,26,58,.14);padding:6px 9px;color:#fff;font-size:.68rem;letter-spacing:.07em;line-height:1;text-transform:uppercase}.ts-post-hero .ts-post-meta{color:rgba(255,255,255,.82)}.ts-post-hero .ts-post-meta span:not(:last-child)::after{color:rgba(255,255,255,.42)}.ts-post-hero .ts-author strong{color:#fff}.ts-post-hero .ts-author span{color:rgba(255,255,255,.82)}.ts-post-hero .ts-author__tile{background:#fff;color:var(--ts-navy)}


/* Single-post hero and reading layout align with the Blog's shared 1280px container. */
@media(min-width:1101px){body.single .ts-post-header__inner{width:min(calc(100% - 48px),var(--ts-container))}body.single .ts-article-layout{grid-template-columns:minmax(0,1fr) minmax(280px,320px)}}

/* Stable per-post card panels keep every card and its article hero in sync. */
.ts-card--panel-orange .ts-card__top,.ts-post-hero.ts-card--panel-orange,.ts-featured__visual--card.ts-card--panel-orange{background-color:#ff4800}.ts-card--panel-green .ts-card__top,.ts-post-hero.ts-card--panel-green,.ts-featured__visual--card.ts-card--panel-green{background-color:#47bf1c}.ts-card--panel-navy .ts-card__top,.ts-post-hero.ts-card--panel-navy,.ts-featured__visual--card.ts-card--panel-navy{background-color:#13287e}.ts-card--panel-cyan .ts-card__top,.ts-post-hero.ts-card--panel-cyan,.ts-featured__visual--card.ts-card--panel-cyan{background-color:#0891b2}.ts-card--panel-teal .ts-card__top,.ts-post-hero.ts-card--panel-teal,.ts-featured__visual--card.ts-card--panel-teal{background-color:#087f8c}.ts-card--panel-red .ts-card__top,.ts-post-hero.ts-card--panel-red,.ts-featured__visual--card.ts-card--panel-red{background-color:#d8031c}.ts-card--panel-purple .ts-card__top,.ts-post-hero.ts-card--panel-purple,.ts-featured__visual--card.ts-card--panel-purple{background-color:#3f0993}.ts-card--panel-deep-teal .ts-card__top,.ts-post-hero.ts-card--panel-deep-teal,.ts-featured__visual--card.ts-card--panel-deep-teal{background-color:#0f766e}

.ts-post-hero .ts-post-meta strong{color:#fff;font-weight:800}
.ts-post-hero__breadcrumbs{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:.78rem;font-weight:800}.ts-post-hero__breadcrumbs a{display:inline-flex;align-items:center;gap:6px;color:#fff;text-decoration:none}.ts-post-hero__breadcrumbs a:hover{text-decoration:underline;text-underline-offset:3px}.ts-post-hero__breadcrumbs svg{width:15px;height:15px;fill:currentColor}.ts-post-hero__breadcrumb-separator{color:rgba(255,255,255,.62)}

.ts-template-1 .tsb-content-icon{display:inline-block;width:1em;height:1em;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ts-template-1 .tsb-template-visual{margin:42px 0 46px;border:1px solid var(--ts-border);border-radius:10px;background:var(--ts-surface);padding:12px;box-shadow:0 12px 28px rgba(13,26,58,.06)}.ts-template-1 .tsb-template-visual img{display:block;width:100%;height:auto;border-radius:6px}.ts-template-1 .tsb-template-visual figcaption{margin:12px 8px 2px;color:var(--ts-muted);font-size:.82rem;line-height:1.5;text-align:left}
.ts-template-1 .tsb-checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px}.ts-template-1 .tsb-checklist-item{min-height:54px;border:1px solid #dce5f1;border-radius:10px;background:#fff;padding:15px 16px 15px 48px;box-shadow:0 5px 12px rgba(13,26,58,.035)}.ts-template-1 .tsb-checklist-item .tsb-content-icon{position:absolute;top:17px;left:16px;width:20px;height:20px;border-radius:5px;background:#fff3ee;padding:3px;stroke:var(--ts-orange)}.ts-template-1 .tsb-checklist-title>.tsb-content-icon{margin-right:8px;stroke:var(--ts-orange)}
@media(max-width:700px){.ts-template-1 .tsb-checklist-grid{grid-template-columns:1fr;gap:10px}}

/* Template 1: reusable single-column implementation-guide body system. */
body.single .ts-article-layout{display:block;width:min(calc(100% - 48px),760px);margin:0 auto;padding:64px 0 76px}.ts-template-1{font-size:1.03rem;line-height:1.82}.ts-template-1>*:first-child{margin-top:0}.ts-template-1 h2{position:relative;margin:76px 0 22px;padding-top:18px;font-size:clamp(1.85rem,3vw,2.55rem)}.ts-template-1 h2::before{position:absolute;top:0;left:0;width:46px;height:4px;border-radius:2px;background:var(--ts-orange);content:""}.ts-template-1 h3{margin:34px 0 12px;font-size:clamp(1.35rem,2vw,1.65rem)}.ts-template-1 p{margin-bottom:1.35em}.ts-template-1 .tsb-tldr{display:grid;grid-template-columns:auto 1fr;gap:16px;margin:0 0 28px;border:1px solid var(--ts-border)!important;border-left:4px solid var(--ts-navy)!important;border-radius:10px;background:var(--ts-surface)!important;padding:22px}.ts-template-1 .tsb-tldr-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:10px;background:var(--ts-navy)!important;color:#fff}.ts-template-1 .tsb-tldr-label{margin:0 0 6px;color:var(--ts-navy)!important;font:800 .76rem/1 var(--ts-body);letter-spacing:.09em;text-transform:uppercase}.ts-template-1 .tsb-tldr-text{margin:0;color:#253a5f;text-align:left}.ts-template-1 .tsb-hook{margin:30px 0 38px;border-left:4px solid var(--ts-green);background:#eef8eb;padding:22px 24px}.ts-template-1 .tsb-hook p{margin:0;color:var(--ts-ink);font:700 1.12rem/1.6 var(--ts-heading);text-align:left}.ts-template-1 .tsb-hook-attr{margin-top:12px;color:#238d16;font-size:.78rem;font-weight:800}.ts-template-1 .tsb-symptoms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:30px 0 46px}.ts-template-1 .tsb-symptom{position:relative;overflow:hidden;border:1px solid var(--ts-border);border-radius:10px;background:#fff;padding:20px;box-shadow:0 8px 18px rgba(13,26,58,.04)}.ts-template-1 .tsb-symptom-bar{position:absolute;top:0;right:0;left:0;height:4px}.ts-template-1 .tsb-symptom-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:10px}.ts-template-1 .tsb-symptom h3{margin:16px 0 8px;font-size:1.18rem}.ts-template-1 .tsb-symptom p{margin:0;font-size:.88rem;line-height:1.65;text-align:left}.ts-template-1 .tsb-data-flow{margin:30px 0 46px;overflow:hidden;border:1px solid var(--ts-border);border-radius:10px;background:#fff}.ts-template-1 .tsb-data-flow-title{background:var(--ts-navy);padding:16px 20px;color:#fff;font:800 1.05rem/1.2 var(--ts-heading)}.ts-template-1 .tsb-flow-header,.ts-template-1 .tsb-flow-row{display:grid;grid-template-columns:.75fr 1.55fr 1.5fr;gap:14px;align-items:start;padding:16px 20px}.ts-template-1 .tsb-flow-header{background:var(--ts-surface);color:var(--ts-navy);font-size:.72rem;font-weight:800;text-transform:uppercase}.ts-template-1 .tsb-flow-row{border-top:1px solid var(--ts-border);font-size:.86rem;line-height:1.55}.ts-template-1 .tsb-flow-row p,.ts-template-1 .tsb-flow-arrow{display:none}.ts-template-1 .tsb-flow-source{color:var(--ts-navy);font-weight:800}.ts-template-1 .tsb-fix-steps{display:grid;gap:16px;margin:30px 0 46px}.ts-template-1 .tsb-fix-step{display:grid;grid-template-columns:58px 1fr;gap:18px;border:1px solid var(--ts-border);border-radius:10px;background:#fff;padding:22px}.ts-template-1 .tsb-fix-step-num{display:grid;width:48px;height:48px;place-items:center;border-radius:10px;background:var(--ts-navy);color:#fff;font:800 .9rem/1 var(--ts-heading)}.ts-template-1 .tsb-fix-step-content h3{margin:0 0 10px}.ts-template-1 .tsb-fix-step-content p{margin:0;text-align:left}.ts-template-1 .tsb-fix-tag{display:inline-block;margin-top:14px;border-radius:4px;background:#e8edf9;padding:5px 8px;color:var(--ts-navy);font-size:.7rem;font-weight:800}.ts-template-1 .tsb-checklist,.ts-template-1 .tsb-takeaways{margin:30px 0 40px;border:1px solid var(--ts-border);border-radius:10px;background:var(--ts-surface);padding:24px}.ts-template-1 .tsb-checklist-title,.ts-template-1 .tsb-takeaways-title{margin-bottom:18px;color:var(--ts-ink);font:800 1.1rem/1.2 var(--ts-heading)}.ts-template-1 .tsb-checklist-grid{display:grid;gap:10px}.ts-template-1 .tsb-checklist-item{position:relative;padding-left:28px;font-size:.9rem;line-height:1.55}.ts-template-1 .tsb-checklist-item i{position:absolute;top:.36em;left:0;color:#238d16}.ts-template-1 .tsb-takeaways ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.ts-template-1 .tsb-takeaways li{position:relative;padding-left:30px;text-align:left}.ts-template-1 .tsb-takeaways-icon{position:absolute;top:.28em;left:0;display:grid;width:19px;height:19px;place-items:center;border-radius:4px;background:#238d16;color:#fff;font-size:.65rem}.ts-template-1 .tsb-cta-banner{margin:48px 0;border-radius:10px;background:var(--ts-navy)!important;padding:30px;color:#fff}.ts-template-1 .tsb-cta-banner h3{margin:0 0 12px;color:#fff;font-size:1.7rem}.ts-template-1 .tsb-cta-banner p{color:rgba(255,255,255,.82);text-align:left}.ts-template-1 .tsb-cta-list{display:grid;gap:8px;margin:18px 0}.ts-template-1 .tsb-cta-list-item{font-size:.88rem}.ts-template-1 .tsb-cta-buttons{display:flex;flex-wrap:wrap;gap:12px}.ts-template-1 .tsb-cta-buttons a{display:inline-flex;align-items:center;min-height:42px;border-radius:10px;padding:0 16px;font-size:.8rem;font-weight:800;text-decoration:none}.ts-template-1 .tsb-btn-red{background:var(--ts-orange);color:#fff}.ts-template-1 .tsb-btn-ghost{border:1px solid rgba(255,255,255,.5);color:#fff}.ts-template-1 .tsb-faq-wrap{margin:28px 0 0}.ts-template-1 .tsb-faq-grid{display:grid;gap:10px}.ts-template-1 .tsb-template-faq{border:1px solid var(--ts-border);border-radius:10px;background:#fff}.ts-template-1 .tsb-template-faq summary{display:grid;grid-template-columns:34px 1fr 24px;gap:12px;align-items:center;padding:18px;cursor:pointer;list-style:none;font:800 1rem/1.35 var(--ts-heading)}.ts-template-1 .tsb-template-faq summary::-webkit-details-marker{display:none}.ts-template-1 .tsb-faq-num{display:grid;width:30px;height:30px;place-items:center;border-radius:4px;background:var(--ts-surface);color:var(--ts-navy);font:800 .7rem/1 var(--ts-body)}.ts-template-1 .tsb-template-faq__icon{color:var(--ts-orange);font-size:1.35rem;text-align:right}.ts-template-1 .tsb-template-faq[open] .tsb-template-faq__icon{transform:rotate(45deg)}.ts-template-1 .tsb-template-faq__answer{border-top:1px solid var(--ts-border);padding:18px;color:#253a5f;line-height:1.7}.ts-template-1 .tsb-template-faq__answer .tsb-faq-a{display:block}
@media(max-width:700px){body.single .ts-article-layout{width:min(calc(100% - 36px),760px);padding:42px 0 52px}.ts-template-1{font-size:1rem;line-height:1.75}.ts-template-1 h2{margin-top:54px;font-size:clamp(1.7rem,8vw,2.15rem)}.ts-template-1 .tsb-tldr{grid-template-columns:1fr;padding:20px}.ts-template-1 .tsb-symptoms{grid-template-columns:1fr}.ts-template-1 .tsb-flow-header{display:none}.ts-template-1 .tsb-flow-row{grid-template-columns:1fr;gap:8px}.ts-template-1 .tsb-fix-step{grid-template-columns:1fr;padding:20px}.ts-template-1 .tsb-checklist,.ts-template-1 .tsb-takeaways{padding:20px}.ts-template-1 .tsb-cta-banner{padding:24px}.ts-template-1 .tsb-cta-buttons{display:grid}.ts-template-1 .tsb-cta-buttons a{justify-content:center}.ts-template-1 .tsb-template-faq summary{font-size:.95rem}}

/* Keep checklist copy clear of the tick, including when earlier component rules are loaded. */
.ts-template-1 .tsb-checklist-item{padding:15px 16px 15px 56px;font-weight:700;line-height:1.55}.ts-template-1 .tsb-checklist-item .tsb-content-icon{left:18px}

/* Key takeaways use two equal columns at desktop widths. */
.ts-template-1 .tsb-takeaways ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:14px}.ts-template-1 .tsb-takeaways li{min-width:0}@media(max-width:700px){.ts-template-1 .tsb-takeaways ul{grid-template-columns:1fr}}

/* CTA actions stay legible against their orange and navy treatments. */
.ts-template-1 .tsb-cta-banner .tsb-cta-buttons a,.ts-template-1 .tsb-cta-banner .tsb-cta-buttons a:visited,.ts-template-1 .tsb-cta-banner .tsb-cta-buttons a:hover,.ts-template-1 .tsb-cta-banner .tsb-cta-buttons a:focus{color:#fff!important}.ts-template-1 .tsb-cta-banner .tsb-cta-buttons a .tsb-content-icon{stroke:currentColor}

/* Template 1 guide rhythm: concise prose has a readable measure; the shell carries the structured elements. */
.ts-template-1>p{max-width:780px}.ts-template-1 .tsb-template-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,600px);gap:42px;align-items:center;margin:30px 0 46px}.ts-template-1 .tsb-template-split__copy{max-width:580px}.ts-template-1 .tsb-template-split__copy p{margin:0}.ts-template-1 .tsb-template-split .tsb-template-visual{width:100%;max-width:600px;margin:0;padding:10px}.ts-template-1 .tsb-template-split .tsb-template-visual img{width:100%;height:300px;object-fit:contain}.ts-template-1 .tsb-template-split .tsb-template-visual figcaption{margin-top:10px}@media(max-width:980px){.ts-template-1 .tsb-template-split{grid-template-columns:1fr;gap:24px}.ts-template-1 .tsb-template-split__copy{max-width:780px}.ts-template-1 .tsb-template-split .tsb-template-visual{max-width:600px}}@media(max-width:700px){.ts-template-1>p{max-width:none}.ts-template-1 .tsb-template-split{margin:24px 0 34px}.ts-template-1 .tsb-template-split .tsb-template-visual{padding:8px}.ts-template-1 .tsb-template-split .tsb-template-visual img{height:auto;max-height:260px;object-fit:contain}}
.ts-template-1 .tsb-template-visual--process{width:100%;max-width:none;margin:30px 0 42px;padding:10px}.ts-template-1 .tsb-template-visual--process img{height:230px;object-fit:contain}.ts-template-1 .tsb-template-visual--process figcaption{display:flex;align-items:baseline;gap:12px;margin:12px 4px 2px;color:var(--ts-navy);font:700 .88rem/1.3 var(--ts-body);text-align:left}.ts-template-1 .tsb-template-visual--process figcaption span{color:var(--ts-orange);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}@media(max-width:700px){.ts-template-1 .tsb-template-visual--process{margin:24px 0 34px;padding:8px}.ts-template-1 .tsb-template-visual--process img{height:auto;max-height:220px}}
.ts-template-1 .tsb-article-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;overflow:hidden;margin:46px 0;border-radius:10px;padding:30px 32px;color:#fff;background-color:var(--ts-post-accent,var(--ts-navy));background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:26px 26px}.ts-template-1 .tsb-article-cta--purple{--ts-post-accent:#3f0993}.ts-template-1 .tsb-article-cta--deep-teal{--ts-post-accent:#0f766e}.ts-template-1 .tsb-article-cta__copy{position:relative;z-index:1}.ts-template-1 .tsb-article-cta__eyebrow{margin:0 0 8px!important;color:var(--ts-yellow)!important;font:800 .75rem/1 var(--ts-body);letter-spacing:.09em;text-transform:uppercase;text-align:left}.ts-template-1 .tsb-article-cta h3{margin:0 0 10px!important;color:#fff!important;font-size:clamp(1.28rem,2vw,1.65rem)!important}.ts-template-1 .tsb-article-cta__copy>p:last-child{max-width:590px;margin:0!important;color:rgba(255,255,255,.9)!important;font-size:.9rem;line-height:1.6;text-align:left}.ts-template-1 .tsb-article-cta__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.ts-template-1 .tsb-article-cta__actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:0 15px;color:#fff!important;font:800 .75rem/1 var(--ts-body);text-decoration:none;text-align:center}.ts-template-1 .tsb-article-cta__primary{background:var(--ts-orange)}.ts-template-1 .tsb-article-cta__primary:hover{background:#e64000}.ts-template-1 .tsb-article-cta__secondary{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.08)}.ts-template-1 .tsb-article-cta__secondary:hover{background:rgba(255,255,255,.18)}@media(max-width:700px){.ts-template-1 .tsb-article-cta{grid-template-columns:1fr;margin:34px 0;padding:26px 22px}.ts-template-1 .tsb-article-cta__actions{justify-content:flex-start}.ts-template-1 .tsb-article-cta__actions a{width:100%}}
.ts-template-1 .tsb-cta-banner--purple{background-color:#3f0993!important;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)!important;background-size:26px 26px!important}

/* Template 1 guide layout: left article column with a normal-flow supporting panel. */
body.single .ts-article-layout--template-one{display:grid!important;grid-template-columns:minmax(0,880px) 360px;column-gap:40px;align-items:start;box-sizing:border-box;padding-right:0}.ts-article-layout--template-one .ts-article{min-width:0}.ts-article-panel{display:grid;gap:22px;align-self:start;min-width:0}.ts-article-panel__block{--panel-accent:var(--ts-navy);border:1px solid var(--ts-border);border-top:5px solid var(--panel-accent);border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(13,26,58,.07);padding:28px}.ts-article-panel__block--blue{--panel-accent:#13287e}.ts-article-panel__block--orange{--panel-accent:#ff4800}.ts-article-panel__block--cyan{--panel-accent:#00aeef}.ts-article-panel__block--green{--panel-accent:#47bf1c}.ts-article-panel__block--us-sales{--panel-accent:#ff4800}.ts-article-panel__eyebrow{margin:0 0 10px!important;color:var(--panel-accent);font:800 .72rem/1 var(--ts-body)!important;letter-spacing:.09em;text-align:left!important;text-transform:uppercase}.ts-article-panel__block h2{margin:0 0 10px;padding:0;color:var(--ts-ink);font:900 1.08rem/1.26 var(--ts-heading)}.ts-article-panel__block h2::before{display:none}.ts-article-panel__block>p:not(.ts-article-panel__eyebrow){margin:0 0 16px;color:var(--ts-muted);font-size:.86rem;line-height:1.62;text-align:left}.ts-article-panel__block a{color:var(--ts-ink);font-size:.86rem;font-weight:800;line-height:1.45;text-decoration:none}.ts-article-panel__block a:hover,.ts-article-panel__block a:focus{color:var(--panel-accent);text-decoration:underline;text-underline-offset:3px}.ts-article-panel__block> a{color:var(--panel-accent)}.ts-article-panel__phone{display:flex;min-height:52px;align-items:center;justify-content:center;gap:10px;border-radius:10px;background:var(--panel-accent);padding:12px 16px;color:#fff!important;font:800 1rem/1.2 var(--ts-heading)!important;letter-spacing:-.01em;transition:background-color 160ms ease,box-shadow 160ms ease,transform 160ms ease}.ts-article-panel__phone svg{width:19px;height:19px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ts-article-panel__phone span{color:inherit;font:inherit;white-space:nowrap}.ts-article-panel__phone:hover,.ts-article-panel__phone:focus-visible{background:#df3e00;color:#fff!important;box-shadow:0 10px 19px rgba(255,72,0,.19);text-decoration:none!important;transform:translateY(-1px)}.ts-article-panel__reading,.ts-article-panel__topics{display:grid;gap:14px;margin:0;padding:0;list-style:none}.ts-article-panel__reading li{display:grid;gap:5px}.ts-article-panel__reading span{color:var(--ts-muted);font-size:.72rem;line-height:1.35}.ts-article-panel__topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.ts-article-panel__topics a{font-size:.82rem}@media(max-width:1150px){body.single .ts-article-layout--template-one{display:block!important;padding-right:0}.ts-article-panel{grid-template-columns:1fr;margin-top:42px}.ts-article-panel__block{padding:24px}.ts-article-panel__topics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.ts-article-panel{gap:14px;margin-top:28px}.ts-article-panel__block{padding:24px 22px}}

/* FAQs always use their own full-width section, never the article column or right panel. */
.ts-template-one-faqs{padding:0 0 64px}.ts-template-one-faqs__content>h2{max-width:none}.ts-template-one-faqs__content .tsb-faq-wrap{max-width:none}@media(max-width:700px){.ts-template-one-faqs{padding-bottom:42px}}

/* The first visible guide component aligns with the first right-panel top border. */
.ts-article-layout--template-one .ts-template-1>p:first-child:empty{display:none}.ts-article-layout--template-one .ts-template-1>.tsb-tldr:first-of-type{margin-top:0}

/* The implementation steps use two equal columns until the mobile layout takes over. */
.ts-template-1 .tsb-fix-steps{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;row-gap:16px}@media(max-width:700px){.ts-template-1 .tsb-fix-steps{grid-template-columns:1fr}}

/* Checklist confirmation icons use the approved green success treatment. */
.ts-template-1 .tsb-checklist-item .tsb-content-icon{background:#eef8eb;stroke:var(--ts-green)}.ts-template-1 .tsb-checklist-title>.tsb-content-icon{stroke:var(--ts-green)}

/* Compact featured story: 70% of the previous 280px desktop height. */
@media(min-width:981px){.ts-featured__story--compact,.ts-featured__visual--card{min-height:196px}}

/* Template 1 major headings follow the shared Blog section-title scale. */
.ts-template-1>h2{font:800 clamp(1.75rem,3vw,2.75rem)/1.08 var(--ts-heading);letter-spacing:-.035em}

/* Global Blog section-heading system. H2 reuses the finalized card-title scale verbatim. */
:root{--ts-blog-heading-h2:clamp(calc(1.32rem - 1px),calc(2vw - 1px),calc(1.64rem - 1px));--ts-blog-heading-h3:clamp(1rem,1.5vw,1.2rem);--ts-blog-heading-line-height:1.1;--ts-blog-heading-tracking:-.028em}.ts-blog-heading--h2,.ts-section__head h2,.ts-topic-results__head h2,.ts-article h2,.ts-template-1>h2,.ts-template-one-faqs__content>h2,.ts-cta h2,.ts-no-results h2{font:800 var(--ts-blog-heading-h2)/var(--ts-blog-heading-line-height) var(--ts-heading);letter-spacing:var(--ts-blog-heading-tracking)}.ts-blog-heading--h3,.ts-article h3,.ts-template-1 h3,.ts-template-1 .tsb-symptom h3,.ts-template-1 .tsb-fix-step-content h3,.ts-template-1 .tsb-cta-banner h3,.ts-article-panel__block h2{font:800 var(--ts-blog-heading-h3)/1.2 var(--ts-heading);letter-spacing:var(--ts-blog-heading-tracking)}

/* Template 1 refinement: full shell reading layout, justified copy, local SVG icons, and shared-site FAQ cards. */
body.single .ts-article-layout{width:min(calc(100% - 48px),var(--ts-container));max-width:none;margin:0 auto}body.single .ts-article p,body.single .ts-article li,body.single .ts-article .tsb-fix-step-content p,body.single .ts-article .tsb-checklist-item,body.single .ts-article .tsb-faq-a,body.single .ts-article .tsb-hook p{text-align:justify;text-align-last:left}.ts-template-1 .tsb-inline-icon{display:inline-grid;place-items:center;vertical-align:middle}.ts-template-1 .tsb-inline-icon svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ts-template-1 .tsb-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}.ts-template-1 .tsb-faq-item{--faq-accent:var(--ts-green);position:relative;min-width:0;border:1px solid var(--ts-border);border-top:5px solid var(--faq-accent);border-radius:10px;background:#fff;box-shadow:0 12px 28px rgba(13,26,58,.07);padding:28px 28px 30px}.ts-template-1 .tsb-faq-item:nth-child(4n + 2){--faq-accent:var(--ts-navy)}.ts-template-1 .tsb-faq-item:nth-child(4n + 3){--faq-accent:var(--ts-orange)}.ts-template-1 .tsb-faq-item:nth-child(4n){--faq-accent:#00aeef}.ts-template-1 .tsb-faq-q{display:block}.ts-template-1 .tsb-faq-num,.ts-template-1 .tsb-faq-icon{display:none}.ts-template-1 .tsb-faq-qtext{display:block;color:var(--ts-ink);font:800 1.08rem/1.26 var(--ts-heading)}.ts-template-1 .tsb-faq-a{margin-top:18px;color:var(--ts-muted);font-size:.92rem;line-height:1.68}.ts-template-1 .tsb-template-faq{display:contents}@media(max-width:1024px){.ts-template-1 .tsb-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){body.single .ts-article-layout{width:min(calc(100% - 36px),var(--ts-container))}.ts-template-1 .tsb-faq-grid{grid-template-columns:1fr;gap:14px}.ts-template-1 .tsb-faq-item{padding:24px 22px 30px}}

/* Universal Blog category badge treatment. Panel color belongs to the post, not its category. */
.ts-card--refined .ts-card__category,.ts-featured__visual--card .ts-card__category,.ts-post-hero .ts-post-header__category{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.16);color:#fff}