.guide-course{display:grid;gap:10px}.guide-course label,.guide-topics>label{font-weight:700}.guide-course select{width:100%;max-width:100%;font:inherit;padding:12px;border:1px solid #ccd9da;border-radius:9px;background:white;color:inherit}.guide-layout{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr);gap:20px;margin-top:20px}.guide-topics{padding:20px;align-self:start;max-height:78vh;overflow:auto}.guide-topics>input{width:100%;box-sizing:border-box;margin:10px 0 16px}.guide-topics h3{font-size:14px;margin:22px 0 8px}.guide-topic{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:10px;font:inherit;color:inherit;cursor:pointer}.guide-topic:hover{background:#f1f7f7}.guide-topic.selected{background:#e4f0f0;border-color:#316970}.guide-topic small{color:#596a70}.guide-detail{padding:24px;min-width:0;align-self:start}.guide-detail h2{margin-top:0}.guide-detail h2:focus{outline:none}.guide-detail h2:focus-visible{outline:2px solid #316970;outline-offset:4px}.guide-video{padding:18px 0;border-top:1px solid #dce5e5;overflow-wrap:anywhere}.guide-video h3{font-size:17px}.guide-video details,.guide-coverage{margin-top:15px;font-size:14px}.guide-video summary,.guide-coverage summary,.guide-course summary{cursor:pointer}.guide-video details p,.guide-coverage p{line-height:1.65}.guide-fallback{display:inline-block;font-size:14px;margin:10px 0}.guide-player-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:12px}.guide-player-heading strong{overflow-wrap:anywhere}.guide-player-frame{width:100%;aspect-ratio:16/9;min-height:200px}.guide-player-frame iframe{width:100%;height:100%;min-height:200px;border:0}.guide-detail #guide-player:not(:empty){padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #dce5e5}.guide-topic:focus-visible,.guide-video button:focus-visible{outline:2px solid #316970;outline-offset:2px}
@media(max-width:850px){.guide-layout{grid-template-columns:minmax(0,1fr)}.guide-topics{max-height:340px}.guide-detail{padding:18px}.guide-course select{font-size:15px}.guide-player-heading{flex-direction:column}}
.guide-video{display:grid;grid-template-columns:minmax(160px,240px) minmax(0,1fr);gap:22px;align-items:start;padding:24px 0}.guide-video-content{min-width:0}.guide-video-content>.eyebrow{margin-top:0}.guide-thumbnail{position:relative;display:block;align-self:start;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:10px;background:#214f55;color:white;cursor:pointer;box-shadow:0 2px 8px #18383d18}.guide-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.guide-thumbnail img[hidden]{display:none}.guide-thumbnail-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:40px;border-radius:10px;background:#173c43e8;box-shadow:0 2px 8px #0004;transition:background .15s}.guide-thumbnail-play svg{width:28px;height:28px}.guide-thumbnail:hover .guide-thumbnail-play,.guide-thumbnail:focus-visible .guide-thumbnail-play{background:#316970}.guide-thumbnail:focus-visible{outline:3px solid #316970;outline-offset:4px}.guide-thumbnail:disabled{cursor:wait;opacity:.7}.guide-thumbnail-fallback{position:absolute;inset:0;align-items:end;justify-content:center;padding:10px;font-size:13px}.guide-thumbnail-fallback:not([hidden]){display:flex}
@media(max-width:600px){.guide-video{grid-template-columns:minmax(0,1fr);gap:16px}.guide-thumbnail{max-width:480px}.guide-video-content h3{margin-top:8px}}
.guide-detail{container-type:inline-size}
@container(max-width:460px){.guide-video{grid-template-columns:minmax(0,1fr);gap:16px}.guide-thumbnail{max-width:480px}}