body{font-family:Arial,sans-serif;margin:0;padding:0;background:#f9f9f9}header{background-image:url(/binongko.jpg);background-color:#333;background-size:cover;background-position:50%;background-repeat:no-repeat;height:200px;color:white;padding:10px;text-align:center;position:relative}.header-top{text-align:right;margin-bottom:10px}.header-top .btn{color:white;background:#007BFF;padding:5px 10px;text-decoration:none;border-radius:4px;margin-left:5px}#pencarian-berita{text-align:center;margin:20px 0}#cariInput{width:80%;max-width:400px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}.Berita-Lainnya,.Berita-Populer,.Berita-Terbaru{background-color:#f0f0f0;color:#007BFF;padding:15px 25px;border-left:30px solid #007bff;border-radius:5px;font-size:1.8rem;font-weight:700;box-shadow:0 2px 6px rgba(0,0,0,.1);margin:30px auto;max-width:600px}.berita-slider-wrapper{position:relative;width:100%}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-size:20px;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.2);z-index:10;display:flex;align-items:center;justify-content:center}.nav-btn.prev{left:-15px}.nav-btn.next{right:-15px}.berita-slider-container{overflow-x:auto;white-space:nowrap;padding:1em}#berita-list{display:flex;gap:1rem;flex-wrap:nowrap;align-items:center;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.berita-card{display:inline-block;width:250px;border:1px solid #ddd;border-radius:8px;overflow:hidden;background-color:#fff;text-align:center;flex-shrink:0;transition:transform .2s ease;scroll-snap-align:start}.berita-card:hover{transform:scale(1.03)}.berita-card img{width:100%;height:160px;object-fit:cover}.berita-card-title{display:block;padding:.8em;font-size:1.05rem;font-weight:600;color:#222;text-decoration:none;line-height:1.4em;text-align:left;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.berita-card-title:hover{color:#007BFF;text-decoration:underline}.views-info{display:block;font-size:.85rem;color:#666;text-align:left;margin:-5px 0 10px 12px}#berita-lainnya-list .berita-lainnya-card{background:#fff;margin:8px 0;padding:12px 15px;border-radius:6px;border:1px solid #eee;transition:all .3s ease}#berita-lainnya-list .berita-lainnya-card a{font-size:1rem;font-weight:500;color:#333;text-decoration:none;display:block;line-height:1.4em}#berita-lainnya-list .berita-lainnya-card:hover{background:#f9f9ff;border-color:#007BFF}#berita-lainnya-list .berita-lainnya-card a:hover{color:#007BFF}#berita-populer-list .berita-populer-item{background:#fff;margin:8px 0;padding:12px 15px;border-radius:6px;border:1px solid #eee;transition:all .3s ease}#berita-populer-list .berita-populer-item a{font-size:1rem;font-weight:500;color:#333;text-decoration:none;display:block;line-height:1.4em}#berita-populer-list .berita-populer-item:hover{background:#fff8f8;border-color:#007BFF}#berita-populer-list .berita-populer-item a:hover{color:#007BFF;text-decoration:underline}.auth-buttons{margin-top:10px}.auth-buttons a{color:white;margin:0 10px;text-decoration:none}.auth-buttons a.active{font-weight:700;text-decoration:underline}.loading{text-align:center}.berita-container,.loading{padding:20px}.berita-item{background:#fff;margin-bottom:20px;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.berita-item img{max-width:100%;margin-top:10px;border-radius:6px}#detail-berita{max-width:600px;margin:0 auto;padding:10px;text-align:left}#detail-berita img,#detail-berita-img{width:100%;max-width:400px!important;height:auto;display:block;margin:15px auto;border-radius:8px;object-fit:cover}footer{background-color:#007BFF;color:white;text-align:center;padding:20px 10px;font-size:14px}.share-buttons{margin-top:20px;padding:10px 0}.share-buttons p{margin-bottom:8px;font-weight:700;color:#333}.share-buttons a{display:inline-block;margin-right:10px;padding:6px 12px;border-radius:5px;text-decoration:none;font-size:14px;color:#fff;transition:background .3s ease}#share-wa{background:#25D366}#share-fb{background:#1877f2}#share-tw{background:#1da1f2}#share-link{background:#555}.share-buttons a:hover{opacity:.8}