/* GKTuition Class Feed — Phase 1 styles (schoolbook look, matches the mockups) */
.gkt-cf{--navy:#1f4068;--purple:#8a3f9e;--teal:#2bb0a4;--ink:#221a3a;--line:#e8e2d4;--muted:#6b6b76;max-width:760px}
.gkt-cf-banner{background:linear-gradient(135deg,#1f4068,#6b2d8e);color:#fff;border-radius:14px;padding:15px 18px;margin-bottom:18px;font-size:15px}
.gkt-cf-banner b{font-family:Georgia,serif}
.gkt-cf-card{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px rgba(34,26,58,.05);margin-bottom:18px;overflow:hidden}
.gkt-cf-card.is-pinned{border-color:#cdb6da}
.gkt-cf-h{padding:13px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}
.gkt-cf-av{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex:none}
.gkt-cf-who{font-weight:700;font-size:14px}
.gkt-cf-when{color:var(--muted);font-size:12px}
.gkt-cf-tag{margin-left:auto;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#fff;background:var(--teal);border-radius:999px;padding:3px 10px}
.gkt-cf-b{padding:16px 18px}
.gkt-cf-lead{font-family:Georgia,serif;font-size:19px;margin:0 0 8px}
.gkt-cf-content{font-size:15px}
.gkt-cf-content p{margin:0 0 10px}
.gkt-cf-watch{font-size:14px;margin:10px 0 4px;font-weight:600}
.gkt-cf-lessons{list-style:none;margin:0 0 6px;padding:0}
.gkt-cf-lessons li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:14px}
.gkt-cf-lessons a{font-weight:600;color:var(--purple);text-decoration:none}
.gkt-cf-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.gkt-cf-chip{font-size:13px;background:#f3eef7;border:1px solid #e7daf0;border-radius:10px;padding:7px 11px;color:#4c4365}
.gkt-cf-chip a{color:#4c4365;text-decoration:underline}
.gkt-cf-cta{margin-top:14px}
.gkt-cf-cta .gkt-btn--navy{background:var(--navy);color:#fff;border:1.5px solid var(--navy)}
/* locked panel (non-payers) */
.gkt-cf-locked{max-width:520px;margin:24px auto;text-align:center;background:#fff;border:1px solid #e8e2d4;border-radius:14px;padding:30px 24px;box-shadow:0 5px 18px rgba(34,26,58,.06)}
.gkt-cf-lock{font-size:34px;display:block;margin-bottom:8px}
.gkt-cf-locked h3{font-family:Georgia,serif;margin:0 0 6px}
.gkt-cf-locked p{color:#6b6b76;margin:0 0 16px}
.gkt-cf-locked .gkt-btn--solid{background:#8a3f9e;color:#fff;border:1.5px solid #8a3f9e;border-radius:10px;padding:11px 22px;font-weight:600;text-decoration:none;display:inline-block}
/* Phase 2 — Q&A */
.gkt-cf-qa{border-top:1px solid #e8e2d4;background:#faf8f3;margin:16px -18px -16px;padding:14px 18px}
.gkt-cf-qa h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6b6b76}
.gkt-cf-msg{display:flex;gap:10px;margin-bottom:12px}
.gkt-cf-mav{width:30px;height:30px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none;background:#7a6f93}
.gkt-cf-mav.is-ai{background:linear-gradient(135deg,#8a3f9e,#2bb0a4)}
.gkt-cf-mav.is-teacher{background:#1f4068}
.gkt-cf-mav.is-anon{background:#9aa0ab}
.gkt-cf-bub{background:#fff;border:1px solid #e8e2d4;border-radius:12px;padding:10px 13px;font-size:14px;flex:1}
.gkt-cf-bub p{margin:0}
.gkt-cf-nm{font-weight:700;font-size:13px;margin-bottom:2px}
.gkt-cf-nm small{font-weight:600;color:#fff;border-radius:999px;padding:1px 8px;margin-left:6px;font-size:10px;text-transform:uppercase;background:#8a3f9e}
.gkt-cf-nm small.teacher{background:#1f4068}
.gkt-cf-nm small.anonymous{background:#9aa0ab}
.gkt-cf-ask{margin-top:6px}
.gkt-cf-ask-row{display:flex;gap:8px}
.gkt-cf-ask-row input{flex:1;border:1.5px solid #e8e2d4;border-radius:10px;padding:10px 12px;font-size:14px}
.gkt-cf-ask .gkt-btn--solid{background:#8a3f9e;color:#fff;border:1.5px solid #8a3f9e;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer}
.gkt-cf-anon{display:flex;align-items:center;gap:7px;font-size:13px;color:#6b6b76;margin-top:8px;cursor:pointer}
.gkt-cf-anon input{width:16px;height:16px}
.gkt-cf-note{font-size:12px;color:#6b6b76;margin:7px 0 0}
/* Phase 4 — tick-list completion · nudge · streak */
.gkt-cf-lessons li{display:flex;align-items:center;gap:10px}
.gkt-cf-chk{width:18px;height:18px;border-radius:5px;border:1.5px solid #8a3f9e;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff;flex:none;background:#fff;line-height:1}
.gkt-cf-chk.on{background:#2bb0a4;border-color:#2bb0a4}
.gkt-cf-nudge{display:flex;align-items:center;gap:12px;background:#eefaf7;border:1px solid #c9ece4;border-radius:12px;padding:11px 13px;margin:4px 0 12px;font-size:14px}
.gkt-cf-nudge.is-done{background:#eaf7ef;border-color:#c4e7d2}
.gkt-cf-bar{height:8px;border-radius:99px;background:#dceee9;flex:1;max-width:180px;overflow:hidden}
.gkt-cf-bar i{display:block;height:100%;background:#2bb0a4}
.gkt-cf-streak{font-weight:700;font-size:14px;color:#1f4068;margin:0 0 14px}