/* Canonical brand v1 applied to the original interactive screen collection. */
body.rr-identity{--forest:var(--rr-navy);--deep:var(--rr-navy);--paper:var(--rr-paper);--cream:var(--rr-white);--sage:var(--rr-surface);--clay:var(--rr-gold-text);--muted:var(--rr-muted);--line:var(--rr-line);background:var(--rr-paper);color:var(--rr-ink);font-size:16px}
body.rr-identity h1,body.rr-identity h2,body.rr-identity h3{color:var(--rr-navy)}
.rr-identity .header,.rr-identity .preview-strip,.rr-identity .design-dock{background:var(--rr-white);border-color:var(--rr-line);color:var(--rr-muted)}
.rr-identity .header .rr-brand{width:180px}.rr-identity .header nav{font-size:14px}
.rr-identity .sidebar{background:var(--rr-white);color:var(--rr-navy);border-right:1px solid var(--rr-line)}
.rr-identity .side-top .eyebrow,.rr-identity .side-group{color:var(--rr-gold-text);font-size:12px}
.rr-identity .side-top p,.rr-identity .side-progress,.rr-identity .chapter-link .n,.rr-identity .chapter-link .chevron,.rr-identity .side-lessons a{color:var(--rr-muted);font-size:14px}
.rr-identity .chapter-link{font-size:14px;border-radius:8px;min-height:44px}.rr-identity .chapter-link:hover,.rr-identity .side-lessons a:hover{background:var(--rr-surface);color:var(--rr-navy)}
.rr-identity .chapter-link.active{background:var(--rr-surface);color:var(--rr-navy)}.rr-identity .chapter-link.active .n{color:var(--rr-gold-text)}
.rr-identity .side-lessons a.current,.rr-identity .side-lessons a.current:hover{background:var(--rr-navy);color:white;border-left:3px solid var(--rr-gold);border-radius:4px}
.rr-identity .side-note{color:var(--rr-muted);border-color:var(--rr-line)}.rr-identity .progress{background:var(--rr-line)}.rr-identity .progress span{background:var(--rr-navy)}
.rr-identity .button{border-radius:8px;background:var(--rr-navy);border-color:var(--rr-navy);color:white;font-size:14px;white-space:normal;min-height:44px}.rr-identity .button:hover{background:var(--rr-navy-hover)}
.rr-identity .button.light{background:var(--rr-gold-light);border-color:var(--rr-gold-light);color:var(--rr-navy)}.rr-identity .button.outline{background:white;border-color:var(--rr-control);color:var(--rr-navy)}
.rr-identity .text-link{font-size:14px;border-color:var(--rr-control)}
.rr-identity .hero,.rr-identity .hero.dark,.rr-identity .complete-layout{background:var(--rr-navy);border-radius:16px;color:white}
.rr-identity :is(.hero,.complete-layout) :is(h1,h2,h3){color:white}.rr-identity :is(.hero,.hero.dark,.complete-copy) :is(p,em,.eyebrow){color:#e8ecee}.rr-identity :is(.hero,.hero.dark,.complete-copy) .eyebrow{color:var(--rr-gold-light)}
.rr-identity .lesson-guide,.rr-identity .panel.sage,.rr-identity .workbook-cover,.rr-identity .lesson-row>span:first-child,.rr-identity .topic-mark,.rr-identity .avatar,.rr-identity .pill{background:var(--rr-surface);border-color:var(--rr-line);color:var(--rr-ink)}
.rr-identity .warm-note,.rr-identity .feature-callout{background:white;border:1px solid var(--rr-line);border-left:3px solid var(--rr-gold);border-radius:12px}
.rr-identity .question-card,.rr-identity .panel,.rr-identity .resume-strip,.rr-identity .workbook-sheet,.rr-identity .progress-card,.rr-identity .progress-card:nth-child(2),.rr-identity .type-specimens article{background:white;border-color:var(--rr-line);border-radius:12px;box-shadow:none}
.rr-identity .chapter-card{background:white;border:1px solid var(--rr-line);border-radius:12px;overflow:hidden;padding-bottom:20px}.rr-identity .chapter-card :is(h3,p,.card-bottom){margin-left:20px;margin-right:20px}
.rr-identity .card-image .chapter-num,.rr-identity .poster-label{background:var(--rr-navy);color:white}
.rr-identity .chapter-banner:after{background:linear-gradient(90deg,#102c42e8,#102c4270 65%,transparent)}.rr-identity .banner-copy h1{color:white}.rr-identity .banner-copy p{color:#e8ecee}.rr-identity .banner-copy .eyebrow{color:var(--rr-gold-light)}
.rr-identity .player{background:var(--rr-navy)}.rr-identity .player:after{background:linear-gradient(transparent,#102c42dc)}
.rr-identity .journey-ring{background:conic-gradient(var(--rr-navy) var(--progress),var(--rr-line) 0)}.rr-identity .journey-ring>div{background:white;color:var(--rr-navy)}.rr-identity .journey-ring.large{background:conic-gradient(var(--rr-gold-light) var(--progress),#ffffff40 0)}.rr-identity .journey-ring.large>div{background:var(--rr-navy);color:white}
.rr-identity .journey-bar{background:var(--rr-line)}.rr-identity .journey-bar>span{background:var(--rr-navy)}.rr-identity .hero-progress .journey-bar{background:#ffffff30}.rr-identity .hero-progress .journey-bar>span{background:var(--rr-gold-light)}.rr-identity .hero-scene:after{background:#102c4235}.rr-identity .hero-ring-wrap p{background:#102c428c;text-shadow:none}
.rr-identity :is(textarea,input[type=text]){background:white;border-color:var(--rr-control);border-radius:8px;font-size:16px}.rr-identity :is(textarea,input)::placeholder{color:var(--rr-muted)}
.rr-identity .answer{font-size:16px;border-color:var(--rr-control);border-radius:8px;background:white}.rr-identity .answer:hover,.rr-identity .answer.chosen{background:var(--rr-surface);border-color:var(--rr-navy)}
.rr-identity .answer.correct{background:var(--rr-success-bg);border-color:var(--rr-success);color:var(--rr-success)}.rr-identity .answer.incorrect{background:var(--rr-danger-bg);border-color:var(--rr-danger);color:var(--rr-danger)}
.rr-identity .feedback{background:var(--rr-info-bg);border-color:var(--rr-info);color:var(--rr-info)}
.rr-identity .tab-panel p,.rr-identity .practice-step p,.rr-identity .panel p,.rr-identity .banner-copy p,.rr-identity .check-list span{font-size:16px;line-height:1.7}
.rr-identity :is(.eyebrow,.progress-explainer,.swatch small,.player-meta,.poster-label,.sheet-top,.design-dock a,.studio-label){font-size:12px}
.rr-identity :is(.field-label,.field-help,.lesson-tabs button,.card-bottom,.chapter-card p,.panel ul,.progress-label,.progress-detail p,.rhythm li,.rhythm small,.guide-note,.save-row small,.lesson-footer p,.workbook-index a,.muted){font-size:14px}
.rr-identity .page-top h1{font-size:clamp(32px,3.5vw,40px)}.rr-identity .page-top p{font-size:16px}.rr-identity .swatches{grid-template-columns:repeat(5,minmax(0,1fr))}
.rr-identity :focus-visible{outline:3px solid var(--rr-gold-text)!important;outline-offset:3px;box-shadow:0 0 0 2px white}
.rr-identity dialog{background:white;border-color:var(--rr-line);border-radius:12px}.rr-identity dialog::backdrop{background:#102c42a8}
.rr-identity .side-progress{gap:10px;flex-wrap:wrap}.rr-identity .side-progress span:last-child{white-space:nowrap}.rr-identity .workbook-cover p,.rr-identity .complete-copy p,.rr-identity .hero p,.rr-identity .connection-hero p{font-size:16px;line-height:1.65}
@media(max-width:650px){.rr-identity .header .rr-brand{width:150px}.rr-identity .chapter-grid{grid-template-columns:1fr}.rr-identity .swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.rr-identity .design-dock a{font-size:12px}.rr-identity .hero h1{font-size:40px}.rr-identity .page-top .button{font-size:14px}.rr-identity .page-top p{font-size:16px}.rr-identity .learning-progress{grid-template-columns:1fr}.rr-identity .progress-card{flex-direction:row;align-items:center}.rr-identity .progress-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){.rr-identity *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}