@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');@import url('https://fonts.googleapis.com/css2?family=Segoe+UI:wght@400;600&display=swap');html, body{height: 100%;margin: 0;padding: 0}body{display: flex;flex-direction: column;min-height: 100vh}.container.mt-4:has(#comic-detail-content), .container.mt-4:has(#comic-list){flex-grow: 1}footer{flex-shrink: 0;margin-top: auto}body{font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;background-color: #f0f2f5;color: #333;line-height: 1.6;scroll-behavior: smooth;overflow-x: hidden}.navbar{margin-bottom: 30px;box-shadow: 0 4px 12px rgba(0,0,0,0.1);background-color: #212529;padding-top: 0.5rem;padding-bottom: 0.5rem}.navbar-brand{font-weight: 700;font-size: 1.5rem;color: #fff !important;font-family: 'Montserrat', sans-serif}.nav-link{color: rgba(255, 255, 255, 0.75) !important;transition: color 0.3s ease;font-family: 'Segoe UI', sans-serif;font-weight: 600;font-size: 1rem;padding-left: 1rem !important;padding-right: 1rem !important}.nav-link:hover{color: #fff !important}.dropdown-menu{background-color: #343a40;border: none;box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);max-height: 300px;overflow-y: auto;-webkit-overflow-scrolling: touch}.dropdown-item{color: rgba(255, 255, 255, 0.75);font-family: 'Segoe UI', sans-serif;font-weight: 400;padding: 0.75rem 1.5rem;white-space: normal}.dropdown-item:hover,.dropdown-item:focus{background-color: #495057;color: #ffffff}.dropdown-item.active{background-color: #0d6efd;color: #ffffff}@media (max-width: 991.98px){.navbar-collapse{background-color: #343a40;padding: 1rem;margin-top: 0.5rem;border-radius: 0.25rem}.dropdown-menu{position: static !important;float: none;width: 100%;margin-top: 0.5rem;border-radius: 0.25rem}.dropdown-menu li{width: 100%}.dropdown-item{padding: 0.75rem 1rem;text-align: left}.navbar-nav .nav-item .nav-link{padding-left: 0.5rem !important;padding-right: 0.5rem !important}}.navbar .form-control{border-radius: 0.25rem;border: 1px solid rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.1);color: #ffffff}.navbar .form-control::placeholder{color: rgba(255, 255, 255, 0.5)}.navbar .form-control:focus{background-color: rgba(255, 255, 255, 0.2);border-color: #0d6efd;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);color: #ffffff}.navbar .btn-outline-success{border-color: #198754;color: #198754}.navbar .btn-outline-success:hover{background-color: #198754;color: #ffffff}h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;color: #2c3e50;margin-bottom: 20px;font-weight: 600;text-align: center}.comic-card{border: none;border-radius: 12px;background-color: #fff;box-shadow: 0 6px 20px rgba(0,0,0,0.12);height: 100%;display: flex;flex-direction: column;position: relative;overflow: hidden;transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;text-decoration: none;color: inherit}.comic-card:hover{transform: translateY(-8px);box-shadow: 0 10px 30px rgba(0,0,0,0.2)}.comic-card img{width: 100%;height: 280px;object-fit: cover;border-top-left-radius: 12px;border-top-right-radius: 12px;margin-bottom: 0;box-shadow: 0 2px 8px rgba(0,0,0,0.1)}.comic-card .card-body{padding: 15px;flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between}.comic-card h5.card-title{font-size: 1.15em;font-weight: 700;color: #2c3e50;margin-bottom: 8px;line-height: 1.4;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}.comic-card .card-text.small{font-size: 0.85em;color: #6c757d;margin-bottom: 3px}.comic-card .card-text.small strong{color: #555}.comic-card .status{font-size: 0.8em;color: #007bff;margin-top: 10px;font-weight: 600;padding-top: 10px;border-top: 1px solid #eee}.comic-card .card-text.text-primary{font-size: 0.9em;font-weight: 600;color: #007bff !important;margin-top: auto;padding-top: 10px;border-top: 1px solid #eee;align-self: flex-start;width: 100%}.stretched-link::after{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;content: ""}.pagination{margin-top: 30px}.pagination .page-link{border-radius: 8px;margin: 0 5px;color: #007bff;border-color: #007bff;transition: background-color 0.3s ease, color 0.3s ease}.pagination .page-link:hover{background-color: #007bff;color: #fff}.pagination .page-item.active .page-link{background-color: #007bff;border-color: #007bff;color: #fff;box-shadow: 0 4px 10px rgba(0, 123, 255, 0.3)}.pagination .page-item.disabled .page-link{color: #6c757d;border-color: #dee2e6;background-color: #fff}#search-input{border-radius: 20px;padding-left: 15px;border: none;box-shadow: inset 0 1px 3px rgba(0,0,0,0.1)}#search-form .btn-outline-success{border-radius: 20px;border-color: #28a745;color: #28a745;transition: background-color 0.3s ease, color 0.3s ease}#search-form .btn-outline-success:hover{background-color: #28a745;color: #fff}#chapter-content{padding: 0;margin: 0;text-align: center;width: 100%}#chapter-content img{max-width: 100%;height: auto;display: block;margin: 0 auto;padding: 0;border: none;vertical-align: top;box-shadow: none;border-radius: 0}