.course-reviews-page [hidden]{display:none!important}
.course-reviews-page .guide-library{padding-top:64px;background:linear-gradient(180deg,#fff 0,#f4f7fb 380px,#eef3f8 100%)}
.course-reviews-page .guide-heading{margin-bottom:34px}
.course-reviews-page .guide-eyebrow{display:flex;align-items:center;gap:10px}
.course-reviews-page .guide-eyebrow::before{content:"";width:24px;height:2px;background:#587ea6}
.course-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid #dae2ec;margin-bottom:24px}
.course-count{font-size:14px;color:#64778b}.course-count strong{font-size:20px;color:#294e70;margin:0 4px}
.course-search{display:flex;align-items:center;width:350px;max-width:100%;background:#fff;border:1px solid #d8e1eb;border-radius:8px;min-height:48px;overflow:hidden}
.course-search input{width:100%;min-width:0;padding:12px 15px;border:0;background:transparent;font:inherit;font-size:15px;color:#20374d}
.course-search button{flex:0 0 48px;min-height:48px;display:grid;place-items:center;border:0;background:transparent;color:#345e85;cursor:pointer}.course-search svg{width:20px;height:20px}

.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px;scroll-margin-top:100px}
.course-card{min-width:0;display:flex;background:#fff;border:1px solid #e0e7ee;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #243e5907;transition:transform .2s,border-color .2s,box-shadow .2s}
.course-card>a{display:flex;flex-direction:column;width:100%;min-width:0}
.course-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(ellipse at 70% 30%,#fff,#e5edf6);display:grid;place-items:center}
.course-thumb img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s ease}
.course-thumb-fallback{display:flex;flex-direction:column;align-items:center;gap:14px;color:#6685a4;font-size:15px;font-weight:600;letter-spacing:.04em}.course-thumb-fallback svg{width:66px;height:66px;padding:17px;border-radius:50%;background:#fff;box-shadow:0 5px 20px #2446680a;stroke-width:1.2}
.course-type{position:absolute;right:10px;top:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border-radius:6px;color:#294e70;background:#fffffff0;box-shadow:0 2px 10px #1723300c;font-size:12px;font-weight:650}
.course-type svg{width:15px;height:15px;flex:none}
.course-copy{display:flex;flex-direction:column;flex:1;padding:20px 18px 18px}
.course-copy h3{font-size:18px;font-weight:650;line-height:1.5;color:#20374d;letter-spacing:-.035em}
.course-excerpt{font-size:13px;line-height:1.8;color:#65768a;margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.course-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#697e91;font-size:12px;margin-top:16px;padding-bottom:18px}.course-meta>span{font-weight:600;color:#425e78}.course-meta time{margin-left:auto;color:#8391a0}
.course-open{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 12px;border-radius:8px;background:#edf3fa;font-size:12px;font-weight:600;color:#345e85;transition:background .2s,color .2s}.course-open>span:last-child{font-size:20px}
.course-excerpt--repeated{display:none}
.course-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:7px;margin-top:42px}
.course-pagination button{min-width:40px;min-height:42px;padding:8px 12px;border:0;border-radius:6px;background:transparent;font:inherit;font-size:14px;color:#607286;cursor:pointer}
.course-pagination button[aria-current=page]{background:#294e70;color:white;font-weight:700}.course-pagination button:disabled{opacity:.35;cursor:default}.course-pagination button:hover:not(:disabled):not([aria-current]){background:#e6ecf3}.course-pagination .ellipsis{padding:0 4px;color:#8090a0}
.course-empty{padding:70px 20px;text-align:center;background:#fff;border-radius:12px}.course-empty h3{font-size:23px;color:#294e70}.course-empty p{margin-top:14px;color:#697b8b}.course-empty button{margin-top:24px;padding:12px 20px;border:0;border-radius:6px;background:#294e70;color:white;font:inherit;cursor:pointer}
@media(hover:hover) and (pointer:fine){.course-card:hover{transform:translateY(-4px);border-color:#a9c3e1;box-shadow:0 14px 30px #294e7018}.course-card:hover .course-thumb img{transform:scale(1.025)}.course-card:hover .course-open{background:#294e70;color:#fff}}
.course-card:focus-within{border-color:#7ea5ce;box-shadow:0 0 0 2px #d7e5f5}
@media(min-width:1121px) and (max-width:1600px){.course-reviews-page .guide-library>.wrap{padding-right:76px}}
@media(max-width:700px){.course-grid{grid-template-columns:1fr;gap:22px}.course-toolbar{flex-wrap:wrap;gap:18px}.course-search{width:100%}.course-search input{font-size:16px}.course-copy{padding:22px}.course-copy h3{font-size:20px}.course-excerpt{font-size:15px}.course-pagination{gap:3px}.course-pagination button{min-width:34px;padding:8px}}
@media(prefers-reduced-motion:reduce){.course-card,.course-thumb img,.course-open{transition:none}.course-card:hover,.course-card:hover .course-thumb img{transform:none}}

@media(max-width:700px){.course-reviews-page .guide-library{padding-top:44px}.course-type{top:12px;right:12px}.course-meta{font-size:12px}.course-open{padding:11px 14px}}

@media(min-width:701px) and (max-width:1120px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Course review thumbnail play treatment. */
.course-preview-shade{position:absolute;inset:0;background:rgba(0,0,0,.38);pointer-events:none;transition:opacity .25s ease}
.course-preview-play{position:absolute;left:50%;top:50%;width:64px;height:64px;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 2px 7px #0003);transition:transform .25s ease,filter .25s ease}
.course-preview-play circle{fill:#ffffff1f;stroke:#ffffffe6;stroke-width:1.5;transition:fill .25s ease,stroke .25s ease}
.course-preview-play path{fill:#fff;transition:fill .25s ease}
.course-card>a:focus-visible .course-preview-shade{opacity:0}
.course-card>a:focus-visible .course-preview-play{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 4px 12px #20374d40)}
.course-card>a:focus-visible .course-preview-play circle{fill:#fff;stroke:#fff}
.course-card>a:focus-visible .course-preview-play path{fill:#345e85}
@media(hover:hover) and (pointer:fine){
 .course-card:hover .course-preview-shade{opacity:0}
 .course-card:hover .course-preview-play{transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 4px 12px #20374d40)}
 .course-card:hover .course-preview-play circle{fill:#fff;stroke:#fff}
 .course-card:hover .course-preview-play path{fill:#345e85}
}
@media(prefers-reduced-motion:reduce){.course-preview-shade,.course-preview-play,.course-preview-play circle,.course-preview-play path{transition:none}.course-card:hover .course-preview-play,.course-card>a:focus-visible .course-preview-play{transform:translate(-50%,-50%)}}