/* ==========================================================================
   YKS Fizik: Günün Konusu, Türkiye geneli deneme, geri sayım şeridi ve merkez sayfa kartları.
   Merkez sayfanın "defter" dili: kalın çizgi, ofset gölge, pastel kartlar.
   ========================================================================== */
.yks, .yks-count {
  --g-ink: #1b1b1b;
  --g-muted: #6b665c;
  --g-line: #e6dfcf;
  --g-cream: #fff6d6;
  --g-yellow: #ffd23f;
  --g-mint: #9be3c9;
  --g-sky: #a7d3fb;
  --g-pink: #f9c2d6;
  --g-lav: #c4b5fd;
  --g-ok: #2f9e44;
  --g-ok-bg: #dcf5e2;
  --g-bad: #d6403a;
  --g-bad-bg: #fde3e1;
  --g-f: "Bricolage Grotesque", "Libre Franklin", system-ui, sans-serif;
  --g-serif: "Source Serif 4", Georgia, serif;
}

/* ---------- geri sayım şeridi ---------- */
.yks-count { background: var(--g-ink); color: #fff; font: 600 14px/1.3 var(--g-f); }
.yks-count .wrap { display: flex; align-items: center; justify-content: center; gap: 8px 18px; flex-wrap: wrap; padding-block: 9px; text-align: center; }
.yks-count b { font: 800 20px var(--g-f); color: var(--g-yellow); }
.yks-count b.sm { font-size: 15px; }
.yks-count small { opacity: .7; font-size: 12px; }
.yks-count a { color: var(--g-yellow); font-weight: 800; }
.yks-count-sep { opacity: .35; }
@media (max-width: 640px) { .yks-count-sep { display: none; } .yks-count .wrap { gap: 2px 12px; } }

/* ---------- ortak ---------- */
.gk, .tg { padding-block: 18px 40px; }
.gk-h1, .gk-hero h1, .tg-head h1 { font: 800 clamp(30px, 5vw, 46px)/1.05 var(--g-f); letter-spacing: -.02em; margin: 8px 0 10px; text-wrap: balance; }
.gk-dek { font: 400 17px/1.55 var(--g-serif); color: #3b372f; margin: 0 0 14px; max-width: 62ch; }
.gk-note { font: 500 13.5px/1.5 var(--g-f); color: var(--g-muted); margin: 8px 0 0; }
.gk-card { border: 2.5px solid var(--g-ink); border-radius: 18px; background: #fff; box-shadow: 4px 4px 0 var(--g-ink); padding: 18px 20px; min-width: 0; }
.gk-card h2 { font: 800 13px var(--g-f); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 12px; display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.gk-card h2 small { font: 600 12px var(--g-f); letter-spacing: 0; text-transform: none; color: var(--g-muted); }
.gk-card h3 { font: 800 15px var(--g-f); margin: 16px 0 8px; }
.gk-card p { font: 400 15.5px/1.55 var(--g-serif); }
.gk-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #e8590c; box-shadow: 0 0 0 4px rgba(232, 89, 12, .2); animation: gk-pulse 2s infinite; }
@keyframes gk-pulse { 50% { box-shadow: 0 0 0 7px rgba(232, 89, 12, .08); } }
@media (prefers-reduced-motion: reduce) { .gk-dot { animation: none; } }
.yks-btn-sm { padding: 7px 12px; font-size: 12.5px; border-width: 2px; }
.yks-btn.on { background: var(--g-cream); }

/* ---------- Günün Konusu: başlık ---------- */
.gk-hero { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: stretch; margin-top: 8px; }
.gk-kick { display: flex; align-items: center; gap: 10px; font: 800 12px var(--g-f); letter-spacing: .12em; text-transform: uppercase; color: #a0522d; }
.gk-meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font: 700 12.5px var(--g-f); color: var(--g-muted); margin: 0; }
.gk-streak { border: 2.5px solid var(--g-ink); border-radius: 18px; background: var(--g-cream); padding: 16px; box-shadow: 4px 4px 0 var(--g-ink); display: flex; flex-direction: column; gap: 10px; }
.gk-sn { display: flex; align-items: baseline; gap: 8px; }
.gk-sn b { font: 800 44px/1 var(--g-f); font-variant-numeric: tabular-nums; }
.gk-sn span { font: 700 14px var(--g-f); }
.gk-days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px; }
.gk-days i { font: 700 11px var(--g-f); font-style: normal; text-align: center; padding: 7px 0; border: 2px solid var(--g-ink); border-radius: 8px; background: #fff; }
.gk-days i.today { background: var(--g-yellow); }
.gk-days i.on { background: var(--g-ok); color: #fff; }
.gk-streak p { margin: 0; font: 500 13px/1.45 var(--g-f); color: #4a463e; }

/* adımlar */
.gk-steps { display: flex; gap: 8px; flex-wrap: wrap; margin: 22px 0 18px; padding: 0; list-style: none; counter-reset: gks; position: sticky; top: 0; z-index: 3; padding-block: 8px; background: var(--h-paper, #fbf7ee); }
.gk-steps li { counter-increment: gks; display: flex; align-items: center; gap: 8px; border: 2px solid var(--g-ink); border-radius: 999px; padding: 5px 14px 5px 5px; background: #fff; font: 700 13px var(--g-f); cursor: pointer; }
.gk-steps li::before { content: counter(gks); width: 24px; height: 24px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--g-ink); font: 800 12px var(--g-f); background: #fff; }
.gk-steps li.done::before { content: "✓"; background: var(--g-ok); color: #fff; }
.gk-steps li.now { background: var(--g-yellow); }
@media (max-width: 640px) { .gk-steps { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-inline: -16px; padding-inline: 16px; } .gk-steps li { flex: none; } }

.gk-grid, .tg-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
.gk-main, .gk-side, .tg-main, .tg-side { display: grid; gap: 20px; min-width: 0; }
.gk-main > section { scroll-margin-top: 70px; }

/* özet, formüller, tuzaklar */
.gk-sum { margin: 0; padding-left: 20px; }
.gk-sum li { font: 400 16.5px/1.55 var(--g-serif); margin-bottom: 6px; }
.gk-more { display: inline-block; margin-top: 8px; font: 700 14px var(--g-f); color: var(--g-ink); }
.gk-fcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.gk-fc { all: unset; box-sizing: border-box; cursor: pointer; border: 2px solid var(--g-ink); border-radius: 14px; padding: 14px; min-height: 130px; display: flex; flex-direction: column; justify-content: space-between; gap: 8px; min-width: 0; transition: transform .1s; }
.gk-fc:hover { transform: translate(-1px, -1px); }
.gk-fc:focus-visible { outline: 3px solid var(--g-ink); outline-offset: 2px; }
.gk-fc-0 { background: var(--g-sky); } .gk-fc-1 { background: var(--g-mint); } .gk-fc-2 { background: var(--g-pink); }
.gk-fc b { font: 700 13.5px/1.3 var(--g-f); }
.gk-fc .gk-f { overflow-x: auto; font-size: 1.05em; }
.gk-fc .gk-f .katex-display { margin: .2em 0; }
.gk-fc small { font: 500 12.5px/1.4 var(--g-f); }
.gk-fq { display: none; font: 700 13px var(--g-f); opacity: .7; }
.gk-fc[aria-pressed="false"] .gk-f, .gk-fc[aria-pressed="false"] small { filter: blur(7px); opacity: .55; }
.gk-fc[aria-pressed="false"] .gk-fq { display: block; }
.gk-trap { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--g-line); }
.gk-trap:first-of-type { border-top: 0; }
.gk-trap i { font: 800 16px var(--g-f); font-style: normal; width: 30px; height: 30px; border-radius: 9px; background: var(--g-bad-bg); color: var(--g-bad); display: grid; place-items: center; border: 2px solid var(--g-bad); }
.gk-trap p { margin: 0; }
.gk-trap b { font-family: var(--g-f); font-size: 14px; }

/* soru oynatıcı (deneme ekranı da kullanır) */
.gk-qmeta { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; font: 700 12.5px var(--g-f); color: var(--g-muted); flex-wrap: wrap; }
.gk-qmeta b { color: var(--g-ink); }
.gk-bar { flex: 1; min-width: 80px; height: 8px; border-radius: 5px; background: #eee; overflow: hidden; border: 1.5px solid var(--g-ink); }
.gk-bar i { display: block; height: 100%; background: var(--g-yellow); }
.gk-stem { font: 400 18px/1.55 var(--g-serif); margin: 4px 0 14px; overflow-x: auto; }
.gk-stem img { max-width: 100%; height: auto; }
.gk-opts { display: grid; gap: 8px; }
.gk-opt { all: unset; box-sizing: border-box; cursor: pointer; display: flex; gap: 12px; align-items: center; border: 2px solid var(--g-ink); border-radius: 12px; padding: 10px 12px; font: 500 16px/1.4 var(--g-f); background: #fff; min-width: 0; }
.gk-opt span { min-width: 0; overflow-x: auto; }
.gk-opt i { flex: none; font: 800 13px var(--g-f); font-style: normal; width: 28px; height: 28px; border-radius: 8px; border: 2px solid var(--g-ink); display: grid; place-items: center; }
.gk-opt:not(:disabled):hover { background: var(--g-cream); }
.gk-opt:focus-visible { outline: 3px solid var(--g-ink); outline-offset: 2px; }
.gk-opt:disabled { cursor: default; }
.gk-opt.sel { background: var(--g-yellow); }
.gk-opt.good { background: var(--g-ok-bg); border-color: var(--g-ok); }
.gk-opt.good i { background: var(--g-ok); color: #fff; border-color: var(--g-ok); }
.gk-opt.bad { background: var(--g-bad-bg); border-color: var(--g-bad); }
.gk-opt.bad i { background: var(--g-bad); color: #fff; border-color: var(--g-bad); }
.gk-opt.dim { opacity: .55; }
.gk-hbtns { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }
.gk-hint { margin-top: 12px; border: 2px dashed var(--g-ink); border-radius: 12px; padding: 10px 14px; background: var(--g-cream); font: 400 15.5px/1.5 var(--g-serif); }
.gk-hint b, .gk-sol b { font: 800 11px var(--g-f); letter-spacing: .1em; text-transform: uppercase; display: block; margin-bottom: 2px; color: #8a6400; }
.gk-fb { margin-top: 12px; border-radius: 12px; padding: 12px 14px; font: 400 15.5px/1.5 var(--g-serif); }
.gk-fb b { font-family: var(--g-f); }
.gk-fb.ok { background: var(--g-ok-bg); border: 2px solid var(--g-ok); }
.gk-fb.no { background: var(--g-bad-bg); border: 2px solid var(--g-bad); }
.gk-sol { margin-top: 10px; border: 2px solid var(--g-line); border-radius: 12px; padding: 10px 14px; font: 400 15.5px/1.55 var(--g-serif); overflow-x: auto; }
.gk-sol b { color: var(--g-ink); }
.gk-next { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 14px; }

/* sonuç */
.gk-res { background: var(--g-cream); }
.gk-score { display: flex; align-items: center; gap: 18px; margin-bottom: 12px; }
.gk-ring { --p: 0; flex: none; width: 96px; height: 96px; border-radius: 50%; background: conic-gradient(var(--g-ok) calc(var(--p) * 1%), #eee 0); display: grid; place-items: center; border: 2px solid var(--g-ink); }
.gk-ring b { width: 70px; height: 70px; border-radius: 50%; background: var(--g-cream); display: grid; place-items: center; font: 800 24px var(--g-f); border: 2px solid var(--g-ink); }
.gk-sc-t { font: 800 22px var(--g-f); }
.gk-sc-s { font: 600 13.5px var(--g-f); color: var(--g-muted); }
.gk-skills { display: grid; gap: 7px; margin: 8px 0 12px; }
.gk-sk { display: grid; grid-template-columns: 20px 1fr auto; gap: 8px; align-items: center; font: 600 14px var(--g-f); }
.gk-sk i { font: 800 12px var(--g-f); font-style: normal; width: 20px; height: 20px; border-radius: 6px; display: grid; place-items: center; color: #fff; }
.gk-sk i.y { background: var(--g-ok); } .gk-sk i.n { background: var(--g-bad); }
.gk-sk small { color: var(--g-muted); font-weight: 500; }
.gk-adv { border: 2px solid var(--g-ink); border-radius: 12px; background: #fff; padding: 12px 14px; font: 400 15.5px/1.55 var(--g-serif); }
.gk-adv b { font-family: var(--g-f); }
.gk-share { display: flex; gap: 8px; margin-top: 14px; flex-wrap: wrap; }

/* yan sütun */
.gk-side .gk-card { padding: 16px; }
.gk-week, .gk-lead { list-style: none; padding: 0; margin: 0; }
.gk-week li { display: flex; justify-content: space-between; gap: 8px; padding: 7px 0; border-top: 1px dashed var(--g-line); font: 600 13.5px/1.35 var(--g-f); }
.gk-week li:first-child { border-top: 0; }
.gk-week li span { color: var(--g-muted); font-weight: 500; flex: none; }
.gk-week li a, .gk-week li em { color: var(--g-ink); text-align: right; font-style: normal; }
.gk-week li em { color: var(--g-muted); }
.gk-week li small { font-size: 10.5px; font-weight: 800; color: var(--g-muted); }
.gk-week li.on { background: var(--g-cream); margin-inline: -8px; padding-inline: 8px; border-radius: 8px; }
.gk-lead li { display: grid; grid-template-columns: 22px 1fr auto; gap: 8px; padding: 6px 0; font: 600 13.5px var(--g-f); }
.gk-lead span { color: var(--g-muted); font-weight: 700; }
.gk-lead b { font-variant-numeric: tabular-nums; }

/* arşiv */
.gk-arch { list-style: none; padding: 0; margin: 16px 0 0; display: grid; gap: 8px; }
.gk-arch a { display: grid; grid-template-columns: 170px minmax(0, 1fr) auto 70px; gap: 12px; align-items: center; border: 2px solid var(--g-ink); border-radius: 12px; background: #fff; padding: 10px 14px; color: var(--g-ink); text-decoration: none; font: 600 14px var(--g-f); }
.gk-arch a:hover { background: var(--g-cream); }
.gk-arch span { color: var(--g-muted); font-weight: 500; }
.gk-arch em { font-style: normal; font-weight: 800; color: var(--g-ok); text-align: right; }
@media (max-width: 640px) { .gk-arch a { grid-template-columns: minmax(0, 1fr) auto; } .gk-arch span { grid-column: 1 / -1; font-size: 12.5px; } }

/* ---------- Türkiye geneli ---------- */
.tg-list { display: grid; gap: 12px; margin-top: 18px; }
.tg-item { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 14px; align-items: center; border: 2.5px solid var(--g-ink); border-radius: 16px; background: #fff; box-shadow: 4px 4px 0 var(--g-ink); padding: 14px 18px; color: var(--g-ink); text-decoration: none; }
.tg-item:hover { transform: translate(-1px, -1px); }
.tg-item b { display: block; font: 800 18px var(--g-f); }
.tg-item small { font: 500 13.5px var(--g-f); color: var(--g-muted); }
.tg-no { width: 48px; height: 48px; border-radius: 50%; border: 2.5px solid var(--g-ink); display: grid; place-items: center; font: 800 20px var(--g-f); background: var(--g-yellow); }
.tg-item.tg-bitti .tg-no { background: var(--g-mint); }
.tg-item.tg-acik .tg-no, .tg-item.tg-suruyor .tg-no { background: #ff8a5c; }
.tg-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; margin: 12px 0 22px; }
.tg-timer { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.tg-timer > div { min-width: 66px; text-align: center; border: 2.5px solid var(--g-ink); border-radius: 14px; background: #fff; box-shadow: 3px 3px 0 var(--g-ink); padding: 8px 6px; }
.tg-timer b { display: block; font: 800 30px/1 var(--g-f); font-variant-numeric: tabular-nums; }
.tg-timer small { font: 700 11px var(--g-f); color: var(--g-muted); text-transform: uppercase; letter-spacing: .08em; }
.tg-timer p { flex-basis: 100%; margin: 2px 0 0; font: 600 12.5px var(--g-f); color: var(--g-muted); text-align: center; }
.tg-reg { display: grid; gap: 12px; margin-bottom: 14px; }
.tg-reg label { display: grid; gap: 5px; font: 700 13.5px var(--g-f); }
.tg-reg input:not([type="checkbox"]), .tg-reg select { font: 500 15px var(--g-f); padding: 9px 11px; border: 2px solid var(--g-ink); border-radius: 10px; background: #fff; color: var(--g-ink); max-width: 100%; }
.tg-reg .tg-chk { display: flex; gap: 8px; align-items: center; font-weight: 600; }
.tg-reg button { justify-self: start; }
.tg-msg { font: 700 13.5px var(--g-f); color: var(--g-ok); }
.tg-go { font-size: 17px; padding: 14px 22px; }
.tg-rules { margin: 16px 0 0; padding-left: 20px; font: 400 15px/1.55 var(--g-serif); }
.tg-rules li { margin-bottom: 4px; }
.tg-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.tg-big { font: 800 40px/1 var(--g-f) !important; margin: 0; font-variant-numeric: tabular-nums; }

/* sınav ekranı */
.tg-exam { border: 2.5px solid var(--g-ink); border-radius: 18px; background: #fff; box-shadow: 4px 4px 0 var(--g-ink); padding: 0 20px 20px; }
.tg-bar { position: sticky; top: 0; z-index: 4; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; background: #fff; border-bottom: 2px solid var(--g-ink); margin: 0 -20px 14px; padding: 12px 20px; border-radius: 16px 16px 0 0; font: 600 13.5px var(--g-f); }
.tg-bar span { flex: 1; color: var(--g-muted); }
.tg-clock { font: 800 26px var(--g-f); font-variant-numeric: tabular-nums; padding: 2px 12px; border: 2px solid var(--g-ink); border-radius: 10px; background: var(--g-yellow); }
.tg-clock.low { background: var(--g-bad); color: #fff; }
.tg-dots { display: grid; grid-template-columns: repeat(auto-fill, minmax(34px, 1fr)); gap: 5px; margin-bottom: 16px; }
.tg-dots button { all: unset; box-sizing: border-box; cursor: pointer; text-align: center; padding: 5px 0; border: 1.5px solid var(--g-ink); border-radius: 7px; font: 700 12px var(--g-f); background: #fff; }
.tg-dots button.a { background: var(--g-mint); }
.tg-dots button.c { outline: 2.5px solid var(--g-ink); outline-offset: 1px; background: var(--g-yellow); }
.tg-nav { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; }
.tg-clear { all: unset; cursor: pointer; margin-top: 10px; font: 600 13px var(--g-f); color: var(--g-muted); text-decoration: underline; }
.tg-confirm { margin-top: 16px; border: 2px solid var(--g-ink); border-radius: 12px; background: var(--g-cream); padding: 12px 14px; }
.tg-confirm p { margin: 0 0 10px; font: 400 15px/1.5 var(--g-serif); }
.tg-sent { box-shadow: none; border: 0; padding: 18px 0 0; }
body.tg-in-exam .yks-count, body.tg-in-exam .yks-foot { display: none; }
body.tg-in-exam .tg-side, body.tg-in-exam .tg-head .tg-timer { display: none; }
body.tg-in-exam .tg-grid { grid-template-columns: minmax(0, 1fr); }

/* sonuçlar */
.tg-me-k { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; }
.tg-me-k > div { border: 2px solid var(--g-ink); border-radius: 14px; background: var(--g-cream); padding: 12px; text-align: center; }
.tg-me-k b { display: block; font: 800 28px/1.1 var(--g-f); font-variant-numeric: tabular-nums; }
.tg-me-k small { font: 600 12px var(--g-f); color: var(--g-muted); }
.tg-topics, .tg-rank { width: 100%; border-collapse: collapse; font: 500 14px var(--g-f); font-variant-numeric: tabular-nums; }
.tg-topics td, .tg-rank td, .tg-rank th { padding: 7px 8px; border-bottom: 1px dashed var(--g-line); text-align: left; }
.tg-rank th { font: 800 11.5px var(--g-f); letter-spacing: .08em; text-transform: uppercase; color: var(--g-muted); border-bottom: 2px solid var(--g-ink); }
.tg-rank .r, .tg-topics .r { text-align: right; }
.tg-rank tr.me td { background: var(--g-cream); font-weight: 800; }
.tg-adv { margin-top: 12px; border: 2px solid var(--g-ink); border-radius: 12px; background: #fff; padding: 12px 14px; }
.gk-card:has(.tg-rank) { overflow-x: auto; }

/* ---------- merkez sayfa: günün konusu ve deneme kartları ---------- */
.yh-gk { display: grid; gap: 28px; margin-top: 30px; }
.yh-gk-card { border: 2.5px solid var(--g-ink); border-radius: 22px; background: #fff; box-shadow: 6px 6px 0 var(--g-ink); display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); overflow: hidden; }
.yh-gk-l { padding: 24px 26px; background: var(--g-cream); border-right: 2.5px solid var(--g-ink); min-width: 0; }
.yh-gk-kick { display: flex; align-items: center; gap: 10px; font: 800 12px var(--g-f); letter-spacing: .12em; text-transform: uppercase; }
.yh-gk-l h2 { font: 800 clamp(28px, 4vw, 38px)/1.05 var(--g-f); letter-spacing: -.02em; margin: 10px 0 6px; text-wrap: balance; }
.yh-gk-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font: 600 13px var(--g-f); color: var(--g-muted); margin: 0; }
.yh-gk-l > p:not(.yh-gk-meta) { font: 400 16px/1.5 var(--g-f); color: #3b372f; margin: 10px 0 16px; max-width: 520px; }
.yh-gk-chips { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.yh-gk-chips span { border: 2px solid var(--g-ink); border-radius: 999px; padding: 5px 12px; font: 700 13px var(--g-f); background: #fff; }
.yh-gk-chips .q { background: var(--g-sky); } .yh-gk-chips .h { background: var(--g-mint); } .yh-gk-chips .t { background: var(--g-pink); }
.yh-gk-r { padding: 22px 24px; display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.yh-gk-lbl { font: 800 11px var(--g-f); letter-spacing: .12em; text-transform: uppercase; color: var(--g-muted); }
.yh-gk-stem { font: 600 16.5px/1.45 var(--g-f); overflow-x: auto; }
.yh-gk-stem img { max-width: 100%; height: auto; }
.yh-gk-opts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.yh-gk-opts a { border: 2px solid var(--g-ink); border-radius: 10px; text-align: center; padding: 8px 0; font: 800 14px var(--g-f); background: #fff; color: var(--g-ink); text-decoration: none; }
.yh-gk-opts a:hover { background: var(--g-yellow); }
.yh-gk-hint { margin: 0; font: 500 13px var(--g-f); color: var(--g-muted); }
.yh-gk-foot { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: auto 0 0; font: 600 13px var(--g-f); color: var(--g-muted); }
.yh-gk-foot b { color: var(--g-ink); }
.yh-gk-foot a { color: var(--g-ink); font-weight: 800; }
.yh-tg { border: 2.5px solid var(--g-ink); border-radius: 22px; background: var(--g-ink); color: #fff; box-shadow: 6px 6px 0 var(--g-yellow); padding: 22px 26px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; }
.yh-tg h2 { font: 800 clamp(22px, 3vw, 28px)/1.15 var(--g-f); margin: 10px 0 6px; text-wrap: balance; }
.yh-tg p { font: 400 15.5px/1.5 var(--g-f); color: #e8e4da; margin: 0 0 14px; max-width: 64ch; }
.yh-tg .yks-chip { background: var(--g-yellow); }
.yh-tg-btns { display: flex; gap: 12px; flex-wrap: wrap; margin: 0 !important; }
.yh-tg .yh-btn-primary { background: var(--g-yellow); color: var(--g-ink); box-shadow: 4px 4px 0 #fff; }
.yh-tg .tg-timer > div { color: var(--g-ink); box-shadow: 3px 3px 0 var(--g-yellow); }

@media (max-width: 900px) {
  .gk-hero, .gk-grid, .tg-grid, .tg-head, .yh-tg { grid-template-columns: minmax(0, 1fr); }
  .gk-fcards { grid-template-columns: minmax(0, 1fr); }
  .gk-fc { min-height: 0; }
  .yh-gk-card { grid-template-columns: minmax(0, 1fr); }
  .yh-gk-l { border-right: 0; border-bottom: 2.5px solid var(--g-ink); }
}
@media (max-width: 520px) {
  .gk-card { padding: 16px 14px; }
  .yh-gk-l, .yh-gk-r, .yh-tg { padding: 18px 16px; }
  .tg-exam { padding: 0 14px 16px; }
  .tg-bar { margin: 0 -14px 12px; padding: 10px 14px; gap: 8px; }
  .tg-clock { font-size: 22px; }
  .tg-item { grid-template-columns: 44px minmax(0, 1fr); }
  .tg-item > :last-child:not(:nth-child(2)) { grid-column: 2; }
  .tg-no { width: 40px; height: 40px; font-size: 17px; }
  .tg-timer > div { min-width: 58px; }
  .tg-timer b { font-size: 24px; }
}

/* ---------- merkez sayfa: YKS sohbet (Topluluk) ---------- */
.yh-chat .yh-chat-in { margin-top: 28px; }
.yh-chat-in { border: 2.5px solid var(--g-ink); border-radius: 22px; background: var(--g-mint); box-shadow: 6px 6px 0 var(--g-ink); padding: 22px 26px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 24px; align-items: start; }
.yh-chat-l h2 { font: 800 clamp(24px, 3vw, 30px)/1.1 var(--g-f); margin: 10px 0 6px; }
.yh-chat-l p { font: 400 15.5px/1.5 var(--g-f); margin: 0 0 14px; }
.yh-chat-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.yh-chat-list a { display: grid; gap: 2px; border: 2px solid var(--g-ink); border-radius: 12px; background: #fff; padding: 10px 14px; color: var(--g-ink); text-decoration: none; font: 600 14px/1.4 var(--g-f); }
.yh-chat-list a:hover { background: var(--g-cream); }
.yh-chat-list small { color: var(--g-muted); font-weight: 500; }
.yh-chat-list span { font-weight: 400; overflow-wrap: anywhere; }
.yh-chat-list em { font: 700 12px var(--g-f); font-style: normal; color: var(--g-muted); }
@media (max-width: 900px) { .yh-chat-in { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 520px) { .yh-chat-in { padding: 18px 16px; } }

.gk-card > .yks-btn { margin-top: 12px; }