:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1f2937;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,select,textarea{color:#1f2937!important;background-color:#fff!important}input::placeholder,textarea::placeholder{color:#9ca3af!important}option{color:#1f2937!important;background-color:#fff!important}@media(prefers-color-scheme:dark){:root{color:#1f2937;background-color:#fff}input,select,textarea{color:#1f2937!important;background-color:#fff!important}}.leaflet-container{font-family:inherit}.custom-marker{background:transparent!important;border:none!important}.cluster-marker{cursor:pointer;transition:transform .2s}.cluster-marker:hover{transform:scale(1.1);z-index:1000}.leaflet-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px #00000026;padding:0;margin:0;max-width:250px;word-wrap:break-word;pointer-events:none;z-index:1000}.program-marker-tooltip{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 12px;margin:0;max-width:220px;min-width:150px;word-wrap:break-word;overflow-wrap:break-word;pointer-events:none;z-index:1000;font-size:12px;line-height:1.4}.leaflet-tooltip-top:before{border-top-color:#e5e7eb;bottom:-8px}.leaflet-tooltip-top:after{border-top-color:#fff;bottom:-7px}.leaflet-tooltip-bottom:before{border-bottom-color:#e5e7eb;top:-8px}.leaflet-tooltip-bottom:after{border-bottom-color:#fff;top:-7px}.leaflet-tooltip-left:before{border-left-color:#e5e7eb;right:-8px}.leaflet-tooltip-left:after{border-left-color:#fff;right:-7px}.leaflet-tooltip-right:before{border-right-color:#e5e7eb;left:-8px}.leaflet-tooltip-right:after{border-right-color:#fff;left:-7px}.leaflet-tooltip-container{max-width:100vw;max-height:100vh;overflow:visible}.program-marker-tooltip div{overflow:hidden;text-overflow:ellipsis}.leaflet-control{border-radius:8px;box-shadow:0 2px 4px #0000001a}.leaflet-control-zoom a{background-color:#fff;color:#374151;border:1px solid #e5e7eb}.leaflet-control-zoom a:hover{background-color:#f3f4f6}.leaflet-control-attribution{background-color:#fffc;border-radius:4px;font-size:11px}.animate-spin{animation:spin 1s linear infinite}.leaflet-container{overflow:hidden;position:relative}.leaflet-map-pane{will-change:transform}.leaflet-tooltip-pane{pointer-events:none;z-index:1000}.leaflet-tooltip{position:absolute;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.leaflet-tooltip-top{margin-top:-10px}.leaflet-tooltip-bottom{margin-top:10px}.leaflet-tooltip-left{margin-left:-10px}.leaflet-tooltip-right{margin-left:10px}@media(max-width:768px){.leaflet-tooltip{max-width:180px;font-size:11px;padding:6px 10px}.program-marker-tooltip{max-width:180px;min-width:120px;font-size:11px;padding:6px 10px}.leaflet-control-zoom{font-size:18px}.leaflet-control-zoom a{width:32px;height:32px;line-height:32px}}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-primary-50: #eff6ff;--color-secondary: #7c3aed;--color-secondary-dark: #6d28d9;--color-secondary-light: #8b5cf6;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: #3b82f6;--color-info-light: #dbeafe;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-inverse: #ffffff;--text-muted: #9ca3af;--border-light: #e5e7eb;--border-medium: #d1d5db;--border-dark: #9ca3af;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--container-max-width: 1400px;--container-padding: 1.25rem;--container-padding-mobile: .75rem;--header-height: 70px;--header-bg: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);--footer-bg: #1f2937;--footer-text: #9ca3af;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin:0;line-height:var(--leading-normal);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap;min-height:44px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--border-dark)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.btn-danger{background-color:var(--color-error);color:var(--text-inverse)}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);min-height:36px}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-lg);min-height:52px}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:44px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:disabled,.select:disabled,.textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-body{color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background-color:var(--color-primary-50);color:var(--color-primary-dark)}.badge-success{background-color:var(--color-success-light);color:#065f46}.badge-warning{background-color:var(--color-warning-light);color:#92400e}.badge-error{background-color:var(--color-error-light);color:#991b1b}.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.page-container{width:100%;min-height:calc(100vh - 200px);padding:var(--space-6) var(--container-padding)}.modal-backdrop{position:fixed;inset:0;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal-content{position:relative;background-color:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:hidden;z-index:var(--z-modal);display:flex;flex-direction:column}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{padding:var(--space-6);border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);flex-shrink:0}.table-container{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-light)}.table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-primary)}.table tbody tr:hover{background-color:var(--bg-secondary)}.table tbody tr:last-child td{border-bottom:none}.nav-tabs{background-color:var(--bg-primary);border-bottom:2px solid var(--border-light);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs-list{display:flex;gap:var(--space-2);padding:0 var(--container-padding);min-width:max-content}.nav-tab{padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative}.nav-tab:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}@media(max-width:768px){:root{--container-padding: var(--container-padding-mobile)}.page-container{padding:var(--space-4) var(--container-padding-mobile)}.card{padding:var(--space-4)}.modal-content{max-width:100vw;max-height:100vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0}.table-container{overflow-x:auto}.nav-tabs-list{padding:0 var(--container-padding-mobile);gap:var(--space-1)}.nav-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:var(--font-bold)}.font-semibold{font-weight:var(--font-semibold)}.font-medium{font-weight:var(--font-medium)}.font-normal{font-weight:var(--font-normal)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.hidden{display:none}.block{display:block}#root{max-width:100%;margin:0 auto;padding:0;text-align:left;min-height:100vh}.App{min-height:100vh;background:var(--bg-secondary);display:flex;flex-direction:column}.header-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);box-sizing:border-box}.nav-tabs-container{width:100%;background-color:var(--bg-primary);border-bottom:2px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs-container::-webkit-scrollbar{display:none}.nav-tabs-list{display:flex;gap:var(--space-1);padding:0 var(--container-padding);min-width:max-content;align-items:center}.nav-tab-button{flex-shrink:0;padding:var(--space-4) var(--space-5);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-sans);color:var(--text-secondary);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;position:relative;min-height:56px;display:flex;align-items:center;gap:var(--space-2)}.nav-tab-button:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.nav-tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold);background-color:var(--bg-secondary)}.nav-tab-button[data-tab-id=programs-map]{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff!important;border-radius:8px 8px 0 0;margin:4px 4px 0;box-shadow:0 2px 8px #667eea4d}.nav-tab-button[data-tab-id=programs-map]:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.nav-tab-button[data-tab-id=programs-map].active{background:linear-gradient(135deg,#5568d3,#6a3f8f);border-bottom-color:#667eea;box-shadow:0 4px 12px #667eea80}.nav-tab-button[data-tab-id=programs-map] .badge{background:#ffffff4d;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-left:6px}.main-content-area{width:100%;min-height:calc(100vh - 200px);background-color:var(--bg-secondary);flex:1}.main-content-area:has(.landing-container){min-height:100vh;padding:0;margin:0;background:transparent}.page-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--space-6) var(--container-padding);box-sizing:border-box}.page-container-full{width:100%;padding:var(--space-6) var(--container-padding);box-sizing:border-box}.mobile-program-card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.mobile-program-card:active{transform:scale(.98);box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.card-header input[type=checkbox]{width:24px;height:24px;cursor:pointer;accent-color:var(--color-primary)}.favorite-btn{background:none;border:none;padding:var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.favorite-btn:hover{background:var(--color-error-light);color:var(--color-error);transform:scale(1.1)}.favorite-btn:active{transform:scale(.95)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.category-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.category-stem{background:var(--color-info-light);color:#1e40af}.category-arts{background:#fce7f3;color:#be185d}.category-leadership{background:var(--color-warning-light);color:#d97706}.category-business{background:var(--color-success-light);color:#065f46}.category-default{background:var(--bg-tertiary);color:var(--text-secondary)}.card-info-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm)}.cost-badge{background:var(--color-success-light);color:#166534;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--text-xs)}.cost-badge.paid{background:var(--color-error-light);color:var(--color-error)}.cost-badge.low-cost{background:var(--color-warning-light);color:#d97706}.card-info-row span{color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.grade-level{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-1)}.view-details-btn{width:100%;background:var(--color-primary);color:var(--text-inverse);border:none;padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.view-details-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.view-details-btn:active{transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.page-container{padding:var(--space-4) var(--container-padding-mobile)}.nav-tabs-list{padding:0 var(--container-padding-mobile);gap:0}.nav-tab-button{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-height:48px}.mobile-program-card{padding:var(--space-4)}.card-title{font-size:var(--text-base)}.table-container.desktop-only table{display:none}.mobile-cards-container{display:block!important}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media(min-width:769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media print{.App{background:#fff!important}button,.no-print,.nav-tabs-container,header,footer{display:none!important}.print-friendly{color:#000!important;background:#fff!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.App{background:#fff;color:#000}button{border:2px solid black!important}}.landing-container{height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-4) var(--space-6);position:relative;overflow:hidden}.landing-container.mobile{overflow:auto;padding:var(--space-4)}.landing-decorative-circle{position:absolute;border-radius:50%;background:#ffffff14;pointer-events:none}.landing-decorative-circle.top-right{top:-100px;right:-100px;width:400px;height:400px}.landing-decorative-circle.bottom-left{bottom:-150px;left:-150px;width:500px;height:500px}.landing-card{background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:1100px;width:100%;max-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative;z-index:1}.landing-card.mobile{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:100%;max-height:calc(100vh - 32px);grid-template-columns:1fr;aspect-ratio:auto;height:auto}.landing-brand-section{background:linear-gradient(135deg,#667eea,#764ba2);padding:var(--space-7) var(--space-7);color:var(--text-inverse);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;min-height:0}.landing-brand-section.mobile{padding:var(--space-4) var(--space-3)}.landing-brand-icon{width:56px;height:56px;margin:0 0 var(--space-3) 0;background:#ffffff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);border:2px solid rgba(255,255,255,.25);flex-shrink:0}.landing-brand-icon.mobile{width:40px;height:40px;font-size:var(--text-2xl);border-radius:var(--radius-md)}.landing-brand-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-5) 0;letter-spacing:-.5px;line-height:var(--leading-tight)}.landing-brand-title.mobile{font-size:var(--text-xl);margin-bottom:var(--space-4)}.landing-modules-list{display:flex;flex-direction:column;gap:var(--space-3);flex:1;min-height:0;overflow-y:auto}.landing-modules-list.mobile{gap:var(--space-2)}.landing-module-item{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-base);padding:var(--space-1) 0;border-radius:var(--radius-md);opacity:1}.landing-module-item.coming-soon{cursor:default;opacity:.7}.landing-module-item:hover:not(.coming-soon){opacity:.9;background:#ffffff1a}.landing-module-icon{width:36px;height:36px;background:#fff3;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);position:relative;flex-shrink:0}.landing-module-icon.mobile{width:28px;height:28px;font-size:var(--text-sm)}.landing-module-content{min-width:0;flex:1}.landing-module-title{font-weight:var(--font-semibold);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);flex-wrap:wrap}.landing-module-title.mobile{font-size:var(--text-xs)}.landing-module-description{opacity:.8;font-size:var(--text-xs);line-height:var(--leading-normal)}.landing-module-description.mobile{font-size:10px}.landing-attribution{margin-top:auto;padding-top:var(--space-3);font-size:9px;opacity:.5;text-align:center;flex-shrink:0}.landing-attribution.mobile{padding-top:var(--space-2)}.landing-auth-section{padding:var(--space-7) var(--space-7);display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;min-height:0}.landing-auth-section.mobile{padding:var(--space-4) var(--space-3)}.landing-error-message{background:var(--color-error-light);border:1px solid #fecaca;border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2);color:var(--color-error);font-size:var(--text-sm)}.landing-error-message.mobile{padding:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs)}.landing-spacer{height:56px;margin-bottom:var(--space-3)}.landing-spacer.mobile{height:40px}.landing-section-title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:0 0 var(--space-5) 0;color:var(--text-primary);letter-spacing:-.5px;line-height:var(--leading-tight)}.landing-section-title.mobile{font-size:var(--text-xl);margin-bottom:var(--space-4)}.landing-section-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-4) 0;line-height:var(--leading-relaxed)}.landing-section-text.mobile{font-size:11px}.landing-google-signin-btn{width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-3);transition:all var(--transition-base);opacity:1;color:var(--text-primary);min-height:48px}.landing-google-signin-btn.mobile{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);min-height:44px}.landing-google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.landing-google-signin-btn:hover:not(:disabled){border-color:#667eea;background:var(--bg-secondary)}.landing-info-box{margin-top:var(--space-5);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.landing-info-box.mobile{margin-top:var(--space-4);padding:var(--space-3)}.landing-info-text{font-size:var(--text-xs);color:var(--text-secondary);margin:0;text-align:center;line-height:var(--leading-relaxed)}.landing-info-text.mobile{font-size:11px}@media(max-width:900px){.landing-container{overflow:auto;padding:var(--space-4)}.landing-decorative-circle{display:none}}.nice-modal-backdrop{position:fixed!important;inset:0!important;background-color:var(--bg-overlay)!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:var(--z-modal-backdrop)!important;padding:var(--space-4)!important}.nice-modal-content{position:relative;background-color:var(--bg-primary)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-2xl)!important;max-width:min(640px,90vw)!important;max-height:90vh!important;overflow:hidden!important;z-index:var(--z-modal)!important;display:flex!important;flex-direction:column!important;width:100%!important}.nice-modal-header{padding:var(--space-6)!important;border-bottom:1px solid var(--border-light)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}.nice-modal-header h3{font-size:var(--text-2xl)!important;font-weight:var(--font-semibold)!important;color:var(--text-primary)!important;margin:0!important}.nice-modal-body{padding:var(--space-6)!important;overflow-y:auto!important;flex:1!important;max-height:calc(90vh - 180px)!important;-webkit-overflow-scrolling:touch!important}.nice-modal-body .modal-description,.nice-modal-body [data-modal-description]{max-width:100%;line-height:1.55}.nice-modal-footer{padding:var(--space-6)!important;border-top:1px solid var(--border-light)!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:var(--space-3)!important;flex-shrink:0!important}.nice-modal-header button[aria-label=Close],.nice-modal-header button:last-child{background:none!important;border:none!important;cursor:pointer!important;padding:var(--space-1)!important;color:var(--text-tertiary)!important;transition:all var(--transition-base)!important;border-radius:var(--radius-md)!important;display:flex!important;align-items:center!important;justify-content:center!important}.nice-modal-header button[aria-label=Close]:hover,.nice-modal-header button:last-child:hover{background:var(--bg-secondary)!important;color:var(--text-primary)!important}.nice-modal-header button[aria-label=Close]:disabled,.nice-modal-header button:last-child:disabled{opacity:.5!important;cursor:not-allowed!important}@media(max-width:768px){.nice-modal-backdrop{padding:0!important}.nice-modal-content{max-width:100vw!important;max-height:100vh!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin:0!important}}.table-search-input,.filter-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-family:var(--font-sans);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-base);min-height:44px}.table-search-input:focus,.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.filter-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.filter-section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.table-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--bg-primary);color:var(--text-primary);min-height:36px}.table-action-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-dark)}.table-action-btn:disabled{opacity:.5;cursor:not-allowed}.table-action-btn-primary{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary)}.table-action-btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.view-mode-toggle{display:flex;gap:var(--space-2);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-md);border:1px solid var(--border-light)}.view-mode-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:transparent;color:var(--text-secondary);min-height:36px}.view-mode-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.view-mode-btn.active{background:var(--color-primary);color:var(--text-inverse)}.college-hub-subnav{width:100%;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:var(--space-3) var(--container-padding);box-shadow:var(--shadow-sm);position:relative}.college-hub-subnav-scroll{width:100%}.college-hub-subnav-list{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}@media(max-width:768px){.college-hub-subnav{padding:var(--space-2) 0}.college-hub-subnav-scroll{padding:0 var(--container-padding-mobile);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-left:var(--container-padding-mobile);scroll-padding-right:var(--container-padding-mobile);overscroll-behavior-x:contain}.college-hub-subnav-scroll::-webkit-scrollbar{display:none}.college-hub-subnav-list{gap:var(--space-2);min-width:max-content;flex-wrap:nowrap;padding-right:28px}.college-hub-subnav .nav-tab-button{scroll-snap-align:start}.college-hub-subnav:before,.college-hub-subnav:after{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none;z-index:1}.college-hub-subnav:before{left:0;background:linear-gradient(to right,var(--bg-secondary) 0%,rgba(249,250,251,0) 100%)}.college-hub-subnav:after{right:0;background:linear-gradient(to left,var(--bg-secondary) 0%,rgba(249,250,251,0) 100%)}}.table-page-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-light)}.table-page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2) 0;line-height:var(--leading-tight)}.table-page-description{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:var(--leading-relaxed)}.table-page-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-top:var(--space-4)}.table-page-filters{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.table-page-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.table-page-filters-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.table-page-filters-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}@media(max-width:768px){.table-page-filters-content{grid-template-columns:1fr}.table-page-actions{flex-direction:column;align-items:stretch}.table-page-actions>*{width:100%}}.notice-banner{background:linear-gradient(to right,var(--color-warning-light),#fde68a);border:1px solid var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-3);box-shadow:var(--shadow-sm)}.notice-banner-icon{font-size:var(--text-2xl);line-height:1;flex-shrink:0}.notice-banner-content{font-size:var(--text-sm);color:#78350f}.notice-banner-title{margin:0 0 var(--space-2) 0;font-weight:var(--font-medium)}.notice-banner-text{margin:0;font-size:13px;color:#92400e}.search-filters-section{background:var(--bg-primary);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);border:1px solid var(--border-light)}.search-bar-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);align-items:center}.search-input-wrapper{position:relative;flex:1}.search-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) 44px;border:2px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-base);outline:none;transition:all var(--transition-base)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.filter-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);transition:all var(--transition-base);white-space:nowrap;min-height:44px}.filter-toggle-btn.active{background:var(--color-primary);color:var(--text-inverse)}.filter-toggle-btn:not(.active){background:var(--bg-primary);color:var(--color-primary)}.filter-toggle-btn:not(.active):hover{background:var(--bg-secondary)}.suggest-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-success);color:var(--text-inverse);border:2px solid var(--color-success);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-semibold);transition:all var(--transition-base);white-space:nowrap;min-height:44px}.suggest-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-md)}.advanced-filters-container{background:var(--bg-secondary);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-bottom:var(--space-6);box-shadow:inset 0 2px 4px #00000005}.filters-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.filters-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0}.filters-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.view-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap;margin-bottom:0;flex-shrink:0}.results-summary{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.empty-state-icon{font-size:48px;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-text{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-4) 0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);min-height:400px}.loading-spinner-large{width:60px;height:60px;border:4px solid var(--border-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-text{font-size:var(--text-base);color:var(--text-secondary)}.quick-filter-btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);display:inline-flex;align-items:center;gap:var(--space-1);transition:all var(--transition-base);white-space:nowrap;border:2px solid;min-height:32px;flex-shrink:0;font-family:var(--font-sans)}.quick-filter-btn.hide-deadlines.active{background:#fef3c7;color:#92400e;border-color:#f59e0b;box-shadow:0 2px 4px #92400e33}.quick-filter-btn.hide-deadlines:not(.active){background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.quick-filter-btn.free-only.active{background:#dcfce7;color:#166534;border-color:#22c55e;box-shadow:0 2px 4px #16653433}.quick-filter-btn.free-only:not(.active){background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.quick-filter-btn:not(.active){background:#f3f4f6;color:#6b7280;border-color:#d1d5db}.quick-filter-btn:not(.active):hover{background:#e5e7eb;box-shadow:0 1px 2px #0000001a}.quick-filter-btn.geo-restriction.active{background:var(--color-info-light);color:var(--color-primary-dark);border-color:var(--color-primary-light);box-shadow:0 2px 4px #2563eb33}.sort-control{display:flex;align-items:center;gap:var(--space-2)}.sort-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);font-family:var(--font-sans)}.sort-select{padding:var(--space-2) var(--space-3);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;min-height:36px;font-family:var(--font-sans)}.sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.results-summary-bar{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);box-shadow:var(--shadow-sm);margin-bottom:var(--space-5);border:1px solid var(--border-light)}.results-summary-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:nowrap;overflow-x:auto}.results-summary-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);white-space:nowrap;flex-shrink:0;font-family:var(--font-sans)}.filter-group{display:flex;gap:var(--space-1);flex-shrink:0;align-items:center}.controls-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.controls-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.controls-right{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex-shrink:0}.test-guide-container{max-width:1200px;margin:0 auto;padding:var(--space-4) var(--space-6);font-family:var(--font-sans)}.test-guide-container.mobile{padding:var(--space-4)}.test-guide-content-wrapper{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.test-guide-nav{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;padding:var(--space-4);background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.test-guide-nav.mobile{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.test-guide-nav-button{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--border-light);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);white-space:nowrap;display:inline-flex;align-items:center;gap:var(--space-2)}.test-guide-nav-button.mobile{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.test-guide-nav-button:hover:not(.active){background:var(--bg-tertiary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.test-guide-nav-button.active{color:#fff;border-color:transparent;box-shadow:var(--shadow-md);transform:translateY(-1px)}.test-guide-content{padding:var(--space-6);min-height:400px}.test-guide-content.mobile{padding:var(--space-4);min-height:300px}.test-guide-content::-webkit-scrollbar{width:8px}.test-guide-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.test-guide-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.test-guide-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.test-guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-3)}.test-guide-grid.mobile{grid-template-columns:1fr;gap:var(--space-2)}.test-guide-info-box{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid;line-height:var(--leading-relaxed)}.test-guide-info-box.mobile{padding:var(--space-3)}.test-guide-info-box h3{font-size:var(--text-base);font-weight:var(--font-bold);margin-bottom:var(--space-2)}.test-guide-info-box.mobile h3{font-size:var(--text-sm)}.test-guide-info-box ul,.test-guide-info-box ol{margin:0;padding-left:var(--space-5);font-size:var(--text-sm)}.test-guide-info-box.mobile ul,.test-guide-info-box.mobile ol{font-size:var(--text-xs);padding-left:var(--space-4)}.test-guide-info-box li{margin-bottom:var(--space-1)}.test-guide-explainer{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border-left:4px solid}.test-guide-explainer.mobile{padding:var(--space-3);margin-bottom:var(--space-3)}.test-guide-explainer-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3)}.test-guide-explainer.mobile .test-guide-explainer-title{font-size:var(--text-base);margin-bottom:var(--space-2)}.test-guide-explainer p{margin:0 0 var(--space-3) 0;line-height:var(--leading-relaxed)}.test-guide-explainer p:last-child{margin-bottom:0}.test-guide-compact p{margin:var(--space-2) 0;line-height:var(--leading-normal)}.test-guide-compact ul,.test-guide-compact ol{margin:var(--space-2) 0;padding-left:var(--space-5)}.test-guide-compact li{margin:var(--space-1) 0}.test-guide-compact h3{margin:var(--space-3) 0 var(--space-2) 0}.test-guide-explainer-content{display:flex;gap:var(--space-2);align-items:flex-start}.test-guide-explainer-icon{font-size:var(--text-lg);flex-shrink:0}.test-guide-explainer.mobile .test-guide-explainer-icon{font-size:var(--text-base)}.test-guide-explainer-body{flex:1;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.test-guide-explainer.mobile .test-guide-explainer-body{font-size:var(--text-xs)}.test-guide-important-box{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border-left:4px solid}.test-guide-important-box.mobile{padding:var(--space-3);margin-bottom:var(--space-3)}.test-guide-important-content{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.test-guide-important-box.mobile .test-guide-important-content{font-size:var(--text-xs)}.test-guide-avoid-box{background:#fef2f2;border:2px solid #ef4444;border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-6)}.test-guide-avoid-box.mobile{padding:var(--space-4);margin-top:var(--space-6)}.test-guide-avoid-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin-bottom:var(--space-3);color:#991b1b;display:flex;align-items:center;gap:var(--space-2)}.test-guide-avoid-box.mobile .test-guide-avoid-title{font-size:var(--text-base);margin-bottom:var(--space-3)}.test-guide-avoid-list{margin:0;padding-left:var(--space-5);color:#7f1d1d;line-height:var(--leading-relaxed);font-size:var(--text-sm)}.test-guide-avoid-box.mobile .test-guide-avoid-list{font-size:var(--text-xs);padding-left:var(--space-5)}.test-guide-resource-card{background:var(--bg-primary);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid;box-shadow:var(--shadow-sm)}.test-guide-resource-card.mobile{padding:var(--space-3)}.test-guide-resource-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap;gap:var(--space-2)}.test-guide-resource-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.test-guide-resource-card.mobile .test-guide-resource-name{font-size:var(--text-sm)}.test-guide-resource-rating{font-size:var(--text-sm);color:var(--text-secondary)}.test-guide-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:var(--text-sm)}.test-guide-table th{background:var(--bg-secondary);padding:var(--space-3);text-align:left;font-weight:var(--font-semibold);color:var(--text-primary);border-bottom:2px solid var(--border-medium)}.test-guide-table td{padding:var(--space-3);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.test-guide-table.mobile{font-size:var(--text-xs)}.test-guide-table.mobile th,.test-guide-table.mobile td{padding:var(--space-2)}.test-guide-section-detail{margin-bottom:var(--space-2)}.test-guide-section-detail-name{color:var(--text-primary);font-weight:var(--font-semibold)}.test-guide-section-detail-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.test-guide-section-detail-list{margin:0;padding-left:var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}@media(max-width:768px){.test-guide-grid{grid-template-columns:1fr!important}.test-guide-table{font-size:var(--text-xs)!important}.test-guide-table th,.test-guide-table td{padding:var(--space-2)!important}}.trusted-resources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:var(--space-5)}@media(max-width:768px){.trusted-resources-grid{grid-template-columns:1fr;gap:var(--space-4)}}@media(max-width:640px){.search-bar-row{flex-direction:column!important}.search-bar-row>*{width:100%!important;min-width:100%!important}.search-filter-button,.suggest-program-button{width:100%!important;min-width:100%!important;padding:10px 16px!important;font-size:14px!important}.filter-buttons-row{flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding-bottom:4px!important}.filter-buttons-row::-webkit-scrollbar{height:4px}.filter-buttons-row::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.filter-toggle-button{flex:0 0 auto!important;min-width:auto!important;padding:4px 8px!important;font-size:10px!important}.filter-toggle-container{flex:0 0 auto!important;min-width:auto!important}.geographic-filter-button{flex:0 0 auto!important;min-width:auto!important;padding:4px 8px!important;font-size:10px!important}.geographic-filter-buttons-container{flex:0 0 auto!important;min-width:auto!important}.search-bar-row button{width:100%!important;min-width:100%!important}.search-bar-row>div:first-child{width:100%!important}}@media(min-width:641px)and (max-width:1024px){.search-bar-row{gap:8px!important}.search-bar-row>*{flex:1 1 auto}}