/* Blog profile page */

.blog-profile-wrap { max-width: 720px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }

.blog-back-link { display: inline-block; font-size: 0.82rem; color: var(--ink-light); text-decoration: none; margin-bottom: 1.75rem; transition: color 0.15s; }
.blog-back-link:hover { color: var(--teal); }

.blog-profile-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.blog-profile-icon { width: 56px; height: 56px; border-radius: 12px; overflow: hidden; flex-shrink: 0; background: var(--paper-mid); display: flex; align-items: center; justify-content: center; }
.blog-profile-icon img { width: 56px; height: 56px; object-fit: cover; border-radius: 12px; }
.blog-profile-icon-fallback { display: none; width: 100%; height: 100%; align-items: center; justify-content: center; font-family: 'Fraunces', serif; font-size: 1.2rem; font-weight: 600; color: var(--teal); background: var(--teal-pale); border-radius: 12px; }

.blog-profile-info { min-width: 0; }
.blog-profile-name { font-family: 'Fraunces', Georgia, serif; font-size: 1.5rem; font-weight: 600; color: var(--ink); line-height: 1.25; margin-bottom: 0.25rem; letter-spacing: -0.02em; }
.blog-profile-url { font-size: 0.83rem; color: var(--teal); text-decoration: none; word-break: break-all; }
.blog-profile-url:hover { text-decoration: underline; }
.blog-profile-desc { font-size: 0.92rem; color: var(--ink-mid); line-height: 1.6; margin-bottom: 1.1rem; }

.blog-profile-meta {
  display: flex; align-items: center; gap: 0.75rem; flex-wrap: wrap;
  padding: 0.75rem 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  margin-bottom: 1.75rem;
  font-size: 0.82rem;
  color: var(--ink-light);
}
.blog-profile-meta-item { display: inline-flex; align-items: center; gap: 0.3rem; }
.blog-profile-feed { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-light); text-decoration: none; transition: color 0.15s; }
.blog-profile-feed:hover { color: var(--teal); }
.blog-profile-visit {
  margin-left: auto; padding: 0.35rem 0.85rem; font-size: 0.82rem; font-weight: 600;
  color: white; background: var(--teal); border-radius: var(--radius-sm); text-decoration: none;
  transition: background 0.2s; white-space: nowrap;
}
.blog-profile-visit:hover { background: var(--teal-dark); }

.blog-profile-section-title { font-family: 'Fraunces', Georgia, serif; font-size: 1rem; font-weight: 600; color: var(--ink); margin-bottom: 0.25rem; }
.blog-profile-articles { margin-top: 0.25rem; }

@media (max-width: 600px) {
  .blog-profile-wrap { padding: 1.5rem 1rem 3rem; }
  .blog-profile-name { font-size: 1.25rem; }
  .blog-profile-visit { margin-left: 0; }
}