.gc-cr{--gc:var(--cr)}.gc-coc{--gc:var(--coc)}.gc-bs{--gc:var(--bs)}.gc-hd{--gc:var(--hd)}
          .art{padding:30px 0 0}
          /* Başlık üstte tam genişlikte; metin sütunu kenar sütununa kadar uzanır, kenar sütunu sağ kenarda ve görselin hizasından başlar */
          .agr{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:40px;align-items:start}
          .agr>.toc{margin-top:24px}
          .ah h1{max-width:920px}
          .art{--k:var(--acc-ink)}.art.k-guncelleme{--k:var(--gc)}.art.k-denge{--k:var(--hero)}.art.k-etkinlik{--k:var(--win)}.art.k-sezon{--k:var(--evo)}.art.k-duyuru{--k:var(--dim)}.art.k-espor{--k:oklch(0.82 0.13 85)}
          .ah h1{margin:16px 0 0;font:700 40px/1.12 var(--font);letter-spacing:-.026em;text-wrap:balance}
          .ah .by{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:13.5px;color:var(--faint)}
          .ah .by b{font-weight:600;color:var(--dim)}
          .ah .by i.dot{width:3px;height:3px;border-radius:50%;background:var(--line2)}
          .ntag{padding:4px 8px;border-radius:5px;background:color-mix(in oklch,var(--k) 16%,transparent);color:var(--k);font:600 12px/1 var(--font)}
          .hfig{position:relative;margin:24px 0 0}
          .hfig .hi{position:relative;aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--r3);overflow:hidden;background:color-mix(in oklch,var(--gc) 13%,var(--surface2))}
          .hfig img{display:block;width:100%;height:100%;object-fit:cover}
          .hfig i.gl{position:absolute;left:50%;top:50%;width:84px;height:84px;transform:translate(-50%,-50%);color:var(--gc);opacity:.6}
          .hfig .hi:has(img) i.gl{display:none}
          .hfig figcaption{margin-top:8px;font-size:12px;color:var(--faint)}
          .nst{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:6px;background:oklch(0.15 0.006 265 / .88);font:600 12.5px/1 var(--font);color:oklch(0.92 0.01 265)}
          .nst.live{color:var(--win)}
          .nst.live:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in oklch,currentColor 25%,transparent)}
          .lead{margin:22px 0 0;font-size:18px;line-height:1.6;color:var(--text);text-wrap:pretty}
          .evb{margin-top:22px;padding:16px 18px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3);box-shadow:inset 0 1px 0 var(--hi)}
          .evr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
          .evr div{display:flex;flex-direction:column;gap:6px;min-width:0}
          .evr span{font-size:12.5px;color:var(--faint)}
          .evr b{font:650 16px/1.2 var(--font);font-variant-numeric:tabular-nums}
          .evr b.live{color:var(--win)}
          .evbar{position:relative;height:8px;margin-top:14px;border-radius:4px;background:color-mix(in oklch,var(--k) 22%,var(--surface2));overflow:hidden}
          .evbar i{position:absolute;inset:0 auto 0 0;background:var(--k);border-radius:4px;animation:evin .8s var(--ease) both;transform-origin:left center}
          @keyframes evin{from{transform:scaleX(0)}to{transform:none}}
          .ab{margin-top:26px}
          .ab p{margin:14px 0 0;font-size:16px;line-height:1.75;color:var(--dim);text-wrap:pretty}
          .ab p:first-child{margin-top:0}
          .ilk{display:inline-flex;align-items:center;gap:8px;height:44px;margin-top:22px;padding:0 18px;border-radius:var(--r2);background:color-mix(in oklch,var(--gc) 16%,var(--surface));border:1px solid color-mix(in oklch,var(--gc) 40%,var(--line));color:var(--text);font:600 14px/1 var(--font);transition:background-color .15s}
          .ilk:hover{color:var(--text);background:color-mix(in oklch,var(--gc) 24%,var(--surface))}
          .src{margin-top:30px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--r3);background:var(--surface);font-size:13.5px;line-height:1.6;color:var(--faint)}
          .src a{color:var(--acc-ink)}
          .toc{position:sticky;top:132px;display:flex;flex-direction:column;gap:16px;align-self:start}
          .toc nav{display:flex;flex-direction:column;padding:6px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r3)}
          .toc nav>b{padding:10px 16px 6px;font:600 12.5px/1 var(--font);color:var(--faint)}
          .oth{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:12px;padding:8px 16px;color:var(--dim);transition:background-color .12s,color .12s}
          .oth:hover{color:var(--text);background:var(--surface2)}
          .oth .ti{aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:color-mix(in oklch,var(--gc) 13%,var(--surface2))}
          .oth img{display:block;width:100%;height:100%;object-fit:cover}
          .oth span.t{display:flex;flex-direction:column;gap:5px;min-width:0}
          .oth small{font:600 11.5px/1 var(--font);color:var(--faint)}
          .oth b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font:500 13.5px/1.35 var(--font)}
          .toc .all{display:flex;align-items:center;justify-content:center;gap:6px;height:42px;border:1px solid var(--line);border-radius:var(--r2);background:var(--surface);color:var(--text);font:600 13.5px/1 var(--font);transition:background-color .15s}
          .toc .all:hover{background:var(--surface2)}
          @media (max-width:1100px){.agr{grid-template-columns:minmax(0,1fr);gap:32px}.toc{position:static}.agr>.toc{margin-top:0}}
          @media (max-width:760px){.oth{grid-template-columns:80px minmax(0,1fr)}.art{padding-top:22px}.ah h1{font-size:28px;line-height:1.15}.ah .by{column-gap:12px;row-gap:6px}.ah .by i.dot{display:none}.hfig{margin-top:18px}.lead{font-size:16.5px}.ab p{font-size:15.5px}.evr{grid-template-columns:repeat(2,minmax(0,1fr))}.evr div:last-child{grid-column:1/-1}}
