body.home-view #main .home-feedback{position:fixed;inset:auto;width:min(584px,calc(100vw - 32px));max-width:none;margin:0;padding:12px;border:1px solid #e0e6f0;border-radius:13px;overflow:visible;background:#fff;text-align:left;color:#35445d;box-shadow:0 6px 20px #21375c12;box-sizing:border-box}
body.home-view #main .home-feedback[hidden]{display:none}
.home-feedback::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.home-feedback::backdrop{background:transparent;pointer-events:none}
body.home-view #main .course-option .co-brand[role=button]{cursor:pointer;border-radius:5px}
body.home-view #main .course-option .co-brand[role=button]:focus-visible{outline:2px solid #6987eb;outline-offset:4px}
.home-feedback-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;line-height:1.6}
.home-feedback-heading strong{font-size:13px;font-weight:600}
.feedback-view-all{padding:0;border:0;background:transparent;color:#7186b3;font:inherit;font-size:10px;cursor:pointer}
.feedback-view-all:hover{color:#4566cf}
.feedback-view-all:focus-visible{outline:2px solid #6987eb;outline-offset:3px}
.home-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.home-feedback-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:7px;background:transparent;color:#35445d;font:inherit;text-align:left;cursor:zoom-in}
.home-feedback-card:focus-visible{outline:2px solid #6987eb;outline-offset:4px}
.home-feedback-image{position:relative;display:block;overflow:hidden;width:100%;height:min(210px,calc(100dvh - var(--feedback-top,0px) - 96px));min-height:120px;border-radius:7px;background:#f1f2f5}
.home-feedback-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
#feedback-viewer{position:fixed;inset:0;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;border:1px solid #e0e6f0;border-radius:16px;background:#fff;color:#29374d;box-shadow:0 20px 70px #18243a26}
#feedback-viewer::backdrop{background:rgb(31 43 64 / 42%)}
#feedback-viewer .feedback-viewer-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;height:auto;min-height:0;padding:15px 18px;border-bottom:1px solid #e9edf4;background:#fff;box-shadow:none}
.feedback-viewer-header h2{margin:0;font-size:16px;line-height:1.5;font-weight:600;color:#35445d}
.feedback-viewer-count{margin:3px 0 0;font-size:11px;color:#8a96a8}
.feedback-viewer-controls{display:flex;gap:5px;flex-shrink:0}
.feedback-viewer-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:#f3f6fb;color:#71809a;font-size:24px;line-height:1;cursor:pointer}
.feedback-viewer-controls button:disabled{opacity:.35;cursor:default}
.feedback-viewer-controls button:focus-visible{outline:2px solid #6987eb;outline-offset:2px}
.feedback-full-image{display:block;width:100%;height:auto}
@media(max-width:600px){body.home-view #main .home-feedback{padding:10px}.home-feedback-grid{gap:10px}.home-feedback-image{height:210px}#feedback-viewer .feedback-viewer-header{padding:12px}.feedback-viewer-header h2{font-size:14px}}