:root{
    /* sabit marka tonları — temadan etkilenmez */
    --amber:#FFB627;
    --amber-deep:#D98D0E;
    --teal:#4FA69A;
    --red:#E5555C;
    --ink-on-accent:#14181F;

    /* tema tonları — dark varsayılan (JS attribute ile geçersiz kılınır) */
    --bg:#12161D;
    --surface:#1A2029;
    --surface-2:#212938;
    --ink:#EEEAE0;
    --ink-dim:#93A0AF;
    --line: rgba(238,234,224,0.10);
    --line-strong: rgba(238,234,224,0.18);
    --amber-text:#FFB627;
    --teal-text:#4FA69A;
    --red-text:#E5555C;
    --header-bg: rgba(18,22,29,0.86);
    --hover-tint: rgba(238,234,224,0.06);
  }
  :root[data-theme="light"]{
    --bg:#F1F3F6;
    --surface:#FFFFFF;
    --surface-2:#E8ECF1;
    --ink:#171B22;
    --ink-dim:#5B6472;
    --line: rgba(23,27,34,0.09);
    --line-strong: rgba(23,27,34,0.16);
    --amber-text:#9A5B0A;
    --teal-text:#1F7A6E;
    --red-text:#C4333B;
    --header-bg: rgba(255,255,255,0.82);
    --hover-tint: rgba(23,27,34,0.05);
  }
  body{
    transition: background-color .25s ease, color .25s ease;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'IBM Plex Sans', system-ui, sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
  }
  a{color:inherit; text-decoration:none;}
  img,svg{display:block;}
  .wrap{max-width:1240px; margin:0 auto; padding:0 32px;}
  .eyebrow{
    font-family:'IBM Plex Mono', monospace;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--amber-text);
    display:flex; align-items:center; gap:8px;
  }
  .eyebrow::before{
    content:"";
    width:7px; height:7px; border-radius:50%;
    background:var(--amber);
    box-shadow:0 0 0 3px rgba(255,182,39,0.18);
  }
  .eyebrow.red{ color:var(--red-text); }
  .eyebrow.red::before{ background:var(--red); box-shadow:0 0 0 3px rgba(229,85,92,0.2);}

  /* ===== Header ===== */
  header{
    position:sticky; top:0; z-index:50;
    background:var(--header-bg);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  .nav{
    display:flex; align-items:center; justify-content:space-between;
    height:76px;
  }
  .logo{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:800;
    font-size:28px;
    letter-spacing:.02em;
    display:flex; align-items:center; gap:10px;
  }
  .logo .dot{
    width:10px; height:22px;
    background:var(--amber);
    border-radius:2px;
    display:inline-block;
  }
  .nav-links{
    display:flex; gap:6px;
    font-size:14px; font-weight:500;
    color:var(--ink-dim);
  }
  .nav-item{ position:relative; }
  .nav-item > .nav-trigger{
    display:flex; align-items:center; gap:6px;
    padding:10px 12px;
    background:none; border:none;
    font-family:'IBM Plex Sans', sans-serif;
    font-size:14px; font-weight:500;
    color:var(--ink-dim);
    cursor:pointer;
    border-radius:4px;
    transition:color .2s, background .2s;
  }
  .nav-item > .nav-trigger:hover,
  .nav-item.open > .nav-trigger{ color:var(--ink); background:var(--hover-tint); }
  .nav-trigger .chev{
    width:9px; height:9px;
    transition:transform .2s ease;
  }
  .nav-item.open .chev,
  .nav-item:hover .chev{ transform:rotate(180deg); }

  .dropdown{
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    min-width:230px;
    max-width:340px;
    max-height:min(70vh, 480px);
    overflow-y:auto;
    background:var(--surface);
    border:1px solid var(--line-strong);
    border-radius:8px;
    padding:8px;
    box-shadow:0 20px 40px -16px rgba(0,0,0,0.55);
    opacity:0;
    visibility:hidden;
    transform:translateY(-6px);
    transition:opacity .18s ease, transform .18s ease, visibility .18s;
    z-index:60;
  }
  .nav-item:hover .dropdown,
  .nav-item.open .dropdown{
    opacity:1; visibility:visible; transform:translateY(0);
  }
  .dropdown a{
    display:flex; align-items:center; justify-content:space-between;
    gap:10px;
    padding:9px 10px;
    font-size:13.5px; font-weight:500;
    line-height:1.35;
    color:var(--ink);
    border-radius:5px;
    transition:background .15s, color .15s;
  }
  .dropdown a img{ max-height:28px; width:auto; margin:2px 0; }
  .dropdown a:hover{ background:rgba(255,182,39,0.10); color:var(--amber-text); }
  .dropdown a .tag-mini{
    font-family:'IBM Plex Mono', monospace;
    font-size:9.5px; color:var(--ink-dim);
    border:1px solid var(--line-strong);
    padding:1px 5px; border-radius:3px;
  }

  /* ===== 3. seviye: alt menü (ör. Birliklerimiz > Demir > Hakkında) ===== */
  .dropdown-item{ position:relative; }
  .dropdown-item.has-submenu > .dropdown-trigger{
    width:100%;
    display:flex; align-items:center; justify-content:space-between;
    gap:10px;
    padding:9px 10px;
    font-size:13.5px; font-weight:500;
    line-height:1.35;
    color:var(--ink);
    background:none; border:none;
    border-radius:5px;
    cursor:pointer;
    text-align:left;
    font-family:inherit;
    transition:background .15s, color .15s;
  }
  .dropdown-item.has-submenu > .dropdown-trigger:hover,
  .dropdown-item.has-submenu.open > .dropdown-trigger{ background:rgba(255,182,39,0.10); color:var(--amber-text); }
  .subchev{ width:8px; height:8px; flex-shrink:0; transition:transform .2s ease; transform:rotate(-90deg); }
  .dropdown-item.has-submenu.open .subchev{ transform:rotate(0deg); }

  .submenu{
    position:absolute;
    top:0; left:100%;
    margin-left:6px;
    min-width:220px;
    background:var(--surface);
    border:1px solid var(--line-strong);
    border-radius:8px;
    padding:8px;
    box-shadow:0 20px 40px -16px rgba(0,0,0,0.55);
    opacity:0; visibility:hidden;
    transform:translateX(-6px);
    transition:opacity .15s ease, transform .15s ease, visibility .15s;
    z-index:70;
  }
  .dropdown-item.has-submenu.open .submenu{
    opacity:1; visibility:visible; transform:translateX(0);
  }
  .submenu a{
    display:block;
    padding:8px 10px;
    font-size:13px;
    color:var(--ink);
    border-radius:5px;
    transition:background .15s, color .15s;
  }
  .submenu a:hover{ background:rgba(255,182,39,0.10); color:var(--amber-text); }

  @media(max-width:920px){
    .submenu{
      position:static;
      margin-left:0;
      min-width:0;
      opacity:1; visibility:visible; transform:none;
      box-shadow:none; border:none; background:transparent;
      max-height:0; overflow:hidden;
      padding:0 0 0 14px;
      transition:max-height .25s ease, padding .25s ease;
    }
    .dropdown-item.has-submenu.open .submenu{ max-height:600px; padding:4px 0 8px 14px; }
  }

  /* Alt menü içeren dropdown'da, yandan açılan flyout'un kırpılmaması için
     SADECE masaüstünde taşma kısıtlamasını kaldırıyoruz — mobilde akordeon
     kapanma davranışı (.dropdown{max-height:0}) olduğu gibi kalmalı. */
  @media(min-width:921px){
    .dropdown.dropdown--nested{ overflow:visible; max-height:none; }
  }

  .nav-right{ display:flex; align-items:center; gap:16px; }
  .nav-search{
    display:flex; align-items:center;
    border:1px solid var(--line-strong);
    border-radius:20px;
    padding:2px 4px 2px 14px;
    background:var(--surface);
    transition:border-color .2s ease;
  }
  .nav-search:focus-within{ border-color:var(--amber); }
  .nav-search input{
    border:none; background:transparent; outline:none;
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    font-size:13px;
    width:130px;
  }
  .nav-search input::placeholder{ color:var(--ink-dim); }
  .nav-search button{
    width:30px; height:30px; border-radius:50%;
    border:none; background:transparent; color:var(--ink-dim);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; flex-shrink:0;
    transition:color .2s ease;
  }
  .nav-search button:hover{ color:var(--amber-text); }
  @media(max-width:640px){ .nav-search input{ width:80px; } }
  @media(max-width:480px){ .nav-search input{ display:none; } .nav-search{ padding:2px; border-radius:50%; } }
  .theme-toggle{
    width:38px; height:38px;
    border-radius:50%;
    border:1px solid var(--line-strong);
    background:transparent;
    color:var(--ink);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:border-color .2s ease, color .2s ease, background .2s ease;
    flex-shrink:0;
  }
  .theme-toggle:hover{ border-color:var(--amber); color:var(--amber-text); }
  .theme-toggle svg{ width:17px; height:17px; }
  .theme-toggle .icon-moon{ display:none; }
  :root[data-theme="light"] .theme-toggle .icon-sun{ display:none; }
  :root[data-theme="light"] .theme-toggle .icon-moon{ display:block; }
  .btn{
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:600; font-size:13.5px;
    padding:10px 20px;
    border-radius:3px;
    border:1px solid var(--amber);
    color:var(--ink-on-accent);
    background:var(--amber);
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease;
    white-space:nowrap;
  }
  .btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px rgba(255,182,39,0.25);}
  .btn.ghost{
    background:transparent; color:var(--ink); border-color:var(--line-strong);
  }
  .btn.ghost:hover{ border-color:var(--amber); box-shadow:none; }

  .mobile-nav-toggle{
    display:none;
    width:38px; height:38px;
    align-items:center; justify-content:center;
    border:1px solid var(--line-strong);
    border-radius:8px;
    background:transparent;
    color:var(--ink);
    cursor:pointer;
    flex-shrink:0;
    position:relative;
    z-index:210;
  }
  .mobile-nav-toggle:hover{ border-color:var(--amber); color:var(--amber-text); }
  .mobile-nav-toggle .icon-close{ display:none; }
  .mobile-nav-toggle[aria-expanded="true"] .icon-burger{ display:none; }
  .mobile-nav-toggle[aria-expanded="true"] .icon-close{ display:block; }

  .mobile-nav-backdrop{
    display:none;
    position:fixed; inset:0;
    background:rgba(0,0,0,0.55);
    /* header{position:sticky} kendi z-index bağlamını oluşturuyor (z-index:50);
       backdrop bu değerden düşük olmalı, aksi halde header içindeki mobil
       menüyü (nav-links) örtüp hem karartıyor hem de tıklanmaz hale getiriyor. */
    z-index:40;
  }
  .mobile-nav-backdrop.active{ display:block; }

  @media(max-width:920px){
    .mobile-nav-toggle{ display:flex; }
    .nav-links{
      display:flex;
      flex-direction:column;
      align-items:stretch;
      gap:2px;
      position:fixed;
      top:0; right:-320px;
      width:300px; max-width:85vw;
      height:100vh;
      background:var(--surface);
      padding:84px 14px 24px;
      overflow-y:auto;
      box-shadow:-24px 0 48px -20px rgba(0,0,0,0.5);
      transition:right .3s ease;
      z-index:200;
    }
    .nav-links.mobile-open{ right:0; }
    .nav-item{ width:100%; }
    .nav-item > .nav-trigger{ width:100%; justify-content:space-between; padding:12px; }
    .dropdown{
      position:static;
      min-width:0; max-width:none;
      opacity:1; visibility:visible; transform:none;
      box-shadow:none;
      border:none;
      background:transparent;
      max-height:0;
      overflow:hidden;
      padding:0 8px;
      transition:max-height .25s ease, padding .25s ease;
    }
    .nav-item.open .dropdown{ max-height:1200px; padding:4px 8px 10px; }
    .dropdown a{ padding:10px 10px; }
  }

  /* ===== İhracat rakamları şeridi ===== */
  .ihracat-ticker-section{
    border-bottom:1px solid var(--line);
    background:var(--surface-2);
  }
  .ihracat-ticker-wrap{
    display:flex; align-items:stretch;
  }
  .ihracat-ticker-label{
    display:flex; align-items:center;
    flex-shrink:0;
    padding:10px 16px;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px; font-weight:600;
    letter-spacing:.03em;
    color:var(--amber-text);
    background:rgba(255,182,39,0.08);
    border-right:1px solid var(--line);
    white-space:nowrap;
  }
  .ihracat-ticker-wrap .fx-ticker{ flex:1; min-width:0; }
  @media(max-width:640px){ .ihracat-ticker-label{ display:none; } }

  /* ===== Döviz kuru şeridi (TCMB) ===== */
  .fx-ticker-section{
    border-bottom:1px solid var(--line);
    background:var(--surface);
  }
  .fx-ticker{
    overflow:hidden;
    white-space:nowrap;
    -webkit-mask-image:linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
    mask-image:linear-gradient(90deg, transparent, #000 24px, #000 calc(100% - 24px), transparent);
  }
  .fx-ticker-track{
    display:inline-flex;
    align-items:center;
    width:max-content;
    animation:fxScroll 38s linear infinite;
  }
  .fx-ticker:hover .fx-ticker-track{ animation-play-state:paused; }
  @media(prefers-reduced-motion: reduce){ .fx-ticker-track{ animation:none; } }
  @keyframes fxScroll{
    from{ transform:translateX(0); }
    to{ transform:translateX(-50%); }
  }
  .fx-item{
    display:inline-flex; align-items:baseline; gap:10px;
    padding:10px 22px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px;
    white-space:nowrap;
    border-right:1px solid var(--line);
  }
  .fx-code{ font-weight:700; color:var(--amber-text); letter-spacing:.02em; }
  .fx-label{ color:var(--ink-dim); }
  .fx-rate{ color:var(--ink); }
  .fx-rate .fx-dir{ color:var(--ink-dim); font-size:10.5px; margin-right:3px; }
  .fx-change{ font-size:10px; }
  .fx-change.up{ color:var(--teal-text); }
  .fx-change.down{ color:var(--red-text); }

  /* ===== Carousel: son 5 haber ===== */
  .carousel-section{
    padding:32px 0 0;
    border-bottom:1px solid var(--line);
  }
  .carousel-head{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:20px;
  }
  .carousel-head .section-title{ font-size:26px; }
  .carousel{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    border:1px solid var(--line-strong);
    background:var(--surface);
  }
  .carousel-track{
    display:flex;
    transition:transform .55s cubic-bezier(.65,0,.35,1);
    will-change:transform;
  }
  .car-slide{
    min-width:100%;
    display:grid;
    grid-template-columns: 1.15fr 1fr;
    align-items:stretch;
    min-height:440px;
    cursor:pointer;
  }
  .car-slide .card-title{ transition:color .15s; }
  .car-slide:hover .card-title{ color:var(--amber-text); }
  @media(max-width:760px){ .car-slide{ grid-template-columns:1fr; min-height:auto; } }
  .car-media{
    position:relative;
    background:linear-gradient(155deg, var(--slide-a,#2A3446), var(--slide-b,#171B22) 75%);
  }
  .car-media::after{
    content:"";
    position:absolute; inset:0;
    background:
      repeating-linear-gradient(135deg, rgba(255,182,39,0.08) 0 2px, transparent 2px 24px);
  }
  .car-media .car-index{
    position:absolute; top:20px; left:20px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px; color:var(--ink);
    background:rgba(18,22,29,0.55);
    border:1px solid var(--line-strong);
    padding:5px 11px; border-radius:20px;
    z-index:2;
  }
  @media(max-width:760px){ .car-media{ min-height:240px; } }
  .car-body{
    padding:44px 48px;
    display:flex; flex-direction:column; justify-content:center;
    gap:16px;
  }
  @media(max-width:760px){ .car-body{ padding:30px 26px; } }
  .car-body .pill{ font-size:12.5px; padding:5px 13px; }
  .car-body .card-title{ font-size:34px; margin:0; line-height:1.12; }
  @media(max-width:760px){ .car-body .card-title{ font-size:26px; } }
  .car-body .card-excerpt{ max-width:52ch; font-size:15.5px; }
  .car-body .card-foot{ font-size:13px; }

  .car-arrow{
    position:absolute; top:50%; transform:translateY(-50%);
    width:44px; height:44px; border-radius:50%;
    background:rgba(18,22,29,0.65);
    border:1px solid var(--line-strong);
    color:var(--ink);
    font-size:20px;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    z-index:5;
    transition:background .2s, border-color .2s;
  }
  .car-arrow:hover{ background:rgba(18,22,29,0.9); border-color:var(--amber); color:var(--amber-text); }
  .car-arrow.prev{ left:18px; }
  .car-arrow.next{ right:18px; }

  .car-dots{
    position:absolute; bottom:20px; left:50%; transform:translateX(-50%);
    display:flex; gap:9px;
    z-index:5;
  }
  .car-dot{
    width:9px; height:9px; border-radius:50%;
    background:rgba(238,234,224,0.3);
    border:none; cursor:pointer;
    padding:0;
    transition:background .2s, width .2s;
  }
  .car-dot.active{ background:var(--amber); width:26px; border-radius:5px; }

  /* ===== Etiket pilleri (carousel kartlarında kullanılıyor) ===== */
  .pill{
    padding:4px 10px;
    border-radius:20px;
    font-size:11.5px;
    font-weight:600;
    letter-spacing:.03em;
  }
  .pill.eko{ background:rgba(79,166,154,0.15); color:var(--teal-text); }
  .pill.gundem{ background:rgba(255,182,39,0.15); color:var(--amber-text); }
  .pill.red{ background:rgba(229,85,92,0.15); color:var(--red-text); }

  /* ===== Main grid ===== */
  main{ padding:56px 0 0; }
  .section-head{
    display:flex; align-items:baseline; justify-content:space-between;
    margin-bottom:22px;
    border-bottom:1px solid var(--line);
    padding-bottom:14px;
  }
  .section-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700;
    font-size:26px;
    letter-spacing:.01em;
  }
  .section-link{
    font-size:13px; color:var(--ink-dim); font-weight:500;
    display:flex; align-items:center; gap:6px;
  }
  .section-link:hover{ color:var(--amber-text); }

  .layout{
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap:44px;
    align-items:start;
  }
  @media(max-width:900px){ .layout{ grid-template-columns:1fr; } }

  .feature-card{
    border:1px solid var(--line);
    border-radius:8px;
    overflow:hidden;
    background:var(--surface);
    margin-bottom:28px;
  }
  .feature-media{
    height:280px;
    position:relative;
    background:
      repeating-linear-gradient(135deg, rgba(255,182,39,0.10) 0 2px, transparent 2px 26px),
      linear-gradient(160deg, #232B3A, #171B22 70%);
    display:flex; align-items:flex-end; padding:22px;
  }
  .feature-media .pill{ background:rgba(18,22,29,0.7); color:var(--amber); backdrop-filter:blur(4px);}
  .feature-body{ padding:24px 26px 28px; }
  .card-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700;
    font-size:25px;
    line-height:1.15;
    margin:10px 0 10px;
  }
  .feature-body .card-title{ font-size:28px; }
  a.card-title-link{ transition:color .15s; }
  a.card-title-link:hover{ color:var(--amber-text); }
  .card-excerpt{ color:var(--ink-dim); font-size:14.5px; max-width:56ch; }
  .card-foot{
    display:flex; gap:16px; align-items:center;
    margin-top:16px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; color:var(--ink-dim);
  }

  .grid-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
  }
  @media(max-width:560px){ .grid-2{ grid-template-columns:1fr; } }
  .mini-card{
    border:1px solid var(--line);
    border-radius:8px;
    padding:20px;
    background:var(--surface);
    transition:border-color .2s, transform .2s;
  }
  .mini-card:hover{ border-color:var(--line-strong); transform:translateY(-2px); }
  .mini-card-thumb{
    aspect-ratio:16/9;
    border-radius:6px;
    margin-bottom:14px;
    background:
      repeating-linear-gradient(135deg, rgba(255,182,39,0.08) 0 2px, transparent 2px 22px),
      linear-gradient(160deg, #232B3A, #171B22 70%);
    border:1px solid var(--line);
  }
  .mini-card .card-title{ font-size:19px; margin:8px 0 8px; }
  .mini-card .card-excerpt{ font-size:13.5px; }

  /* ===== Yönetim Kurulumuz ===== */
  .board-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
    padding:28px 0 60px;
  }
  @media(max-width:900px){ .board-grid{ grid-template-columns:repeat(2, 1fr); } }
  @media(max-width:560px){ .board-grid{ grid-template-columns:1fr; } }
  .board-card{
    border:1px solid var(--line);
    border-radius:8px;
    padding:22px 20px;
    background:var(--surface);
    text-align:center;
    transition:border-color .2s, transform .2s;
  }
  .board-card:hover{ border-color:var(--line-strong); transform:translateY(-2px); }
  .board-photo{
    width:88px; height:88px;
    border-radius:50%;
    margin:0 auto 16px;
    background:linear-gradient(150deg, var(--amber), var(--amber-deep));
    border:1px solid var(--line);
  }
  .board-name{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700;
    font-size:18px;
    line-height:1.2;
  }
  .board-unvan{ color:var(--amber-text); font-size:13px; font-weight:600; margin-top:6px; }
  .board-meta{ color:var(--ink-dim); font-size:12.5px; margin-top:8px; }

  /* ===== Üyelerimiz ===== */
  .members-head{
    display:flex; align-items:flex-end; justify-content:space-between;
    gap:20px; flex-wrap:wrap;
  }
  .members-export{
    border:1px solid var(--line-strong);
    border-radius:6px;
    padding:9px 14px;
    white-space:nowrap;
  }
  .members-export:hover{ border-color:var(--amber); }
  .members-list{ padding:24px 0 8px; display:flex; flex-direction:column; gap:1px; }
  .member-row{
    display:flex; align-items:center; justify-content:space-between; gap:20px;
    padding:16px 4px;
    border-bottom:1px solid var(--line);
  }
  .member-unvan{ font-weight:600; font-size:15px; }
  .member-adres, .member-yer{ color:var(--ink-dim); font-size:13px; margin-top:3px; }
  .member-web{ color:var(--amber-text); font-size:13px; white-space:nowrap; flex-shrink:0; }
  .member-web:hover{ text-decoration:underline; }
  @media(max-width:560px){ .member-row{ flex-direction:column; align-items:flex-start; gap:6px; } }

  /* ===== Form geri bildirim / abonelik kategorileri ===== */
  .form-success{
    display:flex; align-items:flex-start; gap:12px;
    padding:16px 18px;
    border-radius:8px;
    background:rgba(79,166,154,0.12);
    border:1px solid rgba(79,166,154,0.3);
    color:var(--teal-text);
  }
  .form-success strong{ display:block; margin-bottom:4px; }
  .form-success p{ color:var(--ink-dim); font-size:13.5px; margin:0; }
  .check-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
  }
  @media(max-width:640px){ .check-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:420px){ .check-grid{ grid-template-columns:1fr; } }
  .check-col{ display:flex; flex-direction:column; gap:10px; }
  .check-item{ display:flex; align-items:center; gap:8px; font-size:13.5px; color:var(--ink); cursor:pointer; }
  .check-item input[type="checkbox"]{ accent-color:var(--amber); width:16px; height:16px; flex-shrink:0; }

  /* ===== Anasayfa hızlı linkler (piktogramlar) ===== */
  .quicklinks-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
    padding:28px 0 0;
  }
  @media(max-width:760px){ .quicklinks-grid{ grid-template-columns:repeat(2, 1fr); } }
  .quicklink-card{
    display:flex; flex-direction:column; align-items:center; gap:12px;
    padding:26px 16px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface);
    text-align:center;
    transition:border-color .2s ease, transform .2s ease;
  }
  .quicklink-card:hover{ border-color:var(--amber); transform:translateY(-3px); }
  .quicklink-icon{
    width:52px; height:52px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
  }
  .quicklink-icon.amber{ background:rgba(255,182,39,0.15); color:var(--amber-text); }
  .quicklink-icon-img{ background:#fff; }
  .quicklink-icon-img img{ width:38px; height:38px; object-fit:contain; }
  .quicklink-card-logo{ justify-content:center; }
  .quicklink-icon-lg{ width:84px; height:84px; }
  .quicklink-icon-lg img{ width:120px; height:120px; }
  .quicklink-icon.teal{ background:rgba(79,166,154,0.15); color:var(--teal-text); }
  .quicklink-icon.red{ background:rgba(229,85,92,0.15); color:var(--red-text); }
  .quicklink-label{ font-weight:600; font-size:14.5px; color:var(--ink); }

  /* ===== Mesai dışı popup ===== */
  .popup-overlay{
    position:fixed; inset:0;
    background:rgba(10,12,16,0.72);
    display:flex; align-items:center; justify-content:center;
    z-index:200;
    padding:20px;
    animation:popupFadeIn .25s ease;
  }
  @keyframes popupFadeIn{ from{ opacity:0; } to{ opacity:1; } }
  .popup-box{
    position:relative;
    max-width:420px; width:100%;
    background:var(--surface);
    border:1px solid var(--line-strong);
    border-radius:12px;
    padding:34px 28px 28px;
    text-align:center;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);
  }
  .popup-close{
    position:absolute; top:12px; right:12px;
    width:32px; height:32px; border-radius:50%;
    border:1px solid var(--line-strong); background:transparent; color:var(--ink-dim);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer;
    transition:border-color .2s, color .2s;
  }
  .popup-close:hover{ border-color:var(--amber); color:var(--amber-text); }
  .popup-icon{
    width:52px; height:52px; margin:0 auto 16px;
    border-radius:50%;
    background:rgba(255,182,39,0.15);
    color:var(--amber-text);
    display:flex; align-items:center; justify-content:center;
  }
  .popup-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700; font-size:22px;
    margin-bottom:10px;
  }
  .popup-text{ color:var(--ink-dim); font-size:14.5px; line-height:1.6; }
  .popup-text a{ color:var(--amber-text); font-weight:600; }

  /* ===== IP-tabanli sayfa düzenleyici (Sayfa.Asp) ===== */
  .editor-fab{
    position:fixed; bottom:26px; right:26px;
    display:flex; align-items:center; gap:8px;
    padding:14px 20px;
    border-radius:30px;
    border:none;
    background:var(--amber);
    color:var(--ink-on-accent);
    font-family:'IBM Plex Sans', sans-serif;
    font-weight:600; font-size:14px;
    cursor:pointer;
    box-shadow:0 12px 28px -8px rgba(0,0,0,0.5);
    z-index:150;
    transition:transform .15s ease, box-shadow .15s ease;
  }
  .editor-fab:hover{ transform:translateY(-2px); box-shadow:0 16px 32px -8px rgba(0,0,0,0.55); }
  .editor-overlay{
    display:none;
    position:fixed; inset:0;
    background:rgba(10,12,16,0.72);
    align-items:center; justify-content:center;
    z-index:300;
    padding:20px;
  }
  .editor-overlay.open{ display:flex; }
  .editor-box{
    position:relative;
    width:100%; max-width:840px;
    height:min(720px, 88vh);
    display:flex; flex-direction:column;
    background:var(--surface);
    border:1px solid var(--line-strong);
    border-radius:12px;
    padding:24px 26px 20px;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6);
  }
  .editor-header{
    display:flex; align-items:center; justify-content:space-between;
    margin-bottom:14px;
  }
  .editor-header h3{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700; font-size:20px;
  }
  .editor-label{
    display:block; font-size:12.5px; font-weight:600; color:var(--ink-dim);
    margin:12px 0 6px;
    font-family:'IBM Plex Mono', monospace;
  }
  .editor-input{
    width:100%;
    padding:10px 12px;
    border-radius:6px;
    border:1px solid var(--line-strong);
    background:var(--surface-2);
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    font-size:14.5px;
  }
  .editor-quill{
    background:#fff; color:#111;
    border-radius:0 0 6px 6px;
    display:flex; flex-direction:column;
    flex:1;
    min-height:0;
    overflow:hidden;
  }
  .editor-quill .ql-toolbar{ border-radius:6px 6px 0 0; flex-shrink:0; }
  .editor-quill .ql-container{ flex:1; overflow-y:auto; font-size:14.5px; }
  .editor-quill .ql-editor{ min-height:100%; }
  .editor-actions{
    display:flex; align-items:center; justify-content:flex-end; gap:12px;
    margin-top:16px;
  }
  .editor-status{ margin-right:auto; color:var(--ink-dim); font-size:13px; }

  /* ===== Arama ===== */
  .search-form{
    display:flex; align-items:center;
    border:1px solid var(--line-strong);
    border-radius:8px;
    padding:4px 4px 4px 18px;
    background:var(--surface);
    max-width:560px;
    margin-top:20px;
    transition:border-color .2s ease;
  }
  .search-form:focus-within{ border-color:var(--amber); }
  .search-form input{
    flex:1; border:none; background:transparent; outline:none;
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    font-size:14.5px;
  }
  .search-form input::placeholder{ color:var(--ink-dim); }
  .search-form button{
    width:38px; height:38px; border-radius:6px;
    border:none; background:var(--amber); color:var(--ink-on-accent);
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; flex-shrink:0;
  }
  .search-section{ padding:28px 0 8px; border-bottom:1px solid var(--line); }
  .search-section:last-child{ border-bottom:none; }
  .search-count{ color:var(--ink-dim); font-weight:500; font-size:14px; }
  .search-result-list{ display:flex; flex-direction:column; gap:4px; margin-top:14px; }
  .search-result{
    display:block;
    padding:14px 16px;
    border-radius:8px;
    transition:background .15s ease;
  }
  .search-result:hover{ background:var(--surface); }
  .search-result-head{ display:flex; align-items:center; gap:10px; margin-bottom:6px; }
  .search-result-meta{ color:var(--ink-dim); font-size:12px; font-family:'IBM Plex Mono', monospace; }
  .search-result-title{ font-weight:600; font-size:16px; color:var(--ink); }
  .search-result-snippet{ color:var(--ink-dim); font-size:13.5px; margin-top:4px; line-height:1.6; max-width:80ch; }

  /* ===== Sidebar: Duyurular ===== */
  .sidebar-block{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:8px;
    padding:24px;
    margin-bottom:24px;
  }
  .sidebar-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700;
    font-size:19px;
    letter-spacing:.03em;
    text-transform:uppercase;
    color:var(--amber-text);
    display:flex; align-items:center; gap:10px;
    margin-bottom:18px;
  }
  .sidebar-title::before{
    content:"";
    width:16px; height:3px;
    background:var(--amber);
    display:inline-block;
  }
  .duyuru-item{
    padding:14px 0;
    border-top:1px dashed var(--line-strong);
  }
  .duyuru-item:first-child{ border-top:none; padding-top:0; }
  .duyuru-item .tag{
    font-family:'IBM Plex Mono', monospace;
    font-size:10.5px;
    color:var(--ink-on-accent);
    background:var(--teal);
    padding:2px 7px;
    border-radius:2px;
    font-weight:600;
    letter-spacing:.04em;
  }
  .duyuru-item h4{
    font-size:14.5px;
    font-weight:600;
    margin:9px 0 5px;
    line-height:1.35;
  }
  .duyuru-item p{
    font-size:12.5px;
    color:var(--ink-dim);
  }
  .duyuru-item .date{
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    color:var(--ink-dim);
    margin-top:6px;
    display:block;
  }

  .event-row{
    display:flex; gap:14px; align-items:flex-start;
    padding:12px 0;
    border-top:1px solid var(--line);
  }
  .event-row:first-child{ border-top:none; padding-top:0; }
  .event-date{
    font-family:'IBM Plex Mono', monospace;
    background:var(--surface-2);
    border:1px solid var(--line-strong);
    border-radius:5px;
    padding:6px 8px;
    text-align:center;
    min-width:46px;
    line-height:1.1;
  }
  .event-date .d{ font-size:16px; font-weight:600; color:var(--amber-text); display:block;}
  .event-date .m{ font-size:9.5px; color:var(--ink-dim); text-transform:uppercase; }
  .event-row h4{ font-size:13.5px; font-weight:600; margin-bottom:3px;}
  .event-row span{ font-size:11.5px; color:var(--ink-dim); font-family:'IBM Plex Mono', monospace;}

  /* ===== Newsletter ===== */
  .newsletter{
    margin-top:70px;
    background:var(--surface-2);
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
  }
  .newsletter .wrap{
    padding:52px 32px;
    display:flex; justify-content:space-between; align-items:center;
    gap:30px; flex-wrap:wrap;
  }
  .newsletter h3{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:800; font-size:28px;
    max-width:420px;
    line-height:1.1;
  }
  .newsletter p{ color:var(--ink-dim); font-size:14px; margin-top:8px; max-width:420px;}
  .news-form{ display:flex; gap:10px; flex-wrap:wrap; }
  .news-form input{
    background:var(--bg);
    border:1px solid var(--line-strong);
    border-radius:3px;
    padding:12px 14px;
    color:var(--ink);
    font-family:'IBM Plex Sans', sans-serif;
    font-size:14px;
    min-width:240px;
  }
  .news-form input:focus{ outline:2px solid var(--amber); outline-offset:1px; }
  .news-form input::placeholder{ color:var(--ink-dim); }

  /* ===== Footer ===== */
  footer{ padding:56px 0 30px; }
  .foot-grid{
    display:grid;
    grid-template-columns: 1.3fr repeat(5, 1fr);
    gap:28px;
    padding-bottom:36px;
    border-bottom:1px solid var(--line);
  }
  @media(max-width:1100px){ .foot-grid{ grid-template-columns: 1fr 1fr 1fr; } }
  @media(max-width:760px){ .foot-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:480px){ .foot-grid{ grid-template-columns:1fr; } }
  .foot-col-brand{ grid-column: span 1; }
  @media(max-width:1100px){ .foot-col-brand{ grid-column: 1 / -1; } }
  .foot-col h5{
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
    color:var(--ink-dim); margin-bottom:14px;
  }
  .foot-col a{
    display:block; font-size:13.5px; color:var(--ink);
    margin-bottom:10px; opacity:.85;
  }
  .foot-col a:hover{ opacity:1; color:var(--amber); }
  .foot-col a img{ max-height:26px; width:auto; }
  .app-badges{ display:flex; gap:10px; flex-wrap:wrap; }
  .app-badge{
    display:flex !important; align-items:center; gap:7px;
    border:1px solid var(--line-strong);
    border-radius:7px;
    padding:8px 12px;
    font-size:12px; font-weight:600;
    color:var(--ink) !important;
    margin-bottom:0 !important;
    opacity:1 !important;
    transition:border-color .2s, color .2s;
  }
  .app-badge:hover{ border-color:var(--amber); color:var(--amber-text) !important; }
  .foot-bottom{
    display:flex; justify-content:space-between; align-items:center;
    padding-top:26px; flex-wrap:wrap; gap:14px;
    font-size:12.5px; color:var(--ink-dim);
    font-family:'IBM Plex Mono', monospace;
  }
  .socials{ display:flex; gap:14px; }
  .socials a{
    width:32px; height:32px; border:1px solid var(--line-strong); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    transition:border-color .2s;
  }
  .socials a:hover{ border-color:var(--amber); }

  @media (prefers-reduced-motion: reduce){
    html{ scroll-behavior:auto; }
  }

  /* ===== Logo (görsel + yedek metin) ===== */
  .logo-img{ height:34px; width:auto; display:block; }
  .logo-fallback{
    display:none;
    align-items:center; gap:10px;
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700; font-size:17px; letter-spacing:.01em;
    line-height:1.15;
    max-width:220px;
  }
  @media(max-width:640px){ .logo-fallback{ font-size:14px; max-width:150px; } }
  .logo-fallback .dot{
    width:8px; height:20px; background:var(--amber); border-radius:2px; display:inline-block; flex-shrink:0;
  }

  /* ===== Breadcrumb ===== */
  .breadcrumb{
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    font-family:'IBM Plex Mono', monospace;
    font-size:12px; color:var(--ink-dim);
    padding:22px 0 0;
  }
  .breadcrumb a:hover{ color:var(--amber-text); }
  .breadcrumb .sep{ opacity:.5; }
  .breadcrumb .current{ color:var(--ink); }

  /* ===== Sayfa başlığı bandı (kategori / duyurular) ===== */
  .page-head{ padding:22px 0 34px; border-bottom:1px solid var(--line); }
  .page-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:800;
    font-size:clamp(30px, 4.5vw, 46px);
    line-height:1.05;
    margin-top:10px;
  }
  .page-sub{ color:var(--ink-dim); font-size:15px; margin-top:12px; max-width:60ch; }

  /* ===== Filtre çipleri ===== */
  .filter-row{
    display:flex; gap:10px; flex-wrap:wrap;
    padding:24px 0 0;
  }
  .chip{
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px; font-weight:500;
    padding:8px 14px;
    border-radius:20px;
    border:1px solid var(--line-strong);
    color:var(--ink-dim);
    background:transparent;
    cursor:pointer;
    transition:border-color .2s, color .2s, background .2s;
  }
  .chip:hover{ color:var(--ink); border-color:var(--ink-dim); }
  .chip.active{ background:var(--amber); border-color:var(--amber); color:var(--ink-on-accent); }

  /* ===== Kategori / liste grid ===== */
  .list-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
    padding:32px 0;
  }
  @media(max-width:920px){ .list-grid{ grid-template-columns:1fr 1fr; } }
  @media(max-width:600px){ .list-grid{ grid-template-columns:1fr; } }
  .list-grid .mini-card .card-title{ font-size:18px; }

  /* ===== Sayfalama ===== */
  .pagination{
    display:flex; align-items:center; justify-content:center; gap:8px;
    padding:20px 0 60px;
  }
  .page-btn{
    width:38px; height:38px;
    border-radius:6px;
    border:1px solid var(--line-strong);
    background:transparent;
    color:var(--ink-dim);
    font-family:'IBM Plex Mono', monospace;
    font-size:13px;
    cursor:pointer;
    display:flex; align-items:center; justify-content:center;
    transition:border-color .2s, color .2s, background .2s;
  }
  .page-btn:hover{ border-color:var(--amber); color:var(--ink); }
  .page-btn.active{ background:var(--amber); border-color:var(--amber); color:var(--ink-on-accent); font-weight:600; }
  .page-btn.nav-arrow{ width:auto; padding:0 14px; }

  /* ===== Haber detay sayfası ===== */
  .article-layout{
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:44px;
    align-items:start;
    padding:28px 0 0;
  }
  @media(max-width:900px){ .article-layout{ grid-template-columns:1fr; } }
  .article-header{ padding-bottom:20px; }
  .article-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:800;
    font-size:clamp(30px, 4.5vw, 48px);
    line-height:1.05;
    margin:14px 0 16px;
  }
  .article-dek{ color:var(--ink-dim); font-size:17px; max-width:66ch; }
  .article-meta{
    display:flex; align-items:center; gap:16px; flex-wrap:wrap;
    margin-top:20px;
    font-family:'IBM Plex Mono', monospace;
    font-size:12.5px; color:var(--ink-dim);
  }
  .author-chip{ display:flex; align-items:center; gap:8px; }
  .author-avatar{
    width:26px; height:26px; border-radius:50%;
    background:linear-gradient(150deg, var(--amber), var(--amber-deep));
    flex-shrink:0;
  }
  .article-media{
    display:block;
    height:340px;
    border-radius:8px;
    margin:22px 0 30px;
    background:
      repeating-linear-gradient(135deg, rgba(255,182,39,0.10) 0 2px, transparent 2px 26px),
      linear-gradient(160deg, #232B3A, #171B22 70%);
    border:1px solid var(--line);
  }
  a.article-media{ cursor:zoom-in; }
  @media(max-width:760px){ .article-media{ height:200px; } }
  .article-body{ font-size:16.5px; line-height:1.8; color:var(--ink); }
  .article-body p{ margin-bottom:18px; max-width:70ch; }
  .article-body h1, .article-body h2, .article-body h3, .article-body h4{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700;
    margin:30px 0 12px;
    line-height:1.2;
  }
  .article-body h1{ font-size:28px; }
  .article-body h2{ font-size:25px; }
  .article-body h3{ font-size:22px; }
  .article-body h4{ font-size:19px; }
  .article-body a{ color:var(--amber-text); text-decoration:underline; text-underline-offset:2px; }
  .article-body ul, .article-body ol{ margin:0 0 18px; padding-left:22px; max-width:70ch; }
  .article-body li{ margin-bottom:8px; }
  .article-body img{ max-width:100%; height:auto; border-radius:8px; margin:20px 0; display:block; }

  /* ===== CMS içeriğinde (HaberMetin/Mesaj/Icerik) geçen Bootstrap sınıfları =====
     Sitede Bootstrap yok; bu sınıflar eski sistemden ham HTML içinde geliyor.
     En sık görüleni "rounded-circle" (dairesel profil/kişi fotoğrafı) —
     JS (panoCleanCmsHtml) bu görselleri bir .avatar-circle-wrap içine alıyor:
     dıştaki sarmalayıcı sabit boyutu ve kırpmayı üstleniyor, içteki görsel
     ise büyütülüp (zoom) ortalanıyor — böylece kaynak görseldeki boşluklu
     kenarlar dairenin dışına taşıp görünmez oluyor. */
  .article-body .avatar-circle-wrap{
    display:inline-block;
    width:220px;
    height:220px;
    max-width:100%;
    border-radius:50%;
    overflow:hidden;
    border:1px solid var(--line-strong);
    background:var(--surface-2);
  }
  .article-body img.rounded-circle{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transform:scale(1.4);
    transform-origin:center;
    margin:0;
    display:block;
    border:none;
  }
  .article-body .flex-shrink-0{ flex-shrink:0; }
  .article-body img.rounded{ border-radius:8px; }
  .article-body img.img-fluid{ max-width:100%; height:auto; }
  .article-body blockquote{
    border-left:3px solid var(--amber);
    padding:6px 0 6px 22px;
    margin:26px 0;
    font-style:italic;
    color:var(--ink-dim);
    max-width:64ch;
  }
  .article-body table{ width:100%; border-collapse:collapse; margin:20px 0; font-size:14.5px; }
  .article-body th, .article-body td{ border:1px solid var(--line-strong); padding:8px 12px; text-align:left; }
  .article-body strong{ font-weight:700; color:var(--ink); }
  .article-body hr{ border:none; border-top:1px solid var(--line); margin:28px 0; }

  .pull-quote{
    border-left:3px solid var(--amber);
    padding:6px 0 6px 22px;
    margin:26px 0;
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:1.3;
    max-width:56ch;
  }
  .tag-row{ display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
  .tag-chip{
    font-family:'IBM Plex Mono', monospace;
    font-size:11.5px;
    padding:5px 11px;
    border-radius:20px;
    border:1px solid var(--line-strong);
    color:var(--ink-dim);
  }
  .gallery-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700; font-size:18px;
    margin:34px 0 14px;
    padding-top:24px;
    border-top:1px solid var(--line);
  }
  /* .page-head zaten alt cizgiye sahip - hemen ardindan gelen bir
     gallery-title kendi ust cizgisini tekrar eklemesin (cift cizgi olmasin) */
  .page-head + .gallery-title{
    border-top:none;
    padding-top:0;
    margin-top:0;
  }
  .gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));
    gap:10px;
  }
  .gallery-thumb{
    display:block;
    aspect-ratio:1 / 1;
    border-radius:8px;
    overflow:hidden;
    border:1px solid var(--line-strong);
    background:var(--surface-2);
  }
  .gallery-thumb img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .25s ease;
  }
  .gallery-thumb:hover img{ transform:scale(1.08); }
  .folder-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
    gap:12px;
    margin-bottom:14px;
  }
  .folder-card{
    display:flex; flex-direction:column; align-items:center; gap:8px;
    padding:22px 14px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface);
    text-align:center;
    color:var(--amber);
    transition:border-color .2s, transform .2s;
  }
  .folder-card:hover{ border-color:var(--line-strong); transform:translateY(-2px); }
  .folder-card .folder-name{ color:var(--ink); font-weight:600; font-size:14px; }
  .folder-card .folder-count{ color:var(--ink-dim); font-size:12px; font-family:'IBM Plex Mono', monospace; }
  .share-row{
    display:flex; align-items:center; gap:10px;
    margin-top:26px; padding-top:22px;
    border-top:1px solid var(--line);
  }
  .share-row span{ font-size:12.5px; color:var(--ink-dim); font-family:'IBM Plex Mono', monospace; margin-right:4px;}
  .share-btn{
    width:34px; height:34px; border-radius:50%;
    border:1px solid var(--line-strong);
    display:flex; align-items:center; justify-content:center;
    color:var(--ink);
    background:transparent;
    padding:0;
    cursor:pointer;
    font-family:inherit;
    transition:border-color .2s, color .2s, background .2s;
  }
  .share-btn:hover{ border-color:var(--amber); color:var(--amber-text); }
  .share-btn[data-copied="true"]{ border-color:var(--amber); color:var(--amber-text); background:rgba(255,182,39,0.12); }
  .share-tooltip{
    position:relative;
  }
  .share-tooltip::after{
    content:"Kopyalandı!";
    position:absolute;
    bottom:calc(100% + 8px);
    left:50%;
    transform:translateX(-50%);
    background:var(--ink-on-accent);
    color:#EEEAE0;
    font-family:'IBM Plex Mono', monospace;
    font-size:11px;
    padding:5px 9px;
    border-radius:5px;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transition:opacity .15s ease;
  }
  .share-tooltip[data-copied="true"]::after{ opacity:1; }

  .related-title{
    font-family:'Big Shoulders Display', sans-serif;
    font-weight:700; font-size:20px;
    margin:46px 0 18px;
    padding-top:26px;
    border-top:1px solid var(--line);
  }
  .related-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    margin-bottom:50px;
  }
  @media(max-width:760px){ .related-grid{ grid-template-columns:1fr; } }

  /* ===== Duyurular sayfası — büyük liste kartı ===== */
  .duyuru-full{
    display:flex; gap:18px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface);
    margin-bottom:16px;
    align-items:flex-start;
    transition:border-color .2s, transform .2s;
  }
  .duyuru-full:hover{ border-color:var(--line-strong); transform:translateY(-2px); }
  @media(max-width:600px){ .duyuru-full{ flex-direction:column; } }
  .duyuru-full .pin{
    width:44px; height:44px; border-radius:8px;
    background:var(--surface-2);
    border:1px solid var(--line-strong);
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0;
    color:var(--amber-text);
  }
  .duyuru-full h3{ font-size:18px; font-weight:700; margin-bottom:6px; }
  .duyuru-full p{ color:var(--ink-dim); font-size:14px; max-width:70ch; }
  .duyuru-full .meta-row{
    display:flex; gap:12px; align-items:center; margin-top:10px;
    font-family:'IBM Plex Mono', monospace; font-size:11.5px; color:var(--ink-dim);
  }
  .duyuru-item h4 a:hover{ color:var(--amber-text); }