.wp-block-custom-query-tabs-block-editor{background:#fff;border:1px solid #ddd;border-radius:8px;margin:0 auto;max-width:100%;padding:20px}.wp-block-custom-query-tabs-block-editor .editor-loading{padding:40px;text-align:center}.wp-block-custom-query-tabs-block-editor .editor-loading .components-spinner{float:none;margin:0 auto 10px}.wp-block-custom-query-tabs-block-editor .editor-loading p{color:#666;margin:0}.wp-block-custom-query-tabs-block-editor .tabs-buttons{border-bottom:2px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px;padding-bottom:10px}.wp-block-custom-query-tabs-block-editor .tabs-buttons .tab-button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .3s ease}.wp-block-custom-query-tabs-block-editor .tabs-buttons .tab-button:hover{background:#f5f5f5;color:#333}.wp-block-custom-query-tabs-block-editor .tabs-buttons .tab-button.active{background:#0073aa;box-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff}.wp-block-custom-query-tabs-block-editor .tabs-content .tab-pane{display:none}.wp-block-custom-query-tabs-block-editor .tabs-content .tab-pane.active{display:block}.wp-block-custom-query-tabs-block-editor .post-item{align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}@media(max-width:768px){.wp-block-custom-query-tabs-block-editor .post-item{gap:20px;grid-template-columns:1fr}}.wp-block-custom-query-tabs-block-editor .post-item .post-content .post-title{color:#333;font-size:28px;font-weight:700;margin-bottom:15px}.wp-block-custom-query-tabs-block-editor .post-item .post-content .post-title a{color:inherit;text-decoration:none}.wp-block-custom-query-tabs-block-editor .post-item .post-content .post-title a:hover{color:#0073aa}.wp-block-custom-query-tabs-block-editor .post-item .post-content .post-excerpt{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.wp-block-custom-query-tabs-block-editor .post-item .post-content .post-excerpt p{margin:0 0 15px}.wp-block-custom-query-tabs-block-editor .post-item .post-content .read-more{background:#0073aa;border-radius:4px;color:#fff;display:inline-block;padding:10px 20px;text-decoration:none;transition:background .3s ease}.wp-block-custom-query-tabs-block-editor .post-item .post-content .read-more:hover{background:#005a87}.wp-block-custom-query-tabs-block-editor .post-item .post-image img{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:auto;width:100%}
.wp-block-custom-query-tabs-block{margin:0 auto;max-width:1200px}.wp-block-custom-query-tabs-block .tabs-buttons{align-content:space-between;align-items:center;display:flex;flex-flow:wrap;gap:.5rem!important;justify-content:flex-start;margin-bottom:.5rem;overflow:hidden}.wp-block-custom-query-tabs-block .tabs-buttons .tab-button{background-color:rgba(0,0,0,.3);border-radius:4px;color:var(--wp--preset--color--white);cursor:pointer;font-size:1rem;padding:.75rem 1.25rem!important;transition:all .3s;transition:all .3s ease}.wp-block-custom-query-tabs-block .tabs-buttons .tab-button.active,.wp-block-custom-query-tabs-block .tabs-buttons .tab-button:hover{background-color:var(--wp--preset--color--primary);color:var(--wp--preset--color--white)}.wp-block-custom-query-tabs-block .tabs-content{background-color:var(--wp--preset--color--white);border-radius:4px;height:50vh;overflow-y:auto;padding:var(--wp--preset--spacing--screen-side)}@media(max-width:768px){.wp-block-custom-query-tabs-block .tabs-content{height:35vh}}.wp-block-custom-query-tabs-block .tabs-content .tab-pane{display:none}.wp-block-custom-query-tabs-block .tabs-content .tab-pane.active{animation:fadeIn .5s ease;display:block}.wp-block-custom-query-tabs-block .post-item{align-items:start;display:flex;gap:var(--wp--preset--spacing--screen-side);justify-content:space-between}@media(max-width:768px){.wp-block-custom-query-tabs-block .post-item{flex-direction:column-reverse}}.wp-block-custom-query-tabs-block .post-item .post-content{min-width:70%}.wp-block-custom-query-tabs-block .post-item .post-content .post-image{min-width:30%}.wp-block-custom-query-tabs-block .no-posts{color:#666;padding:40px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}