/* =========================================================
   ANADOLU HABER - BUGÜN EMEK TARİHİNDE V13
   9:16 story şeridi + story viewer + detay paneli
   ========================================================= */

.history-viewer-open{overflow:hidden}

.emek-tarihi-bolumu{
    position:relative;
    margin-top:8px;
    padding:26px;
    border:1px solid #d9e2ec;
    border-radius:14px;
    background:linear-gradient(135deg,#f8fafc 0%,#fff 58%,#fff6f6 100%);
    overflow:hidden;
}
.emek-tarihi-bolumu::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:5px;
    background:#b91c1c;
}
.emek-tarihi-baslik-satiri{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:20px;
}
.emek-tarihi-baslik-buton{
    display:grid;
    gap:4px;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.emek-tarihi-baslik-buton:hover .emek-tarihi-ana-baslik{color:#b91c1c}
.emek-tarihi-mini-etiket{
    color:#b91c1c;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.25px;
}
.emek-tarihi-ana-baslik{
    color:#0f172a;
    font-size:clamp(26px,3.5vw,38px);
    line-height:1.05;
    font-weight:950;
    transition:color .15s ease;
}
.emek-tarihi-alt-baslik{
    max-width:650px;
    color:#64748b;
    font-size:14px;
    line-height:1.5;
}
.emek-tarihi-sayac{
    flex:0 0 auto;
    color:#64748b;
    font-size:12px;
    font-weight:800;
}
.emek-tarihi-ray-kapsayici{position:relative}
.emek-tarihi-ray{
    display:flex;
    align-items:stretch;
    gap:14px;
    overflow-x:auto;
    padding:3px 4px 10px;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    scrollbar-color:#cbd5e1 transparent;
}
.emek-tarihi-ray::-webkit-scrollbar{height:7px}
.emek-tarihi-ray::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.emek-tarihi-yukleniyor{
    min-height:260px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px dashed #cbd5e1;
    border-radius:12px;
    color:#64748b;
    background:#fff;
}
.emek-story-onizleme{
    position:relative;
    flex:0 0 150px;
    aspect-ratio:9/16;
    overflow:hidden;
    padding:0;
    border:0;
    border-radius:14px;
    background:#0f172a;
    box-shadow:0 8px 22px rgba(15,23,42,.14);
    scroll-snap-align:start;
    cursor:pointer;
    text-align:left;
    transition:transform .18s ease,box-shadow .18s ease;
}
.emek-story-onizleme.en-yeni{flex-basis:205px}
.emek-story-onizleme:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 32px rgba(15,23,42,.22);
}
.emek-story-onizleme:focus-visible{outline:3px solid rgba(185,28,28,.35);outline-offset:3px}
.emek-story-onizleme img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    transform:scale(1.02);
    transition:transform 7s ease;
}
.emek-story-onizleme.en-yeni img{animation:emek-preview-zoom 12s ease-in-out infinite alternate}
@keyframes emek-preview-zoom{from{transform:scale(1.02)}to{transform:scale(1.12)}}
.emek-story-onizleme-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to bottom,rgba(2,6,23,.14) 15%,rgba(2,6,23,.12) 40%,rgba(2,6,23,.86) 100%);
}
.emek-story-onizleme-ust{
    position:absolute;
    top:12px;
    left:12px;
    right:12px;
    z-index:2;
    color:#fff;
    font-size:10px;
    font-weight:900;
    text-shadow:0 2px 7px rgba(0,0,0,.55);
}
.emek-story-onizleme-alt{
    position:absolute;
    left:12px;
    right:12px;
    bottom:14px;
    z-index:2;
    display:grid;
    gap:5px;
    color:#fff;
}
.emek-story-onizleme-alt small{
    color:#fecaca;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.55px;
}
.emek-story-onizleme-alt strong{
    display:-webkit-box;
    overflow:hidden;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    font-size:14px;
    line-height:1.24;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
}
.emek-story-onizleme.en-yeni .emek-story-onizleme-alt strong{font-size:18px}
.emek-tarihi-ray-ok{
    position:absolute;
    top:50%;
    z-index:5;
    width:40px;
    height:54px;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.55);
    border-radius:10px;
    background:rgba(15,23,42,.84);
    color:#fff;
    font-size:30px;
    line-height:1;
    cursor:pointer;
    box-shadow:0 6px 15px rgba(15,23,42,.2);
}
.emek-tarihi-ray-ok:hover{background:#b91c1c}
.emek-tarihi-ray-ok.sol{left:8px}
.emek-tarihi-ray-ok.sag{right:8px}

/* =================== STORY VIEWER =================== */
.history-viewer{
    position:fixed;
    inset:0;
    z-index:9999;
    display:grid;
    place-items:center;
}
.history-viewer[hidden]{display:none!important}
.history-viewer-backdrop{
    position:absolute;
    inset:0;
    background:rgba(2,6,23,.94);
    backdrop-filter:blur(8px);
}
.history-viewer-shell{
    position:relative;
    z-index:1;
    height:min(90vh,900px);
    width:min(96vw,1180px);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
}
.history-story-card{
    position:relative;
    height:100%;
    aspect-ratio:9/16;
    max-width:calc(100vw - 140px);
    overflow:hidden;
    border-radius:18px;
    background:#0f172a;
    box-shadow:0 24px 70px rgba(0,0,0,.45);
    isolation:isolate;
}
.history-story-image{
    position:absolute;
    inset:-3%;
    width:106%;
    height:106%;
    object-fit:cover;
    will-change:transform;
}
.history-zoom-a{animation:history-zoom-a 6s ease-out forwards}
.history-zoom-b{animation:history-zoom-b 6s ease-out forwards}
.history-zoom-c{animation:history-zoom-c 6s ease-out forwards}
.history-zoom-d{animation:history-zoom-d 6s ease-out forwards}
@keyframes history-zoom-a{from{transform:scale(1.02) translate(0,0)}to{transform:scale(1.12) translate(-1.5%,-1%)}}
@keyframes history-zoom-b{from{transform:scale(1.10) translate(-1%,0)}to{transform:scale(1.02) translate(1%,1%)}}
@keyframes history-zoom-c{from{transform:scale(1.04) translate(1%,0)}to{transform:scale(1.13) translate(0,-1.5%)}}
@keyframes history-zoom-d{from{transform:scale(1.11) translate(0,1%)}to{transform:scale(1.03) translate(-1%,0)}}
.history-story-shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(to bottom,rgba(2,6,23,.36) 0%,rgba(2,6,23,.06) 32%,rgba(2,6,23,.2) 52%,rgba(2,6,23,.93) 100%);
    pointer-events:none;
}
.history-progress{
    position:absolute;
    top:12px;
    left:12px;
    right:12px;
    z-index:7;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    gap:5px;
}
.history-progress>span{
    position:relative;
    height:3px;
    overflow:hidden;
    border-radius:99px;
    background:rgba(255,255,255,.34);
}
.history-progress>span i{
    position:absolute;
    inset:0;
    display:block;
    width:0;
    background:#fff;
}
.history-progress>span.done i{width:100%}
.history-progress>span.active i{animation:history-progress-fill linear forwards}
@keyframes history-progress-fill{from{width:0}to{width:100%}}
.history-story-topline{
    position:absolute;
    top:27px;
    left:15px;
    right:15px;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    color:#fff;
    font-size:11px;
    font-weight:900;
    text-shadow:0 2px 8px rgba(0,0,0,.65);
}
.history-story-topline span:last-child{
    padding:5px 8px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:999px;
    background:rgba(2,6,23,.34);
    backdrop-filter:blur(4px);
}
.history-story-content{
    position:absolute;
    left:24px;
    right:24px;
    bottom:86px;
    z-index:5;
    color:#fff;
    text-shadow:0 3px 14px rgba(0,0,0,.68);
    pointer-events:none;
}
.history-content-enter{animation:history-content-enter .42s ease both}
@keyframes history-content-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.history-scene-eyebrow{
    display:inline-flex;
    margin-bottom:9px;
    padding:6px 9px;
    border-radius:6px;
    background:#b91c1c;
    color:#fff;
    font-size:10px;
    font-weight:950;
    letter-spacing:.75px;
    text-transform:uppercase;
}
.history-story-content h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(25px,3.2vh,38px);
    line-height:1.02;
    letter-spacing:-.5px;
}
.history-story-content p{
    margin:0;
    color:#f8fafc;
    font-size:clamp(14px,1.75vh,18px);
    line-height:1.48;
    font-weight:650;
}
.history-story-actions{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:9;
    display:flex;
    gap:8px;
}
.history-story-actions button{
    flex:1;
    min-height:40px;
    border:1px solid rgba(255,255,255,.32);
    border-radius:9px;
    background:rgba(15,23,42,.62);
    color:#fff;
    font-size:11px;
    font-weight:900;
    backdrop-filter:blur(7px);
    cursor:pointer;
}
.history-story-actions button:hover{background:rgba(185,28,28,.88)}
.history-tap-zone{
    position:absolute;
    top:62px;
    bottom:72px;
    z-index:4;
    width:34%;
    border:0;
    background:transparent;
    cursor:pointer;
}
.history-tap-left{left:0}
.history-tap-right{right:0}
.history-story-nav,
.history-viewer-close{
    border:1px solid rgba(255,255,255,.28);
    background:rgba(15,23,42,.8);
    color:#fff;
    cursor:pointer;
    backdrop-filter:blur(6px);
}
.history-story-nav{
    width:52px;
    height:66px;
    border-radius:13px;
    font-size:38px;
    line-height:1;
}
.history-story-nav:hover,.history-viewer-close:hover{background:#b91c1c}
.history-viewer-close{
    position:fixed;
    top:18px;
    right:22px;
    z-index:20;
    width:43px;
    height:43px;
    border-radius:50%;
    font-size:28px;
    line-height:1;
}

/* =================== DAHA FAZLA BİLGİ =================== */
.history-detail-panel{
    position:absolute;
    z-index:18;
    width:min(430px,38vw);
    max-height:88vh;
    right:0;
    top:50%;
    transform:translate(105%,-50%);
    overflow:auto;
    padding:25px 26px 28px;
    border:1px solid #dbe3ec;
    border-radius:16px;
    background:#fff;
    color:#334155;
    box-shadow:0 24px 70px rgba(0,0,0,.35);
    opacity:0;
    transition:transform .25s ease,opacity .25s ease;
}
.history-detail-panel.open{transform:translate(0,-50%);opacity:1}
.history-detail-handle{display:none}
.history-detail-close{
    float:right;
    border:0;
    background:transparent;
    color:#64748b;
    font-weight:800;
    cursor:pointer;
}
.history-detail-kicker{
    display:block;
    clear:both;
    padding-top:8px;
    color:#b91c1c;
    font-size:11px;
    font-weight:950;
    letter-spacing:.65px;
    text-transform:uppercase;
}
.history-detail-panel h2{
    margin:9px 0 15px;
    color:#0f172a;
    font-size:30px;
    line-height:1.08;
}
.history-detail-panel h3{
    margin:25px 0 8px;
    color:#0f172a;
    font-size:17px;
}
.history-detail-panel p{
    margin:0 0 13px;
    color:#475569;
    font-size:14px;
    line-height:1.72;
}
.history-detail-lead{font-size:15px!important;font-weight:700;color:#334155!important}
.history-source-list{margin:0;padding-left:20px}
.history-source-list li{margin:10px 0;color:#64748b;font-size:13px;line-height:1.45}
.history-source-list a{color:#0b4d82;font-weight:800;text-decoration:none;overflow-wrap:anywhere}
.history-source-list a:hover{text-decoration:underline}
.history-source-list small{display:block;margin-top:2px;color:#94a3b8}
.history-image-credit{
    margin-top:25px;
    padding-top:18px;
    border-top:1px solid #e2e8f0;
    color:#64748b;
    font-size:12px;
    line-height:1.6;
}
.history-image-credit a{display:block;margin-top:7px;color:#0b4d82;font-weight:800}
.history-ai-badge{
    display:inline-flex;
    margin:8px 0 0;
    padding:5px 8px;
    border:1px solid #fed7aa;
    border-radius:999px;
    background:#fff7ed;
    color:#9a3412;
    font-size:10px;
    font-weight:900;
}

@media(max-width:1050px){
    .history-detail-panel{
        position:fixed;
        left:50%;
        right:auto;
        top:auto;
        bottom:0;
        width:min(620px,100vw);
        max-height:72vh;
        transform:translate(-50%,105%);
        border-radius:18px 18px 0 0;
    }
    .history-detail-panel.open{transform:translate(-50%,0)}
    .history-detail-handle{display:block;width:48px;height:4px;margin:-10px auto 12px;border-radius:99px;background:#cbd5e1}
}

@media(max-width:760px){
    .emek-tarihi-bolumu{padding:20px 16px}
    .emek-tarihi-baslik-satiri{align-items:flex-start;flex-direction:column;gap:8px}
    .emek-tarihi-sayac{font-size:11px}
    .emek-story-onizleme{flex-basis:132px}
    .emek-story-onizleme.en-yeni{flex-basis:168px}
    .emek-story-onizleme.en-yeni .emek-story-onizleme-alt strong{font-size:16px}
    .emek-tarihi-ray-ok{display:none}

    .history-viewer-shell{width:100vw;height:100dvh;max-height:none;gap:0}
    .history-story-card{
        width:100vw;
        height:100dvh;
        max-width:none;
        aspect-ratio:auto;
        border-radius:0;
        box-shadow:none;
    }
    .history-viewer-close{
        position:absolute;
        top:43px;
        right:12px;
        width:36px;
        height:36px;
        z-index:30;
        border-color:transparent;
        background:rgba(2,6,23,.42);
        font-size:25px;
    }
    .history-story-nav{display:none}
    .history-progress{top:10px}
    .history-story-topline{top:30px;right:52px}
    .history-story-content{left:20px;right:20px;bottom:92px}
    .history-story-content h2{font-size:clamp(30px,8vw,42px)}
    .history-story-content p{font-size:16px;line-height:1.5}
    .history-story-actions{bottom:max(16px,env(safe-area-inset-bottom));left:14px;right:14px}
    .history-detail-panel{width:100vw;max-height:78dvh}
}

@media(prefers-reduced-motion:reduce){
    .emek-story-onizleme.en-yeni img,
    .history-zoom-a,.history-zoom-b,.history-zoom-c,.history-zoom-d,
    .history-content-enter,
    .history-progress>span.active i{animation:none!important}
    .history-progress>span.active i{width:100%}
}

/* =========================================================
   ANADOLU HABER UI V2 - MODERN TEMA UYUMLULUĞU
   ========================================================= */
.emek-tarihi-bolumu{
    padding:28px;
    border:1px solid #e5eaf1;
    border-radius:22px;
    background:linear-gradient(135deg,#ffffff 0%,#f8fbff 58%,#fff5f6 100%);
    box-shadow:0 14px 34px rgba(15,23,42,.06);
}
.emek-tarihi-bolumu::before{width:4px;background:linear-gradient(#f04452,#ff7b85)}
.emek-tarihi-mini-etiket{color:#f04452}
.emek-tarihi-ana-baslik{color:#0b1220;letter-spacing:-.035em}
.emek-tarihi-baslik-buton:hover .emek-tarihi-ana-baslik{color:#f04452}
.emek-tarihi-alt-baslik,.emek-tarihi-sayac{color:#667085}
.emek-tarihi-ray{gap:16px;scrollbar-color:#d0d5dd transparent}
.emek-story-onizleme{border-radius:18px;background:#0b1220;box-shadow:0 12px 28px rgba(15,23,42,.15)}
.emek-story-onizleme:hover{box-shadow:0 18px 36px rgba(15,23,42,.22)}
.emek-story-onizleme:focus-visible{outline-color:rgba(59,130,246,.34)}
.emek-story-onizleme-alt small{color:#ffd1d6}
.emek-tarihi-ray-ok{border-radius:13px;background:rgba(11,18,32,.82);backdrop-filter:blur(8px)}
.emek-tarihi-ray-ok:hover{background:#f04452}
.history-viewer-backdrop{background:rgba(2,6,23,.92);backdrop-filter:blur(12px)}
.history-story-card{border-radius:22px;background:#0b1220;box-shadow:0 30px 80px rgba(0,0,0,.48)}
.history-scene-eyebrow,.history-detail-kicker{color:#ff6f79}
.history-detail-panel{border-color:#e5eaf1;box-shadow:0 28px 70px rgba(15,23,42,.2)}
.history-detail-panel h2,.history-detail-panel h3{color:#0b1220}
.history-detail-panel p,.history-source-list li,.history-image-credit{color:#667085}
.history-source-list a,.history-image-credit a{color:#2563eb}
.history-ai-badge{border-color:#fbd5a4;background:#fff8eb;color:#b54708}
@media(max-width:760px){.emek-tarihi-bolumu{padding:20px 16px;border-radius:18px}}


/* =========================================================
   ANADOLU HABER - MARKA YENILEME V4
   Onaylanan koyu yatay "Bugünün Emek Tarihinde" tasarımı.
   Story viewer/detay davranışına dokunmaz; yalnız ana sayfa önizlemesi.
   ========================================================= */
.emek-tarihi-bolumu{
    position:relative;
    margin-top:10px;
    padding:26px 30px 25px;
    border:1px solid rgba(129,155,184,.22);
    border-radius:22px;
    background:
      linear-gradient(90deg,rgba(5,22,39,.97) 0%,rgba(7,31,54,.94) 55%,rgba(8,30,50,.88) 100%),
      url('/header-network.svg') center/cover no-repeat;
    box-shadow:0 18px 44px rgba(2,6,23,.15);
    overflow:hidden;
    color:#f8fafc;
}
.emek-tarihi-bolumu::before{
    width:auto;
    inset:0;
    background:
      radial-gradient(circle at 72% 28%,rgba(244,63,79,.10),transparent 26%),
      linear-gradient(90deg,transparent 0 56%,rgba(255,255,255,.018) 56% 100%);
    pointer-events:none;
}
.emek-tarihi-bolumu::after{
    content:"";
    position:absolute;
    right:-10px;top:-35px;
    width:520px;height:240px;
    opacity:.18;
    background:
      radial-gradient(circle at 20% 55%,#a9bdd1 0 2px,transparent 3px),
      radial-gradient(circle at 38% 45%,#a9bdd1 0 2px,transparent 3px),
      radial-gradient(circle at 57% 60%,#a9bdd1 0 2px,transparent 3px),
      radial-gradient(circle at 73% 38%,#a9bdd1 0 2px,transparent 3px);
    pointer-events:none;
}
.emek-tarihi-bolumu>*{position:relative;z-index:1}
.emek-tarihi-baslik-satiri{align-items:flex-start;margin-bottom:22px}
.emek-tarihi-mini-etiket{color:#ff4559;font-size:10px;letter-spacing:1.2px}
.emek-tarihi-ana-baslik{color:#fff;font-size:clamp(27px,3.1vw,36px);letter-spacing:-.035em}
.emek-tarihi-baslik-buton:hover .emek-tarihi-ana-baslik{color:#fff}
.emek-tarihi-alt-baslik{max-width:720px;color:#c7d3df;font-size:13.5px;line-height:1.48}
.emek-tarihi-sayac{
    margin-top:4px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    color:#eef5fb;
    background:rgba(255,255,255,.055);
    font-size:10px;
    backdrop-filter:blur(8px);
}

.emek-tarihi-ray-kapsayici{position:relative;padding-top:18px}
.emek-tarihi-ray-kapsayici::before{
    content:"";
    position:absolute;
    left:12px;right:12px;top:7px;
    height:2px;
    background:linear-gradient(90deg,#ff2e46,#ff4054 76%,rgba(255,64,84,.35));
    box-shadow:0 0 14px rgba(244,63,79,.16);
}
.emek-tarihi-ray{
    position:relative;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:minmax(245px,1fr);
    gap:12px;
    overflow-x:auto;
    padding:0 2px 4px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
}
.emek-tarihi-ray::-webkit-scrollbar{display:none}
.emek-story-onizleme,
.emek-story-onizleme.en-yeni{
    position:relative;
    flex:none;
    width:auto;
    min-width:245px;
    height:118px;
    aspect-ratio:auto;
    overflow:visible;
    border:1px solid rgba(141,169,196,.24);
    border-radius:11px;
    background:linear-gradient(135deg,rgba(17,48,79,.96),rgba(8,31,54,.96));
    box-shadow:0 8px 20px rgba(0,0,0,.13);
    scroll-snap-align:start;
}
.emek-story-onizleme::before{
    content:"";
    position:absolute;
    top:-18px;left:20px;
    width:9px;height:9px;
    border-radius:50%;
    background:#fff;
    border:4px solid #ff334b;
    box-shadow:0 0 0 2px rgba(255,51,75,.18);
    z-index:5;
}
.emek-story-onizleme:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(0,0,0,.18);border-color:rgba(185,206,224,.34)}
.emek-story-onizleme img{
    position:absolute;
    left:9px;top:26px;bottom:9px;
    width:79px;height:auto;
    object-fit:cover;
    border-radius:7px;
    filter:saturate(.76) contrast(1.04);
    transform:none!important;
    animation:none!important;
}
.emek-story-onizleme-shade{
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:linear-gradient(90deg,rgba(2,6,23,.06),rgba(2,6,23,.10));
    pointer-events:none;
}
.emek-story-onizleme-ust{
    top:-7px;left:10px;right:auto;
    padding:5px 8px;
    border-radius:7px;
    background:#ff3048;
    color:#fff;
    font-size:10px;
    line-height:1;
    font-weight:950;
    text-shadow:none;
    box-shadow:0 5px 12px rgba(244,63,79,.24);
}
.emek-story-onizleme-alt{
    left:101px;right:10px;bottom:12px;top:27px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:5px;
    color:#fff;
}
.emek-story-onizleme-alt small{color:#ff8590;font-size:8.5px;letter-spacing:.45px}
.emek-story-onizleme-alt strong,
.emek-story-onizleme.en-yeni .emek-story-onizleme-alt strong{
    -webkit-line-clamp:4;
    color:#f8fafc;
    font-size:12px;
    line-height:1.26;
    text-shadow:none;
}
.emek-tarihi-ray-ok{
    top:calc(50% + 7px);
    width:35px;height:42px;
    border:1px solid rgba(255,255,255,.30);
    border-radius:50%;
    background:rgba(4,19,34,.80);
    color:#fff;
    font-size:25px;
    box-shadow:0 7px 18px rgba(0,0,0,.23);
    backdrop-filter:blur(8px);
}
.emek-tarihi-ray-ok:hover{background:#ff3048}
.emek-tarihi-ray-ok.sol{left:8px}.emek-tarihi-ray-ok.sag{right:8px}
.emek-tarihi-yukleniyor{min-height:118px;border-color:rgba(255,255,255,.20);background:rgba(255,255,255,.04);color:#c7d3df}

@media(min-width:1050px){
  .emek-tarihi-ray{grid-auto-columns:minmax(245px,1fr)}
}
@media(max-width:900px){
  .emek-tarihi-bolumu{padding:24px 20px}
  .emek-tarihi-ray{grid-auto-columns:270px}
}
@media(max-width:760px){
  .emek-tarihi-bolumu{padding:22px 16px;border-radius:18px}
  .emek-tarihi-baslik-satiri{gap:10px}
  .emek-tarihi-sayac{align-self:flex-start}
  .emek-tarihi-ray{grid-auto-columns:260px}
  .emek-story-onizleme,.emek-story-onizleme.en-yeni{min-width:260px;height:118px}
  .emek-story-onizleme img{width:82px}
  .emek-story-onizleme-alt{left:104px}
}