:root{font-family:system-ui,sans-serif;color:#24302c;background:#f5f1ea}*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;margin:auto;padding:18px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.brand{font-weight:800;color:#24302c;text-decoration:none;font-size:1.2rem}.heading{margin:20px 0}.eyebrow,.heading small{letter-spacing:.12em;font-size:.72rem;font-weight:800;color:#6d7e74}.heading h1{margin:.25rem 0;font-size:clamp(1.8rem,5vw,3rem)}.heading p{color:#68736d}.card,.learning-hero{background:#fff;border:1px solid #e4ded4;border-radius:20px;padding:clamp(18px,3vw,28px);box-shadow:0 8px 24px #5b493b0b}.learning-hero{background:#dce9df;display:flex;justify-content:space-between;margin-bottom:18px}.learning-mark{font-size:4rem}.learning-columns{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;margin-top:18px}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}.section-heading h2{margin:.2rem 0 1rem}.learning-question-form,.learning-reflection-form{display:grid;grid-gap:14px;gap:14px}label{display:grid;grid-gap:6px;gap:6px;font-weight:650}input,select,textarea{font:inherit;border:1px solid #cfd7d0;border-radius:10px;padding:11px;background:#fbfcfa}textarea{resize:vertical}.button{border:0;border-radius:999px;padding:11px 17px;background:#2e6653;color:white;font-weight:750;cursor:pointer}.secondary{background:#edf1ed;color:#2e6653}.learning-actions{display:flex;gap:10px}.learning-response{margin-top:18px;padding:18px;border-radius:14px;background:#f1f6f1}.learning-response h3{margin-bottom:4px}.learning-lessons,.learning-participation-list,.learning-todos{display:grid;grid-gap:8px;gap:8px}.learning-todos label{display:flex;align-items:center;font-weight:500}.learning-todos .done{text-decoration:line-through;opacity:.6}.learning-lessons div,.learning-participation-list div{display:flex;justify-content:space-between;gap:10px;padding:10px;border-bottom:1px solid #edf0ed}.muted,small{color:#718078}.learning-inline-form,.learning-participation-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.learning-inline-form input{flex:1 1}.learning-history{margin-top:18px}.learning-history details{padding:12px 0;border-bottom:1px solid #eee}.learning-moods{display:flex;gap:3px}.learning-moods button{font-size:1.45rem;border:0;background:transparent;opacity:.45;cursor:pointer}.learning-moods button.selected{opacity:1}.notice{font-size:.9rem;color:#52705d}.form-error{color:#a33}@media(max-width:720px){.learning-columns{grid-template-columns:1fr}.section-heading{display:block}.learning-hero{padding:18px}.learning-mark{font-size:2.5rem}.learning-participation-form>*{width:100%}.learning-participation-form label{width:calc(50% - 4px)}}