/* 전북로컬아리 메인 스타일 */
:root {
  --primary: #2563eb;
  --primary-dark: #1d4ed8;
  --bg: #f8fafc;
  --border: #e5e7eb;
}

body {
  background: var(--bg);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif;
  font-size: 15px;
  color: #1f2937;
}

.btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--primary-dark);
  border-color: var(--primary-dark);
}

.card { border: 1px solid var(--border); border-radius: 12px; }
.card .nav-tabs { border-bottom: 1px solid var(--border); }
.nav-tabs .nav-link {
  color: #6b7280;
  border: none;
  border-bottom: 3px solid transparent;
  font-weight: 500;
  padding: .85rem 1rem;
}
.nav-tabs .nav-link.active {
  color: var(--primary);
  background: transparent;
  border-color: var(--primary);
}

.post-card { transition: background-color .15s; }
.post-card:hover { background-color: #fafbfc; }
.post-card .post-content { font-size: 15px; line-height: 1.5; word-break: break-word; }
.post-card .post-image img { max-height: 500px; width: auto; border: 1px solid var(--border); }

.action-btn {
  background: none;
  border: none;
  padding: .25rem .5rem;
  border-radius: 999px;
  color: #6b7280;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  transition: all .15s;
  cursor: pointer;
  font-size: 13px;
}
.action-btn:hover { background: #f3f4f6; color: var(--primary); }
.action-btn.btn-like.liked { color: #dc2626; }
.action-btn.btn-like:hover { color: #dc2626; }
.action-btn.btn-repost:hover { color: #16a34a; }
.action-btn.btn-delete:hover { color: #dc2626; }

.compose-form textarea {
  resize: none;
  font-size: 1.1rem;
}
.compose-form textarea:focus { box-shadow: none; }

.min-w-0 { min-width: 0; }
.profile-banner { width: 100%; }

aside .card-title { font-size: .95rem; font-weight: 700; }

@media (max-width: 768px) {
  .container { padding-left: .75rem; padding-right: .75rem; }
  main.container { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .post-card { padding: .85rem !important; }
  .post-card img.rounded-circle { width: 40px !important; height: 40px !important; }
}