/* All layout changes are scoped to the new page, never the V4.10.0 homepage. */
#screen-scope{container-type:inline-size;max-width:640px;margin:0 auto}
#screen-scope .scope-page-heading{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,var(--rose-a),var(--rose-b));border-radius:23px;padding:5px 7px;margin:10px 0 6px}
#screen-scope .scope-page-heading h2{font-size:7cqw;margin:0}
#screen-scope .scope-page-intro{position:relative;display:flex!important;align-items:center;min-height:66px;padding:7px 4px;margin:0 0 10px;font-size:6.8cqw;font-weight:900}
#screen-scope .scope-page-intro img{display:block;width:29cqw;height:29cqw;right:0;bottom:-6px}
#screen-scope .hero{display:block;margin:0 0 12px;padding:8px 9px;background:var(--card);border:1.5px solid var(--line);border-radius:4.3cqw}
#screen-scope .hero-scope{display:block;max-width:39%;font-size:3.3cqw;overflow-wrap:anywhere}
#screen-scope .progress-heading{min-height:8.1cqw;gap:8px;margin:0 3px 6px}
#screen-scope .progress-heading h3{font-size:5.55cqw}
#screen-scope .progress-cell{height:20cqw;padding:4px 9px 5px;display:flex;flex-direction:column;justify-content:center}
#screen-scope .progress-label{font-size:4.2cqw;line-height:1.1}
#screen-scope .progress-number{font-size:5.1cqw;line-height:1.05}
#screen-scope .progress-number>b:first-child{font-size:7.7cqw;line-height:1.05}
#screen-scope .progress-number>b:last-child{font-size:5.1cqw;line-height:1.05}
#screen-scope .progress-track{height:3.2cqw}
#screen-scope .progress-meter>span{font-size:3.45cqw}
#screen-scope .progress-foot{display:flex;justify-content:space-between;font-size:3.1cqw;margin-top:7px;padding-top:5px;line-height:1.2;min-height:0}
#screen-scope .progress-foot>span:last-child{display:inline}
#screen-scope .scope-title{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:8px;margin:5px 0 10px}
#screen-scope #range-scopePageTotal{font-size:3.5cqw;font-weight:700;padding-left:8px;border-left:1px solid var(--line);line-height:1.5}
#screen-scope .category-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0}
#screen-scope .level-card{min-height:125px;padding:9px 10px;border-radius:22px}
#screen-scope .category-mastery{display:flex}
#screen-scope .range-help{font-size:3.5cqw;line-height:1.5;color:var(--muted);text-align:center;margin:12px 0}
#screen-scope .range-done{display:block;width:100%;min-height:48px;font-size:5cqw;border-radius:18px;margin:0 0 8px;background:linear-gradient(110deg,var(--rose-a),var(--rose-b));border:2px solid var(--rose-line);color:var(--text)}