/* ==== extracted from templates/blog.html (T2.5) ==== */

  * { margin:0; padding:0; box-sizing:border-box; }
  /* r155 bug-hunt: DEV2-T-MOBOVF-1 ile ayni sinif — hisse.css/index.css/portfolio.css
     emsaliyle ayni yatay-tasma guard'i eksikti. */
  html { overflow-x: clip; }
  body { font-size:var(--bp-text-md); min-height:100vh; overflow-x: clip; }
  header { background:var(--bp-surface); border-bottom:1px solid var(--bp-border); padding:14px 24px; display:flex; align-items:center; gap:16px; position:sticky; top:32px; z-index:var(--bp-z-dropdown); }
  .page-title { font-size:var(--bp-text-2xl); font-weight:700; color:var(--bp-text); }
  .page-sub   { font-size:var(--bp-text-base); color:var(--bp-text3); margin-top:1px; }
  .container  { max-width:var(--bp-container-1100); margin:0 auto; padding:28px 24px; }

  .cat-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px; align-items:center; }
  .cat-btn { background:var(--bp-border-subtle); border:1px solid var(--bp-border); border-radius:var(--bp-radius-20); padding:5px 14px; font-size:var(--bp-text-sm); color:var(--bp-text3); cursor:pointer; transition:all .15s; }
  .cat-btn.active { background:var(--bp-brand); border-color:var(--bp-brand); color:var(--bp-bg); }
  @media (hover: hover) and (pointer: fine) {
    .cat-btn:hover { background:var(--bp-brand); border-color:var(--bp-brand); color:var(--bp-bg); }
  }
  .blog-search-wrap { position:relative; margin-bottom:20px; }
  .blog-search {
    width:100%; background:var(--bp-surface); border:1px solid var(--bp-border); border-radius:var(--bp-radius-md);
    color:var(--bp-text); padding:9px 14px 9px 38px; font-size:var(--bp-text-lg); outline:none;
    transition:border-color .15s; font-family:inherit;
  } /* FAZ6 C6 devam (r136): iOS input-zoom onlemi, min 16px */
  .blog-search:focus { border-color:var(--bp-brand); }
  .blog-search::placeholder { color:var(--bp-text3); }
  .blog-search-icon { position:absolute; left:12px; top:50%; transform:translateY(-50%); color:var(--bp-text3); pointer-events:none; }
  .no-results { padding:40px 24px; text-align:center; color:var(--bp-text3); }
  .bc-new { display:inline-block; background:rgba(var(--bp-al-rgb),.12); border:1px solid rgba(var(--bp-al-rgb),.3); color:var(--bp-al); font-size:var(--bp-text-sm); font-weight:700; padding:1px 6px; border-radius:var(--bp-radius-md); margin-left:6px; vertical-align:middle; text-transform:uppercase; letter-spacing:.3px; }

  .blog-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:16px; }
  .blog-card { background:var(--bp-surface); border:1px solid var(--bp-border); border-radius:var(--bp-radius-lg); padding:20px; text-decoration:none; display:block; transition:all .15s; }
  @media (hover: hover) and (pointer: fine) {
    .blog-card:hover { border-color:var(--bp-text3); background:var(--bp-surface2); transform:translateY(-2px); }
  }
  .bc-cat  { font-size:var(--bp-text-xs); color:var(--bp-accent-cyan); font-weight:600; text-transform:uppercase; letter-spacing:.5px; margin-bottom:8px; }
  .bc-title{ font-size:var(--bp-text-lg); font-weight:700; color:var(--bp-text); line-height:1.4; margin-bottom:8px; }
  .bc-desc { font-size:var(--bp-text-base); color:var(--bp-text3); line-height:1.6; margin-bottom:14px; }
  .bc-meta { display:flex; align-items:center; gap:12px; font-size:var(--bp-text-xs); color:var(--bp-text3); }
  .bc-meta span { display:flex; align-items:center; gap:4px; }

  .blog-loadmore-wrap { text-align:center; margin-top:24px; }
  .blog-loadmore-btn { background:var(--bp-border-subtle); border:1px solid var(--bp-border); border-radius:var(--bp-radius-md); color:var(--bp-text); padding:10px 26px; font-size:var(--bp-text-base); font-weight:600; cursor:pointer; transition:all .15s; font-family:inherit; }
  .blog-loadmore-btn:hover { background:var(--bp-brand); border-color:var(--bp-brand); color:var(--bp-bg); }

  footer { text-align:center; padding:20px; font-size:var(--bp-text-sm); color:var(--bp-text3); margin-top:32px; }
  footer a { color:var(--bp-text3); text-decoration:none; }
  @media(max-width:600px) { .container{padding:14px;} .blog-grid{grid-template-columns:1fr;} }

  /* Makro Ticker */
  .macro-bar { background:var(--bp-bg); border-bottom:1px solid var(--bp-border); height:32px; overflow:hidden; position:sticky; top:0; z-index:var(--bp-z-sticky); white-space:nowrap; }
  .macro-bar::before,.macro-bar::after { content:''; position:absolute; top:0; bottom:0; width:60px; pointer-events:none; z-index:var(--bp-z-raised); }
  .macro-bar::before { left:0; background:linear-gradient(to right,var(--bp-bg),transparent); }
  .macro-bar::after  { right:0; background:linear-gradient(to left,var(--bp-bg),transparent); }
  .macro-track { display:inline-flex; align-items:center; animation:macroScroll 40s linear infinite;will-change:transform; height:32px; }
  .macro-bar:hover .macro-track { animation-play-state:paused; }
  @keyframes macroScroll { from{transform:translateX(0);} to{transform:translateX(-50%);} }
  .macro-pause-btn { position: absolute; right: 2px; top: 50%; transform: translateY(-50%); z-index: var(--bp-z-local-control); width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; background: transparent; border: none; color: inherit; opacity: .55; font-size: var(--bp-text-sm); line-height: 1; cursor: pointer; padding: 0; }
  .macro-pause-btn::before { content: ''; position: absolute; top: 50%; left: 50%; width: 44px; height: 44px; transform: translate(-50%,-50%); }
  .macro-pause-btn:hover, .macro-pause-btn:focus-visible { opacity: 1; }
  .macro-bar[data-paused="true"] .macro-track { animation-play-state: paused !important; }
  .macro-item { display:inline-flex; align-items:center; gap:8px; padding:0 20px; border-right:1px solid var(--bp-border); font-size:var(--bp-text-sm); height:32px; color:inherit; }
  .macro-item-lbl { font-weight:600; color:var(--bp-text2); }
  .mc-pos { color:var(--bp-al); } .mc-neg { color:var(--bp-sat); } .mc-neu { color:var(--bp-text3); }