/* Natural Turkish → Situations (js/situations.js) */
.sit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sit-card{position:relative;text-align:left;background:#fff;border:1px solid var(--border,#EEE);border-radius:20px;padding:18px;cursor:pointer;display:grid;gap:6px;align-content:start;font:inherit;color:inherit;transition:border-color .15s,transform .15s}
.sit-card:hover{border-color:#F9A8D4;transform:translateY(-2px)}
.sit-card b{font-size:1.05rem}
.sit-card p{margin:0;color:#6B7280;font-size:.88rem;line-height:1.45}
.sit-card small{color:#9CA3AF;font-size:.78rem;font-weight:600;margin-top:4px}
.sit-ico{width:46px;height:46px;border-radius:14px;background:#FDF2F8;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.sit-ico.big{width:60px;height:60px;font-size:2rem;flex:none}
.sit-tag{position:absolute;top:14px;right:14px;font-size:.72rem;font-weight:800;color:#059669}
.sit-tag.lock{color:#B45309}
.sit-page{display:grid;gap:16px}
.sit-top{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.sit-head{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--border,#EEE);border-radius:20px;padding:18px 20px}
.sit-head h2{margin:0;font-size:1.4rem;font-weight:800}
.sit-head p{margin:2px 0 0;color:#6B7280}
.sit-layers{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;border:1px solid var(--border,#EEE);border-radius:16px;padding:5px}
.sit-layers button{border:0;background:none;border-radius:12px;padding:11px;font:inherit;font-weight:700;color:#6B7280;cursor:pointer}
.sit-layers button b{display:inline-block;background:#F3F4F6;color:#374151;border-radius:6px;padding:1px 6px;margin-right:4px;font-size:.8rem}
.sit-layers button.on{background:#FDF2F8;color:#BE185D}
.sit-layers button.on b{background:#DB2777;color:#fff}
.sit-sec{background:#fff;border:1px solid var(--border,#EEE);border-radius:20px;padding:18px 20px}
.sit-sec h3{margin:0 0 12px;font-size:1.05rem;font-weight:800}
.sit-sec-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.sit-sec-h h3{margin:0}
.sit-words{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.sit-word{text-align:left;border:1px solid #F3E8EE;background:#FFFBFD;border-radius:12px;padding:9px 12px;font:inherit;cursor:pointer;display:grid;gap:2px}
.sit-word:hover{border-color:#F9A8D4}
.sit-word b{font-size:.98rem}
.sit-list{display:grid;gap:8px}
.sit-row{display:flex;gap:12px;align-items:center;border:1px solid #F3F4F6;border-radius:14px;padding:10px 12px}
.sit-list.hear .sit-row{background:#F9FAFB}
.sit-row b{display:block}
.sit-en{display:block;color:#6B7280;font-size:.88rem;font-weight:500}
.sit-hide-en .sit-en{display:none}
.sit-say{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #FBCFE8;background:#FDF2F8;cursor:pointer;font-size:.85rem}
.sit-nextlayer{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:#FDF2F8;border-radius:16px;padding:14px 18px}
.sit-nextlayer p{margin:0;font-weight:600;color:#831843}
.sit-nat{display:grid;gap:10px}
.sit-nat-row{border:1px solid #F3F4F6;border-radius:16px;padding:12px 14px;display:grid;grid-template-columns:1fr 1.3fr;gap:6px 14px;align-items:center}
.sit-nat-row small{display:block;font-size:.7rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#9CA3AF}
.sit-book s{color:#9CA3AF}
.sit-real{display:flex;gap:10px;align-items:center}
.sit-real small{color:#059669}
.sit-real b{font-size:1.02rem}
.sit-why{grid-column:1/-1;margin:2px 0 0;color:#4B5563;font-size:.88rem}
.sit-tips{margin:0;padding-left:18px;display:grid;gap:8px;color:#374151;line-height:1.55}
.sit-dlg{display:grid;gap:10px}
.sit-line{display:grid;gap:3px;max-width:82%}
.sit-line.me{margin-left:auto}
.sit-who{font-size:.75rem;font-weight:800;color:#9CA3AF}
.sit-line.me .sit-who{text-align:right;color:#DB2777}
.sit-bub{display:flex;gap:10px;align-items:flex-start;background:#F9FAFB;border-radius:16px;padding:10px 12px}
.sit-line.me .sit-bub{background:#FDF2F8}
.sit-line.now .sit-bub{outline:2px solid #F472B6}
.sit-q{margin-bottom:14px}
.sit-q>p{font-weight:700;margin:0 0 8px}
.sit-opts{display:flex;flex-wrap:wrap;gap:8px}
.sit-opts button{border:1px solid #E5E7EB;background:#fff;border-radius:12px;padding:8px 14px;font:inherit;cursor:pointer}
.sit-opts button.ok{background:#D1FAE5;border-color:#10B981;color:#065F46;font-weight:700}
.sit-opts button.no{background:#FEE2E2;border-color:#EF4444;color:#991B1B}
.sit-why.q{display:none}
.sit-q.done .sit-why.q{display:block}
.sit-score{font-weight:800;color:#BE185D;margin:0}
.sit-practise{display:flex;gap:18px;align-items:center;background:linear-gradient(135deg,#FDF2F8,#FCE7F3);border:1px solid #FBCFE8;border-radius:20px;padding:18px 20px}
.sit-practise img{height:110px;flex:none}
.sit-practise h3{margin:0 0 4px;font-weight:800}
.sit-practise p{margin:0 0 12px;color:#4B5563}
.sit-pr-btns{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:900px){.sit-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sit-grid{grid-template-columns:1fr}.sit-nat-row{grid-template-columns:1fr}.sit-line{max-width:94%}.sit-practise{flex-direction:column;text-align:center}.sit-practise img{height:80px}.sit-pr-btns{justify-content:center}.sit-sec{padding:14px}}