/* Speak Up — the prompt sheets.
   Each sheet is its own post and its own page. This is the index that leads to them,
   and the button that sits at the end of one. */

.su-prompts { margin: 0; }

.su-prompts-top {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
  font-family: var(--wp--preset--font-family--text);
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--wp--preset--color--quiet);
  margin: 0 0 6px;
}
.su-prompts-count { margin: 0; }
.su-prompts-allpdf {
  text-decoration: none; font-weight: 600; letter-spacing: .1em;
  color: var(--wp--preset--color--brand);
}
.su-prompts-allpdf:hover { text-decoration: underline; }

.su-prompt-index { list-style: none; margin: 0; padding: 0; }

.su-prompt-row {
  display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
  padding: 15px 0;
  border-top: 1px solid var(--wp--preset--color--hairline);
  margin: 0;
}
.su-prompt-row:last-child { border-bottom: 1px solid var(--wp--preset--color--hairline); }

.su-prompt-name {
  font-family: var(--wp--preset--font-family--display);
  font-size: clamp(20px, 2vw, 25px); line-height: 1.15;
  color: var(--wp--preset--color--ink);
  text-decoration: none;
}
.su-prompt-name:hover { color: var(--wp--preset--color--brand); text-decoration: none; }

.su-prompt-meta {
  flex: 0 0 auto; text-align: right; white-space: nowrap;
  font-family: var(--wp--preset--font-family--text); font-size: 11.5px;
  letter-spacing: .06em; color: var(--wp--preset--color--quiet);
}
.su-prompt-n { color: var(--wp--preset--color--faint); }
.su-prompt-n::before,
.su-prompt-pdflink::before { content: " · "; color: var(--wp--preset--color--tag); }
.su-prompt-pdflink {
  text-decoration: none; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: var(--wp--preset--color--brand);
}
.su-prompt-pdflink::before { color: var(--wp--preset--color--tag); font-weight: 400; }
.su-prompt-pdflink:hover { text-decoration: underline; }

/* A sheet's own page.

   His call, 2026-09-07: paper, roomy, bullets rather than numbers. The prompts sit
   on a warm ground inside a soft frame, so the page reads as the sheet another group
   would take and copy, and the "Writing 1" markers stay small — the same order of
   emphasis the printed one has. Nothing here changes the stored blocks. */

.su-sheet .su-main .entry-content {
  /* A wider column than the rest of the site, because the paper has deep margins of
     its own and would otherwise leave a very short measure inside them. */
  grid-template-columns: minmax(0, 1fr) minmax(0, 44em) minmax(0, 1fr);
}

.su-sheet-top {
  display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
  padding-bottom: 14px; margin-bottom: 26px;
  border-bottom: 1px solid var(--wp--preset--color--hairline);
}
.su-sheet-date {
  font-family: var(--wp--preset--font-family--text);
  font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
  color: var(--wp--preset--color--quiet);
}
.su-prompt-pdf {
  display: inline-block; text-decoration: none; white-space: nowrap;
  font-family: var(--wp--preset--font-family--text);
  font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
  color: var(--wp--preset--color--ink);
  border: 1px solid var(--wp--preset--color--hairline);
  padding: 8px 14px;
}
.su-prompt-pdf:hover { border-color: var(--wp--preset--color--ink); text-decoration: none; }
.su-sheet-acts { display: flex; gap: 10px; flex: 0 0 auto; }
button.su-prompt-copy { background: none; cursor: pointer; font: inherit; line-height: 1; }
button.su-prompt-copy.is-done { border-color: var(--wp--preset--color--brand); color: var(--wp--preset--color--brand); }

/* Whether another group may use these — his words, from Settings > Speak Up words. */
.su-prompt-use {
  margin: 34px 0 0 !important; padding-top: 18px;
  border-top: 1px solid var(--wp--preset--color--hairline);
  font-family: var(--wp--preset--font-family--text) !important;
  font-size: 12.5px !important; line-height: 1.6;
  color: var(--wp--preset--color--quiet);
  max-width: 44em;
}

.su-sheet .su-main .entry-content > .su-sheet-paper {
  background: #fcfbf9;
  border: 1px solid #eeece8;
  box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 30px rgba(0,0,0,.06);
  padding: 52px 58px 54px;
  margin: 0;
}

.su-sheet-paper > h1,
.su-sheet-paper > h2,
.su-sheet-paper > h3 {
  font-family: var(--wp--preset--font-family--text) !important;
  font-size: 11px !important; font-weight: 600 !important;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--wp--preset--color--quiet);
  margin: 38px 0 18px !important;
}
.su-sheet-paper > *:first-child { margin-top: 0 !important; }

.su-sheet-paper ul,
.su-sheet-paper ol { list-style: none; margin: 0; padding: 0; }

/* Both shapes a sheet has ever been written in: a heading followed by a list, and a
   heading followed by loose paragraphs. Each prompt gets the same mark. */
.su-sheet-paper li,
.su-sheet-paper > p {
  position: relative; padding-left: 30px;
  font-family: var(--wp--preset--font-family--display);
  font-size: clamp(19px, 1.6vw, 21px); line-height: 1.42;
  color: var(--wp--preset--color--ink);
  margin: 0 0 16px;
  max-width: 30em;
}
.su-sheet-paper li::before,
.su-sheet-paper > p::before {
  content: ""; position: absolute; left: 8px; top: .62em;
  width: 5px; height: 5px; border-radius: 50%;
  background: var(--wp--preset--color--brand);
}
.su-sheet-paper li:last-child,
.su-sheet-paper > p:last-child { margin-bottom: 0; }
.su-sheet-paper em, .su-sheet-paper i { font-style: italic; }

@media (max-width: 640px) {
  .su-sheet .su-main .entry-content > .su-sheet-paper { padding: 30px 24px 32px; }
  .su-sheet-paper li, .su-sheet-paper > p { padding-left: 22px; }
  .su-sheet-paper li::before, .su-sheet-paper > p::before { left: 4px; }
}

@media (max-width: 560px) {
  .su-prompt-row { flex-direction: column; gap: 5px; }
  .su-prompt-meta { text-align: left; white-space: normal; }
}