/* Note-like article layout for PetitionMain (layout only)
   - Single cover (banner)
   - Title
   - Compact byline (small circular avatar)
   - Comfortable reading width and spacing
   - Visual circle/outline effects come from hero-avatar.css (already loaded)
*/

.petition-main.note {
  --content-width: min(92vw, 720px);
  --muted: rgba(0, 0, 0, .55);
}

/* Header container */
.pm-header {
  max-width: var(--content-width);
  margin: 0 auto 1.25rem;
}

/* Cover image */
.pm-cover {
  margin-top: clamp(8px, 1.6vw, 24px); 
  width: 100%;
  max-height: clamp(200px, 32vw, 360px);
  object-fit: cover;
  object-position: center;
  border-radius: .5rem;
  display: block;
}

/* Title */
.pm-title {
  font-size: clamp(1.6rem, 2.4vw, 2.25rem);
  line-height: 1.25;
  margin: 1.25rem 0 .5rem;
}

/* Byline */
.pm-byline {
  display: flex;
  align-items: center;
  gap: .75rem;
  color: var(--muted);
}

.pm-avatar {
  width: 40px;
  height: 40px;
  border-radius: 9999px; /* visual ring/shadow comes from hero-avatar.css */
  object-fit: cover;
}

.pm-meta {
  display: flex;
  gap: .5rem;
  align-items: baseline;
}

.pm-author { font-weight: 600; }
.pm-status { font-size: .9rem; opacity: .9; }

/* Body */
.pm-body {
  max-width: var(--content-width);
  margin: 1.25rem auto 0;
  line-height: 1.85;
  letter-spacing: .01em;
}

.pm-body h2, .pm-body h3 { line-height: 1.3; }
.pm-body h2 { font-size: clamp(1.25rem, 1.8vw, 1.5rem); margin: 2rem 0 .75rem; }
.pm-body h3 { font-size: clamp(1.1rem, 1.5vw, 1.25rem); margin: 1.5rem 0 .5rem; }
.pm-body p, .pm-body li { margin: .75rem 0; }

.pm-x {
  max-width: var(--content-width);
  margin: 2rem auto 0;
}