:root { --blue:#2ea3e0; --cyan:#36b8ef; --orange:#ef7d1a; --ink:#0c2238; }
/* ================================================================== */
/*  Sayfa Yönetim Sistemi — içerik ve şablon stilleri                  */
/*  (yönetim panelindeki editör de bu dosyayı kullanır)                 */
/* ================================================================== */
.page-hero .kicker { display:block; text-transform:uppercase; letter-spacing:2px; color:var(--cyan); font-weight:600; font-size:13px; margin-bottom:10px; }
.page-hero .sub { max-width:760px; margin:14px auto 0; font-size:16px; color:#cfdcea; line-height:1.6; }
.cms-section { padding: 70px 0 90px; flex-grow:1; pointer-events:auto; user-select:text; -webkit-user-select:text; }
.cms-section img { pointer-events:auto; }
.cms-draft-bar { position:fixed; left:16px; bottom:16px; z-index:3000; background:var(--orange); color:#fff; padding:10px 16px; border-radius:30px; font-size:13px; font-weight:600; box-shadow:0 8px 20px rgba(0,0,0,.35); }
.cms-draft-bar a { color:#fff; text-decoration:underline; margin-left:8px; }

/* İçerik tipografisi (editör de aynı stili kullanır) */
.cms-content { color:#cfdcea; font-size:15.5px; line-height:1.75; }
.cms-content::after { content:""; display:table; clear:both; }
.cms-content h1,.cms-content h2,.cms-content h3,.cms-content h4,.cms-content h5 { color:#fff; font-weight:700; line-height:1.3; margin:1.4em 0 .6em; }
.cms-content > :first-child, .cms-content .acc-card > :first-child, .cms-content .special-issue-box > :first-child, .cms-content .workshop-card > :first-child { margin-top:0; }
.cms-content h2 { font-size:28px; }
.cms-content h3 { font-size:21px; color:var(--cyan); }
.cms-content h4 { font-size:17px; }
.cms-content p { margin:0 0 1em; }
.cms-content a { color:var(--cyan); text-decoration:none; border-bottom:1px solid rgba(54,184,239,.35); transition:.2s; }
.cms-content a:hover { color:#fff; border-bottom-color:#fff; }
.cms-content strong, .cms-content b { color:#fff; }
.cms-content ul, .cms-content ol { padding-left:22px; margin:0 0 1em; }
.cms-content li { margin-bottom:6px; }
.cms-content img { max-width:100%; height:auto; border-radius:10px; }
.cms-content hr { border:0; border-top:1px solid rgba(255,255,255,.12); margin:2em 0; }
.cms-content blockquote { margin:1.4em 0; padding:14px 22px; border-left:4px solid var(--orange); background:rgba(239,125,26,.08); border-radius:0 10px 10px 0; color:#e6eef7; font-size:16px; }
.cms-content table { width:100%; border-collapse:collapse; margin:0 0 1.4em; background:rgba(255,255,255,.03); border-radius:10px; overflow:hidden; }
.cms-content table th, .cms-content table td { padding:11px 14px; border:1px solid rgba(255,255,255,.08); vertical-align:top; }
.cms-content table th, .cms-content table tr:first-child td strong { background:rgba(46,163,224,.14); color:#fff; font-weight:600; }
.cms-content iframe, .cms-content video { max-width:100%; border:0; border-radius:12px; }
.cms-content .note-video-clip { width:100%; aspect-ratio:16/9; height:auto; }

/* Bileşenler — mevcut sayfalardaki kartlarla aynı */
.acc-card { background:rgba(255,255,255,.04); border:1px solid rgba(54,184,239,.2); border-radius:14px; padding:34px 36px; color:#cfdcea; box-shadow:0 10px 30px rgba(0,0,0,.2); margin-bottom:30px; }
.acc-card h3 { color:var(--cyan); font-size:21px; padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,.1); }
.special-issue-box { border:1px solid var(--orange); border-radius:12px; padding:28px 30px; margin-bottom:30px; background:rgba(12,34,56,.4); }
.special-issue-box h3 { color:var(--orange); }
.workshop-grid { display:flex; flex-wrap:wrap; gap:24px; margin-bottom:30px; }
.workshop-card { background:rgba(255,255,255,.04); border:1px solid rgba(54,184,239,.2); border-radius:14px; padding:26px; color:#cfdcea; box-shadow:0 10px 30px rgba(0,0,0,.2); flex:1 1 260px; transition:transform .3s ease, border-color .3s ease; }
.workshop-card:hover { transform:translateY(-4px); border-color:var(--orange); }
.workshop-card h4 { color:#fff; margin-top:0; }
.cms-content a.btn-bank, .btn-bank { display:inline-block; background:var(--orange); color:#fff; padding:12px 26px; border:0; border-radius:30px; text-decoration:none; font-weight:700; letter-spacing:1px; text-transform:uppercase; font-size:13px; box-shadow:0 6px 16px rgba(239,125,26,.3); transition:.2s ease; }
.cms-content a.btn-bank:hover, .btn-bank:hover { background:#d96b0c; color:#fff; transform:translateY(-2px); }
.cms-content a.special-issue-btn, .special-issue-btn { display:inline-block; padding:10px 24px; border-radius:30px; font-size:14px; font-weight:600; text-decoration:none; transition:.3s ease; background:transparent; border:1px solid var(--cyan); color:var(--cyan); }
.cms-content a.special-issue-btn:hover, .special-issue-btn:hover { background:var(--cyan); color:var(--ink); }
.cms-content a.special-issue-btn.btn-orange { border-color:var(--orange); color:var(--orange); }
.cms-content a.special-issue-btn.btn-orange:hover { background:var(--orange); color:#fff; }

/* Kutulu şablon */
.cms-box { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:44px 48px; box-shadow:0 15px 35px rgba(0,0,0,.25); backdrop-filter:blur(8px); }

/* Kenar menülü şablon (WYS tarzı alt sayfa menüsü) */
.cms-split { display:grid; grid-template-columns:270px minmax(0,1fr); gap:32px; align-items:start; }
.cms-side { position:sticky; top:90px; background:rgba(11,27,46,.75); border:1px solid rgba(54,184,239,.18); border-radius:14px; overflow:hidden; }
.cms-side h4 { margin:0; padding:16px 20px; font-size:13px; letter-spacing:1.5px; text-transform:uppercase; color:#fff; background:linear-gradient(90deg,#0b1b2e,#16384f); border-bottom:2px solid var(--orange); }
.cms-side ul { list-style:none; margin:0; padding:6px 0; }
.cms-side li a { display:block; padding:11px 20px; color:#cfdcea; font-size:14px; text-decoration:none; border-left:3px solid transparent; transition:.2s; }
.cms-side li a:hover { background:rgba(54,184,239,.08); color:#fff; }
.cms-side li.active > a { border-left-color:var(--orange); color:#fff; background:rgba(239,125,26,.1); font-weight:600; }
.cms-side li ul { padding:0 0 6px; }
.cms-side li ul a { padding:8px 20px 8px 36px; font-size:13px; }

/* Alt sayfa kartları */
.cms-children { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:18px; margin-top:34px; }
.cms-children a { display:block; padding:20px 22px; border-radius:12px; background:rgba(255,255,255,.04); border:1px solid rgba(54,184,239,.2); color:#fff; text-decoration:none; font-weight:600; transition:.25s; }
.cms-children a:hover { border-color:var(--orange); transform:translateY(-3px); color:#fff; }
.cms-children a small { display:block; margin-top:6px; font-weight:400; color:#a8b8c8; font-size:13px; }
.cms-updated { margin-top:36px; font-size:12.5px; color:#8ea3b8; letter-spacing:.3px; }

/* Duyurular */
.news-list { display:grid; gap:22px; }
.news-item { display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; background:rgba(255,255,255,.04); border:1px solid rgba(54,184,239,.18); border-radius:14px; overflow:hidden; text-decoration:none !important; color:#cfdcea; transition:.25s; }
.news-item.no-img { grid-template-columns:1fr; }
.news-item:hover { border-color:var(--orange); transform:translateY(-3px); color:#cfdcea; }
.news-item .thumb { background:#0b2742 center/cover no-repeat; min-height:150px; }
.news-item .body { padding:22px 24px 22px 0; }
.news-item.no-img .body { padding:22px 26px; }
.news-item .date { font-size:12px; letter-spacing:1px; text-transform:uppercase; color:var(--orange); font-weight:700; }
.news-item h3 { color:#fff; font-size:20px; margin:8px 0 8px; font-weight:700; }
.news-item p { margin:0; font-size:14.5px; line-height:1.6; }
.news-pin { display:inline-block; margin-left:8px; color:var(--cyan); }
.news-cover { width:100%; max-height:420px; object-fit:cover; border-radius:12px; margin-bottom:28px; }
.news-empty { text-align:center; padding:60px 20px; color:#a8b8c8; }

@media (max-width: 860px) {
  .cms-split { grid-template-columns:1fr; }
  .cms-side { position:static; }
  .cms-box { padding:28px 20px; }
  .acc-card { padding:24px 20px; }
  .news-item { grid-template-columns:1fr; }
  .news-item .thumb { min-height:180px; }
  .news-item .body { padding:0 20px 22px; }
  .page-hero h1 { font-size:30px; }
  .page-hero { padding:120px 16px 60px; }
}