/* Learning report + setback screen brought onto the site's cover style (5 Sep 2026).
   Site width 1180, ink hero band with the sage/periwinkle glow, periwinkle eyebrows
   on dark, pill buttons, site radii. Loaded after the sandbox files' inline CSS. */

/* ---------- setback / quiz summary ---------- */
.soma-sb-wrap{max-width:1180px!important;padding:0 var(--soma-gutter,24px)!important;margin:28px auto 0!important}
.tutor-quiz-summary-page .tutor-container,.tutor-quiz-summary-page .tutor-quiz-summary-content{max-width:1230px}
.soma-sb{gap:22px}
.soma-sb__card{border-radius:var(--soma-r-lg,24px);padding:clamp(1.5rem,1rem + 2vw,2.75rem)}
/* the first card is the hero */
.soma-sb > .soma-sb__card:first-child{position:relative;overflow:hidden;background:var(--soma-primary,#131527);color:rgba(255,255,255,.8)}
.soma-sb > .soma-sb__card:first-child::before{content:'';position:absolute;inset:0;background:radial-gradient(70% 90% at 15% 20%,rgba(13,124,104,.35) 0%,rgba(13,124,104,0) 60%),radial-gradient(50% 70% at 95% 100%,rgba(204,213,255,.18) 0%,rgba(204,213,255,0) 60%);pointer-events:none}
.soma-sb > .soma-sb__card:first-child > *{position:relative}
.soma-sb > .soma-sb__card:first-child .soma-sb__eyebrow{color:var(--soma-periwinkle,#CCD5FF)}
.soma-sb > .soma-sb__card:first-child .soma-sb__title{color:#fff;font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem)}
.soma-sb > .soma-sb__card:first-child .soma-sb__lead{color:rgba(255,255,255,.72);font-size:1.0625rem}
.soma-sb > .soma-sb__card:first-child .soma-sb__head{grid-template-columns:minmax(0,1fr) 150px}
.soma-sb > .soma-sb__card:first-child svg circle:first-child{stroke:rgba(255,255,255,.18)}
.soma-sb > .soma-sb__card:first-child svg circle:nth-child(3){fill:var(--soma-periwinkle,#CCD5FF)}
.soma-sb > .soma-sb__card:first-child svg text{fill:#fff}
.soma-sb > .soma-sb__card:first-child svg text:last-child{fill:rgba(255,255,255,.6)}
.soma-sb > .soma-sb__card:first-child .soma-sb__q{background:rgba(255,255,255,.1);border-radius:var(--soma-r-md,14px);padding:14px 16px}
.soma-sb > .soma-sb__card:first-child .soma-sb__q b{color:#9FD9CB;font-size:12px}
.soma-sb > .soma-sb__card:first-child .soma-sb__q--miss{background:rgba(176,104,42,.22)}
.soma-sb > .soma-sb__card:first-child .soma-sb__q--miss b{color:#F0B77A}
.soma-sb > .soma-sb__card:first-child .soma-sb__q span{color:#fff;font-size:.875rem}
.soma-sb__eyebrow{font-size:.75rem;letter-spacing:.14em}
.soma-sb__fix{border-left-color:var(--soma-secondary,#0D7C68);font-size:1.0625rem;line-height:1.7}
.soma-sb__btn{border-radius:999px;padding:0 24px;min-height:46px}
.soma-sb__btn--ghost{border-color:var(--soma-line,rgba(19,21,39,.16))}
.soma-sb__quote{border-radius:var(--soma-r-lg,24px);background:var(--soma-secondary,#0D7C68);padding:clamp(1.5rem,1rem + 2vw,2.5rem)}
.soma-sb__quote,.soma-sb__quote *{color:#fff}
.soma-sb__quote p,.soma-sb__quote blockquote{font-family:var(--soma-font-display,Cormorant,serif);font-size:clamp(1.25rem,1.05rem + .9vw,1.7rem);line-height:1.35}
.soma-sb__sure{color:var(--soma-text,#545454)}
/* Tutor's summary chrome */
.tutor-quiz-summary-page .tutor-quiz-summary-header,.tutor-quiz-summary-page .tutor-quiz-header{font-family:var(--soma-font-display,Cormorant,serif)}
.tutor-quiz-summary-page .tutor-btn-primary{border-radius:999px;background:var(--soma-secondary,#0D7C68);border-color:var(--soma-secondary,#0D7C68)}

/* ---------- learning report (dashboard home) ---------- */
.soma-gr{max-width:1180px;margin-left:auto;margin-right:auto;gap:22px}
.soma-gr__band{position:relative;overflow:hidden;border-radius:var(--soma-r-lg,24px);padding:clamp(1.75rem,1.2rem + 2.4vw,3rem)}
.soma-gr__band::before{content:'';position:absolute;inset:0;background:radial-gradient(70% 90% at 15% 20%,rgba(13,124,104,.35) 0%,rgba(13,124,104,0) 60%),radial-gradient(50% 70% at 95% 100%,rgba(204,213,255,.18) 0%,rgba(204,213,255,0) 60%);pointer-events:none}
.soma-gr__band > *{position:relative}
.soma-gr__band .lbl{color:var(--soma-periwinkle,#CCD5FF)}
.soma-gr__h1{font-size:clamp(2rem,1.3rem + 2.6vw,3.2rem)}
.soma-gr__tile{background:rgba(255,255,255,.1);border-radius:var(--soma-r-md,14px)}
.soma-gr__card{border-radius:var(--soma-r-lg,24px);box-shadow:none;border:0}
.soma-gr .lbl{font-size:.75rem;letter-spacing:.14em}
.soma-gr__btn{border-radius:999px;min-height:44px;padding:0 22px}
.soma-gr__btn--go{background:var(--soma-secondary,#0D7C68)}
.soma-gr__btn--ink{background:var(--soma-primary,#131527)}
.soma-gr__row{gap:22px}
@media (max-width:1100px){
  .soma-gr__row{grid-template-columns:1fr!important}
  .soma-gr__tiles{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .soma-sb > .soma-sb__card:first-child .soma-sb__head{grid-template-columns:1fr;justify-items:start}
  .soma-sb__qs{grid-template-columns:1fr 1fr!important}
  .soma-sb__acts .soma-sb__btn{flex:1 1 100%}
  .soma-gr__top{grid-template-columns:1fr!important}
  .soma-gr__standing{align-items:flex-start!important;text-align:left!important}
}

@media (max-width:640px){.soma-sb__eyebrow{font-size:.68rem;letter-spacing:.08em}.soma-sb > .soma-sb__card:first-child .soma-sb__title{font-size:1.9rem}}