/* Providence literacy studio: shared theme, different task-led compositions. */
.student-visuals{--course-ink:#041e42;--course-blue:#0067b1;--course-paper:#fff;--course-wash:#edf4fb;--course-yellow:#ffcd00;color:var(--course-ink)}
.student-visuals:not(.student-visuals-assessment){background:#f3f7fb;padding-bottom:30px}
.course-symbol{width:30px;height:30px;flex:none;color:inherit}
.student-visuals .course-area-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,350px);gap:28px;align-items:center;padding-top:32px;padding-bottom:28px;border-bottom:1px solid #d5e3ef}
.course-area-heading>div:first-child{min-width:0}
.course-area-heading h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em;line-height:1.08;margin:8px 0 20px}
.course-area-heading p:not(.eyebrow){max-width:670px;line-height:1.75}
.course-area-heading .practice-boundary{grid-column:1 / -1;margin:0;font-size:.75rem;max-width:none;border:0;padding:0;color:#536a7f}
.course-area-heading .practice-boundary br{display:none}
.course-area-heading .practice-boundary span{margin-left:10px}
.course-area-art{display:block;max-width:100%;width:350px;height:235px;object-fit:contain}
.course-area-reading{grid-template-columns:minmax(230px,340px) minmax(0,1fr)!important}
.course-area-reading>.course-area-art{grid-column:1;grid-row:1}
.course-area-reading>div:first-child{grid-column:2;grid-row:1}
.course-area-writing .course-area-art{transform:rotate(-3deg);height:215px}
.course-area-practice{border-bottom:3px solid #eed78b!important}
.course-area-mark{position:relative;display:grid;place-items:center;width:180px;height:160px;justify-self:center;background:#e3eef8;border-radius:70px 22px 70px 22px;color:#0067b1}
.course-area-mark>.course-symbol{width:70px;height:70px;z-index:1}
.course-area-mark>span{position:absolute;bottom:17px;right:12px;width:55px;height:12px;background:#ffdf67;transform:rotate(-12deg)}
.course-area-progress{border-radius:12px;background:#fff;box-shadow:9px 9px 0 #ddebf7;transform:rotate(-4deg)}
.course-area-challenge{border-radius:50%;background:#fff2bc;border:10px solid #fff}
.course-area-help{background:#e8f2ee;border-radius:8px 45px 8px 8px}
.course-area-tasks{border-radius:10px;box-shadow:9px 9px 0 #ffeda3}
.student-visuals .student-home-heading{padding-top:35px;padding-bottom:22px}
.student-visuals .student-home-heading h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.035em}
.student-visuals .student-home-entry{border-top:0;min-height:270px;border-color:#d4e3f0;border-radius:18px;box-shadow:none;gap:12px;padding:25px;transition:transform .18s ease,background-color .18s ease}
.student-visuals .student-home-entry:nth-child(1){background:#e5f0fb}
.student-visuals .student-home-entry:nth-child(2){background:#fff}
.student-visuals .student-home-entry:nth-child(3){background:#fff3ca}
.student-home-entry>.course-symbol{width:45px;height:45px;padding:9px;background:#fff;border-radius:12px;color:#0067b1;box-sizing:content-box}
.student-home-entry:hover{transform:translateY(-4px)}
.student-home-entry:focus-visible{outline:3px solid #0067b1;outline-offset:4px}
.student-visuals .student-home-paper-grid>a{padding:27px;border-radius:16px;min-width:0;overflow:hidden;background:#fff}
.student-home-paper-grid .course-area-art{height:175px;align-self:center}
.student-home-paper-grid>a:nth-child(2){background:#edf4fb}
.student-visuals .reading-progress{padding-top:20px;padding-bottom:15px}
.student-visuals .reading-continue-card{border-radius:16px;background:#fff7d7;border:0;border-left:5px solid #d1a522;box-shadow:none}
.student-visuals .reading-skill-grid{gap:22px}
.student-visuals .reading-skill-card{border-radius:16px;border:1px solid #d4e2ef;padding:22px;display:flex;flex-direction:column;min-height:240px;box-shadow:none}
.reading-skill-card>.course-skill-marker{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#0067b1}
.course-skill-marker .course-symbol{width:32px;height:32px}
.course-skill-marker span{font-size:.76rem;color:#587086}
.reading-skill-card:nth-child(3n+2){border-top:4px solid #ebd07b}
.reading-skill-card:nth-child(3n){background:#f9fcff}
.reading-skill-card .reading-card-action{margin-top:auto;padding-top:12px}
.student-visuals .reading-paper-card{border:0;border-top:3px solid #041e42;border-radius:0 0 14px 14px;background:#fff}
.student-visuals .reading-quick-card{border-radius:14px;background:#e8f1fa;border:0}
.student-visuals .reading-result-list>article{border-left:3px solid #d4e2ef}
.course-module-art{position:relative;width:160px;height:125px;flex:none;display:grid;place-items:center;color:#0067b1;isolation:isolate}
.course-module-art>.course-symbol{width:66px;height:66px;z-index:2}
.course-art-paper{position:absolute;inset:10px 20px;border-radius:10px;background:#e4eff9;transform:rotate(-9deg)}
.course-art-accent{position:absolute;right:10px;top:6px;width:45px;height:45px;border-radius:50%;background:#fff0aa;z-index:-1}
.course-art-line{position:absolute;bottom:8px;left:6px;width:90px;height:3px;background:#abc4dc;transform:rotate(4deg)}
.course-art-literary>.course-art-paper{border-radius:50% 50% 8px 8px;background:#fff0ca;transform:rotate(6deg)}
.course-art-literary>.course-symbol{width:78px;height:78px;color:#041e42}
.course-art-editorial>.course-art-paper,.course-art-paragraph>.course-art-paper{border-radius:2px;background:#fff;border:1px solid #a5bed7;box-shadow:8px 8px 0 #e1ecf7}
.course-art-context>.course-art-paper,.course-art-precision>.course-art-paper{border-radius:40px 8px 40px 8px;background:#deedf9}
.course-art-tone>.course-art-line{width:145px;background:linear-gradient(90deg,#cbd8e5,#0067b1);height:7px;border-radius:6px}
.course-art-evidence>.course-art-paper,.course-art-editing>.course-art-paper{background:#e5f2eb;border-radius:6px;transform:rotate(4deg)}
.course-art-visual>.course-art-paper{border-radius:5px;background:#e8eff8;transform:none}
.course-art-structure>.course-art-paper,.course-art-planning>.course-art-paper{border-radius:0 35px 0 35px;background:#fff0c2;transform:rotate(5deg)}
.course-art-integration>.course-art-accent,.course-art-flow>.course-art-accent{right:auto;left:4px;top:auto;bottom:8px;background:#dcece3}
.course-art-challenge>.course-art-paper,.course-art-process>.course-art-paper{border-radius:50%;background:#fff2ba;transform:none;border:6px solid #fff}
.course-art-ideas>.course-art-paper{border-radius:50% 20% 50% 20%;background:#fff2ba}
.course-art-repair>.course-art-paper{background:#e8f3ed;transform:rotate(-3deg)}
.course-art-opening>.course-art-paper{border-radius:0 25px 0 0;background:#dceefa;transform:none}
.student-visuals .course-module-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:24px!important}
.course-module-heading>div:first-child{min-width:0;max-width:870px}
.course-module-heading h1{font-size:clamp(2rem,3.8vw,3.15rem);line-height:1.12;letter-spacing:-.035em;margin:8px 0 14px}
.course-module-heading p:last-child{max-width:800px;line-height:1.7}
.student-visuals .hub-session-heading{position:relative;flex-wrap:wrap}
.student-visuals .hub-session-heading .course-module-art{position:absolute;right:25px;top:14px;opacity:.8}
.student-visuals .hub-session-heading>div:first-child{padding-right:155px}
.student-visuals .hub-session-links{width:100%;display:flex;gap:20px;flex-wrap:wrap}
.student-visuals .hub-stage-path{background:transparent;box-shadow:none}
.student-visuals .hub-stage-path-inner{background:#fff;border-radius:14px;border:1px solid #d8e4ef;padding:12px 15px}
.student-visuals .hub-stage-path-list{gap:6px}
.student-visuals .hub-stage-path-list>li{clip-path:none!important;border-radius:8px;background:#edf3f9;margin:0!important;min-width:132px}
.student-visuals .hub-stage-path-list>li.is-current{background:#fff0b5;color:#041e42;border:1px solid #b68d11}
.student-visuals .hub-stage-path-list>li.is-done{background:#e7f1eb;color:#254c40}
.student-visuals .hub-stage-path-list>li>a,.student-visuals .hub-stage-path-list>li>span{color:inherit;padding:12px;min-height:48px}
.student-visuals .hub-stage-path-icon{border:0!important;border-radius:0;background:none!important;width:25px;height:25px;color:inherit!important}
.student-visuals .hub-stage-path-icon::before{display:none!important}
.student-visuals .hub-stage-path-icon .course-symbol{width:24px;height:24px}
.student-visuals .hub-stage-heading{padding-block:18px!important;align-items:center}
.student-visuals:not(.student-visuals-assessment) .hub-reading-work{border:0;border-radius:16px;gap:22px;background:transparent;align-items:start;min-height:0}
.student-visuals .hub-reading-work>.hub-source,.student-visuals .hub-reading-work>.hub-question{background:#fff;border:1px solid #d2e1ed;border-radius:14px;padding:clamp(1.3rem,2.5vw,2.2rem)}
.student-visuals .hub-reading-work>.hub-question{background:#edf4fb}
.student-visuals .hub-question h2{line-height:1.5;font-size:clamp(1.1rem,1.8vw,1.35rem)}
.student-visuals[data-course-family=literary] .hub-source{border-top:5px solid #d6bc74;background:#fffdf7}
.student-visuals[data-course-family=literary] .hub-source .hub-source-copy{font-family:Georgia,serif;line-height:1.9}
.student-visuals[data-course-family=editorial] .hub-source{border-top:5px solid #041e42;border-radius:2px}
.student-visuals[data-course-family=context] .hub-source{border-left:5px solid #88adcb}
.student-visuals[data-course-family=visual] .hub-reading-work{grid-template-columns:minmax(0,62fr) minmax(320px,38fr)}
.student-visuals[data-course-area=writing] .hub-reading-work{grid-template-columns:minmax(260px,38fr) minmax(0,62fr)}
.student-visuals[data-course-area=writing] .hub-reading-work-no-source{display:block}
.student-visuals .hub-module-preview-work{border:0;background:transparent;gap:24px;align-items:start;min-height:0}
.student-visuals .hub-module-preview-work>section{background:#fff;border:1px solid #d5e3ef;border-radius:14px}
.student-visuals .hub-module-preview-work>section:first-child{border-top:4px solid #e7ca72}
.student-visuals[data-course-family=literary] .hub-module-preview-work>section:first-child{background:#fffdf6;border-radius:2px 20px 2px 2px}
.student-visuals[data-course-family=planning] .hub-module-preview-work>section:first-child{background:#edf4fb;border-top-color:#78a5c8}
.student-visuals[data-course-family=planning] .hub-module-preview-work{grid-template-columns:minmax(260px,35fr) minmax(0,65fr)}
.student-visuals[data-course-family=planning] .hub-module-preview-work>section:last-child{border:0;background:transparent;padding-top:0}
.student-visuals[data-course-family=planning] .hub-module-preview-list>li{background:#fff;border-left:4px solid #d8b959;position:relative}
.student-visuals[data-course-family=repair] .hub-module-preview-work>section:first-child,.student-visuals[data-course-family=editing] .hub-module-preview-work>section:first-child{background:#eaf3ee;border-top-color:#779d89}
.student-visuals[data-course-family=repair] .hub-module-preview-list>li,.student-visuals[data-course-family=editing] .hub-module-preview-list>li{background:transparent;border-radius:0;border-bottom:1px solid #d4e2ef;padding-left:0}
.student-visuals[data-course-family=paragraph] .hub-source,.student-visuals[data-course-family=sentence] .hub-source{border-radius:2px;border-top:4px solid #a4bed6}
.student-visuals[data-course-family=flow] .hub-question,.student-visuals[data-course-family=precision] .hub-question{background:#fffdf4;border-top:4px solid #d8bd72}
.student-visuals[data-course-family=editing] .hub-source,.student-visuals[data-course-family=repair] .hub-source{background:#f7fbf8;border-left:4px solid #779d89}
.student-visuals .hub-writing-comparison>div{border:0;border-top:3px solid #a4bed6;border-radius:0 0 8px 8px;padding:20px}
.student-visuals .hub-writing-comparison>div:last-child{border-top-color:#d8bd72}
.student-visuals .hub-writing-model{border-radius:0 12px 12px 0;background:#fffdf4;border-left-color:#b8993c}
.student-visuals .hub-module-preview-list{padding:0;list-style:none}
.student-visuals .hub-module-preview-list>li{border-radius:10px;padding:18px;margin-bottom:14px;background:#edf4fb;gap:12px}
.student-visuals .hub-module-code{background:#fff2bd;border-radius:8px;color:#041e42}
.student-visuals .hub-option,.student-visuals .hub-choice-rows label{border-radius:10px;min-height:44px}
.student-visuals .hub-practice-choice{border-radius:14px;border:1px solid #d4e2ee;padding:24px;background:#fff}
.student-visuals .hub-practice-choice:nth-child(2n){background:#edf4fb}
.student-visuals .hub-challenge-stages .hub-practice-choice{border-radius:0;border:0;border-left:3px solid #d5e3ef;border-bottom:1px solid #d5e3ef;background:#fff;margin-left:16px}
.student-visuals .hub-challenge-stages .hub-practice-choice:last-child{border-bottom:0}
.student-visuals .hub-help-list>details{border:1px solid #d4e2ef;border-radius:12px;background:#fff;margin-bottom:14px;overflow:hidden}
.student-visuals .hub-help-list summary{padding:20px;min-height:52px}
.student-visuals .hub-help-content{padding:0 24px 24px}
.student-visuals .hub-help-content>p:nth-child(2){padding:18px;background:#edf4fb;border-radius:8px}
.student-visuals .hub-result-summary{border-radius:16px;background:#fff;border:1px solid #d4e2ef;border-left:5px solid #d0ae44;box-shadow:none}
.student-visuals .hub-result-summary>strong{font-size:clamp(2rem,4vw,3.3rem)}
.student-visuals .hub-progress-target{background:#fff2c9;border:0;border-radius:15px;color:var(--course-ink)}
.student-visuals .hub-progress-target h2,.student-visuals .hub-progress-target .eyebrow{color:var(--course-ink)}
.student-visuals .hub-progress-target p:last-child{color:#435b70}
.student-visuals .hub-progress-list{background:#fff;border-radius:14px;border:1px solid #d4e2ef;overflow:hidden}
.student-visuals .hub-progress-list>div{padding:20px;border-bottom:1px solid #d4e2ef}
.student-visuals .student-home-task{background:#fff;border-left:4px solid #d6b551;border-radius:0 14px 14px 0}
.student-visuals .student-home-olna-facts{gap:20px}
.student-visuals .student-home-olna-facts>p{background:#fff;padding:24px;border-radius:12px;border-top:4px solid #b7d1e7}
.student-visuals .student-home-olna-facts>p:nth-child(2){border-top-color:#e2c36a}
.student-visuals .hub-module-row{grid-template-columns:minmax(0,1fr) 115px 110px;background:#fff;border:1px solid #d4e2ef;border-radius:12px;padding:22px;margin-bottom:15px;gap:15px}
.student-visuals .hub-module-list{border:0}
.student-visuals .hub-module-row:nth-child(3n+2){border-left:4px solid #e6ca72}
.student-visuals .hub-module-row:nth-child(3n){background:#edf4fb}
.student-visuals .feedback-layout>article{background:#fff;border:1px solid #d5e3ef;border-radius:14px;padding:26px}
.student-visuals .feedback-layout>aside{background:#edf4fb;border-radius:14px;padding:24px}
.student-visuals .writing-paper{line-height:1.9;border-top:2px solid #d1b567;padding-top:22px}
.student-visuals .hub-writing-next{border-top:4px solid #d4b85e;background:#fff;border-radius:0 0 15px 15px}
.student-visuals .hub-applied-review-list>article{background:#fff;border:1px solid #d4e2ef;border-radius:12px;padding:22px;margin-bottom:16px}
.student-visuals .studio>.editor-panel{background:#fff;border:1px solid #cbddea;border-radius:12px}
.student-visuals .studio>.prompt-panel{background:#edf4fb;border-radius:12px}
.student-visuals .editor-title{border-left:4px solid #d2b355;padding-left:18px}
.student-visuals .editor-toolbar{background:#f2f6fa}
@media(max-width:760px){.student-visuals .hub-module-row{grid-template-columns:minmax(0,1fr);padding:18px}.student-visuals .hub-module-row form,.student-visuals .hub-module-unavailable{text-align:left}.student-visuals .feedback-layout>article,.student-visuals .feedback-layout>aside{padding:20px}}
@media(max-width:900px){.student-visuals .course-area-heading{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.course-area-art{width:240px;height:175px}.student-visuals .hub-reading-work,.student-visuals[data-course-family=visual] .hub-reading-work,.student-visuals[data-course-area=writing] .hub-reading-work{grid-template-columns:minmax(0,1fr)}.student-visuals .hub-stage-path-list>li{min-width:120px}}
@media(max-width:650px){.student-visuals .course-area-heading,.course-area-reading{display:flex!important;flex-direction:column;align-items:flex-start;padding-top:24px;gap:12px}.course-area-heading>div:first-child{order:0}.course-area-heading>.course-area-art,.course-area-heading>.course-area-mark{order:1;align-self:center}.course-area-art{height:155px;width:270px}.course-area-mark{height:105px;width:135px}.course-area-mark>.course-symbol{width:50px;height:50px}.student-visuals .course-area-heading .practice-boundary{order:2}.course-module-art{width:100px;height:90px}.course-module-art>.course-symbol{width:42px;height:42px}.course-art-paper{inset:7px 12px}.course-art-accent{width:30px;height:30px}.course-art-line{width:65px}.course-module-heading{gap:10px!important}.course-module-heading h1{font-size:1.85rem}.student-visuals .hub-session-heading>div:first-child{padding-right:80px}.student-visuals .hub-session-heading .course-module-art{width:80px;right:12px}.student-visuals .hub-module-preview-work{display:block;margin-inline:16px}.student-visuals .hub-module-preview-work>section{margin-bottom:18px}.student-visuals .hub-reading-work{display:block;margin-inline:12px}.student-visuals .hub-reading-work>.hub-source,.student-visuals .hub-reading-work>.hub-question{margin-bottom:18px;padding:20px 16px}.student-visuals .student-home-entry{min-height:230px}.student-visuals .hub-stage-path-inner{border-radius:10px;padding:10px}.student-visuals .hub-practice-choice{padding:20px}.student-visuals .hub-module-preview-list>li{padding:14px}.course-area-heading h1{font-size:2.2rem}}
@media(prefers-reduced-motion:reduce){.student-visuals *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:650px){.course-art-tone>.course-art-line{width:85%;left:4%}}
@media(forced-colors:active){.student-visuals .hub-stage-path-list>li{border:1px solid CanvasText}.student-visuals .hub-stage-path-list>li.is-current{border:3px solid Highlight}.course-module-art,.course-area-mark{border:1px solid CanvasText}.student-visuals .student-home-entry{border:1px solid CanvasText}}