/* WeSearch Press — inhabited paper (social strip + letters box).
   Changes: #press-room cream 1180px strip after the rail (green/red dot +
   mono count · Cormorant today’s room · most discussed); desktop
   #press-room-talk up to 3 titles with rules; mobile hide the ol, wrap
   13–14px, pad 8px 12px, in-flow above the dock; #daily-convo letters
   box (cream, 2px ink, red mono kicker, paper/0-radius textarea, square
   var(--press-kicker) post); hide convo image on mobile; no cards/shadows/avatars;
   do not unhide #home-masthead / #ws-pulse / .signal-board / #side-nav /
   .mobile-bottom-nav. */

/* ===== PRESS ROOM — presence slug on the sheet ===== */
html[data-layout="press"] #press-room {
  display: flex;
  align-items: center;
  gap: 10px 16px;
  box-sizing: border-box;
  background: var(--press-paper);
  color: var(--press-ink);
  border-radius: 0;
  box-shadow: none;
}

html[data-layout="press"] #press-room[hidden] {
  display: none !important;
}

html[data-layout="press"] #press-room img,
html[data-layout="press"] #press-room .avatar,
html[data-layout="press"] #press-room [class*="avatar"] {
  display: none !important;
}

html[data-layout="press"] .press-room-pulse {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  min-height: 44px;
}

html[data-layout="press"] .press-room-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #2F7A4A;
  box-shadow: none;
}

html[data-layout="press"] .press-room-dot.is-live {
  background: #2F7A4A;
}

html[data-layout="press"] .press-room-dot.is-empty,
html[data-layout="press"] .press-room-dot.is-quiet,
html[data-layout="press"] .press-room-dot.is-alone,
html[data-layout="press"] .press-room-dot.is-off,
html[data-layout="press"] #press-room.is-empty .press-room-dot,
html[data-layout="press"] #press-room[data-live="0"] .press-room-dot,
html[data-layout="press"] #press-room[data-count="0"] .press-room-dot {
  background: var(--press-kicker);
}

html[data-layout="press"] #press-room-count {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .03em;
  color: var(--press-ink);
  line-height: 1.3;
  white-space: nowrap;
}

html[data-layout="press"] .press-room-convo {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 10px;
  min-width: 0;
  min-height: 44px;
  color: var(--press-ink);
  text-decoration: none;
}

html[data-layout="press"] .press-room-convo[hidden] {
  display: none !important;
}

html[data-layout="press"] .press-room-kicker {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--press-kicker);
  line-height: 1.3;
  white-space: nowrap;
}

html[data-layout="press"] #press-room-convo-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 17px;
  font-weight: 600;
  font-style: italic;
  line-height: 1.25;
  color: var(--press-ink);
  min-width: 0;
}

html[data-layout="press"] .press-room-convo:hover #press-room-convo-title {
  color: var(--press-kicker);
}

html[data-layout="press"] .press-room-more {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 44px;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--press-kicker);
  text-decoration: none;
  white-space: nowrap;
}
html[data-layout="press"] a.press-room-more[href="/canvas"] {
  margin-left: auto;
}
html[data-layout="press"] .press-room-more + .press-room-more {
  margin-left: 14px;
}

html[data-layout="press"] .press-room-more:hover {
  color: var(--press-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-layout="press"] #press-room-talk {
  display: flex;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

html[data-layout="press"] #press-room-talk[hidden] {
  display: none !important;
}

html[data-layout="press"] #press-room-talk > li {
  flex: 1 1 0;
  min-width: 0;
  max-width: 33.33%;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-left: 1px solid var(--press-ink);
}

html[data-layout="press"] #press-room-talk > li:nth-child(n + 4) {
  display: none;
}

html[data-layout="press"] #press-room-talk a {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.25;
  color: var(--press-ink);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

html[data-layout="press"] #press-room-talk a:hover {
  color: var(--press-kicker);
}

@media (min-width: 960px) {
  html[data-layout="press"] #press-room {
    flex-wrap: nowrap;
    width: 1180px;
    max-width: calc(100vw - 24px);
    margin: 0 auto;
    min-height: 44px;
    padding: 6px 18px;
    background: var(--press-paper);
    border-top: 1px solid var(--press-ink);
    border-bottom: 1px solid var(--press-ink);
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow:
      -2px 0 0 var(--press-ink),
      2px 0 0 var(--press-ink);
  }

  html[data-layout="press"] .press-room-convo:not([hidden])::before,
  html[data-layout="press"] .press-room-more::before {
    content: "·";
    margin-right: 12px;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 18px;
    font-weight: 600;
    color: var(--press-ink);
    line-height: 1;
  }
}

@media (max-width: 959px) {
  html[data-layout="press"] #press-room {
    position: relative;
    z-index: 20;
    flex-wrap: wrap;
    width: 100%;
    max-width: none;
    margin: 0;
    min-height: 44px;
    padding: 8px 12px;
    font-size: 14px;
    border-top: 1px solid var(--press-ink);
    border-bottom: 1px solid var(--press-ink);
    border-radius: 0;
    box-shadow: none;
  }

  html[data-layout="press"] .press-room-pulse {
    min-height: 0;
  }

  html[data-layout="press"] #press-room-count {
    font-size: 13px;
    white-space: normal;
  }

  html[data-layout="press"] .press-room-convo {
    flex: 1 1 auto;
    min-height: 0;
    gap: 4px 8px;
  }

  html[data-layout="press"] .press-room-kicker {
    font-size: 10px;
  }

  html[data-layout="press"] #press-room-convo-title {
    font-size: 14px;
  }

  html[data-layout="press"] .press-room-more {
    margin-left: 0;
    min-height: 36px;
    font-size: 11px;
  }

  html[data-layout="press"] #press-room-talk,
  html[data-layout="press"] #press-room-talk:not([hidden]) {
    display: none !important;
  }
}

/* ===== DAILY CONVO — letters box, not a SaaS card ===== */
html[data-layout="press"] #daily-convo,
html[data-layout="press"] #daily-convo.daily-convo {
  width: 1180px;
  max-width: calc(100vw - 24px);
  margin: 20px auto 0;
  padding: 0;
  background: transparent;
  color: var(--press-ink);
  box-sizing: border-box;
}

html[data-layout="press"] #daily-convo[hidden] {
  display: none !important;
}

html[data-layout="press"] #daily-convo .daily-convo-card {
  background: var(--press-paper);
  color: var(--press-ink);
  border: 2px solid var(--press-ink);
  border-radius: 0;
  box-shadow: none;
  padding: 20px 22px 18px;
}

html[data-layout="press"] #daily-convo .daily-convo-head {
  align-items: flex-start;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--press-ink);
}

html[data-layout="press"] #daily-convo .daily-convo-rule {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--press-kicker);
}

html[data-layout="press"] #daily-convo .daily-convo-note {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 15px;
  color: var(--press-ink-soft);
}

html[data-layout="press"] #daily-convo .daily-convo-skip {
  border: 1px solid var(--press-ink);
  border-radius: 0;
  background: transparent;
  color: var(--press-ink);
  min-height: 36px;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

html[data-layout="press"] #daily-convo .daily-convo-skip:hover {
  background: var(--press-ink);
  color: var(--press-paper);
  border-color: var(--press-ink);
}

html[data-layout="press"] #daily-convo .daily-convo-source {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color: var(--press-kicker);
}

html[data-layout="press"] #daily-convo .daily-convo-title,
html[data-layout="press"] #daily-convo .daily-convo-title a,
html[data-layout="press"] #daily-convo #daily-convo-title {
  font-family: "Cormorant Garamond", Georgia, serif;
  color: var(--press-ink);
}

html[data-layout="press"] #daily-convo .daily-convo-title a:hover,
html[data-layout="press"] #daily-convo #daily-convo-title:hover {
  color: var(--press-kicker);
}

html[data-layout="press"] #daily-convo .daily-convo-excerpt,
html[data-layout="press"] #daily-convo .daily-convo-prompt {
  color: var(--press-ink);
}

html[data-layout="press"] #daily-convo .daily-convo-media {
  border-radius: 0;
  overflow: hidden;
  background: #d9cdb0;
}

html[data-layout="press"] #daily-convo .daily-convo-media[hidden] {
  display: none !important;
}

html[data-layout="press"] #daily-convo-input,
html[data-layout="press"] #daily-convo .daily-convo-form textarea {
  background: var(--press-paper-2);
  color: var(--press-ink);
  border: 1px solid var(--press-ink);
  border-radius: 0;
  box-shadow: none;
  font-size: 15px;
}

html[data-layout="press"] #daily-convo-input::placeholder,
html[data-layout="press"] #daily-convo .daily-convo-form textarea::placeholder {
  color: var(--press-ink-soft);
  opacity: .78;
}

html[data-layout="press"] #daily-convo-input:focus,
html[data-layout="press"] #daily-convo .daily-convo-form textarea:focus {
  outline: 2px solid var(--press-ink);
  outline-offset: 1px;
  border-color: var(--press-ink);
  box-shadow: none;
}

html[data-layout="press"] #daily-convo-submit,
html[data-layout="press"] #daily-convo .daily-convo-post {
  background: var(--press-kicker);
  color: #fff;
  border: 1px solid var(--press-kicker);
  border-radius: 0;
  min-height: 44px;
  padding: 10px 16px;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  box-shadow: none;
}

html[data-layout="press"] #daily-convo-submit:hover,
html[data-layout="press"] #daily-convo .daily-convo-post:hover {
  background: var(--press-ink);
  border-color: var(--press-ink);
  color: var(--press-paper);
}

html[data-layout="press"] #daily-convo-submit:disabled,
html[data-layout="press"] #daily-convo .daily-convo-post:disabled {
  opacity: .55;
}

html[data-layout="press"] #daily-convo .daily-convo-open,
html[data-layout="press"] #daily-convo #daily-convo-open {
  color: var(--press-ink);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-style: italic;
  font-size: 16px;
}

html[data-layout="press"] #daily-convo .daily-convo-open:hover,
html[data-layout="press"] #daily-convo #daily-convo-open:hover {
  color: var(--press-kicker);
}

html[data-layout="press"] #daily-convo .daily-convo-meta,
html[data-layout="press"] #daily-convo #daily-convo-meta {
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  color: var(--press-ink-soft);
}

html[data-layout="press"] #daily-convo .daily-convo-thanks {
  background: var(--press-paper-2);
  border: 1px solid var(--press-ink);
  border-radius: 0;
  box-shadow: none;
}

html[data-layout="press"] #daily-convo .daily-convo-thanks p {
  color: var(--press-ink);
}

html[data-layout="press"] #daily-convo .daily-convo-thanks a,
html[data-layout="press"] #daily-convo #daily-convo-thanks-link {
  color: var(--press-kicker);
}

@media (max-width: 959px) {
  html[data-layout="press"] #daily-convo,
  html[data-layout="press"] #daily-convo.daily-convo {
    width: 100%;
    max-width: none;
    margin: 16px 0 0;
    padding: 0 12px;
  }

  html[data-layout="press"] #daily-convo .daily-convo-card {
    padding: 14px 14px 12px;
  }

  html[data-layout="press"] #daily-convo .daily-convo-body {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  html[data-layout="press"] #daily-convo .daily-convo-media,
  html[data-layout="press"] #daily-convo #daily-convo-media,
  html[data-layout="press"] #daily-convo #daily-convo-img {
    display: none !important;
  }
}