.level-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.level-grid>a{padding:28px;border:1px solid #d8cebb;background:#f8f5ed;color:var(--ink);text-decoration:none}.level-grid span{font-size:10px;letter-spacing:.18em;color:var(--orange)}.level-grid strong{display:block;font:600 28px 'Fraunces',serif;margin:7px 0}.level-grid small{color:#64736f}.learning-workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:24px}.lesson-rail{position:sticky;top:104px;align-self:start;max-height:calc(100vh - 125px);overflow:auto;border:1px solid #d8cebb;background:#f8f5ed}.rail-back{display:block;padding:14px;color:var(--green);font-size:12px;font-weight:600;text-decoration:none}.lesson-rail>h2{font-size:25px;margin:10px 18px 3px}.lesson-rail>p{margin:0 18px 17px;font-size:13px;color:#64736f}.lesson-rail nav a{display:block;padding:12px 18px;border-top:1px solid #e0d7c7;color:var(--ink);text-decoration:none;font-size:12px}.lesson-rail nav a span{display:block;font-size:10px;color:var(--orange);text-transform:uppercase;letter-spacing:.1em}.lesson-rail nav a[aria-current=page]{background:var(--ink);color:white}.document-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.document-bar h2{font-size:25px;margin:3px 0}.document-bar p{margin:0}.source-note{font-size:12px;color:#667671}.source-note a{color:var(--green)}@media(max-width:820px){.learning-workspace{grid-template-columns:1fr}.lesson-rail{position:static;max-height:none}.lesson-rail nav{display:flex;overflow-x:auto}.lesson-rail nav a{min-width:150px;border-left:1px solid #e0d7c7}.document-bar{align-items:flex-start;flex-direction:column}}