/* v0.4 interactive classroom and printables -- complements the v0.3 design */
.learning-title{margin:8px 0 22px}.learning-title h2{font:700 clamp(27px,3vw,39px)/1.15 Georgia,serif;color:var(--navy);letter-spacing:-.8px;margin:8px 0}.learning-title p{color:#75829a;font-size:14px;margin:0}.soft-back{display:inline-flex;align-items:center;gap:5px;color:#486b99;background:transparent;border:0;font-weight:900;padding:4px 0 17px;font-size:12px}
.subject-hub-grid{display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:auto auto;gap:19px}.subjects-rail{grid-column:1;grid-row:1/span 2;background:white;border:1px solid #ebedf4;border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 28px #243d6d0b}.subject-rail-item{display:flex;align-items:center;gap:11px;min-height:59px;background:transparent;border:1px solid transparent;border-radius:15px;padding:10px 13px;text-align:left;color:var(--navy)}.subject-rail-item span:first-child{font-size:25px}.subject-rail-item strong{font-size:13px;flex:1}.subject-rail-item span:last-child{color:#9da6b7}.subject-rail-item.selected{background:#fff3d8;border-color:#f0dcb7;box-shadow:0 4px 11px #cba34d13}
.subject-feature{min-height:240px;position:relative;border-radius:27px;overflow:hidden;background:#e1efff url('assets/learning-landscape.webp') center 50%/cover no-repeat;display:flex;align-items:center;padding:32px;box-shadow:0 10px 30px #15305f19}.subject-feature:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbfcf4f2,#f9fbffab 55%,#e7f6ff53)}.feature-text{z-index:1;max-width:60%;position:relative}.feature-text h3{color:var(--navy);font:700 clamp(26px,3vw,37px)/1.1 Georgia,serif;margin:12px 0}.feature-text p{color:#435f80;font-size:15px;max-width:440px;line-height:1.5}.learning-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.learning-tags span{font-size:10px;font-weight:800;background:#ffffffcf;border-radius:30px;padding:9px 12px;color:#57637c}.feature-portrait{position:absolute;right:6%;bottom:0;width:32%;max-width:260px;height:240px;z-index:1;display:flex;align-items:end;justify-content:center}.feature-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom}.feature-portrait .avatar-initials{width:125px;height:125px;border-radius:50%;margin-bottom:30px;font-size:48px}.subject-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px}.activity-panel{background:#fff;border:1px solid #e9edf4;border-radius:24px;padding:25px;min-height:260px;box-shadow:0 8px 24px #2138620a}.activity-panel.second{background:linear-gradient(145deg,#f9f3e9,#fffcf7)}.activity-emblem{font-size:35px;margin-bottom:12px}.activity-panel h3{color:var(--navy);font:700 21px/1.25 Georgia,serif;margin:0 0 9px}.activity-panel p{color:#718098;font-size:13px;line-height:1.5;min-height:39px}.activity-panel .gold-cta{font-size:13px;min-height:47px;padding:11px 17px;box-shadow:0 4px 0 #bf913c,0 7px 18px #b98d3335}.practice-record{font-size:12px;color:#7e672a;font-weight:850;margin:5px 0 15px}.practice-download,.outside-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 15px;min-height:45px;border-radius:14px;border:1px solid #dbe5f1;background:white;color:#183b6b;text-decoration:none;font-size:12px;font-weight:900}.outside-link{margin:10px 0 0 8px}.hub-bottom{display:flex;justify-content:flex-end;gap:25px;margin-top:22px;flex-wrap:wrap}
.practice-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:17px;margin-top:10px}.practice-main{border:1px solid #e5ebf3;border-radius:27px;background:#fff;padding:27px;box-shadow:0 12px 34px #1e37591a}.practice-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.practice-top h2{font:700 28px Georgia,serif;color:var(--navy);margin:10px 0 14px}.practice-top h2 span{color:var(--gold)}.practice-question{text-align:center}.practice-question h3{font:800 clamp(17px,2vw,22px)/1.3 'Trebuchet MS',Arial,sans-serif;color:var(--navy);margin:28px 0 17px}.practice-picture{min-height:138px;display:grid;place-items:center;border:1px solid #e8e5dc;background:linear-gradient(130deg,#fbf6ec,#f2faff);border-radius:20px;font-size:clamp(33px,4vw,54px);white-space:pre-wrap;letter-spacing:4px;padding:20px;overflow-wrap:anywhere}.practice-question p{font-size:12px;color:#8693a6}.practice-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:15px}.practice-option{font-weight:900;color:#18365f;border:2px solid transparent;background:#e8f3ff;border-radius:17px;min-height:75px;padding:14px 9px;font-size:clamp(13px,1.5vw,19px)}.practice-option:nth-child(2){background:#fff1df}.practice-option:nth-child(3){background:#feeef0}.practice-option.correct{background:#e0f6eb;border-color:#52a879}.practice-option.incorrect{background:#ffe8e5;border-color:#c77670}.practice-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px}.practice-feedback{color:#378266;font-size:13px;font-weight:800}.practice-footer .main-cta{font-size:13px;padding:12px 20px}.practice-companion{position:relative;overflow:hidden;border-radius:23px;background:linear-gradient(#e9f4ff,#fff8e9);text-align:center;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:end}.practice-companion img{height:230px;width:100%;object-fit:contain;object-position:bottom}.practice-companion .avatar-initials{height:120px;width:120px;border-radius:50%;font-size:52px}.practice-companion h3{font:700 22px Georgia,serif;color:var(--navy);margin:10px 0}.practice-companion p{color:#6f7d95;font-size:12px;line-height:1.5}.practice-companion span{color:#d3a049;font-size:27px;letter-spacing:7px}.finished-practice{margin:20px auto 0;max-width:690px;background:linear-gradient(#f5faff,#fff);border:1px solid #e9eef4;border-radius:28px;padding:25px 35px 50px;text-align:center}.finished-stars{color:#d6aa59;font-size:36px;letter-spacing:7px}.result-portrait img{max-height:255px;max-width:270px;object-fit:contain}.result-portrait .avatar-initials{height:130px;width:130px;border-radius:50%;font-size:52px;margin:25px auto}.finished-practice h2{font:700 34px Georgia,serif;color:var(--navy);margin:12px 0}.finished-practice p{color:#6f7c90}.finished-buttons{display:flex;justify-content:center;gap:14px;margin-top:23px;flex-wrap:wrap}.outline-cta{background:#fff;border:1px solid #d9e3ee;border-radius:13px;min-height:40px;padding:10px 14px;color:var(--navy);font-size:12px;font-weight:900}
.printable-banner{background:linear-gradient(110deg,#fff6e3,#fffdf7 65%,#e8f2ff);border:1px solid #f1e5d1;border-radius:25px;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.printable-banner h3{font:700 clamp(26px,3vw,33px) Georgia,serif;color:var(--navy);margin:9px 0}.printable-banner p{font-size:13px;color:#758297;margin:0 0 24px}.printable-banner .gold-cta{text-decoration:none;display:inline-flex;font-size:13px}.printable-illustration{font-size:90px;position:relative;margin:0 35px}.printable-illustration span{position:absolute;right:-30px;top:-20px;color:#d3a04a}.printable-list-heading{margin-top:26px!important}.print-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.print-card{border-radius:21px;padding:21px 17px;min-height:200px;border:1px solid #fff;box-shadow:0 6px 25px #192e5411}.print-icon{font-size:37px}.print-card h3{font:700 20px Georgia,serif;color:var(--navy);margin:13px 0 8px}.print-card p{color:#71819b;font-size:12px}.print-card a{display:inline-block;margin-top:18px;background:white;padding:9px 10px;border-radius:9px;font-weight:900;font-size:11px;color:#234d7a;text-decoration:none}.printable-footnote{background:#f6f8fc;color:#7c8697;padding:17px 20px;border-radius:15px;font-size:12px;margin-top:25px;line-height:1.6}
.drawing-studio{background:#fff;border-radius:23px;padding:16px;border:1px solid #e5e8ed;box-shadow:0 12px 35px #29436512}.drawing-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 0 20px}.drawing-toolbar strong{margin-right:10px;color:var(--navy)}.color-dot{height:31px;width:31px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px #cdd7e4;min-width:31px}.color-dot.active{box-shadow:0 0 0 3px #d6a852}.drawing-studio canvas{width:100%;height:auto;max-height:70vh;border-radius:16px;border:1px solid #e0e4ea;background:#fffdfa;touch-action:none;display:block;cursor:crosshair}.drawing-studio p{color:#7b8797;font-size:12px;margin:12px 0 5px}
@media(max-width:1190px){.subject-hub-grid{grid-template-columns:190px minmax(0,1fr)}.subject-feature{min-height:223px}.activity-panel{padding:19px}.outside-link{margin-left:0}}
@media(max-width:940px){.subject-hub-grid{grid-template-columns:1fr}.subjects-rail{grid-column:1;grid-row:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.subject-rail-item{padding:10px;justify-content:center;text-align:center;flex-direction:column;gap:6px}.subject-rail-item strong{font-size:10px}.subject-rail-item span:last-child{display:none}.practice-layout{grid-template-columns:minmax(0,1fr) 220px}.print-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.learning-title{margin-top:8px}.subject-feature{padding:22px;min-height:215px}.feature-portrait{height:210px;width:35%;right:1%}.subject-actions{grid-template-columns:1fr}.activity-panel{min-height:0;padding:22px}.activity-panel p{min-height:0}.practice-layout{grid-template-columns:1fr}.practice-companion{display:none}.practice-main{padding:19px}.practice-answers{grid-template-columns:1fr}.practice-option{min-height:54px;font-size:16px}.practice-footer{align-items:stretch;flex-direction:column}.practice-footer .main-cta{align-self:flex-end}.print-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.printable-banner{padding:23px}.printable-illustration{font-size:60px;margin:0}.subjects-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.subject-rail-item{padding:8px 4px;min-height:66px}.feature-text{max-width:65%}.feature-text h3{font-size:27px}.feature-text p{font-size:12px}.practice-picture{font-size:37px;min-height:110px}}
@media(max-width:420px){.print-grid{gap:8px}.print-card{padding:16px 12px;min-height:165px}.print-card h3{font-size:16px}.printable-illustration{display:none}.feature-portrait{width:34%;right:0}.feature-text h3{font-size:24px}.feature-text p{font-size:11px}.learning-tags span{font-size:9px}.practice-picture{letter-spacing:1px;font-size:30px}.practice-main{padding:15px}.subjects-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}
.learning-title .soft-back{display:flex;width:max-content;margin-bottom:3px}