/* Scope visual repairs to study surfaces and preserve high-contrast palette. */
html.jg-theme-light body:not(.high-contrast) #app.study-control-active .study-track-selector :is(p,small),html.jg-theme-light body:not(.high-contrast) #app.study-control-active .study-track-selector>div>span{color:#493c32!important;-webkit-text-fill-color:#493c32!important;opacity:1!important}
html.jg-theme-light body:not(.high-contrast) #app.study-control-active .study-track-selector button.selected :is(p,small){color:#fff!important;-webkit-text-fill-color:#fff!important}
#app .study-domain-overview{margin:0 0 20px;padding:22px;overflow-wrap:anywhere}
#app .study-domain-overview h1{font-size:clamp(1.6rem,5vw,2.3rem);line-height:1.15}
#app .study-domain-overview li{margin:8px 0}
#app .study-domain-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#app .study-domain-topic-link{display:flex;flex-direction:column;gap:10px;padding:18px;text-align:left;white-space:normal;border-radius:14px;min-width:0;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer}
#app .study-domain-topic-link strong{font-size:1.08rem}
#app .study-domain-topic-link span{font-size:.9rem;line-height:1.5}
#app .study-domain-topic-link b{font-size:.88rem}
#app .study-domain-topic-link:focus-visible{outline:3px solid #a94f24;outline-offset:3px}
html.jg-theme-light body:not(.high-contrast) #app .study-domain-overview{background:#faf7f1;color:#211f1d;border:1px solid #d8cec5}
html.jg-theme-light body:not(.high-contrast) #app .study-domain-topic-link{background:#fff;color:#211f1d;border-color:#c7b8aa}
html.jg-theme-light body:not(.high-contrast) #app .study-domain-overview :is(p,li){color:#493c32}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art]{background-image:url('assets/branding/domain-art-sprite-v767.png')!important;background-size:200% 300%!important;background-repeat:no-repeat!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-1{background-position:0 0!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-2{background-position:100% 0!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-3{background-position:0 50%!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-4{background-position:100% 50%!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-5{background-position:0 100%!important}
html.jg-theme-light body:not(.jg-landing-active):not(.mock-mode-active):not(.high-contrast) #app.study-domain-active .domain-art[data-study-art].domain-art-6{background-position:100% 100%!important}
@media(max-width:600px){#app .study-domain-topic-grid{grid-template-columns:1fr}#app .study-domain-overview{padding:16px}}
/* Read an Exam Example in one continuous pane rather than trapping a second scroll inside its record. */
.exam-example-unified .exam-example-record{max-height:none;overflow:visible;scrollbar-gutter:auto}