/* ExamCracker AI — growth/resource/PYQ responsive UI */
.section-hero.compact-hero{margin-bottom:18px;padding:22px 24px;border:1px solid var(--border-color,#263044);border-radius:18px;background:linear-gradient(135deg,rgba(14,21,36,.96),rgba(10,14,24,.9));}
.section-hero.compact-hero h2{margin:8px 0 6px;color:#fff;font-size:clamp(1.45rem,2.5vw,2.1rem);font-weight:800;}
.section-hero.compact-hero p{margin:0;color:var(--text-muted,#94a3b8);max-width:850px;line-height:1.55;}
.resource-grid,.updates-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.resource-form-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}
.resource-list,.update-feed{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:2px;}
.resource-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid var(--border-color,#263044);border-radius:12px;background:rgba(255,255,255,.025);}
.resource-row>div:first-child{min-width:0;display:grid;gap:4px;}
.resource-row strong{color:#fff;overflow-wrap:anywhere;}
.resource-row small,.resource-hint,.billing-warning{color:var(--text-muted,#94a3b8);line-height:1.45;}
.resource-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;}
.pyq-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.pyq-card{padding:18px;border:1px solid var(--border-color,#263044);border-radius:16px;background:rgba(8,13,22,.88);min-width:0;}
.pyq-card h3{margin:10px 0 6px;color:#fff;font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere;}
.pyq-card p{margin:0 0 12px;color:var(--text-muted,#94a3b8);}
.pyq-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.pyq-card>small{color:#6f8098;line-height:1.35;}
.update-item{padding:13px;border:1px solid var(--border-color,#263044);border-radius:12px;background:rgba(255,255,255,.025);display:grid;gap:6px;}
.update-item a{color:#eaf2ff;text-decoration:none;line-height:1.35;}
.update-item a:hover{text-decoration:underline;}
.update-item small{color:#8291a8;line-height:1.35;}
.progress-dashboard{display:grid;gap:18px;}
.progress-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.progress-stat-grid .card{display:grid;gap:6px;padding:18px;}
.progress-stat-grid span{color:var(--text-muted,#94a3b8);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;}
.progress-stat-grid strong{font-size:1.8rem;color:#fff;}
.progress-topic-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.12);color:#dce7f7;}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.social-card{display:grid;gap:7px;padding:18px;border-radius:15px;border:1px solid var(--border-color,#263044);background:rgba(9,14,25,.88);color:#fff;text-decoration:none;transition:transform .18s ease,border-color .18s ease;min-height:100px;align-content:center;}
.social-card:hover{transform:translateY(-2px);border-color:#3c8dff;}
.social-card span{font-size:.85rem;color:var(--text-muted,#94a3b8);}
.social-card.disabled{opacity:.65;cursor:not-allowed;}
.community-copy-row,.referral-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.community-copy-row span{color:#58e0c4;font-size:.85rem;}
.referral-card{display:grid;gap:16px;max-width:840px;}
.referral-code-box{display:grid;gap:6px;padding:16px;border:1px dashed #3b82f6;border-radius:14px;background:rgba(59,130,246,.05);}
.referral-code-box span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8291a8;}
.referral-code-box strong{font-size:1rem;word-break:break-all;color:#fff;}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.contact-card{padding:22px;display:grid;gap:10px;align-content:start;}
.contact-card h3{margin:0;color:#fff;}
.contact-card p{margin:0 0 6px;color:var(--text-muted,#94a3b8);line-height:1.5;}
.contact-icon{font-size:1.8rem;}
.legal-copy{max-width:960px;line-height:1.7;color:#c6d2e4;}
.legal-copy h3{color:#fff;margin-top:0;}
.legal-copy p{margin:.75rem 0;}
.billing-status-card{margin:0 auto 14px;max-width:1040px;}
.billing-status-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border:1px solid rgba(59,130,246,.3);border-radius:14px;background:rgba(59,130,246,.07);}
.billing-status-inner>div:first-child{display:grid;gap:4px;min-width:0;}
.billing-status-inner strong{color:#fff;}
.billing-status-inner span{color:var(--text-muted,#94a3b8);font-size:.85rem;}
.whatsapp-support-fab{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;text-decoration:none;font-size:1.65rem;box-shadow:0 10px 28px rgba(0,0,0,.35);z-index:1200;border:2px solid rgba(255,255,255,.15);}
.whatsapp-support-fab:hover{transform:translateY(-2px);}
@media (max-width:1100px){.pyq-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:760px){.resource-grid,.updates-grid,.contact-grid{grid-template-columns:1fr;}.resource-form-grid{grid-template-columns:1fr;}.pyq-library-grid,.social-grid{grid-template-columns:1fr;}.progress-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.resource-row{align-items:flex-start;flex-direction:column;}.resource-actions{justify-content:flex-start;width:100%;}.billing-status-inner{align-items:flex-start;flex-direction:column;}.billing-status-inner .btn{width:100%;}.whatsapp-support-fab{right:14px;bottom:76px;width:54px;height:54px;}.section-hero.compact-hero{padding:18px;}.card{min-width:0;}}
@media (max-width:430px){.progress-stat-grid{grid-template-columns:1fr 1fr;}.progress-stat-grid .card{padding:14px;}.progress-stat-grid strong{font-size:1.45rem;}.section-hero.compact-hero h2{font-size:1.35rem;}}
\n/* Product UX v6 additions */\n.notes-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-card{background:rgba(15,23,42,.72);border:1px solid var(--border-subtle);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.note-card h4{margin:0;color:#fff}.note-card p{margin:0;color:var(--text-muted);font-size:.86rem;line-height:1.45}.note-points{display:flex;flex-direction:column;gap:4px;color:#cbd5e1;font-size:.8rem;min-height:64px}.resource-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border-subtle)}.resource-row:last-child{border-bottom:0}.resource-row small{display:block;color:var(--text-muted);margin-top:4px}.resource-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.library-sync-badge{font-size:.72rem;padding:5px 8px;border-radius:999px;border:1px solid var(--border-subtle);color:var(--text-muted)}.pyq-exam-browser-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.pyq-exam-browser-toolbar>div{display:flex;flex-direction:column;gap:3px}.pyq-exam-browser-toolbar span{font-size:.75rem;color:var(--text-muted)}.pyq-exam-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pyq-exam-chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px;border-radius:12px;border:1px solid var(--border-subtle);background:rgba(15,23,42,.5);color:#fff;cursor:pointer;text-align:left}.pyq-exam-chip span{font-size:.72rem;color:var(--text-muted)}.pyq-exam-chip.active{border-color:rgba(99,102,241,.75);background:rgba(99,102,241,.12)}.admin-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-stat-card{padding:14px!important}.admin-stat-card span{display:block;color:var(--text-muted);font-size:.75rem}.admin-stat-card strong{display:block;font-size:1.45rem;color:#fff;margin-top:4px}.admin-analytics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.admin-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-subtle);color:#cbd5e1}.admin-row:last-child{border-bottom:0}.admin-row small{display:block;color:var(--text-muted)}.test-restore-summary{margin:14px 0}.test-restore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.test-restore-grid>div{padding:12px;border:1px solid var(--border-subtle);border-radius:12px;text-align:center;background:rgba(15,23,42,.65)}.test-restore-grid strong{display:block;font-size:1.3rem;color:#fff}.test-restore-grid span{display:block;font-size:.75rem;color:var(--text-muted);margin-top:2px}.resource-note-modal{max-width:720px}.resource-note-body{display:flex;flex-direction:column;gap:8px;margin:16px 0;padding:14px;border-radius:12px;background:rgba(15,23,42,.7);color:#e2e8f0;line-height:1.55}.resource-note-modal h3{margin:10px 0 6px;color:#fff}\n@media (max-width: 900px){.notes-library-grid{grid-template-columns:1fr}.pyq-exam-list{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-analytics-grid{grid-template-columns:1fr 1fr}.pyq-exam-browser-toolbar{flex-direction:column;align-items:stretch}}\n@media (max-width: 640px){.pyq-exam-list{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-analytics-grid{grid-template-columns:1fr}.test-restore-grid{grid-template-columns:1fr}.resource-row{flex-direction:column;align-items:flex-start}.resource-actions{justify-content:flex-start}.resource-form-grid{grid-template-columns:1fr!important}.notes-library-grid{grid-template-columns:1fr}.pyq-card-actions{flex-direction:column}.pyq-card-actions .btn{width:100%;justify-content:center}}\n

/* UX v7 */
.library-test-list{display:grid;gap:10px;max-height:760px;overflow:auto;padding-right:4px}
.library-test-card{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px;border:1px solid var(--border-color,#263044);border-radius:14px;background:rgba(15,23,42,.62)}
.library-test-main{min-width:0}.library-test-main h4{margin:4px 0 4px;color:#fff}.library-test-main p{margin:0 0 8px;color:var(--text-muted)}
.library-test-type{font-size:.68rem;letter-spacing:.08em;color:#67e8f9}.library-test-meta{display:flex;flex-wrap:wrap;gap:12px;color:#94a3b8;font-size:.76rem}.library-test-card .btn{white-space:nowrap}
.note-card .btn{margin-top:auto}.note-points span{overflow-wrap:anywhere}
@media(max-width:640px){.library-test-card{flex-direction:column;align-items:stretch}.library-test-card .btn{width:100%}}