/* ── Shared comic theme overrides ───────────────────────────────── */
.subpage-main {
  background: #FFFFFF;
}
.subpage-band {
  background: #FFFFFF;
}
.about-page .subpage-band:nth-of-type(odd),
.guide-page .subpage-band:nth-of-type(odd) {
  background: #FFFFFF;
}
.about-page .subpage-band:nth-of-type(even),
.guide-page .subpage-band:nth-of-type(even) {
  background: #F3F4F6;
}
.subpage-band-muted,
.subpage-band-grid,
.guide-manifesto-band,
.about-manifesto-band,
.about-promise-band {
  background: #F3F4F6;
}
.subpage-title,
.guide-manifesto h2,
.about-manifesto h2,
.about-promise h2 {
  color: var(--comic-dark);
  font-family: var(--font-display);
  font-weight: 400;
  line-height: .95;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.subpage-title {
  font-size: clamp(42px, 6vw, 82px);
}
.guide-manifesto h2,
.about-manifesto h2,
.about-promise h2 {
  font-size: clamp(42px, 5vw, 76px);
}
.subpage-copy,
.guide-manifesto-copy p,
.guide-flow-line p,
.about-manifesto-copy p,
.about-rhythm-line p,
.about-promise-copy p,
.artists-hero-copy .subpage-copy,
.legal-card p,
.legal-hero-panel p {
  color: #3b342e;
  font-size: 16px;
  line-height: 1.6;
}
.about-hero-panel,
.artists-hero-panel,
.legal-hero-copy,
.legal-hero-panel {
  background: var(--comic-dark);
  border: 3px solid var(--comic-dark);
  box-shadow: none;
}
.guide-flow-line,
.about-rhythm-line,
.legal-card {
  background: #FFFFFF;
  border: 0;
  box-shadow: none;
}
.guide-flow-line strong,
.about-rhythm-line strong,
.legal-card h2 {
  color: var(--comic-dark);
  font-family: var(--font-sans);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 700;
}
.guide-list {
  color: #3b342e;
}
.guide-list li::before {
  background: var(--comic-dark);
}
.explore-hero-media {
  background: var(--comic-yellow);
  border: 4px solid var(--comic-dark);
  border-radius: 0;
}
.explore-hero-meta {
  border-radius: 0;
}
.explore-toolbar span {
  font-weight: 700;
}
.explore-toolbar select,
.explore-toolbar input {
  border: 2px solid var(--comic-dark);
  background: var(--comic-cream);
  color: var(--comic-dark);
  border-radius: 6px;
  box-shadow: 3px 3px 0 var(--comic-dark);
}

.home-section:not(.home-section-trending) h2,
.home-section:not(.home-section-trending) .home-section-copy p,
.home-section:not(.home-section-trending) .home-section-head > div,

.artists-page .explore-meta,
.artists-page .explore-meta strong,
.explore-page .explore-meta,
.explore-page .explore-meta strong,
.explore-page .home-section-head h2,
.explore-page .home-section-index,
.about-page .home-section-index,
.guide-page .home-section-index {
  color: var(--comic-dark);
}
.artists-page .explore-toolbar label span,
.explore-page .explore-toolbar label span {
  color: var(--comic-dark);
}
.creator-callout p,
.creator-callout h2,
.home-how-head p,
.home-how-card p,
.home-how-card h3,
.home-how-card > span {
  color: var(--comic-dark);
}

.creator-callout .home-eyebrow {
  color: var(--comic-yellow);
  background: var(--comic-dark);
  border-color: var(--comic-dark);
}

.explore-page .subpage-band-muted,
.explore-page .subpage-band-grid,
.guide-page .subpage-band-muted,
.about-page .subpage-band-muted,
.artists-page .subpage-band-muted,
.legal-page .subpage-band {
  background: var(--comic-cream);
}

.home-main,
.subpage-main,
.home-section,
.home-how,
.guide-flow-line,
.about-rhythm-line,
.legal-card,
.artists-grid .artist-card {
  color: var(--comic-dark);
}

.home-section h2,
.home-how-head h2,
.subpage-title,
.explore-page .subpage-title,
.guide-page .subpage-title,
.about-page .subpage-title,
.artists-page .subpage-title,
.legal-page .subpage-title,
.guide-banner h2,
.guide-manifesto h2,
.about-manifesto h2,
.about-promise h2,
.legal-card h2,
.legal-hero-panel strong,
.site-footer-brand strong {
  color: var(--comic-dark);
}

.home-section-copy p,

.about-hero-panel p,
.artists-hero-panel p,
.legal-hero-copy,
.legal-hero-copy .subpage-title,
.legal-hero-copy .subpage-copy,
.legal-hero-panel p,
.explore-hero-meta,
.explore-hero-meta span {
  color: var(--comic-cream);
}

.about-hero-panel p:nth-child(2),
.artists-hero-panel p:last-child {
  color: rgba(247,241,230,.82);
}

.home-read-btn,
.home-more,
.creator-callout-action,
.creator-callout-secondary,
.profile-create,

.home-read-btn:hover,
.home-hero-secondary:hover,
.home-more:hover:hover,
.creator-callout-action:hover,
.creator-callout-secondary:hover,
.profile-create:hover,

.explore-toolbar select,
.explore-toolbar input {
  background: #fffdf9;
  color: var(--comic-dark);
  border-color: var(--comic-dark);
}

.site-footer h2 {
  color: rgba(247,241,230,.7);
}

.site-footer a,
.site-footer-nav span,
.site-footer-brand p,
.site-footer-bottom {
  color: rgba(247,241,230,.86);
}

.site-footer a:hover {
  color: #ffffff;
}

.site-footer .footer-mark {
  color: #111;
}

.site-footer .site-footer-brand strong,
.site-footer .site-footer-brand p,
.site-footer h2,
.site-footer a,
.site-footer-nav span,
.site-footer-bottom,
.site-footer-social span {
  color: var(--comic-cream);
}

.site-footer h2 {
  opacity: .72;
}

.site-footer-bottom {
  opacity: .82;
}

.home-main .lib-card-name,
.explore-page .lib-card-name,
.profile-page .lib-card-name {
  color: var(--comic-dark);
}

.home-main .lib-card-sub,
.home-main .lib-card-likes,
.explore-page .lib-card-sub,
.explore-page .lib-card-likes,
.profile-page .lib-card-sub,
.profile-page .lib-card-likes {
  color: #5b524c;
}

.home-main .book-card-action,
.explore-page .book-card-action,
.profile-page .book-card-action {
  border-color: #111827;
  background: #ffffff;
  color: #171214;
}

.home-main .book-card-action:hover,
.explore-page .book-card-action:hover,
.profile-page .book-card-action:hover {
  background: #FF5A4F;
  border-color: #111827;
  color: #ffffff;
}

.home-main .book-card-action.active,
.explore-page .book-card-action.active,
.profile-page .book-card-action.active {
  border-color: var(--accent);
  background: rgba(237,68,47,.14);
  color: #8d2317;
}

/* ponytail: single late palette pass beats chasing old hardcoded colors one by one */
.home-main,
.subpage-main {
  background: #FFFFFF;
  color: #111827;
}

.home-section,
.home-how,
.subpage-band,
.subpage-band-muted,
.subpage-band-grid,
.artists-grid .artist-card,
.guide-flow-line,
.about-rhythm-line,
.legal-card {
  background: #F3F4F6;
  border-color: #E5E7EB;
  color: #111827;
}

.home-hero,
.explore-page .subpage-hero-band,
.guide-page .subpage-hero-band,
.about-page .subpage-hero-band,
.artists-page .subpage-hero-band,
.legal-page .subpage-hero-band,
.creator-callout {
  background:
    radial-gradient(circle, rgba(233,196,106,.14) 1px, transparent 1.5px),
    linear-gradient(180deg, #FFFFFF 0%, #F3F4F6 100%);
  background-size: 16px 16px, 100% 100%;
  border-bottom: solid 2px #ccc;
  border-color: #E5E7EB;
}

.home-eyebrow,
.creator-callout .home-eyebrow,
.home-read-btn,
.home-more,
.creator-callout-action,
.creator-callout-secondary,
.profile-create,

.home-read-btn:hover,
.home-hero-secondary:hover,
.home-more:hover:hover,
.creator-callout-action:hover,
.creator-callout-secondary:hover,
.profile-create:hover,

.home-section-index,
.home-section-month .home-section-index,
.home-section-trending .home-section-index,
.home-section-new .home-section-index,
.home-how-kicker {
  color: #E9C46A;
}

.home-read-btn,
.home-more,
.creator-callout-action,
.creator-callout-secondary,
.profile-create,
.cookie-banner-btn.is-accept {
  background: #FF5A4F;
  border-color: #111827;
  color: #FFFFFF;
}

.home-read-btn:hover,
.home-hero-secondary:hover,
.home-more:hover:hover,
.creator-callout-action:hover,
.creator-callout-secondary:hover,
.profile-create:hover,
.cookie-banner-btn.is-accept:hover {
  background: #E94B40;
  border-color: #111827;
  color: #FFFFFF;
}

/* ponytail: profile keeps its layout, only retheme it to match the live site */
.profile-page {
  background: var(--comic-cream-2);
  background-image:
    linear-gradient(rgba(17,24,39,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(17,24,39,.08) 1px, transparent 1px);
  background-size: 28px 28px, 28px 28px;
  color: var(--comic-dark);
}

.profile-subnav,
.profile-section,
.profile-sidebar-card,
.profile-identity {
  background: #fffdf9;
  border: 2px solid var(--comic-dark);
  border-radius: 0;
  box-shadow: none;
}

.profile-section::before,
.profile-sidebar-card::before {
  display: none;
}

.profile-banner {
  border: 2px solid var(--comic-dark);
  border-radius: 0;
  background:
    radial-gradient(circle, rgba(23,18,20,.12) 1px, transparent 1.5px),
    linear-gradient(90deg, var(--comic-yellow) 0%, #f3df4b 52%, var(--comic-lime) 100%);
  background-size: 16px 16px, 100% 100%;
}

.profile-banner::before {
  background:
    radial-gradient(circle at 1px 1px, rgba(17,24,39,.16) 1px, transparent 0);
  background-size: 16px 16px;
  opacity: .55;
}

.profile-banner-wash {
  background:
    linear-gradient(180deg, rgba(17,24,39,.08), rgba(17,24,39,.42));
}

.profile-avatar {
  border: 3px solid var(--comic-dark);
  box-shadow: none;
}

.profile-copy .home-eyebrow,
.profile-sidebar-label,
.profile-meta-chip {
  background: var(--comic-dark);
  color: var(--comic-yellow);
  border: 2px solid var(--comic-dark);
}

.profile-copy h1,
.profile-library h2,
.profile-feed h2,
.profile-sidebar-card strong,
.profile-featured-copy strong,
.profile-featured-facts strong,
.profile-featured-facts em,
.profile-stats strong,
.profile-contact strong,
.profile-sidebar-detail-values span,
.profile-comment-meta span,
.profile-comment p,
.profile-post-body strong p p,
.profile-post-foot,
.profile-featured-copy p,
.profile-rich-copy p {
  color: var(--comic-dark);
}

.profile-section .home-section-head h2,
.profile-copy h1 {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: .95;
}

.profile-copy h1 {
  font-size: clamp(42px, 5vw, 72px);
}

.profile-featured-title-row strong {
  font-family: var(--font-sora);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  line-height: 1.05;
}

.profile-section .home-section-head h2 {
  font-size: 40px;
}

.profile-copy p:nth-child(3),
.profile-identity p:last-child,
.profile-lock-note,
.profile-stats,
.profile-sidebar-detail-row small time time,
.profile-post-foot time,
.profile-comment-meta,
.profile-sidebar-stats span,
.profile-contact span,
.profile-sidebar-detail-values span,
.profile-sidebar-card,
.profile-sidebar-link-values {
  color: #4b5563;
}

.profile-stats span,
.profile-contact span,
.profile-update-preview,
.profile-update-tile,
.profile-post,
.profile-comment,
.profile-post-body,
.profile-comments,
.profile-comment-form textarea,
.profile-featured-cover {
  background: #ffffff;
  border-color: var(--border);
  box-shadow: none;
}

.profile-post-body::before {
  background: #FF5A4F;
}

.profile-post-body,
.profile-comment,
.profile-comment p,
.profile-comment-empty,
.profile-comment-form textarea,
.profile-comments,
.profile-post-foot,
.profile-post-foot time {
  color: var(--comic-dark);
}

.profile-comment-form textarea::placeholder {
  color: #6b7280;
}

.profile-update-preview-image,
.profile-update-tile-media,
.profile-post-media,
.profile-post-image,
.profile-featured-cover,
.profile-featured-cover-image {
  background: #f3f4f6;
}

.profile-subnav {
  padding: 16px 18px;
}

.profile-tab-trigger {
  border: 2px solid var(--comic-dark);
  border-radius: 6px;
  color: var(--comic-dark);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  background: #ffffff;
  box-shadow: 3px 3px 0 var(--comic-dark);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.profile-tab-trigger.active {
  border-color: var(--comic-dark);
  background: #FF5A4F;
  color: #ffffff;
}

.profile-tab-trigger:hover {
  transform: translate(3px, 3px);
  box-shadow: none;
}

.profile-tab-trigger:active {
  transform: translate(3px, 3px);
  box-shadow: none;
  filter: brightness(.9);
}

.profile-secondary,
.profile-like,
.profile-publish-action {
  border: 2px solid var(--comic-dark);
  border-radius: 6px;
  background: #ffffff;
  color: var(--comic-dark);
  box-shadow: 3px 3px 0 var(--comic-dark);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
  line-height: 36px;
}

.profile-secondary:hover,
.profile-like:hover,
.profile-publish-action:hover {
  transform: translate(3px, 3px);
  background: #FF5A4F;
  box-shadow: none;
  color: #ffffff;
}

.profile-create,
.profile-featured-link {
  border: 2px solid var(--comic-dark);
  border-radius: 6px;
  background: #FF5A4F;
  color: #ffffff;
  box-shadow: 3px 3px 0 var(--comic-dark);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .5px;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.profile-create:hover,
.profile-featured-link:hover {
  transform: translate(3px, 3px);
  background: var(--comic-dark);
  color: #ffffff;
  box-shadow: none;
}

.profile-create.is-following {
  border: 2px solid var(--comic-dark);
  background: #ffffff;
  color: var(--comic-dark);
}

.profile-sidebar-link {
  border: 2px solid var(--comic-dark);
  background: var(--comic-dark);
  color: #ffffff;
}

.profile-like.active,
.profile-update-tile-like.active {
  border-color: rgba(255,90,79,.4);
  background: rgba(255,90,79,.1);
  color: #FF5A4F;
}

.profile-update-tile-like,
.profile-view-all,
.profile-update-preview-more,
.profile-delete {
  color: var(--comic-dark);
}

.profile-work .book-card-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  padding-right: 0;
}

.profile-work .book-card-actions .book-card-action {
  flex: 0 0 auto;
  justify-content: center;
  white-space: nowrap;
}

.profile-work .book-card-actions .book-card-like {
  width: 58px;
  min-width: 58px;
  padding: 0 8px;
}

.profile-work .book-card-actions .book-card-action:not(.book-card-like) {
  width: 72px;
  min-width: 72px;
  min-height: 32px;
  padding: 0 8px;
  font-size: 9px;
}

.profile-work .book-card-actions .profile-delete {
  width: 32px;
  min-width: 32px;
  position: static;
  margin: 0;
  margin-left: auto;
}

.profile-update-tile {
  position: relative;
}

.profile-update-tile .profile-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
}

.profile-update-tile-like {
  width: 68px;
  min-width: 68px;
  justify-content: center;
  white-space: nowrap;
} > span,
.profile-post-actions .profile-like,
.profile-post-actions .profile-comments-toggle,
.profile-page [data-like-count],
.profile-page [data-book-like-count],
.profile-page [data-post-comment-count] {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.profile-post-actions .profile-like {
  min-width: 68px;
  justify-content: center;
}

.profile-post-actions .profile-comments-toggle {
  min-width: 108px;
  justify-content: center;
}

.profile-post-dialog-shell {
  border: 1px solid var(--border);
  background: #ffffff;
  box-shadow: none;
}

.profile-post-dialog-close {
  border: 1px solid var(--border);
  background: #ffffff;
  color: var(--comic-dark);
}

.profile-post-dialog-body {
  padding: 20px;
  background: #ffffff;
}

.profile-post-dialog-body .profile-post {
  padding: 0;
  border: 0;
  background: transparent;
  gap: 20px 22px;
}

.profile-post-dialog-body .profile-post-media,
.profile-post-dialog-body .profile-post-image {
  background: #f3f4f6;
}

.profile-post-dialog-body .profile-comments {
  padding: 0 0 0 18px;
  border-left-color: var(--border);
  background: transparent;
}

.profile-post-dialog-body .profile-comment-form {
  padding: 0 0 12px;
  border-bottom-color: var(--border);
  background: #ffffff;
  backdrop-filter: none;
}

.profile-post-dialog-body .profile-comments-list {
  padding-right: 4px;
}

.profile-view-all,
.profile-update-preview-more {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .6px;
}

.profile-delete:hover,
.profile-view-all:hover,
.profile-update-preview-more:hover {
  background: #FF5A4F;
  border-color: #111827;
  color: #ffffff;
}

.profile-featured-score {
  color: #FF5A4F;
}

.profile-featured-facts svg,
.profile-availability-status strong {
  color: var(--comic-dark);
  stroke: currentColor;
}

.profile-availability-status i {
  background: #20C766;
  box-shadow: 0 0 0 4px rgba(32,199,102,.14);
}

.profile-sidebar-stats span {
  border-top-color: var(--border);
}

.artist-card {
  background: #FFFFFF;
  border: 3px solid #111827;
  border-radius: 10px;
}

.artist-card-link {
  border-color: #111827;
  box-shadow: 3px 3px 0 #111827;
  text-transform: uppercase;
}

.artist-card-link-primary {
  background: #FF5A4F;
  color: #FFFFFF;
}

.artist-card-link-secondary {
  background: #FFFFFF;
  color: #111827;
}

.artist-card:hover .artist-card-link-primary {
  background: #111827;
  border-color: #111827;
  color: #FFFFFF;
}

.artist-card:hover .artist-card-link-secondary {
  background: #FF5A4F;
  border-color: #111827;
  color: #FFFFFF;
}