@import url("/styles/article-share.css");
:root{--paper:#f6f7f8;--ink:#102131;--muted:#687885;--line2:#dce3e7;--accent:#e31b23}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.article-template{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.science-header{background:#fff;border-bottom:1px solid #e2e7ea;display:flex;align-items:center;gap:28px;padding:12px clamp(20px,4vw,60px);position:sticky;top:0;z-index:30;min-height:82px}
.science-header .brand{display:block;width:260px;max-width:36vw;flex:0 0 260px}
.science-header .brand img{display:block;width:100%;height:54px;object-fit:contain;object-position:left center}
.science-header nav{display:flex;gap:22px;flex-wrap:wrap;margin-left:auto;align-items:center}
.science-header a{color:#23313d;text-decoration:none;font-weight:700;font-size:13px}
.science-header nav a:hover,.science-header nav a.active{color:var(--accent)}
.science-page{max-width:1180px;margin:0 auto;padding:38px clamp(20px,4vw,58px) 72px}
.breadcrumb{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#7d8a95;margin-bottom:30px}
.article-top{max-width:930px}
.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;margin-bottom:13px}
.article-top h1{font-size:clamp(46px,6vw,78px);line-height:.95;letter-spacing:-.035em;margin:0;color:#0d1a26;max-width:930px;font-family:inherit;text-transform:none}
.dek{font-size:21px;line-height:1.45;color:#5e6d79;max-width:790px;margin:22px 0 0}
.meta{display:flex;gap:22px;flex-wrap:wrap;margin:24px 0 34px;padding-bottom:22px;border-bottom:1px solid var(--line2);font-size:12px;color:#72808c}
.meta b{color:#182631}
.article-grid{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:56px;align-items:start}
.prose{font-size:18px;line-height:1.78;color:#2f3d48;min-width:0}
.prose p{margin:0 0 24px}.prose h2{font-size:34px;line-height:1.06;margin:45px 0 16px;color:#13202b;font-family:inherit;text-transform:none}.prose h3{font-size:22px;margin:30px 0 11px;color:#162630}.prose strong{color:#14212c}.prose a{color:#b1121a}.prose ul,.prose ol{margin:0 0 25px;padding-left:24px}.prose li{margin:6px 0}
.figure,.article-cover{margin:32px 0 36px;background:#fff;border:1px solid var(--line2);padding:18px;overflow:hidden}
.figure img,.article-cover img{width:100%;height:auto;display:block;object-fit:cover;filter:none!important}
.figure figcaption,.article-cover figcaption{font-size:12px;line-height:1.5;color:#75838e;margin-top:10px;padding:0;border:0}
.callout,.pullquote,.prose blockquote{border-left:4px solid var(--accent);background:#fff;padding:19px 22px;margin:30px 0;color:#263742;font-size:20px;line-height:1.4;font-weight:700;font-family:inherit}
.data-table,.prose table{width:100%;border-collapse:collapse;margin:22px 0 34px;background:#fff;border:1px solid var(--line2);font-size:15px}
.data-table th,.data-table td,.prose th,.prose td{padding:14px 15px;text-align:left;vertical-align:top;border-bottom:1px solid #e7ecef}
.data-table th,.prose th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#556571;background:#f1f4f6}.data-table tr:last-child td,.prose tr:last-child td{border-bottom:0}
.pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#b1121a;background:#fff0f1;border:1px solid #ffd2d4;border-radius:999px;padding:5px 8px}
.side{position:sticky;top:108px}.side-box{background:#fff;border:1px solid var(--line2);padding:20px;margin-bottom:18px}.side-box h3{font-size:14px;margin:0 0 12px;color:#13212d;text-transform:uppercase;letter-spacing:.05em}.side-box p,.side-box li{font-size:13px;line-height:1.55;color:#657480}.side-box ul{padding-left:18px;margin:0}.side-box li{margin:5px 0}
.summary{background:#102131;color:#fff;padding:26px 28px;margin:40px 0 0}.summary h2{color:#fff;margin-top:0}.summary p{color:#dbe3e8;margin-bottom:0}
body.article-template .prose .ege-mental-keys h2,body.article-template .prose .ege-mental-keys li,body.article-template .prose .ege-mental-keys p{color:#fff!important}
.editorial-note{margin-top:34px;background:#fff;border-left:4px solid var(--accent);padding:18px 20px;font-size:13px;line-height:1.6;color:#657480}.editorial-note b{color:#16232f;display:block;margin-bottom:5px}
.article-signature{margin-top:36px;color:#172631;font-weight:800}
footer.article-footer{background:#102131;color:#c7d1d8;padding:25px clamp(20px,4vw,60px);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}footer.article-footer a{color:#fff;text-decoration:none}.footer-brand{width:180px;height:42px;object-fit:contain;object-position:left center;filter:none!important}
@media(max-width:900px){.article-grid{grid-template-columns:1fr}.side{position:static}.science-header nav{display:none}.science-header .brand{width:210px;max-width:64vw;flex-basis:210px}.science-header .brand img{height:48px}.prose{font-size:17px}}
@media(max-width:560px){.science-page{width:100%;max-width:100%;padding:28px 20px 48px}.article-top,.article-grid,.prose{width:100%;max-width:100%;min-width:0}.article-top h1{font-size:46px;max-width:100%;overflow-wrap:anywhere}.dek{font-size:18px;max-width:100%}.data-table,.prose table{font-size:13px;display:block;max-width:100%;overflow-x:auto}.data-table th,.data-table td,.prose th,.prose td{padding:11px 10px}.science-header{min-height:68px}.science-header .brand{width:190px}}
/* FINAL LIGHT OVERRIDE */
html, body.article-template { background:#f6f7f8 !important; color:#102131 !important; }
body.article-template * { text-shadow:none !important; }
body.article-template .science-header { background:#fff !important; color:#102131 !important; }
body.article-template .science-page,
body.article-template .article-top,
body.article-template .article-grid,
body.article-template .prose { background:transparent !important; }
body.article-template .prose,
body.article-template .prose p,
body.article-template .prose li { color:#2f3d48 !important; }
body.article-template h1,
body.article-template h2,
body.article-template h3,
body.article-template .meta b { color:#102131 !important; }

/* Ege-Barcelona koyu kutu okunabilirlik düzeltmesi */
.mental-keys,.mental-keys *,.match-keys,.match-keys *,.match-highlights,.match-highlights *,.article-key-points,.article-key-points *{color:#fff!important;}


/* --- Dark hero header: Spor Psikolojisi makalesi --- */
.article-hero--dark{
  margin: 20px 0 28px;
  background: linear-gradient(135deg, #081b2f 0%, #0d2742 100%);
  border-left: 6px solid #e11d2e;
  border-radius: 0;
  padding: 34px 42px;
  box-shadow: 0 10px 30px rgba(7, 25, 44, 0.08);
}

.article-hero--dark .article-hero__inner{
  max-width: 900px;
}

.article-hero--dark .eyebrow{
  color: #f6c453;
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0 0 16px;
}

.article-hero--dark h1{
  color: #ffffff;
  font-size: clamp(34px, 5vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
}

.article-hero--dark .dek{
  color: rgba(255,255,255,0.88);
  font-size: 22px;
  line-height: 1.55;
  margin: 0 0 18px;
  max-width: 820px;
}

.article-hero--dark .meta{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(255,255,255,0.72);
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 768px){
  .article-hero--dark{
    padding: 26px 22px;
    margin: 16px 0 24px;
  }

  .article-hero--dark .dek{
    font-size: 18px;
  }
}

/* === SPOR PSIKOLOJISI HERO KESIN RENK FIX v2 === */
.article-hero--dark h1,
.article-hero--dark .article-hero__inner h1,
.science-page .article-hero--dark h1,
body.article-template .article-hero--dark h1 {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.article-hero--dark .dek,
.article-hero--dark .meta,
.article-hero--dark .meta span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

/* kategori sarı kalsın */
.article-hero--dark .eyebrow {
  color: #f6c453 !important;
  -webkit-text-fill-color: #f6c453 !important;
}
/* === END HERO KESIN RENK FIX === */



/* PSIKOSPOR TIKTOK SHARE */
.share-tiktok {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: #111318 !important;
  color: #fff !important;
  border: 1px solid #111318 !important;
  text-decoration: none !important;
  font-weight: 700;
}

.share-tiktok:hover {
  background: #000 !important;
  color: #fff !important;
  transform: translateY(-1px);
}

.share-tiktok .tiktok-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;
  color: #fff;
}