.percentage-calculator{max-width:600px;margin:0 auto}.tool-summary{max-width:600px;margin:0 auto var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.tool-summary p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.percentage-controls{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.mode-tabs{display:flex;margin-bottom:var(--space-xl);border-bottom:1px solid var(--border)}.mode-tab{background:none;border:none;padding:var(--space-md) var(--space-lg);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;font-weight:500;flex:1;text-align:center}.mode-tab:hover{color:var(--text-primary);background:var(--glass)}.mode-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.percentage-inputs{margin-bottom:var(--space-xl)}.input-row{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap}.input-row .input-wrapper{flex:1;min-width:120px}.input-symbol{font-size:1.25rem;font-weight:600;color:var(--accent);padding-bottom:var(--space-sm)}.input-text{font-size:.875rem;color:var(--text-muted);padding-bottom:var(--space-sm);white-space:nowrap}.percentage-buttons{display:flex;gap:var(--space-md)}.percentage-result{text-align:center}.result-value{margin-bottom:var(--space-md)}.result-number{font-size:2.5rem;font-weight:700;color:var(--accent);font-family:var(--font-mono)}.result-formula{font-size:.875rem;color:var(--text-muted);background:var(--bg-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border);font-family:var(--font-mono)}.result-subtext{color:var(--text-muted);margin-top:var(--space-xs)}.result-highlight{color:var(--accent)}.discount-preset-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.discount-preset-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-size:.85rem;transition:all var(--transition-fast)}.discount-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.discount-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tool-guide{margin-top:var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-xl)}.guide-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg)}.guide-section h2{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.guide-section p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:var(--space-md)}.guide-section ul,.guide-section ol{margin-left:var(--space-lg);margin-bottom:var(--space-md);color:var(--text-muted)}.guide-section li{margin-bottom:var(--space-xs);line-height:1.5}.guide-section code{background:var(--bg-secondary);color:var(--accent);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.875rem;border:1px solid var(--border)}.formula-table{width:100%;border-collapse:collapse;margin-top:var(--space-md);font-size:.9rem}.formula-table th,.formula-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border)}.formula-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.formula-table td{color:var(--text-muted)}.faq-list{display:flex;flex-direction:column;gap:var(--space-md)}.faq-item h3{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.faq-item p{margin-bottom:0}.related-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-md);margin-top:var(--space-md)}.related-tool{display:block;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.related-tool:hover{border-color:var(--accent);transform:translateY(-2px)}.tool-icon{font-weight:600;color:var(--accent);margin-bottom:var(--space-xs)}.tool-description{font-size:.8rem;color:var(--text-muted);line-height:1.4}.last-updated{margin-top:var(--space-xl);text-align:center;font-size:.8rem;color:var(--text-muted)}.gpa-dynamic-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.gpa-dynamic-row{display:flex;align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.gpa-dynamic-row .input-wrapper{flex:1;min-width:120px}.btn-add-row{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.btn-add-row:hover{border-color:var(--accent);color:var(--accent)}.btn-remove-row{background:transparent;color:#ef4444;border:1px solid #fca5a5;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;transition:all var(--transition-fast);height:42px}.btn-remove-row:hover{background:#fee2e2}.gpa-meta-summary{display:flex;justify-content:center;gap:var(--space-xl);font-size:.875rem;color:var(--text-muted);margin-top:var(--space-md);font-family:var(--font-mono)}.gpa-estimator-note{margin-top:var(--space-md);font-size:.875rem;color:var(--text-muted)}.gpa-estimator-note--good{color:#16a34a}.gpa-estimator-note--warning{color:#ef4444}@media(max-width:768px){.mode-tabs{flex-direction:column}.mode-tab{border-bottom:1px solid var(--border);border-right:none}.mode-tab.active{border-bottom-color:var(--accent);border-left:3px solid var(--accent)}.input-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.input-symbol,.input-text{text-align:center;padding-bottom:var(--space-xs)}.percentage-buttons{flex-direction:column}.result-number{font-size:2rem}.formula-table{display:block;overflow-x:auto;white-space:nowrap}.gpa-dynamic-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.btn-remove-row{width:100%}.gpa-meta-summary{flex-direction:column;align-items:center;gap:var(--space-xs)}}