/* StudyBuddies 2.9.9 — Primary Revision Cards Clarity & Learning Flow */

body.sbPrimaryRevisionCards{
  --rc-text:#26354f;
  --rc-muted:#748199;
  --rc-purple:#6e61e6;
  --rc-blue:#5daee9;
  --rc-mint:#62c7a1;
  --rc-yellow:#ffd269;
}

/* Clear intro */
body.sbPrimaryRevisionCards .primaryRcClearHeader{
  --rc-accent:#6e61e6;--rc-soft:#f2efff;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:22px 25px;margin-bottom:14px;border-radius:25px;
  background:linear-gradient(120deg,#eaf8ff,#f1efff 58%,#fff4f8);
  box-shadow:0 12px 30px rgba(65,76,124,.075)
}
body.sbPrimaryRevisionCards .primaryRcClearHeaderCopy{max-width:720px}
body.sbPrimaryRevisionCards .primaryRcClearKicker{
  display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff;color:#6a5ddd;
  font-size:9px;font-weight:950;letter-spacing:.1em
}
body.sbPrimaryRevisionCards .primaryRcClearHeader h2{
  margin:6px 0 6px;font-size:29px;line-height:1.08;letter-spacing:-.025em;color:#26354f
}
body.sbPrimaryRevisionCards .primaryRcClearHeader p{
  margin:0;max-width:690px;font-size:12.5px;line-height:1.5;color:#6e7b92
}
body.sbPrimaryRevisionCards .primaryRcHowItWorks{
  flex:0 0 auto;display:flex;align-items:center;gap:5px;padding:9px;border-radius:17px;background:rgba(255,255,255,.78)
}
body.sbPrimaryRevisionCards .primaryRcHowItWorks>span{
  min-width:53px;display:grid;place-items:center;gap:2px;padding:5px 7px;border-radius:12px;background:#fff
}
body.sbPrimaryRevisionCards .primaryRcHowItWorks b{
  width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#eeeaff;color:#6659df;font-size:10px
}
body.sbPrimaryRevisionCards .primaryRcHowItWorks small{font-size:8px;color:#7e899b;font-weight:900}
body.sbPrimaryRevisionCards .primaryRcHowItWorks i{font-style:normal;color:#adb5c4;font-size:10px}

/* Main flow */
body.sbPrimaryRevisionCards .primaryRcClearHome{display:grid;gap:14px}
body.sbPrimaryRevisionCards .primaryRcStepBlock{
  padding:20px;border-radius:24px;background:#fff;box-shadow:0 9px 24px rgba(57,68,102,.05)
}
body.sbPrimaryRevisionCards .primaryRcStepHead{
  display:flex;align-items:center;gap:12px;margin-bottom:14px
}
body.sbPrimaryRevisionCards .primaryRcStepNumber{
  width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#6e61e6;color:#fff;font-size:15px;font-weight:950
}
body.sbPrimaryRevisionCards .primaryRcStepHead span{
  display:block;font-size:8px;letter-spacing:.1em;color:#8c95a6;font-weight:950
}
body.sbPrimaryRevisionCards .primaryRcStepHead h3{
  margin:2px 0 2px;font-size:18px;color:#2a3953
}
body.sbPrimaryRevisionCards .primaryRcStepHead p{
  margin:0;font-size:10.5px;color:#7f8a9d
}

/* Subject choices */
body.sbPrimaryRevisionCards .primaryRcSubjectChoices{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoice{
  --choice-accent:#6e61e6;--choice-soft:#f1efff;
  display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;
  min-height:84px;padding:11px 12px;border:2px solid transparent;border-radius:19px;
  background:linear-gradient(145deg,#fff,var(--choice-soft));text-align:left;cursor:pointer;
  box-shadow:0 6px 15px rgba(57,68,102,.035)
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoice.active{
  border-color:var(--choice-accent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--choice-accent) 9%,transparent)
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceIcon{
  width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:#fff;
  color:var(--choice-accent);font-size:15px;font-weight:950;box-shadow:0 5px 12px rgba(55,66,100,.06)
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceCopy{display:grid;gap:2px}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceCopy strong{font-size:11px;color:#34425b}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceCopy small{font-size:8.5px;color:#8791a2;font-weight:800}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceProgress{
  height:4px;margin-top:4px;border-radius:999px;background:rgba(255,255,255,.75);overflow:hidden
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoiceProgress i{
  display:block;height:100%;border-radius:inherit;background:var(--choice-accent)
}
body.sbPrimaryRevisionCards .primaryRcSubjectChoice>b{color:var(--choice-accent);font-size:13px}

/* Topic choices */
body.sbPrimaryRevisionCards .stepTopic{background:linear-gradient(180deg,#fff,#fbfcff)}
body.sbPrimaryRevisionCards .primaryRcAllTopics{
  width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;
  min-height:52px;margin-bottom:9px;padding:9px 12px;border:1px solid #e2e6ed;border-radius:15px;background:#f8f9fc;text-align:left;cursor:pointer
}
body.sbPrimaryRevisionCards .primaryRcAllTopics.active{border-color:#6e61e6;background:#f0edff}
body.sbPrimaryRevisionCards .primaryRcAllTopics span{font-size:11px;font-weight:900;color:#394760}
body.sbPrimaryRevisionCards .primaryRcAllTopics small{font-size:8.5px;color:#8792a3;font-weight:800}
body.sbPrimaryRevisionCards .primaryRcAllTopics>b{color:#6e61e6}
body.sbPrimaryRevisionCards .primaryRcTopicChoices{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
body.sbPrimaryRevisionCards .primaryRcTopicChoice{
  display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:9px;
  min-height:55px;padding:8px 10px;border:1px solid #e4e8ef;border-radius:15px;background:#fff;text-align:left;cursor:pointer
}
body.sbPrimaryRevisionCards .primaryRcTopicChoice.active{border-color:#7165e6;background:#f2efff}
body.sbPrimaryRevisionCards .primaryRcTopicChoice>span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#eff2f8;color:#6e7896;font-size:9px;font-weight:900
}
body.sbPrimaryRevisionCards .primaryRcTopicChoice.active>span{background:#7165e6;color:#fff}
body.sbPrimaryRevisionCards .primaryRcTopicChoice strong{display:block;font-size:10px;line-height:1.2;color:#3c4960}
body.sbPrimaryRevisionCards .primaryRcTopicChoice small{display:block;margin-top:2px;font-size:8px;color:#8d96a6;font-weight:800}
body.sbPrimaryRevisionCards .primaryRcTopicChoice>b{color:#7165e6;font-size:12px}
body.sbPrimaryRevisionCards .primaryRcSeeAllTopics{
  margin-top:9px;min-height:34px;padding:0 11px;border:0;border-radius:11px;background:#ece9ff;color:#6358d0;font:900 9px/1 Nunito;cursor:pointer
}

/* Start block */
body.sbPrimaryRevisionCards .primaryRcStartBlock{
  --start-accent:#6e61e6;--start-soft:#f1efff;
  display:grid;grid-template-columns:88px minmax(0,1fr) auto;align-items:center;gap:16px;
  padding:18px 20px;border-radius:24px;background:linear-gradient(120deg,var(--start-soft),#fff 62%,#f5fff9);
  border:2px solid color-mix(in srgb,var(--start-accent) 14%,#edf0f5);
  box-shadow:0 10px 24px rgba(57,68,102,.055)
}
body.sbPrimaryRevisionCards .primaryRcStartVisual{position:relative;width:78px;height:82px}
body.sbPrimaryRevisionCards .primaryRcStartVisual .back{
  position:absolute;width:54px;height:68px;border-radius:15px;border:2px solid #fff;box-shadow:0 7px 15px rgba(58,67,101,.06)
}
body.sbPrimaryRevisionCards .primaryRcStartVisual .b2{left:1px;top:8px;transform:rotate(-9deg);background:#dff3ff}
body.sbPrimaryRevisionCards .primaryRcStartVisual .b1{right:2px;top:7px;transform:rotate(8deg);background:#f3ddff}
body.sbPrimaryRevisionCards .primaryRcStartVisual>span{
  position:absolute;left:19px;top:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:13px;background:#fff;color:var(--start-accent);
  font-size:15px;font-weight:950;box-shadow:0 5px 12px rgba(54,65,98,.07)
}
body.sbPrimaryRevisionCards .primaryRcStartKicker{
  display:block;font-size:8px;letter-spacing:.1em;color:var(--start-accent);font-weight:950
}
body.sbPrimaryRevisionCards .primaryRcStartCopy h3{margin:3px 0 4px;font-size:20px;color:#2c3b54}
body.sbPrimaryRevisionCards .primaryRcStartCopy p{margin:0;font-size:10.5px;color:#7c8799}
body.sbPrimaryRevisionCards .primaryRcStartMeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
body.sbPrimaryRevisionCards .primaryRcStartMeta span{
  padding:5px 7px;border-radius:999px;background:#fff;font-size:8px;color:#6f7b8d;font-weight:850
}
body.sbPrimaryRevisionCards .primaryRcStartActions{display:grid;gap:7px;min-width:130px}
body.sbPrimaryRevisionCards .primaryRcStartButton,
body.sbPrimaryRevisionCards .primaryRcStartSecondary{
  min-height:42px;padding:0 13px;border:0;border-radius:13px;font:900 10.5px/1 Nunito;cursor:pointer
}
body.sbPrimaryRevisionCards .primaryRcStartButton{
  background:var(--start-accent);color:#fff;box-shadow:0 7px 15px color-mix(in srgb,var(--start-accent) 20%,transparent)
}
body.sbPrimaryRevisionCards .primaryRcStartSecondary{background:#fff;color:#59667c;border:1px solid #e2e6ed}
body.sbPrimaryRevisionCards .primaryRcStartButton:disabled,
body.sbPrimaryRevisionCards .primaryRcStartSecondary:disabled{opacity:.42;cursor:not-allowed}

/* Empty prompt before subject selection */
body.sbPrimaryRevisionCards .primaryRcChoosePrompt{
  display:flex;align-items:center;justify-content:center;gap:12px;min-height:96px;padding:18px;border:2px dashed #dde2eb;border-radius:21px;background:#fafbfe
}
body.sbPrimaryRevisionCards .primaryRcChoosePromptIcon{
  width:39px;height:39px;display:grid;place-items:center;border-radius:13px;background:#f0edff;color:#6b5fde;font-size:16px;font-weight:900
}
body.sbPrimaryRevisionCards .primaryRcChoosePrompt strong{display:block;font-size:11.5px;color:#3c4960}
body.sbPrimaryRevisionCards .primaryRcChoosePrompt span{display:block;margin-top:2px;font-size:9px;color:#8a94a5}

/* Supporting actions */
body.sbPrimaryRevisionCards .primaryRcSupportRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
body.sbPrimaryRevisionCards .primaryRcSupportRow button{
  min-height:62px;display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;border-radius:16px;background:#fff;text-align:left;cursor:pointer;
  box-shadow:0 5px 14px rgba(57,68,102,.035)
}
body.sbPrimaryRevisionCards .primaryRcSupportRow button:disabled{opacity:.4;cursor:not-allowed}
body.sbPrimaryRevisionCards .primaryRcSupportRow i{
  width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f1efff;color:#695ede;font-style:normal;font-size:13px;font-weight:900
}
body.sbPrimaryRevisionCards .primaryRcSupportRow span{display:grid;gap:1px}
body.sbPrimaryRevisionCards .primaryRcSupportRow strong{font-size:9.5px;color:#3d4960}
body.sbPrimaryRevisionCards .primaryRcSupportRow small{font-size:8px;color:#8b95a6;font-weight:800}

/* Active session */
body.sbPrimaryRevisionCards .primaryRcSessionHead{
  --rc-accent:#6e61e6;--rc-soft:#f1efff;
  padding:13px 15px!important;border:0!important;border-radius:19px!important;background:linear-gradient(135deg,#eef8ff,var(--rc-soft))!important;
  box-shadow:0 6px 16px rgba(59,70,104,.045)!important
}
body.sbPrimaryRevisionCards .primaryRcSessionIdentity{display:flex!important;align-items:center!important;gap:10px!important}
body.sbPrimaryRevisionCards .primaryRcSubjectIcon{
  width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:#fff!important;color:var(--rc-accent)!important;
  font-size:16px!important;font-weight:950!important
}
body.sbPrimaryRevisionCards .primaryRcSessionHead h2{font-size:18px!important;margin:2px 0!important}
body.sbPrimaryRevisionCards .primaryRcSessionHead p{font-size:10px!important}
body.sbPrimaryRevisionCards .rc2SessionProgress strong{font-size:10px!important}
body.sbPrimaryRevisionCards .rc2SessionProgress i{background:var(--rc-accent)!important}

body.sbPrimaryRevisionCards .primaryRcRecallCard{
  --rc-accent:#6e61e6;
  position:relative!important;overflow:visible!important;max-width:900px!important;margin:20px auto 0!important;padding:30px!important;min-height:390px!important;
  border:0!important;border-radius:30px!important;background:#fff!important;box-shadow:0 22px 50px rgba(54,65,104,.12)!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard:before,
body.sbPrimaryRevisionCards .primaryRcRecallCard:after{
  content:""!important;position:absolute!important;left:50%!important;width:90%!important;height:100%!important;border-radius:29px!important;z-index:-1!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard:before{top:11px!important;transform:translateX(-50%) rotate(-1.4deg)!important;background:#dff3ff!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard:after{top:20px!important;transform:translateX(-50%) rotate(1.6deg)!important;background:#f3ddff!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard.isRevealed{animation:sbCardReveal .3s ease both;background:linear-gradient(145deg,#fff,#f4fff9)!important}
@keyframes sbCardReveal{0%{transform:scale(.988)}55%{transform:scale(1.004)}100%{transform:none}}
body.sbPrimaryRevisionCards .primaryRcCardMeta{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:21px!important}
body.sbPrimaryRevisionCards .primaryRcCardNumber{
  width:51px!important;height:51px!important;display:flex!important;align-items:baseline!important;justify-content:center!important;gap:2px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#f0edff,#e7f7ff)!important;color:#6658dc!important
}
body.sbPrimaryRevisionCards .primaryRcCardNumber b{font-size:19px!important}
body.sbPrimaryRevisionCards .primaryRcCardNumber small{font-size:8px!important;font-weight:900!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard .qaSectionLabel{
  display:inline-flex!important;padding:6px 9px!important;border-radius:9px!important;background:#f0edff!important;color:#695ddd!important;
  font-size:9px!important;letter-spacing:.09em!important;font-weight:950!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard h3{
  max-width:820px!important;margin:15px 0 29px!important;font-size:clamp(28px,3.35vw,37px)!important;line-height:1.28!important;letter-spacing:-.018em!important;color:#26334d!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Think{
  padding:17px!important;border:2px dashed #dddaf6!important;border-radius:18px!important;background:#fbfaff!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Think p{font-size:12.5px!important;color:#68758a!important}
body.sbPrimaryRevisionCards .rc2ThinkActions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important}
body.sbPrimaryRevisionCards .rc2ThinkActions .button{min-height:43px!important;border-radius:13px!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Reveal{
  border:0!important;background:linear-gradient(135deg,#6d5fe6,#7d6def)!important;color:#fff!important;box-shadow:0 8px 18px rgba(102,85,219,.18)!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Answer{
  margin-top:10px!important;padding:20px!important;border:0!important;border-radius:20px!important;background:linear-gradient(145deg,#ecfff6,#eef8ff)!important
}
body.sbPrimaryRevisionCards .primaryRcRecallCard .answerSectionLabel{background:#dff7e9!important;color:#3d8a65!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Answer>strong{font-size:21px!important;line-height:1.48!important}
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Why,
body.sbPrimaryRevisionCards .primaryRcRecallCard .rc2Tip{border:0!important;border-radius:14px!important;background:#fff!important}

/* Rating */
body.sbPrimaryRevisionCards .primaryRcRatingPanel{
  max-width:900px!important;margin:16px auto 0!important;padding:18px!important;border:0!important;border-radius:23px!important;background:#fff!important;
  box-shadow:0 11px 27px rgba(54,66,102,.065)!important
}
body.sbPrimaryRevisionCards .rc2Ratings{gap:9px!important}
body.sbPrimaryRevisionCards .rc2Rate{
  min-height:84px!important;padding:12px!important;border:0!important;border-radius:17px!important
}
body.sbPrimaryRevisionCards .rc2Rate.again{background:#ffecef!important}
body.sbPrimaryRevisionCards .rc2Rate.hard{background:#fff1d7!important}
body.sbPrimaryRevisionCards .rc2Rate.good{background:#e7f4ff!important}
body.sbPrimaryRevisionCards .rc2Rate.easy{background:#e5f8ec!important}
body.sbPrimaryRevisionCards .rc2Rate strong{font-size:13px!important}
body.sbPrimaryRevisionCards .rc2Rate span{font-size:10px!important}

/* Responsive */
@media(max-width:1000px){
  body.sbPrimaryRevisionCards .primaryRcSubjectChoices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  body.sbPrimaryRevisionCards .primaryRcClearHeader{align-items:flex-start;flex-direction:column;padding:17px 18px;border-radius:21px}
  body.sbPrimaryRevisionCards .primaryRcClearHeader h2{font-size:25px}
  body.sbPrimaryRevisionCards .primaryRcHowItWorks{width:100%;justify-content:space-between}
  body.sbPrimaryRevisionCards .primaryRcStepBlock{padding:15px;border-radius:20px}
  body.sbPrimaryRevisionCards .primaryRcSubjectChoices{grid-template-columns:1fr}
  body.sbPrimaryRevisionCards .primaryRcTopicChoices{grid-template-columns:1fr}
  body.sbPrimaryRevisionCards .primaryRcStartBlock{grid-template-columns:70px minmax(0,1fr);padding:15px;border-radius:20px}
  body.sbPrimaryRevisionCards .primaryRcStartVisual{width:65px;height:70px}
  body.sbPrimaryRevisionCards .primaryRcStartActions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  body.sbPrimaryRevisionCards .primaryRcSupportRow{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.sbPrimaryRevisionCards .primaryRcRecallCard{padding:20px!important;min-height:325px!important;border-radius:24px!important}
  body.sbPrimaryRevisionCards .primaryRcRecallCard h3{font-size:25px!important}
  body.sbPrimaryRevisionCards .rc2Ratings{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}