.tag-wrapper {
    max-width: 900px;
    margin: 20px auto;
    padding: 0 16px;
}

.tag-header {
    background: #fff;
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
}

body.dark-mode .tag-header {
    background: #1e293b;
    border-color: #334155;
}

.tag-title {
    font-size: 20px;
    font-weight: 900;
    color: #111;
}

body.dark-mode .tag-title {
    color: #f8fafc;
}

.load-more-container {
    text-align: center;
    margin: 30px 0;
}

.btn-load-more {
    background: #fff;
    border: 1px solid #e44d26;
    color: #e44d26;
    padding: 10px 24px;
    border-radius: 24px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: .3s;
}

.btn-load-more:hover {
    background: #e44d26;
    color: #fff;
}

body.dark-mode .btn-load-more {
    background: #1e293b;
}

body.dark-mode .btn-load-more:hover {
    background: #e44d26;
    color: #fff;
}

.db-section-wrap { background: #fff; border-radius: 12px; padding: 20px; border: 1px solid #e8e8e8; margin-bottom: 24px; }
body.dark-mode .db-section-wrap { background: #1e293b; border-color: #334155; }


 /* DB list */
.db-list-item { gap: 14px; padding: 14px 0; border-bottom: 1px solid #ececec; }
.db-list-item:last-child { border-bottom: none; }
.db-list-body { flex: 1; min-width: 0; }
.db-list-body h3 { font-size: 17px; font-weight: 700; line-height: 1.5; color: #111; margin-bottom: 8px; }
.db-list-body h3:hover { color: #e44d26; }
.db-share-bar { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 8px; flex-wrap: wrap; gap: 6px; }
.db-cat-pill { display: inline-flex; align-items: center; gap: 3px; border: 1px solid #ddd; border-radius: 20px; padding: 4px 12px; font-size: 13px; color: #444; font-weight: 600; transition: .2s; }
.db-cat-pill:hover { border-color: #e44d26; color: #e44d26; }
.db-wa-btn { display: flex; align-items: center; gap: 5px; background: none; border: none; cursor: pointer; font-size: 13px; font-weight: 600; color: #25d366; padding: 4px 8px; border-radius: 6px; transition: .2s; text-decoration: none; }
.db-wa-btn:hover { background: #e8fdf1; }
.db-list-thumb { position: relative; flex-shrink: 0; width: 140px; height: 100px; border-radius: 6px; overflow: hidden; }
.db-list-thumb img { width: 100%; height: 100%; object-fit: cover; }
.db-live-badge { background: #e00; color: #fff; font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 3px; margin-right: 5px; animation: blink 1.2s infinite; }
@media (max-width:768px) { .db-list-thumb { width: 100px; height: 75px; } .db-list-body h3 { font-size: 14px; } }
@media (max-width:480px) { .db-list-thumb { width: 85px; height: 64px; } .db-list-body h3 { font-size: 13px; } }