/*
 * community.css -- /community/ page styles
 * Loaded only on the community route via functions.php.
 * Depends on: native.css (vars), app.css (reset)
 */

/* ── Page header ─────────────────────────────────────────────────────── */
.cp-header {
  padding: calc(var(--nav-h, 90px) + 3rem) clamp(1.5rem, 4vw, 2.5rem) 2.5rem;
  border-bottom: 1px solid var(--border);
  position: relative;
  overflow: hidden;
}
.cp-header::after {
  content: '';
  position: absolute; top: 0; right: 0; bottom: 0;
  width: 40%;
  background: radial-gradient(ellipse at 80% 50%, rgba(0,212,255,.03) 0%, transparent 70%);
  pointer-events: none;
}
.cp-header-inner {
  max-width: var(--wrap, 1400px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  align-items: end;
}
.cp-eyebrow {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .6rem; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase;
  color: var(--cyan, #00D4FF);
  display: flex; align-items: center; gap: .5rem;
  margin-bottom: .75rem;
}
.cp-live-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--cyan, #00D4FF);
  animation: cp-blink 2s ease-in-out infinite;
}
@keyframes cp-blink {
  0%,100% { opacity: 1; box-shadow: 0 0 0 0 rgba(0,212,255,.5); }
  50%      { opacity: .3; box-shadow: 0 0 0 6px rgba(0,212,255,0); }
}
.cp-title {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: 900; letter-spacing: -.04em; line-height: 1;
  color: var(--fg, #e8e8e8);
}
.cp-title .cp-accent { color: var(--accent, #ccff00); }
.cp-sub {
  font-size: 1.05rem; color: #555; line-height: 1.7;
  max-width: 520px; margin-top: .65rem;
}
.cp-stats {
  display: flex; flex-direction: column;
  gap: 1.25rem; align-items: flex-end; flex-shrink: 0;
}
.cp-stat { text-align: right; }
.cp-stat-val {
  font-size: 1.75rem; font-weight: 900;
  letter-spacing: -.04em; color: var(--fg, #e8e8e8); line-height: 1;
}
.cp-stat-val em { color: var(--cyan, #00D4FF); font-style: normal; }
.cp-stat-label {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .5rem; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase;
  color: #272727; margin-top: .2rem;
}

/* ── Container ───────────────────────────────────────────────────────── */
.cp-container {
  max-width: var(--wrap, 1400px);
  margin: 0 auto;
  width: 100%;
}

/* ── Section wrapper ─────────────────────────────────────────────────── */
.cp-section {
  padding: 3rem clamp(1.5rem, 4vw, 2.5rem);
  border-bottom: 1px solid var(--border, #181818);
}
.cp-section-alt { background: #080808; }

.cp-section-head {
  display: flex; align-items: flex-end;
  justify-content: space-between; margin-bottom: 1.75rem;
}
.cp-sh-left { display: flex; flex-direction: column; gap: .4rem; }
.cp-sh-tag {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .58rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  display: flex; align-items: center; gap: .4rem;
}
.cp-sh-tag.cyan   { color: var(--cyan, #00D4FF); }
.cp-sh-tag.purple { color: var(--purple, #B57FFF); }
.cp-sh-tag.lime   { color: var(--accent, #ccff00); }
.cp-sh-tag.orange { color: var(--orange, #ff6314); }

.cp-sh-title {
  font-size: clamp(2rem, 4vw, 3rem); font-weight: 800;
  letter-spacing: -.035em; color: #555; line-height: 1.1;
}
.cp-sh-title b { color: var(--fg, #e8e8e8); font-weight: 800; }
.cp-sh-link {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .55rem; font-weight: 700;
  letter-spacing: .15em; text-transform: uppercase;
  color: #282828; border-bottom: 1px solid #222; padding-bottom: 1px;
  text-decoration: none; transition: color .2s, border-color .2s;
}
.cp-sh-link:hover { color: var(--cyan, #00D4FF); border-color: rgba(0,212,255,.4); }

/* ── §1 Community Pulse ──────────────────────────────────────────────── */
.cp-pulse-card {
  background: #0b0b0b; border: 1px solid var(--border, #181818);
  border-radius: 8px; overflow: hidden; max-width: 1140px;
  margin: 0 auto; position: relative;
}
.cp-pulse-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,212,255,.35) 40%, transparent);
}
.cp-pulse-q { padding: 2rem 2.25rem 1.5rem; position: relative; overflow: hidden; }
.cp-pulse-watermark {
  position: absolute; top: -1rem; right: 1.5rem;
  font-size: 10rem; font-weight: 900;
  color: rgba(0,212,255,.02); line-height: 1;
  pointer-events: none; user-select: none;
}
.cp-pulse-from {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .58rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: #2e2e2e; display: flex; align-items: center;
  gap: .4rem; margin-bottom: 1rem;
}
.cp-pulse-from::before { content: '\25B8'; color: var(--orange, #ff6314); }
.cp-pulse-question {
  font-size: 1.35rem; font-weight: 800; line-height: 1.4;
  color: #d0d0d0; letter-spacing: -.02em; max-width: 620px;
  position: relative; z-index: 1;
}
.cp-pulse-question::before { content: '\201C'; color: var(--cyan, #00D4FF); opacity: .4; }
.cp-pulse-question::after  { content: '\201D'; color: var(--cyan, #00D4FF); opacity: .4; }
.cp-pulse-heat { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.25rem; }
.cp-p-stat {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .65rem; color: #2e2e2e;
  display: flex; align-items: center; gap: .35rem;
}
.cp-p-stat b { color: var(--cyan, #00D4FF); font-weight: 700; font-size: .78rem; }
.cp-p-link {
  margin-left: auto;
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .58rem; font-weight: 600;
  letter-spacing: .1em; text-transform: uppercase;
  color: #2a2a2a; border-bottom: 1px solid #222;
  text-decoration: none; transition: color .2s, border-color .2s;
}
.cp-p-link:hover { color: var(--orange, #ff6314); border-color: var(--orange, #ff6314); }
.cp-pulse-divider {
  height: 1px; margin: 0 2.25rem;
  background: linear-gradient(90deg, rgba(0,212,255,.12), transparent 65%);
}
.cp-pulse-resp {
  padding: 1.5rem 2.25rem 2rem;
  display: grid; grid-template-columns: 36px 1fr; gap: 1rem;
}
.cp-pulse-gutter {
  display: flex; flex-direction: column;
  align-items: center; gap: .4rem; padding-top: .1rem;
}
.cp-pulse-icon {
  width: 30px; height: 30px; border-radius: 50%;
  background: rgba(181,127,255,.07); border: 1px solid rgba(181,127,255,.15);
  display: flex; align-items: center; justify-content: center;
  font-size: .7rem; color: var(--purple, #B57FFF);
}
.cp-pulse-line {
  width: 1px; flex: 1; min-height: 40px;
  background: linear-gradient(to bottom, rgba(181,127,255,.15), transparent);
}
.cp-pulse-content { display: flex; flex-direction: column; gap: .65rem; }
.cp-pulse-label {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .55rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--purple, #B57FFF);
}
.cp-pulse-text { font-size: 1rem; line-height: 1.8; color: #777; }
.cp-pulse-text p { margin-bottom: 1.1rem; }
.cp-pulse-text p:last-child { margin-bottom: 0; }
.cp-pulse-text strong { color: #bbb; font-weight: 600; }
.cp-pulse-foot {
  display: flex; align-items: center;
  justify-content: space-between; margin-top: .5rem;
}
.cp-pulse-model {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .5rem; color: #202020;
  letter-spacing: .12em; text-transform: uppercase;
  display: flex; align-items: center; gap: .35rem;
}
.cp-pulse-model::before {
  content: ''; width: 5px; height: 5px; border-radius: 50%;
  background: rgba(181,127,255,.3);
}
.cp-pulse-cta {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .55rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--accent, #ccff00);
  background: rgba(204,255,0,.05); border: 1px solid rgba(204,255,0,.12);
  border-radius: 3px; padding: .35rem .85rem;
  text-decoration: none; transition: background .2s;
  display: flex; align-items: center; gap: .35rem;
}
.cp-pulse-cta:hover { background: rgba(204,255,0,.1); }
.cp-pulse-also {
  border-top: 1px solid #101010; padding: .85rem 2.25rem;
  background: #090909; display: flex; align-items: center;
  gap: 1.25rem; flex-wrap: wrap;
}
.cp-pulse-also-label {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .52rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: #1e1e1e; flex-shrink: 0;
}
.cp-pulse-chip {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .52rem; color: #282828;
  border: 1px solid #161616; border-radius: 2px;
  padding: .28rem .65rem; cursor: pointer; white-space: nowrap;
  text-decoration: none; transition: color .2s, border-color .2s;
}
.cp-pulse-chip:hover { color: var(--purple, #B57FFF); border-color: rgba(181,127,255,.25); }
.cp-refresh-btn {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .55rem; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase;
  color: #282828; background: none; border: 1px solid #1e1e1e;
  border-radius: 3px; padding: .45rem 1rem; cursor: pointer;
  transition: color .2s, border-color .2s;
}
.cp-refresh-btn:hover { color: var(--cyan, #00D4FF); border-color: rgba(0,212,255,.3); }

/* ── §2 Recognition Wall ─────────────────────────────────────────────── */
.cp-rec-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--border, #181818);
  border: 1px solid var(--border, #181818);
  border-radius: 6px; overflow: hidden;
}
.cp-rec-card {
  background: var(--bg, #050505); break-inside: avoid;
  padding: 1.75rem; display: flex; flex-direction: column;
  gap: .9rem; position: relative; transition: background .2s;
  text-decoration: none;
}
.cp-rec-card:hover { background: #0a0a0a; }
a.cp-rec-card:hover .cp-rec-text { color: #999; }
.cp-rec-qmark {
  font-size: 4rem; line-height: 1;
  color: rgba(181,127,255,.07);
  font-family: var(--font-serif, 'Playfair Display', serif);
  font-style: italic; position: absolute;
  top: .75rem; right: 1.25rem; pointer-events: none;
}
.cp-rec-text {
  font-size: 1rem; line-height: 1.75; color: #777;
  font-style: italic; font-family: var(--font-serif, 'Playfair Display', serif);
  position: relative; z-index: 1;
  max-height: calc(1.75rem * 6);
  overflow: hidden;
}
.cp-rec-text::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 2.5rem;
  background: linear-gradient(to bottom, transparent, #050505);
  pointer-events: none;
}
.cp-rec-text em { font-style: normal; color: #c0c0c0; font-weight: 700; }
.cp-rec-foot {
  display: flex; align-items: center;
  justify-content: space-between;
  padding-top: .75rem; border-top: 1px solid #0e0e0e;
  margin-top: auto;
}
.cp-rec-source {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .6rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: #444; display: flex; align-items: center; gap: .35rem;
}
.cp-rec-source::before { content: '\25B8'; color: var(--orange, #ff6314); opacity: .5; }
.cp-rec-tag {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .48rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  padding: .22rem .55rem; border-radius: 2px;
}
.cp-rec-tag.purple { background: rgba(181,127,255,.07); color: rgba(181,127,255,.6); border: 1px solid rgba(181,127,255,.1); }
.cp-rec-tag.cyan   { background: rgba(0,212,255,.05);   color: rgba(0,212,255,.5);   border: 1px solid rgba(0,212,255,.08); }
.cp-rec-tag.lime   { background: rgba(204,255,0,.05);   color: rgba(204,255,0,.5);   border: 1px solid rgba(204,255,0,.08); }

/* ── §3 Trending Topics ──────────────────────────────────────────────── */
.cp-trend-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 1px; background: var(--border, #181818);
  border: 1px solid var(--border, #181818);
  border-radius: 6px; overflow: hidden;
}
.cp-trend-item {
  background: var(--bg, #050505); padding: 1.5rem 1.75rem;
  display: flex; align-items: center; gap: 1.5rem;
  transition: background .2s; cursor: default;
}
.cp-trend-item:hover { background: #0a0a0a; }
.cp-trend-rank {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: 1.75rem; font-weight: 900; color: #333;
  letter-spacing: -.05em; min-width: 2.5rem; line-height: 1;
}
.cp-trend-body { flex: 1; }
.cp-trend-topic {
  font-size: 1rem; font-weight: 700; color: #666; line-height: 1.4; margin-bottom: .35rem;
}
.cp-trend-topic b { color: var(--fg, #e8e8e8); }
.cp-trend-count {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .58rem; color: #383838;
}
.cp-trend-count b { color: #484848; }
.cp-trend-right { display: flex; flex-direction: column; align-items: flex-end; gap: .4rem; }
.cp-trend-bar-track { width: 80px; height: 3px; background: #111; border-radius: 2px; overflow: hidden; }
.cp-trend-bar-fill  { height: 100%; border-radius: 2px; background: var(--purple, #B57FFF); opacity: .4; }
.cp-trend-delta {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .52rem; font-weight: 700; letter-spacing: .08em;
}
.cp-trend-delta.up   { color: var(--accent, #ccff00); }
.cp-trend-delta.hot  { color: var(--orange, #ff6314); }
.cp-trend-delta.flat { color: #282828; }
.cp-trend-delta.down { color: #333; }

/* ── §4 Small Wins ───────────────────────────────────────────────────── */
.cp-wins-grid {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 1px; background: var(--border, #181818);
  border: 1px solid var(--border, #181818);
  border-radius: 6px; overflow: hidden;
}
.cp-win-card {
  background: var(--bg, #050505); padding: 1.75rem;
  display: flex; flex-direction: column; gap: 1rem;
  transition: background .2s;
}
.cp-win-card:hover { background: #0a0a0a; }
.cp-win-emoji { font-size: 1.5rem; line-height: 1; }
.cp-win-text {
  font-size: 1rem; font-weight: 500; color: #777; line-height: 1.65; flex: 1;
}
.cp-win-text b { color: var(--fg, #e8e8e8); font-weight: 700; }
.cp-win-foot {
  display: flex; align-items: center;
  justify-content: space-between;
  padding-top: .85rem; border-top: 1px solid #0e0e0e; margin-top: auto;
}
.cp-win-source {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .65rem; color: #484848;
  letter-spacing: .12em; text-transform: uppercase;
}
.cp-win-hearts {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .55rem; color: #383838;
}
.cp-win-hearts b { color: #484848; }

/* ── §5 The Number ───────────────────────────────────────────────────── */
.cp-solidarity {
  text-align: center;
  padding: 5rem clamp(1.5rem, 4vw, 2.5rem);
  border-bottom: 1px solid var(--border, #181818);
  position: relative; overflow: hidden;
}
.cp-solidarity::before {
  content: ''; position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 60%; height: 200%;
  background: radial-gradient(ellipse, rgba(0,212,255,.022) 0%, transparent 65%);
  pointer-events: none;
}
.cp-sol-label {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .62rem; font-weight: 700;
  letter-spacing: .25em; text-transform: uppercase;
  color: #222; margin-bottom: 1.5rem;
}
.cp-sol-number {
  font-size: clamp(5rem, 13vw, 10rem); font-weight: 900;
  letter-spacing: -.05em; line-height: .9;
  color: var(--fg, #e8e8e8); position: relative; z-index: 1;
}
.cp-sol-number span { color: var(--accent, #ccff00); }
.cp-sol-title {
  font-size: clamp(1.1rem, 2.2vw, 1.5rem); font-weight: 700;
  color: #2e2e2e; margin-top: 1.5rem; letter-spacing: -.02em;
  position: relative; z-index: 1;
}
.cp-sol-title span { color: #666; }
.cp-sol-sub {
  font-size: 1rem; color: #282828; margin-top: .75rem;
  font-style: italic; font-family: var(--serif, 'Playfair Display', serif);
  position: relative; z-index: 1;
}

/* ── §6 Submit ───────────────────────────────────────────────────────── */
.cp-submit-wrap { max-width: 680px; margin: 0 auto; }
.cp-submit-card {
  background: #0b0b0b; border: 1px solid var(--border, #181818);
  border-radius: 8px; padding: 2.25rem;
  display: flex; flex-direction: column; gap: 1.25rem;
  position: relative; overflow: hidden;
}
.cp-submit-card::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(204,255,0,.22) 40%, transparent);
}
.cp-submit-eyebrow {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .58rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--accent, #ccff00);
}
.cp-submit-headline {
  font-size: 1.35rem; font-weight: 800;
  color: #666; letter-spacing: -.02em; line-height: 1.3;
}
.cp-submit-headline b { color: var(--fg, #e8e8e8); }
.cp-submit-sub { font-size: 1rem; color: #383838; line-height: 1.75; }
.cp-submit-textarea {
  width: 100%; background: #080808; border: 1px solid #1e1e1e;
  border-radius: 4px; padding: 1rem 1.1rem;
  color: var(--fg, #e8e8e8); font-family: var(--sans, 'Inter', sans-serif);
  font-size: 1rem; line-height: 1.6; resize: none; height: 90px;
  outline: none; transition: border-color .2s;
}
.cp-submit-textarea:focus { border-color: rgba(204,255,0,.3); }
.cp-submit-textarea::placeholder { color: #2a2a2a; }
.cp-submit-foot { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; }
.cp-submit-note {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .52rem; color: #222; letter-spacing: .1em;
}
.cp-submit-btn {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .62rem; font-weight: 700;
  letter-spacing: .15em; text-transform: uppercase;
  background: var(--accent, #ccff00); color: #050505;
  border: none; border-radius: 3px;
  padding: .7rem 1.5rem; cursor: pointer;
  transition: background .2s, transform .15s;
}
.cp-submit-btn:hover { background: #b8e600; transform: translateY(-1px); }

/* ── Loading skeleton ────────────────────────────────────────────────── */
.cp-loading { opacity: .35; pointer-events: none; }
.cp-skeleton {
  background: linear-gradient(90deg, #0f0f0f 25%, #181818 50%, #0f0f0f 75%);
  background-size: 200% 100%;
  animation: cp-shimmer 1.4s ease infinite;
  border-radius: 3px;
}
@keyframes cp-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
.cp-skeleton-line { height: 1em; margin-bottom: .5em; }
.cp-skeleton-line.short { width: 60%; }
.cp-skeleton-line.medium { width: 80%; }

/* ── Error state ─────────────────────────────────────────────────────── */
.cp-error-msg {
  font-family: var(--mono, 'JetBrains Mono', monospace);
  font-size: .7rem; color: #333; text-align: center; padding: 3rem;
  letter-spacing: .1em;
}

/* ── Responsive ──────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .cp-rec-grid   { grid-template-columns: 1fr 1fr; }
  .cp-wins-grid  { grid-template-columns: 1fr 1fr; }
  .cp-trend-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .cp-header-inner { grid-template-columns: 1fr; }
  .cp-stats { flex-direction: row; align-items: flex-start; gap: 2rem; }
  .cp-stat  { text-align: left; }
  .cp-rec-grid  { grid-template-columns: 1fr; }
  .cp-wins-grid { grid-template-columns: 1fr; }
  .cp-pulse-resp { grid-template-columns: 1fr; }
  .cp-pulse-gutter { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cp-live-dot   { animation: none; opacity: 1; }
  .cp-skeleton   { animation: none; }
}

/* ── §6 Pulse Archive ────────────────────────────────────────────────── */
.cp-archive-list {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: 2rem;
}
.cp-archive-item {
  border: 1px solid rgba(255,255,255,0.07);
  border-left: 3px solid rgba(181,127,255,0.25);
  border-radius: 6px;
  overflow: hidden;
  background: #0d0d0d;
}
.cp-archive-item[open] {
  border-color: rgba(181,127,255,0.35);
  border-left-color: rgba(181,127,255,0.7);
  background: #101010;
}
.cp-archive-summary {
  list-style: none;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 1.25rem;
  padding: 1.1rem 1.5rem;
  cursor: pointer;
  user-select: none;
}
.cp-archive-summary::-webkit-details-marker { display: none; }
.cp-archive-q {
  font-size: .9rem;
  font-weight: 600;
  color: #ccc;
  line-height: 1.4;
}
.cp-archive-item[open] .cp-archive-q { color: var(--fg, #e8e8e8); }
.cp-archive-meta {
  display: flex;
  gap: .75rem;
  font-family: var(--mono, monospace);
  font-size: .55rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #2e2e2e;
  white-space: nowrap;
}
.cp-archive-chevron {
  color: #2e2e2e;
  font-size: .7rem;
  transition: transform .2s;
}
.cp-archive-item[open] .cp-archive-chevron { transform: rotate(180deg); color: var(--purple, #B57FFF); }
.cp-archive-response {
  padding: 0 1.5rem 1.25rem;
  border-top: 1px solid #111;
}
.cp-archive-response p {
  font-size: .875rem;
  color: #666;
  line-height: 1.8;
  margin-bottom: .9rem;
}
.cp-archive-response p:last-child { margin-bottom: 0; }

@media (max-width: 600px) {
  .cp-archive-summary { grid-template-columns: 1fr auto; }
  .cp-archive-meta { display: none; }
}