:root{
  --bg:#05080d;
  --panel:#0a0e13;
  --panel2:#0d1218;
  --gold:#b9872f;
  --gold2:#e3b85d;
  --gold3:#ffcf62;
  --line:#62451e;
  --text:#f3eee4;
  --muted:#a9a59a;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:#05080d;color:var(--text);font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}

.site-header{height:72px;background:linear-gradient(180deg,#05070a,#080b0f);border-top:1px solid #2f220f;border-bottom:1px solid #6e4e21;position:relative;z-index:20}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,transparent,#8b6229 15%,#e0b85b 50%,#8b6229 85%,transparent);opacity:.45}
.header-inner{width:min(1450px,calc(100% - 36px));height:100%;margin:auto;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:300px}
.brand-shield{width:54px;height:54px;border:2px solid #9a6d27;clip-path:polygon(50% 0,90% 13%,84% 73%,50% 100%,16% 73%,10% 13%);display:grid;place-items:center;color:#edc267;font:700 30px Georgia,serif;background:radial-gradient(circle,#1e170b,#07090c 72%);text-shadow:0 0 12px rgba(238,191,88,.6)}
.brand-copy strong{display:block;font:700 27px Georgia,serif;letter-spacing:.6px;color:#e9c26d;text-shadow:0 2px 5px #000}
.brand-copy small{display:block;font:700 9px Georgia,serif;letter-spacing:2px;color:#aa8d55;margin-top:2px;text-align:center}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-left:auto;height:100%}
.main-nav a{height:100%;padding:0 18px;display:flex;align-items:center;gap:8px;font:700 13px Georgia,serif;color:#c9b997;border-bottom:2px solid transparent;transition:.18s ease;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{color:#f0c768;border-bottom-color:#d6a640;background:linear-gradient(180deg,transparent 45%,rgba(177,122,31,.08))}
.nav-toggle{display:none;margin-left:auto;background:#0e1319;border:1px solid #6d4c20;color:#e2b65b;border-radius:3px;padding:7px 10px}

.news-page{min-height:calc(100vh - 72px);background:radial-gradient(circle at 50% 0,rgba(19,34,51,.45),transparent 46%),#05080d;padding-bottom:38px}
.hero{height:260px;position:relative;overflow:hidden;background:
  linear-gradient(90deg,rgba(5,8,13,.98) 0%,rgba(5,8,13,.77) 28%,rgba(5,8,13,.38) 60%,rgba(5,8,13,.78) 100%),
  linear-gradient(180deg,rgba(0,0,0,.05),rgba(5,8,13,.96)),
  url('news-live-2.jpg') center 38% / cover no-repeat;
  border-bottom:1px solid rgba(137,94,35,.55)}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 66% 34%,rgba(171,111,31,.14),transparent 24%);pointer-events:none}
.hero-inner{width:min(1390px,calc(100% - 44px));margin:auto;padding-top:42px;position:relative;z-index:1}
.eyebrow{display:flex;align-items:center;gap:9px;color:#d8b064;font:700 13px Georgia,serif;letter-spacing:1.4px}
.eyebrow span{width:43px;height:1px;background:linear-gradient(90deg,transparent,#c18c32)}
.eyebrow span:last-child{background:linear-gradient(90deg,#c18c32,transparent)}
.hero h1{margin:6px 0 6px;color:#f0c86f;font:700 62px/1 Georgia,serif;letter-spacing:2px;text-shadow:0 3px 0 #6b4313,0 7px 20px #000}
.hero p{margin:0;color:#d7d1c7;font-size:15px;max-width:760px}

.news-shell{width:min(1390px,calc(100% - 44px));margin:-35px auto 0;position:relative;z-index:5}
.controls{min-height:88px;padding:15px 18px;display:grid;grid-template-columns:1.25fr .85fr 1fr;gap:14px;align-items:center;background:linear-gradient(180deg,rgba(14,20,27,.98),rgba(8,12,17,.98));border:1px solid #755323;box-shadow:inset 0 0 0 1px rgba(226,178,81,.08),0 10px 30px rgba(0,0,0,.45);position:relative}
.controls:before,.cards-panel:before,.live-notice:before{content:"";position:absolute;inset:4px;border:1px solid rgba(163,112,38,.22);pointer-events:none}
.search-box,.category-box,.stats-box{position:relative;z-index:1}
.search-box,.category-box{height:46px;background:#090d12;border:1px solid #59401f;display:flex;align-items:center}
.search-box:focus-within,.category-box:focus-within{border-color:#c18a2b;box-shadow:0 0 0 1px rgba(234,185,76,.16)}
.search-icon{font-size:28px;line-height:1;margin-left:14px;color:#c49645;transform:rotate(-18deg)}
.search-box input{width:100%;height:100%;border:0;outline:0;background:transparent;color:#eee8dc;padding:0 14px;font-size:14px}
.search-box input::placeholder{color:#77766f}
.category-box select{width:100%;height:100%;border:0;outline:0;background:#090d12;color:#e9e2d7;padding:0 14px;appearance:auto;font-weight:700}
.stats-box{min-height:46px;border:1px solid #5c4322;background:linear-gradient(#11161c,#090c10);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;gap:16px}
.stat-item{display:flex;flex-direction:column;gap:3px}
.stat-label{font-size:11px;color:#ad9c7c;letter-spacing:.8px}
.stat-item strong{color:#ffd16b;font:700 16px Georgia,serif}
.stat-divider{width:1px;align-self:stretch;background:linear-gradient(180deg,transparent,#775523,transparent)}

.cards-panel{margin-top:10px;background:linear-gradient(180deg,#0c1117,#070a0e);border:1px solid #775524;box-shadow:0 16px 38px rgba(0,0,0,.4);position:relative;padding:20px}
.featured-wrap{position:relative;z-index:1}
.featured-card{display:grid;grid-template-columns:minmax(260px,34%) 1fr;gap:22px;border:1px solid #634821;background:linear-gradient(180deg,rgba(17,22,29,.94),rgba(9,12,16,.98));box-shadow:inset 0 0 0 1px rgba(232,186,92,.05);overflow:hidden}
.featured-media{min-height:320px;background:
 linear-gradient(180deg,rgba(7,10,14,.10),rgba(7,10,14,.72)),
 radial-gradient(circle at 60% 25%,rgba(226,170,69,.28),transparent 26%),
 url('news-live-3.jpg') center/cover no-repeat;border-right:1px solid rgba(121,86,37,.55)}
.featured-content{padding:24px 26px 24px 0}
.card-meta-row,.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.category-badge{display:inline-flex;align-items:center;justify-content:center;min-width:98px;height:28px;padding:0 12px;border:1px solid #8d6327;background:linear-gradient(180deg,rgba(171,118,31,.15),rgba(8,11,15,.85));color:#f0c76d;font:700 12px Georgia,serif;letter-spacing:.8px}
.date-chip{color:#bdb3a3;font-size:12px;border:1px solid rgba(113,82,35,.5);background:rgba(7,9,12,.55);padding:6px 10px}
.featured-card h2{margin:14px 0 10px;color:#fff3dd;font:700 34px/1.1 Georgia,serif}
.featured-summary{margin:0 0 16px;color:#e1c894;font-size:16px;line-height:1.6}
.featured-text{color:#d9d8d2;line-height:1.78;font-size:15px}

.news-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.news-card{border:1px solid #5f4320;background:linear-gradient(180deg,#0d1218,#0a0d12);padding:18px 18px 16px;box-shadow:inset 0 0 0 1px rgba(226,178,81,.04);transition:.18s ease}
.news-card:hover{transform:translateY(-2px);border-color:#b17a30;box-shadow:0 12px 22px rgba(0,0,0,.28),inset 0 0 0 1px rgba(226,178,81,.05)}
.news-card h3{margin:14px 0 10px;color:#f8eed9;font:700 26px/1.15 Georgia,serif}
.card-summary{margin:0 0 12px;color:#e0c081;line-height:1.65}
.card-text{color:#d6d9df;line-height:1.74;font-size:14px}
.empty-card{grid-column:1/-1;border:1px solid #654621;background:#0c1016;padding:28px;text-align:center;color:#d4c19e;font-size:15px}
.empty-card.error{color:#ff9b8d;border-color:#6b3028}

.live-notice{height:68px;margin-top:10px;border:1px solid #755323;background:linear-gradient(180deg,#0b1015,#090c10);display:flex;align-items:center;justify-content:center;gap:16px;color:#d5c7aa;font-size:13px;position:relative;box-shadow:inset 0 0 0 1px rgba(226,178,81,.05)}
.live-notice b{color:#f2ba3d}
.notice-emblem{font-size:28px;color:#b7852f;text-shadow:0 0 10px rgba(222,169,69,.18)}
.live-notice.error{color:#ff9b8d;border-color:#6b3028}

@media(max-width:1180px){
  .brand{min-width:auto}.brand-copy strong{font-size:22px}.brand-copy small{display:none}
  .main-nav a{padding:0 10px;font-size:12px}
  .controls{grid-template-columns:1fr 1fr}
  .stats-box{grid-column:1/-1}
  .featured-card{grid-template-columns:1fr}
  .featured-media{min-height:240px;border-right:0;border-bottom:1px solid rgba(121,86,37,.55)}
  .featured-content{padding:22px}
}
@media(max-width:820px){
  .site-header{height:auto;min-height:64px}.header-inner{min-height:64px;flex-wrap:wrap;padding:8px 0}.nav-toggle{display:block}
  .main-nav{display:none;width:100%;height:auto;flex-direction:column;align-items:stretch;background:#080b0f;border-top:1px solid #4e391d}.main-nav.open{display:flex}
  .main-nav a{height:42px;justify-content:center;border-bottom:1px solid #181c21}
  .hero{height:220px}.hero h1{font-size:48px}.news-shell{width:min(100% - 20px,1390px)}.hero-inner{width:calc(100% - 24px)}
  .controls{grid-template-columns:1fr}
  .stats-box{grid-column:auto}
  .news-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
  .brand-shield{width:44px;height:44px;font-size:24px}.brand-copy strong{font-size:19px}
  .hero h1{font-size:42px}.hero p{font-size:13px}.controls{padding:12px}.cards-panel{padding:14px}
  .featured-card h2{font-size:28px}.news-card h3{font-size:22px}.live-notice{padding:0 12px;text-align:center;font-size:11px}
}

/* =========================================================
   v728 - BASLIK LISTESI + HABER DETAY SAYFASI
   ========================================================= */
.compact-hero{height:210px}
.list-shell{margin-top:-28px}
.list-controls{grid-template-columns:1.25fr .75fr 1fr}
.headline-panel{position:relative;margin-top:10px;padding:18px;background:linear-gradient(180deg,#0b1016,#070a0e);border:1px solid #755323;box-shadow:0 14px 34px rgba(0,0,0,.4)}
.headline-panel:before{content:"";position:absolute;inset:4px;border:1px solid rgba(163,112,38,.18);pointer-events:none}
.section-heading{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:4px 6px 16px;border-bottom:1px solid rgba(120,84,34,.48)}
.heading-kicker{display:block;color:#9e875e;font:700 10px Georgia,serif;letter-spacing:2px;margin-bottom:3px}
.section-heading h2{margin:0;color:#ecc56d;font:700 24px Georgia,serif;letter-spacing:1px}
.heading-note{color:#968b79;font-size:12px;text-align:right}
.headline-list{position:relative;z-index:1;display:grid;gap:10px;padding-top:14px}
.headline-card{min-height:118px;display:grid;grid-template-columns:66px minmax(0,1fr) 150px;gap:16px;align-items:center;padding:15px 16px;border:1px solid #4e391d;background:linear-gradient(180deg,#0d1218,#080c11);cursor:pointer;transition:.18s ease;outline:none}
.headline-card:hover,.headline-card:focus{border-color:#a9772d;transform:translateY(-1px);background:linear-gradient(180deg,#11171e,#0a0e13);box-shadow:0 8px 18px rgba(0,0,0,.24)}
.headline-card.latest{border-color:#8f6425;background:linear-gradient(180deg,rgba(77,52,13,.15),#0a0e13 48%,#080c11)}
.headline-index{align-self:stretch;display:grid;place-items:center;border-right:1px solid rgba(119,84,36,.42);color:#6d604d;font:700 27px Georgia,serif}
.headline-body{min-width:0}
.headline-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.headline-body h3{margin:0 0 7px;font:700 23px/1.2 Georgia,serif;color:#f2e6d1}
.headline-body h3 a{color:inherit;text-decoration:none}
.headline-body h3 a:hover{color:#f2c96d}
.headline-body p{margin:0;color:#aaa89f;font-size:13px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.latest-badge{display:inline-flex;height:25px;align-items:center;padding:0 9px;border:1px solid #8b3c2e;background:rgba(102,29,21,.32);color:#ffb59e;font:700 10px Arial,sans-serif;letter-spacing:.7px}
.read-button{justify-self:end;display:flex;align-items:center;justify-content:center;gap:9px;min-width:132px;height:39px;border:1px solid #805a22;background:linear-gradient(180deg,#19130a,#090b0e);color:#e9be61;font:700 11px Georgia,serif;letter-spacing:.7px}
.read-button:hover{border-color:#c39037;color:#ffd87d}
.read-button span{font-size:20px;line-height:1}

.detail-page{padding-bottom:50px}
.detail-hero{min-height:220px;border-bottom:1px solid rgba(124,87,34,.55);background:linear-gradient(90deg,rgba(4,7,11,.96),rgba(4,7,11,.72),rgba(4,7,11,.9)),url('news-live-2.jpg') center 45%/cover no-repeat;display:flex;align-items:center}
.detail-hero-inner{width:min(1160px,calc(100% - 36px));margin:auto;padding:34px 0}
.back-news{display:inline-block;margin-bottom:22px;color:#bd9c61;font:700 11px Georgia,serif;letter-spacing:.8px}
.back-news:hover{color:#f0c66c}
.detail-hero .eyebrow{justify-content:flex-start}
.detail-hero h1{max-width:950px;margin:9px 0 0;color:#f1c86f;font:700 44px/1.12 Georgia,serif;text-shadow:0 3px 12px #000}
.detail-shell{width:min(1160px,calc(100% - 36px));margin:22px auto 0}
.detail-status{padding:18px;border:1px solid #6d4c21;background:#0b1016;color:#cab68e}
.detail-status.error{color:#ff9b8d;border-color:#6b3028}
.article-panel{position:relative;padding:34px 42px 38px;border:1px solid #765323;background:linear-gradient(180deg,#0d1218,#080b0f);box-shadow:0 18px 40px rgba(0,0,0,.4)}
.article-panel:before{content:"";position:absolute;inset:6px;border:1px solid rgba(169,116,39,.16);pointer-events:none}
.article-meta{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.article-panel h2{position:relative;z-index:1;margin:0;color:#fff2db;font:700 38px/1.15 Georgia,serif}
.article-summary{position:relative;z-index:1;margin:16px 0 0;color:#dfc690;font-size:17px;line-height:1.65}
.article-divider{position:relative;z-index:1;height:1px;margin:24px 0;background:linear-gradient(90deg,transparent,#765323 12%,#765323 88%,transparent)}
.article-content{position:relative;z-index:1;color:#deddd8;font-size:15px;line-height:1.9;white-space:normal;word-break:break-word}
.article-footer{position:relative;z-index:1;margin-top:30px;padding-top:22px;border-top:1px solid rgba(111,79,35,.38)}
.back-button{display:inline-flex;height:40px;align-items:center;padding:0 16px;border:1px solid #755323;background:#090c10;color:#e9be61;font:700 11px Georgia,serif;letter-spacing:.7px}
.back-button:hover{border-color:#b9802e;color:#ffd67c}

@media(max-width:900px){
  .list-controls{grid-template-columns:1fr}
  .headline-card{grid-template-columns:52px minmax(0,1fr)}
  .read-button{grid-column:2;justify-self:start;margin-top:2px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .heading-note{text-align:left}
  .article-panel{padding:26px 24px 30px}
  .detail-hero h1{font-size:36px}
}
@media(max-width:620px){
  .compact-hero{height:190px}
  .headline-card{grid-template-columns:1fr;padding:14px}
  .headline-index{display:none}
  .read-button{grid-column:1;width:100%}
  .headline-body h3{font-size:19px}
  .article-panel{padding:22px 18px 26px}
  .article-panel h2{font-size:29px}
  .article-summary{font-size:15px}
  .article-content{font-size:14px;line-height:1.75}
  .detail-hero h1{font-size:30px}
}