.lesson-call{margin-bottom:22px;border:1px solid #dce5d8;border-radius:17px;background:linear-gradient(120deg,#f4f8ef,#fffdf6);padding:24px;overflow:hidden}.lesson-call-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.lesson-call-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;letter-spacing:1.25px;color:#7b9170}.lesson-call-status{font-size:.875rem;line-height:1.5;color:#6d7867;background:#edf1e7;border:1px solid #e0e7d9;padding:6px 10px;border-radius:20px;text-align:center}.lesson-call-connected .lesson-call-status{color:#32633e;background:#e2f1df;border-color:#c8dfc1}.lesson-call-error .lesson-call-status{color:#965c48;background:#f6e9df;border-color:#edd1c0}.lesson-call-body{display:flex;align-items:center;justify-content:space-between;gap:28px}.lesson-call-copy{max-width:440px;min-width:0}.lesson-call-copy h2{font:400 29px/1.17 Georgia,'Times New Roman',serif;letter-spacing:-.7px;color:#3e563d;margin:0 0 12px}.lesson-call-copy p{font-size:1rem;line-height:1.8;color:#7c8c73;margin:0}.lesson-call-join{font-size:1rem;line-height:1.5;min-height:43px;text-align:center;white-space:normal;flex-shrink:0}.lesson-call-videos{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px}.lesson-call-tile{position:relative;min-width:0;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#26352c;color:#fff}.lesson-call-local{background:#3e4d40}.lesson-call-tile video{display:block;width:100%;height:100%;object-fit:cover}.lesson-call-local video{transform:scaleX(-1)}.lesson-call-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:1rem;line-height:1.6;padding:22px;color:#d8e4d4}.lesson-call-placeholder span{max-width:220px}.lesson-call-name{position:absolute;bottom:10px;left:10px;max-width:calc(100% - 20px);padding:5px 8px;border-radius:6px;background:#14261dc7;color:#fff;font-size:.875rem;line-height:1.5;overflow-wrap:anywhere}.lesson-call-camera-off{position:absolute;inset:0;display:grid;place-items:center;background:#3e4d40;font-size:1rem}.lesson-call-controls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:15px}.lesson-call-controls .btn{font-size:.875rem;padding:10px 13px;min-height:38px;white-space:normal}.lesson-call-controls [hidden]{display:none}.lesson-call-controls .call-control-off{background:#f4e8de;color:#8c614d;border-color:#e9d2bd}.lesson-call-leave{background:#b6634f;color:#fff;border:1px solid #b6634f}.lesson-call-leave:hover{background:#9e5240}.lesson-call-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #e4ebde;margin-top:22px;padding-top:16px}.lesson-call-note{font-size:.875rem;line-height:1.65;color:#88977c;max-width:330px;margin:0}.lesson-call-fallback{font:inherit;font-size:.875rem;line-height:1.6;background:none;border:0;color:#71836a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:right;overflow-wrap:anywhere}.lesson-call a:focus-visible,.lesson-call button:focus-visible{outline:3px solid #acc89d;outline-offset:3px}
@media(max-width:1180px){.lesson-call{padding:21px}.lesson-call-body{align-items:flex-start;flex-direction:column;gap:19px}.lesson-call-copy{max-width:none}.lesson-call-copy h2{font-size:27px}.lesson-call-videos{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.lesson-call-bottom{gap:14px}.lesson-call-note{max-width:270px}}
@media(min-width:601px) and (max-width:970px){.lesson-call-body{flex-direction:row;align-items:center}.lesson-call-copy h2{font-size:27px}}
@media(max-width:600px){.lesson-call{border-radius:12px;padding:17px;margin-bottom:18px}.lesson-call-top{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.lesson-call-copy h2{font-size:27px}.lesson-call-copy p{font-size:1rem}.lesson-call-join{width:100%;justify-content:center}.lesson-call-videos{grid-template-columns:minmax(0,1fr);gap:9px}.lesson-call-remote{aspect-ratio:4/3}.lesson-call-local{width:56%;justify-self:end;aspect-ratio:16/10}.lesson-call-controls{gap:7px}.lesson-call-controls .btn{font-size:.875rem;padding:9px}.lesson-call-bottom{align-items:flex-start;flex-direction:column;gap:9px}.lesson-call-note{max-width:none;font-size:.875rem}.lesson-call-fallback{text-align:left;font-size:.875rem}.lesson-call-top .lesson-call-status{font-size:.875rem}}

.lesson-call-entry{padding:16px 20px;background:#f8faf4}.lesson-call-entry .lesson-call-top{margin-bottom:0}.lesson-call-entry .lesson-call-eyebrow{margin:0;font-family:inherit;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:0;color:#3e563d}.lesson-call-entry .lesson-call-join{font-size:.875rem;min-height:38px}.lesson-call-entry .lesson-call-bottom{border:0;margin-top:10px;padding-top:0;justify-content:flex-end}.lesson-call-entry .lesson-call-fallback{font-size:.75rem}.lesson-call-message{margin:14px 0 0;font-size:.875rem;line-height:1.6;color:#965c48}
@media(max-width:600px){.lesson-call-entry{padding:14px}.lesson-call-entry .lesson-call-top{gap:12px}.lesson-call-entry .lesson-call-bottom{align-items:flex-end}}

/* Cameras dock into a layout slot without covering the lesson or notebook. */
.lesson-call.lesson-call-dock{position:relative;z-index:4;width:100%;max-width:100%;margin:0;padding:7px;border-radius:15px;border:1px solid #dce3d6;background:#fffefb;box-shadow:0 4px 20px #2c40200a;overflow:visible;box-sizing:border-box}
.lesson-call-dock.lesson-call-moving{box-shadow:0 0 0 2px #789b80,0 8px 25px #223a291f}.lesson-call-dock-header{display:flex;justify-content:space-between;align-items:center;gap:6px;height:25px;margin-bottom:5px}.lesson-call-drag{display:flex;align-items:center;gap:5px;min-width:0;flex:1;padding:0 2px;border:0;background:none;color:#8a9980;cursor:grab;touch-action:none;text-align:left;font:inherit}.lesson-call-moving .lesson-call-drag{cursor:grabbing}.lesson-call-drag>span:first-child{font-size:20px;line-height:20px}.lesson-call-dock .lesson-call-status{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:none;border:0;padding:0;color:#7c8a73;font-size:10px;line-height:1.4;text-align:left}.lesson-call-dock.lesson-call-connected .lesson-call-status{color:#4b744b}.lesson-call-dock.lesson-call-connected .lesson-call-status:before{content:'';display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#71a065;vertical-align:middle}.lesson-call-size{display:flex;gap:1px;flex-shrink:0}.lesson-call-size button{width:23px;height:23px;display:grid;place-items:center;border:0;border-radius:5px;background:none;color:#7a8d70;cursor:pointer;font-size:16px;line-height:1}.lesson-call-size button:hover{background:#eef2e8;color:#385936}
.lesson-call-dock .lesson-call-videos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.lesson-call-dock .lesson-call-tile{width:100%;aspect-ratio:16/10;border-radius:9px;justify-self:stretch}.lesson-call-dock .lesson-call-remote{background:#2b3d32}.lesson-call-dock .lesson-call-local{background:#657456}.lesson-call-dock .lesson-call-placeholder{position:absolute;inset:0;gap:4px;padding:7px 7px 27px;font-size:9px;line-height:1.35;background:inherit;color:#e5ecde}.lesson-call-dock .lesson-call-placeholder>svg{opacity:.65;flex-shrink:0}.lesson-call-tile-caption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:15px 6px 6px;background:linear-gradient(transparent,#17251fba)}.lesson-call-dock .lesson-call-name{position:static;max-width:calc(100% - 43px);padding:0;background:none;border-radius:0;font-size:10px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-call-mic{display:flex;align-items:center;gap:3px;flex-shrink:0;font-size:8px;color:#e6efdf;padding:2px 4px;border-radius:5px;background:#53634b88}.lesson-call-mic svg{flex-shrink:0}.lesson-call-mic-off{color:#ffe2d6;background:#8d4d3cbb}.lesson-call-mic-unknown{color:#e2e7dd;background:#667160aa}
.lesson-call-dock .lesson-call-controls{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px;margin-top:7px;padding-right:0}.lesson-call-dock .lesson-call-controls .btn{height:31px;min-height:31px;min-width:34px;padding:6px 9px;font-size:10px;border-radius:8px;line-height:1;white-space:nowrap}.lesson-call-dock .lesson-call-controls .btn svg{flex-shrink:0}.lesson-call-dock .lesson-call-controls .lesson-call-leave{margin-left:auto;padding-left:14px;padding-right:14px;background:#f5e6df;border-color:#efdcd1;color:#a25944}.lesson-call-dock .lesson-call-controls .lesson-call-leave:hover{background:#ecd6ca}.lesson-call-dock .lesson-call-controls .lesson-call-play{font-size:9px;padding:5px}.lesson-call-backup-icon{display:grid;place-items:center;width:22px;height:28px;font-size:16px;color:#829178;text-decoration:none}.lesson-call-resize{position:absolute;right:2px;bottom:2px;width:18px;height:18px;display:grid;place-items:center;color:#b0bca8;font-size:11px;cursor:nwse-resize;touch-action:none}.lesson-call-dock button:focus-visible{outline:2px solid #82a573;outline-offset:2px}
@media(max-width:600px){.lesson-call.lesson-call-dock{border-radius:12px}.lesson-call-dock .lesson-call-tile{aspect-ratio:16/10}.lesson-call-dock .lesson-call-controls{gap:5px}.lesson-call-size button{width:25px}}

.lesson-call-placement { display: flex; flex-wrap: wrap; gap: 4px; padding-bottom: 7px; }
.lesson-call-placement button { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px 7px; min-height: 28px; border-radius: 6px; font-size: 10px; line-height: 1.35; color: #76836b; background: #f4f6ef; }
.lesson-call-placement button[aria-pressed=true],.lesson-call-size button[aria-pressed=true] { background: #e2ede0; color: #2a654a; }
.lesson-call-placement button:hover:not(:disabled) { background: #e9efe3; }
.lesson-call-placement button:disabled,.lesson-call-size button:disabled { opacity: .35; cursor: default; }
.lesson-call-dock[data-call-locked=true] .lesson-call-drag { cursor: default; }
.lesson-call-dock .lesson-call-resize { display: none; }
.lesson-call-dock[data-call-placement=left] .lesson-call-videos { grid-template-columns: minmax(0,1fr); }
.lesson-call-dock[data-call-placement=left] .lesson-call-tile { aspect-ratio: 4/3; }
.lesson-call-dock[data-call-placement=left][data-call-locked=false] .lesson-call-resize { display: grid; cursor: ew-resize; }
.lesson-call-dock[data-call-placement=left] .lesson-call-controls { padding-right: 10px; }
.lesson-call-dock[data-call-placement=left] .lesson-call-controls .lesson-call-leave { padding-left: 9px; padding-right: 9px; }
@media(max-height:650px) and (min-width:581px) {
 .lesson-call-dock[data-call-placement=notebook] .lesson-call-tile { aspect-ratio: auto; height: 70px; }
 .lesson-call-dock[data-call-placement=left] .lesson-call-tile { aspect-ratio: 16/10; }
}
@media(max-width:580px) {
 .lesson-call-dock .lesson-call-tile { aspect-ratio: 16/9; max-height: 130px; }
 .lesson-call-dock .lesson-call-controls .btn { min-height: 36px; height: 36px; }
 .lesson-call-placement button { min-height: 32px; }
}