.layout-pop body { background: radial-gradient(circle at 10% 10%, #fff0f6, #fef6ff 40%, #f0f8ff); }
.pop-header {
  display: flex; flex-wrap: wrap; align-items: center; gap: 12px;
  width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding: 24px 0;
}
.pop-bubble {
  display: inline-block; padding: 10px 20px; border-radius: 999px;
  background: var(--theme-primary); color: var(--theme-on-primary);
  font-family: var(--font-display); font-weight: 600; text-decoration: none;
  box-shadow: 0 8px 0 color-mix(in srgb, var(--theme-primary) 60%, black);
}
.pop-tag { font-size: 0.85rem; color: var(--text-muted); }
.pop-main { width: min(var(--content-max-width), calc(100% - 32px)); margin: 0 auto; padding-bottom: 40px; }
.pop-hero { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 2.6rem); margin: 0 0 24px; color: var(--theme-accent); }
.pop-footer {
  text-align: center; padding: 32px 16px 48px;
  background: var(--theme-card); border-top: 4px dashed var(--theme-primary);
}
.pop-pills { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 12px; }
.pop-pill {
  padding: 6px 14px; border-radius: 999px; background: var(--theme-primary-light);
  font-size: 0.8rem; font-weight: 600; color: var(--theme-primary);
}
.pop-pill--link { text-decoration: none; background: var(--theme-accent); color: #fff; }