/* Günün Kavramı (/gunun-kavrami) */
body.p-gk .gk { max-width: 720px; margin: 0 auto; padding: 14px 0 28px; }
body.p-gk .gk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.p-gk .gk-yol { font-size: .85rem; color: var(--text-muted); margin: 0 0 12px; }
body.p-gk .gk-yol a { color: var(--primary); text-decoration: none; }
body.p-gk .gk-kart { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 20px 16px; margin: 0 0 14px; box-shadow: var(--shadow); }
body.p-gk .gk-kart h2 { font-size: 1.1rem; font-weight: 800; margin: 0 0 8px; }
body.p-gk .gk-not p { margin: 0 0 .6em; line-height: var(--lh); color: var(--text-muted); font-size: .98rem; }
body.p-gk .gk-not p:last-child { margin-bottom: 0; }

/* Harf kutuları */
body.p-gk .gk-tahta { --s: 44px; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 6px 0 2px; }
body.p-gk .gk-sat { display: flex; flex-wrap: nowrap; justify-content: center; gap: calc(var(--s) * .55); max-width: 100%; }
body.p-gk .gk-kel { display: flex; gap: calc(var(--s) * .1); }
body.p-gk .gk-t { width: var(--s); height: calc(var(--s) * 1.15); display: grid; place-items: center; flex: none; font-weight: 800; font-size: calc(var(--s) * .56); line-height: 1; color: var(--primary); background: var(--primary-soft); border: 2px solid var(--border-strong); border-radius: calc(var(--s) * .2); box-shadow: 0 2px 0 var(--border-strong); user-select: none; transition: background .25s, color .25s, border-color .25s, box-shadow .25s; }
body.p-gk .gk-t.cevir { animation: gk-cevir .5s ease both; }
body.p-gk .gk-t.dogru { background: var(--success-soft); color: var(--success); border-color: var(--success); box-shadow: 0 2px 0 var(--success); }
body.p-gk .gk-tahta.titre .gk-t { animation: gk-titre .5s ease both; border-color: var(--danger); background: var(--danger-soft); color: var(--danger); }
body.p-gk .gk-tahta.titre .gk-t:nth-child(2n) { animation-delay: .03s; }
body.p-gk .gk-tahta.karisiyor .gk-t { animation: gk-kar .45s ease both; }
@keyframes gk-titre { 0%,100% { transform: translateX(0); } 15% { transform: translateX(-9px); } 30% { transform: translateX(8px); } 45% { transform: translateX(-6px); } 60% { transform: translateX(5px); } 75% { transform: translateX(-3px); } }
@keyframes gk-cevir { 0% { transform: rotateX(0); } 50% { transform: rotateX(90deg); } 100% { transform: rotateX(0); } }
@keyframes gk-kar { 0% { transform: scale(1); } 50% { transform: scale(.8) rotate(-6deg); opacity: .5; } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) {
  body.p-gk .gk-t.cevir, body.p-gk .gk-tahta.titre .gk-t, body.p-gk .gk-tahta.karisiyor .gk-t { animation: none; }
}
body.p-gk .gk-bilgi { text-align: center; color: var(--text-muted); font-size: .9rem; margin: 10px 0 14px; }

/* Cevap kutusu */
body.p-gk .gk-form { display: flex; gap: 8px; }
body.p-gk .gk-form input { flex: 1; min-width: 0; font: inherit; font-size: 1.1rem; font-weight: 600; padding: 12px 14px; color: var(--text); background: var(--surface); border: 2px solid var(--border-strong); border-radius: var(--radius); }
body.p-gk .gk-form input:focus { outline: 0; border-color: var(--primary); box-shadow: var(--focus); }
body.p-gk .gk-form button { font: inherit; font-weight: 700; border: 0; border-radius: var(--radius); padding: 12px 18px; background: var(--primary); color: var(--on-primary); cursor: pointer; }
body.p-gk .gk-form button:hover { background: var(--primary-hover); }
body.p-gk .gk-form button:disabled, body.p-gk .gk-form input:disabled { opacity: .6; cursor: default; }
body.p-gk .gk-mesaj { min-height: 1.5em; margin: 8px 2px 0; font-weight: 700; color: var(--danger); }
body.p-gk .gk-mesaj.ok { color: var(--success); }
body.p-gk .gk-araclar { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
body.p-gk .gk-araclar button { font: inherit; font-weight: 600; font-size: .92rem; background: var(--surface-2); color: var(--text); border: 1px solid var(--border-strong); border-radius: 999px; padding: 8px 14px; cursor: pointer; }
body.p-gk .gk-araclar button:hover { border-color: var(--primary); color: var(--primary); }
body.p-gk .gk-ipucu { margin: 12px 0 0; padding: 12px 14px; background: var(--warning-soft); color: var(--warning); border-radius: var(--radius); line-height: 1.6; font-weight: 600; }

/* Sonuç */
body.p-gk .gk-sonuc { margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--border); }
body.p-gk .gk-sonuc-b { font-size: 1.2rem; font-weight: 800; color: var(--success); margin: 0 0 6px; }
body.p-gk .gk-sonuc-o { margin: 0 0 14px; line-height: var(--lh); }
body.p-gk .gk-eylem { display: grid; gap: 8px; }
body.p-gk .gk-btn { display: flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-weight: 700; text-decoration: none; text-align: center; background: var(--primary); color: var(--on-primary); border: 2px solid var(--primary); border-radius: var(--radius); padding: 12px 16px; cursor: pointer; }
body.p-gk .gk-btn:hover { background: var(--primary-hover); border-color: var(--primary-hover); color: var(--on-primary); }
body.p-gk .gk-btn.alt { background: var(--surface); color: var(--primary); }
body.p-gk .gk-btn.alt:hover { background: var(--primary-soft); color: var(--primary); }
@media (min-width: 560px) { body.p-gk .gk-kart { padding: 26px 24px; } body.p-gk .gk-eylem { grid-template-columns: 1fr 1fr; } body.p-gk .gk-eylem .gk-btn:first-child { grid-column: 1 / -1; } }