/* V24.4 Production safety layer: layout containment + media overflow fixes */

:root{
  --ttcp-media-ratio: 16 / 10;
  --ttcp-media-ratio-tall: 4 / 5;
}

#site-content{
  overflow-x: clip;
}

.cp-shell,
.cp-home-section,
.cp-list,
.cp-list-card,
.cp-list-body,
.cp-archive-shell,
.cp-archive-featured,
.cp-archive-featured-card,
.cp-archive-featured-body,
.cp-archive-list,
.cp-archive-list-card,
.cp-archive-row-card,
.cp-archive-row-body,
.cp-magazine-column,
.cp-magazine-column-body,
.cp-magazine-mini,
.cp-magazine-mini-body,
.cp-home-spotlight-editorial,
.cp-home-spotlight-featured,
.cp-home-spotlight-side-card,
.cp-home-spotlight-side-body{
  min-width: 0;
}

.cp-list-card,
.cp-archive-featured-card,
.cp-archive-row-card,
.cp-magazine-mini,
.cp-home-spotlight-side-card{
  max-width: 100%;
}

.cp-list-thumb,
.cp-archive-featured-media,
.cp-archive-row-thumb,
.cp-archive-lead-media,
.cp-magazine-lead-media,
.cp-magazine-mini-thumb,
.cp-home-spotlight-featured-media,
.cp-home-spotlight-side-media,
.cp-home-ranking-thumb,
.cp-latest-card-media,
.cp-guide-media,
.cp-card-media,
.cp-related-thumb{
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  isolation: isolate;
  background: #e8eef8;
}

.cp-list-thumb,
.cp-archive-featured-media,
.cp-archive-row-thumb,
.cp-archive-lead-media{
  aspect-ratio: var(--ttcp-media-ratio);
}

.cp-magazine-mini-thumb,
.cp-home-ranking-thumb{
  aspect-ratio: 1 / 1;
}

.cp-home-spotlight-side-media{
  aspect-ratio: var(--ttcp-media-ratio-tall);
}

.cp-list-thumb img,
.cp-archive-featured-media img,
.cp-archive-row-thumb img,
.cp-archive-lead-media img,
.cp-magazine-lead-media img,
.cp-magazine-mini-thumb img,
.cp-home-spotlight-featured-media img,
.cp-home-spotlight-side-media img,
.cp-home-ranking-thumb img,
.cp-latest-card-media img,
.cp-guide-media img,
.cp-card-media img,
.cp-related-thumb img{
  display: block;
  width: 100% !important;
  max-width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover;
}

.cp-list-title,
.cp-list-excerpt,
.cp-archive-featured-title,
.cp-archive-featured-excerpt,
.cp-magazine-lead-title,
.cp-magazine-lead-excerpt,
.cp-magazine-mini-title,
.cp-home-spotlight-side-title,
.cp-home-spotlight-side-excerpt{
  overflow-wrap: anywhere;
}

.search .cp-list-card,
.archive .cp-list-card,
.category .cp-list-card,
.blog .cp-list-card{
  align-items: stretch;
}

.search .cp-list-thumb,
.archive .cp-list-thumb,
.category .cp-list-thumb,
.blog .cp-list-thumb,
.archive .cp-archive-featured-media,
.category .cp-archive-featured-media{
  align-self: stretch;
}

.search .cp-list-thumb .cp-archive-media-placeholder,
.archive .cp-list-thumb .cp-archive-media-placeholder,
.category .cp-list-thumb .cp-archive-media-placeholder,
.blog .cp-list-thumb .cp-archive-media-placeholder,
.archive .cp-archive-featured-media .cp-archive-media-placeholder,
.category .cp-archive-featured-media .cp-archive-media-placeholder{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  background:linear-gradient(135deg,#eef3fb 0%,#dde7f7 100%);
}

@media (max-width: 1024px){
  .cp-list-card,
  .cp-archive-row-card{
    grid-template-columns: 1fr;
  }

  .cp-archive-featured-card{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px){
  .cp-list-thumb,
  .cp-archive-featured-media,
  .cp-archive-row-thumb,
  .cp-archive-lead-media,
  .cp-latest-card-media,
  .cp-guide-media,
  .cp-card-media{
    aspect-ratio: 16 / 10;
  }

  .cp-home-spotlight-featured-media{
    min-height: 0 !important;
    aspect-ratio: 16 / 11;
  }

  .cp-home-spotlight-side-media{
    aspect-ratio: 16 / 10;
  }
}


/* Header V2 Premium SaaS */
.site-header-v2{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(207,217,233,.82);box-shadow:0 10px 26px rgba(21,33,56,.04)}
.site-header-v2::before{display:none}
.site-header-v2 .jh-topbar{border-bottom:1px solid rgba(226,233,244,.9);background:linear-gradient(180deg,rgba(248,250,255,.95),rgba(255,255,255,.82))}
.site-header-v2 .jh-topbar-inner{display:flex;align-items:center;justify-content:center;gap:18px;min-height:42px;flex-wrap:wrap;padding-top:6px;padding-bottom:6px}
.site-header-v2 .jh-topbar a{font-size:1.38rem;font-weight:700;color:#6c7b98;line-height:1;text-decoration:none;transition:color .2s ease, transform .2s ease}
.site-header-v2 .jh-topbar a:hover{color:var(--cp-accent);transform:translateY(-1px)}
.site-header-v2 .jh-mainbar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:26px;min-height:78px;padding-top:0;padding-bottom:0}
.site-header-v2 .ttcp-brand-wrap{min-width:0}
.site-header-v2 .header-titles{gap:0}
.site-header-v2 .site-title,.site-header-v2 .site-title a{position:relative;display:inline-flex;align-items:center;gap:0;font-size:2.9rem;line-height:1;font-weight:900;letter-spacing:-.05em;color:#0b1d41;text-transform:uppercase;text-decoration:none}
.site-header-v2 .site-title::before,.site-header-v2 .site-title a::before{content:"";position:absolute;left:0;top:-12px;width:78px;height:4px;border-radius:999px;background:linear-gradient(90deg,#7c82ff,#4f46e5 45%,#2dd4bf)}
.site-header-v2 .site-title span,.site-header-v2 .site-title a span{color:#0b1d41}
.site-header-v2 .site-description{display:none!important}
.site-header-v2 .header-navigation-wrapper{display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px}
.site-header-v2 .primary-menu-wrapper{display:flex;justify-content:flex-end}
.site-header-v2 .jh-main-links{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.site-header-v2 .jh-main-links>li{position:relative;display:flex;align-items:center}
.site-header-v2 .jh-main-links>li>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:999px;font-size:1.42rem;font-weight:800;color:#304462;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease}
.site-header-v2 .jh-main-links>li>a:hover,.site-header-v2 .jh-main-links>li:hover>a{background:#eef3ff;color:#4f46e5;transform:translateY(-1px)}
.site-header-v2 .jh-states-menu>a::after{content:"▾";font-size:1rem;margin-left:8px;opacity:.7}
.site-header-v2 .jh-states-menu .sub-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:rgba(255,255,255,.98);border:1px solid rgba(219,227,240,.95);border-radius:18px;box-shadow:0 24px 48px rgba(16,27,50,.12);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:30}
.site-header-v2 .jh-states-menu:hover .sub-menu,.site-header-v2 .jh-states-menu:focus-within .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.site-header-v2 .jh-states-menu .sub-menu li{margin:0}
.site-header-v2 .jh-states-menu .sub-menu a{display:block;padding:10px 12px;border-radius:12px;font-size:1.3rem;font-weight:700;color:#445777;text-decoration:none}
.site-header-v2 .jh-states-menu .sub-menu a:hover{background:#f4f7ff;color:#4f46e5}
.site-header-v2 .jh-header-actions{display:flex;align-items:center;gap:12px}
.site-header-v2 .jh-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#5f63ff,#4038d8);box-shadow:0 14px 28px rgba(79,70,229,.22);font-size:1.36rem;font-weight:800;color:#fff;text-decoration:none}
.site-header-v2 .jh-header-cta:hover{transform:translateY(-1px);box-shadow:0 18px 30px rgba(79,70,229,.26)}
.site-header-v2 .mobile-nav-toggle{display:none;min-height:44px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid rgba(214,224,238,.9);box-shadow:0 8px 18px rgba(20,31,54,.05)}
.site-header-v2 .toggle-text{font-size:1.3rem;color:#324562}
.site-header-v2 .jh-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#5f63ff,#4038d8);font-size:1.42rem;font-weight:800;color:#fff;text-decoration:none;margin-top:18px}
@media (max-width:1100px){.site-header-v2 .jh-mainbar{grid-template-columns:1fr auto}.site-header-v2 .primary-menu-wrapper,.site-header-v2 .jh-header-cta{display:none}.site-header-v2 .mobile-nav-toggle{display:inline-flex}.site-header-v2 .header-navigation-wrapper{display:flex;justify-content:flex-end}.site-header-v2 .jh-topbar-inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:10px;-ms-overflow-style:none;scrollbar-width:none}.site-header-v2 .jh-topbar-inner::-webkit-scrollbar{display:none}}
@media (max-width:780px){.site-header-v2 .jh-topbar{display:none}.site-header-v2 .jh-mainbar{min-height:70px;padding-left:14px;padding-right:14px}.site-header-v2 .site-title,.site-header-v2 .site-title a{font-size:2.45rem}.site-header-v2 .site-title::before,.site-header-v2 .site-title a::before{top:-10px;width:62px}.site-header-v2 .mobile-nav-toggle{display:inline-flex}}