/* Tekson editorial system — scoped to WordPress blog templates. */
:root {
  --tekson-navy: #071d39;
  --tekson-navy-2: #0b2b50;
  --tekson-orange: #f36b21;
  --tekson-orange-dark: #d94f08;
  --tekson-ink: #0a1b32;
  --tekson-copy: #526071;
  --tekson-line: #e4e9ef;
  --tekson-soft: #f5f7fa;
  --tekson-white: #fff;
  --tekson-shadow: 0 16px 42px rgba(7,29,57,.09);
}

.tekson-blog-main { margin: 0; color: var(--tekson-ink); background: #fff; }
.tekson-blog-main * { box-sizing: border-box; }
.tekson-blog-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.tekson-blog-hero {
  position: relative; overflow: hidden; padding: 76px 0 70px; color: #fff;
  background: linear-gradient(115deg, #06182f 0%, #0a2b50 72%, #103861 100%);
  border-bottom: 3px solid var(--tekson-orange);
}
.tekson-blog-hero::before { content: ""; position: absolute; inset: 0; opacity: .18; 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: 30px 30px; }
.tekson-blog-hero::after { content: ""; position: absolute; right: -90px; top: -170px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 60px rgba(255,255,255,.025), 0 0 0 120px rgba(255,255,255,.018); }
.tekson-blog-hero__inner { position: relative; z-index: 1; max-width: 780px; }
.tekson-blog-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 15px; color: #ff8a4c; font-size: 13px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.tekson-blog-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.tekson-blog-hero h1 { margin: 0; color: #fff; font-size: clamp(38px,5vw,62px); line-height: 1.06; letter-spacing: -.035em; }
.tekson-blog-hero p { max-width: 680px; margin: 20px 0 0; color: rgba(255,255,255,.78); font-size: 18px; line-height: 1.75; }

.tekson-blog-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 42px; padding-block: 64px 78px; align-items: start; }
.tekson-blog-grid .wp-block-post-template { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; margin: 0; padding: 0; }
.tekson-blog-card { height: 100%; overflow: hidden; border: 1px solid var(--tekson-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 30px rgba(7,29,57,.06); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.tekson-blog-card:hover { transform: translateY(-5px); border-color: rgba(243,107,33,.4); box-shadow: var(--tekson-shadow); }
.tekson-blog-card__image { aspect-ratio: 16/10; overflow: hidden; background: linear-gradient(135deg,#edf1f5,#fff); }
.tekson-blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.tekson-blog-card:hover .tekson-blog-card__image img { transform: scale(1.035); }
.tekson-blog-card__body { padding: 24px 24px 27px; }
.tekson-blog-card__cats a { display: inline-block; margin-bottom: 12px; color: var(--tekson-orange-dark); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-decoration: none; text-transform: uppercase; }
.tekson-blog-card h2 { margin: 0 0 12px; font-size: 23px; line-height: 1.28; letter-spacing: -.015em; }
.tekson-blog-card h2 a { color: var(--tekson-ink); text-decoration: none; }
.tekson-blog-card__meta { margin: 0 0 14px; color: #7b8795; font-size: 13px; }
.tekson-blog-card__excerpt { color: var(--tekson-copy); font-size: 15px; line-height: 1.72; }
.tekson-blog-card__excerpt p { margin: 0; }
.tekson-blog-card__link { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; color: var(--tekson-navy); font-size: 14px; font-weight: 800; text-decoration: none; }
.tekson-blog-card__link::after { content: "\2192"; color: var(--tekson-orange); font-size: 19px; transition: transform .2s ease; }
.tekson-blog-card__link:hover::after { transform: translateX(4px); }

.tekson-blog-sidebar { position: sticky; top: 118px; display: grid; gap: 22px; }
.tekson-blog-widget { padding: 27px; border: 1px solid var(--tekson-line); border-radius: 14px; background: #fff; box-shadow: 0 8px 30px rgba(7,29,57,.055); }
.tekson-blog-widget h2 { position: relative; margin: 0 0 22px; padding-bottom: 14px; color: var(--tekson-navy); font-size: 20px; }
.tekson-blog-widget h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 42px; height: 3px; border-radius: 3px; background: var(--tekson-orange); }
.tekson-blog-widget ul { list-style: none; margin: 0; padding: 0; }
.tekson-blog-widget li { border-bottom: 1px solid var(--tekson-line); }
.tekson-blog-widget li:last-child { border-bottom: 0; }
.tekson-blog-widget li a { display: flex; justify-content: space-between; padding: 13px 0; color: #314157; font-size: 15px; font-weight: 650; text-decoration: none; }
.tekson-blog-widget li a:hover { color: var(--tekson-orange-dark); }
.tekson-blog-widget--cta { color: #fff; border: 0; background: linear-gradient(145deg,var(--tekson-navy),var(--tekson-navy-2)); }
.tekson-blog-widget--cta h2 { color: #fff; }
.tekson-blog-widget--cta p { color: rgba(255,255,255,.74); line-height: 1.65; }
.tekson-blog-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; border-radius: 7px; color: #fff !important; background: linear-gradient(135deg,var(--tekson-orange),#ff7b22); box-shadow: 0 10px 22px rgba(243,107,33,.25); font-size: 14px; font-weight: 800; text-decoration: none; }

.tekson-blog-pagination { margin-top: 40px; }
.tekson-blog-pagination .wp-block-query-pagination { gap: 10px; }
.tekson-blog-pagination a, .tekson-blog-pagination .page-numbers { display: inline-flex; min-width: 42px; min-height: 42px; align-items: center; justify-content: center; border: 1px solid var(--tekson-line); border-radius: 6px; color: var(--tekson-navy); text-decoration: none; }
.tekson-blog-pagination .current, .tekson-blog-pagination a:hover { color: #fff; border-color: var(--tekson-orange); background: var(--tekson-orange); }

.tekson-article-wrap { padding-block: 58px 78px; background: var(--tekson-soft); }
.tekson-article-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 42px; align-items: start; }
.tekson-article { overflow: hidden; border: 1px solid var(--tekson-line); border-radius: 16px; background: #fff; box-shadow: var(--tekson-shadow); }
.tekson-article__header { padding: 46px 50px 28px; }
.tekson-article__header .wp-block-post-terms a { color: var(--tekson-orange-dark); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.tekson-article__header h1 { margin: 13px 0 18px; color: var(--tekson-ink); font-size: clamp(34px,4vw,52px); line-height: 1.12; letter-spacing: -.035em; }
.tekson-article__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #7b8795; font-size: 14px; }
.tekson-article__featured { margin: 0; }
.tekson-article__featured img { display: block; width: 100%; max-height: 560px; object-fit: cover; }
.tekson-article__content { padding: 40px 50px 48px; color: #344256; font-size: 18px; line-height: 1.82; }
.tekson-article__content > *:first-child { margin-top: 0; }
.tekson-article__content h2, .tekson-article__content h3 { color: var(--tekson-ink); line-height: 1.25; letter-spacing: -.02em; }
.tekson-article__content h2 { margin-top: 45px; font-size: 32px; }
.tekson-article__content h3 { margin-top: 34px; font-size: 25px; }
.tekson-article__content a { color: var(--tekson-orange-dark); }
.tekson-article__content blockquote { margin: 35px 0; padding: 25px 28px; border-left: 4px solid var(--tekson-orange); background: #fff7f1; color: var(--tekson-navy); }
.tekson-article__footer { padding: 0 50px 42px; }
.tekson-article__footer .wp-block-post-terms a { display: inline-block; margin: 4px; padding: 7px 12px; border-radius: 999px; color: var(--tekson-navy); background: #edf2f7; font-size: 13px; text-decoration: none; }
.tekson-article__nav { margin-top: 28px; padding: 24px 28px; border: 1px solid var(--tekson-line); border-radius: 12px; background: #fff; }

.tekson-blog-empty { padding: 36px; border: 1px solid var(--tekson-line); border-radius: 14px; background: #fff; }
@media (max-width: 1024px) { .tekson-blog-layout, .tekson-article-layout { grid-template-columns: minmax(0,1fr) 290px; gap: 28px; } }
@media (max-width: 820px) { .tekson-blog-layout, .tekson-article-layout { grid-template-columns: 1fr; } .tekson-blog-sidebar { position: static; grid-template-columns: repeat(2,minmax(0,1fr)); } .tekson-blog-widget--cta { grid-column: 1/-1; } }
@media (max-width: 620px) { .tekson-blog-container { width: min(100% - 28px,1180px); } .tekson-blog-hero { padding: 55px 0 52px; } .tekson-blog-hero p { font-size: 16px; } .tekson-blog-layout { padding-block: 42px 58px; } .tekson-blog-grid .wp-block-post-template { grid-template-columns: 1fr; } .tekson-blog-sidebar { grid-template-columns: 1fr; } .tekson-article-wrap { padding-block: 28px 55px; } .tekson-article__header { padding: 30px 24px 22px; } .tekson-article__content { padding: 28px 24px 34px; font-size: 16px; } .tekson-article__footer { padding: 0 24px 30px; } }

.tekson-blog-main{padding-top:133px}@media(max-width:820px){.tekson-blog-main{padding-top:82px}}

.tekson-blog-main{padding-top:133px}@media(max-width:820px){.tekson-blog-main{padding-top:82px}}
/* Tekson blog refinements — 2026-08-25 */
.tekson-blog-hero{padding:42px 0 38px}
.tekson-blog-hero::after{right:-40px;top:-260px;width:460px;height:460px}
.tekson-blog-hero__inner{max-width:720px}
.tekson-blog-hero h1{font-size:clamp(32px,3.6vw,48px);line-height:1.08}
.tekson-blog-hero p{margin-top:12px;font-size:16px;line-height:1.65}
.tekson-blog-eyebrow{margin-bottom:10px;font-size:12px}
.tekson-blog-layout{grid-template-columns:minmax(0,1fr)300px;gap:34px;padding-block:48px 68px}
.tekson-blog-sidebar{top:100px;gap:18px}
.tekson-blog-widget{padding:22px;border-radius:12px;box-shadow:0 8px 24px rgba(7,29,57,.055)}
.tekson-blog-widget h2{margin-bottom:14px;padding-bottom:11px;font-size:18px}
.tekson-blog-widget:first-child{background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.tekson-blog-widget:first-child .wp-block-categories-list{display:grid;gap:9px}
.tekson-blog-widget:first-child li{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:0;border:0;color:#7a8796;font-size:12px}
.tekson-blog-widget:first-child li a{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e4e9ef;border-radius:9px;background:#fff;color:#172b46;font-size:14px;font-weight:750;box-shadow:0 3px 10px rgba(7,29,57,.035)}
.tekson-blog-widget:first-child li a::before{content:"";width:8px;height:8px;border-radius:50%;background:#f36b21;box-shadow:0 0 0 4px #fff1e9}
.tekson-blog-widget:first-child li a:hover{border-color:#f36b21;color:#d94f08;transform:translateX(2px)}
.tekson-article__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;padding:0;border:0;background:transparent}
.tekson-article__nav .wp-block-post-navigation-link{margin:0}
.tekson-article__nav a{position:relative;display:flex;min-height:78px;align-items:center;padding:17px 20px;border:1px solid #dfe5ec;border-radius:11px;background:#fff;color:#0a1b32;font-size:15px;font-weight:800;line-height:1.35;text-decoration:none;box-shadow:0 7px 20px rgba(7,29,57,.055);transition:.2s ease}
.tekson-article__nav a:hover{border-color:#f36b21;color:#d94f08;transform:translateY(-2px);box-shadow:0 11px 25px rgba(7,29,57,.1)}
.tekson-article__nav .post-navigation-link-previous a{padding-left:48px}
.tekson-article__nav .post-navigation-link-previous a::before{content:"\2190";position:absolute;left:20px;color:#f36b21;font-size:22px}
.tekson-article__nav .post-navigation-link-next{text-align:right}
.tekson-article__nav .post-navigation-link-next a{justify-content:flex-end;padding-right:48px}
.tekson-article__nav .post-navigation-link-next a::after{content:"\2192";position:absolute;right:20px;color:#f36b21;font-size:22px}
@media(max-width:1024px){.tekson-blog-layout{grid-template-columns:minmax(0,1fr)280px;gap:26px}}
@media(max-width:820px){.tekson-blog-hero{padding:38px 0 34px}.tekson-blog-layout{grid-template-columns:1fr}.tekson-blog-sidebar{position:static}}
@media(max-width:620px){.tekson-blog-hero{padding:32px 0 30px}.tekson-blog-hero h1{font-size:32px}.tekson-article__nav{grid-template-columns:1fr}.tekson-blog-layout{padding-block:34px 52px}}

.tekson-blog-widget:first-child li{display:block;font-size:0}.tekson-blog-widget:first-child li a{font-size:14px}

.tekson-article__nav .post-navigation-link__label{display:block;margin-bottom:5px;color:#778394;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tekson-article__nav .post-navigation-link__title{display:block;color:#0a1b32;font-size:15px;font-weight:800}

/* Ordered product-led blog taxonomy */
.tekson-blog-widget:first-child .tekson-blog-category-menu{display:grid;gap:9px}
.tekson-blog-widget:first-child .tekson-blog-category-menu li{padding:0;border:0}
.tekson-blog-widget:first-child .tekson-blog-category-menu li a{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 13px;border:1px solid #e4e9ef;border-radius:9px;background:#fff;color:#172b46;font-size:14px;font-weight:750;line-height:1.35;box-shadow:0 3px 10px rgba(7,29,57,.035);transition:.2s ease}
.tekson-blog-widget:first-child .tekson-blog-category-menu li a::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#f36b21;box-shadow:0 0 0 4px #fff1e9}
.tekson-blog-widget:first-child .tekson-blog-category-menu li a:hover{border-color:#f36b21;color:#d94f08;transform:translateX(2px)}

/* Related insights on article detail pages */
.tekson-related{margin-top:32px;padding:30px;border:1px solid #dfe5ec;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%);box-shadow:0 8px 24px rgba(7,29,57,.05)}
.tekson-related__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.tekson-related__eyebrow{display:block;margin-bottom:7px;color:#d94f08;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.tekson-related__heading h2{margin:0;color:#0a1b32;font-size:28px;line-height:1.15;letter-spacing:-.02em}
.tekson-related__heading>a{color:#0a1b32;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.tekson-related__heading>a:hover{color:#d94f08}
.tekson-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tekson-related-card{overflow:hidden;border:1px solid #e2e7ed;border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(7,29,57,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.tekson-related-card:hover{transform:translateY(-3px);border-color:rgba(243,107,33,.5);box-shadow:0 10px 24px rgba(7,29,57,.09)}
.tekson-related-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#edf1f5}
.tekson-related-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.tekson-related-card:hover .tekson-related-card__image img{transform:scale(1.035)}
.tekson-related-card__body{padding:16px 16px 18px}
.tekson-related-card__meta{display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:9px;color:#7b8795;font-size:10px;font-weight:700;text-transform:uppercase}
.tekson-related-card__meta span+span{color:#d94f08}
.tekson-related-card h3{margin:0 0 14px;font-size:16px;line-height:1.35;letter-spacing:-.01em}
.tekson-related-card h3 a{color:#0a1b32;text-decoration:none}
.tekson-related-card h3 a:hover{color:#d94f08}
.tekson-related-card__link{display:inline-flex;gap:6px;color:#0a1b32;font-size:12px;font-weight:800;text-decoration:none}
.tekson-related-card__link span{color:#f36b21;transition:transform .2s ease}
.tekson-related-card__link:hover span{transform:translateX(3px)}
@media(max-width:720px){.tekson-related{padding:22px}.tekson-related__heading{align-items:flex-start}.tekson-related__grid{grid-template-columns:1fr}.tekson-related__heading>a{display:none}}

/* Clear navigation out of category archives */
.tekson-archive-back{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:#fff;font-size:13px;font-weight:800;text-decoration:none}
.tekson-archive-back span{color:#f36b21;font-size:18px;transition:transform .2s ease}
.tekson-archive-back:hover{color:#fff}
.tekson-archive-back:hover span{transform:translateX(-3px)}
.tekson-blog-widget:first-child .tekson-blog-category-menu__all a{border-color:#f36b21;background:linear-gradient(135deg,#fff7f2,#fff);color:#d94f08}
.tekson-blog-widget:first-child .tekson-blog-category-menu__all a::before{background:#0b2748;box-shadow:0 0 0 4px #e9eff6}

/* Prevent the main-site product-card .category rule from locking WordPress category archives. */
body.category{
  min-height:100%;
  margin-bottom:0 !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transition:none !important;
}
body.category:hover{box-shadow:none !important}
