/*
Theme Name: CtrlShift Teknoloji Haber Teması
Theme URI: https://example.com/ctrlshift
Author: CtrlShift Yayıncılık Ekibi
Author URI: https://example.com
Description: CtrlShift modern yayıncılık standartlarına uygun; Bento manşet vitrini, numaralı manşet seçici, gündem hikaye kuşağı, donanım/ürün inceleme puanlama modülü (artılar/eksiler), otomatik içindekiler tablosu, açık/koyu tema desteği ve yüksek Core Web Vitals performansına sahip profesyonel WordPress teknoloji haber teması.
Version: 1.4.0
Requires at least: 6.2
Tested up to: 6.7
Requires PHP: 8.3
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ctrlshift
Domain Path: /languages
Tags: news, blog, two-columns, right-sidebar, left-sidebar, custom-logo, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, rtl-language-support
*/

/* ==========================================================================
   1. MERKEZİ CSS DEĞİŞKENLERİ (CTRLSHIFT TASARIM SİSTEMİ)
   ========================================================================== */
:root {
  --nt-bg: #F4F6F9;
  --nt-surface: #FFFFFF;
  --nt-surface-alt: #EDF1F7;
  --nt-dark-showcase: #0F172A;
  --nt-text: #111827;
  --nt-text-muted: #64748B;
  --nt-primary: #2563EB;
  --nt-primary-hover: #1D4ED8;
  --nt-primary-soft: rgba(37, 99, 235, 0.08);
  --nt-border: #E2E8F0;
  --nt-danger: #DC2626;
  --nt-success: #16A34A;
  --nt-radius-sm: 6px;
  --nt-radius: 10px;
  --nt-radius-lg: 14px;
  --nt-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --nt-shadow: 0 8px 24px rgba(15, 23, 42, 0.07);
  --nt-container: 1320px;
  --nt-gutter: 1.25rem;
  --nt-font-sans: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nt-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

[data-theme="dark"] {
  --nt-bg: #090D16;
  --nt-surface: #111827;
  --nt-surface-alt: #1E293B;
  --nt-dark-showcase: #0F172A;
  --nt-text: #F8FAFC;
  --nt-text-muted: #969DA8;
  --nt-article-text: #C5C9D0;
  --nt-article-heading: #E2E5EA;
  --nt-article-muted: #969DA8;
  --nt-primary: #3B82F6;
  --nt-primary-hover: #60A5FA;
  --nt-primary-soft: rgba(59, 130, 246, 0.14);
  --nt-border: #1E293B;
  --nt-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
  --nt-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* ==========================================================================
   2. TEMEL SIFIRLAMA VE TİPOGRAFİ
   ========================================================================== */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--nt-font-sans);
  font-size: 1rem;
  line-height: 1.65;
  color: var(--nt-text);
  background-color: var(--nt-bg);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

[data-theme="dark"] body {
  letter-spacing: 0.005em;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.65rem;
  font-weight: 800;
  line-height: 1.24;
  color: var(--nt-text);
  letter-spacing: -0.02em;
  text-wrap: balance;
}

h1 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
h2 { font-size: clamp(1.35rem, 2.2vw, 1.75rem); }
h3 { font-size: clamp(1.125rem, 1.6vw, 1.35rem); }
h4 { font-size: 1.0625rem; }

p {
  margin-top: 0;
  margin-bottom: 1.15rem;
}

a {
  color: var(--nt-text);
  text-decoration: none;
  transition: color 0.15s ease;
}

a:hover {
  color: var(--nt-primary);
}

img,
svg,
video,
iframe {
  max-width: 100%;
  height: auto;
  display: block;
}

figure {
  margin: 0 0 1.25rem 0;
}

figcaption {
  font-size: 0.8125rem;
  color: var(--nt-text-muted);
  margin-top: 0.5rem;
  line-height: 1.45;
}

/* ==========================================================================
   3. ERİŞİLEBİLİRLİK & OKUMA İLERLEME ÇUBUĞU
   ========================================================================== */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.skip-link {
  position: absolute;
  top: -100px;
  left: 1rem;
  background: var(--nt-primary);
  color: #FFFFFF;
  padding: 0.65rem 1.25rem;
  border-radius: var(--nt-radius-sm);
  font-weight: 600;
  z-index: 9999;
}

.skip-link:focus {
  top: 1rem;
  color: #FFFFFF;
  outline: 3px solid var(--nt-text);
}

:focus-visible {
  outline: 2px solid var(--nt-primary);
  outline-offset: 2px;
}

.nt-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--nt-primary);
  z-index: 999;
  transform-origin: 0 50%;
  transform: scaleX(0);
  will-change: transform;
  transition: transform 0.08s ease-out;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ==========================================================================
   4. DÜZEN VE KAPSAYICILAR
   ========================================================================== */
.nt-container {
  width: 100%;
  max-width: var(--nt-container);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--nt-gutter);
  padding-right: var(--nt-gutter);
  box-sizing: border-box;
}

.nt-site-main {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
  width: 100%;
  max-width: 100%;
}

.nt-layout-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 1.75rem;
  align-items: start;
  width: 100%;
  max-width: 100%;
}

.nt-primary-column,
.nt-sidebar-column,
.nt-continuous-stream,
.nt-stream-article-wrapper {
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.nt-layout-grid.nt-sidebar-left {
  grid-template-columns: 320px minmax(0, 1fr);
}

.nt-layout-grid.nt-sidebar-left .nt-primary-column {
  order: 2;
}

.nt-layout-grid.nt-sidebar-left .nt-sidebar-column {
  order: 1;
}

.nt-layout-grid.nt-sidebar-none {
  grid-template-columns: minmax(0, 1fr);
}

/* ==========================================================================
   5. HEADER VE TEKNOLOJİ KATEGORİ ŞERİDİ
   ========================================================================== */
.nt-header {
  background-color: var(--nt-surface);
  border-bottom: 1px solid var(--nt-border);
  position: sticky;
  top: 0;
  z-index: 100;
}

.nt-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  min-height: 68px;
}

.nt-brand {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

.nt-brand .custom-logo-link img {
  max-height: 40px;
  width: auto;
}

.nt-site-title {
  font-size: 1.45rem;
  font-weight: 900;
  letter-spacing: -0.035em;
  color: var(--nt-text);
  margin: 0;
  line-height: 1.1;
}

.nt-site-title a {
  color: inherit;
}

.nt-site-description {
  font-size: 0.75rem;
  color: var(--nt-text-muted);
  margin: 0;
}

.nt-main-nav {
  display: flex;
  align-items: center;
  flex: 1;
}

.nt-nav-list {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.nt-nav-list > li > a {
  display: inline-block;
  padding: 0.5rem 0.25rem;
  font-size: 0.9375rem;
  font-weight: 700;
  color: var(--nt-text);
  border-bottom: 2px solid transparent;
}

.nt-nav-list > li > a:hover,
.nt-nav-list > li.current-menu-item > a,
.nt-nav-list > li.current-category-ancestor > a {
  color: var(--nt-primary);
  border-bottom-color: var(--nt-primary);
}

.nt-category-bar {
  background-color: var(--nt-surface);
  border-bottom: 1px solid var(--nt-border);
  font-size: 0.8125rem;
}

.nt-category-bar-inner {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  overflow-x: auto;
  padding-top: 0.55rem;
  padding-bottom: 0.55rem;
  scrollbar-width: none;
}

.nt-category-bar-inner::-webkit-scrollbar {
  display: none;
}

.nt-category-bar-label {
  font-weight: 800;
  color: var(--nt-primary);
  white-space: nowrap;
}

.nt-category-links {
  display: flex;
  align-items: center;
  gap: 1.15rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.nt-category-links a {
  color: var(--nt-text-muted);
  white-space: nowrap;
  font-weight: 600;
}

.nt-category-links a:hover {
  color: var(--nt-primary);
}

.nt-header-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.nt-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 0.5rem;
  background: var(--nt-surface-alt);
  color: var(--nt-text);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.nt-icon-btn:hover {
  background: var(--nt-primary-soft);
  color: var(--nt-primary);
}

.nt-mobile-toggle {
  display: none;
}

.nt-search-drawer {
  display: none;
  background: var(--nt-surface);
  border-bottom: 1px solid var(--nt-border);
  padding: 1rem 0;
}

.nt-search-drawer.is-open {
  display: block;
}

/* ==========================================================================
   6. SICAK GÜNDEM / HİKAYE (STORY) KUŞAĞI (CTRLSHIFT STİLİ)
   ========================================================================== */
.nt-story-strip {
  background-color: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  padding: 0.75rem 1rem;
  margin-bottom: 1.35rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.nt-breaking-label {
  font-size: 0.75rem;
  font-weight: 800;
  color: var(--nt-primary);
  white-space: nowrap;
  padding-right: 0.85rem;
  border-right: 1px solid var(--nt-border);
}

.nt-story-items {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  overflow-x: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
}

.nt-story-items::-webkit-scrollbar {
  display: none;
}

.nt-story-item {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  white-space: nowrap;
  font-size: 0.85rem;
}

.nt-story-avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  padding: 2px;
  border: 2px solid var(--nt-primary);
  overflow: hidden;
  flex-shrink: 0;
}

.nt-story-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.nt-story-item a {
  font-weight: 700;
}

.nt-breaking-time {
  color: var(--nt-text-muted);
  font-size: 0.75rem;
  font-variant-numeric: tabular-nums;
}

/* ==========================================================================
   7. ASİMETRİK BENTO MANŞET VİTRİNİ & NUMARALI MANŞET SEÇİCİ
   ========================================================================== */
.nt-featured-section {
  margin-bottom: 2.25rem;
}

.nt-bento-grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  gap: 1.15rem;
}

.nt-bento-lead {
  position: relative;
  border-radius: var(--nt-radius-lg);
  overflow: hidden;
  background: #0F172A;
  min-height: 430px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid var(--nt-border);
}

.nt-bento-lead-media {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.nt-bento-lead-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.nt-bento-lead:hover .nt-bento-lead-media img {
  transform: scale(1.02);
}

.nt-bento-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(9, 13, 22, 0.95) 0%, rgba(9, 13, 22, 0.55) 50%, rgba(9, 13, 22, 0.15) 100%);
  z-index: 2;
  pointer-events: none; /* Görsel bağlantısına tıklamayı engelleme. */
}

.nt-bento-lead-content {
  position: relative;
  z-index: 3;
  padding: 1.75rem;
  color: #FFFFFF;
}

.nt-bento-lead-content .nt-meta-line,
.nt-bento-lead-content .nt-meta-sep {
  color: rgba(255, 255, 255, 0.8);
}

.nt-bento-lead-content .nt-meta-category {
  color: #60A5FA;
}

.nt-bento-lead-title {
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  color: #FFFFFF;
  margin-bottom: 0.6rem;
  line-height: 1.22;
}

.nt-bento-lead-title a {
  color: #FFFFFF;
}

.nt-bento-lead-title a:hover {
  color: #93C5FD;
}

.nt-bento-lead-excerpt {
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.925rem;
  margin-bottom: 1.15rem;
  max-width: 62ch;
}

/* Numaralı Hızlı Manşet Seçici (01 - 02 - 03 - 04) */
.nt-hero-Slider-nav {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding-top: 0.85rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.nt-hero-num-btn {
  min-width: 34px;
  height: 30px;
  padding: 0 0.5rem;
  border-radius: var(--nt-radius-sm);
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.08);
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nt-hero-num-btn:hover,
.nt-hero-num-btn.is-active {
  background: var(--nt-primary);
  border-color: var(--nt-primary);
}

/* Sağ Bento Sütunu: 1 Üst Geniş + 2 Alt Kompakt Kart */
.nt-bento-right {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 1.15rem;
}

.nt-bento-sub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.15rem;
}

.nt-bento-box {
  position: relative;
  border-radius: var(--nt-radius);
  overflow: hidden;
  background: #0F172A;
  min-height: 205px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border: 1px solid var(--nt-border);
}

.nt-bento-box-content {
  position: relative;
  z-index: 3;
  padding: 1.15rem;
  color: #FFFFFF;
}

.nt-bento-box-content .nt-meta-line {
  color: rgba(255, 255, 255, 0.78);
  margin-bottom: 0.3rem;
}

.nt-bento-box-content .nt-meta-category {
  color: #60A5FA;
}

.nt-bento-box-title {
  font-size: 1rem;
  line-height: 1.3;
  margin: 0;
  color: #FFFFFF;
}

.nt-bento-box-title a {
  color: #FFFFFF;
}

.nt-bento-box-title a:hover {
  color: #93C5FD;
}

/* ==========================================================================
   8. HABER KARTLARI, İNCELEME PUANI VE LİSTELER
   ========================================================================== */
.nt-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  padding-bottom: 0.65rem;
  border-bottom: 1px solid var(--nt-border);
}

.nt-section-title {
  font-size: 1.25rem;
  margin: 0;
}

.nt-section-link {
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--nt-primary);
}

.nt-posts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.nt-posts-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.nt-card {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.nt-card:hover {
  box-shadow: var(--nt-shadow);
}

.nt-posts-list .nt-card {
  flex-direction: row;
  align-items: stretch;
}

.nt-card-media {
  aspect-ratio: 16 / 9;
  background: var(--nt-surface-alt);
  overflow: hidden;
  flex-shrink: 0;
}

.nt-posts-list .nt-card-media {
  width: 250px;
  aspect-ratio: 16 / 10;
}

.nt-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease;
}

.nt-card:hover .nt-card-media img {
  transform: scale(1.02);
}

.nt-card-body {
  padding: 1.15rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.nt-meta-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  font-size: 0.78rem;
  color: var(--nt-text-muted);
  margin-bottom: 0.45rem;
}

.nt-meta-category {
  font-weight: 700;
  color: var(--nt-primary);
}

.nt-meta-review-score {
  font-weight: 800;
  color: var(--nt-success);
  font-variant-numeric: tabular-nums;
}

.nt-meta-sep {
  color: var(--nt-text-muted);
  opacity: 0.65;
}

.nt-card-title {
  font-size: 1.08rem;
  line-height: 1.36;
  margin-bottom: 0.5rem;
}

.nt-card-excerpt {
  font-size: 0.875rem;
  color: var(--nt-text-muted);
  margin-bottom: 0.85rem;
  flex: 1;
}

.nt-card-footer {
  font-size: 0.78rem;
  color: var(--nt-text-muted);
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

/* ==========================================================================
   9. KOYU ZEMİNLİ DONANIM İNCELEME VİTRİNİ (CTRLSHIFT VİTRİN KARAKTERİSTİĞİ)
   ========================================================================== */
.nt-review-showcase {
  margin-top: 2.25rem;
  background: var(--nt-dark-showcase);
  color: #F8FAFC;
  border-radius: var(--nt-radius-lg);
  padding: 1.5rem;
  border: 1px solid #1E293B;
}

.nt-review-showcase .nt-section-header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nt-review-showcase .nt-section-title {
  color: #FFFFFF;
}

.nt-review-showcase-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.nt-review-mini-card {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--nt-radius);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.nt-review-mini-card h4 {
  color: #FFFFFF;
  font-size: 0.95rem;
  margin: 0;
}

.nt-review-mini-card h4 a {
  color: #FFFFFF;
}

.nt-review-mini-card h4 a:hover {
  color: #60A5FA;
}

/* ==========================================================================
   10. KATEGORİ BÖLÜMLERİ VİTRİNİ & SIDEBAR
   ========================================================================== */
.nt-category-sections {
  margin-top: 2.25rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
}

.nt-category-box {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  padding: 1.25rem;
}

.nt-category-box-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.nt-category-box-item {
  padding-top: 0.85rem;
  border-top: 1px solid var(--nt-border);
}

.nt-category-box-item:first-child {
  padding-top: 0;
  border-top: 0;
}

.nt-category-box-item h4 {
  font-size: 0.95rem;
  margin-bottom: 0.25rem;
}

.nt-sidebar-column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.nt-widget {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  padding: 1.25rem;
}

.nt-widget-title {
  font-size: 1.05rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--nt-border);
}

.nt-popular-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.95rem;
}

.nt-popular-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
}

.nt-popular-rank {
  font-size: 1.125rem;
  font-weight: 800;
  color: var(--nt-primary);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
}

.nt-popular-title {
  font-size: 0.925rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 0.2rem;
}

/* ==========================================================================
   11. HABER DETAY (SINGLE.PHP), İÇİNDEKİLER VE ÜRÜN İNCELEME KUTUSU
   ========================================================================== */
.nt-reading-progress {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, #3B82F6 0%, #60A5FA 50%, #8B5CF6 100%);
  z-index: 1000;
  transform: scaleX(0);
  transform-origin: left center;
  will-change: transform;
}

.nt-article {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-lg);
  padding: 2rem 2.25rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nt-breadcrumbs {
  font-size: 0.8125rem;
  color: var(--nt-text-muted);
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  min-width: 0;
}

.nt-article-title {
  margin-bottom: 0.75rem;
  overflow-wrap: break-word;
}

.nt-article-subtitle {
  font-size: 1.125rem;
  color: var(--nt-text-muted);
  line-height: 1.55;
  margin-bottom: 1.25rem;
}

.nt-article-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--nt-border);
  border-bottom: 1px solid var(--nt-border);
  margin-bottom: 1.5rem;
  font-size: 0.85rem;
  color: var(--nt-text-muted);
}

.nt-article-featured-image {
  margin-bottom: 1.75rem;
  border-radius: var(--nt-radius);
  overflow: hidden;
  width: 100%;
  background-color: var(--nt-surface-alt);
}

.nt-article-featured-image img {
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  display: block;
}

/* Otomatik İçindekiler Tablosu (TOC) — Daraltılmış, Modern ve Kompakt Tasarım */
.nt-toc-box {
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  border-left: 3px solid var(--nt-primary);
  border-radius: var(--nt-radius);
  padding: 0.9rem 1.15rem;
  margin: 0 auto 1.5rem auto;
  max-width: 640px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.05);
}

.nt-toc-title {
  font-size: 0.9rem;
  font-weight: 800;
  margin-bottom: 0.5rem;
}

.nt-toc-list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.875rem;
}

.nt-toc-list li {
  margin-bottom: 0.3rem;
}

/* Ürün / Donanım İnceleme Özeti (Puan + Artılar + Eksiler) */
.nt-review-box {
  margin: 2rem 0;
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-lg);
  padding: 1.5rem;
}

.nt-review-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid var(--nt-border);
}

.nt-review-score-box {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  font-variant-numeric: tabular-nums;
}

.nt-review-score-value {
  font-size: 2rem;
  font-weight: 900;
  color: var(--nt-primary);
  line-height: 1;
}

.nt-review-pros-cons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.nt-review-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
}

.nt-review-list li {
  margin-bottom: 0.45rem;
}

.nt-entry-content {
  font-size: 1.0625rem;
  line-height: 1.78;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nt-entry-content > * {
  max-width: 100%;
}

.nt-entry-content h2,
.nt-entry-content h3,
.nt-entry-content h4 {
  margin-top: 1.85rem;
  margin-bottom: 0.75rem;
}

.nt-entry-content blockquote,
.wp-block-quote {
  margin: 1.5rem 0;
  padding: 1.25rem 1.5rem;
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  font-style: italic;
}

.nt-entry-content table,
.wp-block-table table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.5rem;
  font-size: 0.9375rem;
  display: block;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.nt-entry-content th,
.nt-entry-content td {
  padding: 0.65rem 0.85rem;
  border: 1px solid var(--nt-border);
  text-align: left;
}

/* Gece Modu (Dark Mode) Haber İçeriği Okuma Konforu ve Tipografi Hiyerarşisi */
[data-theme="dark"] .nt-article-title,
[data-theme="dark"] .nt-entry-content h1:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content h2:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content h3:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content h4:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content h5:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content h6:not(.nt-section-title),
[data-theme="dark"] .nt-entry-content th,
[data-theme="dark"] .nt-entry-content dt,
[data-theme="dark"] .nt-faq-showcase .nt-section-title,
[data-theme="dark"] .nt-faq-item summary {
  color: var(--nt-article-heading, #E2E5EA);
}

[data-theme="dark"] .nt-entry-content,
[data-theme="dark"] .nt-entry-content p,
[data-theme="dark"] .nt-entry-content ul,
[data-theme="dark"] .nt-entry-content ol,
[data-theme="dark"] .nt-entry-content li,
[data-theme="dark"] .nt-entry-content dl,
[data-theme="dark"] .nt-entry-content dd,
[data-theme="dark"] .nt-entry-content blockquote,
[data-theme="dark"] .nt-entry-content td,
[data-theme="dark"] .nt-faq-answer {
  color: var(--nt-article-text, #C5C9D0);
}

[data-theme="dark"] .nt-entry-content strong,
[data-theme="dark"] .nt-entry-content b {
  color: var(--nt-article-heading, #E2E5EA);
}

[data-theme="dark"] .nt-article-subtitle,
[data-theme="dark"] .nt-breadcrumbs,
[data-theme="dark"] .nt-breadcrumbs a,
[data-theme="dark"] .nt-article-meta,
[data-theme="dark"] .nt-article-meta time,
[data-theme="dark"] .nt-article-featured-image figcaption,
[data-theme="dark"] .nt-entry-content figcaption,
[data-theme="dark"] .nt-entry-content .wp-caption-text,
[data-theme="dark"] .nt-entry-content .wp-element-caption,
[data-theme="dark"] .nt-entry-content cite,
[data-theme="dark"] .nt-article-footer .nt-meta-line {
  color: var(--nt-article-muted, #969DA8);
}

[data-theme="dark"] .nt-article-meta strong,
[data-theme="dark"] .nt-article-meta a,
[data-theme="dark"] .nt-article-footer .nt-meta-line strong,
[data-theme="dark"] .nt-article-footer .nt-meta-line a {
  color: var(--nt-article-text, #C5C9D0);
}

[data-theme="dark"] .nt-breadcrumbs a:hover,
[data-theme="dark"] .nt-article-meta a:hover,
[data-theme="dark"] .nt-article-footer .nt-meta-line a:hover {
  color: var(--nt-primary-hover);
}

[data-theme="dark"] .nt-entry-content :where(p, ul, ol, dl, table, blockquote) a:not(.wp-block-button__link) {
  color: var(--nt-primary);
}

[data-theme="dark"] .nt-entry-content :where(p, ul, ol, dl, table, blockquote) a:not(.wp-block-button__link):hover {
  color: var(--nt-primary-hover);
}

.nt-share-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 2rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--nt-border);
}

.nt-share-label {
  font-size: 0.85rem;
  font-weight: 700;
  margin-right: 0.5rem;
}

.nt-share-link {
  display: inline-flex;
  align-items: center;
  padding: 0.4rem 0.85rem;
  font-size: 0.8125rem;
  font-weight: 600;
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
}

.nt-share-link:hover {
  background: var(--nt-primary);
  color: #FFFFFF;
  border-color: var(--nt-primary);
}

/* ==========================================================================
   11.5 EDİTORYAL YAZAR & EDİTÖR PROFİL BİLEŞENİ (PROFESSIONAL AUTHOR BOX)
   ========================================================================== */
.nt-author-box {
  position: relative;
  margin-top: 2rem;
  margin-bottom: 2rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-lg);
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.04);
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.nt-author-box:hover {
  border-color: rgba(37, 99, 235, 0.35);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
}

.nt-author-box.nt-author-box-archive {
  margin-top: 0;
  margin-bottom: 2rem;
}

/* İnce editoryal vurgu çizgisi */
.nt-author-accent-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--nt-primary) 0%, #60A5FA 100%);
}

.nt-author-inner {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
  padding: 1.5rem 1.75rem 1.5rem 1.85rem;
}

.nt-author-avatar-wrap {
  flex-shrink: 0;
}

.nt-author-avatar-link {
  display: block;
  position: relative;
  border-radius: 50%;
  padding: 3px;
  background: var(--nt-surface-alt);
  border: 2px solid var(--nt-border);
  transition: border-color 0.2s ease, transform 0.2s ease;
}

.nt-author-avatar-link:hover {
  border-color: var(--nt-primary);
  transform: scale(1.03);
}

.nt-author-avatar-wrap img,
.nt-author-avatar-img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.nt-author-body {
  flex: 1;
  min-width: 0;
}

.nt-author-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 0.35rem;
}

.nt-author-title-row {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.nt-author-kicker {
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nt-primary);
  line-height: 1;
}

.nt-author-name {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.25;
  margin: 0;
}

.nt-author-name a {
  color: var(--nt-text);
  text-decoration: none;
  transition: color 0.15s ease;
}

.nt-author-name a:hover {
  color: var(--nt-primary);
}

/* Doğrulanmış editör rozeti */
.nt-author-verified {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2563EB;
  flex-shrink: 0;
  vertical-align: middle;
}

.nt-author-verified svg {
  display: block;
}

/* Editoryal görev / ünvan rozeti */
.nt-author-role-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.2rem 0.65rem;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--nt-text-muted);
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  width: fit-content;
  margin-top: 0.15rem;
}

/* Yayınlanan yazı sayısı meta rozeti */
.nt-author-meta-count {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--nt-text-muted);
  background: var(--nt-surface-alt);
  padding: 0.35rem 0.7rem;
  border-radius: var(--nt-radius-sm);
  border: 1px solid var(--nt-border);
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.15s ease;
}

.nt-author-meta-count:hover {
  color: var(--nt-primary);
  border-color: var(--nt-primary);
  background: var(--nt-primary-soft);
}

/* Biyografi alanı */
.nt-author-bio {
  font-size: 0.9375rem;
  line-height: 1.65;
  color: var(--nt-text-muted);
  margin: 0.6rem 0 1rem 0;
  word-break: break-word;
}

/* Alt alan: Sosyal ikonlar + Arşiv butonu */
.nt-author-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
  padding-top: 0.85rem;
  border-top: 1px solid var(--nt-border);
  margin-top: 0.5rem;
}

.nt-author-socials {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.nt-author-social-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  color: var(--nt-text-muted);
  text-decoration: none;
  transition: all 0.18s ease;
}

.nt-author-social-btn:hover {
  background: var(--nt-primary-soft);
  color: var(--nt-primary);
  border-color: var(--nt-primary);
  transform: translateY(-2px);
}

.nt-author-social-btn.nt-social-twitter:hover {
  color: #0F172A;
}

[data-theme="dark"] .nt-author-social-btn.nt-social-twitter:hover {
  color: #FFFFFF;
}

.nt-author-social-btn.nt-social-linkedin:hover {
  color: #0A66C2;
}

.nt-author-social-btn.nt-social-youtube:hover {
  color: #DC2626;
}

.nt-author-footnote {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--nt-text-muted);
  letter-spacing: 0.02em;
}

.nt-author-archive-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--nt-primary);
  text-decoration: none;
  padding: 0.45rem 0.85rem;
  border-radius: var(--nt-radius-sm);
  background: var(--nt-primary-soft);
  border: 1px solid transparent;
  transition: all 0.15s ease;
}

.nt-author-archive-btn:hover {
  background: var(--nt-primary);
  color: #FFFFFF;
}

/* Koyu Tema Ayarları */
[data-theme="dark"] .nt-author-box {
  background: #111827;
  border-color: #1E293B;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .nt-author-box:hover {
  border-color: rgba(59, 130, 246, 0.45);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .nt-author-accent-bar {
  background: linear-gradient(180deg, #3B82F6 0%, #1D4ED8 100%);
}

[data-theme="dark"] .nt-author-avatar-link {
  background: #1E293B;
  border-color: #334155;
}

[data-theme="dark"] .nt-author-verified {
  color: #60A5FA;
}

[data-theme="dark"] .nt-author-role-badge {
  background: #1E293B;
  border-color: rgba(255, 255, 255, 0.08);
  color: #94A3B8;
}

[data-theme="dark"] .nt-author-meta-count {
  background: #1E293B;
  border-color: #334155;
  color: #94A3B8;
}

[data-theme="dark"] .nt-author-social-btn {
  background: #1E293B;
  border-color: #334155;
  color: #94A3B8;
}

[data-theme="dark"] .nt-author-social-btn:hover {
  background: rgba(59, 130, 246, 0.2);
  border-color: #3B82F6;
  color: #93C5FD;
}

[data-theme="dark"] .nt-author-archive-btn {
  background: rgba(59, 130, 246, 0.15);
  color: #93C5FD;
}

[data-theme="dark"] .nt-author-archive-btn:hover {
  background: #3B82F6;
  color: #FFFFFF;
}

.nt-post-navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.75rem;
}

.nt-post-nav-item {
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  padding: 1rem;
}

.nt-related-posts {
  margin-top: 2rem;
}

/* ==========================================================================
   12. SAYFALAMA, ARAMA FORMU, YORUMLAR, REKLAM VE FOOTER
   ========================================================================== */
.nt-pagination {
  margin-top: 2rem;
}

.nt-pagination .nav-links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
}

.nt-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 38px;
  padding: 0 0.75rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  font-size: 0.875rem;
  font-weight: 600;
}

.nt-pagination .page-numbers.current,
.nt-pagination .page-numbers:hover {
  background: var(--nt-primary);
  color: #FFFFFF;
  border-color: var(--nt-primary);
}

.nt-search-form {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}

.nt-search-input {
  flex: 1;
  min-height: 42px;
  padding: 0.5rem 0.9rem;
  background: var(--nt-bg);
  color: var(--nt-text);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  font-size: 0.9375rem;
}

.nt-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0.5rem 1.15rem;
  background: var(--nt-primary);
  color: #FFFFFF;
  border: 1px solid var(--nt-primary);
  border-radius: var(--nt-radius-sm);
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
}

.nt-btn:hover {
  background: var(--nt-primary-hover);
  color: #FFFFFF;
}

.nt-ad-slot {
  margin: 1.5rem 0;
  padding: 0.75rem;
  background: var(--nt-surface);
  border: 1px dashed var(--nt-border);
  border-radius: var(--nt-radius-sm);
  text-align: center;
  overflow: hidden;
  min-height: 90px;
  contain: layout style;
}

.nt-ad-sidebar,
.nt-ad-sidebar_middle,
.nt-ad-sidebar_bottom,
.nt-ad-sidebar_sticky {
  min-height: 250px;
}

.nt-ad-article_inline,
.nt-ad-article_after_intro,
.nt-ad-article_mid_para,
.nt-ad-article_after,
.nt-ad-article_after_image,
.nt-ad-article_before_comments,
.nt-ad-article_after_comments,
.nt-ad-mobile_inline,
.nt-ad-mobile_in_article,
.nt-ad-mobile_feed {
  min-height: 250px;
}

.nt-ad-header_below,
.nt-ad-desktop_billboard,
.nt-ad-home_below_hero,
.nt-ad-home_between,
.nt-ad-home_between_categories,
.nt-ad-home_category_specific,
.nt-ad-category_between,
.nt-ad-search_between,
.nt-ad-footer_above,
.nt-ad-footer_inside,
.nt-ad-footer {
  min-height: 90px;
}

.nt-ad-label {
  display: block;
  font-size: 0.6875rem;
  color: var(--nt-text-muted);
  margin-bottom: 0.35rem;
}

.nt-comments-area {
  margin-top: 2rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius);
  padding: 1.5rem;
}

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

.comment-body {
  padding: 1rem 0;
  border-bottom: 1px solid var(--nt-border);
}

.comment-respond textarea,
.comment-respond input[type="text"],
.comment-respond input[type="email"],
.comment-respond input[type="url"] {
  width: 100%;
  padding: 0.65rem;
  background: var(--nt-bg);
  color: var(--nt-text);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  margin-bottom: 0.75rem;
}

.nt-footer {
  background: var(--nt-surface);
  border-top: 1px solid var(--nt-border);
  padding: 3rem 0 1.75rem;
  margin-top: 3rem;
}

.nt-footer-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 2rem;
  margin-bottom: 2rem;
}

.nt-footer-bottom {
  padding-top: 1.5rem;
  border-top: 1px solid var(--nt-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 0.85rem;
  color: var(--nt-text-muted);
}

.nt-footer-menu {
  display: flex;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

/* ==========================================================================
   13. GELİŞMİŞ REKLAM YERLEŞİMLERİ, CİHAZ GÖRÜNÜRLÜĞÜ & MOBİL ANCHOR AD
   ========================================================================== */
.nt-grid-full-span {
  grid-column: 1 / -1;
}

.nt-ad-margin-sm {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.nt-ad-margin-md {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.nt-ad-margin-lg {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

.nt-ad-body {
  max-width: 100%;
  overflow-x: auto;
}

.nt-ad-body img,
.nt-ad-body iframe,
.nt-ad-body ins {
  max-width: 100%;
}

.nt-ad-sticky-box {
  position: sticky;
  top: 84px;
  z-index: 15;
}

@media (max-width: 767px) {
  .nt-ad-vis-desktop,
  .nt-ad-desktop-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .nt-ad-vis-mobile,
  .nt-ad-mobile-only {
    display: none !important;
  }
}

.nt-mobile-anchor-ad {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 95;
  background: var(--nt-surface);
  border-top: 1px solid var(--nt-border);
  box-shadow: 0 -4px 16px rgba(15, 23, 42, 0.14);
  padding: 0.35rem 0.75rem 0.5rem;
  text-align: center;
}

.nt-mobile-anchor-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.25rem;
}

.nt-anchor-close-btn {
  width: 24px;
  height: 24px;
  border-radius: var(--nt-radius-sm);
  border: 1px solid var(--nt-border);
  background: var(--nt-surface-alt);
  color: var(--nt-text);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

body.has-nt-mobile-anchor {
  padding-bottom: 92px;
}

/* ==========================================================================
   14. GOOGLE RENKLİ TERCİH EDİLEN KAYNAK VİTRİNİ (İÇİNDEKİLER ÜSTÜ, TAM ORTALI)
   ========================================================================== */
.nt-article-meta-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.85rem 0;
  border-top: 1px solid var(--nt-border);
  border-bottom: 1px solid var(--nt-border);
  margin-bottom: 1.5rem;
}

.nt-article-meta-row .nt-article-meta {
  padding: 0;
  border: 0;
  margin: 0;
}

.nt-preferred-source-row {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  margin-bottom: 1.15rem;
}

.nt-google-preferred-vitrin {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  max-width: 100%;
  padding: 0.65rem 1rem;
  background: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--nt-radius);
  color: #F8FAFC;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.16);
  overflow: hidden;
  transition: transform 0.15s ease, border-color 0.15s ease;
}

.nt-google-preferred-vitrin:hover {
  transform: translateY(-1px);
  border-color: #4285F4;
  color: #FFFFFF;
}

.nt-google-color-bar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.nt-google-badge-icon {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #FFFFFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.nt-google-vitrin-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.nt-google-vitrin-title {
  font-size: 0.8125rem;
  font-weight: 800;
  color: #FFFFFF;
  line-height: 1.25;
}

.nt-google-vitrin-desc {
  font-size: 0.7rem;
  color: #CBD5E1;
  line-height: 1.3;
  margin-top: 0.1rem;
}

.nt-google-vitrin-cta {
  font-size: 0.85rem;
  font-weight: 800;
  color: #60A5FA;
  padding-left: 0.25rem;
  flex-shrink: 0;
}

/* ==========================================================================
   15. MAKALE DIŞI MÜSTAKİL "HABER KAYNAKLARI" VİTRİN KUTUSU
   ========================================================================== */
.nt-external-sources-box {
  margin-top: 1.75rem;
  padding: 1.35rem 1.5rem;
  background: linear-gradient(145deg, #0F172A 0%, #172554 100%);
  border: 1px solid #1E3A8A;
  border-radius: var(--nt-radius-lg);
  color: #F8FAFC;
}

.nt-external-sources-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding-bottom: 0.85rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.nt-external-sources-badge {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #60A5FA;
  margin-bottom: 0.15rem;
}

.nt-external-sources-box .nt-sources-title {
  font-size: 1.05rem;
  font-weight: 800;
  margin: 0;
  color: #FFFFFF;
}

.nt-external-sources-count {
  font-size: 0.75rem;
  font-weight: 700;
  color: #93C5FD;
  background: rgba(59, 130, 246, 0.16);
  border: 1px solid rgba(96, 165, 250, 0.3);
  padding: 0.25rem 0.65rem;
  border-radius: var(--nt-radius-sm);
}

.nt-sources-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}

.nt-source-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.45rem 0.85rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--nt-radius-sm);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #F8FAFC;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nt-source-link:hover {
  background: rgba(59, 130, 246, 0.22);
  border-color: #60A5FA;
  color: #FFFFFF;
}

.nt-sources-host {
  font-size: 0.72rem;
  color: #94A3B8;
  font-weight: 500;
}

.nt-sources-domain {
  color: #60A5FA;
  font-weight: 800;
}

/* ==========================================================================
   16. ÇOKLU RENK PALETLİ VARSAYILAN VİTRİN SİSTEMİ (POPÜLER, KATEGORİ, İNCELEME, İLGİLİ HABERLER, YOUTUBE)
   ========================================================================== */
.nt-vitrin-kicker {
  display: block;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #38BDF8;
  margin-bottom: 0.2rem;
}

/* 16.1 Sidebar: Öne Çıkan & Popüler Haberler Vitrini (Derin İndigo / Gece Mavisi Paleti) */
.nt-vitrin-popular {
  background: linear-gradient(155deg, #1E1B4B 0%, #0F172A 100%);
  border-color: #312E81;
  color: #F8FAFC;
  padding: 1.35rem;
}

.nt-vitrin-popular .nt-vitrin-kicker {
  color: #A5B4FC;
}

.nt-vitrin-popular .nt-widget-title {
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nt-vitrin-popular .nt-popular-item {
  padding: 0.65rem 0.75rem;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: var(--nt-radius-sm);

  cursor: pointer;
  border-radius: 0.5rem;
  transition: background-color 160ms ease, transform 160ms ease;
}
.nt-vitrin-popular .nt-popular-item:hover,
.nt-vitrin-popular .nt-popular-item:focus-visible {
  background-color: var(--nt-surface, rgba(127, 127, 127, 0.08));
  outline: none;
}


.nt-vitrin-popular .nt-popular-rank {
  color: #818CF8;
}

.nt-vitrin-popular .nt-popular-title a {
  color: #F8FAFC;
}

.nt-vitrin-popular .nt-popular-title a:hover {
  color: #A5B4FC;
}

.nt-vitrin-popular .nt-meta-line,
.nt-vitrin-popular .nt-meta-sep {
  color: #94A3B8;
  margin-bottom: 0;
}

.nt-vitrin-popular .nt-meta-category {
  color: #818CF8;
}

/* 16.2 Sidebar: Teknoloji Bölümleri Vitrini (Siber Zümrüt / Teal Paleti) */
.nt-vitrin-categories {
  background: linear-gradient(155deg, #062C2D 0%, #0F172A 100%);
  border-color: #115E59;
  color: #F8FAFC;
  padding: 1.35rem;
}

.nt-vitrin-categories .nt-vitrin-kicker {
  color: #5EEAD4;
}

.nt-vitrin-categories .nt-widget-title {
  color: #FFFFFF;
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nt-vitrin-cat-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.nt-vitrin-cat-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.55rem 0.75rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--nt-radius-sm);
  color: #F8FAFC;
  font-size: 0.85rem;
  font-weight: 700;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.nt-vitrin-cat-link:hover {
  background: rgba(20, 184, 166, 0.18);
  border-color: #2DD4BF;
  color: #FFFFFF;
}

.nt-vitrin-cat-badge {
  font-size: 0.72rem;
  font-weight: 800;
  color: #5EEAD4;
  background: rgba(20, 184, 166, 0.18);
  padding: 0.15rem 0.5rem;
  border-radius: 4px;
  font-variant-numeric: tabular-nums;
}

/* 16.3 Ana Sayfa Teknoloji Kategori Vitrinleri (4 Farklı Koyu Renk Paleti) */
.nt-category-vitrin {
  color: #F8FAFC;
  border-radius: var(--nt-radius-lg);
  padding: 1.35rem;
}

.nt-category-vitrin .nt-section-header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nt-category-vitrin .nt-section-title,
.nt-category-vitrin .nt-category-box-item h4 a {
  color: #FFFFFF;
}

.nt-category-vitrin .nt-category-box-item {
  border-top-color: rgba(255, 255, 255, 0.1);
}

.nt-category-vitrin .nt-meta-line {
  color: #94A3B8;
}

.nt-cat-vitrin-indigo {
  background: linear-gradient(145deg, #1E1B4B 0%, #0F172A 100%);
  border-color: #312E81;
}
.nt-cat-vitrin-indigo .nt-vitrin-kicker,
.nt-cat-vitrin-indigo .nt-section-link,
.nt-cat-vitrin-indigo .nt-category-box-item h4 a:hover {
  color: #A5B4FC;
}

.nt-cat-vitrin-emerald {
  background: linear-gradient(145deg, #062C2D 0%, #0F172A 100%);
  border-color: #115E59;
}
.nt-cat-vitrin-emerald .nt-vitrin-kicker,
.nt-cat-vitrin-emerald .nt-section-link,
.nt-cat-vitrin-emerald .nt-category-box-item h4 a:hover {
  color: #5EEAD4;
}

.nt-cat-vitrin-cobalt {
  background: linear-gradient(145deg, #0C2340 0%, #0F172A 100%);
  border-color: #1E3A8A;
}
.nt-cat-vitrin-cobalt .nt-vitrin-kicker,
.nt-cat-vitrin-cobalt .nt-section-link,
.nt-cat-vitrin-cobalt .nt-category-box-item h4 a:hover {
  color: #7DD3FC;
}

.nt-cat-vitrin-amber {
  background: linear-gradient(145deg, #2D1606 0%, #0F172A 100%);
  border-color: #78350F;
}
.nt-cat-vitrin-amber .nt-vitrin-kicker,
.nt-cat-vitrin-amber .nt-section-link,
.nt-cat-vitrin-amber .nt-category-box-item h4 a:hover {
  color: #FCD34D;
}

/* 16.4 Haber İçi CtrlShift Editör Değerlendirmesi Özel Laboratuvar Vitrini */
.nt-editor-review-vitrin {
  background: linear-gradient(135deg, #0F172A 0%, #1E1B4B 55%, #090D16 100%);
  border: 1px solid #312E81;
  color: #F8FAFC;
  padding: 1.75rem;
  border-radius: var(--nt-radius-lg);
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.22);
}

.nt-editor-review-vitrin .nt-review-header {
  border-bottom-color: rgba(255, 255, 255, 0.14);
  padding-bottom: 1.25rem;
  margin-bottom: 1.35rem;
}

.nt-review-lab-kicker {
  display: block;
  font-size: 0.7rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #34D399;
  margin-bottom: 0.25rem;
}

.nt-review-main-heading {
  font-size: 1.35rem;
  color: #FFFFFF;
  margin: 0 0 0.2rem 0;
}

.nt-review-product-name {
  font-size: 0.85rem;
  color: #CBD5E1;
}

.nt-review-score-badge {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.15rem;
  background: rgba(16, 185, 129, 0.14);
  border: 1px solid rgba(52, 211, 153, 0.4);
  border-radius: var(--nt-radius);
}

.nt-editor-review-vitrin .nt-review-score-value {
  font-size: 2.35rem;
  font-weight: 900;
  color: #34D399;
  line-height: 1;
}

.nt-review-score-meta {
  display: flex;
  flex-direction: column;
}

.nt-review-score-max {
  font-size: 0.78rem;
  font-weight: 700;
  color: #94A3B8;
}

.nt-review-score-verdict {
  font-size: 0.75rem;
  font-weight: 800;
  color: #A7F3D0;
}

.nt-review-col {
  padding: 1.1rem;
  border-radius: var(--nt-radius);
}

.nt-review-col-pros {
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid rgba(52, 211, 153, 0.24);
}

.nt-review-col-pros h4 {
  color: #34D399;
  margin-bottom: 0.65rem;
}

.nt-review-col-cons {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(248, 113, 113, 0.24);
}

.nt-review-col-cons h4 {
  color: #F87171;
  margin-bottom: 0.65rem;
}

.nt-editor-review-vitrin .nt-review-list li {
  color: #F1F5F9;
  display: flex;
  align-items: flex-start;
  gap: 0.45rem;
}

.nt-pro-icon {
  color: #34D399;
  font-weight: 900;
}

.nt-con-icon {
  color: #F87171;
  font-weight: 900;
}

/* 16.5 Haber Sonu İlgili Teknoloji Haberleri Koyu Vitrini */
.nt-related-vitrin {
  margin-top: 2rem;
  background: linear-gradient(145deg, #0F172A 0%, #172554 100%);
  color: #F8FAFC;
  border-radius: var(--nt-radius-lg);
  padding: 1.5rem;
  border: 1px solid #1E3A8A;
}

.nt-related-vitrin .nt-section-header {
  border-bottom-color: rgba(255, 255, 255, 0.12);
}

.nt-related-vitrin .nt-section-title {
  color: #FFFFFF;
}

.nt-vitrin-card-thumb {
  display: block;
  aspect-ratio: 16 / 9;
  border-radius: var(--nt-radius-sm);
  overflow: hidden;
  margin-bottom: 0.5rem;
  background: #090D16;
}

.nt-vitrin-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 16.6 İçerik İçi YouTube Medya Vitrini (4 Farklı Renk Paletiyle) */
.nt-youtube-showcase {
  margin: 1.85rem 0;
  padding: 1.15rem;
  border-radius: var(--nt-radius-lg);
  color: #F8FAFC;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.2);
}

.nt-yt-palette-crimson {
  background: linear-gradient(145deg, #2A0A18 0%, #0F172A 100%);
  border-color: #881337;
}

.nt-yt-palette-cobalt {
  background: linear-gradient(145deg, #0C2340 0%, #0F172A 100%);
  border-color: #1E40AF;
}

.nt-yt-palette-emerald {
  background: linear-gradient(145deg, #052E2B 0%, #0F172A 100%);
  border-color: #0F766E;
}

.nt-yt-palette-violet {
  background: linear-gradient(145deg, #231145 0%, #0F172A 100%);
  border-color: #5B21B6;
}

.nt-youtube-showcase-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

.nt-youtube-showcase-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #FFFFFF;
}

.nt-youtube-showcase-badge svg {
  color: #EF4444;
}

.nt-youtube-showcase-ext {
  font-size: 0.75rem;
  font-weight: 700;
  color: #F8FAFC;
  padding: 0.25rem 0.65rem;
  border-radius: var(--nt-radius-sm);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.nt-youtube-showcase-ext:hover {
  background: rgba(255, 255, 255, 0.16);
  color: #FFFFFF;
}

.nt-youtube-showcase-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--nt-radius);
  overflow: hidden;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.nt-youtube-showcase-stage iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ==========================================================================
   17. YANDAN KAYAN MOBİL & TABLET MENÜ (OFF-CANVAS DRAWER)
   ========================================================================== */
.nt-offcanvas-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(9, 13, 22, 0.65);
  z-index: 990;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
}

.nt-offcanvas-backdrop.is-open {
  opacity: 1;
  visibility: visible;
}

.nt-offcanvas-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(340px, 86vw);
  background: var(--nt-surface);
  border-left: 1px solid var(--nt-border);
  z-index: 995;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
  box-shadow: -12px 0 32px rgba(15, 23, 42, 0.25);
}

.nt-offcanvas-drawer.is-open {
  transform: translateX(0);
}

.nt-offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.15rem 1.25rem;
  border-bottom: 1px solid var(--nt-border);
}

.nt-offcanvas-brand {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.nt-offcanvas-subtitle {
  font-size: 0.72rem;
  color: var(--nt-text-muted);
}

.nt-offcanvas-body {
  padding: 1.25rem;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.nt-offcanvas-section-label {
  display: block;
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--nt-primary);
  margin-bottom: 0.65rem;
}

.nt-offcanvas-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.nt-offcanvas-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.65rem 0.85rem;
  border-radius: var(--nt-radius-sm);
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--nt-text);
}

.nt-offcanvas-list li a:hover,
.nt-offcanvas-list li.current-menu-item > a {
  background: var(--nt-primary);
  border-color: var(--nt-primary);
  color: #FFFFFF;
}

/* ==========================================================================
   18. AÇILIR-KAPANIR İÇİNDEKİLER (TOC), YORUMLAR & OTOMATİK SONSUZ HABER OKUMA
   ========================================================================== */
.nt-toc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

.nt-toc-header .nt-toc-title {
  margin-bottom: 0;
}

.nt-toc-toggle-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.25rem 0.6rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  color: var(--nt-text);
  font-size: 0.78rem;
  font-weight: 700;
  cursor: pointer;
}

.nt-toc-toggle-btn:hover {
  border-color: var(--nt-primary);
  color: var(--nt-primary);
}

.nt-toc-chevron,
.nt-comments-chevron {
  transition: transform 0.2s ease;
}

.nt-toc-toggle-btn[aria-expanded="true"] .nt-toc-chevron,
.nt-comments-toggle-btn[aria-expanded="true"] .nt-comments-chevron {
  transform: rotate(180deg);
}

.nt-toc-list {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--nt-border);
}

.nt-toc-sub {
  margin-left: 1rem;
  font-size: 0.825rem;
}

.nt-scroll-target {
  scroll-margin-top: 88px;
}

.nt-comments-toggle-bar {
  display: flex;
  align-items: center;
}

.nt-comments-toggle-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.85rem 1.15rem;
  background: var(--nt-surface-alt);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  color: var(--nt-text);
  font-size: 0.95rem;
  font-weight: 800;
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.nt-comments-toggle-btn:hover {
  border-color: var(--nt-primary);
  color: var(--nt-primary);
}

.nt-comments-collapsible-panel {
  margin-top: 1.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--nt-border);
}

.nt-stream-appended {
  margin-top: 2.5rem;
}

.nt-continuous-divider {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  margin: 2.5rem 0 1.5rem;
}

.nt-continuous-divider-badge {
  padding: 0.3rem 0.7rem;
  background: var(--nt-primary);
  color: #FFFFFF;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  border-radius: var(--nt-radius-sm);
  text-transform: uppercase;
  flex-shrink: 0;
}

.nt-continuous-divider-line {
  flex: 1;
  height: 1px;
  background: var(--nt-border);
}

.nt-next-article-sentinel {
  margin-top: 1.5rem;
  padding: 1rem;
  text-align: center;
}

.nt-next-article-loader[hidden],
.nt-next-article-error[hidden],
.nt-next-article-end[hidden],
.nt-toc-list[hidden],
.nt-comments-collapsible-panel[hidden] {
  display: none !important;
}

.nt-next-article-loader {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.6rem 1.1rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--nt-text-muted);
}

.nt-next-article-error,
.nt-next-article-end {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  padding: 0.65rem 1.15rem;
  background: var(--nt-surface);
  border: 1px solid var(--nt-border);
  border-radius: var(--nt-radius-sm);
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--nt-text-muted);
}

.nt-next-retry-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.75rem;
  background: var(--nt-primary);
  color: #FFFFFF;
  border: none;
  border-radius: var(--nt-radius-sm);
  font-size: 0.8rem;
  font-weight: 700;
  cursor: pointer;
  transition: background-color 0.15s ease;
}

.nt-next-retry-btn:hover {
  background: var(--nt-primary-hover);
}

.nt-next-loader-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid var(--nt-border);
  border-top-color: var(--nt-primary);
  border-radius: 50%;
  animation: ntSpin 0.7s linear infinite;
}

@keyframes ntSpin {
  to {
    transform: rotate(360deg);
  }
}

/* ==========================================================================
   19. CORE WEB VITALS: CONTENT-VISIBILITY & RENDER OPTİMİZASYONU
   ========================================================================== */
.nt-review-showcase,
.nt-category-sections,
.nt-related-vitrin,
.nt-comments-area,
.nt-footer {
  content-visibility: auto;
  contain-intrinsic-size: 1px 400px;
}


/* CtrlShift layout mode: boxed wraps the major page regions while preserving fluid mobile layouts. */
body.ctrlshift-layout-boxed .nt-header,
body.ctrlshift-layout-boxed .nt-category-bar,
body.ctrlshift-layout-boxed .nt-site-main,
body.ctrlshift-layout-boxed .nt-footer {
  width: min(100%, var(--nt-container));
  max-width: var(--nt-container);
  margin-left: auto;
  margin-right: auto;
}
body.ctrlshift-layout-boxed .nt-header,
body.ctrlshift-layout-boxed .nt-category-bar,
body.ctrlshift-layout-boxed .nt-site-main,
body.ctrlshift-layout-boxed .nt-footer {
  border-left: 1px solid var(--nt-border);
  border-right: 1px solid var(--nt-border);
}
body.ctrlshift-layout-full-width .nt-header,
body.ctrlshift-layout-full-width .nt-category-bar,
body.ctrlshift-layout-full-width .nt-site-main,
body.ctrlshift-layout-full-width .nt-footer { width: 100%; max-width: 100%; }

/* Clickable story selector */
.nt-hero-num-btn { appearance: none; font: inherit; display: inline-flex; align-items: center; justify-content: center; }
.nt-bento-lead[data-hero-slider] .nt-bento-lead-media img { transition: opacity .18s ease, transform .25s ease; }
.nt-hero-num-btn:focus-visible, .nt-share-link:focus-visible, .nt-youtube-card:focus-visible { outline: 3px solid #93C5FD; outline-offset: 3px; }

/* Category showcase image cards */
.nt-category-image-showcase .nt-review-mini-card { overflow: hidden; padding: 0 0 1rem; }
.nt-showcase-thumb { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: #1E293B; border-radius: calc(var(--nt-radius) - 1px) calc(var(--nt-radius) - 1px) 0 0; }
.nt-showcase-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
.nt-showcase-thumb:hover img { transform: scale(1.035); }
.nt-category-image-showcase .nt-meta-line,
.nt-category-image-showcase .nt-review-mini-card h4,
.nt-category-image-showcase .nt-showcase-excerpt { margin-left: 1rem; margin-right: 1rem; }
.nt-category-image-showcase .nt-meta-line { margin-top: .8rem; flex-wrap: wrap; }
.nt-category-image-showcase .nt-review-mini-card h4 { margin-bottom: .35rem; }
.nt-showcase-excerpt { margin-bottom: 0; color: #CBD5E1; font-size: .86rem; line-height: 1.55; }

/* YouTube brand showcase */
.nt-youtube-showcase { margin-top: 2rem; padding: 1.5rem; border-radius: var(--nt-radius-lg); border: 1px solid rgba(255,0,0,.42); color: #F8FAFC; background: linear-gradient(135deg, rgb(40,40,40) 0%, rgb(24,24,24) 58%, rgb(15,15,15) 100%); box-shadow: 0 10px 32px rgba(0,0,0,.2), inset 4px 0 0 rgb(255,0,0); }
.nt-youtube-showcase .nt-section-header { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid rgba(255,255,255,.12); padding-bottom:.9rem; margin-bottom:1rem; }
.nt-youtube-showcase .nt-section-title { color:#fff; margin:0; }
.nt-youtube-kicker { display:block; color:#FF5555; font-size:.68rem; font-weight:900; letter-spacing:.13em; margin-bottom:.3rem; }
.nt-youtube-mark { display:inline-flex; align-items:center; justify-content:center; width:48px; height:36px; flex:0 0 auto; border-radius:10px; background:rgb(255,0,0); box-shadow:0 5px 16px rgba(255,0,0,.28); transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.nt-youtube-mark:hover, .nt-youtube-mark:focus-visible { background:rgb(204,0,0); transform:translateY(-2px); box-shadow:0 7px 20px rgba(255,0,0,.4); }
.nt-youtube-mark svg { width:23px; height:23px; fill:#fff; }
.nt-youtube-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.nt-youtube-card { min-width:0; display:block; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:var(--nt-radius); background:rgba(255,255,255,.04); color:#fff; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.nt-youtube-card:hover { color:#fff; transform:translateY(-2px); border-color:#FF0033; background:rgba(255,0,51,.08); }
.nt-youtube-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#1E293B; }
.nt-youtube-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.nt-youtube-play { position:absolute; left:50%; top:50%; width:48px; height:34px; transform:translate(-50%,-50%); display:grid; place-items:center; border-radius:10px; background:#FF0033; box-shadow:0 4px 16px rgba(0,0,0,.3); }
.nt-youtube-play svg { width:23px; height:23px; fill:#fff; }
.nt-youtube-card-label { display:flex; justify-content:space-between; align-items:center; gap:.5rem; padding:.75rem .85rem; font-size:.82rem; font-weight:800; }
.nt-youtube-card-label span { color:#FF5555; }

/* Social sharing: compact brand-colored icon buttons */
.nt-share-bar { gap:.65rem; align-items:center; }
.nt-share-label { color:var(--nt-text-muted); font-size:.9rem; }
.nt-share-link { gap:.55rem; padding:.62rem .9rem; border-radius:999px; background:var(--nt-surface); box-shadow:var(--nt-shadow-sm); transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease; }
.nt-share-link svg { width:17px; height:17px; flex:0 0 17px; fill:currentColor; }
.nt-share-link:hover { transform:translateY(-2px); color:#fff; }
.nt-share-x:hover { background:#000; border-color:#000; color:#fff; }
.nt-share-whatsapp:hover { background:#25D366; border-color:#25D366; }
.nt-share-telegram:hover { background:#229ED9; border-color:#229ED9; }
.nt-share-facebook:hover { background:#1877F2; border-color:#1877F2; }
.nt-popular-review-score { color:#059669; font-weight:800; white-space:nowrap; }
[data-theme="dark"] .nt-popular-review-score { color:#6EE7B7; }

@media (max-width: 768px) {
  body.ctrlshift-layout-boxed .nt-header,
  body.ctrlshift-layout-boxed .nt-category-bar,
  body.ctrlshift-layout-boxed .nt-site-main,
  body.ctrlshift-layout-boxed .nt-footer { width:100%; max-width:100%; border-left:0; border-right:0; }
  .nt-youtube-showcase { padding:1rem; }
  .nt-youtube-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
  .nt-share-bar { align-items:stretch; }
  .nt-share-label { flex-basis:100%; }
  .nt-share-link { justify-content:center; flex:1 1 calc(50% - .65rem); padding:.65rem .7rem; }
}
@media (max-width: 420px) { .nt-youtube-grid { grid-template-columns:minmax(0,1fr); } }

/* Full-card click affordance for homepage news and category showcase cards. */
.nt-card-clickable,
.nt-category-image-showcase .nt-review-mini-card.nt-card-clickable { cursor: pointer; }
.nt-card-clickable:focus-visible { outline: 3px solid var(--nt-accent, #2563eb); outline-offset: 3px; }

/* FAQ showcase styled to match CtrlShift's editorial showcase cards. */
.nt-faq-showcase { margin: 2rem 0; padding: 1.35rem; border: 1px solid var(--nt-border, #DCE3ED); border-radius: var(--nt-radius-lg, 16px); background: var(--nt-surface, #fff); box-shadow: var(--nt-shadow-sm, 0 4px 16px rgba(15,23,42,.05)); color: var(--nt-text, #172033); }
.nt-faq-showcase .nt-faq-section-header { display:flex; align-items:flex-end; gap:1rem; padding-bottom:.9rem; margin-bottom:1rem; border-bottom:1px solid var(--nt-border, #DCE3ED); }
.nt-faq-showcase .nt-section-title { margin:0; }
.nt-faq-kicker { display:block; margin-bottom:.3rem; color:var(--nt-primary, #2563EB); font-size:.68rem; font-weight:900; letter-spacing:.12em; }
.nt-faq-list { display:grid; gap:.65rem; }
.nt-faq-item { border:1px solid var(--nt-border, #DCE3ED); border-radius:var(--nt-radius, 12px); background:var(--nt-surface-alt, #F7F9FC); overflow:hidden; transition:border-color .18s ease,background .18s ease; }
.nt-faq-item[open] { border-color:var(--nt-primary, #2563EB); background:var(--nt-surface, #fff); }
.nt-faq-item summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.1rem; cursor:pointer; list-style:none; font-weight:750; line-height:1.5; }
.nt-faq-item summary::-webkit-details-marker { display:none; }
.nt-faq-item summary:focus-visible { outline:2px solid var(--nt-primary, #2563EB); outline-offset:-3px; border-radius:var(--nt-radius, 12px); }
.nt-faq-chevron { width:9px; height:9px; flex:0 0 9px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; opacity:.7; }
.nt-faq-item[open] .nt-faq-chevron { transform:rotate(225deg) translate(-1px,-1px); }
.nt-faq-answer { padding:0 1.1rem 1.05rem; color:var(--nt-text-muted, #64748B); line-height:1.75; overflow-wrap:anywhere; }
.nt-faq-answer > :first-child { margin-top:0; }
.nt-faq-answer > :last-child { margin-bottom:0; }
@media (max-width:600px) { .nt-faq-showcase { padding:1rem; margin:1.5rem 0; } .nt-faq-item summary { padding:.9rem; } .nt-faq-answer { padding:0 .9rem .9rem; } }



/* WordPress YouTube embed showcase: remove the reserved 16:9 pseudo-element gap. */
.wp-embed-responsive
.wp-embed-aspect-16-9
.wp-block-embed__wrapper::before {
  display: none !important;
}