#sgSubjectDropdown,#sgGradeDropdown{flex:1;position:relative}.sg-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:12px 12px;background:#f8f9fa;border:1.5px solid #d0d0d0;border-radius:8px;cursor:pointer;font-size:clamp(13px,3.2vw,15px);font-weight:600;color:#444;transition:all .2s ease;user-select:none;-webkit-user-select:none;font-family:inherit}.sg-trigger:hover{background:var(--color-main-pale3);border-color:var(--color-main-pale)}.sg-trigger:active{transform:scale(.97)}.sg-trigger.active{background:var(--color-main-pale2);border-color:var(--color-main);color:var(--color-main)}.sg-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-arrow{font-size:10px;transition:transform .25s ease;color:#999;flex-shrink:0}.sg-trigger.active .sg-arrow{color:var(--color-main)}.sg-menu{display:none;position:fixed;background:#fff;border:1.5px solid var(--color-main-pale);border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.15);z-index:9999;overflow:hidden;animation:sgMenuSlideDown .2s ease;min-width:140px}.sg-menu.open{display:block}@keyframes sgMenuSlideDown{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sg-option{display:flex;align-items:center;padding:14px 18px;font-size:clamp(13px,3.2vw,15px);color:#333;cursor:pointer;border:0;background:none;width:100%;text-align:left;font-weight:400;border-bottom:1px solid #f0f0f0;font-family:inherit;transition:background .15s ease}.sg-option:last-child{border-bottom:0}.sg-option:hover{background:var(--color-main-pale3)}.sg-option:active{background:var(--color-main-pale2)}.sg-option.selected{color:var(--color-main);background:var(--color-main-pale2)}.sg-option.selected::before{content:'✓';margin-right:8px;font-weight:bold;color:var(--color-main)}