/* Duas escolhas diferentes: objetivo de estudo e ambiente de trabalho. */
.study-path-catalog { --study-accent: var(--good); max-width: 1120px; }
.study-path-catalog[data-study-scope^="profissional"] { --study-accent: var(--play-sky, #9ac9de); }
.study-path-catalog > .page-head { margin-bottom: 1.4rem; }
.study-path-catalog > .page-head p { max-width: 65ch; }
.study-path-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.study-path-options > button { display: flex; align-items: flex-start; gap: .8rem; min-height: 114px; padding: 1.1rem; text-align: left; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 10px; }
.study-path-options > button[aria-pressed="true"] { color: var(--text); border-color: var(--study-accent); background: var(--panel); box-shadow: inset 0 3px var(--study-accent); }
.study-path-options > button > svg { width: 26px; height: 26px; flex: 0 0 auto; margin-top: .15rem; color: var(--study-accent); }
.study-path-options > button > span:first-of-type { flex: 1; }
.study-path-options strong { display: block; margin-bottom: .4rem; font-size: 1.12rem; font-weight: 650; }
.study-path-options small { display: block; max-width: 38ch; color: var(--muted); font-size: .84rem; line-height: 1.55; font-weight: 400; }
.study-choice-mark { flex: 0 0 20px; min-height: 20px; color: var(--study-accent); font-weight: 650; }
.study-environment { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 1rem 1.5rem; margin: 1.5rem 0 1.8rem; padding: 1rem 0 1.35rem; border-bottom: 1px solid var(--line); }
.study-environment h2 { margin: 0 0 .35rem; font-size: 1rem; }
.study-environment p { margin: 0; color: var(--muted); font-size: .82rem; }
.study-environment-options { display: flex; flex-wrap: wrap; gap: .65rem; }
.study-environment-options > button { display: flex; align-items: center; gap: .65rem; min-height: 62px; padding: .7rem .9rem; border: 1px solid var(--line); border-radius: 7px; color: var(--muted); background: transparent; text-align: left; }
.study-environment-options > button[aria-pressed="true"] { color: var(--text); border-color: var(--study-accent); background: var(--panel2); }
.study-environment-options svg { width: 24px; height: 24px; flex: 0 0 auto; }
.study-environment-options strong { display: block; font-size: .88rem; font-weight: 600; }
.study-environment-options small { display: block; max-width: 28ch; margin-top: .2rem; color: var(--muted); font-size: .75rem; line-height: 1.45; }
.study-scope-summary { max-width: 760px; margin-bottom: 1.4rem; }
.study-scope-summary > p:first-child { margin: 0 0 .4rem; color: var(--study-accent); font-size: .81rem; }
.study-scope-summary h2 { margin: 0 0 .6rem; font-size: clamp(1.25rem, 2vw, 1.6rem); }
.study-scope-summary > p:last-child { margin: 0; color: var(--muted); font-size: .9rem; }
.study-path-catalog .catalog-search { margin-bottom: 1.2rem; }
.study-next-lesson { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap: 1rem 1.5rem; margin: 1.4rem 0 .5rem; padding: 1.15rem 1.25rem; border-left: 3px solid var(--study-accent); background: var(--panel); border-radius: 0 7px 7px 0; }
.study-next-lesson > div { flex: 0 1 auto; min-width: 0; max-width: 65ch; }
.study-next-lesson span { color: var(--muted); font-size: .77rem; }
.study-next-lesson h2 { margin: .35rem 0; font-size: 1.15rem; }
.study-next-lesson p { margin: .45rem 0 0; color: var(--muted); font-size: .8rem; }
.study-next-lesson > button { flex: 0 0 auto; font-size: .85rem; }
.study-subject { display: grid; grid-template-columns: fit-content(21rem) minmax(0, 1fr); gap: .35rem 1.5rem; padding: 1.5rem .1rem; border-bottom: 1px solid var(--line); }
.study-subject-heading h2 { margin: 0 0 .45rem; font-size: 1.1rem; }
.study-subject-heading p { display: flex; flex-wrap: wrap; gap: .3rem 1rem; margin: 0 0 .8rem; color: var(--muted); font-size: .78rem; }
.study-subject-heading p > span { color: var(--study-accent); }
.study-subject-heading > button { min-height: 39px; padding: .5rem .7rem; font-size: .82rem; }
.study-subject > ul { align-self: center; margin: .1rem 0; padding-left: 1.1rem; color: var(--muted); font-size: .86rem; line-height: 1.65; }
.study-subject > ul > li { padding-left: .2rem; margin: .2rem 0; }
.study-more-lessons { grid-column: 2; margin: 0; padding-left: 1.3rem; color: var(--muted); font-size: .76rem; }
.study-catalog-footer { padding-top: 1.3rem; margin-top: .5rem; }
.study-catalog-footer > p { max-width: 65ch; margin-bottom: 1rem; color: var(--muted); font-size: .82rem; }
.study-catalog-footer button { font-size: .82rem; }
.lesson-scope { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .7rem; margin: .45rem 0 .9rem; color: var(--muted); font-size: .8rem; line-height: 1.5; }
.lesson-scope strong { color: var(--text); font-weight: 550; }
.lesson-question .lesson-reward { margin-inline-end: 1rem; }
.study-entry-links { display: flex; flex-wrap: wrap; gap: .6rem 1rem; margin-top: .75rem; }
.study-entry-links > a { padding: .4rem 0; color: var(--good); font-size: .83rem; text-decoration: underline; }
.study-path-catalog button:focus-visible { outline: 2px solid var(--study-accent); outline-offset: 4px; }
@media (max-width: 700px) {
  .study-path-options { grid-template-columns: 1fr; gap: .65rem; }
  .study-path-options > button { min-height: 96px; padding: .9rem; }
  .study-environment { align-items: stretch; gap: .9rem; }
  .study-environment-options { width: 100%; }
  .study-environment-options > button { flex: 1 1 145px; padding: .7rem; }
  .study-environment-options small { max-width: 22ch; }
  .study-subject { grid-template-columns: 1fr; gap: .65rem; padding: 1.25rem 0; }
  .study-subject-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; }
  .study-subject-heading > div { flex: 1; min-width: 0; }
  .study-subject-heading > button { flex: 0 0 auto; }
  .study-subject-heading p { margin-bottom: 0; }
  .study-more-lessons { grid-column: 1; }
  .study-next-lesson { padding: 1rem; }
}
@media (max-width: 379px) { .study-subject-heading { display: block; } .study-subject-heading > button { margin-top: .65rem; } }