.course-notes{position:fixed;z-index:900;right:clamp(.8rem,2vw,1.5rem);bottom:clamp(.8rem,2vw,1.5rem);font-family:inherit;color:#102f42}.course-notes-launch{display:flex;align-items:center;gap:.5rem;min-height:3.2rem;padding:.75rem 1.05rem;border:0;border-radius:999px;background:#0b536b;color:#fff;font:inherit;box-shadow:0 12px 35px rgb(3 36 55 / 30%);cursor:pointer}.course-notes-launch span{font-size:1.25rem}.course-notes-launch:hover,.course-notes-launch:focus-visible{background:#0d7380;outline:3px solid rgb(40 183 178 / 28%);outline-offset:3px}.course-notes.open .course-notes-launch{display:none}
.course-notes-panel{width:min(25rem,calc(100vw - 1.6rem));overflow:hidden;border:1px solid #aacbd6;border-radius:1.25rem;background:#fff;box-shadow:0 22px 65px rgb(2 31 48 / 32%)}.course-notes-panel[hidden]{display:none}.course-notes-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;background:linear-gradient(120deg,#092d47,#0e6977);color:#fff}.course-notes-panel h2{margin:.1rem 0 0;color:#fff;font-size:1.2rem}.course-notes-kicker{color:#91e1dc;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.course-notes-close{width:2rem;height:2rem;border:1px solid rgb(255 255 255 / 28%);border-radius:50%;background:rgb(255 255 255 / 10%);color:#fff;font-size:1.35rem;line-height:1;cursor:pointer}
.course-notes-context{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;background:#eaf7f7;color:#2d5b65;font-size:.75rem}.course-notes-context strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#125a63}.course-notes-panel>label{display:block;padding:.9rem 1rem .4rem;font-size:.8rem;font-weight:750}.course-notes textarea{display:block;width:calc(100% - 2rem);min-height:14rem;max-height:48vh;margin:0 1rem;padding:.8rem;resize:vertical;border:1px solid #b8d0d9;border-radius:.7rem;background:#fbfdfd;color:#183c4e;font:inherit;line-height:1.55;box-sizing:border-box}.course-notes textarea:focus{outline:3px solid rgb(23 151 153 / 16%);border-color:#179799}.course-notes-meta{display:flex;justify-content:space-between;gap:.7rem;padding:.5rem 1rem;color:#6d838e;font-size:.68rem}.course-notes-actions{display:flex;gap:.55rem;padding:.35rem 1rem 1rem}.course-notes-actions button,.course-notes-confirm button{padding:.5rem .7rem;border:1px solid #bdd1d9;border-radius:.55rem;background:#f4f9fa;color:#245264;font:inherit;font-size:.75rem;font-weight:750;cursor:pointer}.course-notes-actions button:last-child{margin-left:auto;color:#8b3a3a}.course-notes-confirm{margin:0 1rem 1rem;padding:.75rem;border-radius:.7rem;background:#fff1ef;border:1px solid #f1c0ba;text-align:right}.course-notes-confirm[hidden]{display:none}.course-notes-confirm p{margin:0 0 .65rem;color:#713c38;font-size:.8rem;text-align:left}.course-notes-confirm .danger{border-color:#a53d35;background:#a53d35;color:#fff}
@media(max-width:560px){.course-notes{right:.55rem;bottom:.55rem}.course-notes-panel{width:calc(100vw - 1.1rem)}.course-notes textarea{min-height:10rem;max-height:42vh}.course-notes-meta{align-items:flex-start;flex-direction:column;gap:.2rem}}
@media(prefers-reduced-motion:no-preference){.course-notes-launch{transition:transform .18s ease,background .18s ease}.course-notes-launch:hover{transform:translateY(-2px)}}