*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f9f9f9;font-family:system-ui,-apple-system,sans-serif;line-height:1.6}header{color:#fff;z-index:100;background:#2c3e50;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 2rem;display:flex;position:sticky;top:0}header .brand{flex-direction:column;display:flex}header .brand a{color:#ecf0f1;text-decoration:none}header .brand h1{font-size:1.15rem}header .brand p{opacity:.8;font-size:.75rem}header nav{align-items:center;gap:1rem;display:flex}header nav a{color:#ecf0f1;border-radius:4px;padding:.35rem .75rem;font-size:.9rem;text-decoration:none;transition:background .15s}header nav a:hover{background:#ffffff26}header nav a.active{background:#fff3}main{max-width:1200px;margin:0 auto;padding:2rem 1rem}.series-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.series-card{color:inherit;background:#fff;border-radius:8px;text-decoration:none;transition:box-shadow .2s;display:block;overflow:hidden;box-shadow:0 1px 3px #0000001a}.series-card:hover{box-shadow:0 4px 12px #00000026}.series-card .img-wrap{aspect-ratio:16/9;background:#e0e0e0;width:100%;overflow:hidden}.series-card .img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.series-card .img-wrap .placeholder{color:#999;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;display:flex}.series-card-body{padding:1rem}.series-card-body h2{color:#2c3e50;margin-bottom:.25rem;font-size:1.1rem}.series-card-body .count{color:#777;font-size:.85rem}.back-link{color:#3498db;margin-bottom:1.25rem;text-decoration:none;display:block}.back-link:hover{text-decoration:underline}.series-detail h1{color:#2c3e50;margin-bottom:.5rem;font-size:1.75rem}.series-detail .desc{color:#555;max-width:800px;margin-bottom:1.5rem}.series-image{border-radius:8px;width:100%;max-width:400px;margin-bottom:1.5rem;display:block;box-shadow:0 2px 8px #0000001f}table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000001a}th,td{text-align:left;padding:.75rem 1rem}th{color:#fff;background:#2c3e50;font-weight:600}tr:nth-child(2n){background:#f4f6f8}tr:hover{background:#e8ecef}td a{color:#3498db;text-decoration:none}td a:hover{text-decoration:underline}audio{width:180px;height:32px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-wrap table{min-width:600px}.pagination{justify-content:center;gap:.5rem;margin-top:2rem;display:flex}.pagination a,.pagination span{color:#2c3e50;border-radius:4px;padding:.5rem .75rem;text-decoration:none}.pagination a{background:#fff;box-shadow:0 1px 2px #0000001a}.pagination a:hover,.pagination .current{color:#fff;background:#2c3e50}.sermon-detail h1{color:#2c3e50;margin-bottom:.25rem;font-size:1.75rem}.sermon-detail .meta{color:#777;margin-bottom:1.5rem}.sermon-detail .meta a{color:#3498db;text-decoration:none}h1.page-heading{color:#2c3e50;margin-bottom:1.5rem;font-size:1.75rem}.sermon-audio{margin:1.5rem 0}.sermon-audio audio{width:100%;max-width:500px}.download-link{color:#3498db;font-size:.85rem;text-decoration:none}.topic-tags{margin:.5rem 0}.topic-tag{color:#2c3e50;background:#f4f6f8;border:1px solid #ccc;border-radius:20px;margin:.15rem;padding:.2rem .6rem;font-size:.8rem;text-decoration:none;transition:all .15s;display:inline-block}.topic-tag:hover{color:#fff;background:#2c3e50;border-color:#2c3e50}.sermon-notes{margin:1.5rem 0}.sermon-notes h2{color:#2c3e50;margin-bottom:.75rem;font-size:1.2rem}.sermon-notes .note-item{margin-bottom:1.5rem}.sermon-notes .bible-refs{color:#777;margin-bottom:.5rem;font-size:.85rem}.bible-link{color:#3498db;text-decoration:none}.bible-link:hover{text-decoration:underline}.sermon-nav{justify-content:space-between;margin-top:2rem;display:flex}.sermon-nav a{color:#3498db;text-decoration:none}.no-audio,.no-notes{color:#999;margin:1.5rem 0}.search-box{border:2px solid #ddd;border-radius:8px;outline:none;width:100%;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:1rem}.search-box:focus{border-color:#3498db}.topic-filters-section{margin-bottom:1.5rem}.results-count{color:#777;margin-bottom:1rem;font-size:.9rem}footer{text-align:center;color:#888;border-top:1px solid #eee;margin-top:3rem;padding:2rem;font-size:.85rem}@media (width<=600px){.series-grid{grid-template-columns:1fr}header{padding:.75rem 1rem}th,td{padding:.5rem;font-size:.85rem}audio{width:120px}.hide-mobile{display:none}}