
/* StudyBuddies 2.9.1 — Primary Study Sets Student UI */
.primaryStudySetsLanding{
  position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:22px;
  padding:26px 28px;margin-bottom:14px;border:1px solid #e3e8f2!important;border-radius:24px!important;
  background:linear-gradient(135deg,#f7f9ff 0%,#eff7ff 46%,#f6f1ff 100%)!important;
  box-shadow:0 12px 30px rgba(71,85,135,.07)
}
.primaryStudySetsLanding:after{
  content:"";position:absolute;right:-54px;top:-72px;width:210px;height:210px;border-radius:50%;
  background:radial-gradient(circle,rgba(109,92,236,.14),rgba(109,92,236,0) 68%);pointer-events:none
}
.primaryStudyLandingCopy{position:relative;z-index:1;max-width:660px}
.primaryStudyLandingCopy .eyebrow{font-size:11px!important;letter-spacing:.08em;color:#6158c8}
.primaryStudySetsLanding h2{margin:5px 0 8px;font-size:30px!important;line-height:1.12;color:#1d2940;letter-spacing:-.02em}
.primaryStudySetsLanding p{margin:0;font-size:15px!important;line-height:1.5;color:#66738a}
.primaryStudyLandingStats{position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap}
.primaryStudyLandingStats span{
  min-width:92px;padding:10px 12px;border:1px solid rgba(255,255,255,.85);border-radius:15px;background:rgba(255,255,255,.78);
  box-shadow:0 7px 18px rgba(74,86,130,.06)
}
.primaryStudyLandingStats b,.primaryStudyLandingStats small{display:block}
.primaryStudyLandingStats b{font-size:18px;color:#3c4d72}
.primaryStudyLandingStats small{margin-top:2px;font-size:10px;color:#7a879d;font-weight:800}

.primaryStudySetSearch{position:relative;margin:0 0 14px}
.primaryStudySetSearch input{
  width:100%;min-height:50px;border:1px solid #dce4ef;border-radius:16px;padding:0 16px 0 44px;
  font:700 14px/1.2 Nunito,ui-sans-serif,system-ui;color:#314057;background:#fff;
  box-shadow:0 5px 16px rgba(69,81,119,.045)
}
.primaryStudySetSearch:before{
  content:"⌕";position:absolute;left:16px;top:50%;transform:translateY(-52%);font-size:22px;color:#7a87a0;z-index:1
}

.primaryStudySetGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important}
.primaryStudySubjectCard{
  position:relative;overflow:hidden;min-height:248px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--study-accent) 22%,#e7ebf3)!important;
  border-radius:22px!important;background:linear-gradient(150deg,#fff 0%,var(--study-soft) 100%)!important;
  box-shadow:0 9px 24px rgba(67,78,118,.055)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease
}
.primaryStudySubjectCard:before{
  content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--study-accent)
}
.primaryStudySubjectCard:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(67,78,118,.09)!important}
.primaryStudySubjectCard .sourcePackCardTop{align-items:center}
.primarySubjectIcon{
  width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#fff;color:var(--study-accent);
  font-weight:900;font-size:18px;box-shadow:0 7px 17px rgba(58,68,101,.08)
}
.primaryStudySubjectCard .sourcePackCardTop em{
  font-size:11px!important;font-style:normal!important;font-weight:900!important;padding:6px 9px!important;border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;color:#68758b!important
}
.primaryStudySubjectCard h3{font-size:19px!important;line-height:1.2;margin:15px 0 6px!important;color:#26344e}
.primaryStudySubjectCard .primarySubjectTagline{min-height:38px;margin:0;font-size:13px!important;line-height:1.45!important;color:#69758a}
.primaryStudySubjectCard .lpTopicPreview{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0 14px}
.primaryStudySubjectCard .lpTopicPreview span{
  font-size:10.5px!important;line-height:1.2;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.72);color:#5c6980;font-weight:800
}
.primaryStudySubjectCard .primaryStudyOpen{
  margin-top:auto!important;width:100%;min-height:44px;border:0!important;border-radius:13px!important;background:var(--study-accent)!important;
  color:#fff!important;font-size:13px!important;font-weight:900!important;box-shadow:0 7px 16px color-mix(in srgb,var(--study-accent) 22%,transparent)
}

.primaryStudySetHero{
  position:relative;overflow:hidden;padding:22px 24px!important;border:1px solid color-mix(in srgb,var(--study-accent) 20%,#e2e7f0)!important;
  border-radius:22px!important;background:linear-gradient(135deg,#fff,var(--study-soft))!important
}
.primaryStudySetHero:after{
  content:"";position:absolute;right:-35px;top:-60px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--study-accent) 16%,transparent),transparent 70%)
}
.primaryStudySetHeroMain{position:relative;z-index:1;display:flex;align-items:center;gap:14px}
.primaryStudyHeroIcon{
  flex:0 0 auto;width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:#fff;color:var(--study-accent);
  font-size:21px;font-weight:900;box-shadow:0 9px 20px rgba(61,73,111,.09)
}
.primaryStudySetHero .eyebrow{font-size:10.5px!important;color:var(--study-accent)!important}
.primaryStudySetHero h2{font-size:28px!important;margin:3px 0 4px!important;color:#22304a!important}
.primaryStudySetHero p{font-size:13.5px!important;line-height:1.45!important;color:#6a768b!important}
.primaryStudyStats{position:relative;z-index:1;display:flex!important;gap:7px!important}
.primaryStudyStats span{
  min-width:80px;padding:8px 10px!important;border-radius:13px!important;background:rgba(255,255,255,.76)!important;border:1px solid rgba(255,255,255,.9)!important
}
.primaryStudyStats b,.primaryStudyStats small{display:block!important}
.primaryStudyStats b{font-size:15px!important;color:#34435f!important}
.primaryStudyStats small{font-size:9.5px!important;color:#7e899b!important;font-weight:800}

.studySetTabs{
  position:sticky!important;top:0;z-index:5;display:flex!important;gap:5px!important;margin:10px 0 12px!important;padding:5px!important;
  border:1px solid #e0e6ef!important;border-radius:15px!important;background:rgba(244,247,251,.94)!important;backdrop-filter:blur(10px)
}
.studySetTabs button{min-width:86px;min-height:42px;padding:9px 12px!important;border-radius:11px!important;font-size:12px!important;font-weight:900!important}
.studySetTabs button.active{background:#fff!important;color:#4f46e5!important;box-shadow:0 5px 13px rgba(35,45,78,.08)!important}

.primaryStudySetPanel{padding:18px!important;border-radius:20px!important}
.primaryStudySetPanel .sourcePackPanelHead h3{font-size:18px!important;margin-bottom:4px!important}
.primaryStudySetPanel .sourcePackPanelHead p{font-size:13px!important;line-height:1.5!important;color:#6e7a8e!important}
.primaryStudySetPanel .agBadge{font-size:10.5px!important;padding:6px 9px!important}

.primaryStudyFlow{gap:8px!important;margin:12px 0 15px!important}
.primaryStudyFlow>div{
  min-height:66px!important;padding:10px!important;border:1px solid #e1e7f0!important;border-radius:15px!important;
  background:linear-gradient(180deg,#fff,#fafbfe)!important
}
.primaryStudyFlow b{width:30px!important;height:30px!important;border-radius:10px!important;background:#eef0ff!important;color:#5a58ca!important;font-size:11px!important}
.primaryStudyFlow span{display:grid!important;gap:2px!important}
.primaryStudyFlow span strong{font-size:12px!important;color:#3b4963}
.primaryStudyFlow span small{font-size:9px!important;color:#8a94a5;font-weight:800}

.primaryStudyTopic{
  overflow:hidden;border:1px solid #e3e8f1!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 16px rgba(64,75,110,.04)!important
}
.primaryStudyTopic .sourceTopicHead{padding:14px 15px!important;background:#fff!important}
.primaryStudyTopic .sourceTopicHead>div{gap:11px!important}
.primaryTopicNumber{
  width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border-radius:12px!important;
  background:#eff2fb!important;color:#5969bd!important;font-size:11px!important;font-weight:900!important
}
.primaryStudyTopic .sourceTopicHead strong{font-size:14px!important;line-height:1.25;color:#334158!important}
.primaryStudyTopic .sourceTopicHead small{margin-top:3px;font-size:10.5px!important;color:#8994a6!important}
.primaryStudyTopic .sourceTopicHead em{font-size:18px!important;color:#7d899c!important}
.primaryStudyTopicBody{padding:13px 15px 15px!important;background:#fafbfe!important}
.primaryStudyTopicPrompt{display:grid;gap:2px;margin:0 0 11px}
.primaryStudyTopicPrompt strong{font-size:13px;color:#3b4962}
.primaryStudyTopicPrompt span{font-size:11px;color:#8290a3}
.primaryStudyActions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important}
.primaryStudyActions button{
  min-height:44px!important;padding:8px 10px!important;border:1px solid #dde4ee!important;border-radius:12px!important;
  background:#fff!important;color:#4e5c72!important;font-size:11px!important;font-weight:900!important
}
.primaryStudyActions button:first-child{border-color:#d7d9fb!important;background:#f2f1ff!important;color:#5753c5!important}
.primaryStudyTopic .topicNavStrip{margin-top:12px!important}
.primaryStudyTopic .topicNavStrip button,.primaryStudyTopic .topicNavStrip span{font-size:10.5px!important}

.primaryStudyTopicGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.primaryStudyMiniCard{padding:15px!important;border:1px solid #e4e8ef!important;border-radius:15px!important;background:#fff!important}
.primaryStudyMiniCard h4{font-size:14px!important;color:#334158!important}
.primaryStudyMiniCard p{font-size:11.5px!important;line-height:1.5!important;color:#748096!important}
.primaryStudyMiniCard .button{min-height:38px;font-size:11.5px!important}
.primaryStudyModes{gap:10px!important}
.primaryStudyModes button{min-height:86px!important;padding:14px!important;border-radius:15px!important;background:#fff!important}
.primaryStudyModes strong{font-size:13.5px!important;color:#334158!important}
.primaryStudyModes small{font-size:11px!important;line-height:1.4!important;color:#7d899a!important}

@media(max-width:980px){
  .primaryStudySetGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .primaryStudyActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:720px){
  .primaryStudySetsLanding{padding:18px!important;border-radius:20px!important;align-items:flex-start!important;flex-direction:column!important;gap:14px!important}
  .primaryStudySetsLanding h2{font-size:24px!important}.primaryStudySetsLanding p{font-size:13px!important}
  .primaryStudyLandingStats{width:100%}.primaryStudyLandingStats span{flex:1;min-width:0}
  .primaryStudySetGrid,.primaryStudyTopicGrid{grid-template-columns:1fr}
  .primaryStudySubjectCard{min-height:0!important;padding:16px!important}
  .primaryStudySubjectCard h3{font-size:18px!important}
  .primaryStudySetHero{padding:16px!important;align-items:flex-start!important;flex-direction:column!important;gap:12px!important}
  .primaryStudySetHeroMain{align-items:center}.primaryStudyHeroIcon{width:48px;height:48px}
  .primaryStudySetHero h2{font-size:22px!important}.primaryStudySetHero p{font-size:12.5px!important}
  .primaryStudyStats{width:100%;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}
  .primaryStudyStats span{min-width:0;text-align:center}
  .studySetTabs{position:static!important;overflow-x:auto!important}
  .primaryStudyFlow{grid-template-columns:repeat(5,minmax(105px,1fr))!important;overflow-x:auto!important;padding-bottom:5px}
  .primaryStudySetPanel{padding:14px!important}
  .primaryStudySetPanel .sourcePackPanelHead{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  .primaryStudyTopic .sourceTopicHead{padding:13px!important}
  .primaryStudyActions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 2.9.2 workflow routing polish */
.primaryStudyModes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:720px){.primaryStudyModes{grid-template-columns:1fr!important}}
