/* The worksheet library & PWA component layer */
:root{--edl-ink:#31294e;--edl-purple:#7548df;--edl-border:#e9e0f4;--edl-soft:#fff9f1}
.library-page{background:linear-gradient(155deg,#fff8f2 0%,#faf7ff 35%,#fff 70%);padding:36px 0 80px;min-height:65vh}
.library-breadcrumb{font-size:13px;color:#84729b;margin:6px 0 27px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}.library-breadcrumb a{color:#6540b5;text-decoration:none;font-weight:700}.library-breadcrumb a:hover{text-decoration:underline}
.lesson-hero{position:relative;background:radial-gradient(circle at 90% 15%,#dff7ff 0,transparent 25%),linear-gradient(122deg,#f3ebff,#fff6df 85%);border:1px solid #e9dcff;border-radius:28px;padding:40px 43px;box-shadow:0 15px 38px #7257c00d;margin-bottom:30px}.lesson-hero h1{font-size:clamp(34px,4.3vw,56px);line-height:1.08;letter-spacing:-1.8px;color:var(--edl-ink);margin:16px 0}.lesson-hero p{font-size:16px;color:#665e7d;max-width:760px;line-height:1.7}.library-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn-outline{background:#fff;color:#6434cf;border:1px solid #cfbaff}.btn-outline:hover{background:#f6edff}
.library-index-hero{display:flex;flex-direction:column}.library-total{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#ffffffb5;border:1px solid #e7daf7;border-radius:17px;width:fit-content;max-width:100%;margin-top:11px}.library-total strong{font-size:39px;color:var(--edl-purple);line-height:1}.library-total span{font-weight:700;color:#625a6c;max-width:190px;font-size:13px}
.library-filters{background:white;padding:22px;border:1px solid var(--edl-border);border-radius:20px;box-shadow:0 12px 30px #2914570b;margin-bottom:30px}.library-filters label{display:block;font-weight:800;margin-bottom:9px}.library-filters input{width:100%;border-radius:13px;border:2px solid #e8dcf7;padding:14px 17px;font-size:16px;font-family:inherit;outline-offset:3px}.library-filters input:focus{border-color:var(--edl-purple)}.library-grade-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.filter-tab{border-radius:40px;border:1px solid #e6d8f8;background:#f8f4ff;color:#664d9a;padding:9px 15px;font-size:13px;font-weight:750;cursor:pointer}.filter-tab.is-selected{background:#7446dc;color:#fff;border-color:#7446dc}.library-filters [role="status"]{color:#736582;font-size:13px;margin:12px 0 0}
.library-grade-section{margin-top:42px}.library-grade-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px}.library-grade-head h2,.library-grade-section>h2{font-size:clamp(25px,3vw,37px);letter-spacing:-1px;margin:6px 0}.library-grade-head p{color:#756b86;margin:0}.library-grade-head>a{color:#6944c1;font-size:13px;font-weight:800;white-space:nowrap}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.topic-card{background:#fff;border:1px solid #efe5fb;border-radius:20px;padding:22px;box-shadow:0 9px 22px #4d29840c;min-width:0}.topic-card:nth-child(4n+1){background:#fff8e5;border-color:#ffe6ad}.topic-card:nth-child(4n+2){background:#f0f8ff;border-color:#d4edff}.topic-card:nth-child(4n+3){background:#f6edff;border-color:#e4d4ff}.topic-card:nth-child(4n){background:#edfcf4;border-color:#d4f2dd}.topic-card-top{display:flex;justify-content:space-between;align-items:center}.topic-icon{font-size:25px}.topic-count{font-size:11px;font-weight:750;color:#70627d}.topic-card h3{font-size:21px;letter-spacing:-.55px;margin:13px 0 8px}.topic-card h3 a{color:#382e5f;text-decoration:none}.topic-card h3 a:hover{text-decoration:underline}.topic-card p{font-size:13px;color:#676073;line-height:1.55;min-height:42px}.topic-links,.level-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.topic-links a,.level-links a{font-weight:750;font-size:12px;border:1px solid #ddd2ef;border-radius:10px;padding:7px 10px;color:#6346a6;background:#ffffffa8;text-decoration:none}.topic-links a:hover,.level-links a:hover{background:#e9dcff}.library-empty{text-align:center;margin:30px;padding:36px;color:#6d587a;border-radius:20px;background:#faf4ff}
.lesson-body-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:26px;align-items:start}.lesson-content,.lesson-sidebar,.practice-sheet,.library-info{border:1px solid #eae0f4;background:#fff;border-radius:22px;padding:28px 32px;box-shadow:0 12px 35px #533b880a}.lesson-content h2,.lesson-sidebar h2,.library-info h2{font-size:24px;letter-spacing:-.6px;color:#423463;margin-top:12px}.lesson-content p,.library-info p{line-height:1.8;color:#635c6f}.lesson-steps{padding:0;list-style:none;margin:18px 0 25px;display:grid;gap:12px}.lesson-steps li{display:flex;align-items:center;gap:13px;line-height:1.5}.step-round{flex:none;background:#eee4ff;border-radius:12px;font-size:14px;font-weight:800;color:#7341c6;padding:11px 16px}.tip-note{background:#fff7d8;padding:17px 22px;border-radius:16px;border:1px solid #ffe2a2}.tip-note p{margin:8px 0 0}.example-exercises{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-left:0;list-style:none;counter-reset:ex}.example-exercises li{counter-increment:ex;padding:15px;background:#f8f5fe;border-radius:12px;display:flex;flex-direction:column;gap:8px;font-size:14px}.example-exercises li:before{content:counter(ex,decimal-leading-zero);font-size:11px;font-weight:800;color:#8567be}.example-exercises li strong{color:#358263;font-size:12px}.lesson-sidebar{position:sticky;top:22px}.lesson-sidebar>p{font-size:14px;color:#6d647c}.library-level{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0 12px;padding:14px 12px;background:#f6f0ff;border:1px solid #e3d5fb;border-radius:14px;text-decoration:none;color:#43325e;margin:12px 0}.library-level span:nth-child(3){grid-column:2;grid-row:2;font-size:11px;color:#786b8a}.library-level b{grid-column:3;grid-row:1/3}.level-icon{font-size:21px;grid-column:1;grid-row:1/3}.library-level:hover{background:#ede0ff}
.practice-sheet{margin-bottom:28px}.sheet-head{display:flex;justify-content:space-between;gap:15px;border-bottom:3px solid #a37bfa;padding-bottom:16px}.sheet-label{font-size:10px;letter-spacing:1px;color:#7546da;font-weight:850}.sheet-head h2{font-size:26px;margin:7px 0 13px;color:#433461}.sheet-head p{font-size:14px;color:#777;margin:0}.sheet-num{align-self:start;background:#e8f6ec;color:#28754e;border-radius:12px;padding:10px 12px;white-space:nowrap;font-size:12px;font-weight:800}.practice-instructions{color:#51496c;line-height:1.6}.practice-questions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;padding:0;list-style:none;counter-reset:questions}.practice-questions li{counter-increment:questions;display:flex;gap:12px;align-items:start;padding:18px 2px 24px;border-bottom:1px dashed #d9cfe6;min-width:0;min-height:70px;line-height:1.45;overflow-wrap:anywhere}.practice-questions li::before{content:counter(questions) '.';min-width:28px;flex:none;color:#815ac5;font-weight:800}.practice-questions li span{font-size:15px;color:#242032}.action-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.action-bar .btn{border:0;cursor:pointer;font-size:14px}.btn-soft{background:#eee6ff;color:#5735a0}.btn-soft:hover{background:#dccdf7}.answer-details{margin:28px 0 0;padding:16px 20px;background:#f7fbf8;border:1px solid #d7ebdd;border-radius:13px}.answer-details summary{cursor:pointer;font-weight:800;color:#26754b}.answers-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;font-size:13px;list-style:none;padding:0}.answers-list li{overflow-wrap:anywhere}.library-info{line-height:1.7}.library-info li{margin-bottom:8px}.small-note{font-size:12px;color:#71677f}
.home-library-promo{padding:78px 0;background:linear-gradient(112deg,#eef5ff,#f8ecff 50%,#fff4d8)}.home-library-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.home-library-layout h2{font-size:clamp(32px,4vw,52px);letter-spacing:-1.7px;line-height:1.06;margin:18px 0}.home-library-layout h2 em{color:#7449da}.home-library-layout p{color:#635c75;font-size:17px;line-height:1.7;margin-bottom:24px}.home-library-bubbles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-library-bubbles span{background:white;border:1px solid #e7d8fa;border-radius:19px;padding:24px 10px;text-align:center;box-shadow:0 12px 26px #63479916;font-size:17px;font-weight:800}.home-library-bubbles span:nth-child(2n){background:#fff5ca}.home-library-bubbles span:nth-child(3n){background:#e0f7ee}
[hidden]{display:none!important}
@media(max-width:900px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-body-grid{grid-template-columns:1fr}.lesson-sidebar{position:static}.home-library-layout{gap:20px}}
@media(max-width:650px){.library-page{padding-top:18px}.lesson-hero{padding:28px 22px;border-radius:20px}.lesson-hero h1{letter-spacing:-1.1px}.topic-grid,.home-library-layout{grid-template-columns:1fr}.topic-card{padding:18px}.library-grade-head{align-items:start;flex-direction:column;gap:10px}.library-filters{padding:15px}.lesson-content,.lesson-sidebar,.practice-sheet,.library-info{padding:21px 18px}.sheet-head{flex-direction:column}.practice-questions,.example-exercises{grid-template-columns:1fr}.practice-questions li{min-height:72px}.action-bar .btn{width:100%;text-align:center}.home-library-promo{padding:60px 0}.home-library-bubbles{gap:8px}.home-library-bubbles span{font-size:13px;padding:16px 9px}.site-header .nav a:not(.nav-button){display:none}.library-grade-head h2{font-size:25px}}
@media print{.site-header,.site-footer,.library-breadcrumb,.lesson-hero,.library-info,.action-bar,.answer-details,#file-status,.skip-link{display:none!important}.library-page{background:white;padding:0}.practice-sheet{border:0;box-shadow:none;padding:0;margin:0;border-radius:0}.practice-questions{gap:0 28px;grid-template-columns:repeat(2,1fr)}.practice-questions li{min-height:64px;break-inside:avoid}.sheet-head h2{font-size:19px}.sheet-head{margin-bottom:12px}.practice-instructions{font-size:12px}@page{size:letter;margin:.58in}}
