/*
Theme Name: Tehlaba
Theme URI: https://example.com/tehlaba
Author: Custom Development
Author URI: https://example.com
Description: Dark-mode custom WordPress theme for a technology media portal.
Version: 1.3.1
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: tehlaba
*/

@import url("./design-tokens.css");

:root {
  --tm-bg: #18181b;
  --tm-text: #e5e7eb;
  --tm-accent: #3b82f6;
  --tm-accent-soft: #93c5fd;
  --tm-accent-glow: rgba(59, 130, 246, 0.38);
  --tm-surface-1: rgba(21, 23, 31, 0.9);
  --tm-surface-2: rgba(28, 30, 40, 0.85);
  --tm-surface-3: rgba(35, 37, 48, 0.76);
  --tm-border: rgba(82, 82, 91, 0.42);
}

html,
body {
  margin: 0;
  padding: 0;
  background: var(--tm-bg);
  color: var(--tm-text);
  font-family: var(--font-source-sans-3), sans-serif;
  background-image:
    radial-gradient(circle at 0% 0%, rgba(59, 130, 246, 0.12), transparent 36%),
    radial-gradient(circle at 100% 18%, rgba(59, 130, 246, 0.08), transparent 32%),
    linear-gradient(180deg, #18181b 0%, #121420 100%);
  background-attachment: fixed;
}

a {
  color: var(--tm-accent);
  transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover,
a:focus-visible {
  color: var(--tm-accent-soft);
  text-shadow: 0 0 10px var(--tm-accent-glow);
}

.tm-panel {
  border: 1px solid var(--tm-border);
  background: linear-gradient(165deg, var(--tm-surface-1), var(--tm-surface-2));
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.24);
}

.tm-hero {
  position: relative;
}

.tm-hero-media {
  background:
    radial-gradient(circle at 86% 28%, rgba(59, 130, 246, 0.34), transparent 40%),
    linear-gradient(120deg, #1a2a66 0%, #121529 58%, #1d1d22 100%);
}

.tm-hero::after {
  content: "";
  position: absolute;
  inset: auto -70px -95px auto;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.26) 0%, transparent 68%);
  pointer-events: none;
}

.tm-card {
  border: 1px solid transparent;
  background: linear-gradient(165deg, rgba(34, 37, 49, 0.78), rgba(24, 24, 27, 0.84));
  box-shadow: inset 0 0 0 1px rgba(63, 63, 70, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.tm-card:hover {
  transform: translateY(-2px);
  border-color: rgba(59, 130, 246, 0.45);
  box-shadow:
    inset 0 0 0 1px rgba(59, 130, 246, 0.28),
    0 14px 28px rgba(7, 12, 23, 0.46);
}

.tm-card-meta {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  flex-wrap: wrap;
}

.tm-chip,
.tm-kicker {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  border: 1px solid rgba(59, 130, 246, 0.5);
  border-radius: 9999px;
  padding: 0.22rem 0.72rem;
  background: rgba(59, 130, 246, 0.12);
  color: var(--tm-accent-soft);
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
  letter-spacing: 0.01em;
  text-decoration: none;
}

.tm-kicker {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.tm-kicker::before {
  content: "";
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 9999px;
  background: var(--tm-accent);
  box-shadow: 0 0 0.55rem var(--tm-accent-glow);
}

.tm-chip-category:hover,
.tm-chip-category:focus-visible {
  border-color: rgba(59, 130, 246, 0.75);
}

.tm-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tm-accent);
  border-radius: 0.5rem;
  cursor: pointer;
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
  min-height: 2.75rem;
  padding: 0.68rem 1rem;
  text-decoration: none;
  transition: box-shadow 0.2s ease, transform 0.2s ease, filter 0.2s ease;
}

.tm-btn:hover,
.tm-btn:focus-visible {
  box-shadow: 0 0 0.9rem var(--tm-accent-glow);
  transform: translateY(-1px);
}

.tm-btn-solid {
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.96), rgba(29, 98, 214, 0.98));
  color: #f8fbff;
  border-color: rgba(120, 177, 255, 0.85);
}

.tm-btn-solid:hover,
.tm-btn-solid:focus-visible {
  filter: brightness(1.08);
  color: #ffffff;
}

.tm-input {
  width: 100%;
  border: 1px solid rgba(59, 130, 246, 0.65);
  border-radius: 0.62rem;
  background: rgba(13, 18, 34, 0.92);
  color: var(--tm-text);
  font-family: var(--font-source-sans-3), sans-serif;
  font-size: var(--text-xl);
  line-height: var(--leading-normal);
  padding: 0.68rem 0.82rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tm-input::placeholder {
  color: #9ca3af;
}

.tm-input:focus {
  outline: none;
  border-color: var(--tm-accent-soft);
  box-shadow: 0 0 0.82rem var(--tm-accent-glow);
}

.tm-site-title {
  text-shadow: 0 8px 26px rgba(0, 0, 0, 0.35);
}

.tm-nav .tm-menu-list {
  border: 1px solid rgba(63, 63, 70, 0.8);
  border-radius: 0.95rem;
  background: rgba(21, 23, 31, 0.76);
  padding: 0.3rem;
}

.tm-nav .tm-menu-list li {
  position: relative;
}

.tm-nav .tm-menu-list a {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.66rem;
  padding: 0.52rem 0.88rem;
  text-decoration: none;
  color: #e5e7eb;
}

.tm-nav .tm-menu-list a::after {
  content: "";
  position: absolute;
  left: 0.8rem;
  right: 0.8rem;
  bottom: 0.34rem;
  height: 1px;
  background: transparent;
  transition: background 0.2s ease;
}

.tm-nav .tm-menu-list a:hover::after,
.tm-nav .tm-menu-list a:focus-visible::after,
.tm-nav .tm-menu-list .current-menu-item > a::after,
.tm-nav .tm-menu-list .current_page_item > a::after,
.tm-nav .tm-menu-list .current-menu-ancestor > a::after {
  background: var(--tm-accent);
}

.tm-nav .tm-menu-list .current-menu-item > a,
.tm-nav .tm-menu-list .current_page_item > a,
.tm-nav .tm-menu-list .current-menu-ancestor > a {
  color: var(--tm-accent-soft);
  background: rgba(59, 130, 246, 0.12);
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  display: block;
  font-size: var(--text-lg);
  height: auto;
  left: 5px;
  line-height: var(--leading-tight);
  padding: 12px 20px;
  top: 5px;
  width: auto;
  z-index: 100000;
}

#primary-menu-wrap .tm-menu-list {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

#primary-menu-wrap .tm-menu-list a {
  justify-content: center;
  width: 100%;
  border: 1px solid rgba(63, 63, 70, 0.8);
  background: linear-gradient(160deg, rgba(34, 37, 49, 0.72), rgba(24, 24, 27, 0.84));
  padding: 0.75rem 0.95rem;
}

.tm-trending-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tm-trending-item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.7rem;
  align-items: start;
  padding: 0.62rem 0;
}

.tm-trending-item + .tm-trending-item {
  border-top: 1px solid rgba(82, 82, 91, 0.35);
}

.tm-trending-rank {
  min-width: 1.65rem;
  text-align: center;
  color: rgba(147, 197, 253, 0.9);
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-xl);
  line-height: 1.2;
  font-weight: 700;
}

.tm-trending-link {
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-2xl);
  line-height: 1.34;
  font-weight: 600;
  color: #60a5fa;
  text-decoration: none;
}

.tm-sticky-subscribe {
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.tm-sticky-subscribe:hover {
  border-color: rgba(59, 130, 246, 0.6);
  box-shadow:
    0 0 0 1px rgba(59, 130, 246, 0.25),
    0 8px 18px rgba(0, 0, 0, 0.24);
}

.tm-pagination .page-numbers {
  list-style: none;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.tm-pagination .page-numbers li {
  margin: 0;
}

.tm-pagination .page-numbers a,
.tm-pagination .page-numbers span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 0.75rem;
  border: 1px solid #3f3f46;
  border-radius: 0.5rem;
  background: rgba(39, 39, 42, 0.65);
  color: var(--tm-text);
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-xl);
  line-height: var(--leading-tight);
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.tm-pagination .page-numbers a:hover,
.tm-pagination .page-numbers a:focus-visible {
  border-color: var(--tm-accent);
  color: #93c5fd;
  box-shadow: 0 0 0.9rem var(--tm-accent-glow);
}

.tm-pagination .page-numbers .current {
  border-color: var(--tm-accent);
  color: var(--tm-accent);
}

.comment-form p {
  margin: 0;
}

.comment-form label {
  display: block;
  margin-bottom: 0.4rem;
  color: #d4d4d8;
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-xl);
  line-height: var(--leading-normal);
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  width: 100%;
  border: 1px solid #3f3f46;
  border-radius: 0.5rem;
  background: rgba(39, 39, 42, 0.8);
  color: var(--tm-text);
  font-family: var(--font-source-sans-3), sans-serif;
  font-size: var(--text-xl);
  line-height: var(--leading-relaxed);
  padding: 0.75rem 0.9rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.comment-form textarea {
  min-height: 10rem;
  resize: vertical;
}

.comment-form input:focus,
.comment-form textarea:focus {
  outline: none;
  border-color: var(--tm-accent);
  box-shadow: 0 0 0.9rem var(--tm-accent-glow);
}

.comment-form .comment-notes,
.comment-form .logged-in-as,
.comment-form .required-field-message,
.comment-awaiting-moderation,
.comment-metadata {
  color: #a1a1aa;
  font-size: var(--text-lg);
  line-height: var(--leading-normal);
}

.search-form {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.search-form label {
  flex: 1 1 16rem;
}

.search-form .search-field {
  width: 100%;
  border: 1px solid #3f3f46;
  border-radius: 0.5rem;
  background: rgba(39, 39, 42, 0.8);
  color: var(--tm-text);
  font-family: var(--font-source-sans-3), sans-serif;
  font-size: var(--text-xl);
  line-height: var(--leading-relaxed);
  padding: 0.75rem 0.9rem;
}

.search-form .search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--tm-accent);
  border-radius: 0.5rem;
  background: transparent;
  color: var(--tm-accent);
  cursor: pointer;
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
  min-height: 2.875rem;
  padding: 0.7rem 1rem;
  text-decoration: none;
}

@media (max-width: 1023px) {
  .tm-nav .tm-menu-list {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
  }
}

/* frontpage strip + mosaic */
.tm-front-top-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.9fr);
  gap: 1rem;
}

.tm-front-rail-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tm-front-rail-list li + li {
  border-top: 1px solid rgba(82, 82, 91, 0.35);
}

.tm-front-rail-list a {
  display: block;
  padding: 0.72rem 0;
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-xl);
  line-height: 1.35;
  font-weight: 600;
  color: #cde1ff;
  text-decoration: none;
}

.tm-front-lead-media {
  height: 300px;
  background:
    radial-gradient(circle at 76% 15%, rgba(59, 130, 246, 0.25), transparent 45%),
    linear-gradient(160deg, #0f1220 0%, #10131f 56%, #1a1d2d 100%);
}

.tm-mosaic {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}

.tm-tile {
  display: flex;
  flex-direction: column;
}

.tm-tile-thumb {
  aspect-ratio: 16/9;
  overflow: hidden;
}

.tm-tile-fallback {
  display: block;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 80% 20%, rgba(59, 130, 246, 0.18), transparent 46%),
    linear-gradient(160deg, rgba(16, 18, 28, 0.95), rgba(24, 24, 30, 0.9));
}

.tm-tile.is-large {
  grid-column: span 2;
  grid-row: span 2;
}

.tm-tile.is-wide {
  grid-column: span 2;
}

.tm-tile.is-tall .tm-tile-thumb {
  aspect-ratio: 4/5;
}

.tm-tile.is-large .tm-tile-thumb {
  aspect-ratio: 16/10;
}

@media (max-width: 1200px) {
  .tm-front-top-grid {
    grid-template-columns: 1fr;
  }

  .tm-front-lead-media {
    height: 250px;
  }

  .tm-mosaic {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .tm-tile.is-large,
  .tm-tile.is-wide {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .tm-mosaic {
    grid-template-columns: 1fr;
  }

  .tm-tile.is-large,
  .tm-tile.is-wide {
    grid-column: span 1;
  }

  .tm-front-lead-media {
    height: 220px;
  }
}
/* latest articles: strict 6 blocks (3x2) */
.tm-mosaic{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1200px){
  .tm-mosaic{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 767px){
  .tm-mosaic{
    grid-template-columns: 1fr !important;
  }
}
/* after 6 cards: one full-width feature */
.tm-tile.is-full{
  grid-column: 1 / -1 !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  min-height: 280px;
}
.tm-tile.is-full .tm-tile-thumb{
  order: 2;
  aspect-ratio: auto !important;
  height: 100%;
  min-height: 280px;
}
.tm-tile.is-full > .p-4{
  order: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px !important;
}
@media (max-width: 1200px){
  .tm-tile.is-full{
    grid-template-columns: 1fr !important;
    min-height: 0;
  }
  .tm-tile.is-full .tm-tile-thumb{
    order: 1;
    min-height: 220px;
  }
  .tm-tile.is-full > .p-4{
    order: 2;
  }
}
/* 4 cards block + sidebar */
.tm-mosaic-4{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.tm-tile.is-full{
  grid-column:1/-1 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  min-height:280px;
}
.tm-tile.is-full .tm-tile-thumb{
  order:2;
  aspect-ratio:auto !important;
  min-height:280px;
}
.tm-tile.is-full > .p-4{
  order:1;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
@media (max-width:1200px){
  .tm-mosaic{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .tm-mosaic-4{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tm-tile.is-full{ grid-template-columns:1fr !important; }
  .tm-tile.is-full .tm-tile-thumb{ order:1; min-height:220px; }
  .tm-tile.is-full > .p-4{ order:2; }
}
@media (max-width:767px){
  .tm-mosaic,.tm-mosaic-4{ grid-template-columns:1fr !important; }
}
/* size tune: 4-cards + sidebar */
.tm-mosaic-4 .tm-tile{
  min-height: 260px;
}
.tm-mosaic-4 .tm-tile-thumb{
  aspect-ratio: 16/7 !important;
}

/* sidebar block proportions */
aside.space-y-5{
  max-width: 100%;
}
.tm-trending-panel{
  padding: 14px !important;
}
.tm-trending-item{
  padding: 8px 0 !important;
}
.tm-trending-link{
  font-size: clamp(18px, 1.25vw, 22px) !important;
  line-height: 1.3 !important;
}
.tm-sticky-subscribe{
  padding: 14px !important;
}
.tm-sticky-subscribe .tm-btn{
  min-height: 40px !important;
  padding: 9px 12px !important;
}

/* align both columns on desktop */
@media (min-width: 1024px){
  .grid.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\]{
    align-items: start;
  }
}
/* fix: cards too close to trending/subscribe column */
@media (min-width: 1024px){
  .grid.lg\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,1fr\)\]{
    column-gap: 22px !important;
    align-items: start !important;
  }

  .tm-mosaic-4{
    margin-right: 2px !important;
  }

  aside.space-y-5{
    padding-left: 2px !important;
  }
}

/* keep clear spacing between Trending and Subscribe */
aside.space-y-5 > .tm-trending-panel{
  margin-bottom: 10px !important;
}
/* full-width rows after 4+sidebar block */
.tm-full-stack{
  display:grid;
  gap:1rem;
}
.tm-full-row{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  min-height:280px;
}
.tm-full-row-copy{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.tm-full-row-media{
  display:block;
  min-height:280px;
}
.tm-full-row-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width:1023px){
  .tm-full-row{
    grid-template-columns:1fr;
    min-height:0;
  }
  .tm-full-row-media{
    min-height:220px;
  }
}
/* load more button */
.tm-load-more-wrap{
  display:flex;
  justify-content:center;
}
.tm-load-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:220px;
  min-height:54px;
  border:1px solid rgba(59,130,246,.75);
  border-radius:0;
  background:transparent;
  color:#e8f1ff;
  font-family:var(--font-exo-2),sans-serif;
  font-size:var(--text-2xl);
  font-weight:700;
  text-decoration:none;
  letter-spacing:.02em;
  text-transform:uppercase;
}
.tm-load-more-btn:hover,
.tm-load-more-btn:focus-visible{
  background:rgba(59,130,246,.12);
  box-shadow:0 0 12px rgba(59,130,246,.35);
}

/* page/2+ feed list */
.tm-feed-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.tm-feed-item{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:16px;
  align-items:start;
}
.tm-feed-thumb{
  width:96px;
  height:96px;
  overflow:hidden;
  border-radius:6px;
}
.tm-feed-copy h2{
  margin:0;
}
@media (max-width:767px){
  .tm-feed-item{
    grid-template-columns:72px 1fr;
    gap:12px;
  }
  .tm-feed-thumb{
    width:72px;
    height:72px;
  }
}
/* newer/older stories nav */
.tm-story-nav{
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid rgba(63,63,70,.55);
}
.tm-story-nav-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
}
.tm-story-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  min-width:220px;
  padding:0 18px;
  border:1px solid rgba(16,230,168,.85);
  color:#f3fbff;
  text-decoration:none;
  font-family:var(--font-exo-2),sans-serif;
  font-size:var(--text-2xl);
  font-weight:700;
  letter-spacing:.01em;
  text-transform:uppercase;
  background:transparent;
}
.tm-story-btn:hover,
.tm-story-btn:focus-visible{
  background:rgba(16,230,168,.10);
  box-shadow:0 0 10px rgba(16,230,168,.25);
}
.tm-story-btn.is-disabled{
  opacity:.45;
  border-color:rgba(82,82,91,.85);
  color:#9ca3af;
}
@media (max-width: 767px){
  .tm-story-nav-inner{
    flex-direction:column;
    align-items:stretch;
  }
  .tm-story-btn{
    width:100%;
    min-width:0;
  }
}
/* trending star centered */
.tm-trending-item{
  display: grid !important;
  grid-template-columns: 30px 1fr !important;
  column-gap: 12px !important;
  align-items: center !important;
}
.tm-trending-rank{
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center !important;
  font-size: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.tm-trending-link{
  margin: 0 !important;
}
/* subscribe compact spacing */
.tm-sticky-subscribe{
  padding: 12px !important;
}
.tm-sticky-subscribe h3{
  margin: 0 0 6px !important;
}
.tm-sticky-subscribe form{
  display: grid !important;
  gap: 6px !important;
}
.tm-sticky-subscribe input[type="email"]{
  margin: 0 !important;
}
.tm-sticky-subscribe .tm-btn{
  margin: 0 !important;
}
/* header rollback: big logo + styled nav */
.tm-site-title{
  font-size: clamp(56px, 5.2vw, 82px) !important;
  line-height: 0.95 !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;
}
header .mt-1{
  font-size: var(--text-xl) !important;
  line-height: 1.25 !important;
}

.tm-nav .tm-menu-list{
  border: 1px solid rgba(63,63,70,.9) !important;
  border-radius: 16px !important;
  background: rgba(18,20,30,.72) !important;
  padding: 6px !important;
}
.tm-nav .tm-menu-list a{
  font-size: clamp(18px, 1.2vw, 24px) !important;
  padding: 10px 16px !important;
  border-radius: 12px !important;
  text-transform: none !important;
}
.tm-nav .tm-menu-list .current-menu-item > a,
.tm-nav .tm-menu-list .current_page_item > a,
.tm-nav .tm-menu-list .current-menu-ancestor > a{
  border: 1px solid rgba(59,130,246,.92) !important;
  background: rgba(59,130,246,.18) !important;
  box-shadow: 0 0 12px rgba(59,130,246,.32) !important;
  color: #dcecff !important;
}
.tm-nav .tm-menu-list a:hover,
.tm-nav .tm-menu-list a:focus-visible{
  border: 1px solid rgba(59,130,246,.62) !important;
  background: rgba(59,130,246,.12) !important;
}
/* menu labels uppercase */
.tm-nav .tm-menu-list a{
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}
#primary-menu-wrap .tm-menu-list a{
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}
/* remove menu underline line */
.tm-nav .tm-menu-list a::after{
  content: none !important;
  display: none !important;
}
/* unified button style: load more + newer/older */
.tm-load-more-btn,
.tm-story-btn{
  border: 1px solid rgba(59,130,246,.88) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.08)) !important;
  color: #eaf2ff !important;
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.22) !important;
}
.tm-load-more-btn:hover,
.tm-load-more-btn:focus-visible,
.tm-story-btn:hover,
.tm-story-btn:focus-visible{
  background: linear-gradient(180deg, rgba(59,130,246,.26), rgba(59,130,246,.12)) !important;
  border-color: rgba(96,165,250,.95) !important;
  box-shadow: 0 0 12px rgba(59,130,246,.35), inset 0 0 0 1px rgba(96,165,250,.35) !important;
}

/* disabled state match */
.tm-story-btn.is-disabled{
  border-color: rgba(63,63,70,.85) !important;
  border-radius: 12px !important;
  background: rgba(39,39,42,.45) !important;
  color: #9ca3af !important;
  box-shadow: none !important;
}
/* unified button style: load more + newer/older */
.tm-load-more-btn,
.tm-story-btn{
  border: 1px solid rgba(59,130,246,.88) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(59,130,246,.18), rgba(59,130,246,.08)) !important;
  color: #eaf2ff !important;
  box-shadow: inset 0 0 0 1px rgba(59,130,246,.22) !important;
}
.tm-load-more-btn:hover,
.tm-load-more-btn:focus-visible,
.tm-story-btn:hover,
.tm-story-btn:focus-visible{
  background: linear-gradient(180deg, rgba(59,130,246,.26), rgba(59,130,246,.12)) !important;
  border-color: rgba(96,165,250,.95) !important;
  box-shadow: 0 0 12px rgba(59,130,246,.35), inset 0 0 0 1px rgba(96,165,250,.35) !important;
}

/* disabled state match */
.tm-story-btn.is-disabled{
  border-color: rgba(63,63,70,.85) !important;
  border-radius: 12px !important;
  background: rgba(39,39,42,.45) !important;
  color: #9ca3af !important;
  box-shadow: none !important;
}
/* footer final */
.tm-footer-clean{
  margin-top: 10px !important;
  border-top: 1px solid rgba(63,63,70,.6) !important;
  background: linear-gradient(180deg, rgba(14,16,25,.72), rgba(11,13,20,.92)) !important;
}
.tm-footer-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
}
.tm-footer-title{
  margin: 0;
  font-family: var(--font-exo-2), sans-serif;
  font-size: clamp(34px, 3.2vw, 46px);
  line-height: .95;
  font-weight: 800;
  text-transform: uppercase;
  color: #f4f8ff;
}
.tm-footer-desc{
  margin: 4px 0 0;
  color: #a7adba;
  font-size: var(--text-lg);
  line-height: 1.2;
}
.tm-footer-copy{
  margin: 4px 0 0;
  color: #cfd3dc;
  font-size: var(--text-base);
}
.tm-footer-menu{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 12px;
  margin: 0;
  padding: 0;
}
.tm-footer-menu a{
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(59,130,246,.65);
  border-radius: 10px;
  background: rgba(59,130,246,.08);
  color: #dbe9ff;
  text-decoration: none;
  font-size: var(--text-lg);
}
.tm-footer-menu a:hover,
.tm-footer-menu a:focus-visible{
  background: rgba(59,130,246,.16);
  border-color: rgba(96,165,250,.92);
  box-shadow: 0 0 10px rgba(59,130,246,.25);
}
@media (max-width: 900px){
  .tm-footer-row{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .tm-footer-menu{
    justify-content: flex-start;
  }
}
/* fix: menu links not clickable */
header,
.tm-nav,
.tm-nav .tm-menu-list{
  position: relative;
  z-index: 120 !important;
}
.tm-nav .tm-menu-list li,
.tm-nav .tm-menu-list a{
  position: relative;
  z-index: 121 !important;
  pointer-events: auto !important;
}
.tm-nav .tm-menu-list::before,
.tm-nav .tm-menu-list::after,
.tm-nav .tm-menu-list a::before,
.tm-nav .tm-menu-list a::after{
  pointer-events: none !important;
}
/* menu text like category headlines */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-family: var(--font-exo-2), sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(22px, 1.35vw, 30px) !important;
  line-height: 1.1 !important;
  letter-spacing: 0.01em !important;
  text-transform: uppercase !important;
}
/* reduce menu size to fit header */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-size: clamp(17px, 1.02vw, 21px) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  padding: 8px 12px !important;
}
.tm-nav .tm-menu-list{
  padding: 4px !important;
  gap: 6px !important;
}
/* menu medium size */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-size: clamp(19px, 1.12vw, 24px) !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  padding: 9px 14px !important;
}
.tm-nav .tm-menu-list{
  padding: 5px !important;
  gap: 7px !important;
}
/* subscribe input/button spacing */
.tm-sticky-subscribe form{
  gap: 8px !important;
}
/* bigger gap: title -> email input */
.tm-sticky-subscribe h3{
  margin-bottom: 12px !important;
}

/* === FINAL POLISH: MOBILE + TYPOGRAPHY === */
@media (max-width: 1023px){
  .tm-site-title{
    font-size: clamp(40px, 12vw, 64px) !important;
    line-height: .96 !important;
  }
  .tm-nav .tm-menu-list a,
  #primary-menu-wrap .tm-menu-list a{
    font-size: clamp(17px, 4.2vw, 22px) !important;
    padding: 10px 12px !important;
  }
  .tm-front-top-grid{
    gap: 12px !important;
  }
  .tm-front-lead-media{
    height: 210px !important;
  }
  .tm-mosaic,
  .tm-mosaic-4{
    gap: 12px !important;
  }
  .tm-tile > .p-4{
    padding: 12px !important;
  }
  .tm-footer-row{
    gap: 8px !important;
  }
}

/* Typography rhythm */
.tm-tile h3{
  font-size: clamp(30px, 2.1vw, 38px) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
}
.tm-tile p{
  font-size: clamp(20px, 1.25vw, 24px) !important;
  line-height: 1.35 !important;
}
.tm-front-lead h1{
  font-size: clamp(44px, 3.6vw, 62px) !important;
  line-height: 1.02 !important;
}
.tm-front-lead p{
  font-size: clamp(21px, 1.25vw, 26px) !important;
}
.tm-full-row h3{
  font-size: clamp(38px, 2.7vw, 52px) !important;
  line-height: 1.03 !important;
}

/* Sidebar balance */
.tm-trending-link{
  font-size: clamp(18px, 1.08vw, 24px) !important;
  line-height: 1.28 !important;
}
.tm-sticky-subscribe form{
  gap: 10px !important;
}
.tm-sticky-subscribe h3{
  margin-bottom: 12px !important;
}
/* typography rebalance (smaller, cleaner) */

/* header */
.tm-site-title{
  font-size: clamp(42px, 4vw, 58px) !important;
}
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-size: clamp(14px, .95vw, 17px) !important;
  padding: 7px 10px !important;
}

/* section titles */
h1.font-heading.text-7xl,
h1.font-heading.text-8xl,
h2.font-heading.text-6xl{
  font-size: clamp(28px, 2.2vw, 38px) !important;
  line-height: 1.08 !important;
}

/* cards */
.tm-tile h3{
  font-size: clamp(20px, 1.35vw, 27px) !important;
  line-height: 1.12 !important;
}
.tm-tile p{
  font-size: clamp(15px, .96vw, 18px) !important;
  line-height: 1.35 !important;
}
.tm-chip{
  font-size: clamp(11px, .78vw, 13px) !important;
  padding: 2px 8px !important;
}

/* lead */
.tm-front-lead h1{
  font-size: clamp(34px, 2.7vw, 46px) !important;
}
.tm-front-lead p{
  font-size: clamp(16px, 1.02vw, 19px) !important;
}

/* sidebar */
.tm-trending-link{
  font-size: clamp(15px, .95vw, 18px) !important;
}
.tm-sticky-subscribe h3{
  font-size: clamp(26px, 1.5vw, 32px) !important;
}
.tm-sticky-subscribe .tm-btn{
  font-size: clamp(14px, .9vw, 16px) !important;
}
/* fix oversized full-row titles */
.tm-full-row h3{
  font-size: clamp(30px, 2vw, 42px) !important;
  line-height: 1.05 !important;
}
.tm-full-row p{
  font-size: clamp(17px, 1.02vw, 20px) !important;
  line-height: 1.32 !important;
}
.tm-full-row .tm-chip{
  font-size: 12px !important;
  padding: 2px 8px !important;
}
/* page/2+ feed: smaller typography */
.tm-feed-copy h2{
  font-size: clamp(34px, 2.1vw, 50px) !important;
  line-height: 1.05 !important;
}
.tm-feed-copy p{
  font-size: clamp(18px, 1.05vw, 22px) !important;
  line-height: 1.32 !important;
}
.tm-feed-item{
  grid-template-columns: 84px 1fr !important;
  gap: 14px !important;
}
.tm-feed-thumb{
  width: 84px !important;
  height: 84px !important;
}
/* feed and full-row cards: extra compact */
.tm-full-row h3{
  font-size: clamp(24px, 1.5vw, 32px) !important;
  line-height: 1.08 !important;
}
.tm-full-row p{
  font-size: clamp(14px, .86vw, 16px) !important;
  line-height: 1.3 !important;
}
.tm-full-row .tm-card-meta{
  margin-bottom: 6px !important;
}
.tm-full-row .p-5,
.tm-full-row .p-6{
  padding: 12px !important;
}
.tm-full-row{
  min-height: 180px !important;
}
.tm-full-row-media{
  min-height: 180px !important;
}
/* feed and full-row cards: extra compact */
.tm-full-row h3{
  font-size: clamp(24px, 1.5vw, 32px) !important;
  line-height: 1.08 !important;
}
.tm-full-row p{
  font-size: clamp(14px, .86vw, 16px) !important;
  line-height: 1.3 !important;
}
.tm-full-row .tm-card-meta{
  margin-bottom: 6px !important;
}
.tm-full-row .p-5,
.tm-full-row .p-6{
  padding: 12px !important;
}
.tm-full-row{
  min-height: 180px !important;
}
.tm-full-row-media{
  min-height: 180px !important;
}
/* page/2+ ultra compact list */
.tm-feed-copy h2{
  font-size: clamp(22px, 1.35vw, 30px) !important;
  line-height: 1.07 !important;
  margin: 0 0 4px !important;
}
.tm-feed-copy p{
  font-size: clamp(14px, .88vw, 16px) !important;
  line-height: 1.28 !important;
  margin: 0 0 2px !important;
}
.tm-feed-item{
  grid-template-columns: 56px 1fr !important;
  gap: 10px !important;
  margin-bottom: 4px !important;
}
.tm-feed-thumb{
  width: 56px !important;
  height: 56px !important;
  border-radius: 4px !important;
}
.tm-feed-list{
  gap: 8px !important;
}
/* === TYPOGRAPHY SYSTEM v2 === */
:root{
  --tm-base: 16px;
  --tm-h1: clamp(48px, 4.2vw, 56px);
  --tm-h2: clamp(28px, 2.2vw, 32px);
  --tm-h3: clamp(20px, 1.45vw, 22px);
  --tm-lead: clamp(18px, 1.15vw, 20px);
  --tm-body: 16px;
  --tm-ui: 16px;
  --tm-small: 14px;
}

/* H1 hero */
.tm-front-lead h1{
  font-size: var(--tm-h1) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
}

/* H2 section titles */
h2.font-heading,
.tm-trending-panel h3,
.tm-sticky-subscribe h3{
  font-size: var(--tm-h2) !important;
  line-height: 1.24 !important;
  font-weight: 700 !important;
}

/* H3 card titles */
.tm-tile h3,
.tm-feed-copy h2,
.tm-full-row h3{
  font-size: var(--tm-h3) !important;
  line-height: 1.34 !important;
  font-weight: 700 !important;
}

/* Lead/body text */
.tm-front-lead p{
  font-size: var(--tm-lead) !important;
  line-height: 1.5 !important;
}
.tm-tile p,
.tm-feed-copy p,
.tm-full-row p{
  font-size: var(--tm-body) !important;
  line-height: 1.46 !important;
  color: #c7ceda !important;
}

/* UI text */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a,
.tm-btn,
.tm-load-more-btn,
.tm-story-btn{
  font-size: var(--tm-ui) !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}

/* small text */
.tm-chip,
.tm-footer-copy,
.tm-footer-desc,
.tm-feed-copy .text-lg,
.tm-feed-copy .text-sm{
  font-size: var(--tm-small) !important;
  line-height: 1.32 !important;
}

/* Mobile scale */
@media (max-width: 767px){
  .tm-front-lead h1{ font-size: clamp(32px, 8.2vw, 36px) !important; }
  h2.font-heading,
  .tm-trending-panel h3,
  .tm-sticky-subscribe h3{ font-size: 24px !important; }
  .tm-tile h3,
  .tm-feed-copy h2,
  .tm-full-row h3{ font-size: 18px !important; }
  .tm-tile p,
  .tm-feed-copy p,
  .tm-full-row p{ font-size: 15px !important; line-height: 1.45 !important; }
}
/* page/2+ -> same look as homepage cards */
body.paged .tm-feed-list{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
}
body.paged .tm-feed-item{
  display:block !important;
  border:1px solid rgba(82,82,91,.45) !important;
  border-radius:12px !important;
  overflow:hidden !important;
  background:linear-gradient(165deg, rgba(34,37,49,.78), rgba(24,24,27,.84)) !important;
}
body.paged .tm-feed-thumb{
  width:100% !important;
  height:190px !important;
  border-radius:0 !important;
}
body.paged .tm-feed-copy{
  padding:12px !important;
}
body.paged .tm-feed-copy h2{
  font-size:clamp(20px,1.45vw,22px) !important;
  line-height:1.34 !important;
  font-weight:700 !important;
  margin:0 0 6px !important;
}
body.paged .tm-feed-copy p{
  font-size:16px !important;
  line-height:1.46 !important;
  margin:0 0 4px !important;
}
@media (max-width:1200px){
  body.paged .tm-feed-list{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:767px){
  body.paged .tm-feed-list{ grid-template-columns:1fr !important; }
}
/* rollback page/2 layout changes */
body.paged .tm-feed-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
body.paged .tm-feed-item{
  display:grid !important;
  grid-template-columns:56px 1fr !important;
  gap:10px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  overflow:visible !important;
}
body.paged .tm-feed-thumb{
  width:56px !important;
  height:56px !important;
  border-radius:4px !important;
}
body.paged .tm-feed-copy{
  padding:0 !important;
}

/* only text size for page/2+ */
body.paged .tm-feed-copy h2{
  font-size: clamp(20px, 1.3vw, 24px) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
body.paged .tm-feed-copy p{
  font-size: 16px !important;
  line-height: 1.45 !important;
  margin: 0 0 4px !important;
}
body.paged .tm-feed-copy .text-lg,
body.paged .tm-feed-copy .text-sm{
  font-size: 14px !important;
  line-height: 1.32 !important;
}
/* menu x2 */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-size: clamp(32px, 2.1vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 800 !important;
  padding: 14px 24px !important;
}
.tm-nav .tm-menu-list{
  padding: 8px !important;
  gap: 12px !important;
}
/* rollback menu size (normal balanced) */
.tm-nav .tm-menu-list a,
#primary-menu-wrap .tm-menu-list a{
  font-size: clamp(19px, 1.12vw, 24px) !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  padding: 9px 14px !important;
}
.tm-nav .tm-menu-list{
  padding: 5px !important;
  gap: 7px !important;
}
/* === tehlaba polish start === */

/* 1) Page 2: размер текста ближе к главной */
.tm-feed-copy h2 {
  font-size: clamp(1.75rem, 2.5vw, 2.7rem) !important;
  line-height: 1.1 !important;
}
.tm-feed-copy p:not(:last-child) {
  font-size: var(--text-xl) !important;
  line-height: 1.4 !important;
}
.tm-feed-copy p:last-child {
  font-size: var(--text-lg) !important;
  color: #a1a1aa !important;
}

/* 2) Подписка: компактнее и аккуратнее */
.tm-sticky-subscribe h3 {
  margin-bottom: 0.45rem !important;
}
.tm-subscribe-form {
  gap: 0.7rem !important;
}
.tm-sticky-subscribe .tm-input {
  margin-bottom: 0.05rem !important;
}

/* 3) В тренде: звёздочки и выравнивание */
.tm-trending-item {
  align-items: center !important;
}
.tm-trending-rank {
  width: 1.8rem !important;
  height: 1.8rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* 4) Меню: аккуратные размеры, жирность, активный пункт */
.tm-nav .tm-menu-list a {
  font-weight: 700 !important;
  font-size: 1.12rem !important;
  padding: 0.58rem 1rem !important;
  border-radius: 0.58rem !important;
}
.tm-nav .tm-menu-list .current-menu-item > a,
.tm-nav .tm-menu-list .current_page_item > a,
.tm-nav .tm-menu-list .current-menu-ancestor > a {
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.45) !important;
}

/* === tehlaba polish end === */

/* headings compact */
.tm-front-rail > h2,
section > .mb-5 > h2,
.tm-trending-panel > h3,
.tm-sticky-subscribe > h3 {
  font-size: clamp(1.55rem, 1.9vw, 2rem) !important;
  line-height: 1.15 !important;
}

/* headings compact -10% */
.tm-front-rail > h2,
section > .mb-5 > h2,
.tm-trending-panel > h3,
.tm-sticky-subscribe > h3 {
  font-size: clamp(1.4rem, 1.72vw, 1.8rem) !important;
}

/* headings compact - another 10% */
.tm-front-rail > h2,
section > .mb-5 > h2,
.tm-trending-panel > h3,
.tm-sticky-subscribe > h3 {
  font-size: clamp(1.26rem, 1.55vw, 1.62rem) !important;
  line-height: 1.12 !important;
}

/* headings compact - another 10% */
.tm-front-rail > h2,
section > .mb-5 > h2,
.tm-trending-panel > h3,
.tm-sticky-subscribe > h3 {
  font-size: clamp(1.14rem, 1.4vw, 1.46rem) !important;
  line-height: 1.1 !important;
}

/* category pages typography = homepage scale */
body.category .tm-panel h1 {
  font-size: clamp(2rem, 3.2vw, 3rem) !important;
  line-height: 1.08 !important;
}

body.category .tm-card h2 {
  font-size: clamp(1.45rem, 2.1vw, 2rem) !important;
  line-height: 1.15 !important;
}

body.category .tm-card p {
  font-size: var(--text-lg) !important;
  line-height: 1.4 !important;
}

body.category .tm-chip {
  font-size: var(--text-base) !important;
}

/* category cards: make like homepage */
body.category .tm-card h2,
body.category .tm-card h3 {
  font-size: clamp(1.1rem, 1.45vw, 1.45rem) !important;
  line-height: 1.18 !important;
}

body.category .tm-card p {
  font-size: var(--text-base) !important;
  line-height: 1.38 !important;
}

body.category .tm-card .tm-chip {
  font-size: var(--text-sm) !important;
  padding: 0.18rem 0.62rem !important;
}

/* === article blocks start === */
#tehlaba-tldr,
#tehlaba-toc,
#tehlaba-terms,
#tehlaba-related {
  margin: 1.2rem 0 1.35rem;
  padding: 1rem 1rem 0.95rem;
  border: 1px solid rgba(59,130,246,0.28);
  border-radius: 0.8rem;
  background: linear-gradient(165deg, rgba(21,23,31,.88), rgba(28,30,40,.84));
  box-shadow: inset 0 0 0 1px rgba(63,63,70,.22);
}

#tehlaba-tldr h2,
#tehlaba-toc h2,
#tehlaba-terms h2,
#tehlaba-related h2 {
  margin: 0 0 0.65rem;
  font-family: var(--font-exo-2), sans-serif;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  line-height: 1.15;
  font-weight: 700;
  color: #dbeafe;
}

#tehlaba-tldr ul,
#tehlaba-toc ol,
#tehlaba-terms ul,
#tehlaba-related ul {
  margin: 0;
  padding-left: 1.1rem;
}

#tehlaba-tldr li,
#tehlaba-toc li,
#tehlaba-terms li,
#tehlaba-related li {
  margin: 0.35rem 0;
  font-size: var(--text-lg);
  line-height: 1.45;
  color: #d4d4d8;
}

#tehlaba-toc a,
#tehlaba-related a {
  color: #93c5fd;
  text-decoration: none;
}

#tehlaba-toc a:hover,
#tehlaba-related a:hover {
  color: #bfdbfe;
  text-shadow: 0 0 10px rgba(59,130,246,.35);
}

@media (max-width: 767px) {
  #tehlaba-tldr,
  #tehlaba-toc,
  #tehlaba-terms,
  #tehlaba-related {
    padding: 0.85rem 0.85rem 0.8rem;
    margin: 1rem 0 1.1rem;
  }

  #tehlaba-tldr h2,
  #tehlaba-toc h2,
  #tehlaba-terms h2,
  #tehlaba-related h2 {
    font-size: 1.12rem;
  }

  #tehlaba-tldr li,
  #tehlaba-toc li,
  #tehlaba-terms li,
  #tehlaba-related li {
    font-size: var(--text-base);
  }
}
/* === article blocks end === */

/* === updated badge start === */
#tehlaba-updated {
  margin: 0.65rem 0 1rem;
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
  padding: 0.24rem 0.72rem;
  border: 1px solid rgba(59,130,246,.45);
  border-radius: 9999px;
  background: rgba(59,130,246,.1);
  color: #93c5fd;
  font-family: var(--font-exo-2), sans-serif;
  font-size: var(--text-sm);
  line-height: 1.2;
  letter-spacing: .01em;
}
#tehlaba-updated::before {
  content: "•";
  color: #60a5fa;
  font-size: 1rem;
}
/* === updated badge end === */

/* Hero kicker size tweak */
.tm-front-lead .tm-kicker{
  font-size: clamp(10px, .68vw, 12px) !important;
  padding: 2px 8px !important;
  letter-spacing: .02em !important;
  gap: .34rem !important;
}
.tm-front-lead .tm-kicker::before{
  width: .34rem !important;
  height: .34rem !important;
}