/* TWC Frontend Styles */

.twc-archive { max-width: 1000px; margin: 0 auto; }
.twc-card { background: #fff; padding: 25px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 20px; }
.twc-paywall { background: #fff3cd; border: 1px solid #ffc107; border-radius: 8px; padding: 25px; margin: 20px 0; text-align: center; }
.twc-paywall h3 { margin-top: 0; color: #856404; }
.twc-btn { display: inline-block; padding: 10px 20px; border-radius: 5px; text-decoration: none; margin: 3px; font-weight: 500; font-size: 14px; border: none; cursor: pointer; transition: opacity 0.2s; }
.twc-btn:hover { opacity: 0.85; }
.twc-btn-primary { background: #0073aa; color: #fff; }
.twc-btn-purple { background: #826eb4; color: #fff; }
.twc-btn-gold { background: #f0ad4e; color: #333; }
.twc-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 11px; color: #fff; vertical-align: middle; }
.twc-badge-green { background: #46b450; }
.twc-badge-red { background: #dc3232; }
.twc-badge-blue { background: #0073aa; }
.twc-badge-purple { background: #826eb4; }
.twc-badge-gold { background: #f0ad4e; color: #333; }

/* Issue grid hover */
.twc-year-group a > div:hover {
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    transform: translateY(-2px);
    transition: all 0.2s;
}

/* Search results */
.twc-search-result:hover {
    border-color: #0073aa;
}

/* Responsive */
@media (max-width: 768px) {
    .twc-card { padding: 15px; }
    .twc-btn { padding: 8px 15px; font-size: 13px; }
}