:root { --aign-color-ink: #132033; --aign-color-text: #435066; --aign-color-muted: #667085; --aign-color-border: #dbe1ea; --aign-color-border-strong: #c8d2df; --aign-color-surface: #ffffff; --aign-color-surface-soft: #f9fbff; --aign-color-page: #f7f8fb; --aign-color-brand: #0f4fa8; --aign-color-brand-dark: #1b2d49; --aign-color-accent: #4a98ff; --aign-color-warm: #f8c74b; --aign-color-success: #157347; --aign-color-success-bg: #eefaf2; --aign-color-warning: #b06a00; --aign-color-warning-bg: #fff6e6; --aign-font-size-xs: 12px; --aign-font-size-sm: 13px; --aign-font-size-md: 15px; --aign-font-size-lg: 16px; --aign-font-size-xl: 18px; --aign-font-size-2xl: 28px; --aign-font-size-3xl: 34px; --aign-font-family-body: "Inter", "Segoe UI", sans-serif; --aign-font-family-heading: "Poppins", "Segoe UI", sans-serif; }
.aign-tool-page { background: var(--aign-color-page); color: var(--aign-color-ink); font-family: var(--aign-font-family-body); font-size: var(--aign-font-size-md); padding: 40px 20px 80px; }
.aign-tool-wrap { margin: 0 auto; max-width: 1120px; }
.aign-tool-header { margin-bottom: 28px; }
.aign-tool-header h1 { color: var(--aign-color-ink); font-family: var(--aign-font-family-heading); font-size: var(--aign-font-size-3xl); line-height: 1.15; margin: 0 0 8px; }
.aign-tool-header p { color: var(--aign-color-muted); font-size: var(--aign-font-size-lg); margin: 0; }
.aign-card,.aign-methodology,.aign-panel { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06); }
.aign-panel,.aign-methodology { margin-top: 20px; padding: 22px; }
.aign-hidden { display: none; }
.aign-methodology h3 { color: var(--aign-color-ink); font-family: var(--aign-font-family-heading); font-size: var(--aign-font-size-xl); margin: 0 0 10px; }
.aign-methodology p { color: var(--aign-color-text); line-height: 1.65; margin: 0; }
.aign-grid { display: grid; gap: 18px; }
.aign-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.aign-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aign-placeholder { color: var(--aign-color-muted); font-size: var(--aign-font-size-md); margin: 0; }
.aign-data-root { display: none; }
.aign-compare-toolbar { display: grid; gap: 18px; grid-template-columns: minmax(0, 1.6fr) minmax(280px, 0.9fr); margin-bottom: 22px; }
.aign-compare-builder { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06); display: grid; gap: 18px; margin-bottom: 22px; padding: 24px; }
.aign-compare-builder-title { color: var(--aign-color-surface); display: inline-block; background: #2f67d8; font-family: var(--aign-font-family-heading); font-size: 18px; font-weight: 700; line-height: 1.2; margin: 0; padding: 4px 8px; width: fit-content; }
.aign-compare-slots { display: grid; gap: 14px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aign-compare-slot { min-width: 0; }
.aign-compare-slot-label { color: var(--aign-color-surface); display: block; font-size: var(--aign-font-size-sm); font-weight: 700; margin-bottom: 8px; background: #2f67d8; padding: 3px 6px; width: fit-content; }
.aign-select-wrap { position: relative; }
.aign-program-compare-select { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 8px; box-shadow: 0 2px 8px rgba(17, 24, 39, 0.06); color: var(--aign-color-ink); cursor: pointer; font-size: 14px; min-height: 38px; padding: 0 42px 0 12px; width: 100%; }
.aign-select-wrap::after { border-bottom: 2px solid #98a2b3; border-right: 2px solid #98a2b3; content: ""; height: 8px; pointer-events: none; position: absolute; right: 16px; top: 50%; transform: translateY(-65%) rotate(45deg); width: 8px; }
.aign-program-compare-select:focus { border-color: #2f67d8; box-shadow: 0 0 0 3px rgba(47, 103, 216, 0.12); outline: none; }
.aign-program-search-results { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 12px; box-shadow: 0 16px 30px rgba(17, 24, 39, 0.12); max-height: 280px; overflow-y: auto; padding: 10px; position: absolute; z-index: 20; }
.aign-program-search-results[hidden] { display: none; }
.aign-comparison-root { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 16px; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.06); padding: 28px; }
.aign-compare-empty-state { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 180px; text-align: center; }
.aign-compare-empty-icon { color: #1f2937; font-size: 54px; line-height: 1; margin-bottom: 18px; }
.aign-search-results { display: grid; gap: 10px; margin-top: 14px; max-height: 320px; overflow-y: auto; }
.aign-search.is-open .aign-search-results { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 12px; box-shadow: 0 16px 30px rgba(17, 24, 39, 0.12); left: 0; margin-top: 8px; padding: 10px; position: absolute; right: 0; top: 100%; z-index: 20; }
.aign-search-item { align-items: flex-start; background: var(--aign-color-surface); border: 1px solid var(--aign-color-border); border-radius: 12px; cursor: pointer; display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; text-align: left; }
.aign-search-item:hover,.aign-search-item:focus { border-color: var(--aign-color-accent); outline: none; }
.aign-search-item-title { color: var(--aign-color-ink); font-weight: 700; }
.aign-search-item-subtitle,.aign-selection-summary p,.aign-search-empty,.aign-muted,.aign-empty { color: var(--aign-color-muted); font-size: var(--aign-font-size-sm); }
.aign-selection-summary strong { display: block; margin-bottom: 6px; }
.aign-selected-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.aign-chip { align-items: center; background: var(--aign-color-ink); border-radius: 999px; color: var(--aign-color-surface); display: inline-flex; gap: 10px; max-width: 100%; padding: 8px 10px 8px 14px; }
.aign-chip-remove { background: transparent; border: 0; color: #fff; cursor: pointer; font-size: 18px; line-height: 1; padding: 0; }
.aign-table-wrap { overflow-x: auto; }
.aign-compare-table { border-collapse: collapse; min-width: 900px; width: 100%; }
.aign-compare-table th,.aign-compare-table td { border-bottom: 1px solid #e5eaf2; padding: 15px 14px; text-align: left; vertical-align: top; }
.aign-compare-table thead th { background: var(--aign-color-surface-soft); font-size: var(--aign-font-size-md); position: sticky; top: 0; z-index: 1; }
.aign-compare-col small { color: #667085; display: block; font-size: 12px; font-weight: 400; margin-top: 4px; }
.aign-row-label { color: var(--aign-color-text); font-size: var(--aign-font-size-sm); min-width: 160px; width: 160px; }
.aign-badge { background: #eef5ff; border-radius: 999px; color: var(--aign-color-brand); display: inline-block; font-size: var(--aign-font-size-xs); margin: 0 6px 6px 0; padding: 5px 9px; }
.aign-value-strong,.aign-rating { color: var(--aign-color-ink); font-weight: 700; }
.aign-link-button { background: var(--aign-color-brand); border-radius: 10px; color: var(--aign-color-surface); display: inline-block; font-weight: 700; padding: 10px 12px; text-decoration: none; }
.aign-link-button:hover,.aign-link-button:focus { background: var(--aign-color-brand-dark); }
.aign-rich-cell { color: var(--aign-color-text); line-height: 1.55; min-width: 220px; }
.aign-back-button { background: #fff; border: 1px solid #cdd5df; border-radius: 10px; color: #132033; cursor: pointer; font-size: 14px; font-weight: 600; margin-bottom: 18px; padding: 11px 14px; }
.aign-career-card { min-width: 0; }
.aign-career-selection-title { font-family: var(--aign-font-family-heading); font-size: 18px; font-weight: 700; margin: 0 0 16px; text-align: center; }
.aign-career-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aign-career-card-button { background: #fff; border: 2px solid transparent; border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); cursor: pointer; display: block; height: 100%; padding: 20px; text-align: center; transition: all 0.3s ease; width: 100%; }
.aign-career-card-button:hover,.aign-career-card-button:focus { background: #f0fbfc; border-color: #45b5c6; outline: none; transform: translateY(-4px); }
.aign-career-icon { align-items: center; background: linear-gradient(135deg, var(--aign-color-warm), #4ac0d3); border-radius: 50%; color: var(--aign-color-ink); display: inline-flex; font-size: 44px; height: 72px; justify-content: center; margin-bottom: 14px; width: 72px; }
.aign-career-icon-large { font-size: 30px; height: 64px; margin-bottom: 10px; width: 64px; }
.aign-career-card h3,.aign-detail-hero h2 { margin: 0 0 4px; }
.aign-career-salary,.aign-detail-salary { color: var(--aign-color-brand); font-size: 14px; font-weight: 700; margin: 0 0 8px; }
.aign-demand-badge { background: linear-gradient(135deg, var(--aign-color-warm), #4ac0d3); border-radius: 999px; color: var(--aign-color-ink); display: inline-block; font-size: 12px; font-weight: 600; margin-bottom: 0; padding: 3px 10px; }
.aign-career-copy,.aign-empty-copy,.aign-card-pad p { color: var(--aign-color-text); line-height: 1.6; }
.aign-detail-hero { background: linear-gradient(180deg, #f9fbff, #ffffff); border: 1px solid #dbe1ea; border-radius: 16px; margin-bottom: 18px; padding: 22px; }
.aign-detail-hero-head { align-items: flex-start; display: flex; gap: 18px; justify-content: space-between; margin-bottom: 10px; }
.aign-detail-salary-block { align-items: flex-end; display: flex; flex-direction: column; gap: 4px; text-align: right; }
.aign-detail-salary-block small { color: #667085; }
.aign-card-pad { padding: 20px; }
.aign-card-pad h3 { margin-top: 0; }
.aign-career-detail-card h2 { font-family: var(--aign-font-family-heading); font-size: 22px; font-weight: 700; margin: 0; }
.aign-career-detail-head { align-items: flex-start; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.aign-career-salary-pill { background: linear-gradient(135deg, var(--aign-color-warm), #4ac0d3); border-radius: 999px; color: var(--aign-color-ink); display: inline-block; font-size: 15px; font-weight: 700; padding: 6px 16px; }
.aign-detail-list { list-style: none; margin: 0; padding-left: 0; }
.aign-detail-list li { color: #344054; display: flex; gap: 8px; line-height: 1.6; margin-bottom: 8px; }
.aign-detail-list li::before { color: #45b5c6; content: "✓"; flex-shrink: 0; font-weight: 700; }
.aign-career-companies { display: flex; flex-wrap: wrap; gap: 8px; }
.aign-career-company-badge { border: 1.5px solid #45b5c6; border-radius: 999px; color: #45b5c6; display: inline-block; font-size: 13px; padding: 4px 12px; }
.aign-career-step-list { counter-reset: career-step; list-style: none; margin: 0; padding-left: 0; }
.aign-career-step-list li { align-items: flex-start; border-bottom: 1px solid #f3f4f6; counter-increment: career-step; display: flex; gap: 12px; font-size: 14px; padding: 10px 0; }
.aign-career-step-list li:last-child { border-bottom: 0; }
.aign-career-step-list li::before { align-items: center; background: linear-gradient(135deg, var(--aign-color-warm), #4ac0d3); border-radius: 50%; color: var(--aign-color-ink); content: counter(career-step); display: flex; flex-shrink: 0; font-size: 13px; font-weight: 700; height: 26px; justify-content: center; width: 26px; }
.aign-career-detail-note { color: #9ca3af; font-size: 11px; margin: 16px 0 0; }
.aign-career-projection-card p { margin: 0 0 6px; }
.aign-career-projection-card p:last-child { margin-bottom: 0; }
.aign-timeline-toolbar { margin-bottom: 22px; }
.aign-timeline-intro-band { background: transparent; border: 0; box-shadow: none; margin-bottom: 0; padding: 0; }
.aign-timeline-entry-card { border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 28px; }
.aign-timeline-entry-card .aign-prereq-field-label { margin: 16px 0 6px; }
.aign-timeline-entry-card .aign-prereq-field-label:first-child { margin-top: 0; }
.aign-timeline-select-wrap { background: var(--aign-color-surface-soft); border: 1px solid var(--aign-color-border); border-radius: 14px; padding: 18px; }
.aign-select { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border-strong); border-radius: 10px; display: block; font-size: var(--aign-font-size-md); margin-top: 10px; padding: 12px 14px; width: 100%; }
.aign-selection-help { color: var(--aign-color-muted); font-size: var(--aign-font-size-sm); margin: 10px 0 0; }
.aign-timeline-summary { background: linear-gradient(180deg, #f9fbff, #ffffff); border: 1px solid var(--aign-color-border); border-radius: 16px; margin-bottom: 18px; padding: 22px; }
.aign-timeline-summary h2 { margin: 0 0 10px; }
.aign-timeline-summary p { color: var(--aign-color-text); line-height: 1.6; margin: 0 0 6px; }
.aign-timeline-steps { display: grid; gap: 14px; }
.aign-timeline-step { background: #fff; border: 1px solid var(--aign-color-border); border-radius: 16px; display: grid; gap: 16px; grid-template-columns: 52px minmax(0, 1fr); padding: 18px; }
.aign-timeline-step-index { align-items: center; background: linear-gradient(135deg, #f8c74b, #4ac0d3); border-radius: 50%; color: var(--aign-color-ink); display: flex; font-size: 18px; font-weight: 800; height: 44px; justify-content: center; width: 44px; }
.aign-timeline-step-body h3 { margin: 0 0 8px; }
.aign-timeline-step-body p { color: var(--aign-color-text); line-height: 1.6; margin: 0; }
.aign-timeline-step-date { color: var(--aign-color-brand); font-size: var(--aign-font-size-sm); font-weight: 700; margin-bottom: 8px; }
.aign-timeline-urgent-alert { background: #fef2f2; border: 1.5px solid #fca5a5; border-radius: 10px; color: #dc2626; font-weight: 600; margin-bottom: 16px; padding: 14px 18px; }
.aign-timeline-advice-box { background: #f0fbfc; border: 1.5px solid #45b5c6; border-radius: 10px; font-size: 14px; margin-bottom: 20px; padding: 16px; }
.aign-timeline-results-title { font-size: 18px; font-weight: 700; margin: 0 0 16px; }
.aign-timeline-milestone { align-items: flex-start; border-bottom: 1px solid #f3f4f6; display: flex; gap: 16px; padding: 12px 0; }
.aign-timeline-milestone:last-child { border-bottom: 0; }
.aign-timeline-milestone-month { flex-shrink: 0; font-size: 13px; font-weight: 700; width: 100px; }
.aign-timeline-milestone-month.is-urgent { color: #dc2626; }
.aign-timeline-milestone-check { flex-shrink: 0; }
.aign-timeline-milestone-task { font-size: 14px; }
.aign-timeline-milestone-task.is-urgent { color: #dc2626; font-weight: 700; }
.aign-scholarship-card { display: flex; flex-direction: column; gap: 16px; border-left: 4px solid var(--aign-color-brand); }
.aign-scholarship-head { display: flex; gap: 16px; justify-content: space-between; }
.aign-scholarship-head h3 { margin: 0 0 8px; }
.aign-scholarship-filter-bar { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.aign-scholarship-filter-button { background: #fff; border: 2px solid #e5e7eb; border-radius: 999px; color: #4b5563; cursor: pointer; font-size: 13px; font-weight: 600; padding: 8px 16px; }
.aign-scholarship-filter-button.is-active,.aign-scholarship-filter-button:hover,.aign-scholarship-filter-button:focus { background: #f0fbfc; border-color: #45b5c6; color: #45b5c6; outline: none; }
.aign-scholarship-count,.aign-scholarship-data-note { color: var(--aign-color-muted); }
.aign-scholarship-count { font-size: 14px; margin: 0 0 14px; }
.aign-scholarship-data-note { font-size: 11px; margin: 20px 0 0; }
.aign-scholarship-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.aign-scholarship-type-tag,.aign-scholarship-deadline { border-radius: 999px; display: inline-block; font-size: 11px; font-weight: 700; padding: 2px 8px; }
.aign-scholarship-deadline { background: transparent; color: var(--aign-color-muted); padding-left: 0; }
.aign-scholarship-type-tag-merit { background: #fef3c7; color: #92400e; }
.aign-scholarship-type-tag-need { background: #dbeafe; color: #1d4ed8; }
.aign-scholarship-type-tag-diversity { background: #ede9fe; color: #5b21b6; }
.aign-scholarship-type-tag-company { background: #d1fae5; color: #065f46; }
.aign-scholarship-type-tag-university { background: #ffedd5; color: #9a3412; }
.aign-scholarship-type-merit { border-left-color: #fdb714; }
.aign-scholarship-type-need { border-left-color: #3b82f6; }
.aign-scholarship-type-diversity { border-left-color: #a78bfa; }
.aign-scholarship-type-company { border-left-color: #34d399; }
.aign-scholarship-type-university { border-left-color: #f97316; }
.aign-scholarship-amount { color: var(--aign-color-brand); font-size: var(--aign-font-size-xl); font-weight: 700; margin: 0; }
.aign-scholarship-badges { align-items: flex-end; display: flex; flex-direction: column; gap: 8px; }
.aign-verified-badge,.aign-scholarship-flag { border-radius: 999px; display: inline-block; font-size: 12px; font-weight: 700; padding: 6px 10px; }
.aign-verified-badge { background: #e8f2ff; color: var(--aign-color-brand); }
.aign-scholarship-flag { background: #fff4d6; color: #8a5b00; }
.aign-scholarship-meta p,.aign-scholarship-body p { color: var(--aign-color-text); line-height: 1.6; margin: 0; }
.aign-scholarship-body h4 { margin: 0 0 8px; }
.aign-scholarship-notes { margin-top: 4px; }
.aign-scholarship-actions { margin-top: auto; }
.aign-toggle-group { display: inline-flex; flex-wrap: wrap; gap: 10px; margin-bottom: 20px; }
.aign-toggle-button,.aign-secondary-button,.aign-primary-button,.aign-icon-button { border-radius: 10px; cursor: pointer; font-size: 14px; font-weight: 600; padding: 11px 14px; }
.aign-toggle-button,.aign-secondary-button,.aign-icon-button { background: var(--aign-color-surface); border: 1px solid var(--aign-color-border-strong); color: var(--aign-color-ink); }
.aign-toggle-button.is-active,.aign-primary-button { background: var(--aign-color-brand); border: 1px solid var(--aign-color-brand); color: var(--aign-color-surface); }
.aign-primary-button:hover,.aign-primary-button:focus,.aign-link-button:hover,.aign-link-button:focus { box-shadow: 0 10px 24px rgba(15, 79, 168, 0.18); }
.aign-gpa-mode-view { margin-bottom: 18px; }
.aign-gpa-intro-band { background: transparent; border: 0; box-shadow: none; margin-bottom: 0; padding: 0; }
.aign-gpa-entry-card { border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 28px; }
.aign-gpa-entry-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 16px; }
.aign-gpa-entry-shell { margin-bottom: 16px; }
.aign-gpa-direct-input { width: 100%; }
.aign-gpa-help { color: var(--aign-color-muted); font-size: 12px; margin: 6px 0 0; }
.aign-course-rows { display: grid; gap: 10px; margin-bottom: 12px; }
.aign-course-row { align-items: end; background: #f9fafb; border-radius: 8px; display: grid; gap: 12px; grid-template-columns: 1fr 120px 100px 40px; padding: 12px; }
.aign-course-input,.aign-course-credits { background: var(--aign-color-surface); border: 1.5px solid #d1d5db; border-radius: 6px; font-size: 14px; padding: 8px 12px; width: 100%; }
.aign-course-row label { color: var(--aign-color-muted); display: block; font-size: 12px; font-weight: 600; margin-bottom: 4px; }
.aign-course-row .aign-select { border: 1.5px solid #d1d5db; border-radius: 6px; font-size: 14px; margin-top: 0; padding: 8px 12px; }
.aign-gpa-actions { margin-bottom: 0; }
.aign-gpa-formula-card h3,.aign-gpa-grade-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 14px; }
.aign-formula-copy { color: var(--aign-color-ink); font-size: var(--aign-font-size-lg); font-weight: 700; line-height: 1.5; }
.aign-grade-table { display: grid; gap: 8px; }
.aign-grade-table-row { align-items: center; border: 1px solid #e5eaf2; border-radius: 10px; display: flex; justify-content: space-between; padding: 10px 12px; }
.aign-subpanel { margin-top: 20px; }
.aign-inline-note { border-top: 1px solid #e5eaf2; margin-top: 18px; padding-top: 16px; }
.aign-inline-note p { color: #435066; line-height: 1.6; margin: 0; }
.aign-gpa-add-button { background: #fff; border: 2px dashed #d1d5db; border-radius: 8px; color: var(--aign-color-muted); cursor: pointer; font-size: 14px; font-weight: 600; margin-bottom: 16px; padding: 10px; transition: all 0.2s; width: 100%; }
.aign-gpa-add-button:hover,.aign-gpa-add-button:focus { border-color: #45b5c6; color: #45b5c6; }
.aign-gpa-submit-button { background: linear-gradient(135deg, #fdb714, #45b5c6); border: 0; color: var(--aign-color-ink); width: 100%; }
.aign-gpa-submit-button:hover,.aign-gpa-submit-button:focus { transform: translateY(-2px); }
.aign-gpa-remove-wrap { align-items: flex-end; display: flex; }
.aign-gpa-remove-button { background: none; border: 0; color: #ef4444; cursor: pointer; font-size: 20px; line-height: 1; padding: 4px; }
.aign-gpa-display { background: linear-gradient(135deg, #f0fbfc, #eff6ff); border: 2px solid #45b5c6; border-radius: 12px; margin-bottom: 20px; padding: 28px; text-align: center; }
.aign-gpa-display-label,.aign-gpa-display-sub { color: var(--aign-color-muted); font-size: 14px; }
.aign-gpa-display-label { margin-bottom: 8px; }
.aign-gpa-display-sub { margin-top: 8px; }
.aign-gpa-big { background: linear-gradient(135deg, #45b5c6, #fdb714); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 64px; font-weight: 900; }
.aign-gpa-advice-card { border: 1.5px solid; border-radius: 10px; margin-bottom: 16px; padding: 18px; }
.aign-gpa-advice-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.aign-gpa-advice-card p { color: #4b5563; font-size: 14px; margin: 0; }
.aign-gpa-comp-row { align-items: center; background: #f9fafb; border-radius: 6px; display: flex; font-size: 14px; justify-content: space-between; margin-bottom: 6px; padding: 10px 12px; }
.aign-gpa-comp-status { font-weight: 700; }
.aign-gpa-comp-status.pass { color: #16a34a; }
.aign-gpa-comp-status.fail { color: #9ca3af; }
.aign-gpa-stable-note,.aign-gpa-results-note { color: #9ca3af; font-size: 11px; margin-top: 12px; }
.aign-result-summary { margin-bottom: 18px; }
.aign-result-summary h3 { margin: 0 0 8px; }
.aign-threshold-table td,.aign-threshold-table th { vertical-align: middle; }
.aign-status-pill { background: #eef6ff; border-radius: 999px; color: var(--aign-color-brand); display: inline-block; font-size: var(--aign-font-size-xs); font-weight: 700; padding: 6px 10px; }
.aign-check-list { display: grid; gap: 10px; margin: 16px 0 18px; }
.aign-check-row { align-items: flex-start; background: #fff; border: 1.5px solid #e5e7eb; border-radius: 8px; cursor: pointer; display: flex; gap: 10px; padding: 12px 14px; transition: border-color 0.2s; }
.aign-check-row:hover { border-color: #45b5c6; }
.aign-check-row input { accent-color: #45b5c6; height: 16px; margin-top: 2px; width: 16px; }
.aign-prereq-layout { align-items: start; gap: 22px; }
.aign-prereq-intro-band { background: transparent; border: 0; border-radius: 0; border: 1px solid var(--aign-color-border); border-radius: 16px; margin-bottom: 20px; padding: 0; box-shadow: none; }
.aign-prereq-intro-band h2 { font-family: var(--aign-font-family-heading); font-size: 28px; margin: 0 0 8px; }
.aign-prereq-intro-band p { color: var(--aign-color-text); margin: 0; }
.aign-prereq-input-card,.aign-prereq-tier-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); }
.aign-prereq-card-head { margin-bottom: 20px; }
.aign-prereq-card-head h3 { font-family: var(--aign-font-family-heading); font-size: 22px; line-height: 1.1; margin: 0 0 8px; }
.aign-prereq-card-head .aign-selection-help { margin: 0; }
.aign-prereq-field-label { color: #111827; display: block; font-size: 14px; font-weight: 600; margin-bottom: 6px; }
.aign-prereq-gpa-input { border: 1.5px solid #d1d5db; border-radius: 8px; font-size: 15px; margin-bottom: 4px; min-height: 0; padding: 10px 14px; text-align: left; }
.aign-prereq-gpa-input:focus { border-color: #45b5c6; box-shadow: none; outline: none; }
.aign-prereq-gpa-input-wide { width: 100%; }
.aign-prereq-hint { color: var(--aign-color-muted); font-size: 12px; margin: 0 0 20px; }
.aign-prereq-checks-label { margin-bottom: 12px; }
.aign-prereq-input-card .aign-primary-button,.aign-prereq-submit-button { background: linear-gradient(135deg, #fdb714, #45b5c6); border: 0; color: var(--aign-color-ink); margin-top: 0; min-height: 0; padding: 13px 24px; width: 100%; }
.aign-prereq-submit-button:hover,.aign-prereq-submit-button:focus { transform: translateY(-2px); }
.aign-prereq-actions { margin-top: 16px; }
.aign-prereq-tier-table { margin-top: 10px; }
.aign-prereq-tier-table .aign-table-wrap { border: 1px solid var(--aign-color-border); border-radius: 14px; overflow: hidden; }
.aign-prereq-tier-table .aign-compare-table { min-width: 100%; }
.aign-prereq-tier-table .aign-compare-table thead th { background: #edf4ff; color: var(--aign-color-brand-dark); font-size: 13px; font-weight: 700; position: static; }
.aign-prereq-tier-table .aign-compare-table td:first-child { min-width: 220px; }
.aign-prereq-results-panel { background: transparent; border: 0; box-shadow: none; padding: 0; }
.aign-prereq-results-empty { align-items: center; display: flex; gap: 14px; justify-content: center; min-height: 120px; text-align: center; }
.aign-prereq-results-empty .aign-compare-empty-icon { color: var(--aign-color-brand); font-size: 34px; margin: 0; }
.aign-tier-result { border: 1.5px solid; border-radius: 10px; margin-bottom: 16px; padding: 18px; box-shadow: none; }
.aign-tier-result.is-pass { background: #f0fdf4; border-color: #86efac; }
.aign-tier-result.is-fail { background: #fff7ed; border-color: #fdba74; }
.aign-tier-title { align-items: flex-start; display: flex; gap: 14px; font-size: 16px; font-weight: 700; margin-bottom: 10px; }
.aign-tier-result h4 { margin: 0 0 8px; }
.aign-prereq-status-badge { border-radius: 999px; display: inline-block; font-size: 12px; font-weight: 700; margin-bottom: 10px; padding: 3px 10px; }
.aign-prereq-status-badge.pass { background: #16a34a; color: #fff; }
.aign-prereq-status-badge.fail { background: #ea580c; color: #fff; }
.aign-prereq-section-block { margin-top: 8px; }
.aign-prereq-section-block strong { display: block; font-size: 13px; margin-bottom: 4px; }
.aign-tier-result .item-list { list-style: none; margin: 0; padding: 0; }
.aign-tier-result .item-list li,.aign-prereq-next-steps .item-list li { align-items: flex-start; display: flex; font-size: 13px; gap: 6px; padding: 4px 0; }
.aign-prereq-next-steps { background: #eff6ff; border: 1.5px solid #93c5fd; border-radius: 10px; padding: 18px; }
.aign-prereq-next-steps h4 { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.aign-prereq-stable-note { color: #9ca3af; font-size: 11px; margin: 12px 0 0; }
.aign-learning-planner-head { margin-bottom: 22px; }
.aign-learning-planner-head h2 { font-family: var(--aign-font-family-heading); font-size: 28px; margin: 0 0 8px; }
.aign-learning-planner-head p { color: var(--aign-color-text); margin: 0 0 8px; }
.aign-learning-path-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.aign-learning-card-button { background: #fff; border: 1px solid #dbe1ea; border-radius: 12px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08); height: 100%; padding: 24px; text-align: left; width: 100%; }
.aign-learning-card:hover .aign-learning-card-button { background: #f0fbfc; border-color: #45b5c6; transform: translateY(-4px); }
.aign-learning-icon { align-items: center; background: linear-gradient(135deg, #fdb714, #45b5c6); border-radius: 50%; color: var(--aign-color-ink); display: inline-flex; font-size: 22px; font-weight: 800; height: 48px; justify-content: center; margin-bottom: 14px; width: 48px; }
.aign-learning-icon-large { font-size: 28px; height: 56px; margin-bottom: 14px; width: 56px; }
.aign-learning-duration { color: var(--aign-color-muted); font-size: 13px; font-weight: 500; margin: 0 0 10px; }
.aign-learning-choose-button { margin-top: 8px; width: 100%; }
.aign-learning-summary-card { background: linear-gradient(135deg, #f0fbfc, #eff6ff); border: 2px solid #45b5c6; border-radius: 12px; margin-bottom: 24px; padding: 22px; }
.aign-learning-summary-card h2 { font-family: var(--aign-font-family-heading); font-size: 22px; margin: 0 0 6px; }
.aign-learning-summary-icon { font-size: 30px; margin-bottom: 8px; }
.aign-learning-summary-duration { color: #45b5c6; font-size: 14px; font-weight: 600; margin: 12px 0 0; }
.aign-learning-phase,.aign-learning-phase-card { margin-bottom: 16px; }
.aign-learning-phase-head { align-items: center; display: flex; gap: 14px; margin-bottom: 16px; }
.aign-learning-phase-num { align-items: center; background: linear-gradient(135deg, #fdb714, #45b5c6); border-radius: 50%; color: var(--aign-color-ink); display: flex; flex-shrink: 0; font-size: 15px; font-weight: 800; height: 36px; justify-content: center; width: 36px; }
.aign-learning-section-title { color: #4b5563; font-size: 14px; font-weight: 700; margin: 0 0 10px; }
.aign-learning-resource-grid { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; margin-bottom: 16px; }
.aign-learning-resource { background: #f9fafb; border: 0; border-radius: 8px; padding: 12px; }
.aign-learning-resource-head { align-items: flex-start; display: block; }
.aign-learning-resource-head h5 { margin: 0 0 4px; }
.aign-learning-free-badge { background: #d1fae5; border-radius: 99px; color: #065f46; display: inline-block; font-size: 10px; font-weight: 700; margin-left: 6px; padding: 1px 6px; }
.aign-learning-resource-link a { color: #45b5c6; display: inline-block; font-size: 12px; font-weight: 700; margin-top: 6px; text-decoration: none; }
.aign-learning-assignment-panel { background: linear-gradient(135deg, rgba(69, 181, 198, 0.08), rgba(253, 183, 20, 0.08)); border: 1px solid var(--aign-color-border); border-radius: 12px; display: grid; gap: 20px; grid-template-columns: minmax(0, 1fr) minmax(320px, 0.95fr); margin-bottom: 22px; padding: 22px; }
.aign-learning-assignment-copy h2,.aign-learning-assignment-copy h3,.aign-learning-recommendation h3 { font-family: var(--aign-font-family-heading); margin: 0 0 10px; }
.aign-learning-assignment-copy p { margin: 0 0 10px; }
.aign-learning-assignment-actions { display: grid; gap: 14px; }
.aign-learning-recommendation-head { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 12px; }
.aign-learning-recommendation-head p { margin: 0 0 4px; }
.aign-learning-recommendation { border-left: 4px solid var(--aign-color-brand); }
.aign-learning-goals-wrap .aign-detail-list { list-style: none; padding-left: 0; }
.aign-learning-goals-wrap .aign-detail-list li { display: flex; gap: 8px; margin-bottom: 6px; }
.aign-learning-goals-wrap .aign-detail-list li::before { color: #45b5c6; content: "✓"; font-weight: 700; }
.aign-learning-tips-card { background: #eff6ff; border: 1.5px solid #93c5fd; border-radius: 10px; margin-top: 8px; padding: 18px; }
.aign-learning-tips-card h4 { font-size: 15px; font-weight: 700; margin: 0 0 10px; }
.aign-learning-tips-card ul { list-style: none; padding-left: 0; }
.aign-learning-tips-card li { font-size: 13px; padding: 3px 0; }
.aign-learning-stable-note { color: #9ca3af; font-size: 11px; margin-top: 16px; }
.aign-status-pill { background: #eef6ff; border-radius: 999px; color: var(--aign-color-brand); display: inline-block; font-size: var(--aign-font-size-xs); font-weight: 700; padding: 6px 10px; }
@media (max-width:860px) {
 .aign-compare-toolbar,.aign-compare-slots,.aign-grid-2,.aign-grid-3,.aign-career-grid,.aign-learning-assignment-panel,.aign-learning-path-grid,.aign-learning-resource-grid { grid-template-columns: 1fr; }
 .aign-compare-builder,.aign-comparison-root { padding: 18px; }
 .aign-prereq-gpa-row { grid-template-columns: 1fr; }
 .aign-tool-header h1 { font-size: var(--aign-font-size-2xl); }
 .aign-detail-hero-head { flex-direction: column; }
 .aign-career-detail-head { flex-direction: column; }
 .aign-detail-salary-block { align-items: flex-start; text-align: left; }
 .aign-timeline-step { grid-template-columns: 1fr; }
 .aign-scholarship-head { flex-direction: column; }
 .aign-scholarship-badges { align-items: flex-start; }
 .aign-course-row { grid-template-columns: 1fr; }
 .aign-tier-result-head { flex-direction: column; }
 .aign-learning-phase-head,.aign-learning-resource-head,.aign-learning-recommendation-head { flex-direction: column; }
}
@media (max-width:860px) and (min-width:581px) {
 .aign-career-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
 .aign-course-row { grid-template-columns: 1fr 120px 100px 40px; }
}
@media (max-width:580px) {
 .aign-career-grid { grid-template-columns: 1fr; }
 .aign-course-row { grid-template-columns: 1fr 100px 80px 40px; }
}

/*NEW CSS*/
.aign-career-card-button h3 { font-size: 18px !important; }
.aign-career-card-button .aign-career-icon img.emoji { width: 25px !important; height: 25px !important; }
.aign-career-card-button .aign-career-icon { width: 50px !important; height: 50px !important; }
section.aign-card.aign-card-pad.aign-career-detail-card { margin-bottom: 20px !important; }
.aign-grid h4 { margin: 10px 0 !important; }
.aign-grid p { margin: 5px 0 !important; }
.aign-detail-list li { margin: 0 !important; }
section.aign-card.aign-card-pad { margin-bottom: 20px !important; }
.aign-card-pad h4 { margin: 10px 0 !important; }
.aign-career-step-list li { padding: 5px 0 !important; }
.aign-prereq-intro-band { border: 0 !important; }
.aign-card.aign-card-pad.aign-prereq-input-card { margin-bottom: 20px !important; }
button#aign-generate-timeline { margin-top: 20px !important; }
a.aign-link-button { background: linear-gradient(135deg, #fdb714, #45b5c6) !important; color: #000 !important; }
h2.aign-compare-builder-title { background: none; }
label.aign-compare-slot-label { background: none !important; color: #000 !important; }
button.aign-primary-button.aign-learning-choose-button { background: linear-gradient(135deg, #fdb714, #45b5c6); border: none; color: #000 !important; }
button.aign-primary-button.aign-learning-choose-button { background: linear-gradient(135deg, #fdb714, #45b5c6); border: none !important; color: #000 !important; }
.aign-learning-card-button h3 { font-size: 18px !important; margin: 10px 0 !important; }
.aign-learning-phase-head h3 { margin: 0; font-size: 20px !important; }
.aign-learning-phase-head p.aign-muted { margin: 0 !important; }
.aign-learning-phase-head { display: flex !important; 
/* justify-content: center; */
 align-items: center !important; }
button#aign-learning-assign-button { background: linear-gradient(135deg, #fdb714, #45b5c6) !important; color: #000 !important; border: none !important;}
.aign-card.aign-card-pad {    margin-bottom: 20px !important;}