/* QuickQ - Help Center CSS (TI Style) */
.help-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 48px 0; }
.help-card { background: #fff; border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 28px; transition: all .3s; }
.help-card:hover { border-color: var(--brand); transform: translateY(-4px); }
.help-card .icon { width: 48px; height: 48px; background: #fff3e0; border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 16px; }
.help-card h3 { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.help-card p { font-size: 13px; color: var(--text-mute); line-height: 1.6; margin-bottom: 16px; }
.help-card a { font-size: 13px; font-weight: 600; }
.article-list { margin: 48px 0; }
.article-item { display: flex; gap: 24px; padding: 24px 0; border-bottom: 1px solid var(--border); }
.article-item:last-child { border-bottom: none; }
.article-date { flex-shrink: 0; width: 80px; text-align: center; }
.article-date .day { font-size: 28px; font-weight: 700; color: var(--brand); line-height: 1; }
.article-date .month { font-size: 12px; color: var(--text-mute); text-transform: uppercase; }
.article-body h4 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.article-body p { font-size: 14px; color: var(--text-soft); line-height: 1.7; }
.article-body .tag { display: inline-block; font-size: 11px; padding: 2px 8px; background: var(--bg-card); color: var(--text-mute); border-radius: 2px; margin-right: 8px; margin-top: 8px; }
.contact-section { background: var(--bg-card); padding: 48px 0; }
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.contact-card { padding: 28px; text-align: center; }
.contact-card .icon { font-size: 36px; margin-bottom: 16px; }
.contact-card h4 { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.contact-card p { font-size: 13px; color: var(--text-mute); line-height: 1.6; }
@media (max-width: 1024px) { .help-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; } }