:root {
  --bg: #f8f8f5;
  --surface: #ffffff;
  --surface-alt: #f2f2ee;
  --ink: #121417;
  --muted: #5f6872;
  --line: #d8dcd5;
  --accent: #0f6c5c;
  --accent-2: #174ea6;
  --danger: #9b1c31;
  --radius: 16px;
  --sidebar-shell-bg: #fff8f1;
  --sidebar-shell-border: rgba(223, 197, 166, 0.72);
  --sidebar-shell-radius: 20px;
  --shadow: 0 8px 26px rgba(18, 20, 23, 0.08);
  --app-gutter: 28px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: radial-gradient(circle at 12% 0%, #fefdf7 0%, var(--bg) 46%, #eff2ea 100%);
  color: var(--ink);
  font-family: "Space Grotesk", "Segoe UI", sans-serif;
  line-height: 1.45;
}

img {
  max-width: 100%;
  display: block;
}

a,
button,
input {
  font: inherit;
}

a {
  color: inherit;
  text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
.topic-chip:focus-visible,
.tsemit-btn:focus-visible {
  outline: 3px solid var(--accent-2);
  outline-offset: 2px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(248, 248, 245, 0.74);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid rgba(216, 220, 213, 0.65);
}

.header-inner {
  width: min(1760px, calc(100% - var(--app-gutter)));
  margin: 0 auto;
  min-height: 56px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
}

.logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.logo-mark {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--accent), #2f8b7d);
  color: #fff;
}

.logo-text {
  font-size: 1.05rem;
}

.hero-search input {
  width: 100%;
  border: 0;
  border-radius: 999px;
  background: #fff;
  color: var(--ink);
  padding: 0.72rem 1rem;
}

.header-nav {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.header-nav a,
.ghost-btn,
.profile-btn {
  padding: 0.34rem 0.56rem;
  border-radius: 10px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #3d4650;
  font-size: 0.92rem;
}

.header-nav a:hover,
.ghost-btn:hover,
.profile-btn:hover {
  background: #ecefe7;
  border-color: #dde2d8;
}

main {
  width: min(1760px, calc(100% - var(--app-gutter)));
  margin: 0 auto 18px;
}

.hero {
  border: 0;
  border-radius: 0;
  padding: 4px 0;
  background: transparent;
  box-shadow: none;
  display: grid;
  gap: 6px;
  min-width: 0;
}

.hero-topline {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}

.hero-copy,
.hero-search {
  min-width: 0;
}

.hero-copy h1 {
  margin: 0;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(0.88rem, 1.35vw, 1.06rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  white-space: nowrap;
  flex: 0 0 auto;
}

.hero-copy h1 span {
  display: inline;
}

.hero-subtitle {
  margin: 0;
  color: var(--muted);
  font-size: 0.72rem;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.hero-identity {
  margin: 0;
  font-size: 0.56rem;
  letter-spacing: 0.16em;
  color: #7b8591;
  width: 100%;
  text-align: center;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 0;
}

.status-strip {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 3px 0;
  overflow: hidden;
  min-width: 0;
}

.status-strip h2 {
  margin: 0 0 3px;
  font-size: 0.58rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #66717c;
}

.status-items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.status-items li {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 6px;
  padding: 0.06rem 0.46rem 0.06rem 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3a4652;
  font-size: 0.66rem;
  line-height: 1.15;
  white-space: nowrap;
}

.status-items li:not(:last-child) {
  border-right: 1px solid rgba(164, 172, 183, 0.42);
  margin-right: 2px;
}

.status-items li strong {
  color: #1f2b36;
  font-size: 0.68rem;
}

.brief-block,
.pulse-block {
  margin-top: 2px;
  max-width: 760px;
  border-top: 1px solid #e0e6dc;
  padding-top: 4px;
}

.pulse-block {
  margin-top: 1px;
}

.brief-block h2,
.pulse-block h2 {
  margin: 0 0 3px;
  font-size: 0.69rem;
  letter-spacing: 0.16em;
  color: #66717c;
  font-weight: 700;
}

.brief-points {
  margin: 0;
  padding: 0 0 0 16px;
  color: #26313b;
  display: grid;
  gap: 1px;
}

.brief-points li {
  font-size: 0.79rem;
  line-height: 1.25;
}

.pulse-block ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 2px;
}

.pulse-block li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.77rem;
  color: #3a4753;
}

.pulse {
  font-size: 0.79rem;
  font-weight: 600;
}

.pulse::before {
  margin-right: 6px;
}

.pulse.up {
  color: #1f6f61;
}

.pulse.up::before {
  content: "\2191";
}

.pulse.down {
  color: #7a4e13;
}

.pulse.down::before {
  content: "\2193";
}

.pulse.steady {
  color: #5e6772;
}

.pulse.steady::before {
  content: "\2192";
}

.hero-search {
  margin-top: 0;
  max-width: 100%;
}

/* Header simplification: keep only SEE · FEEL · FIX before content flow. */
.hero-topline,
.status-strip,
.hero-search {
  display: none !important;
}

#hero-title,
.hero-subtitle,
.today-matters,
.center-logic {
  display: none !important;
}

body:not(.entity-workspace-lock) .hero {
  display: none;
}

body:not(.entity-workspace-lock) .hero-identity {
  display: none !important;
}

body:not(.entity-workspace-lock) .homepage-grid {
  margin-top: 2px;
}

body:not(.entity-workspace-lock) .center-column::before {
  content: "SEE · FEEL · FIX";
  display: block;
  margin: 0 0 8px;
  color: #7b8591;
  font-size: 0.56rem;
  letter-spacing: 0.16em;
  line-height: 1.1;
}

.hero-copy {
  display: block;
}

.hero-identity {
  text-align: left;
}

.hero-search input {
  padding: 0.42rem 0.8rem;
  font-size: 0.8rem;
}

.today-matters {
  margin: 2px 0 6px;
  color: #737c87;
  font-size: 0.72rem;
  letter-spacing: 0.2em;
  font-weight: 600;
}

/* Header search: compact utility, not a second center-column block. */
.homepage-feed-search {
  position: relative;
  flex: 1 1 420px;
  width: min(420px, 100%);
  max-width: 420px;
  min-width: 280px;
  margin: 0 auto;
}

.homepage-feed-search input {
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  border: 1px solid #d8dde3;
  border-radius: 20px;
  background: #f3f5f7;
  color: var(--ink);
  padding: 0 42px 0 42px;
  font: inherit;
  font-size: 0.9rem;
  outline: none;
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}

.homepage-feed-search input::placeholder {
  color: #6f7883;
}

.homepage-feed-search input:hover {
  background: #eceff2;
  border-color: #cbd2d9;
}

.homepage-feed-search input:focus {
  background: #fff;
  border-color: #0b7a68;
  box-shadow: 0 0 0 2px rgba(11, 122, 104, 0.12);
}

.homepage-feed-search-icon {
  position: absolute;
  z-index: 1;
  left: 15px;
  top: 50%;
  transform: translateY(-52%);
  color: #65707c;
  font-size: 1.15rem;
  line-height: 1;
  pointer-events: none;
}

.homepage-search-suggestions {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 2px;
  max-height: min(420px, 60vh);
  overflow: auto;
  padding: 6px;
  border: 1px solid rgba(31, 41, 55, .14);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 23, 42, .14);
}
.homepage-search-suggestions[hidden] { display: none !important; }
.homepage-search-suggestion {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  width: 100%;
  padding: 8px 9px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #1f2937;
  text-align: left;
  cursor: pointer;
}
.homepage-search-suggestion:hover,
.homepage-search-suggestion:focus-visible {
  background: #f3f6f4;
  outline: none;
}
.homepage-search-suggestion__type {
  color: #0b7a68;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.homepage-search-suggestion__title {
  min-width: 0;
  overflow: hidden;
  color: #20262e;
  font-size: .82rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-search-suggestions__status {
  padding: 8px 9px;
  color: #69737e;
  font-size: .75rem;
}

body.entity-workspace-lock .homepage-feed-search {
  display: none;
}

.homepage-grid {
  display: grid;
  margin-top: 8px;
  gap: 16px;
  align-items: start;
  justify-content: center;
  grid-template-columns: 300px 580px 320px;
}

.left-column,
.center-column,
.right-column {
  min-height: 320px;
}

.left-column,
.right-column {
  width: auto;
  max-width: none;
}

.center-column {
  width: 580px;
  max-width: 580px;
}

.left-column,
.right-column {
  position: sticky;
  top: 90px;
  max-height: calc(100vh - 88px);
  overflow: auto;
  padding-right: 4px;
}

body:not(.entity-workspace-lock) .left-column,
body:not(.entity-workspace-lock) .right-column {
  background: #f7f1ea;
  border: 1px solid #efe3d6;
  border-radius: 14px;
  padding: 14px 10px;
}

.tsemou-guest-login {
  margin: 0 0 14px;
  padding: 14px 12px 13px;
  border: 1px solid rgba(223, 197, 166, 0.7);
  border-radius: 14px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff9f1 100%);
  box-shadow: 0 6px 18px rgba(18, 20, 23, 0.045);
}

.tsemou-guest-login h2 {
  margin: 0 0 12px;
  color: #121417;
  font-size: 0.94rem;
  font-weight: 650;
  line-height: 1.24;
}

.tsemou-user-card h2 {
  margin-bottom: 5px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0;
}

.tsemou-user-card-role {
  margin: 0 0 15px;
  color: #6f7780;
  font-size: 0.74rem;
  font-weight: 500;
  line-height: 1.28;
}

.tsemou-user-card-links {
  display: grid;
  gap: 3px;
  padding-top: 12px;
  border-top: 1px solid rgba(223, 197, 166, 0.62);
}

.tsemou-user-card-links a,
.tsemou-user-card-links span {
  display: block;
  padding: 8px 8px;
  border-radius: 9px;
  color: #3d4650;
  font-size: 0.88rem;
  line-height: 1.22;
}

.tsemou-user-card-links a:hover {
  background: rgba(15, 108, 92, 0.07);
  color: #0f6c5c;
}

.tsemou-user-card-links a:last-child {
  margin-top: 9px;
  padding-top: 11px;
  border-top: 1px solid rgba(223, 197, 166, 0.58);
}

.tsemou-user-card-links .is-disabled {
  color: #6f7780;
  cursor: default;
}

.tsemou-guest-login-button {
  display: grid;
  max-width: 100%;
  overflow: hidden;
}

.tsemou-guest-login-button,
.tsemou-guest-login-button .nsl-container,
.tsemou-guest-login-button .nsl-container-buttons {
  width: 100%;
  max-width: 100%;
}

.tsemou-profile-page {
  min-height: 100vh;
}

.tsemou-profile-shell {
  width: min(760px, calc(100% - 32px));
  min-height: 100vh;
  margin: 0 auto;
  padding: 44px 0;
  display: grid;
  align-content: center;
  gap: 16px;
}

.tsemou-profile-back {
  width: max-content;
  color: #5f6872;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.tsemou-profile-back-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.tsemou-profile-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(223, 197, 166, 0.7);
  border-radius: 16px;
  background: linear-gradient(180deg, #fffdf8 0%, #fff9f1 100%);
  box-shadow: 0 10px 26px rgba(18, 20, 23, 0.055);
}

.tsemou-profile-avatar-image {
  width: 72px;
  height: 72px;
  border-radius: 16px;
}

.tsemou-profile-content {
  min-width: 0;
}

.tsemou-profile-kicker {
  margin: 0 0 4px;
  color: #6f7780;
  font-size: 0.78rem;
  font-weight: 600;
}

.tsemou-profile-card h1 {
  margin: 0;
  color: #121417;
  font-family: "Source Serif 4", Georgia, serif;
  font-size: clamp(1.8rem, 5vw, 2.6rem);
  line-height: 1.04;
}

.tsemou-profile-details {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid rgba(223, 197, 166, 0.62);
  display: grid;
  gap: 12px;
}

.tsemou-profile-details div {
  display: grid;
  gap: 2px;
}

.tsemou-profile-details dt {
  color: #6f7780;
  font-size: 0.75rem;
  font-weight: 600;
}

.tsemou-profile-details dd {
  margin: 0;
  color: #3d4650;
  font-size: 0.95rem;
  overflow-wrap: anywhere;
}

.tsemou-activity-shell {
  width: min(920px, calc(100% - 32px));
  align-content: start;
}

.tsemou-activity-card {
  display: block;
}

.tsemou-activity-owner {
  margin: 8px 0 0;
  color: #5f6872;
  font-size: 0.95rem;
}

.tsemou-activity-sections {
  margin-top: 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.tsemou-activity-section {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(223, 197, 166, 0.62);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.54);
}

.tsemou-activity-section h2 {
  margin: 0 0 10px;
  color: #121417;
  font-size: 1rem;
}

.tsemou-activity-empty {
  margin: 0;
  color: #6f7780;
  font-size: 0.9rem;
}

.tsemou-activity-list {
  margin: 0;
  padding: 0;
  display: grid;
  gap: 8px;
  list-style: none;
}

.tsemou-activity-list li {
  min-width: 0;
  display: grid;
  gap: 3px;
  padding: 10px 0;
  border-top: 1px solid rgba(223, 197, 166, 0.46);
}

.tsemou-activity-list a,
.tsemou-activity-list span:first-child {
  color: #2c3947;
  font-size: 0.94rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.tsemou-activity-list a {
  text-decoration: none;
}

.tsemou-activity-list a:hover {
  color: #121417;
}

.tsemou-activity-time {
  color: #7a828a;
  font-size: 0.76rem;
  overflow-wrap: anywhere;
}

.column-title-wrap {
  margin: 0 0 10px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(151, 161, 171, 0.3);
}

.column-title-wrap h2 {
  margin: 0;
  font-size: 1.04rem;
}

.column-title-wrap p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 0.82rem;
}

.center-logic {
  margin-top: 2px;
  font-size: 0.78rem;
}

.community-block,
.news-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.community-block {
  margin-bottom: 12px;
  padding: 0 0 10px;
  border-bottom: 1px solid rgba(151, 161, 171, 0.26);
}

.community-block.rising {
  padding: 0 0 10px;
}

.community-block:last-child {
  border-bottom: 0;
}

.community-block h3 {
  margin: 0 0 8px;
  font-size: 0.9rem;
}

.rising-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}

.rising-item {
  display: grid;
  grid-template-columns: 24px 54px minmax(0, 1fr);
  gap: 8px;
  align-items: center;
  border: 0;
  border-radius: 0;
  padding: 5px 0;
  background: transparent;
  border-bottom: 1px solid rgba(168, 176, 186, 0.22);
}

.rising-item.gold {
  background: transparent;
  border-color: rgba(168, 176, 186, 0.22);
}

.rising-item.silver {
  background: transparent;
  border-color: rgba(168, 176, 186, 0.22);
}

.rising-item.bronze {
  background: transparent;
  border-color: rgba(168, 176, 186, 0.22);
}

.rising-item:last-child {
  border-bottom: 0;
}

.rank-pill {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  font-size: 0.75rem;
  font-weight: 700;
  color: #2f3944;
  background: #e9eee7;
}

.rising-item img {
  width: 54px;
  height: 40px;
  border-radius: 8px;
  object-fit: cover;
}

.rising-item-title {
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.25;
  color: #1e2833;
}

.rising-meta {
  margin-top: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  font-size: 0.72rem;
  color: #5f6872;
}

.rising-score {
  color: #186f5d;
  font-weight: 700;
  white-space: nowrap;
}

.rising-indicator {
  margin: 4px 0 0;
  font-size: 0.7rem;
  color: #1e7a67;
  font-weight: 600;
}

.rising-arrow {
  margin-left: 3px;
}

.company-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.company-mini {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 6px 0;
  box-shadow: none;
}

.company-mini h3 {
  margin: 0 0 8px;
  font-size: 0.8rem;
}

.company-mini ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}

.company-mini li {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.74rem;
  color: #5d6670;
}

.company-mini li strong {
  color: #1f2934;
  font-weight: 600;
}

.community-block ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 7px;
}

.community-block li {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  font-size: 0.84rem;
  color: var(--muted);
}

.community-block li strong {
  color: var(--ink);
  font-weight: 600;
}

.story-feed {
  display: grid;
  gap: 12px;
}

.living-case-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-left-width: 4px;
  border-left-color: #cfd6cd;
  border-radius: 14px;
  padding: 12px;
  box-shadow: none;
  display: grid;
  gap: 10px;
}

.center-column .living-case-card {
  padding: 12px;
  gap: 9px;
}

.center-column .living-case-card .card-media {
  margin-bottom: 2px;
}

.center-column .living-case-card .living-case-summary {
  margin: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 0.9rem;
  line-height: 1.45;
}

.center-column .living-case-card .living-case-meta {
  margin-top: 2px;
  gap: 6px;
  row-gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 1px;
  scrollbar-width: none;
}

.center-column .living-case-card .living-case-meta::-webkit-scrollbar {
  display: none;
}

.center-column .living-case-card .case-chip {
  min-height: 23px;
  padding: 0.14rem 0.46rem;
  border-color: #dde4dc;
  background: rgba(255, 255, 255, 0.78);
  color: #4a5460;
  font-weight: 500;
}

.center-column .living-case-card .living-case-footer {
  margin-top: 6px;
  padding-top: 7px;
  border-top: 1px solid rgba(132, 146, 159, 0.22);
  gap: 8px;
  align-items: center;
}

.center-column .living-case-card .living-case-footer-copy,
.center-column .living-case-card .living-case-footer-action {
  padding-top: 0;
}

.center-column .living-case-card .living-case-footer-label {
  color: #4c5661;
  font-weight: 750;
}

.center-column .living-case-card .living-case-footer-action {
  align-self: center;
}

.case-type-case {
  background: linear-gradient(180deg, #ffffff 0%, #fbfcfa 100%);
  border-left-color: #8f99a3;
}

.case-type-evidence {
  background: linear-gradient(180deg, #fbfdff 0%, #f2f7ff 100%);
  border-left-color: #3a77d2;
}

.case-type-proof {
  background: linear-gradient(180deg, #fbfefb 0%, #eff8f1 100%);
  border-left-color: #22855f;
}

.case-type-solution {
  background: linear-gradient(180deg, #fffdfa 0%, #fff6e7 100%);
  border-left-color: #c28a16;
}

.case-type-community {
  background: linear-gradient(180deg, #fefcff 0%, #f5efff 100%);
  border-left-color: #7a4fc2;
}

.case-type-trending-discussion {
  background: linear-gradient(180deg, #fffdf9 0%, #fff3e8 100%);
  border-left-color: #d1711f;
}

.living-case-card.featured {
  border-color: #b7d4cb;
}

.living-case-topline {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: nowrap;
  color: #69737f;
  font-size: 0.72rem;
}

.living-case-topline .case-pill {
  flex: 0 0 auto;
}

.case-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 999px;
  padding: 0.18rem 0.5rem;
  border: 1px solid #d9e3d6;
  background: #f8faf5;
  color: #43505b;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.living-case-title {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: clamp(1.02rem, 2vw, 1.2rem);
  line-height: 1.25;
  letter-spacing: -0.01em;
}

.living-case-title a {
  color: inherit;
}

.case-updated {
  flex: 0 0 auto;
  white-space: nowrap;
}
.case-pill.featured-pill {
  background: #e7f4ef;
  color: #0f6c5c;
  border-color: #b7d4cb;
}

.living-case-summary {
  margin: 0;
  font-size: 0.86rem;
  line-height: 1.35;
  color: #27303a;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-media {
  width: 100%;
  border-radius: 11px;
  border: 1px solid #dbe2d9;
  overflow: hidden;
  display: grid;
  margin-top: 1px;
  position: relative;
}

.card-media-compact {
  aspect-ratio: 20 / 9;
}

.card-media-large {
  aspect-ratio: 16 / 9;
  max-height: 460px;
}

.card-media-stage,
.card-media-placeholder {
  width: 100%;
  height: 100%;
}

.card-media-stage {
  display: grid;
}

.card-media-placeholder {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.9) 0, rgba(255, 255, 255, 0.35) 18%, transparent 36%),
    linear-gradient(140deg, #eef3ef 0%, #dde7e2 100%);
}

.card-media-placeholder-chrome {
  width: min(82%, 26rem);
  display: grid;
  gap: 0.35rem;
  justify-items: start;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  border: 1px solid rgba(81, 98, 87, 0.12);
  background: rgba(255, 255, 255, 0.54);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
  backdrop-filter: blur(4px);
}

.card-media-placeholder-kicker {
  font-size: 0.62rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64716b;
}

.card-media-placeholder-title {
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
  color: #28333b;
}

.card-media-placeholder-line {
  width: 100%;
  max-width: 13rem;
  height: 10px;
  border-radius: 999px;
  background: rgba(75, 87, 79, 0.15);
}

.card-media-placeholder-line.short {
  max-width: 9rem;
}

.card-media-image-element,
.card-media-video-element,
.card-media-embed-frame {
  width: 100%;
  height: 100%;
  display: block;
}

.card-media-image-element,
.card-media-video-element {
  object-fit: cover;
}

.card-media-document,
.card-media-chart,
.card-media-map {
  background: linear-gradient(140deg, #f7faf8 0%, #edf2ef 100%);
}

.card-media-document-link,
.card-media-visual {
  display: grid;
  place-items: center;
  text-align: center;
  width: 100%;
  min-height: 100%;
  padding: 0.9rem 1rem;
  color: #2f3b46;
  text-decoration: none;
  gap: 0.35rem;
}

.card-media-document-label,
.card-media-visual-label {
  font-size: 0.63rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5f6973;
}

.card-media-document-title,
.card-media-visual-title {
  font-size: 0.86rem;
  font-weight: 600;
  line-height: 1.35;
  color: #27303a;
}

.card-media-visual-meta {
  font-size: 0.72rem;
  color: #58626d;
}

.card-media-embed-frame {
  border: 0;
}

.card-media-stage-image,
.card-media-stage-video,
.card-media-stage-document,
.card-media-stage-embed,
.card-media-stage-chart,
.card-media-stage-map {
  background: #f4f7f5;
}

.card-media-stage-image .card-media-image-element,
.card-media-stage-video .card-media-video-element,
.card-media-stage-embed .card-media-embed-frame {
  width: 100%;
  height: 100%;
}

.card-media-stage-document .card-media-document-link,
.card-media-stage-chart .card-media-visual,
.card-media-stage-map .card-media-visual {
  min-height: 100%;
}

.card-media.has-media {
  background: #f4f7f5;
}

.card-media.is-placeholder {
  background: transparent;
}

/* Homepage Action Center — compact stacked panel for the right column. */
.right-news-cta.entry-actions {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 12px;
}

.right-news-cta-button {
  width: 100%;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid #d8e2dc;
  border-radius: 12px;
  background: #fff;
  color: #147b6c;
  font: inherit;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  white-space: nowrap;
  cursor: pointer;
}

.right-news-cta .participation-panel {
  display: none;
  width: 100%;
  box-sizing: border-box;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #d8e2dc;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(21, 47, 40, 0.08);
}

.right-news-cta .participation-panel.is-open {
  display: block;
}

.right-news-cta .participation-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 30px;
  margin-bottom: 8px;
}

.right-news-cta .participation-panel-head strong {
  font-size: 0.88rem;
  line-height: 1.2;
  white-space: nowrap;
}

.right-news-cta .participation-panel-close,
.right-news-cta .action-option-btn {
  border: 1px solid #d8e2dc;
  border-radius: 9px;
  background: #f8fbfa;
  color: #173f38;
  font: inherit;
  cursor: pointer;
}

.right-news-cta .participation-panel-close {
  flex: 0 0 auto;
  padding: 5px 8px;
  font-size: 0.7rem;
  line-height: 1;
  white-space: nowrap;
}

.right-news-cta .participation-panel-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.right-news-cta .action-option-btn {
  width: 100%;
  min-height: 40px;
  padding: 9px 11px;
  text-align: left;
  font-size: 0.78rem;
  line-height: 1.25;
  white-space: normal;
  overflow-wrap: normal;
  word-break: normal;
}


/* Homepage Action environment — visible foundation only; no persistence yet. */

.homepage-action-composer {
  display: none;
  min-height: 620px;
  padding: 20px 24px 24px;
  border: 1px solid rgba(15, 91, 82, 0.18);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(33, 54, 50, 0.08);
}

.homepage-action-composer.is-open {
  display: block;
}

#homepageCenterFeedHeading.is-hidden,
#storyFeed.is-hidden {
  display: none !important;
}

/* Create mode owns the center column: hide every feed/runtime sibling while composing. */
.center-column.is-action-create-mode > :not(#homepageActionComposer) {
  display: none !important;
}

.center-column.is-action-create-mode #homepageActionComposer {
  display: block;
}

.homepage-action-composer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 28px;
}

.homepage-action-composer-back {
  border: 0;
  padding: 0;
  background: transparent;
  color: #1d5f58;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.homepage-action-composer-draft {
  color: #66736f;
  font-size: 0.88rem;
}

.homepage-action-composer-title-row {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(15, 91, 82, 0.14);
}

.homepage-action-composer-kicker {
  margin: 0 0 5px;
  color: #0f766e;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}

.homepage-action-composer-title-row h2 {
  margin: 0;
  color: #183d39;
  font-size: 1.65rem;
}

.homepage-action-composer-form {
  display: grid;
  gap: 18px;
}

.homepage-action-field {
  display: grid;
  gap: 8px;
}

.homepage-action-field > span {
  color: #243d3a;
  font-weight: 700;
}

.homepage-action-field b {
  color: #b83c4c;
}

.homepage-action-field small {
  color: #72807d;
  font-weight: 500;
}

.homepage-action-field input,
.homepage-action-field textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(15, 91, 82, 0.22);
  border-radius: 12px;
  background: #fff;
  color: #173c38;
  font: inherit;
  outline: none;
}

.homepage-action-field input {
  min-height: 48px;
  padding: 0 14px;
}

.homepage-action-field textarea {
  min-height: 250px;
  padding: 14px;
  resize: vertical;
}

.homepage-action-field input:focus,
.homepage-action-field textarea:focus {
  border-color: #178a7d;
  box-shadow: 0 0 0 3px rgba(23, 138, 125, 0.12);
}

.homepage-action-composer-hint {
  margin: -6px 0 0;
  color: #66736f;
  font-size: 0.88rem;
  line-height: 1.45;
}

.homepage-action-composer-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 2px 0 16px;
  border-bottom: 1px solid rgba(15, 91, 82, 0.14);
}

.homepage-action-composer-tools button {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(15, 91, 82, 0.18);
  border-radius: 50%;
  padding: 0;
  background: #f8fbfa;
  color: #244f49;
  font: inherit;
  font-size: 1rem;
  cursor: pointer;
}

.homepage-action-composer-tools button:hover,
.homepage-action-composer-tools button:focus-visible {
  border-color: rgba(15, 91, 82, 0.42);
  background: #eef7f5;
}

.homepage-action-composer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding-top: 8px;
}

.homepage-action-composer-actions button {
  min-height: 42px;
  border-radius: 999px;
  padding: 0 18px;
  font: inherit;
  font-weight: 700;
}

.homepage-action-draft-button {
  border: 1px solid rgba(15, 91, 82, 0.18);
  background: #f7f9f8;
  color: #8a9592;
}

.homepage-action-publish-button {
  border: 0;
  background: #dfe5e3;
  color: #8a9592;
}

@media (max-width: 760px) {
  .homepage-action-composer {
    min-height: 560px;
    padding: 16px;
    border-radius: 14px;
  }

  .homepage-action-composer-title-row h2 {
    font-size: 1.35rem;
  }

  .homepage-action-field textarea {
    min-height: 210px;
  }

  .homepage-action-composer-actions {
    justify-content: stretch;
  }

  .homepage-action-composer-actions button {
    flex: 1;
  }
}

/* S7-A — static Canonical Assistant foundation. */
.homepage-action-composer-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 18px;
  align-items: start;
}

.homepage-canonical-assistant {
  min-width: 0;
  border: 1px solid rgba(15, 91, 82, 0.16);
  border-radius: 14px;
  background: #f8fbfa;
  overflow: hidden;
}

.homepage-canonical-assistant > h3 {
  margin: 0;
  padding: 14px 14px 12px;
  border-bottom: 1px solid rgba(15, 91, 82, 0.14);
  color: #183d39;
  font-size: 0.95rem;
}


.homepage-canonical-assistant-intro {
  margin: 10px;
  padding: 12px;
  border: 1px solid rgba(15, 91, 82, 0.10);
  border-radius: 10px;
  background: #ffffff;
}

.homepage-canonical-assistant-intro strong {
  display: block;
  margin-bottom: 5px;
  color: #244f49;
  font-size: 0.79rem;
  line-height: 1.35;
}

.homepage-canonical-assistant-intro p {
  margin: 0;
  color: #7a8784;
  font-size: 0.74rem;
  line-height: 1.4;
}

.homepage-canonical-assistant-section {
  margin: 0 10px 10px;
  padding: 11px 12px;
  border: 1px solid rgba(15, 91, 82, 0.10);
  border-radius: 10px;
  background: #ffffff;
}

.homepage-canonical-assistant-section:last-child {
  margin-bottom: 10px;
}

.homepage-canonical-assistant-section h4 {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 0 0 5px;
  color: #244f49;
  font-size: 0.82rem;
}

.homepage-canonical-assistant-section p {
  margin: 0;
  color: #7a8784;
  font-size: 0.76rem;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .homepage-action-composer-layout {
    grid-template-columns: 1fr;
  }

  .homepage-canonical-assistant {
    order: 2;
  }
}

/* S7-C — live assistant demo states; no backend or canonical search. */
.homepage-canonical-assistant-intro.is-analyzing strong::before,
.homepage-canonical-assistant-section.is-searching [data-assistant-status]::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 6px;
  border: 2px solid rgba(15, 91, 82, 0.22);
  border-top-color: #0f5b52;
  border-radius: 50%;
  vertical-align: -1px;
  animation: homepage-assistant-spin 0.8s linear infinite;
}

.homepage-canonical-assistant-section.has-demo-match {
  border-color: rgba(15, 143, 119, 0.34);
  background: #f2fbf7;
}

.homepage-canonical-assistant-section.has-demo-match [data-assistant-status] {
  color: #0b6c5b;
  font-weight: 700;
}

@keyframes homepage-assistant-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .homepage-canonical-assistant-intro.is-analyzing strong::before,
  .homepage-canonical-assistant-section.is-searching [data-assistant-status]::before {
    animation: none;
  }
}


/* S7-D — selectable demo canonical suggestion; frontend-only state. */
.homepage-canonical-assistant-section [data-assistant-status] {
  display: block;
}

.homepage-assistant-match-name,
.homepage-assistant-match-meta {
  display: block;
}

.homepage-assistant-match-name {
  color: #0b5f52;
  font-weight: 700;
}

.homepage-assistant-match-meta {
  margin-top: 3px;
  color: #65766f;
  font-size: 12px;
  font-weight: 400;
}

.homepage-assistant-link-toggle {
  width: 100%;
  margin-top: 9px;
  padding: 7px 10px;
  border: 1px solid rgba(15, 143, 119, 0.34);
  border-radius: 9px;
  background: #ffffff;
  color: #0b6c5b;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.homepage-assistant-link-toggle:hover,
.homepage-assistant-link-toggle:focus-visible {
  background: #eaf8f3;
}

.homepage-canonical-assistant-section.is-linked {
  border-color: rgba(15, 143, 119, 0.52);
  background: #eaf8f3;
}

.homepage-canonical-assistant-section.is-linked .homepage-assistant-link-toggle {
  border-color: rgba(123, 87, 50, 0.28);
  color: #7b5732;
}

/* S7-E — multiple selectable demo suggestions across assistant categories. */
.homepage-assistant-match-list {
  display: grid;
  gap: 9px;
}

.homepage-assistant-match-item {
  padding: 9px;
  border: 1px solid rgba(15, 91, 82, 0.12);
  border-radius: 9px;
  background: #ffffff;
}

.homepage-assistant-match-item.is-linked {
  border-color: rgba(15, 143, 119, 0.48);
  background: #eaf8f3;
}

.homepage-assistant-match-item + .homepage-assistant-match-item {
  margin-top: 0;
}


/* S7-F — selected entities summary; frontend-only composer state. */
.homepage-assistant-selected {
  margin: 0 10px 10px;
  padding: 11px 12px;
  border: 1px solid rgba(15, 143, 119, 0.24);
  border-radius: 10px;
  background: #eef9f5;
}

.homepage-assistant-selected h4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 8px;
  color: #244f49;
  font-size: 0.8rem;
}

.homepage-assistant-selected h4 span {
  display: inline-flex;
  min-width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #0f8f77;
  color: #ffffff;
  font-size: 11px;
}

.homepage-assistant-selected-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.homepage-assistant-selected-list p {
  margin: 0;
  color: #6f7f7a;
  font-size: 0.72rem;
  line-height: 1.4;
}

.homepage-assistant-selected-chip {
  max-width: 100%;
  padding: 6px 8px;
  border: 1px solid rgba(15, 143, 119, 0.28);
  border-radius: 999px;
  background: #ffffff;
  color: #0b6c5b;
  font: inherit;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}

.homepage-assistant-selected-chip:hover,
.homepage-assistant-selected-chip:focus-visible {
  background: #e2f5ee;
}

/* S7-G — unified Knowledge Assistant suggestions list. */
.homepage-assistant-suggestions {
  margin: 0 10px 10px;
  padding: 11px 12px;
  border: 1px solid rgba(15, 91, 82, 0.16);
  border-radius: 10px;
  background: #ffffff;
}

.homepage-assistant-suggestions h4 {
  margin: 0 0 9px;
  color: #244f49;
  font-size: 0.8rem;
}

.homepage-assistant-suggestions-list {
  display: grid;
  gap: 6px;
}

.homepage-assistant-suggestions-list p {
  margin: 0;
  color: #6f7f7a;
  font-size: 0.72rem;
  line-height: 1.4;
}

.homepage-assistant-suggestions-list.is-searching p {
  opacity: 0.72;
}

.homepage-assistant-unified-item {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 7px;
  padding: 8px;
  border: 1px solid rgba(15, 91, 82, 0.12);
  border-radius: 9px;
  background: #fbfdfc;
}

.homepage-assistant-unified-item.is-linked {
  border-color: rgba(15, 143, 119, 0.42);
  background: #eaf8f3;
}

.homepage-assistant-unified-icon {
  font-size: 14px;
  text-align: center;
}

.homepage-assistant-unified-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.homepage-assistant-unified-copy strong {
  overflow: hidden;
  color: #154d45;
  font-size: 0.72rem;
  line-height: 1.25;
  text-overflow: ellipsis;
}

.homepage-assistant-unified-copy small {
  color: #77837f;
  font-size: 0.64rem;
}

.homepage-assistant-unified-toggle {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid rgba(15, 143, 119, 0.32);
  border-radius: 999px;
  background: #ffffff;
  color: #0b6c5b;
  font: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

.homepage-assistant-unified-toggle:hover,
.homepage-assistant-unified-toggle:focus-visible {
  background: #e2f5ee;
}


/* S7-H — Knowledge Assistant compact polish and frontend design lock. */
.homepage-canonical-assistant-intro {
  margin: 0 10px 9px;
  padding: 10px 11px;
}

.homepage-canonical-assistant-intro strong {
  font-size: 0.76rem;
}

.homepage-canonical-assistant-intro p {
  margin-top: 4px;
  font-size: 0.68rem;
  line-height: 1.35;
}

.homepage-assistant-suggestions {
  padding: 9px 10px;
}

.homepage-assistant-suggestions h4 {
  margin-bottom: 7px;
  font-size: 0.74rem;
}

.homepage-assistant-suggestions-list {
  gap: 4px;
}

.homepage-assistant-unified-item {
  grid-template-columns: 18px minmax(0, 1fr) 26px;
  gap: 5px;
  min-height: 34px;
  padding: 5px 6px;
  border-radius: 8px;
}

.homepage-assistant-unified-icon {
  font-size: 12px;
}

.homepage-assistant-unified-copy {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
}

.homepage-assistant-unified-copy strong {
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  font-size: 0.68rem;
  line-height: 1.15;
}

.homepage-assistant-type-badge {
  flex: 0 0 auto;
  padding: 2px 5px;
  border: 1px solid rgba(15, 91, 82, 0.12);
  border-radius: 999px;
  background: #eef3f1;
  color: #5f706b;
  font-size: 0.55rem !important;
  font-weight: 700;
  line-height: 1;
}

.homepage-assistant-unified-toggle {
  width: 24px;
  height: 24px;
  font-size: 14px;
}

.homepage-assistant-selected {
  margin: 0 10px 10px;
  padding: 9px 10px;
}

.homepage-assistant-selected h4 {
  margin-bottom: 7px;
  font-size: 0.74rem;
}

.homepage-assistant-selected-list {
  gap: 5px;
}

.homepage-assistant-selected-chip {
  padding: 5px 7px;
  font-size: 10px;
  line-height: 1.1;
}


/* S7-I — remove redundant assistant status card and keep full suggestion names visible. */
.homepage-assistant-suggestions {
  margin-top: 10px;
}

.homepage-assistant-unified-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 3px;
}

.homepage-assistant-unified-copy strong {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
  overflow-wrap: anywhere;
  font-size: 0.69rem;
  line-height: 1.22;
}

.homepage-assistant-type-badge {
  justify-self: start;
}

/* AUTO-ENTITY-22: read-only Workspace Knowledge Panel */
.workspace-knowledge-panel {
  margin-top: 16px;
  padding: 16px;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 16px;
  background: #fff;
}

.workspace-knowledge-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.workspace-knowledge-heading span {
  display: block;
  margin-bottom: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: #6b7280;
}

.workspace-knowledge-heading h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.2;
}

.workspace-knowledge-heading strong {
  min-width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f3f4f6;
  font-size: 13px;
}

.workspace-knowledge-groups {
  display: grid;
  gap: 12px;
}

.workspace-knowledge-group h4 {
  margin: 0 0 6px;
  font-size: 12px;
  text-transform: capitalize;
  color: #4b5563;
}

.workspace-knowledge-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 9px 0;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  color: inherit;
  text-decoration: none;
}

.workspace-knowledge-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 650;
}

.workspace-knowledge-item small {
  flex: 0 0 auto;
  font-size: 10px;
  text-transform: uppercase;
  color: #6b7280;
}


.homepage-knowledge-context {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 10px 0 0;
  padding: 10px 0;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.homepage-knowledge-label {
  flex: 0 0 auto;
  padding-top: 2px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #6b7280;
}

.homepage-knowledge-items {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.homepage-knowledge-item,
.homepage-knowledge-more {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
}

.homepage-knowledge-item:hover,
.homepage-knowledge-item:focus-visible {
  background: #e5e7eb;
  color: #111827;
}

.homepage-knowledge-more {
  color: #6b7280;
}

@media (max-width: 720px) {
  .homepage-knowledge-context {
    display: block;
  }

  .homepage-knowledge-label {
    display: block;
    margin-bottom: 7px;
  }
}

/* Homepage left rail: thin scrollbar, hidden until the rail is used. */
@media (min-width: 861px) {
  body:not(.entity-workspace-lock) .left-column {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
  }

  body:not(.entity-workspace-lock) .left-column:hover,
  body:not(.entity-workspace-lock) .left-column:focus-within {
    scrollbar-color: rgba(78, 86, 98, 0.34) transparent;
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar {
    width: 4px;
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar-track {
    background: transparent;
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar-thumb {
    min-height: 36px;
    border-radius: 999px;
    background: transparent;
  }

  body:not(.entity-workspace-lock) .left-column:hover::-webkit-scrollbar-thumb,
  body:not(.entity-workspace-lock) .left-column:focus-within::-webkit-scrollbar-thumb {
    background: rgba(78, 86, 98, 0.34);
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar-thumb:hover {
    background: rgba(78, 86, 98, 0.52);
  }
}

/* Homepage center column: remove the outer card border and shadow only. */
body:not(.entity-workspace-lock) .center-column .living-case-card,
body:not(.entity-workspace-lock) .center-column .living-case-card:hover,
body:not(.entity-workspace-lock) .center-column .story-card,
body:not(.entity-workspace-lock) .center-column .story-card:hover {
  border: 0 !important;
  border-left: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Homepage desktop header alignment: mirror the three-column homepage grid. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .header-inner {
    display: grid;
    /* Give navigation its own breathing room; search is intentionally compact. */
    grid-template-columns: 300px minmax(320px, 440px) minmax(360px, 1fr);
    gap: 16px;
    justify-content: center;
  }

  body:not(.entity-workspace-lock) .logo {
    grid-column: 1;
    justify-self: start;
  }

  body:not(.entity-workspace-lock) .homepage-feed-search {
    grid-column: 2;
    justify-self: start;
    width: 100%;
    min-width: 0;
    max-width: 440px;
    margin: 0;
  }

  body:not(.entity-workspace-lock) .header-nav {
    grid-column: 3;
    justify-self: end;
  }
}

/* Center the Homepage identity exactly inside the middle column. */
body:not(.entity-workspace-lock) .center-column::before {
  width: 100%;
  text-align: center;
}


/* TSEMOU desktop focus layout: collapse either side rail and give its space to the center. */
@media (min-width: 1201px) {
  .homepage-grid {
    transition: grid-template-columns 180ms ease;
  }

  .tsemou-layout-toggle {
    position: sticky;
    top: 90px;
    z-index: 8;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    margin: 0 0 10px;
    padding: 0;
    border: 1px solid #d5dae2;
    border-radius: 50%;
    background: #fff;
    color: #283142;
    box-shadow: 0 4px 14px rgba(16, 24, 40, 0.10);
    cursor: pointer;
    font-size: 1rem;
    line-height: 1;
  }

  .left-column > .tsemou-layout-toggle {
    margin-left: auto;
    margin-right: 4px;
  }

  .right-column > .tsemou-layout-toggle {
    /* Keep the control attached to the visible edge of the independently
       scrolling right rail. Negative bottom margin removes its layout height,
       so it never creates an empty block above ACTION – YOUR NEWS. */
    position: sticky;
    top: 14px;
    left: 0;
    z-index: 40;
    margin: 0 0 -34px;
    transform: translateX(-50%);
  }

  .tsemou-layout-toggle:hover,
  .tsemou-layout-toggle:focus-visible {
    border-color: #8f9aab;
    box-shadow: 0 0 0 3px rgba(95, 53, 243, 0.12);
    outline: 0;
  }

  body.tsemou-left-collapsed .homepage-grid {
    grid-template-columns: 56px minmax(580px, 824px) 320px;
  }

  body.tsemou-right-collapsed .homepage-grid {
    grid-template-columns: 300px minmax(580px, 824px) 56px;
  }

  body.tsemou-left-collapsed.tsemou-right-collapsed .homepage-grid {
    grid-template-columns: 56px minmax(580px, 1088px) 56px;
  }

  body.tsemou-left-collapsed .left-column > :not(.tsemou-layout-toggle),
  body.tsemou-right-collapsed .right-column > :not(.tsemou-layout-toggle) {
    display: none !important;
  }

  body.tsemou-left-collapsed .left-column,
  body.tsemou-right-collapsed .right-column {
    overflow: visible;
    padding-left: 6px !important;
    padding-right: 6px !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* On restore, every right-rail content wrapper must immediately occupy the
     full 320px track. This prevents stale intrinsic widths or hidden wrappers
     from leaving a white area after expand. */
  body:not(.tsemou-right-collapsed) .right-column {
    width: 100% !important;
    min-width: 0 !important;
  }

  body:not(.tsemou-right-collapsed) .right-column > :not(.tsemou-layout-toggle),
  body:not(.tsemou-right-collapsed) .right-column .right-news-cta,
  body:not(.tsemou-right-collapsed) .right-column .live-news {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  body.tsemou-left-collapsed .center-column,
  body.tsemou-right-collapsed .center-column,
  body.tsemou-left-collapsed .case-workspace-primary-surface,
  body.tsemou-right-collapsed .case-workspace-primary-surface {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.tsemou-left-collapsed .center-column > *,
  body.tsemou-right-collapsed .center-column > *,
  body.tsemou-left-collapsed .case-workspace-primary-surface > *,
  body.tsemou-right-collapsed .case-workspace-primary-surface > * {
    max-width: none !important;
  }

  body:not(.entity-workspace-lock).tsemou-left-collapsed .header-inner {
    grid-template-columns: 56px minmax(580px, 824px) 320px;
  }

  body:not(.entity-workspace-lock).tsemou-right-collapsed .header-inner {
    grid-template-columns: 300px minmax(580px, 824px) 56px;
  }

  body:not(.entity-workspace-lock).tsemou-left-collapsed.tsemou-right-collapsed .header-inner {
    grid-template-columns: 56px minmax(580px, 1088px) 56px;
  }

  body:not(.entity-workspace-lock).tsemou-left-collapsed .homepage-feed-search,
  body:not(.entity-workspace-lock).tsemou-right-collapsed .homepage-feed-search {
    width: 100%;
    min-width: 0;
    max-width: none;
  }

  body.entity-workspace-lock.tsemou-left-collapsed main,
  body.entity-workspace-lock.tsemou-right-collapsed main {
    width: min(1272px, calc(100% - 24px));
  }
}


/* Focus layout media expansion: when a side rail collapses, the homepage media
   grows with the center column instead of leaving unused white space. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock).tsemou-left-collapsed .center-column .living-case-card,
  body:not(.entity-workspace-lock).tsemou-right-collapsed .center-column .living-case-card,
  body:not(.entity-workspace-lock).tsemou-left-collapsed .center-column .story-feed,
  body:not(.entity-workspace-lock).tsemou-right-collapsed .center-column .story-feed {
    width: 100% !important;
    max-width: none !important;
  }

  body:not(.entity-workspace-lock).tsemou-left-collapsed .center-column .living-case-card .card-media.card-media-generic,
  body:not(.entity-workspace-lock).tsemou-right-collapsed .center-column .living-case-card .card-media.card-media-generic {
    width: 100% !important;
    height: 570px !important;
    max-width: none !important;
    aspect-ratio: auto;
    justify-self: stretch;
  }
}

@media (max-width: 1200px) {
  .tsemou-layout-toggle {
    display: none !important;
  }
}


/* Right rail: keep vertical scrolling functional while hiding the visible scrollbar. */
@media (min-width: 1201px) {
  .right-column {
    -ms-overflow-style: none;
    scrollbar-width: none !important;
  }

  .right-column::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none;
  }
}

/* Desktop scroll isolation: the page/center feed is the only vertical scroll
   surface. Side rails stay anchored from the first scroll pixel and no longer
   retain or consume their own vertical scroll position. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .left-column,
  body:not(.entity-workspace-lock) .right-column {
    position: sticky;
    top: 64px;
    max-height: none;
    overflow-x: visible;
    overflow-y: visible;
    overscroll-behavior: none;
    -ms-overflow-style: auto;
    scrollbar-width: auto !important;
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar,
  body:not(.entity-workspace-lock) .right-column::-webkit-scrollbar {
    width: auto !important;
    height: auto !important;
    display: initial;
  }
}


/* RT-2L — Story Workspace related Needs */
.workspace-related-panel { padding: 14px; border-top: 1px solid rgba(15, 42, 67, .12); }
.workspace-related-list { display: grid; gap: 10px; }
.workspace-related-item { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid rgba(15, 42, 67, .14); border-radius: 14px; background: #fff; }
.workspace-related-item h3 { margin: 4px 0; font-size: 16px; }
.workspace-related-item p { margin: 0; color: #64748b; font-size: 13px; }
.workspace-related-type { font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #6d28d9; }
.workspace-related-open { flex: 0 0 auto; padding: 8px 12px; border: 1px solid rgba(15, 42, 67, .18); border-radius: 10px; text-decoration: none; font-weight: 700; }
.workspace-related-empty { margin: 0; padding: 18px; text-align: center; color: #64748b; }


/* RT-2M — Native Need Workspace Integration */
.workspace-needs-section,
.workspace-need-origin { padding: 16px; border-top: 1px solid rgba(15, 42, 67, .12); }
.workspace-needs-heading,
.workspace-need-origin-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.workspace-needs-heading h3,
.workspace-need-origin h3 { margin: 4px 0 0; font-size: 17px; }
.workspace-needs-count { min-width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(15, 42, 67, .14); border-radius: 999px; font-weight: 700; }
.workspace-need-card { align-items: flex-start; }
.workspace-need-copy { min-width: 0; }
.workspace-need-description { margin: 6px 0 !important; color: #334155 !important; white-space: pre-wrap; }
.workspace-need-origin p { margin: 6px 0 0; color: #475569; white-space: pre-wrap; }
.need-workspace .workspace-story-type { color: #6d28d9; }
@media (max-width: 720px) {
  .workspace-related-item,
  .workspace-needs-heading,
  .workspace-need-origin-row { align-items: stretch; flex-direction: column; }
  .workspace-related-open { align-self: flex-start; }
}

/* RT-3G — keep the shared native Entity composer fully reachable inside the right rail. */
.right-column-native-entity-composer,
.right-column-native-need-composer {
  position: static;
  inset: auto;
  width: 100%;
  max-width: none;
  max-height: none;
  box-sizing: border-box;
  margin-top: 10px;
  overflow: visible;
  box-shadow: none;
}

@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .right-column.right-column--entity-composer-open,
  body.entity-workspace-lock .right-column.right-column--entity-composer-open,
  body:not(.entity-workspace-lock) .right-column.right-column--need-composer-open,
  body.entity-workspace-lock .right-column.right-column--need-composer-open {
    max-height: calc(100vh - 72px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin !important;
    padding-bottom: 18px;
  }

  body:not(.entity-workspace-lock) .right-column.right-column--entity-composer-open::-webkit-scrollbar,
  body.entity-workspace-lock .right-column.right-column--entity-composer-open::-webkit-scrollbar,
  body:not(.entity-workspace-lock) .right-column.right-column--need-composer-open::-webkit-scrollbar,
  body.entity-workspace-lock .right-column.right-column--need-composer-open::-webkit-scrollbar {
    display: block;
    width: 8px !important;
    height: 8px !important;
  }
}


/* RT-3D — Native Solution Workspace Integration */
.solution-workspace .workspace-story-type { color: #0f766e; }
.solution-workspace .workspace-need-origin { border-top: 1px solid rgba(15, 42, 67, .12); }


/* RT-3E — Story Workspace related Solutions */
.workspace-related-type--solution { color: #047857; }
.workspace-solution-card { border-color: rgba(4, 120, 87, .2); }

/* RT-4E — Story ↔ Help Integration */
.workspace-related-type--help { color: #9a3412; }
.workspace-help-card { border-left: 3px solid rgba(154, 52, 18, 0.22); }


/* RT-4G — Help runtime validation and polish */
.help-workspace .workspace-story-type,
.help-workspace .workspace-related-type { color: #9a3412; }
.help-workspace .workspace-need-origin { border-top: 1px solid rgba(154, 52, 18, .14); }
.workspace-help-card { align-items: flex-start; }
.workspace-help-card .workspace-need-copy { min-width: 0; flex: 1 1 auto; }
.workspace-help-card .workspace-need-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-help-identity { font-size: 12px !important; opacity: .78; }
.entity-action-panel--composer .entity-action-feedback:not(:empty) { min-height: 20px; margin-top: 2px; }
.entity-need-composer-submit.is-loading { cursor: progress; }

@media (max-width: 760px) {
  .workspace-help-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .workspace-help-card .entity-controls { width: 100%; }
  .workspace-help-card .entity-controls button,
  .workspace-help-card .entity-controls a { min-height: 44px; }
  .entity-action-panel--composer .entity-need-composer-actions { position: sticky; bottom: 0; background: inherit; padding-top: 10px; }
  .entity-action-panel--composer .entity-need-composer-cancel,
  .entity-action-panel--composer .entity-need-composer-submit { min-height: 44px; }
}

/* RT-5E Story ↔ Support integration */
.workspace-related-type--support { color: #1d4ed8; }
.workspace-support-card { border-left: 3px solid rgba(29, 78, 216, 0.22); align-items: flex-start; }
.workspace-support-card .workspace-need-copy { min-width: 0; flex: 1 1 auto; }
.workspace-support-card .workspace-need-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-support-identity { margin: 8px 0 0; font-size: 12px; opacity: .68; }
@media (max-width: 720px) {
  .workspace-support-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .workspace-support-card .entity-controls { width: 100%; }
  .workspace-support-card .entity-controls button,
  .workspace-support-card .entity-controls a { min-height: 44px; }
}


/* RT-5G — Support runtime validation and polish */
.support-workspace .workspace-story-type,
.support-workspace .workspace-related-type { color: #1d4ed8; }
.support-workspace .workspace-need-origin { border-top: 1px solid rgba(29, 78, 216, .14); }
.workspace-support-identity { opacity: .78; }

@media (max-width: 760px) {
  .workspace-support-card { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .workspace-support-card .entity-controls { width: 100%; }
  .workspace-support-card .entity-controls button,
  .workspace-support-card .entity-controls a { min-height: 44px; }
}

/* DC-2B: ranked, popular and recent destination suggestions. */
.destination-chain-section-label {
  padding: 7px 10px 5px;
  background: #f7f9fb;
  color: #6b7884;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  border-bottom: 1px solid #edf1f4;
}

.destination-chain-option--recent::before {
  content: "↺ ";
  color: #6c7b88;
}

.destination-chain-option--create {
  background: #fbfcfd;
}

/* DC-2E: compact category toggles and readable in-flow suggestion panel. */
.destination-category-native-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.destination-category-toggle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
}

.destination-category-toggle__button {
  min-width: 0;
  min-height: 32px;
  border: 1px solid #cfd9e1;
  border-radius: 999px;
  background: #ffffff;
  color: #334352;
  padding: 6px 8px;
  font: inherit;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  transition: background-color 120ms ease, border-color 120ms ease, color 120ms ease;
}

.destination-category-toggle__button:hover,
.destination-category-toggle__button:focus-visible {
  border-color: #8fa7b8;
  background: #f5f8fa;
  outline: none;
}

.destination-category-toggle__button.is-active {
  border-color: #294154;
  background: #294154;
  color: #ffffff;
}

.destination-chain-suggestions {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  width: 100%;
  max-width: 100%;
  max-height: min(46vh, 420px);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  box-sizing: border-box;
  z-index: auto;
  box-shadow: 0 5px 16px rgba(31, 43, 54, 0.1);
}

.destination-chain-option,
.destination-chain-section-label {
  box-sizing: border-box;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.destination-chain-option {
  min-height: 38px;
  padding: 10px 11px;
  line-height: 1.35;
}

@media (max-width: 760px) {
  .destination-category-toggle { gap: 5px; }
  .destination-category-toggle__button {
    min-height: 36px;
    padding-inline: 6px;
    font-size: 0.7rem;
  }
  .destination-chain-suggestions {
    max-height: min(42vh, 360px);
  }
}


/* A1 — Need ↔ Give match cards. Read-only presentation of stored matches. */
.workspace-match-recommendations { padding: 16px; border-top: 1px solid rgba(15, 42, 67, .12); }
.workspace-match-heading p { margin: 4px 0 0; color: #64748b; font-size: 12px; }
.workspace-match-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.workspace-match-card { display: flex; min-width: 0; flex-direction: column; gap: 13px; padding: 15px; border: 1px solid rgba(15, 42, 67, .14); border-radius: 16px; background: #fff; box-shadow: 0 6px 18px rgba(15, 23, 42, .05); }
.workspace-match-card__topline { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.workspace-match-score { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; padding: 0 8px; border-radius: 999px; background: rgba(109, 40, 217, .09); color: #6d28d9; font-size: 11px; font-weight: 800; white-space: nowrap; }
.workspace-match-person { display: flex; align-items: center; gap: 10px; min-width: 0; }
.workspace-match-avatar { display: inline-flex; width: 44px; height: 44px; flex: 0 0 44px; align-items: center; justify-content: center; overflow: hidden; border-radius: 50%; background: #eef2ff; color: #4338ca; font-size: 15px; font-weight: 800; }
.workspace-match-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.workspace-match-person__copy { min-width: 0; }
.workspace-match-person__copy strong,
.workspace-match-person__copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.workspace-match-person__copy strong { color: #0f172a; font-size: 14px; }
.workspace-match-person__copy span { margin-top: 3px; color: #475569; font-size: 12px; }
.workspace-match-details { display: grid; gap: 8px; margin: 0; }
.workspace-match-details div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 8px; }
.workspace-match-details dt { color: #94a3b8; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.workspace-match-details dd { min-width: 0; margin: 0; color: #334155; font-size: 12px; font-weight: 700; overflow-wrap: anywhere; }
.workspace-match-open { display: inline-flex; min-height: 36px; margin-top: auto; align-items: center; justify-content: center; border: 1px solid rgba(15, 42, 67, .18); border-radius: 10px; color: #0f172a; font-size: 12px; font-weight: 800; text-decoration: none; }
.workspace-match-open:hover { border-color: rgba(109, 40, 217, .42); color: #6d28d9; }
.give-workspace .workspace-story-type { color: #0f766e; }
@media (max-width: 720px) {
  .workspace-match-grid { grid-template-columns: 1fr; }
}

/* A1-FIX: Recommended Matches must remain visibly present even with zero matches. */
.workspace-match-recommendations {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 14px;
  overflow: visible;
}
.workspace-match-heading { margin: 0; }
.workspace-match-empty {
  display: grid;
  gap: 6px;
  min-height: 92px;
  padding: 16px;
  border: 1px dashed rgba(15, 42, 67, .22);
  border-radius: 14px;
  background: rgba(255, 255, 255, .62);
}
.workspace-match-empty strong { color: #0f2a43; font-size: 14px; }
.workspace-match-empty p { margin: 0; color: rgba(15, 42, 67, .72); font-size: 13px; line-height: 1.45; }
.workspace-match-grid { width: 100%; min-width: 0; }

/* Build 1 — Need/Give creation success state using canonical navigation. */
.entity-action-panel--creation-success {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.entity-creation-success {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(15, 118, 110, 0.22);
  border-radius: 14px;
  background: rgba(240, 253, 250, 0.9);
}

.entity-creation-success__mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font-weight: 800;
  line-height: 1;
}

.entity-creation-success__copy {
  min-width: 0;
}

.entity-creation-success__title {
  display: block;
  color: #17324d;
  font-size: 15px;
  line-height: 1.35;
}

.entity-creation-success__description {
  margin: 5px 0 0;
  color: #526474;
  font-size: 13px;
  line-height: 1.45;
}

.entity-creation-success__actions {
  display: flex;
  gap: 10px;
  align-items: stretch;
}

.entity-creation-success__actions > * {
  flex: 1 1 0;
}

.entity-creation-success__open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}


/* Build 2: Need / Give Workspace completion */
.workspace-need-give-details {
  display: grid;
  gap: 14px;
  padding: 18px;
}
.workspace-need-give-details__heading h3 {
  margin: 4px 0 0;
  font-size: 1.15rem;
}
.workspace-need-give-description {
  margin: 0;
  line-height: 1.55;
  white-space: pre-wrap;
}
.workspace-need-give-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}
.workspace-need-give-facts > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(25, 45, 70, 0.12);
  border-radius: 12px;
  background: rgba(247, 249, 252, 0.88);
}
.workspace-need-give-facts dt {
  margin-bottom: 5px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .62;
}
.workspace-need-give-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
  font-weight: 650;
}
.workspace-need-give-author {
  display: flex;
  align-items: center;
  gap: 10px;
}
.workspace-need-give-author div {
  display: grid;
  gap: 2px;
}
.workspace-need-give-author small { opacity: .65; }
@media (max-width: 720px) {
  .workspace-need-give-facts { grid-template-columns: 1fr; }
}

/* MATCH-UX-1 — clearer, action-oriented recommendation cards. UI only. */
.workspace-match-card--ux1 {
  gap: 16px;
  padding: 17px;
  border-radius: 18px;
  box-shadow: 0 9px 24px rgba(15, 23, 42, .07);
}
.workspace-match-card__eyebrow {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  color: #0f766e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.workspace-match-status-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 999px;
  background: #10b981;
  box-shadow: 0 0 0 4px rgba(16, 185, 129, .12);
}
.workspace-match-score {
  min-height: 38px;
  padding: 5px 10px;
  flex-direction: column;
  line-height: 1.05;
}
.workspace-match-score strong,
.workspace-match-score small { display: block; }
.workspace-match-score strong { font-size: 10px; }
.workspace-match-score small { margin-top: 3px; font-size: 12px; font-weight: 900; }
.workspace-match-score--exact { background: rgba(16, 185, 129, .11); color: #047857; }
.workspace-match-score--related { background: rgba(109, 40, 217, .09); color: #6d28d9; }
.workspace-match-avatar--large {
  width:42px;
  height:42px;
  flex-basis: 52px;
  font-size: 18px;
}
.workspace-match-intent-label {
  color: #0f766e !important;
  font-weight: 700;
}
.workspace-match-why {
  display: grid;
  gap: 7px;
  padding: 12px;
  border: 1px solid rgba(15, 118, 110, .13);
  border-radius: 13px;
  background: rgba(240, 253, 250, .72);
}
.workspace-match-why > strong { color: #0f172a; font-size: 12px; }
.workspace-match-why > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #334155;
  font-size: 12px;
  font-weight: 650;
}
.workspace-match-why > span b { color: #059669; font-size: 13px; }
.workspace-match-why p {
  margin: 2px 0 0;
  color: #0f766e;
  font-size: 12px;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.workspace-match-preview {
  display: -webkit-box;
  margin: -2px 0 0;
  overflow: hidden;
  color: #475569;
  font-size: 12px;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.workspace-match-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
  margin-top: auto;
}
.workspace-match-actions .workspace-match-open { margin-top: 0; }
.workspace-match-open {
  min-height: 40px;
  border-color: #6d28d9;
  background: #6d28d9;
  color: #fff;
}
.workspace-match-open:hover { border-color: #5b21b6; background: #5b21b6; color: #fff; }
.workspace-match-discussion {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid rgba(15, 42, 67, .14);
  border-radius: 10px;
  background: #f8fafc;
  color: #94a3b8;
  font: inherit;
  font-size: 11px;
  font-weight: 800;
  cursor: not-allowed;
}
@media (max-width: 460px) {
  .workspace-match-actions { grid-template-columns: 1fr; }
}

/* MATCH-UX-2 — richer identity, destination and statement preview. UI only. */
.workspace-match-card--ux2 {
  position: relative;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.workspace-match-card--ux2:hover {
  transform: translateY(-2px);
  border-color: rgba(109, 40, 217, .24);
  box-shadow: 0 14px 32px rgba(15, 23, 42, .10);
}
.workspace-match-member-label {
  margin-top: 2px !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 600;
}
.workspace-match-card--ux2 .workspace-match-intent-label { margin-top: 4px; }
.workspace-match-card--ux2 .workspace-match-why { gap: 8px; }
.workspace-match-destination {
  display: grid;
  gap: 7px;
  padding: 11px 12px;
  border: 1px solid rgba(109, 40, 217, .12);
  border-radius: 13px;
  background: rgba(245, 243, 255, .64);
}
.workspace-match-destination__label,
.workspace-match-preview-block > span {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.workspace-match-breadcrumb {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.workspace-match-breadcrumb__segment {
  display: inline-flex;
  min-height: 25px;
  max-width: 100%;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid rgba(109, 40, 217, .12);
  border-radius: 999px;
  background: #fff;
  color: #5b21b6;
  font-size: 11px;
  font-weight: 750;
  overflow-wrap: anywhere;
}
.workspace-match-breadcrumb__arrow {
  color: #a78bfa;
  font-size: 15px;
  font-weight: 800;
}
.workspace-match-preview-block {
  display: grid;
  gap: 6px;
  padding: 11px 12px;
  border-left: 3px solid rgba(109, 40, 217, .42);
  border-radius: 0 11px 11px 0;
  background: #f8fafc;
}
.workspace-match-preview-block .workspace-match-preview {
  margin: 0;
  color: #334155;
  font-size: 12px;
  line-height: 1.55;
}
.workspace-match-discussion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.workspace-match-discussion span { font-size: 13px; filter: grayscale(1); opacity: .7; }
@media (max-width: 720px) {
  .workspace-match-card--ux2 { padding: 15px; }
  .workspace-match-card--ux2:hover { transform: none; }
}
@media (max-width: 380px) {
  .workspace-match-card__topline { align-items: flex-start; }
  .workspace-match-card__eyebrow { font-size: 10px; }
  .workspace-match-breadcrumb__segment { font-size: 10px; }
}


/* MATCH-UX-3 — compact person-first recommendation card. UI only. */
.workspace-match-card--ux3 {
  gap: 11px;
  padding: 14px;
}
.workspace-match-card--ux3 .workspace-match-person--hero {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
}
.workspace-match-card--ux3 .workspace-match-avatar--large {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
}
.workspace-match-card--ux3 .workspace-match-person__copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}
.workspace-match-card--ux3 .workspace-match-person__copy > strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-match-card--ux3 .workspace-match-card__eyebrow {
  margin-bottom: 2px;
  font-size: 9px;
}
.workspace-match-card--ux3 .workspace-match-status-dot {
  width: 6px;
  height: 6px;
  flex-basis: 6px;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, .11);
}
.workspace-match-card--ux3 .workspace-match-intent-label {
  margin-top: 0;
  font-size: 11px;
}
.workspace-match-card--ux3 .workspace-match-score {
  min-width: 74px;
  min-height: 36px;
  padding: 5px 8px;
  text-align: center;
}
.workspace-match-card--ux3 .workspace-match-destination--primary {
  gap: 8px;
  padding: 10px 11px;
  border-color: rgba(109, 40, 217, .16);
  background: linear-gradient(135deg, rgba(245, 243, 255, .94), rgba(255,255,255,.96));
}
.workspace-match-card--ux3 .workspace-match-breadcrumb__segment {
  min-height: 27px;
  padding: 4px 9px;
  font-size: 11px;
}
.workspace-match-card--ux3 .workspace-match-why--compact {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
}
.workspace-match-card--ux3 .workspace-match-why--compact > span {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid rgba(15, 118, 110, .12);
  border-radius: 999px;
  background: rgba(240, 253, 250, .72);
  font-size: 10px;
  line-height: 1.2;
}
.workspace-match-card--ux3 .workspace-match-preview-block--human {
  margin: 0;
  padding: 9px 11px;
  border: 0;
  border-left: 3px solid rgba(109, 40, 217, .42);
  border-radius: 0 10px 10px 0;
  background: #f8fafc;
}
.workspace-match-card--ux3 .workspace-match-preview-block--human .workspace-match-preview {
  margin: 0;
  color: #475569;
  font-size: 11px;
  font-style: italic;
  line-height: 1.45;
  -webkit-line-clamp: 2;
}
.workspace-match-card--ux3 .workspace-match-actions {
  gap: 7px;
}
.workspace-match-card--ux3 .workspace-match-open,
.workspace-match-card--ux3 .workspace-match-discussion {
  min-height: 38px;
}
@media (max-width: 460px) {
  .workspace-match-card--ux3 .workspace-match-person--hero {
    grid-template-columns: 44px minmax(0, 1fr);
  }
  .workspace-match-card--ux3 .workspace-match-avatar--large {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }
  .workspace-match-card--ux3 .workspace-match-score {
    grid-column: 1 / -1;
    width: fit-content;
    min-width: 0;
    min-height: 30px;
    margin-left: 54px;
    flex-direction: row;
    gap: 5px;
  }
  .workspace-match-card--ux3 .workspace-match-score small { margin-top: 0; }
}


/* Communities UI-C20 — visible entry points, Community feed cards and workspace. */

.community-directory-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 8px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 1rem;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}
.community-directory-title > span:last-child {
  font-size: 1.35rem;
  line-height: 1;
  transition: transform .18s ease;
}
.community-directory-title:hover > span:first-child,
.community-directory-title:focus-visible > span:first-child { text-decoration: underline; }
.community-directory-title[aria-expanded="true"] > span:last-child { transform: rotate(90deg); }
.community-directory-list { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
.community-directory-list li { padding:0; border:0; }
.community-directory-list a { display:grid; gap:2px; padding:7px 0; color:inherit; text-decoration:none; border-bottom:1px solid rgba(168,176,186,.22); }
.community-directory-list a:hover strong { text-decoration:underline; }
.community-directory-list strong { font-size:.79rem; line-height:1.25; }
.community-directory-list span, .community-directory-empty { color:var(--muted); font-size:.7rem; }
.community-entry-links { display:grid; gap:5px; margin-top:10px; }
.community-entry-links button { width:100%; text-align:left; border:0; background:transparent; color:#185f59; padding:6px 0; font:inherit; font-size:.78rem; cursor:pointer; }
.community-entry-links button:hover { text-decoration:underline; }
.community-entry-links .community-create-entry { font-weight:700; }
.entry-type.type-community { background:#eee8ff; color:#59419a; border-color:#d3c6fa; }
.news-item[data-entity-type="community"] { padding:10px; border:1px solid #d9d0f4; border-radius:12px; background:#faf8ff; }
.news-item[data-entity-type="community"] .entry-title { font-size:.9rem; }
.community-workspace-hero { padding:20px; border:1px solid rgba(151,161,171,.28); border-radius:16px; background:#fff; }
.community-workspace-kicker { font-size:.68rem; letter-spacing:.12em; font-weight:800; color:#6750a4; }
.community-workspace-hero h1 { margin:7px 0 8px; font-size:1.5rem; }
.community-workspace-hero p { margin:0; color:var(--muted); }
.community-workspace-stats { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.community-workspace-stats span { padding:7px 10px; border-radius:999px; background:#f3f0fb; font-size:.75rem; }
.community-workspace-tabs { display:flex; gap:8px; padding:12px 0; }
.community-workspace-tabs a { color:#185f59; text-decoration:none; font-size:.78rem; font-weight:700; }
.community-workspace-section { margin-top:12px; }
.community-workspace-section h2 { margin-top:0; font-size:1rem; }
.community-workspace-feed, .community-member-list { display:grid; gap:8px; }
.community-workspace-feed article, .community-member-list article { padding:10px; border:1px solid rgba(151,161,171,.22); border-radius:10px; background:#fff; }
.community-workspace-feed article span, .community-member-list article span { display:block; color:var(--muted); font-size:.68rem; }
.community-workspace-feed article h3 { margin:3px 0 0; font-size:.84rem; }
@media (max-width: 760px) { .community-workspace-stats { display:grid; grid-template-columns:1fr; } }


/* Communities UI-C20.1 — functional creation flow */
body.community-creation-open { overflow: hidden; }
.community-creation-dialog { position: fixed; inset: 0; z-index: 100000; display: none; align-items: center; justify-content: center; padding: 20px; }
.community-creation-dialog.is-open { display: flex; }
.community-creation-backdrop { position: absolute; inset: 0; background: rgba(16, 31, 29, .54); backdrop-filter: blur(2px); }
.community-creation-card { position: relative; width: min(560px, 100%); max-height: calc(100vh - 40px); overflow: auto; background: #fffdf9; border: 1px solid #d7e0dc; border-radius: 18px; box-shadow: 0 24px 70px rgba(20, 45, 40, .26); padding: 22px; }
.community-creation-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; }
.community-creation-head h2 { margin: 2px 0 0; font-size: 1.35rem; }
.community-creation-kicker { margin: 0; font-size: .72rem; letter-spacing: .15em; color: #16746c; font-weight: 700; }
.community-creation-close { border: 0; background: transparent; font-size: 1.8rem; line-height: 1; cursor: pointer; }
.community-creation-form { display: grid; gap: 15px; }
.community-creation-form label { display: grid; gap: 6px; font-size: .82rem; font-weight: 650; color: #263d39; }
.community-creation-form input, .community-creation-form textarea, .community-creation-form select { width: 100%; box-sizing: border-box; border: 1px solid #cbd8d3; border-radius: 10px; background: #fff; padding: 10px 11px; font: inherit; color: #172d29; }
.community-creation-form textarea { resize: vertical; min-height: 110px; }
.community-primary-entity { margin: 0; border: 1px solid #dbe4e0; border-radius: 12px; padding: 13px; }
.community-primary-entity legend { padding: 0 6px; font-size: .8rem; font-weight: 700; color: #185f59; }
.community-primary-entity-grid { display: grid; grid-template-columns: 1fr 120px; gap: 10px; }
.community-primary-entity input[readonly] { background: #f2f6f4; }
.community-primary-entity p { margin: 9px 0; font-size: .76rem; color: #5a6c68; }
.community-use-visible-entity { border: 0; background: transparent; color: #0a6d65; padding: 0; font: inherit; font-size: .78rem; font-weight: 700; cursor: pointer; }
.community-creation-message { min-height: 20px; margin: 0; font-size: .82rem; }
.community-creation-message[data-state="error"] { color: #a22626; }
.community-creation-message[data-state="success"] { color: #087064; }
.community-creation-actions { display: flex; justify-content: flex-end; gap: 10px; }
.community-creation-actions button { border-radius: 999px; padding: 9px 16px; font: inherit; cursor: pointer; }
.community-creation-cancel { border: 1px solid #cbd8d3; background: #fff; color: #263d39 !important; font-weight: 700; opacity: 1; }
.community-creation-cancel:hover { background: #f4f8f6; border-color: #9fb4ad; color: #172d29 !important; }
.community-creation-cancel:focus-visible { outline: 3px solid rgba(12,117,108,.24); outline-offset: 2px; color: #172d29 !important; }
.community-creation-cancel:disabled { background: #f7f9f8; border-color: #dde5e2; color: #879590 !important; opacity: 1; cursor: not-allowed; }
.community-creation-submit { border: 1px solid #0c756c; background: #0c756c; color: #fff; font-weight: 700; }
.community-creation-submit:disabled { opacity: .55; cursor: not-allowed; }
@media (max-width: 640px) {
  .community-creation-dialog { padding: 10px; align-items: flex-end; }
  .community-creation-card { width: 100%; max-height: 92vh; border-radius: 18px 18px 8px 8px; padding: 18px; }
  .community-primary-entity-grid { grid-template-columns: 1fr; }
}


/* Communities UI-C20.2 — functional My/Discover result panels. */
.community-entry-results {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(15, 92, 78, 0.14);
}
.community-entry-results[hidden] { display: none !important; }
.community-entry-result-list { list-style: none; margin: 0; padding: 0; }
.community-entry-result-list li + li { border-top: 1px solid rgba(15, 92, 78, 0.1); }
.community-entry-result-list a {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 9px 0;
  color: inherit;
  text-decoration: none;
}
.community-entry-result-list a:hover strong,
.community-entry-result-list a:focus-visible strong { text-decoration: underline; }
.community-entry-result-list span,
.community-entry-empty { font-size: 12px; color: #66736f; }
.community-entry-links button[aria-expanded="true"] { font-weight: 700; }


.community-workspace-hero-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.community-membership-button { border:1px solid #5b45d6; border-radius:999px; background:#6545e8; color:#fff; padding:8px 14px; font:inherit; font-size:.76rem; font-weight:800; cursor:pointer; }
.community-membership-button[disabled] { opacity:.58; cursor:wait; }
.community-membership-role { display:inline-flex; align-items:center; min-height:34px; padding:0 12px; border-radius:999px; background:#f0ecff; color:#563bb7; font-size:.74rem; font-weight:800; }
.community-post-composer { display:grid; gap:8px; margin:0 0 14px; padding:12px; border:1px solid rgba(101,69,232,.2); border-radius:12px; background:#faf9ff; }
.community-post-composer label { font-size:.78rem; font-weight:800; color:#23313f; }
.community-post-composer textarea { width:100%; resize:vertical; border:1px solid rgba(151,161,171,.4); border-radius:10px; padding:10px; font:inherit; background:#fff; }
.community-post-composer-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.community-post-composer-actions button { border:0; border-radius:999px; background:#6545e8; color:#fff; padding:8px 16px; font:inherit; font-size:.76rem; font-weight:800; cursor:pointer; }
.community-post-message { color:var(--muted); font-size:.72rem; }
.community-discussion-list { display:grid; gap:9px; }
.community-discussion-list article { padding:11px 12px; border:1px solid rgba(151,161,171,.22); border-radius:11px; background:#fff; }
.community-discussion-list article > div { display:flex; justify-content:space-between; gap:10px; }
.community-discussion-list time { color:var(--muted); font-size:.68rem; }
.community-discussion-list p { margin:7px 0 0; white-space:pre-wrap; font-size:.84rem; line-height:1.45; }

/* C21.4 — Community Feed Runtime */
.community-workspace-feed { display: grid; gap: 12px; }
.community-feed-card { border: 1px solid rgba(15, 23, 42, .12); border-radius: 14px; padding: 14px; background: #fff; }
.community-feed-card-meta { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; font-size: 12px; color: #64748b; }
.community-feed-card-type { font-weight: 800; color: #0f766e; }
.community-feed-card h3 { margin: 8px 0 12px; font-size: 18px; }
.community-feed-card h3 a { color: inherit; text-decoration: none; }
.community-feed-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.community-feed-card-footer .entity-controls { margin: 0; }

/* C21.5 — Community Replies */
.community-discussion-item { position: relative; }
.community-discussion-meta { display: flex; justify-content: space-between; gap: 10px; }
.community-reply-trigger { margin-top: 8px; border: 0; background: transparent; padding: 0; color: #5b45d6; font: inherit; font-size: .72rem; font-weight: 800; cursor: pointer; }
.community-reply-slot:empty { display: none; }
.community-reply-composer { display: grid; gap: 7px; margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(101,69,232,.15); }
.community-reply-composer textarea { width: 100%; box-sizing: border-box; resize: vertical; border: 1px solid rgba(151,161,171,.4); border-radius: 9px; padding: 9px; font: inherit; background: #fff; }
.community-reply-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.community-reply-message { margin-right: auto; color: var(--muted); font-size: .7rem; }
.community-reply-actions button { border: 1px solid rgba(101,69,232,.25); border-radius: 999px; background: #fff; color: #563bb7; padding: 6px 11px; font: inherit; font-size: .7rem; font-weight: 800; cursor: pointer; }
.community-reply-actions button[type="submit"] { border-color: #6545e8; background: #6545e8; color: #fff; }
.community-reply-actions button:disabled { opacity: .58; cursor: wait; }
.community-replies { display: grid; gap: 8px; margin-top: 10px; margin-left: 18px; padding-left: 10px; border-left: 2px solid rgba(101,69,232,.16); }
.community-discussion-list .community-discussion-item--reply { padding: 9px 10px; background: #fcfbff; }
@media (max-width: 640px) {
  .community-replies { margin-left: 8px; padding-left: 8px; }
}


/* C21.6 — Community root-post media */
.community-post-media-tools { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.community-post-media-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:0 12px; border:1px solid rgba(101,69,232,.24); border-radius:999px; background:#fff; color:#563bb7; box-shadow:0 1px 2px rgba(15,23,42,.04); font-size:.72rem !important; font-weight:800; cursor:pointer; transition:border-color .16s ease, background-color .16s ease, transform .16s ease; }
.community-post-media-button:hover,
.community-post-media-button:focus-visible { border-color:#6545e8; background:#f5f2ff; outline:none; transform:translateY(-1px); }
.community-post-media-button span { font-size:.82rem; line-height:1; }
.community-post-media-preview { position:relative; overflow:hidden; border:1px solid rgba(101,69,232,.18); border-radius:12px; background:#eef1f6; }
.community-post-media-preview[data-media-type="image"] { height:clamp(220px, 34vw, 300px); }
.community-post-media-preview img { display:block; width:100%; height:100%; object-fit:cover; background:#eef1f6; }
.community-post-media-preview video { display:block; width:100%; max-height:360px; object-fit:contain; background:#0f172a; }
.community-post-media-preview .community-media-remove { position:absolute; top:9px; right:9px; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border:1px solid rgba(255,255,255,.55); border-radius:50%; padding:0; background:rgba(15,23,42,.72); color:#fff; box-shadow:0 2px 8px rgba(15,23,42,.2); font:700 20px/1 Arial,sans-serif; cursor:pointer; backdrop-filter:blur(3px); }
.community-post-media-preview .community-media-remove:hover,
.community-post-media-preview .community-media-remove:focus-visible { background:rgba(15,23,42,.92); outline:2px solid #fff; outline-offset:1px; }
.community-post-media { margin:10px 0 0; overflow:hidden; border-radius:12px; background:#eef1f6; }
/* 5.71.1766 — Τσεμούνιτι discussion media density: preserve intrinsic image geometry instead of hero-sizing every upload. */
.community-post-media--image {
  display:block;
  width:fit-content;
  max-width:74%;
  height:auto;
  max-height:420px;
  background:transparent;
}
.community-post-media--image img {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:420px;
  object-fit:contain;
  background:transparent;
  border-radius:12px;
}
.community-post-media--video video { display:block; width:100%; max-height:520px; object-fit:contain; background:#0f172a; }
.community-discussion-item--reply .community-post-media { display:none; }
@media (max-width:640px) {
  .community-post-media-preview[data-media-type="image"] { height:220px; }
  .community-post-media--image { max-width:100%; max-height:360px; }
  .community-post-media--image img { max-height:360px; }
}


/* Communities UI-C21.7 — Community post moderation */
.community-discussion-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:6px; }
.community-moderation-controls { display:inline-flex; align-items:center; gap:8px; margin-left:auto; }
.community-moderation-controls button { border:0; background:transparent; color:#6545e8; padding:2px 0; font:inherit; font-size:.68rem; font-weight:800; letter-spacing:.06em; cursor:pointer; }
.community-moderation-controls button[data-community-delete] { color:#9f2f3a; }
.community-moderation-controls button:disabled { opacity:.5; cursor:default; }
.community-discussion-meta > span { display:inline-flex; align-items:center; gap:7px; }
.community-edited-label { color:var(--muted); font-size:.66rem; font-weight:600; }
.community-edit-form { display:grid; gap:8px; margin:7px 0; }
.community-edit-form textarea { width:100%; resize:vertical; border:1px solid rgba(151,161,171,.45); border-radius:10px; padding:9px; font:inherit; background:#fff; }
.community-edit-message { color:var(--muted); font-size:.7rem; margin-right:auto; }


/* Communities UI-C21.8 — Community polish */
.community-empty-state { display:grid; gap:4px; padding:16px; border:1px dashed rgba(101,69,232,.28); border-radius:12px; background:#fbfaff; text-align:center; color:#667085; }
.community-empty-state strong { color:#273142; font-size:.82rem; }
.community-empty-state span { font-size:.72rem; line-height:1.4; }
.community-post-composer[data-state="loading"] { opacity:.78; }
.community-post-message[data-state="loading"]::before { content:""; display:inline-block; width:10px; height:10px; margin-right:6px; border:2px solid rgba(101,69,232,.25); border-top-color:#6545e8; border-radius:50%; vertical-align:-1px; animation:community-spin .7s linear infinite; }
.community-post-message[data-state="success"] { color:#087064; }
.community-post-message[data-state="error"] { color:#a22626; }
.community-post-composer-actions button[aria-busy="true"],
.community-moderation-controls button[aria-busy="true"] { cursor:wait; opacity:.68; }
@keyframes community-spin { to { transform:rotate(360deg); } }
@media (max-width:760px) {
  .community-workspace-hero { padding:15px; border-radius:13px; }
  .community-workspace-hero h1 { font-size:1.24rem; line-height:1.2; overflow-wrap:anywhere; }
  .community-workspace-hero-topline { align-items:flex-start; }
  .community-workspace-tabs { overflow-x:auto; gap:14px; padding:10px 2px; scrollbar-width:none; }
  .community-workspace-tabs::-webkit-scrollbar { display:none; }
  .community-workspace-tabs a { flex:0 0 auto; min-height:36px; display:inline-flex; align-items:center; }
  .community-workspace-section { margin-top:8px; }
  .community-post-composer { padding:10px; }
  .community-post-composer-actions { align-items:flex-end; }
  .community-post-composer-actions button { min-height:40px; padding:9px 17px; }
  .community-discussion-list article { padding:10px; }
  .community-discussion-meta { align-items:flex-start; }
  .community-discussion-actions { flex-wrap:wrap; }
  .community-moderation-controls { gap:12px; }
  .community-moderation-controls button, .community-reply-trigger { min-height:32px; }
  .community-member-list article { display:flex; justify-content:space-between; gap:10px; }
}
@media (prefers-reduced-motion:reduce) { .community-post-message[data-state="loading"]::before { animation:none; } }


/* Communities C23.2 — Activity Workspace UI */
.community-activity-list { display:grid; gap:0; }
.community-activity-item { display:grid; grid-template-columns:12px minmax(0,1fr); gap:10px; align-items:start; padding:11px 0; border-bottom:1px solid rgba(151,161,171,.18); }
.community-activity-item:last-child { border-bottom:0; }
.community-activity-dot { width:8px; height:8px; margin-top:6px; border-radius:50%; background:#6545e8; box-shadow:0 0 0 3px rgba(101,69,232,.12); }
.community-activity-item p { margin:0; color:#273142; font-size:.8rem; line-height:1.4; overflow-wrap:anywhere; }
.community-activity-item time { display:block; margin-top:3px; color:var(--muted); font-size:.68rem; }
@media (max-width:760px) {
  .community-activity-item { gap:9px; padding:10px 0; }
  .community-activity-item p { font-size:.78rem; }
}

/* C23.3 — Community Activity timeline completion */
.community-activity-item {
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:10px 0;
}
.community-activity-icon {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:rgba(101,69,232,.08);
  font-size:.9rem;
  line-height:1;
}
.community-activity-copy { min-width:0; }
.community-activity-item--membership .community-activity-icon { background:rgba(30,160,105,.10); }
.community-activity-item--moderation .community-activity-icon { background:rgba(196,55,55,.09); }
.community-activity-item--media .community-activity-icon { background:rgba(41,119,190,.10); }
.community-activity-item--relation .community-activity-icon { background:rgba(196,133,20,.10); }
@media (max-width: 640px) {
  .community-activity-item { grid-template-columns:32px minmax(0,1fr); gap:8px; }
  .community-activity-icon { width:28px; height:28px; font-size:.84rem; }
}


/* C24.1 — Unified Community Search Foundation */
.community-unified-search { margin:0 0 16px; padding:16px; border:1px solid rgba(101,69,232,.18); border-radius:14px; background:#fff; }
.community-unified-search-form > label { display:block; margin:0 0 8px; color:#202936; font-size:.92rem; font-weight:700; }
.community-unified-search-control { display:grid; grid-template-columns:22px minmax(0,1fr) auto; align-items:center; gap:8px; padding:7px 7px 7px 12px; border:1px solid rgba(84,95,110,.24); border-radius:12px; background:#fbfcfd; }
.community-unified-search-control:focus-within { border-color:#6545e8; box-shadow:0 0 0 3px rgba(101,69,232,.10); }
.community-unified-search-control > span { color:#687385; font-size:1.1rem; }
.community-unified-search-control input { width:100%; min-width:0; padding:7px 0; border:0; outline:0; background:transparent; color:#202936; font:inherit; }
.community-unified-search-control button { padding:8px 14px; border:0; border-radius:9px; background:#6545e8; color:#fff; font-weight:700; cursor:pointer; }
.community-unified-search-control button:disabled { opacity:.55; cursor:wait; }
.community-unified-search-status { margin:8px 2px 0; color:var(--muted); font-size:.74rem; }
.community-unified-search-results { display:grid; gap:14px; margin-top:15px; padding-top:14px; border-top:1px solid rgba(151,161,171,.18); }
.community-search-group h3 { display:flex; justify-content:space-between; margin:0 0 7px; color:#273142; font-size:.78rem; text-transform:uppercase; letter-spacing:.06em; }
.community-search-group h3 span { color:#6545e8; }
.community-search-group > div { display:grid; gap:6px; }
.community-search-result { display:grid; gap:3px; width:100%; padding:10px 11px; border:1px solid rgba(151,161,171,.18); border-radius:10px; background:#fff; color:#273142; text-align:left; text-decoration:none; font:inherit; cursor:default; }
button.community-search-result, a.community-search-result { cursor:pointer; }
button.community-search-result:hover, a.community-search-result:hover { border-color:rgba(101,69,232,.42); background:rgba(101,69,232,.035); }
.community-search-result strong { overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:.82rem; line-height:1.35; }
.community-search-result small { color:var(--muted); font-size:.7rem; }
.community-search-result-type { color:#6545e8; font-size:.62rem; font-weight:800; letter-spacing:.07em; }
.community-search-highlight { animation:communitySearchHighlight 1.8s ease; }
@keyframes communitySearchHighlight { 0%,100% { box-shadow:none; } 20%,70% { box-shadow:0 0 0 4px rgba(101,69,232,.20); } }
@media (max-width:640px) {
  .community-unified-search { padding:13px; border-radius:12px; }
  .community-unified-search-control { grid-template-columns:18px minmax(0,1fr); }
  .community-unified-search-control button { grid-column:1 / -1; width:100%; }
}


/* C25.1 — Related Communities Foundation */
.community-related-communities-list { display:grid; gap:10px; }
.community-related-community-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px; border:1px solid rgba(79,70,229,.16); border-radius:12px; background:#fff; }
.community-related-community-copy { min-width:0; }
.community-related-community-copy h3 { margin:5px 0 6px; font-size:.95rem; line-height:1.25; }
.community-related-community-copy p { display:flex; gap:12px; margin:0; color:#5f6470; font-size:.78rem; }
.community-related-community-badge { display:inline-flex; max-width:100%; padding:3px 7px; border-radius:999px; background:#f1efff; color:#5637d8; font-size:.66rem; font-weight:700; letter-spacing:.03em; }
.community-related-community-open { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; padding:8px 11px; border:1px solid rgba(79,70,229,.28); border-radius:9px; color:#3f2bc5; background:#fff; font-size:.75rem; font-weight:700; text-decoration:none; }
.community-related-community-open:hover { background:#f6f4ff; }
@media (max-width: 640px) {
  .community-related-community-card { align-items:flex-start; flex-direction:column; }
  .community-related-community-open { width:100%; }
}


/* C25.1A — Related Entity audit visibility */
.community-related-entities-list { display:grid; gap:10px; }
.community-related-entity-card { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px; border:1px solid rgba(46,103,95,.18); border-radius:12px; background:#fff; }
.community-related-entity-card--primary { border-color:rgba(46,103,95,.38); background:rgba(46,103,95,.035); }
.community-related-entity-copy { min-width:0; }
.community-related-entity-labels { display:flex; flex-wrap:wrap; gap:6px; }
.community-related-entity-labels span { display:inline-flex; padding:3px 7px; border-radius:999px; background:#eef6f4; color:#17665e; font-size:.62rem; font-weight:800; letter-spacing:.06em; }
.community-related-entity-labels .community-related-entity-primary { background:#f1efff; color:#5637d8; }
.community-related-entity-copy h3 { margin:6px 0 4px; font-size:.94rem; line-height:1.3; overflow-wrap:anywhere; }
.community-related-entity-copy p { margin:0; color:#687385; font-size:.7rem; }
.community-related-entity-open { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; padding:8px 11px; border:1px solid rgba(46,103,95,.28); border-radius:9px; color:#17665e; background:#fff; font-size:.75rem; font-weight:700; text-decoration:none; }
.community-related-entity-open:hover { background:#f1f8f6; }
@media (max-width:640px) {
  .community-related-entity-card { align-items:flex-start; flex-direction:column; }
  .community-related-entity-open { width:100%; }
}


/* C25.1B — Primary Entity context card */
.community-built-around { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:11px; margin-top:15px; padding:12px 13px; border:1px solid rgba(46,103,95,.24); border-radius:12px; background:linear-gradient(135deg, rgba(238,248,245,.92), rgba(250,248,255,.92)); }
.community-built-around-marker { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#e6f2ef; color:#17665e; font-size:1rem; font-weight:800; }
.community-built-around-copy { display:grid; min-width:0; gap:2px; }
.community-built-around-copy span { color:#64716f; font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.community-built-around-copy strong { color:#182c29; font-size:.87rem; line-height:1.3; overflow-wrap:anywhere; }
.community-built-around-copy small { color:#6750a4; font-size:.62rem; font-weight:800; letter-spacing:.08em; }
.community-built-around a { display:inline-flex; align-items:center; justify-content:center; min-height:34px; padding:0 11px; border:1px solid rgba(46,103,95,.3); border-radius:9px; background:#fff; color:#17665e; font-size:.72rem; font-weight:750; text-decoration:none; white-space:nowrap; }
.community-built-around a:hover { background:#f1f8f6; }
@media (max-width:640px) {
  .community-built-around { grid-template-columns:auto minmax(0,1fr); }
  .community-built-around a { grid-column:1 / -1; width:100%; }
}


/* C25.1C — explicit Primary Canonical Entity selection */
.community-primary-entity-help { margin: 0 0 10px !important; }
.community-primary-entity-search-label { display: grid; gap: 6px; }
.community-primary-entity-search-label > span { font-size: .78rem; font-weight: 700; color: #243c38; }
.community-primary-entity-search-label input { width: 100%; min-height: 42px; border: 1px solid #cfdcd8; border-radius: 10px; padding: 9px 11px; background: #fff; }
.community-primary-entity-suggestions { display: grid; gap: 7px; max-height: 230px; overflow-y: auto; margin-top: 9px; }
.community-primary-entity-suggestion { display: grid; grid-template-columns: auto 1fr; gap: 2px 9px; width: 100%; padding: 10px; border: 1px solid #dbe4e0; border-radius: 10px; background: #fff; text-align: left; cursor: pointer; }
.community-primary-entity-suggestion:hover, .community-primary-entity-suggestion:focus-visible { border-color: #6b4df6; outline: none; }
.community-primary-entity-suggestion span { grid-row: 1 / span 2; align-self: center; font-size: .68rem; font-weight: 800; color: #6b4df6; }
.community-primary-entity-suggestion strong { font-size: .85rem; color: #172824; }
.community-primary-entity-suggestion small { font-size: .68rem; color: #697975; }
.community-primary-entity-suggestion-message { margin: 0 !important; padding: 9px; border-radius: 8px; background: #f6f7f9; }
.community-primary-entity-selection { display: grid; grid-template-columns: auto 1fr auto; gap: 3px 9px; align-items: center; padding: 11px; border: 1px solid #bcd8d1; border-radius: 11px; background: #f1faf7; }
.community-primary-entity-selection-type { grid-row: 1 / span 2; font-size: .7rem; font-weight: 800; color: #6b4df6; }
.community-primary-entity-selection strong { font-size: .86rem; color: #172824; }
.community-primary-entity-selection small { font-size: .68rem; color: #697975; }
.community-primary-entity-selection button { grid-column: 3; grid-row: 1 / span 2; border: 1px solid #cfdcd8; border-radius: 999px; padding: 6px 10px; background: #fff; color: #263d39 !important; font-weight: 700; opacity: 1; cursor: pointer; }
.community-primary-entity-selection button:hover { background: #f4f8f6; border-color: #9fb4ad; color: #172d29 !important; }
.community-primary-entity-selection button:focus-visible { outline: 3px solid rgba(12,117,108,.24); outline-offset: 2px; color: #172d29 !important; }
.community-primary-entity-selection button:disabled { background: #f7f9f8; border-color: #dde5e2; color: #879590 !important; opacity: 1; cursor: not-allowed; }
@media (max-width: 640px) { .community-primary-entity-selection { grid-template-columns: 1fr auto; } .community-primary-entity-selection-type { grid-row: auto; } }


/* C26 — deterministic Community Discovery cards. */
.community-discovery-result-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.community-discovery-card {
  border: 1px solid rgba(15, 42, 67, .12);
  border-radius: 12px;
  padding: 12px;
  background: #fff;
}
.community-discovery-card h4 {
  margin: 7px 0 5px;
  font-size: 14px;
  line-height: 1.3;
}
.community-discovery-badge {
  display: inline-flex;
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(27, 91, 135, .09);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .02em;
}
.community-discovery-description {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #536575;
}
.community-discovery-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin: 0 0 10px;
  font-size: 11px;
  color: #33485a;
}
.community-discovery-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 8px;
  background: #183f5b;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
.community-discovery-open:hover,
.community-discovery-open:focus-visible { color: #fff; text-decoration: none; }

/* C22.2 — Homepage My Communities: restore independent left-rail scrolling. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .left-column {
    max-height: calc(100vh - 72px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin !important;
  }

  body:not(.entity-workspace-lock) .left-column::-webkit-scrollbar {
    width: 4px !important;
    height: 0 !important;
    display: block;
  }
}

/* C27.1 — visible Notifications bell foundation. */
body.entity-workspace-lock .workspace-notifications-shell {
  position: relative;
  display: inline-flex;
  align-items: center;
}

body.entity-workspace-lock .workspace-notifications-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

body.entity-workspace-lock .workspace-notifications-btn:hover,
body.entity-workspace-lock .workspace-notifications-btn:focus-visible,
body.entity-workspace-lock .workspace-notifications-btn[aria-expanded="true"] {
  background: #f1f3f8;
}

body.entity-workspace-lock .workspace-notifications-btn:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

body.entity-workspace-lock .workspace-notifications-icon {
  display: inline-flex;
  width: 18px;
  height: 18px;
  line-height: 1;
}
body.entity-workspace-lock .workspace-notifications-icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.entity-workspace-lock .workspace-notifications-badge {
  position: absolute;
  top: -4px;
  right: -5px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #613ce0;
  color: #fff;
  font-size: 0.64rem;
  font-weight: 800;
  line-height: 12px;
  text-align: center;
}

body.entity-workspace-lock .workspace-notifications-panel {
  position: absolute;
  z-index: 40;
  top: calc(100% + 10px);
  right: 0;
  width: max-content;
  max-width: 240px;
  padding: 10px 12px;
  border: 1px solid #e2e6f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(37, 44, 67, 0.14);
  color: #414b62;
  font-size: 0.82rem;
  line-height: 1.35;
}

body.entity-workspace-lock .workspace-notifications-panel[hidden] {
  display: none;
}


/* C27.2 — first real reply notification list. */
body.entity-workspace-lock .workspace-notifications-panel {
  width: min(360px, calc(100vw - 32px));
  max-width: 360px;
  padding: 0;
  overflow: hidden;
}
body.entity-workspace-lock .workspace-notifications-panel-title {
  padding: 12px 14px;
  border-bottom: 1px solid #edf0f5;
  color: #17213a;
  font-size: .9rem;
  font-weight: 800;
}
body.entity-workspace-lock .workspace-notifications-list {
  max-height: 360px;
  overflow-y: auto;
}
body.entity-workspace-lock .workspace-notification-item {
  display: grid;
  width: 100%;
  gap: 4px;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid #edf0f5;
  background: #fff;
  color: #26314b;
  text-align: left;
  cursor: pointer;
}
body.entity-workspace-lock .workspace-notification-item:hover,
body.entity-workspace-lock .workspace-notification-item:focus-visible { background: #f7f7fc; }
body.entity-workspace-lock .workspace-notification-item.is-unread { background: #f4f1ff; }
body.entity-workspace-lock .workspace-notification-message { font-size: .83rem; line-height: 1.35; }
body.entity-workspace-lock .workspace-notification-time { color: #7a8398; font-size: .72rem; }
body.entity-workspace-lock .workspace-notifications-empty { padding: 16px 14px; color: #657087; font-size: .82rem; }


/* C27.2 — Community-aware unread notification badge on Homepage MY COMMUNITIES. */
.community-entry-title-row { display:flex; align-items:center; justify-content:space-between; gap:8px; width:100%; }
.community-entry-notification-badge { display:inline-flex; align-items:center; gap:3px; flex:0 0 auto; padding:2px 7px; border-radius:999px; background:#6d43e8; color:#fff !important; font-size:11px !important; font-weight:800; line-height:1.35; }

.community-discussion-item.community-notification-highlight {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  animation: communityNotificationPulse 2.2s ease-out;
}
@keyframes communityNotificationPulse {
  0% { transform: scale(0.995); }
  30% { transform: scale(1.005); }
  100% { transform: scale(1); }
}


/* C28.1 Community invitations */
.community-membership-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.community-invite-button{border:1px solid #6d4aff;background:#fff;color:#5b34e8;border-radius:999px;padding:10px 16px;font-weight:800;cursor:pointer}
.community-invite-modal[hidden]{display:none!important}.community-invite-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:10020;display:grid;place-items:center;padding:20px}
.community-invite-dialog{position:relative;width:min(480px,100%);max-height:80vh;overflow:auto;background:#fff;border:1px solid #ddd8ff;border-radius:20px;box-shadow:0 24px 70px rgba(15,23,42,.25);padding:24px}
.community-invite-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:26px;cursor:pointer}.community-invite-kicker{font-size:12px;letter-spacing:.16em;font-weight:900;color:#6d4aff}.community-invite-dialog h2{margin:8px 32px 20px 0}.community-invite-dialog label{display:grid;gap:7px;margin:14px 0;font-weight:800}.community-invite-dialog input,.community-invite-dialog select{width:100%;border:1px solid #d7dce8;border-radius:12px;padding:12px;background:#fff;font:inherit}.community-invite-results{display:grid;gap:8px;margin-top:14px}.community-invite-user{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #e5e7ef;border-radius:12px;background:#fff;padding:10px;text-align:left;cursor:pointer}.community-invite-user img{width:36px;height:36px;border-radius:50%;object-fit:cover}.community-invite-user span{flex:1;font-weight:800}.community-invite-user strong{color:#5b34e8}.community-invite-message{min-height:20px;margin-top:12px;font-weight:700}.community-invite-message[data-state="error"]{color:#b42318}.community-invite-message[data-state="success"]{color:#087a55}
.workspace-notification-actions{display:flex;gap:8px;margin-top:8px}.workspace-notification-actions [role="button"]{border:1px solid #6d4aff;border-radius:999px;padding:5px 11px;font-weight:800;color:#5b34e8;background:#fff}.workspace-notification-actions [data-invitation-decision="accept"]{background:#6d4aff;color:#fff}.workspace-notification-status{display:inline-block;margin-top:7px;font-size:11px;text-transform:uppercase;font-weight:800;color:#667085}


/* C28.2 Invitation notification UX polish */
.workspace-notification-item.is-invitation{display:flex;flex-direction:column;align-items:stretch;gap:8px;text-align:left;padding:14px 14px 13px}
.workspace-invitation-heading{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:900;color:#312e81;text-transform:none;letter-spacing:0}
.workspace-invitation-detail{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;font-size:12px;line-height:1.35;color:#344054}
.workspace-invitation-detail strong{font-weight:800;color:#667085}
.workspace-invitation-detail span{font-weight:800;color:#101828;overflow-wrap:anywhere}
.workspace-notification-item.is-invitation .workspace-notification-time{margin-top:1px}
.workspace-notification-item.is-invitation .workspace-notification-actions{margin-top:2px}
.workspace-notification-item.is-invitation .workspace-notification-status{align-self:flex-start;margin-top:2px}

/* C28.3 — pending Community invitation badge in Homepage MY COMMUNITIES. */
.community-entry-notification-badge.is-invitation {
  background: #5b34e8;
  box-shadow: 0 0 0 1px rgba(91, 52, 232, .12);
}

/* C28.3.1 — invitation/unread badge in the always-visible Homepage Community directory. */
.community-directory-list .community-entry-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.community-directory-list .community-entry-title-row strong{min-width:0;overflow-wrap:anywhere}
.community-directory-list .community-entry-notification-badge{flex:0 0 auto}


/* C29 — personalized Recommended Communities, using existing deterministic runtime. */
.community-recommended{border-top:1px solid rgba(168,176,186,.22);padding-top:12px}
.community-recommended h3{margin:0 0 8px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.community-recommended-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.community-recommended-list li{margin:0;padding:0;border:0}
.community-recommended-list a{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid rgba(168,176,186,.22);color:inherit;text-decoration:none}
.community-recommended-list a:hover strong{text-decoration:underline}
.community-recommended-list strong{font-size:.79rem;line-height:1.25}
.community-recommended-list span{font-size:.68rem;color:var(--muted);line-height:1.3}
.community-recommended-list .community-recommended-reason{color:#6d43e8;font-weight:700}

/* C30 — deterministic Trending Communities Homepage block. */
.community-trending{border-top:1px solid rgba(168,176,186,.22);padding-top:12px}
.community-trending h3{margin:0 0 8px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.community-trending-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.community-trending-list li{margin:0;padding:0;border:0}
.community-trending-list a{display:grid;gap:3px;padding:8px 0;border-bottom:1px solid rgba(168,176,186,.22);color:inherit;text-decoration:none}
.community-trending-list a:hover strong{text-decoration:underline}
.community-trending-list strong{font-size:.79rem;line-height:1.25}
.community-trending-list span{font-size:.68rem;color:var(--muted);line-height:1.3}
.community-trending-list .community-trending-reason{color:#d86616;font-weight:700}


/* Phase 2 — Sprint 2.2: Case Workspace Completion */
.case-workspace-completion{display:grid;gap:16px}
.case-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.06em;color:#667085}
.case-status-badge{display:inline-flex;align-items:center;border:1px solid #d0d5dd;border-radius:999px;padding:5px 10px;color:#344054;background:#fff;letter-spacing:0}
.case-overview-description{margin:0 0 16px;line-height:1.6;color:#344054}
.case-overview-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}
.case-overview-meta>div{padding:11px;border:1px solid #eaecf0;border-radius:12px;background:#f9fafb}
.case-overview-meta dt{font-size:11px;font-weight:800;text-transform:uppercase;color:#667085}
.case-overview-meta dd{margin:5px 0 0;font-weight:700;color:#101828}

.case-resolution-context-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-resolution-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-resolution-context-group{min-width:0;padding:12px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-resolution-context-group:last-child:nth-child(odd){grid-column:1/-1}
.case-resolution-context-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-resolution-context-group-heading h3{margin:0;font-size:13px;color:#101828}
.case-resolution-context-group-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-resolution-context-items{display:grid;gap:8px}
.case-resolution-context-items .case-workspace-related-item{background:#fff}
.case-resolution-context-items .case-workspace-empty{padding:12px;background:#fff}
.case-resolution-context-items .case-workspace-empty strong{font-size:12px}
.case-resolution-context-items .case-workspace-empty p{font-size:12px}

.case-knowledge-resolution-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-knowledge-resolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-knowledge-resolution-group{min-width:0;padding:12px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-knowledge-resolution-group:last-child:nth-child(odd){grid-column:1/-1}
.case-knowledge-resolution-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-knowledge-resolution-group-heading h3{margin:0;font-size:13px;color:#101828}
.case-knowledge-resolution-group-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-knowledge-resolution-items{display:grid;gap:8px}
.case-knowledge-resolution-item{display:grid;gap:6px;padding:0}
.case-knowledge-resolution-item .case-workspace-related-item{background:#fff}
.case-knowledge-resolution-item p{margin:0 4px;color:#475467;font-size:12px;line-height:1.45}
.case-knowledge-resolution-item small{margin:0 4px;color:#667085;font-size:11px;text-transform:capitalize}
.case-knowledge-resolution-items .case-workspace-empty{padding:12px;background:#fff}
.case-progress-track{height:9px;overflow:hidden;border-radius:999px;background:#eaecf0}
.case-progress-track span{display:block;height:100%;border-radius:inherit;background:currentColor;color:#6d4aff}
.case-progress-panel p{margin:10px 0 0;color:#667085;font-size:13px}
.case-people-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.case-people-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.case-people-panel li{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid #eaecf0;border-radius:12px}
.case-people-panel img,.case-participant-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center}
.case-people-panel li div{display:grid;gap:2px}.case-people-panel small{color:#667085}
.case-runtime-timeline{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.case-runtime-timeline li{display:flex;gap:10px;align-items:flex-start}.case-runtime-timeline li>span{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#6d4aff}.case-runtime-timeline li div{display:grid;gap:3px}.case-runtime-timeline small{color:#667085}
.case-workspace-empty{padding:16px;border:1px dashed #d0d5dd;border-radius:12px;background:#f9fafb}.case-workspace-empty p{margin:6px 0 0;color:#667085;line-height:1.5}
.case-related-list{display:grid;gap:10px}.case-workspace-related-item{display:grid;gap:4px;padding:12px;border:1px solid #eaecf0;border-radius:12px;text-decoration:none;color:#101828}.case-workspace-related-item span{font-size:10px;font-weight:800;color:#667085;letter-spacing:.06em}
.case-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-action-grid button{border:1px solid #6d4aff;border-radius:12px;padding:11px 12px;background:#fff;color:#5b34e8;font-weight:800;cursor:pointer}
.case-action-grid button:hover{background:#f4f0ff}
@media (max-width:760px){.case-overview-meta,.case-people-grid,.case-action-grid,.case-resolution-context-grid,.case-knowledge-resolution-grid{grid-template-columns:1fr}.case-resolution-context-group:last-child:nth-child(odd),.case-knowledge-resolution-group:last-child:nth-child(odd){grid-column:auto}.case-workspace-completion{gap:12px}}

/* Phase 2.4C — Case Lifecycle UI */
.case-lifecycle-heading{align-items:flex-start;gap:12px}
.case-lifecycle-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.case-lifecycle-advance{appearance:none;border:1px solid #344054;border-radius:999px;background:#101828;color:#fff;padding:6px 12px;font:inherit;font-weight:700;line-height:1.2;cursor:pointer}
.case-lifecycle-advance:hover{background:#344054}
.case-lifecycle-advance:disabled,.case-lifecycle-advance.is-loading{cursor:wait;opacity:.65}
.case-lifecycle-terminal{display:inline-flex;align-items:center;border:1px solid #d0d5dd;border-radius:999px;padding:5px 10px;color:#667085;background:#f9fafb;font-size:12px;font-weight:700}
.case-lifecycle-feedback{flex-basis:100%;min-height:16px;color:#475467;font-size:12px;text-align:right}
.case-status-badge[data-case-status="ACTIVE"]{border-color:#84adff;background:#eff4ff;color:#3538cd}
.case-status-badge[data-case-status="RESOLVED"]{border-color:#75e0a7;background:#ecfdf3;color:#067647}
.case-status-badge[data-case-status="CLOSED"]{border-color:#fdb022;background:#fffaeb;color:#b54708}
.case-status-badge[data-case-status="ARCHIVED"]{border-color:#d0d5dd;background:#f2f4f7;color:#475467}
@media (max-width:700px){.case-lifecycle-heading{align-items:flex-start}.case-lifecycle-controls{justify-content:flex-start;width:100%}.case-lifecycle-feedback{text-align:left}}

/* Phase 2.4C-R2 — Lifecycle UI Polish */
.case-status-badge{display:inline-flex;align-items:center;gap:5px}
.case-lifecycle-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.case-lifecycle-summary>div{padding:11px;border:1px solid #eaecf0;border-radius:12px;background:#f9fafb}
.case-lifecycle-summary dt{font-size:11px;font-weight:800;text-transform:uppercase;color:#667085}
.case-lifecycle-summary dd{margin:5px 0 0;font-weight:700;color:#101828}
@media (max-width:760px){.case-lifecycle-summary{grid-template-columns:1fr}}

.workspace-add-evidence { appearance:none; border:0; background:transparent; padding:0; color:inherit; font:inherit; cursor:pointer; text-align:left; }
.workspace-add-evidence:hover strong { text-decoration:underline; }
.workspace-add-evidence:disabled { opacity:.55; cursor:wait; }


/* EVIDENCE-2 — canonical Evidence list presentation */
.workspace-evidence-list { display:grid; gap:12px; }
.workspace-evidence-card { border:1px solid rgba(15,23,42,.12); border-radius:14px; padding:14px; background:#fff; }
.workspace-evidence-card-head, .workspace-evidence-card-meta { display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; }
.workspace-evidence-card-head span { font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.workspace-evidence-card-head small, .workspace-evidence-card-meta { color:#667085; font-size:12px; }
.workspace-evidence-card h3 { margin:8px 0 6px; font-size:16px; line-height:1.35; }
.workspace-evidence-card h3 a { color:inherit; text-decoration:none; }
.workspace-evidence-card h3 a:hover { text-decoration:underline; }
.workspace-evidence-card p { margin:0 0 10px; white-space:pre-wrap; }
.workspace-evidence-card-meta a { font-weight:700; }


/* Phase 3 — EVIDENCE-3: canonical Evidence Workspace presentation. */
.evidence-workspace-overview,
.evidence-workspace-related {
  margin-top: 12px;
  padding: 18px;
}
.evidence-workspace-section-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.evidence-workspace-section-heading h3 {
  margin: 0;
  font-size: 1.05rem;
}
.evidence-workspace-section-heading > strong,
.evidence-workspace-section-heading > span {
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
}
.evidence-workspace-description p {
  margin: 0 0 16px;
  line-height: 1.6;
  white-space: pre-wrap;
}
.evidence-workspace-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px 16px;
  margin: 0;
}
.evidence-workspace-facts > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(127, 127, 127, .2);
  border-radius: 10px;
}
.evidence-workspace-facts dt {
  margin-bottom: 5px;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  opacity: .65;
}
.evidence-workspace-facts dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.evidence-workspace-relations {
  display: grid;
  gap: 8px;
}
.evidence-workspace-relation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(127, 127, 127, .2);
  border-radius: 10px;
  text-decoration: none;
}
.evidence-workspace-relation span:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}
.evidence-workspace-relation strong,
.evidence-workspace-relation small {
  overflow-wrap: anywhere;
}
.evidence-workspace-relation small {
  opacity: .65;
  text-transform: capitalize;
}
@media (max-width: 720px) {
  .evidence-workspace-facts { grid-template-columns: 1fr; }
  .evidence-workspace-overview,
  .evidence-workspace-related { padding: 14px; }
}


/* EVIDENCE-4 — Discussion / Challenge */
.evidence-discussion-mode { display:flex; gap:8px; padding:0 0 12px; }
.evidence-discussion-mode button { border:1px solid rgba(151,161,171,.35); background:#fff; border-radius:999px; padding:7px 12px; font-size:.72rem; font-weight:700; cursor:pointer; }
.evidence-discussion-mode button.is-active { border-color:currentColor; box-shadow:0 0 0 1px currentColor inset; }
.evidence-challenge-badge { display:inline-flex; align-items:center; margin:0 0 8px; border:1px solid currentColor; border-radius:999px; padding:3px 8px; font-size:.62rem; font-weight:800; letter-spacing:.06em; }


/* EVIDENCE-5 — Verification Foundation */
.evidence-verification-foundation { display:grid; gap:16px; }
.evidence-verification-statement { margin:0; line-height:1.55; }
.evidence-verification-counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.evidence-verification-counts div { border:1px solid rgba(15,23,42,.12); border-radius:12px; padding:10px; display:grid; gap:3px; }
.evidence-verification-counts strong { font-size:1.15rem; }
.evidence-verification-counts span { font-size:.68rem; font-weight:800; letter-spacing:.05em; }
.evidence-verification-actions { display:flex; flex-wrap:wrap; gap:8px; }
.evidence-verification-actions button { border:1px solid rgba(15,23,42,.18); border-radius:999px; background:#fff; padding:8px 12px; font-weight:700; cursor:pointer; }
.evidence-verification-actions button:disabled { opacity:.55; cursor:wait; }
.evidence-verification-list { display:grid; gap:8px; }
.evidence-verification-item { display:grid; gap:5px; border-top:1px solid rgba(15,23,42,.1); padding-top:10px; }
.evidence-verification-item span { font-size:.68rem; font-weight:800; letter-spacing:.06em; }
.evidence-verification-item a { font-weight:750; text-decoration:none; }
@media (max-width:680px) { .evidence-verification-counts { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* EVIDENCE-6 — Discovery / Search / Reuse */
.evidence-discovery-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,.58);display:grid;place-items:center;padding:18px}
.evidence-discovery-panel{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);display:grid;gap:16px}
.evidence-discovery-panel>header{display:flex;justify-content:space-between;gap:16px;align-items:start}.evidence-discovery-panel>header p{margin:4px 0 0;color:#64748b}.evidence-discovery-panel>header button{border:0;background:transparent;font-size:28px;cursor:pointer}
.evidence-discovery-controls{display:grid;grid-template-columns:1fr 220px;gap:10px}.evidence-discovery-controls input,.evidence-discovery-controls select,.evidence-create-new input,.evidence-create-new textarea,.evidence-create-new select{width:100%;box-sizing:border-box;border:1px solid rgba(15,23,42,.16);border-radius:10px;padding:10px;background:#fff}
.evidence-discovery-results,.evidence-duplicate-hint{display:grid;gap:8px}.evidence-discovery-card{display:flex;justify-content:space-between;gap:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;padding:12px}.evidence-discovery-card div{display:grid;gap:4px}.evidence-discovery-card span{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.evidence-discovery-card p,.evidence-discovery-card small{margin:0;color:#64748b}.evidence-discovery-card button,.evidence-create-new>button{align-self:center;border:0;border-radius:999px;padding:9px 14px;font-weight:750;cursor:pointer}
.evidence-create-new{border-top:1px solid rgba(15,23,42,.1);padding-top:12px}.evidence-create-new summary{cursor:pointer;font-weight:800}.evidence-create-new[open]{display:grid;gap:10px}.evidence-create-new label{display:grid;gap:5px;font-weight:700}.evidence-create-new textarea{min-height:90px;resize:vertical}
@media(max-width:680px){.evidence-discovery-controls{grid-template-columns:1fr}.evidence-discovery-card{display:grid}.evidence-discovery-card button{justify-self:start}}


/* EVIDENCE-UI-1 — explicit Case Workspace integration */
.case-evidence-entry-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;margin:0 0 14px;border:1px solid rgba(15,118,110,.18);border-radius:16px;background:linear-gradient(135deg,rgba(236,253,245,.96),rgba(240,249,255,.96));box-shadow:0 8px 24px rgba(15,23,42,.05)}
.case-evidence-entry-copy{display:grid;gap:3px;min-width:0}.case-evidence-entry-copy>span{font-size:.68rem;font-weight:850;letter-spacing:.12em;color:#0f766e}.case-evidence-entry-copy>strong{font-size:1rem;color:#0f172a}.case-evidence-entry-copy>p{margin:0;color:#64748b;font-size:.82rem}
.case-evidence-entry-actions,.evidence-section-actions,.evidence-empty-actions{display:flex;gap:8px;flex-wrap:wrap}.case-evidence-entry-actions button,.evidence-section-actions button,.evidence-empty-actions button{border:1px solid rgba(15,118,110,.22);border-radius:999px;padding:9px 13px;background:#fff;color:#0f5f59;font-weight:780;cursor:pointer}.case-evidence-entry-actions button:hover,.evidence-section-actions button:hover,.evidence-empty-actions button:hover{background:#ecfdf5}
.evidence-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.evidence-section-heading>div:first-child{display:flex;align-items:center;gap:8px}.evidence-empty-state{display:grid;gap:8px;padding:22px;border:1px dashed rgba(15,118,110,.28);border-radius:14px;background:rgba(240,253,250,.45)}.evidence-empty-state p{margin:0;color:#64748b}.workspace-evidence-card h3 a{color:inherit;text-decoration:none}.workspace-evidence-card h3 a:hover{text-decoration:underline}
@media(max-width:760px){.case-evidence-entry-bar{align-items:flex-start;display:grid}.case-evidence-entry-actions{width:100%}.case-evidence-entry-actions button{flex:1 1 auto}.evidence-section-heading{align-items:flex-start;display:grid}.evidence-section-actions{width:100%}}
.evidence-existing-block{display:grid;gap:10px;padding-bottom:14px;border-bottom:1px solid rgba(15,23,42,.1)}
.evidence-existing-block h4{margin:0}
.evidence-input-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.evidence-input-modes button{border:1px solid rgba(15,23,42,.14);background:#f8fafc;border-radius:10px;padding:10px 8px;cursor:pointer;font-weight:700}
.evidence-input-modes button.is-active{background:#ecfdf5;border-color:#0f766e;color:#0f766e}
.evidence-create-new [data-mode-panel]{display:grid;gap:6px}.evidence-create-new [data-mode-panel][hidden]{display:none}
.evidence-create-new small{color:#64748b}
@media(max-width:680px){.evidence-input-modes{grid-template-columns:1fr 1fr}}


/* EVIDENCE LOCK-1 — complete Case Evidence list */
.workspace-evidence-list{display:grid;gap:12px;margin-top:14px}
.workspace-evidence-card{display:grid;gap:10px;padding:16px;border:1px solid rgba(15,23,42,.11);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.workspace-evidence-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.workspace-evidence-card-head>span{font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#0f766e}
.workspace-evidence-card-head>small{color:#64748b}
.workspace-evidence-card h3{margin:0;color:#0f172a;font-size:1rem;line-height:1.35}
.workspace-evidence-card>p{margin:0;color:#475569;line-height:1.55}
.workspace-evidence-no-description{font-style:italic;color:#94a3b8!important}
.workspace-evidence-card-details{display:flex;gap:14px;flex-wrap:wrap;color:#64748b;font-size:.78rem}
.workspace-evidence-card-details strong{color:#334155}
.workspace-evidence-formats{display:flex;gap:7px;flex-wrap:wrap}
.workspace-evidence-format{display:inline-flex;align-items:center;border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:5px 8px;background:#f0fdfa;color:#0f766e;font-size:.66rem;font-weight:800;letter-spacing:.04em}
.workspace-evidence-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:2px}
.workspace-evidence-card-actions a{display:inline-flex;align-items:center;border:1px solid rgba(15,23,42,.13);border-radius:999px;padding:8px 11px;background:#fff;color:#334155;text-decoration:none;font-size:.76rem;font-weight:760}
.workspace-evidence-card-actions a:hover{background:#f8fafc}
.workspace-evidence-card-actions .workspace-evidence-open{margin-left:auto;border-color:rgba(15,118,110,.28);background:#0f766e;color:#fff}
.workspace-evidence-card-actions .workspace-evidence-open:hover{background:#115e59}
@media(max-width:680px){
  .workspace-evidence-card{padding:14px}
  .workspace-evidence-card-head{align-items:flex-start}
  .workspace-evidence-card-details{display:grid;gap:5px}
  .workspace-evidence-card-actions{display:grid;grid-template-columns:1fr}
  .workspace-evidence-card-actions a,.workspace-evidence-card-actions .workspace-evidence-open{justify-content:center;margin-left:0;text-align:center}
}


/* Evidence upload runtime feedback */
.evidence-create-feedback {
  min-height: 20px;
  margin: 8px 0;
  font-size: 13px;
  line-height: 1.4;
}
.evidence-create-feedback[data-level="error"] { font-weight: 700; }
.evidence-create-feedback[data-level="success"] { font-weight: 700; }


/* EVIDENCE LOCK-2 — attachment and card polish */
.evidence-workspace-facts dd .evidence-attachment-mime{display:block;margin-top:4px;color:#64748b;font-size:.72rem;word-break:break-word}
.workspace-evidence-thumbnail{display:block;overflow:hidden;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#f8fafc;aspect-ratio:16/7}
.workspace-evidence-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.card-media-video .card-media-video-element{display:block;width:100%;height:100%;object-fit:contain;background:#0f172a}
.card-media-document .card-media-document-link{min-height:210px;justify-content:center;text-align:center;padding:24px}
@media (max-width:700px){.workspace-evidence-thumbnail{aspect-ratio:16/9}.evidence-workspace-facts{grid-template-columns:1fr}.card-media-document .card-media-document-link{min-height:160px}}


/* EVIDENCE LOCK-3 — Final Product Polish */
.workspace-evidence-thumbnail{display:block;width:100%;height:232px;overflow:hidden;border-radius:12px;background:#f1f5f9}
.workspace-evidence-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.workspace-evidence-card-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#475569;font-size:.78rem}
.workspace-evidence-card-summary span{display:inline-flex;align-items:center;gap:4px}
.workspace-evidence-empty-text,.evidence-unified-empty{color:#94a3b8;font-style:italic}
.evidence-workspace-back-nav{display:flex;align-items:center;gap:8px;padding:0 2px 10px;color:#64748b;font-size:.82rem}
.evidence-workspace-back-nav a{color:#0f766e;font-weight:800;text-decoration:none}
.evidence-workspace-back-nav a:hover{text-decoration:underline}
.evidence-workspace-back-nav strong{color:#334155}
.evidence-workspace-related .case-workspace-empty,.evidence-empty-state{border-color:rgba(15,118,110,.22);background:rgba(240,253,250,.45)}
@media (max-width:700px){
  .workspace-evidence-thumbnail{height:220px}
  .workspace-evidence-card-summary{display:grid;gap:6px}
  .evidence-workspace-back-nav{padding-inline:2px}
}

/* CRI-3 — Human Resolution */
.case-human-resolution-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-human-resolution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-human-resolution-group{min-width:0;padding:12px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-human-resolution-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-human-resolution-group-heading h3{margin:0;font-size:13px;color:#101828}
.case-human-resolution-group-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-human-resolution-items{display:grid;gap:8px}
.case-human-resolution-item{display:grid;gap:6px;padding:0}
.case-human-resolution-item .case-workspace-related-item{background:#fff}
.case-human-resolution-item p{margin:0 4px;color:#475467;font-size:12px;line-height:1.45}
.case-human-resolution-item small{margin:0 4px;color:#667085;font-size:11px;text-transform:capitalize}
.case-human-resolution-items .case-workspace-empty{padding:12px;background:#fff}
@media (max-width:760px){.case-human-resolution-grid{grid-template-columns:1fr}}

/* CRI-4 — Resolution History */
.case-resolution-history-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-resolution-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-resolution-history-group{min-width:0;padding:12px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-resolution-history-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-resolution-history-group-heading h3{margin:0;font-size:13px;color:#101828}
.case-resolution-history-group-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-resolution-history-items{display:grid;gap:8px}
.case-resolution-history-item{display:grid;gap:6px;padding:0}
.case-resolution-history-item .case-workspace-related-item{background:#fff}
.case-resolution-history-item p{margin:0 4px;color:#475467;font-size:12px;line-height:1.45}
.case-resolution-history-item small{margin:0 4px;color:#667085;font-size:11px;text-transform:capitalize}
.case-resolution-history-items .case-workspace-empty{padding:12px;background:#fff}
@media (max-width:760px){.case-resolution-history-grid{grid-template-columns:1fr}}

/* CRI-5 — Resolution Paths */
.case-resolution-paths-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-resolution-paths-list{display:grid;gap:12px}
.case-resolution-path-card{display:grid;gap:12px;padding:14px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-resolution-path-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.case-resolution-path-heading div{min-width:0}
.case-resolution-path-heading span{display:block;margin-bottom:3px;color:#667085;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.case-resolution-path-heading h3{margin:0;color:#101828;font-size:14px;line-height:1.35}
.case-resolution-path-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 8px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-resolution-path-card>p{margin:0;color:#475467;font-size:12px;line-height:1.5}
.case-resolution-path-steps{display:grid;justify-items:stretch;gap:7px}
.case-resolution-path-step{display:grid;gap:4px;min-width:0}
.case-resolution-path-step .case-workspace-related-item{background:#fff}
.case-resolution-path-step small{margin:0 4px;color:#667085;font-size:11px;text-transform:capitalize}
.case-resolution-path-arrow{display:flex;align-items:center;justify-content:center;height:14px;color:#98a2b3;font-size:14px;line-height:1}
.case-resolution-paths-related-count{display:block;margin-top:12px;color:#667085;font-size:11px}
@media (min-width:900px){.case-resolution-paths-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.case-resolution-path-card{padding:12px}}


/* CRI-6 — Resolution Matching */
.case-resolution-matches-intro{margin:-4px 0 14px;color:#667085;font-size:13px;line-height:1.5}
.case-resolution-matches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-resolution-matches-group{min-width:0;padding:12px;border:1px solid #eaecf0;border-radius:14px;background:#f9fafb}
.case-resolution-matches-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.case-resolution-matches-group-heading h3{margin:0;font-size:13px;color:#101828}
.case-resolution-matches-group-heading strong{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:11px}
.case-resolution-matches-items{display:grid;gap:8px}
.case-resolution-match-item{display:grid;gap:6px;min-width:0}
.case-resolution-match-item .case-workspace-related-item{background:#fff}
.case-resolution-match-item p{margin:0 4px;color:#475467;font-size:12px;line-height:1.45}
.case-resolution-match-item small{margin:0 4px;color:#667085;font-size:11px;text-transform:capitalize}
.case-resolution-matches-items .case-workspace-empty{padding:12px;background:#fff}
@media (max-width:760px){.case-resolution-matches-grid{grid-template-columns:1fr}}


/* CRI-7/8 — optional Rabbit Holes. CRI internals stay hidden from the user. */
.case-rabbit-holes{display:grid;gap:10px}
.case-rabbit-hole{border:1px solid #e4e7ec;border-radius:14px;background:#fff;overflow:hidden}
.case-rabbit-hole>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;cursor:pointer;list-style:none}
.case-rabbit-hole>summary::-webkit-details-marker{display:none}
.case-rabbit-hole>summary span{display:grid;gap:3px;min-width:0}
.case-rabbit-hole>summary strong{font-size:14px;color:#101828}
.case-rabbit-hole>summary small{font-size:12px;line-height:1.4;color:#667085;font-weight:400}
.case-rabbit-hole>summary b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border:1px solid #d0d5dd;border-radius:999px;background:#f9fafb;color:#344054;font-size:12px}
.case-rabbit-hole[open]>summary{border-bottom:1px solid #eaecf0;background:#f9fafb}
.case-rabbit-hole-body{display:grid;gap:9px;padding:12px}
.case-rabbit-item{padding:10px;border:1px solid #eaecf0;border-radius:12px;background:#fff}
.case-rabbit-item p{margin:7px 0 0;color:#667085;font-size:12px;line-height:1.45}
.case-rabbit-item>small{display:block;margin-top:6px;color:#475467;font-size:10px;font-weight:700}
.case-rabbit-connections{margin-top:3px;border-top:1px solid #eaecf0;padding-top:10px}
.case-rabbit-connections>summary{cursor:pointer;color:#475467;font-size:12px;font-weight:700}
.case-rabbit-connections>div{display:grid;gap:12px;margin-top:10px}
.case-rabbit-connections section{display:grid;gap:7px}
.case-rabbit-connections h4{margin:0;color:#344054;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:760px){.case-rabbit-hole>summary{padding:13px}.case-rabbit-hole>summary small{display:none}}


/* CASE COMPLETION S2 — compact automatic, read-only Case Timeline */
.case-timeline-read-only{margin:0 0 12px;color:#667085;font-size:12px}
.case-runtime-timeline{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.case-runtime-timeline .case-timeline-event{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.case-runtime-timeline .case-timeline-icon{display:grid;place-items:center;width:34px;height:34px;margin:0;border-radius:10px;background:#f4f3ff;font-size:16px}
.case-runtime-timeline .case-timeline-event>div{display:grid;gap:3px;min-width:0}
.case-runtime-timeline .case-timeline-event small{order:0;color:#667085;font-size:11px}
.case-runtime-timeline .case-timeline-event strong{order:1;color:#101828;font-size:14px;line-height:1.25}
.case-runtime-timeline .case-timeline-transition{order:2;display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:11px;font-weight:800;letter-spacing:.02em}
.case-runtime-timeline .case-timeline-event p{order:3;margin:0;color:#667085;font-size:12px}
.case-runtime-timeline .case-timeline-event--case_resolved{border-color:#b7e4c7;background:#f3fff7}
.case-runtime-timeline .case-timeline-event--case_resolved .case-timeline-icon{background:#dcfce7}
.case-runtime-timeline .case-timeline-empty{padding:12px;border:1px dashed #d0d5dd;border-radius:12px;color:#667085}
.case-runtime-timeline .case-timeline-empty div{display:grid;gap:3px}


/* CASE COMPLETION S3 — Resolution Summary */
.case-resolution-summary{display:grid;gap:16px}
.case-resolution-summary-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #e5e7eb}
.case-resolution-summary-header>div{display:grid;gap:4px}.case-resolution-summary-status{font-weight:800;color:#166534;letter-spacing:.02em}.case-resolution-summary-header small{color:#667085}
.case-resolution-summary-header dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(110px,1fr));gap:12px}.case-resolution-summary-header dl div{display:grid;gap:3px}.case-resolution-summary-header dt{font-size:11px;text-transform:uppercase;color:#667085}.case-resolution-summary-header dd{margin:0;font-weight:700;color:#101828}
.case-resolution-summary-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.case-resolution-summary-stats>div{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa;display:grid;gap:3px}.case-resolution-summary-stats strong{font-size:20px;color:#101828}.case-resolution-summary-stats span{font-size:12px;color:#667085}
.case-resolution-summary-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-resolution-summary-columns>section,.case-resolution-summary-related{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.case-resolution-summary h4{margin:0 0 10px;font-size:14px;color:#101828}.case-resolution-summary ul{margin:0;padding-left:18px;display:grid;gap:7px;color:#344054}.case-summary-empty{margin:0;color:#667085;font-size:13px}
.case-resolution-summary-related{display:grid;gap:12px}.case-summary-related-group{display:grid;gap:7px}.case-summary-related-group>strong{font-size:12px;text-transform:uppercase;color:#667085}
@media (max-width:760px){.case-resolution-summary-header{display:grid}.case-resolution-summary-header dl{grid-template-columns:1fr 1fr}.case-resolution-summary-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.case-resolution-summary-columns{grid-template-columns:1fr}}

/* CASE COMPLETION S4 — solved Cases inside Rabbit Hole. */
.case-rabbit-item--solved{border-color:#b7e4c7;background:#fbfffc}
.case-rabbit-solved-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:8px 0 0}
.case-rabbit-solved-meta div{display:flex;align-items:baseline;gap:5px}
.case-rabbit-solved-meta dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#667085}
.case-rabbit-solved-meta dd{margin:0;font-size:12px;font-weight:600;color:#344054}
.case-rabbit-resolution-summary{margin:8px 0 0;color:#344054;font-size:13px;line-height:1.5}
.case-rabbit-resolution-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:10px;padding:8px 11px;border:1px solid #98d8ad;border-radius:9px;background:#f0fff4;color:#166534;font-size:12px;font-weight:700;text-decoration:none}
.case-rabbit-resolution-cta:hover,.case-rabbit-resolution-cta:focus-visible{background:#dcfce7;color:#14532d}


/* CASE COMPLETION S5 — reusable knowledge extraction */
.case-reusable-knowledge{display:grid;gap:16px}
.case-reusable-knowledge-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}
.case-reusable-knowledge-heading>div{display:grid;gap:4px}.case-reusable-knowledge-heading span{font-weight:800;letter-spacing:.04em;color:#344054}.case-reusable-knowledge-heading small{color:#667085}.case-reusable-knowledge-heading>strong{font-size:12px;color:#166534;background:#ecfdf3;border:1px solid #abefc6;border-radius:999px;padding:6px 10px;white-space:nowrap}
.case-reusable-knowledge-statement{margin:0;padding:14px 16px;border-left:3px solid #667085;background:#f9fafb;border-radius:8px;color:#344054;line-height:1.55}
.case-reusable-knowledge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.case-reusable-knowledge-grid>section{padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}.case-reusable-knowledge-grid h4{margin:0 0 10px;font-size:14px;color:#101828}.case-reusable-knowledge-grid ul{margin:0;padding-left:18px;display:grid;gap:7px;color:#344054}
.case-reusable-knowledge-caution{margin:0;color:#667085;font-size:12px}
@media (max-width:760px){.case-reusable-knowledge-heading{display:grid}.case-reusable-knowledge-heading>strong{justify-self:start}.case-reusable-knowledge-grid{grid-template-columns:1fr}}

/* F6-2B — Need-specific sections inside the existing Shared Workspace. */
.workspace-need-collaboration__heading {
  margin-bottom: 16px;
}

.workspace-need-collaboration__heading p {
  margin: 6px 0 0;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
}

.workspace-need-section-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.workspace-need-section {
  min-width: 0;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  background: #fff;
}

.workspace-need-section--primary {
  grid-column: 1 / -1;
  background: #f8fafc;
}

.workspace-need-section__eyebrow {
  display: block;
  margin-bottom: 7px;
  color: #0f766e;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
}

.workspace-need-section h4 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 16px;
  line-height: 1.3;
}

.workspace-need-section p {
  margin: 0;
  color: #475569;
  font-size: 14px;
  line-height: 1.55;
}

.workspace-need-section-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.workspace-need-section-list li {
  display: grid;
  gap: 2px;
  padding-top: 9px;
  border-top: 1px solid #eef2f7;
}

.workspace-need-section-list li:first-child {
  padding-top: 0;
  border-top: 0;
}

.workspace-need-section-list a,
.workspace-need-section-list strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.workspace-need-section-list a:hover {
  text-decoration: underline;
}

.workspace-need-section-list span,
.workspace-need-section-empty {
  color: #64748b;
  font-size: 12px;
}

@media (max-width: 760px) {
  .workspace-need-section-grid {
    grid-template-columns: 1fr;
  }

  .workspace-need-section--primary {
    grid-column: auto;
  }
}


/* F6-2C — Need participation completion */
.workspace-need-participation{display:grid;gap:16px}
.workspace-need-participant-list{display:grid;gap:10px}
.workspace-need-participant{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(15,118,110,.15);border-radius:12px;background:#fff}
.workspace-need-participant div{display:grid;gap:2px}.workspace-need-participant small{color:#60706d}
.workspace-need-participation-actions{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding-top:4px}
.workspace-need-participation-actions label{display:grid;gap:6px;min-width:min(100%,260px);font-size:12px;font-weight:700;color:#315b55}
.workspace-need-participation-actions select{width:100%;padding:10px;border:1px solid #cbd8d5;border-radius:10px;background:#fff}
.workspace-need-help-button,.workspace-need-discussion-button{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer}
.workspace-need-help-button{background:#6d28d9;color:#fff}.workspace-need-discussion-button{background:#eef2ff;color:#4c1d95}
.workspace-need-participation-feedback{flex-basis:100%;margin:0;color:#9a3412;font-size:13px}


/* F6-2B.1 — Need Discovery & canonical Workspace entry. */
.need-discovery {
  display: grid;
  gap: 12px;
}
.need-discovery-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.need-discovery-heading h3 { margin: 2px 0 0; }
.need-discovery-kicker {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  color: #6d28d9;
}
.need-discovery-count {
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ede9fe;
  color: #5b21b6;
  font-size: 12px;
  font-weight: 700;
}
.need-discovery-filters {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.need-discovery-filters label { display: grid; gap: 4px; }
.need-discovery-filters label > span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #64748b;
}
.need-discovery-filters select,
.need-discovery-filters input {
  width: 100%;
  min-width: 0;
  padding: 8px 9px;
  border: 1px solid #dbe2ea;
  border-radius: 9px;
  background: #fff;
  color: #172033;
  font: inherit;
  font-size: 12px;
}
.need-discovery-list { display: grid; gap: 9px; }
.need-discovery-card {
  display: grid;
  gap: 7px;
  padding: 11px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.need-discovery-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.need-discovery-card-meta span {
  padding: 3px 7px;
  border-radius: 999px;
  background: #f5f3ff;
  color: #5b21b6;
  font-size: 10px;
  font-weight: 700;
}
.need-discovery-card h4 { margin: 0; font-size: 14px; line-height: 1.3; }
.need-discovery-card p {
  margin: 0;
  color: #526173;
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.need-discovery-card small { color: #64748b; font-size: 10px; }
.need-discovery-open {
  display: inline-flex;
  justify-content: center;
  padding: 8px 10px;
  border-radius: 9px;
  background: #6d28d9;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
.need-discovery-open:hover { background: #5b21b6; color: #fff; }
.need-discovery-empty { margin: 0; color: #64748b; font-size: 12px; line-height: 1.45; }

/* F6-2C-R1 — active Need match discussion entry. */
.workspace-match-discussion:not(:disabled) {
  border-color: #84cc16;
  background: #a3d915;
  color: #ffffff;
  cursor: pointer;
}
.workspace-match-discussion:not(:disabled):hover,
.workspace-match-discussion:not(:disabled):focus-visible {
  border-color: #65a30d;
  background: #84cc16;
  color: #ffffff;
}
.workspace-match-discussion:not(:disabled) span {
  filter: none;
  opacity: 1;
}


/* F6-3A — Need lifecycle inside the existing Shared Workspace. */
.workspace-need-lifecycle { display: grid; gap: 14px; }
.workspace-need-status-badge { display:inline-flex; align-items:center; justify-content:center; min-width:110px; padding:8px 12px; border-radius:999px; font-size:12px; font-weight:800; background:#e2e8f0; color:#334155; }
.workspace-need-lifecycle--open .workspace-need-status-badge { background:#dcfce7; color:#166534; }
.workspace-need-lifecycle--in_progress .workspace-need-status-badge { background:#fef3c7; color:#92400e; }
.workspace-need-lifecycle--partially_addressed .workspace-need-status-badge { background:#ffedd5; color:#9a3412; }
.workspace-need-lifecycle--resolved .workspace-need-status-badge { background:#dbeafe; color:#1d4ed8; }
.workspace-need-lifecycle--closed .workspace-need-status-badge { background:#e5e7eb; color:#374151; }
.workspace-need-lifecycle-actions { display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px; }
.workspace-need-lifecycle-actions label { display:grid; gap:6px; flex:1 1 240px; color:#475569; font-size:12px; font-weight:700; }
.workspace-need-lifecycle-actions select { width:100%; min-height:40px; border:1px solid #cbd5e1; border-radius:10px; background:#fff; padding:8px 10px; }
.workspace-need-lifecycle-actions button { min-height:40px; border:0; border-radius:10px; padding:9px 14px; background:#0f766e; color:#fff; font-weight:800; cursor:pointer; }
.workspace-need-lifecycle-actions button:disabled { opacity:.55; cursor:wait; }

/* STORY PAGE — replace workspace tabs with the canonical short description. */
.story-workspace-short-description {
  padding: 16px 18px;
  border-top: 1px solid rgba(31, 45, 71, 0.08);
  border-bottom: 1px solid rgba(31, 45, 71, 0.10);
  background: #fff;
}
.story-workspace-short-description p {
  margin: 0;
  color: #263650;
  font-size: 0.96rem;
  line-height: 1.65;
}
.story-workspace-short-description .story-workspace-short-description-empty {
  color: #7b8799;
  font-style: italic;
}

/* STORY PAGE R3 — title fallback and Reddit-style engagement row below the hero. */
.story-workspace-lead {
  background: #fff;
  border-bottom: 1px solid rgba(31, 45, 71, 0.10);
}
.story-workspace-lead .story-workspace-short-description {
  border-bottom: 0;
  padding-bottom: 12px;
}
.story-workspace-lead .story-workspace-short-description p {
  color: #15233b;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.45;
}
.story-workspace-metrics {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 0 18px 16px;
}
.story-workspace-vote-counter,
.story-workspace-comment-count {
  display: inline-flex;
  align-items: center;
  color: #667085;
  font-size: 0.78rem;
  line-height: 1;
}
.story-workspace-vote-counter {
  gap: 4px;
}
.story-workspace-vote-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #7a8699;
  font: inherit;
  font-size: 0.93rem;
  line-height: 1;
  cursor: pointer;
}
.story-workspace-vote-arrow:hover,
.story-workspace-vote-arrow:focus-visible {
  background: #f1f4f8;
  color: #344054;
}
.story-workspace-vote-arrow--up.is-active {
  background: #eaf8f2;
  color: #08775d;
}
.story-workspace-vote-arrow--down.is-active {
  background: #fff0f0;
  color: #b42318;
}
.story-workspace-vote-arrow:disabled {
  opacity: 0.45;
  cursor: default;
}
.story-workspace-vote-score,
.story-workspace-comment-count strong {
  color: #344054;
  font-weight: 700;
}
.story-workspace-vote-score {
  min-width: 18px;
  text-align: center;
}
.story-workspace-comment-count {
  gap: 5px;
}
@media (max-width: 640px) {
  .story-workspace-metrics {
    gap: 12px;
    padding-inline: 14px;
  }
  .story-workspace-vote-counter,
  .story-workspace-comment-count {
    font-size: 0.75rem;
  }
}

/* Story Workspace: Reddit-style compact discussion entry. */
.workspace-composer--compact {
  padding: 12px 14px;
  gap: 0;
  border-bottom: 1px solid #eceff6;
}

.workspace-composer--compact .workspace-composer-head {
  align-items: center;
  gap: 10px;
}

.workspace-composer--compact .workspace-composer-head .workspace-avatar {
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  margin-top: 0;
}

.workspace-composer--compact .workspace-composer-head textarea[data-workspace-compose-input] {
  min-height: 44px;
  height: 44px;
  max-height: 44px;
  resize: none;
  overflow: hidden;
  border: 1px solid #d7dce5;
  border-radius: 999px;
  background: #f6f7f8;
  padding: 10px 18px;
  line-height: 22px;
  transition: border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, border-radius 160ms ease, min-height 160ms ease, max-height 160ms ease;
}

.workspace-composer--compact .workspace-composer-head textarea[data-workspace-compose-input]::placeholder {
  color: #687386;
  opacity: 1;
}

.workspace-composer--compact .workspace-composer-tools,
.workspace-composer--compact .workspace-composer-image-preview,
.workspace-composer--compact .workspace-composer-video-preview,
.workspace-composer--compact .workspace-composer-message,
.workspace-composer--compact .workspace-composer-actions {
  display: none;
}

.workspace-composer--compact:focus-within,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)),
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])),
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) {
  gap: 9px;
}

.workspace-composer--compact:focus-within .workspace-composer-head,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-head,
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-head,
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-head {
  align-items: flex-start;
}

.workspace-composer--compact:focus-within .workspace-composer-head textarea[data-workspace-compose-input],
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-head textarea[data-workspace-compose-input],
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-head textarea[data-workspace-compose-input],
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-head textarea[data-workspace-compose-input] {
  min-height: 96px;
  height: auto;
  max-height: 180px;
  overflow-y: auto;
  border-radius: 18px;
  background: #fff;
  border-color: #cbd3df;
  box-shadow: 0 0 0 2px rgba(106, 82, 222, 0.08);
  padding: 13px 15px;
  line-height: 1.45;
}

.workspace-composer--compact:focus-within .workspace-composer-tools,
.workspace-composer--compact:focus-within .workspace-composer-image-preview,
.workspace-composer--compact:focus-within .workspace-composer-video-preview,
.workspace-composer--compact:focus-within .workspace-composer-message,
.workspace-composer--compact:focus-within .workspace-composer-actions,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-tools,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-image-preview,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-video-preview,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-message,
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-actions,
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-tools,
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-image-preview,
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-message,
.workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-actions,
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-tools,
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-video-preview,
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-message,
.workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-actions {
  display: flex;
}

.workspace-composer--compact:focus-within .workspace-composer-image-preview[hidden],
.workspace-composer--compact:focus-within .workspace-composer-video-preview[hidden],
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-image-preview[hidden],
.workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-video-preview[hidden] {
  display: none;
}

.workspace-composer--compact .workspace-composer-tools,
.workspace-composer--compact .workspace-composer-image-preview,
.workspace-composer--compact .workspace-composer-video-preview,
.workspace-composer--compact .workspace-composer-message,
.workspace-composer--compact .workspace-composer-actions {
  padding-left: 44px;
}

@media (max-width: 760px) {
  .workspace-composer--compact {
    padding: 10px 11px;
  }

  .workspace-composer--compact .workspace-composer-head textarea[data-workspace-compose-input] {
    min-height: 42px;
    height: 42px;
    max-height: 42px;
    padding: 9px 15px;
  }

  .workspace-composer--compact:focus-within .workspace-composer-head textarea[data-workspace-compose-input],
  .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-head textarea[data-workspace-compose-input] {
    min-height: 88px;
    height: auto;
    max-height: 160px;
  }
}

/* STORY DISCUSSION R5 — Reddit-inspired readable thread geometry. */
.story-workspace-discussion .workspace-feed-list {
  gap: 0;
  padding: 0 14px 14px;
}

.story-workspace-discussion .workspace-feed-card {
  position: relative;
  border: 0;
  border-radius: 0;
  border-top: 1px solid #edf0f5;
  padding: 14px 10px 14px 48px;
  gap: 7px;
  box-shadow: none;
  background: #fff;
}

.story-workspace-discussion .workspace-feed-card:first-child {
  border-top: 0;
}

.story-workspace-discussion .workspace-feed-card::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 48px;
  bottom: 10px;
  width: 1px;
  background: #d9dee7;
}

.story-workspace-discussion .workspace-post-author {
  min-height: 30px;
  gap: 8px;
}

.story-workspace-discussion .workspace-post-author .workspace-avatar {
  position: absolute;
  left: 9px;
  top: 12px;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 8px;
  border: 1px solid #dfe4ec;
  background: #f4f6f9;
  box-shadow: 0 1px 2px rgba(20, 30, 48, 0.06);
}

.story-workspace-discussion .workspace-post-author strong {
  font-size: 0.91rem;
}

.story-workspace-discussion .workspace-post-author span {
  font-size: 0.73rem;
}

.story-workspace-discussion .workspace-feed-summary {
  padding: 0;
  font-size: 0.94rem;
  line-height: 1.55;
  color: #232b38;
}

.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row {
  gap: 2px;
  margin-top: 1px;
}

.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row span,
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row button {
  min-height: 28px;
  padding: 0 7px;
  border-radius: 999px;
  font-size: 0.79rem;
}

.story-workspace-discussion .workspace-post-reply-composer,
.story-workspace-discussion .workspace-post-replies {
  margin-left: 0;
  padding-left: 25px;
  border-left: 1px solid #d9dee7;
}

.story-workspace-discussion .workspace-post-reply-composer::before,
.story-workspace-discussion .workspace-post-replies::before {
  left: -1px;
  top: 13px;
  width: 15px;
  height: 14px;
  border-color: #d9dee7;
  border-bottom-left-radius: 10px;
}

.story-workspace-discussion .workspace-post-replies {
  gap: 0;
  padding-top: 2px;
}

.story-workspace-discussion .workspace-post-reply-item {
  position: relative;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding: 8px 4px 10px 38px;
  gap: 4px;
}

.story-workspace-discussion .workspace-post-reply-item::before {
  content: "";
  position: absolute;
  left: 13px;
  top: 38px;
  bottom: -1px;
  width: 1px;
  background: #d9dee7;
}

.story-workspace-discussion .workspace-post-reply-item:last-child::before {
  bottom: 9px;
}

.story-workspace-discussion .workspace-avatar.workspace-avatar--reply {
  position: absolute;
  left: 0;
  top: 7px;
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border-radius: 7px;
  border: 1px solid #dfe4ec;
  background: #f4f6f9;
}

.story-workspace-discussion .workspace-post-reply-author {
  min-height: 28px;
  gap: 5px;
}

.story-workspace-discussion .workspace-post-reply-body {
  font-size: 0.9rem;
  line-height: 1.5;
  color: #273142;
}

.story-workspace-discussion .workspace-post-reply-meta {
  display: flex;
  align-items: center;
  gap: 5px;
  min-height: 26px;
  color: #687386;
  font-size: 0.75rem;
}

.story-workspace-discussion .workspace-post-reply-meta button {
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  padding: 4px 6px;
  border-radius: 999px;
}

.story-workspace-discussion .workspace-post-reply-meta button:hover {
  background: #f1f3f6;
  color: #283243;
}

.story-workspace-discussion .workspace-post-replies-toggle,
.story-workspace-discussion [data-workspace-replies-toggle] {
  margin-left: 24px;
  font-size: 0.79rem;
}

@media (max-width: 760px) {
  .story-workspace-discussion .workspace-feed-list {
    padding: 0 7px 10px;
  }

  .story-workspace-discussion .workspace-feed-card {
    padding: 12px 5px 12px 42px;
  }

  .story-workspace-discussion .workspace-feed-card::before {
    left: 23px;
  }

  .story-workspace-discussion .workspace-post-author .workspace-avatar {
    left: 6px;
    width: 28px;
    height: 28px;
  }

  .story-workspace-discussion .workspace-post-reply-composer,
  .story-workspace-discussion .workspace-post-replies {
    margin-left: 0;
    padding-left: 17px;
  }
}


/* STORY REPLY R6 — compact, reliable reply controls. */
.story-workspace-discussion .workspace-post-reply-actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  padding-top: 2px;
}

.story-workspace-discussion .workspace-post-reply-publish,
.story-workspace-discussion .workspace-post-reply-cancel {
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  cursor: pointer !important;
  position: relative;
  z-index: 2;
}

.story-workspace-discussion .workspace-post-reply-publish {
  border: 1px solid #6545e8 !important;
  background: #6545e8 !important;
  color: #fff !important;
}

.story-workspace-discussion .workspace-post-reply-cancel {
  border: 1px solid #d9dee7 !important;
  background: #fff !important;
  color: #4b5565 !important;
}

.story-workspace-discussion .workspace-post-reply-publish:hover,
.story-workspace-discussion .workspace-post-reply-publish:focus-visible {
  background: #5638d4 !important;
}

.story-workspace-discussion .workspace-post-reply-cancel:hover,
.story-workspace-discussion .workspace-post-reply-cancel:focus-visible {
  background: #f3f5f8 !important;
}


/* STORY HEADER CLEANUP R8 — keep only the compact Story label, title and utility controls. */
.case-workspace[data-entity-type="story"] .workspace-story-type {
  font-size: 0.62rem;
  letter-spacing: 0.07em;
}
.case-workspace[data-entity-type="story"] .workspace-story-badge {
  font-size: 0.58rem;
}

/* R13 — Story Workspace center-column fit: keep all header text and media inside the 580px column. */
body.entity-workspace-lock .center-column,
body.entity-workspace-lock .case-workspace,
body.entity-workspace-lock .case-workspace-primary-surface,
body.entity-workspace-lock .case-workspace-header,
body.entity-workspace-lock .workspace-story-head {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

body.entity-workspace-lock .case-workspace-title,
body.entity-workspace-lock .workspace-story-head,
body.entity-workspace-lock .workspace-story-head * {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  white-space: normal;
}

@media (min-width: 1121px) {
  body.entity-workspace-lock .case-workspace-media-hit,
  body.entity-workspace-lock .case-workspace-media {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  body.entity-workspace-lock .case-workspace-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 580 / 297;
  }
}

/* R14 — Workspace left navigation */
body.entity-workspace-lock .left-column .workspace-left-navigation {
  display: grid;
  gap: 18px;
  padding: 14px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.entity-workspace-lock .workspace-home-link {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  width: fit-content;
  color: #222b3e;
  text-decoration: none;
  font-size: .86rem;
  font-weight: 750;
  letter-spacing: .08em;
}

body.entity-workspace-lock .workspace-home-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e6e9f0;
  box-shadow: 0 5px 14px rgba(33, 42, 65, .08);
}

body.entity-workspace-lock .workspace-home-icon svg {
  width: 23px;
  height: 23px;
  fill: #5d3ee0;
}

body.entity-workspace-lock .workspace-left-menu {
  display: grid;
  gap: 10px;
}

body.entity-workspace-lock .workspace-left-menu-item {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 0 16px;
  border: 1px solid #e5e8ef;
  border-radius: 999px;
  background: #fff;
  color: #273044;
  font: inherit;
  font-size: .98rem;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 3px 10px rgba(32, 42, 64, .045);
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.entity-workspace-lock .workspace-left-menu-item:hover,
body.entity-workspace-lock .workspace-left-menu-item:focus-visible {
  border-color: #cfc7f7;
  box-shadow: 0 6px 16px rgba(56, 44, 130, .09);
  transform: translateY(-1px);
  outline: none;
}

body.entity-workspace-lock .workspace-left-menu-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f1eefe;
  color: #5d3ee0;
  font-size: 1rem;
  line-height: 1;
}


/* R16 — Primary person identity below Story hero */
body.entity-workspace-lock .workspace-primary-person-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 12px 2px;
  box-sizing: border-box;
}

body.entity-workspace-lock .workspace-primary-person-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 13px;
  border: 1px solid rgba(101, 84, 180, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 3px 12px rgba(35, 28, 72, 0.06);
  color: #312a50;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  overflow-wrap: anywhere;
}

body.entity-workspace-lock .workspace-primary-person-icon {
  flex: 0 0 auto;
  color: #6d55d9;
  font-size: 14px;
  line-height: 1;
}

/* R17 — Story Workspace right rail: related and similar posts only. */
.workspace-story-sidebar {
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
  min-width: 0;
}

.workspace-story-sidebar-section {
  border: 1px solid rgba(15, 23, 42, 0.09);
  border-radius: 18px;
  background: #fff;
  padding: 15px 14px;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.workspace-story-sidebar-section h3 {
  margin: 0 0 11px;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  color: #273043;
}

.workspace-story-list {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.workspace-story-list-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 13px;
  color: #30384a;
  text-decoration: none;
  background: #f7f8fb;
  transition: background .16s ease, transform .16s ease;
}

.workspace-story-list-item:hover,
.workspace-story-list-item:focus-visible {
  background: #eef1f7;
  transform: translateY(-1px);
}

.workspace-story-list-icon {
  flex: 0 0 auto;
  margin-top: 1px;
  font-size: 12px;
  color: #788196;
}

.workspace-story-list-title {
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 600;
}

.workspace-story-list-empty {
  margin: 0;
  color: #8b93a3;
  font-size: 12px;
  line-height: 1.4;
}

/* R19 — Story Workspace media frame: Reddit-style 620 × 300 presentation. */
body.entity-workspace-lock .case-workspace-media-hit,
body.entity-workspace-lock .case-workspace-media {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 300px;
  min-height: 300px;
  aspect-ratio: auto;
  box-sizing: border-box;
}

body.entity-workspace-lock .case-workspace-media {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

body.entity-workspace-lock .case-workspace-media > img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Person photographs preserve the full source in the existing media frame.
   Scoped to the canonical person workspace; Stories and Cases retain cover. */
body.entity-workspace-lock .generic-entity-workspace[data-entity-type="person"] .case-workspace-media {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f1f3f2;
}
body.entity-workspace-lock .generic-entity-workspace[data-entity-type="person"] .case-workspace-media > img {
  object-fit: contain;
  object-position: center;
}

body.entity-workspace-lock .case-workspace-media > video,
body.entity-workspace-lock .workspace-post-media.workspace-post-media--video {
  width: 620px;
  max-width: 100%;
  height: 300px;
  min-height: 300px;
  box-sizing: border-box;
  background: #000;
}

body.entity-workspace-lock .case-workspace-media > video,
body.entity-workspace-lock .workspace-post-video {
  width: 100%;
  height: 100%;
  display: block;
  background: #000;
  object-position: center;
}

body.entity-workspace-lock video.tsemou-media-video--portrait {
  object-fit: contain;
}

body.entity-workspace-lock video.tsemou-media-video--landscape {
  object-fit: cover;
}

@media (max-width: 1120px) {
  body.entity-workspace-lock .case-workspace-media-hit,
  body.entity-workspace-lock .case-workspace-media,
  body.entity-workspace-lock .case-workspace-media > video,
  body.entity-workspace-lock .workspace-post-media.workspace-post-media--video {
    width: 100%;
    max-width: 100%;
  }
}

/* R24 — category-configured Story Workspace modules */
.story-workspace-configured-modules{
  display:grid;
  gap:12px;
  padding:14px 14px 0;
}
.story-workspace-module{
  border:1px solid #e4e7ec;
  border-radius:14px;
  background:#fff;
  padding:14px 16px;
}
.story-workspace-module h3{
  margin:0 0 8px;
  font-size:15px;
  line-height:1.35;
  color:#172033;
}
.story-workspace-module-empty{
  margin:0;
  color:#8b94a7;
  font-size:13px;
}
.story-workspace-module-list{
  display:grid;
  gap:7px;
}
.story-workspace-module-item{
  display:block;
  padding:8px 10px;
  border-radius:10px;
  background:#f7f8fb;
  font-size:13px;
  color:#293247;
  text-decoration:none;
}
a.story-workspace-module-item:hover,
a.story-workspace-module-item:focus-visible{
  background:#eef1f6;
  color:#172033;
  text-decoration:none;
  outline:none;
}

/* R26 — visible Story source on Homepage and Story Workspace */
.homepage-story-source,
.story-source-line{
  display:flex;
  align-items:center;
  gap:5px;
  min-width:0;
  color:#6d7587;
  font-size:12px;
  line-height:1.4;
}
.homepage-story-source{
  padding:0 0 9px;
}
.story-source-line{
  margin:5px 0 9px;
}
.homepage-story-source span,
.story-source-line span{
  color:#8b93a3;
}
.homepage-story-source a,
.story-source-line a,
.homepage-story-source strong,
.story-source-line strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#3c465c;
  font-weight:700;
  text-decoration:none;
}
.homepage-story-source a:hover,
.story-source-line a:hover{
  text-decoration:underline;
}

/* 5.71.1359 — retired LN-21B composer assistant.
 * One page-level Synodos now owns navigation + contextual composer guidance.
 */

/* LN-22A — Page Companion (Form 1) */
.living-node-page-companion{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:1200;
  display:flex;
  align-items:flex-end;
  gap:10px;
  pointer-events:none;
}
.living-node-page-button{
  position:relative;
  width:68px;
  height:68px;
  padding:5px;
  border:1px solid #ded8f5;
  border-radius:22px;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 30px rgba(35,43,68,.18);
  display:grid;
  place-items:center;
  cursor:pointer;
  pointer-events:auto;
  transition:transform .18s ease, box-shadow .18s ease;
}
.living-node-page-button:hover,
.living-node-page-button:focus-visible{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 14px 34px rgba(35,43,68,.24);
  outline:3px solid rgba(106,82,222,.18);
  outline-offset:2px;
}
.living-node-page-button img{
  width:58px;
  height:58px;
  display:block;
  object-fit:contain;
}
.living-node-page-presence{
  position:absolute;
  right:2px;
  bottom:2px;
  width:13px;
  height:13px;
  border:3px solid #fff;
  border-radius:50%;
  background:#33a66b;
}
.living-node-page-bubble{
  width:min(260px, calc(100vw - 116px));
  padding:11px 13px;
  border:1px solid #e4e2ee;
  border-radius:15px 15px 4px 15px;
  background:rgba(255,255,255,.98);
  box-shadow:0 10px 28px rgba(35,43,68,.14);
  opacity:0;
  transform:translateY(8px) scale(.97);
  transform-origin:bottom right;
  visibility:hidden;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  pointer-events:auto;
}
.living-node-page-companion[data-open="true"] .living-node-page-bubble{
  opacity:1;
  transform:none;
  visibility:visible;
}
.living-node-page-bubble strong{
  display:block;
  margin:0 0 3px;
  color:#40366a;
  font-size:12px;
  line-height:1.25;
}
.living-node-page-bubble p{
  margin:0;
  color:#606a7e;
  font-size:13px;
  line-height:1.38;
}
.living-node-page-companion[data-state="helping"] .living-node-page-presence,
.living-node-page-companion[data-state="guiding"] .living-node-page-presence{background:#6a52de}
.living-node-page-companion[data-state="discovering"] .living-node-page-presence,
.living-node-page-companion[data-state="reading"] .living-node-page-presence{background:#e79a31}
@media (max-width:760px){
  .living-node-page-companion{right:10px;bottom:10px;gap:7px}
  .living-node-page-button{width:56px;height:56px;border-radius:18px}
  .living-node-page-button img{width:47px;height:47px}
  .living-node-page-bubble{width:min(225px, calc(100vw - 86px));padding:9px 11px}
  .living-node-page-bubble p{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .living-node-page-button,.living-node-page-bubble{transition:none}
  .living-node-page-button:hover,.living-node-page-button:focus-visible{transform:none}
}

/* UCR-1 — Unified Character Runtime: a signed-in user's personal avatar
 * can inhabit the existing companion shell without creating a second widget. */
.living-node-page-companion[data-identity="user"] .living-node-page-button{
  border-color:#cfe7dc;
}
.living-node-page-companion[data-identity="user"] .living-node-page-bubble strong{
  color:#0f6f5d;
}

/* LN-22B — Living Node Gallery Mode (temporary visual evaluation only). */
body.living-node-gallery-mode .living-node-page-companion { display:none !important; }
.living-node-gallery-anchor { position:relative !important; overflow:visible !important; }
.living-node-gallery-figure {
  position:absolute;
  z-index:80;
  width:160px;
  height:180px;
  margin:0;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-direction:column;
  filter:drop-shadow(0 9px 13px rgba(31, 25, 55, .22));
}
.living-node-gallery-figure img {
  display:block;
  width:150px;
  height:150px;
  object-fit:contain;
}
.living-node-gallery-figure figcaption {
  max-width:155px;
  margin-top:-4px;
  padding:4px 8px;
  border:1px solid rgba(73, 58, 130, .22);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#493a82;
  font:700 10px/1.1 "Space Grotesk", sans-serif;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(31, 25, 55, .1);
}

/* Header figures. */
.logo > .living-node-gallery-figure--logo {
  left:100%;
  top:-46px;
  transform:translateX(-12px) scale(.82);
  transform-origin:bottom left;
}
.header-nav a > .living-node-gallery-figure--topics {
  left:50%;
  top:24px;
  transform:translateX(-50%) scale(.72);
  transform-origin:top center;
}
.hero-identity > .living-node-gallery-figure--identity {
  left:100%;
  bottom:-48px;
  transform:translateX(16px) scale(.9);
  transform-origin:bottom left;
}

/* Three figures in each side column. They intentionally overlap the rail edge for visibility. */
.left-column > .living-node-gallery-figure.is-column-top { right:-62px; top:28px; }
.left-column > .living-node-gallery-figure.is-column-middle { left:-55px; top:38%; }
.left-column > .living-node-gallery-figure.is-column-bottom { right:-64px; bottom:24px; }
.right-column > .living-node-gallery-figure.is-column-top { left:-62px; top:18px; }
.right-column > .living-node-gallery-figure.is-column-middle { right:-56px; top:39%; }
.right-column > .living-node-gallery-figure.is-column-bottom { left:-65px; bottom:22px; }

/* Two figures around the first title. */
.story-title > .living-node-gallery-figure--title-left,
#storyFeed article:first-child h2 > .living-node-gallery-figure--title-left,
#storyFeed article:first-child h3 > .living-node-gallery-figure--title-left,
#storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-left {
  right:100%;
  top:-56px;
  transform:translateX(18px) scale(.78);
  transform-origin:center right;
}
.story-title > .living-node-gallery-figure--title-right,
#storyFeed article:first-child h2 > .living-node-gallery-figure--title-right,
#storyFeed article:first-child h3 > .living-node-gallery-figure--title-right,
#storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-right {
  left:100%;
  top:-50px;
  transform:translateX(-18px) scale(.78);
  transform-origin:center left;
}

/* Make the temporary test obvious and keep all figures on-screen on common desktop widths. */
@media (min-width: 1100px) and (max-width: 1450px) {
  .living-node-gallery-figure { width:140px; height:160px; }
  .living-node-gallery-figure img { width:132px; height:132px; }
  .left-column > .living-node-gallery-figure.is-column-top,
  .left-column > .living-node-gallery-figure.is-column-bottom { right:-42px; }
  .left-column > .living-node-gallery-figure.is-column-middle { left:-38px; }
  .right-column > .living-node-gallery-figure.is-column-top,
  .right-column > .living-node-gallery-figure.is-column-bottom { left:-42px; }
  .right-column > .living-node-gallery-figure.is-column-middle { right:-38px; }
}
@media (max-width: 1099px) {
  .living-node-gallery-figure { width:112px; height:128px; }
  .living-node-gallery-figure img { width:104px; height:104px; }
  .living-node-gallery-figure figcaption { max-width:110px; font-size:8px; }
  .left-column > .living-node-gallery-figure.is-column-top,
  .left-column > .living-node-gallery-figure.is-column-middle,
  .left-column > .living-node-gallery-figure.is-column-bottom,
  .right-column > .living-node-gallery-figure.is-column-top,
  .right-column > .living-node-gallery-figure.is-column-middle,
  .right-column > .living-node-gallery-figure.is-column-bottom { left:auto; right:4px; transform:none; }
  .left-column > .living-node-gallery-figure.is-column-top,
  .right-column > .living-node-gallery-figure.is-column-top { top:6px; }
  .left-column > .living-node-gallery-figure.is-column-middle,
  .right-column > .living-node-gallery-figure.is-column-middle { top:42%; }
  .left-column > .living-node-gallery-figure.is-column-bottom,
  .right-column > .living-node-gallery-figure.is-column-bottom { bottom:8px; }
}
@media (max-width: 720px) {
  /* Gallery remains visible, but avoids covering the whole mobile feed. */
  .living-node-gallery-figure figcaption { display:none; }
  .living-node-gallery-figure { width:82px; height:88px; }
  .living-node-gallery-figure img { width:78px; height:78px; }
  .header-nav a > .living-node-gallery-figure--topics { display:none; }
  .logo > .living-node-gallery-figure--logo { left:78%; top:-22px; transform:scale(.52); }
  .hero-identity > .living-node-gallery-figure--identity { left:auto; right:-10px; bottom:-22px; transform:scale(.55); }
}


/* LN-22C — Compact integrated-frame gallery refinement.
   Characters are smaller, have no circular badge and visually sit on / emerge from UI frames. */
body.living-node-gallery-mode .living-node-gallery-figure {
  width:88px !important;
  height:96px !important;
  margin:0 !important;
  padding:0 !important;
  gap:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  overflow:visible !important;
  pointer-events:none;
}
body.living-node-gallery-mode .living-node-gallery-figure img {
  position:absolute;
  z-index:2;
  left:50%;
  bottom:7px;
  width:82px !important;
  height:82px !important;
  transform:translateX(-50%);
  object-fit:contain;
  filter:drop-shadow(0 3px 4px rgba(27,39,56,.16));
}
body.living-node-gallery-mode .living-node-gallery-figure figcaption { display:none !important; }
body.living-node-gallery-mode .living-node-gallery-frame {
  position:absolute;
  z-index:1;
  left:5px;
  right:5px;
  bottom:0;
  height:22px;
  border-bottom:2px solid rgba(69,84,108,.34);
  border-left:2px solid rgba(69,84,108,.24);
  border-right:2px solid rgba(69,84,108,.24);
  border-radius:0 0 8px 8px;
  background:linear-gradient(to bottom, transparent 0 45%, rgba(255,255,255,.92) 46% 100%);
}
body.living-node-gallery-mode .living-node-gallery-frame::before,
body.living-node-gallery-mode .living-node-gallery-frame::after {
  content:"";
  position:absolute;
  top:-1px;
  width:18px;
  height:2px;
  background:rgba(69,84,108,.28);
}
body.living-node-gallery-mode .living-node-gallery-frame::before { left:-2px; }
body.living-node-gallery-mode .living-node-gallery-frame::after { right:-2px; }

/* Header: the character grips / sits on the adjacent header edge rather than floating in a badge. */
body.living-node-gallery-mode .logo > .living-node-gallery-figure--logo {
  left:100% !important;
  top:-18px !important;
  transform:translateX(-8px) rotate(-2deg) !important;
}
body.living-node-gallery-mode .header-nav a > .living-node-gallery-figure--topics {
  left:50% !important;
  top:18px !important;
  transform:translateX(-50%) rotate(2deg) !important;
}
body.living-node-gallery-mode .hero-identity > .living-node-gallery-figure--identity {
  left:100% !important;
  bottom:-18px !important;
  transform:translateX(4px) !important;
}

/* Side rails: compact figures overlap the card edge by about 20%, as if emerging from it. */
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-top { right:-18px !important; top:18px !important; }
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-middle { left:-18px !important; top:39% !important; }
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-bottom { right:-18px !important; bottom:18px !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-top { left:-18px !important; top:18px !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-middle { right:-18px !important; top:39% !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-bottom { left:-18px !important; bottom:18px !important; }

/* First title: both figures sit directly on the title-card frame. */
body.living-node-gallery-mode .story-title > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed article:first-child h2 > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed article:first-child h3 > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-left {
  right:100% !important;
  top:-26px !important;
  transform:translateX(28px) rotate(-3deg) !important;
}
body.living-node-gallery-mode .story-title > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed article:first-child h2 > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed article:first-child h3 > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-right {
  left:100% !important;
  top:-24px !important;
  transform:translateX(-28px) rotate(3deg) !important;
}

@media (max-width:1099px) {
  body.living-node-gallery-mode .living-node-gallery-figure { width:76px !important; height:84px !important; }
  body.living-node-gallery-mode .living-node-gallery-figure img { width:70px !important; height:70px !important; }
}
@media (max-width:720px) {
  body.living-node-gallery-mode .living-node-gallery-figure { width:62px !important; height:69px !important; }
  body.living-node-gallery-mode .living-node-gallery-figure img { width:58px !important; height:58px !important; bottom:6px; }
  body.living-node-gallery-mode .living-node-gallery-frame { height:17px; }
  body.living-node-gallery-mode .header-nav a > .living-node-gallery-figure--topics { display:none !important; }
  body.living-node-gallery-mode .logo > .living-node-gallery-figure--logo { left:86% !important; top:-10px !important; transform:scale(.9) !important; }
  body.living-node-gallery-mode .hero-identity > .living-node-gallery-figure--identity { right:-3px !important; left:auto !important; bottom:-12px !important; transform:none !important; }
}

/* LN-22D — 52px compact gallery refinement.
   No badge, caption, shadow or artificial base. Each character overlaps its UI edge by 10–15px. */
body.living-node-gallery-mode .living-node-gallery-figure {
  width:42px !important;
  height:42px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  overflow:visible !important;
}
body.living-node-gallery-mode .living-node-gallery-figure img {
  position:absolute !important;
  inset:0 !important;
  width:42px !important;
  height:42px !important;
  transform:none !important;
  object-fit:contain !important;
  filter:none !important;
}
body.living-node-gallery-mode .living-node-gallery-figure figcaption,
body.living-node-gallery-mode .living-node-gallery-frame {
  display:none !important;
}

/* Header placements: attached to nearby UI, never floating in a badge. */
body.living-node-gallery-mode .logo > .living-node-gallery-figure--logo {
  left:calc(100% - 10px) !important;
  top:-12px !important;
  transform:rotate(-2deg) !important;
}
body.living-node-gallery-mode .header-nav a > .living-node-gallery-figure--topics {
  left:calc(100% - 14px) !important;
  top:-13px !important;
  transform:rotate(2deg) !important;
}
body.living-node-gallery-mode .hero-identity > .living-node-gallery-figure--identity {
  left:auto !important;
  right:-12px !important;
  bottom:-12px !important;
  transform:none !important;
}

/* Side rails: 10–15px overlap on the nearest card edge. */
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-top { right:-12px !important; top:20px !important; }
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-middle { left:-12px !important; top:39% !important; }
body.living-node-gallery-mode .left-column > .living-node-gallery-figure.is-column-bottom { right:-12px !important; bottom:20px !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-top { left:-12px !important; top:20px !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-middle { right:-12px !important; top:39% !important; }
body.living-node-gallery-mode .right-column > .living-node-gallery-figure.is-column-bottom { left:-12px !important; bottom:20px !important; }

/* First title: two small figures grip the title edge. */
body.living-node-gallery-mode .story-title > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed article:first-child h2 > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed article:first-child h3 > .living-node-gallery-figure--title-left,
body.living-node-gallery-mode #storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-left {
  right:calc(100% - 14px) !important;
  top:-18px !important;
  transform:rotate(-3deg) !important;
}
body.living-node-gallery-mode .story-title > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed article:first-child h2 > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed article:first-child h3 > .living-node-gallery-figure--title-right,
body.living-node-gallery-mode #storyFeed > *:first-child [class*="title"] > .living-node-gallery-figure--title-right {
  left:calc(100% - 14px) !important;
  top:-18px !important;
  transform:rotate(3deg) !important;
}

@media (max-width:720px) {
  body.living-node-gallery-mode .living-node-gallery-figure,
  body.living-node-gallery-mode .living-node-gallery-figure img {
    width:42px !important;
    height:42px !important;
  }
  body.living-node-gallery-mode .header-nav a > .living-node-gallery-figure--topics {
    display:none !important;
  }
}

.living-node-slot{background:#FFF6E8;border:1px solid rgba(255,153,0,.10);border-radius:10px;padding:4px;}


/* CSW-ENTITY-REVIEW-1 — visible, non-confirmed Canonical relation suggestions */
.story-workspace-suggested-note{
  margin:-3px 0 10px;
  color:#747d91;
  font-size:12px;
  line-height:1.4;
}
.story-workspace-suggested-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.story-workspace-suggested-label{
  min-width:0;
  overflow-wrap:anywhere;
}
.story-workspace-suggested-badge{
  flex:0 0 auto;
  padding:3px 7px;
  border:1px solid #d8dce5;
  border-radius:999px;
  background:#fff;
  color:#697286;
  font-size:10px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
}

/* CE-01 — Canonical Entities directly below the Story summary. */
.story-workspace-canonical-entities {
  padding: 0 18px 14px;
  background: #fff;
}
.story-workspace-canonical-entities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.story-workspace-canonical-entity {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(31, 45, 71, 0.12);
  border-radius: 999px;
  background: #f8fafc;
  color: #263650;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

/* 5.71.778 — unresolved candidate presentation. Deliberately non-interactive:
   public proposal signals get a separate canonical-safe write boundary later. */
.story-workspace-entity-candidate {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px dashed rgba(31, 45, 71, 0.24);
  border-radius: 999px;
  background: #fff;
  color: #4b5b73;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
}
.story-workspace-entity-candidate__plus {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #eef2f7;
  font-size: 0.9rem;
  line-height: 1;
}



/* D2.1 — Canonical Evolution tab foundation (read-only). */
.workspace-evolution-panel { padding: 0 0 24px; }
.workspace-evolution-foundation { background: #fff; border: 1px solid rgba(15,23,42,.10); border-radius: 14px; padding: 18px; }
.workspace-evolution-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.workspace-evolution-heading h3 { margin:4px 0 5px; font-size:20px; }
.workspace-evolution-heading p { margin:0; color:#64748b; }
.workspace-evolution-lock { flex:0 0 auto; border-radius:999px; background:#f1f5f9; color:#475569; font-size:12px; font-weight:700; padding:7px 10px; }
.workspace-evolution-lock.is-locked { background:#ecfdf5; color:#047857; }
.workspace-evolution-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.workspace-evolution-summary > div { border:1px solid rgba(15,23,42,.09); border-radius:12px; padding:14px; background:#f8fafc; }
.workspace-evolution-summary strong { display:block; font-size:22px; line-height:1; margin-bottom:7px; }
.workspace-evolution-summary span { color:#64748b; font-size:12px; }
.workspace-evolution-empty, .workspace-evolution-ready { margin-top:14px; border-radius:12px; padding:15px; background:#f8fafc; }
.workspace-evolution-ready { background:#f0fdf4; }
.workspace-evolution-empty p, .workspace-evolution-ready p { margin:5px 0 0; color:#64748b; }
@media (max-width: 720px) { .workspace-evolution-heading { display:block; } .workspace-evolution-lock { display:inline-block; margin-top:12px; } .workspace-evolution-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* D2.2 — Canonical Evolution Timeline (read-only). */
.workspace-evolution-timeline {
  position: relative;
  display: grid;
  gap: 14px;
  margin-top: 18px;
  padding-left: 18px;
}
.workspace-evolution-timeline::before {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  left: 5px;
  width: 2px;
  background: #d9dee7;
}
.workspace-evolution-record {
  position: relative;
}
.workspace-evolution-marker {
  position: absolute;
  top: 18px;
  left: -18px;
  width: 12px;
  height: 12px;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #667085;
  box-shadow: 0 0 0 1px #cfd5df;
}
.workspace-evolution-record--event .workspace-evolution-marker { background: #8b5cf6; }
.workspace-evolution-record--delivery .workspace-evolution-marker { background: #0ea5e9; }
.workspace-evolution-record--read_model_update .workspace-evolution-marker { background: #10b981; }
.workspace-evolution-record--workspace_sync .workspace-evolution-marker { background: #f59e0b; }
.workspace-evolution-record-body {
  padding: 15px 16px;
  border: 1px solid #e1e5ec;
  border-radius: 12px;
  background: #fff;
}
.workspace-evolution-record-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.workspace-evolution-record-head h4 {
  margin: 3px 0 0;
  font-size: 15px;
  line-height: 1.35;
}
.workspace-evolution-record-type {
  color: #667085;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.workspace-evolution-state {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  font-size: 11px;
  font-weight: 700;
}
.workspace-evolution-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 9px;
  color: #667085;
  font-size: 11px;
}
.workspace-evolution-record-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}
.workspace-evolution-record-summary span {
  min-width: 110px;
  padding: 8px 10px;
  border-radius: 8px;
  background: #f8fafc;
}
.workspace-evolution-record-summary small,
.workspace-evolution-record-summary strong {
  display: block;
}
.workspace-evolution-record-summary small {
  color: #667085;
  font-size: 10px;
}
.workspace-evolution-record-summary strong {
  margin-top: 2px;
  color: #101828;
  font-size: 12px;
}
.workspace-evolution-reason {
  margin: 12px 0 0;
  padding: 9px 10px;
  border-left: 3px solid #d0d5dd;
  background: #f9fafb;
  color: #475467;
  font-size: 12px;
  line-height: 1.45;
}
.workspace-evolution-record-body code {
  display: block;
  margin-top: 11px;
  overflow-wrap: anywhere;
  color: #98a2b3;
  font-size: 10px;
}
@media (max-width: 640px) {
  .workspace-evolution-record-head { display: block; }
  .workspace-evolution-state { display: inline-block; margin-top: 8px; }
  .workspace-evolution-record-summary { display: grid; grid-template-columns: 1fr 1fr; }
  .workspace-evolution-record-summary span { min-width: 0; }
}

/* D2.3 — read-only Evolution record details. */
.workspace-evolution-details {
  margin-top: 14px;
  border: 1px solid rgba(15, 23, 42, .10);
  border-radius: 10px;
  background: #f8fafc;
  overflow: hidden;
}
.workspace-evolution-details > summary {
  cursor: pointer;
  list-style: none;
  padding: 11px 13px;
  color: #334155;
  font-size: 13px;
  font-weight: 700;
}
.workspace-evolution-details > summary::-webkit-details-marker { display: none; }
.workspace-evolution-details > summary::after {
  content: "+";
  float: right;
  font-size: 16px;
  line-height: 1;
}
.workspace-evolution-details[open] > summary::after { content: "−"; }
.workspace-evolution-details-body {
  border-top: 1px solid rgba(15, 23, 42, .08);
  padding: 13px;
}
.workspace-evolution-details-identity {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}
.workspace-evolution-details-identity span {
  min-width: 0;
  border-radius: 8px;
  background: #fff;
  padding: 9px;
}
.workspace-evolution-details-identity small,
.workspace-evolution-details-identity strong { display: block; }
.workspace-evolution-details-identity small {
  margin-bottom: 4px;
  color: #64748b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.workspace-evolution-details-identity strong {
  overflow-wrap: anywhere;
  color: #0f172a;
  font-size: 12px;
}
.workspace-evolution-details pre {
  max-height: 360px;
  margin: 0;
  overflow: auto;
  border-radius: 8px;
  background: #0f172a;
  padding: 12px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.workspace-evolution-details pre code {
  padding: 0;
  background: transparent;
  color: #e2e8f0;
  font-size: 11px;
  line-height: 1.55;
}
.workspace-evolution-record-id { display: inline-block; margin-top: 11px; }
@media (max-width: 720px) {
  .workspace-evolution-details-identity { grid-template-columns: 1fr; }
}



/* D2.4 — read-only Evolution change summary */
.workspace-evolution-change-summary {
  margin-top: 12px;
  padding: 12px;
  border: 1px solid #dbe4ee;
  border-radius: 12px;
  background: #f8fafc;
}
.workspace-evolution-change-summary > strong {
  display: block;
  margin-bottom: 9px;
  font-size: 12px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #475569;
}
.workspace-evolution-change-list { display: grid; gap: 8px; }
.workspace-evolution-change-row {
  display: grid;
  grid-template-columns: minmax(90px, .8fr) minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}
.workspace-evolution-change-field { font-weight: 700; color: #334155; text-transform: capitalize; }
.workspace-evolution-change-value {
  min-width: 0;
  padding: 8px 9px;
  border-radius: 9px;
  background: #fff;
  border: 1px solid #e2e8f0;
}
.workspace-evolution-change-value small { display: block; margin-bottom: 3px; color: #64748b; }
.workspace-evolution-change-value code { display: block; overflow-wrap: anywhere; white-space: normal; color: #0f172a; }
.workspace-evolution-change-value.is-after { border-color: #bbf7d0; background: #f0fdf4; }
.workspace-evolution-change-arrow { color: #94a3b8; font-weight: 700; }
@media (max-width: 720px) {
  .workspace-evolution-change-row { grid-template-columns: 1fr; }
  .workspace-evolution-change-arrow { transform: rotate(90deg); justify-self: center; }
}


/* D2.5 — Evolution Source & Provenance View */
.workspace-evolution-provenance { margin-top: 12px; border: 1px solid #dbeafe; border-radius: 10px; background: #eff6ff; }
.workspace-evolution-provenance > summary { cursor: pointer; list-style: none; padding: 11px 13px; font-weight: 700; color: #1e3a8a; }
.workspace-evolution-provenance > summary::-webkit-details-marker { display: none; }
.workspace-evolution-provenance > summary::after { content: "+"; float: right; color: #3b82f6; }
.workspace-evolution-provenance[open] > summary::after { content: "−"; }
.workspace-evolution-provenance-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding: 0 13px 13px; }
.workspace-evolution-provenance-grid span { min-width: 0; padding: 9px 10px; border: 1px solid #dbeafe; border-radius: 8px; background: #fff; }
.workspace-evolution-provenance-grid small, .workspace-evolution-provenance-grid strong { display: block; }
.workspace-evolution-provenance-grid small { margin-bottom: 4px; color: #64748b; }
.workspace-evolution-provenance-grid strong { overflow-wrap: anywhere; color: #0f172a; font-size: 13px; }
@media (max-width: 720px) { .workspace-evolution-provenance-grid { grid-template-columns: 1fr; } }

/* D2.6 — Evolution Filters & Navigation */
.workspace-evolution-controls { margin-top: 14px; padding: 12px; border: 1px solid rgba(15,23,42,.09); border-radius: 12px; background: #fff; }
.workspace-evolution-filter-group, .workspace-evolution-navigation { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-evolution-navigation { margin-top: 9px; }
.workspace-evolution-filter-group button, .workspace-evolution-navigation button { appearance: none; border: 1px solid #cbd5e1; border-radius: 999px; background: #fff; color: #334155; cursor: pointer; font: inherit; font-size: 12px; font-weight: 700; padding: 7px 10px; }
.workspace-evolution-filter-group button:hover, .workspace-evolution-navigation button:hover { border-color: #94a3b8; background: #f8fafc; }
.workspace-evolution-filter-group button.is-active { border-color: #7c3aed; background: #f5f3ff; color: #6d28d9; }
.workspace-evolution-filter-group button span { margin-left: 4px; opacity: .72; }
.workspace-evolution-filter-status { margin: 10px 0 0; color: #64748b; font-size: 12px; }
.workspace-evolution-record[hidden] { display: none !important; }
.workspace-evolution-record.is-navigation-target .workspace-evolution-record-body { outline: 3px solid rgba(124,58,237,.22); outline-offset: 3px; transition: outline-color .3s ease; }
@media (max-width: 720px) { .workspace-evolution-filter-group button, .workspace-evolution-navigation button { flex: 1 1 auto; } }


/* D2.8 — Evolution Timeline Deep-Linking */
.workspace-evolution-record-head { position: relative; }
.workspace-evolution-record-link {
  margin-left: auto;
  padding: 5px 9px;
  border: 1px solid #d9dce3;
  border-radius: 8px;
  background: #fff;
  color: #4b5563;
  font: inherit;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}
.workspace-evolution-record-link:hover,
.workspace-evolution-record-link:focus-visible { border-color: #8b5cf6; color: #6d28d9; outline: none; }
.workspace-evolution-record.is-deep-link-target .workspace-evolution-record-body {
  outline: 3px solid rgba(124,58,237,.34);
  outline-offset: 4px;
  box-shadow: 0 0 0 7px rgba(124,58,237,.08);
  transition: outline-color .35s ease, box-shadow .35s ease;
}
@media (max-width: 700px) {
  .workspace-evolution-record-link { margin: 8px 0 0; }
}


/* D3.1 — Entity confidence (read-only Entity_Engine signal). */
.workspace-confidence-card { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 18px; align-items:center; margin:0 0 16px; padding:16px; border:1px solid rgba(15,23,42,.10); border-radius:14px; background:#fff; }
.workspace-confidence-copy h3 { margin:3px 0 4px; font-size:18px; line-height:1.2; }
.workspace-confidence-copy p { margin:0; color:#64748b; font-size:12px; line-height:1.45; }
.workspace-confidence-score { min-width:82px; text-align:right; }
.workspace-confidence-score strong { display:block; font-size:28px; line-height:1; color:#0f172a; }
.workspace-confidence-score span { display:block; margin-top:5px; color:#64748b; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.workspace-confidence-meter { grid-column:1 / -1; height:7px; overflow:hidden; border-radius:999px; background:#e2e8f0; }
.workspace-confidence-meter span { display:block; height:100%; border-radius:inherit; background:currentColor; color:#0f766e; transition:width .2s ease; }
.workspace-confidence-card.is-medium .workspace-confidence-meter span { color:#b45309; }
.workspace-confidence-card.is-low .workspace-confidence-meter span { color:#b91c1c; }
.workspace-confidence-card.is-unavailable .workspace-confidence-meter span { color:#94a3b8; }
.workspace-confidence-review { grid-column:1 / -1; margin:0; color:#b45309; font-size:12px; font-weight:700; }
@media (max-width:640px) { .workspace-confidence-card { grid-template-columns:minmax(0,1fr) auto; padding:14px; } .workspace-confidence-score strong { font-size:24px; } }

/* D3.2 — Evidence sources already connected by canonical supports relations. */
.workspace-trust-evidence-card { margin:0 0 16px; padding:16px; border:1px solid rgba(15,23,42,.10); border-radius:14px; background:#fff; }
.workspace-trust-evidence-heading { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.workspace-trust-evidence-heading h3 { margin:3px 0 4px; font-size:18px; line-height:1.2; }
.workspace-trust-evidence-heading p { margin:0; color:#64748b; font-size:12px; line-height:1.45; }
.workspace-trust-evidence-heading > strong { min-width:38px; height:38px; display:grid; place-items:center; border-radius:999px; background:#f1f5f9; color:#0f172a; font-size:15px; }
.workspace-trust-evidence-list { display:grid; gap:8px; margin-top:14px; }
.workspace-trust-evidence-source { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px 12px; padding:11px 12px; border:1px solid #e2e8f0; border-radius:11px; color:#0f172a; text-decoration:none; background:#f8fafc; }
.workspace-trust-evidence-source:hover { border-color:#cbd5e1; background:#fff; }
.workspace-trust-evidence-name { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:750; }
.workspace-trust-evidence-meta { grid-column:1; color:#64748b; font-size:11px; text-transform:capitalize; }
.workspace-trust-evidence-source > [aria-hidden="true"] { grid-column:2; grid-row:1 / span 2; align-self:center; color:#64748b; }
.workspace-trust-evidence-empty { margin:14px 0 0; color:#64748b; font-size:12px; }
.workspace-trust-evidence-card.is-unavailable .workspace-trust-evidence-heading > strong { color:#94a3b8; }

/* D3.3 — persisted source and attribution provenance, read-only. */
.workspace-trust-provenance-card{margin-top:16px;padding:18px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fff}
.workspace-trust-provenance-card.is-unavailable{background:#f8fafc}
.workspace-trust-provenance-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.workspace-trust-provenance-heading h3{margin:3px 0 5px}
.workspace-trust-provenance-heading p{margin:0;color:#64748b}
.workspace-trust-provenance-heading>strong{min-width:34px;text-align:center;padding:6px 9px;border-radius:999px;background:#eef2ff}
.workspace-trust-provenance-list{display:grid;gap:12px;margin-top:16px}
.workspace-trust-provenance-record{padding:14px;border:1px solid rgba(15,23,42,.09);border-radius:12px;background:#fbfdff}
.workspace-trust-provenance-record-title{display:flex;align-items:center;gap:8px;text-transform:capitalize}
.workspace-trust-provenance-record-title span{font-size:12px;color:#64748b;font-family:monospace}
.workspace-trust-provenance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:12px}
.workspace-trust-provenance-field{display:grid;gap:3px;min-width:0}
.workspace-trust-provenance-field span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.workspace-trust-provenance-field strong,.workspace-trust-provenance-field a{overflow-wrap:anywhere;color:#0f172a}
.workspace-trust-provenance-empty{margin:16px 0 0;color:#64748b}
@media(max-width:700px){.workspace-trust-provenance-grid{grid-template-columns:1fr}}

/* D3.4 — Trust Layer Validation (read-only) */
.workspace-trust-validation-card{margin-top:16px;padding:18px;border:1px solid rgba(15,23,42,.1);border-radius:16px;background:#fff}
.workspace-trust-validation-card.is-unavailable{background:#f8fafc}
.workspace-trust-validation-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.workspace-trust-validation-heading h3{margin:3px 0 5px}
.workspace-trust-validation-heading p{margin:0;color:#64748b}
.workspace-trust-validation-heading>strong{min-width:34px;text-align:center;padding:6px 9px;border-radius:999px;background:#ecfdf5}
.workspace-trust-validation-list{display:grid;gap:12px;margin-top:16px}
.workspace-trust-validation-record{padding:14px;border:1px solid rgba(15,23,42,.09);border-radius:12px;background:#fbfefc}
.workspace-trust-validation-record-title{display:flex;align-items:center;gap:8px;text-transform:capitalize}
.workspace-trust-validation-record-title span{font-size:12px;color:#64748b;font-family:monospace}
.workspace-trust-validation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:12px}
.workspace-trust-validation-field{display:grid;gap:3px;min-width:0}
.workspace-trust-validation-field span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.workspace-trust-validation-field strong{overflow-wrap:anywhere;color:#0f172a}
.workspace-trust-validation-empty{margin:16px 0 0;color:#64748b}
@media(max-width:700px){.workspace-trust-validation-grid{grid-template-columns:1fr}}

/* D3.5 — Trust Layer Trust Summary (read-only aggregate of D3.1–D3.4) */
.workspace-trust-summary-card{margin-top:16px;padding:18px;border:1px solid rgba(15,23,42,.12);border-radius:16px;background:#fff}
.workspace-trust-summary-card.is-unavailable{background:#f8fafc}
.workspace-trust-summary-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.workspace-trust-summary-heading h3{margin:3px 0 5px}
.workspace-trust-summary-heading p{margin:0;color:#64748b}
.workspace-trust-summary-heading>strong{white-space:nowrap;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155}
.workspace-trust-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.workspace-trust-summary-item{display:grid;gap:5px;padding:12px;border:1px solid rgba(15,23,42,.09);border-radius:12px;background:#fbfdff}
.workspace-trust-summary-item span{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#64748b}
.workspace-trust-summary-item strong{overflow-wrap:anywhere;color:#0f172a}
.workspace-trust-summary-item.is-unavailable strong{color:#94a3b8}
.workspace-trust-summary-review{margin:12px 0 0;color:#92400e}
.workspace-trust-summary-empty{margin:16px 0 0;color:#64748b}
@media(max-width:700px){.workspace-trust-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* D4.1 — Homepage Evolution Cards */
.homepage-evolution-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(93, 91, 255, 0.2);
  border-radius: 14px;
  background: rgba(93, 91, 255, 0.06);
}

.homepage-evolution-card__copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.homepage-evolution-card__eyebrow {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #5d5bff;
}

.homepage-evolution-card__copy strong {
  overflow: hidden;
  color: var(--ink, #141421);
  font-size: 14px;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.homepage-evolution-card__copy > span:last-child {
  color: var(--muted, #66697a);
  font-size: 12px;
}

.homepage-evolution-card__link {
  flex: 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

@media (max-width: 640px) {
  .homepage-evolution-card {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* D4.2 — Homepage New Evidence Cards */
.homepage-new-evidence-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid rgba(14, 116, 144, 0.22);
  border-radius: 14px;
  background: rgba(14, 116, 144, 0.06);
}
.homepage-new-evidence-card__copy { display: grid; gap: 3px; min-width: 0; }
.homepage-new-evidence-card__eyebrow {
  font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #0e7490;
}
.homepage-new-evidence-card__copy strong {
  overflow: hidden; color: var(--ink, #141421); font-size: 14px; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap;
}
.homepage-new-evidence-card__copy > span:last-child { color: var(--muted, #66697a); font-size: 12px; }
.homepage-new-evidence-card__link { flex: 0 0 auto; font-size: 12px; font-weight: 800; text-decoration: none; }
@media (max-width: 640px) { .homepage-new-evidence-card { align-items: flex-start; flex-direction: column; } }


/* D4.3 — Homepage Conflict Cards */
.homepage-conflict-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 12px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(180, 83, 9, 0.24);
  border-radius: 12px;
  background: rgba(255, 247, 237, 0.78);
}
.homepage-conflict-card__copy { display: grid; gap: 3px; min-width: 0; }
.homepage-conflict-card__eyebrow {
  color: #9a3412;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.homepage-conflict-card__copy strong { color: #7c2d12; font-size: 14px; line-height: 1.3; }
.homepage-conflict-card__copy > span:last-child { color: var(--muted, #66697a); font-size: 12px; }
.homepage-conflict-card__link { flex: 0 0 auto; color: #9a3412; font-size: 12px; font-weight: 800; text-decoration: none; }
@media (max-width: 640px) { .homepage-conflict-card { align-items: flex-start; flex-direction: column; } }


/* D4.4 — Homepage Approved Evolution Cards */
.homepage-approved-evolution-card {
  align-items: center;
  background: #ecfdf3;
  border: 1px solid #a7f3d0;
  border-radius: 12px;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-top: 12px;
  padding: 12px 14px;
}
.homepage-approved-evolution-card__copy { display: grid; gap: 3px; min-width: 0; }
.homepage-approved-evolution-card__eyebrow {
  color: #047857;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.homepage-approved-evolution-card__copy strong { color: #065f46; font-size: 14px; line-height: 1.3; }
.homepage-approved-evolution-card__copy > span:last-child { color: var(--muted, #66697a); font-size: 12px; }
.homepage-approved-evolution-card__link { flex: 0 0 auto; color: #047857; font-size: 12px; font-weight: 800; text-decoration: none; }
@media (max-width: 640px) { .homepage-approved-evolution-card { align-items: flex-start; flex-direction: column; } }

/* D4.5 — subtle confirmation that Homepage entity summaries refreshed live. */
.homepage-live-entity-summaries.is-live-updated { animation: tsemou-live-summary-refresh .8s ease-out; }
@keyframes tsemou-live-summary-refresh { from { opacity: .55; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .homepage-live-entity-summaries.is-live-updated { animation: none; } }


/* D5.1 — Living Entity Workspace Evolution Section */
.workspace-living-evolution-section {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  align-items: center;
  gap: 16px;
  margin: 14px 0;
  padding: 16px 18px;
  border: 1px solid rgba(124,58,237,.18);
  border-radius: 14px;
  background: linear-gradient(135deg,#faf5ff 0%,#ffffff 68%);
}
.workspace-living-evolution-section.is-locked { border-color: rgba(5,150,105,.24); background: linear-gradient(135deg,#ecfdf5 0%,#ffffff 68%); }
.workspace-living-evolution-section__copy { min-width: 0; }
.workspace-living-evolution-section__copy h3 { margin: 3px 0 4px; font-size: 18px; color: #1e1b4b; }
.workspace-living-evolution-section__copy p { margin: 0; color: #64748b; font-size: 13px; overflow-wrap: anywhere; }
.workspace-living-evolution-section__metrics { display: flex; gap: 8px; }
.workspace-living-evolution-section__metrics > span { min-width: 70px; padding: 9px 10px; border: 1px solid rgba(15,23,42,.08); border-radius: 10px; background: rgba(255,255,255,.86); text-align: center; }
.workspace-living-evolution-section__metrics strong, .workspace-living-evolution-section__metrics small { display: block; }
.workspace-living-evolution-section__metrics strong { color: #4c1d95; font-size: 15px; }
.workspace-living-evolution-section__metrics small { margin-top: 2px; color: #64748b; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.workspace-living-evolution-section__open { appearance: none; border: 0; border-radius: 999px; background: #6d28d9; color: #fff; cursor: pointer; font: inherit; font-size: 12px; font-weight: 800; padding: 9px 13px; white-space: nowrap; }
.workspace-living-evolution-section__open:hover, .workspace-living-evolution-section__open:focus-visible { background: #5b21b6; outline: 3px solid rgba(124,58,237,.18); outline-offset: 2px; }
@media (max-width: 720px) {
  .workspace-living-evolution-section { grid-template-columns: 1fr; align-items: stretch; }
  .workspace-living-evolution-section__metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .workspace-living-evolution-section__metrics > span { min-width: 0; }
  .workspace-living-evolution-section__open { width: 100%; }
}


/* D5.2 — Living Entity Workspace / History Section */
.workspace-living-history-section { margin: 0 0 18px; padding: 18px; border: 1px solid rgba(15,23,42,.10); border-radius: 14px; background: #fff; }
.workspace-living-history-section__heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.workspace-living-history-section__heading h3 { margin:4px 0 5px; font-size:20px; }
.workspace-living-history-section__heading p { margin:0; color:#64748b; }
.workspace-living-history-section__heading > strong { min-width:42px; text-align:center; border-radius:999px; padding:8px 11px; background:#f1f5f9; color:#334155; font-size:16px; }
.workspace-living-history-section__counts { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin-top:15px; }
.workspace-living-history-section__counts span { padding:11px; border:1px solid rgba(15,23,42,.08); border-radius:10px; background:#f8fafc; }
.workspace-living-history-section__counts strong, .workspace-living-history-section__counts small { display:block; }
.workspace-living-history-section__counts strong { font-size:18px; color:#0f172a; }
.workspace-living-history-section__counts small { margin-top:4px; color:#64748b; }
.workspace-living-history-section__records { position:relative; display:grid; gap:0; margin:16px 0 0; padding:0; list-style:none; }
.workspace-living-history-section__records::before { content:""; position:absolute; left:6px; top:9px; bottom:9px; width:2px; background:#e2e8f0; }
.workspace-living-history-section__records li { position:relative; display:grid; grid-template-columns:14px 1fr; gap:11px; padding:9px 0; }
.workspace-living-history-section__marker { position:relative; z-index:1; width:12px; height:12px; margin-top:4px; border:2px solid #fff; border-radius:50%; background:#64748b; box-shadow:0 0 0 1px #cbd5e1; }
.workspace-living-history-section__records small, .workspace-living-history-section__records strong, .workspace-living-history-section__records time { display:block; }
.workspace-living-history-section__records small { color:#64748b; text-transform:capitalize; }
.workspace-living-history-section__records strong { margin-top:2px; color:#0f172a; text-transform:capitalize; }
.workspace-living-history-section__records p { margin:4px 0 0; color:#475569; }
.workspace-living-history-section__records time { margin-top:4px; color:#94a3b8; font-size:12px; }
.workspace-living-history-section__empty { margin-top:15px; padding:14px; border-radius:10px; background:#f8fafc; color:#64748b; }
@media (max-width:720px) { .workspace-living-history-section__heading { display:block; } .workspace-living-history-section__heading > strong { display:inline-block; margin-top:10px; } .workspace-living-history-section__counts { grid-template-columns:repeat(2,minmax(0,1fr)); } }


/* D5.3 — Living Entity Workspace / Relations Section */
.workspace-living-relations-section { margin:0 0 18px; padding:18px; border:1px solid rgba(15,23,42,.10); border-radius:14px; background:#fff; }
.workspace-living-relations-section__heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.workspace-living-relations-section__heading h3 { margin:4px 0 5px; font-size:20px; }
.workspace-living-relations-section__heading p { margin:0; color:#64748b; }
.workspace-living-relations-section__heading > strong { min-width:42px; text-align:center; border-radius:999px; padding:8px 11px; background:#eef2ff; color:#4338ca; font-size:16px; }
.workspace-living-relations-section__counts { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }
.workspace-living-relations-section__counts span { min-width:92px; padding:10px 12px; border:1px solid rgba(15,23,42,.08); border-radius:10px; background:#f8fafc; }
.workspace-living-relations-section__counts strong, .workspace-living-relations-section__counts small { display:block; }
.workspace-living-relations-section__counts strong { color:#0f172a; font-size:17px; }
.workspace-living-relations-section__counts small { margin-top:3px; color:#64748b; text-transform:capitalize; }
.workspace-living-relations-section__records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.workspace-living-relations-section__records li { display:grid; grid-template-columns:34px 1fr; gap:10px; padding:12px; border:1px solid rgba(15,23,42,.08); border-radius:11px; background:#f8fafc; }
.workspace-living-relations-section__direction { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#e0e7ff; color:#4338ca; font-weight:900; }
.workspace-living-relations-section__records small, .workspace-living-relations-section__records strong, .workspace-living-relations-section__records a { display:block; }
.workspace-living-relations-section__records small { color:#64748b; text-transform:capitalize; }
.workspace-living-relations-section__records strong, .workspace-living-relations-section__records a { margin-top:3px; color:#0f172a; font-weight:800; text-decoration:none; }
.workspace-living-relations-section__records a:hover, .workspace-living-relations-section__records a:focus-visible { color:#4f46e5; text-decoration:underline; }
.workspace-living-relations-section__records p { margin:4px 0 0; color:#94a3b8; font-size:12px; text-transform:capitalize; }
.workspace-living-relations-section__empty { margin-top:15px; padding:14px; border-radius:10px; background:#f8fafc; color:#64748b; }
@media (max-width:720px) { .workspace-living-relations-section__heading { display:block; } .workspace-living-relations-section__heading > strong { display:inline-block; margin-top:10px; } .workspace-living-relations-section__records { grid-template-columns:1fr; } }


/* D5.4 — Living Entity Workspace / Evidence Section */
.workspace-living-evidence-section { margin:0 0 18px; padding:18px; border:1px solid rgba(5,150,105,.16); border-radius:14px; background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 72%); }
.workspace-living-evidence-section__heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.workspace-living-evidence-section__heading h3 { margin:4px 0 5px; font-size:20px; }
.workspace-living-evidence-section__heading p { margin:0; color:#64748b; }
.workspace-living-evidence-section__heading > strong { min-width:42px; text-align:center; border-radius:999px; padding:8px 11px; background:#dcfce7; color:#047857; font-size:16px; }
.workspace-living-evidence-section__records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0 0; padding:0; list-style:none; }
.workspace-living-evidence-section__records li { display:grid; grid-template-columns:34px 1fr; gap:10px; padding:12px; border:1px solid rgba(5,150,105,.12); border-radius:11px; background:rgba(255,255,255,.9); }
.workspace-living-evidence-section__icon { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#d1fae5; color:#047857; font-weight:900; }
.workspace-living-evidence-section__records small, .workspace-living-evidence-section__records strong, .workspace-living-evidence-section__records a { display:block; }
.workspace-living-evidence-section__records small { color:#64748b; text-transform:capitalize; overflow-wrap:anywhere; }
.workspace-living-evidence-section__records strong, .workspace-living-evidence-section__records a { margin-top:3px; color:#0f172a; font-weight:800; text-decoration:none; overflow-wrap:anywhere; }
.workspace-living-evidence-section__records a:hover, .workspace-living-evidence-section__records a:focus-visible { color:#047857; text-decoration:underline; }
.workspace-living-evidence-section__records p { margin:4px 0 0; color:#64748b; font-size:12px; }
.workspace-living-evidence-section__empty { margin-top:15px; padding:14px; border-radius:10px; background:rgba(255,255,255,.82); color:#64748b; }
.workspace-living-evidence-section__empty code { color:#047857; }
@media (max-width:720px) { .workspace-living-evidence-section__heading { display:block; } .workspace-living-evidence-section__heading > strong { display:inline-block; margin-top:10px; } .workspace-living-evidence-section__records { grid-template-columns:1fr; } }


/* D5.5 — Living Entity Workspace / Knowledge Section */
.workspace-living-knowledge-section { margin:0 0 18px; padding:18px; border:1px solid rgba(37,99,235,.16); border-radius:14px; background:linear-gradient(180deg,#eff6ff 0%,#ffffff 74%); }
.workspace-living-knowledge-section__heading { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.workspace-living-knowledge-section__heading h3 { margin:4px 0 5px; font-size:20px; }
.workspace-living-knowledge-section__heading p { margin:0; color:#64748b; }
.workspace-living-knowledge-section__heading > strong { min-width:42px; text-align:center; border-radius:999px; padding:8px 11px; background:#dbeafe; color:#1d4ed8; font-size:16px; }
.workspace-living-knowledge-section__counts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:15px; }
.workspace-living-knowledge-section__counts span { padding:10px 12px; border:1px solid rgba(37,99,235,.10); border-radius:10px; background:rgba(255,255,255,.86); }
.workspace-living-knowledge-section__counts strong, .workspace-living-knowledge-section__counts small { display:block; }
.workspace-living-knowledge-section__counts strong { color:#1e3a8a; font-size:17px; }
.workspace-living-knowledge-section__counts small { margin-top:3px; color:#64748b; }
.workspace-living-knowledge-section__records { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:16px 0 0; }
.workspace-living-knowledge-section__records > div { padding:12px; border:1px solid rgba(37,99,235,.10); border-radius:11px; background:rgba(255,255,255,.9); min-width:0; }
.workspace-living-knowledge-section__records dt { color:#1d4ed8; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.workspace-living-knowledge-section__records dd { margin:5px 0 0; color:#0f172a; font-weight:700; overflow-wrap:anywhere; white-space:pre-wrap; }
.workspace-living-knowledge-section__records small { display:block; margin-top:6px; color:#64748b; overflow-wrap:anywhere; }
.workspace-living-knowledge-section__versions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:14px; padding-top:12px; border-top:1px solid rgba(37,99,235,.10); }
.workspace-living-knowledge-section__versions > strong { color:#1e3a8a; }
.workspace-living-knowledge-section__versions span { padding:5px 8px; border-radius:999px; background:#dbeafe; color:#1d4ed8; font-size:12px; }
.workspace-living-knowledge-section__empty { margin-top:15px; padding:14px; border-radius:10px; background:rgba(255,255,255,.82); color:#64748b; }
@media (max-width:720px) { .workspace-living-knowledge-section__heading { display:block; } .workspace-living-knowledge-section__heading > strong { display:inline-block; margin-top:10px; } .workspace-living-knowledge-section__counts, .workspace-living-knowledge-section__records { grid-template-columns:1fr; } }

/* D-INT.1 — Always-visible Living Entity snapshot in the real Homepage renderer. */
.homepage-living-entity-snapshot {
  margin: 12px 0 0;
  padding: 12px 14px;
  border: 1px solid rgba(18, 112, 101, 0.18);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(240, 252, 249, 0.96), rgba(250, 253, 252, 0.96));
}
.homepage-living-entity-snapshot__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.homepage-living-entity-snapshot__heading > span {
  color: #0a695f;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.homepage-living-entity-snapshot__heading a {
  color: #0a695f;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}
.homepage-living-entity-snapshot__metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.homepage-living-entity-snapshot__metrics > span {
  min-width: 0;
  padding: 8px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.82);
  text-align: center;
}
.homepage-living-entity-snapshot__metrics strong,
.homepage-living-entity-snapshot__metrics small {
  display: block;
}
.homepage-living-entity-snapshot__metrics strong {
  color: #173b37;
  font-size: 15px;
  line-height: 1.1;
}
.homepage-living-entity-snapshot__metrics small {
  margin-top: 4px;
  overflow: hidden;
  color: #5d706d;
  font-size: 10px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-living-entity-snapshot__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  margin-top: 8px;
  color: #667875;
  font-size: 10px;
}
@media (max-width: 760px) {
  .homepage-living-entity-snapshot__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* D-INT.2 — Workspace Living Sections Integration */
.story-workspace-living-sections {
  margin: 12px 0 14px;
  border: 1px solid rgba(36, 55, 80, .14);
  border-radius: 14px;
  background: rgba(255, 255, 255, .86);
  overflow: hidden;
}
.story-workspace-living-sections > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 15px;
  cursor: pointer;
  list-style: none;
}
.story-workspace-living-sections > summary::-webkit-details-marker { display: none; }
.story-workspace-living-sections > summary > span:first-child {
  display: grid;
  gap: 2px;
}
.story-workspace-living-sections > summary strong { font-size: 14px; }
.story-workspace-living-sections > summary small {
  color: #64748b;
  font-size: 11px;
}
.story-workspace-living-sections__status {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eef5ff;
  color: #315b88;
  font-size: 11px;
  font-weight: 700;
}
.story-workspace-living-sections[open] > summary {
  border-bottom: 1px solid rgba(36, 55, 80, .1);
}
.story-workspace-living-sections__body {
  display: grid;
  gap: 12px;
  padding: 12px;
}
.workspace-living-trust-section {
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 1px solid rgba(70, 80, 180, .16);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(245, 246, 255, .96), rgba(255, 255, 255, .96));
}
.workspace-living-trust-section__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.workspace-living-trust-section__heading h3,
.workspace-living-trust-section__heading p { margin: 0; }
.workspace-living-trust-section__heading p {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
}
.workspace-living-trust-section__heading > strong {
  font-size: 22px;
  line-height: 1;
}
.workspace-living-trust-section__counts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.workspace-living-trust-section__counts > span {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 9px;
  border-radius: 10px;
  background: rgba(255, 255, 255, .82);
}
.workspace-living-trust-section__counts strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  text-transform: capitalize;
}
.workspace-living-trust-section__counts small {
  color: #64748b;
  font-size: 10px;
}
@media (max-width: 720px) {
  .story-workspace-living-sections > summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .workspace-living-trust-section__counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* D-INT.3 — direct navigation target for Living Entity workspace sections. */
[data-workspace-living-section].is-navigation-target {
  outline: 3px solid rgba(124,58,237,.24);
  outline-offset: 4px;
  transition: outline-color .3s ease;
  scroll-margin-top: 24px;
}

/* D-INT.4 — Living Entity data visibility audit. */
.workspace-living-visibility-audit {
  margin: 0 0 14px;
  padding: 14px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  border-radius: 14px;
  background: rgba(248, 250, 252, 0.92);
}
.workspace-living-visibility-audit__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.workspace-living-visibility-audit__heading strong,
.workspace-living-visibility-audit__heading > span {
  display: block;
  color: #0f172a;
}
.workspace-living-visibility-audit__heading > span {
  font-size: 12px;
  white-space: nowrap;
}
.workspace-living-visibility-audit__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.workspace-living-visibility-audit__items > span {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 2px 8px;
  align-items: center;
  min-width: 0;
  padding: 9px 10px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
}
.workspace-living-visibility-audit__items i {
  grid-row: 1 / span 2;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #94a3b8;
}
.workspace-living-visibility-audit__items strong,
.workspace-living-visibility-audit__items small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.workspace-living-visibility-audit__items strong { font-size: 12px; color: #0f172a; }
.workspace-living-visibility-audit__items small { font-size: 11px; color: #64748b; }
.workspace-living-visibility-audit__items .is-data i { background: #16a34a; }
.workspace-living-visibility-audit__items .is-empty i { background: #f59e0b; }
.workspace-living-visibility-audit__items .is-missing i { background: #dc2626; }
.workspace-living-visibility-audit.is-degraded {
  border-color: rgba(220, 38, 38, 0.3);
}
@media (max-width: 720px) {
  .workspace-living-visibility-audit__items { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-living-visibility-audit__heading { align-items: flex-start; }
}
/* Entities Directory entry point */
.tsemou-home-entities-link{display:flex;flex-direction:column;gap:2px;margin:10px 12px;padding:11px 12px;border:1px solid rgba(100,116,139,.24);border-radius:12px;text-decoration:none;color:inherit;background:rgba(255,255,255,.72);font-weight:800}.tsemou-home-entities-link:hover{border-color:rgba(79,115,255,.55);background:rgba(238,243,255,.9)}.tsemou-home-entities-link small{font-size:10px;font-weight:600;opacity:.65;line-height:1.3}


/* HOME-LAYOUT-FIX-2 — final approved Home desktop geometry.
   This intentionally overrides the retired focus/collapse experiment. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .homepage-grid {
    grid-template-columns: 300px 580px 320px !important;
    width: 1232px !important;
    max-width: 1232px !important;
    column-gap: 16px !important;
  }
  body:not(.entity-workspace-lock) .header-inner {
    grid-template-columns: 300px 580px 320px !important;
    width: 1232px !important;
    max-width: 1232px !important;
    column-gap: 16px !important;
  }
  body:not(.entity-workspace-lock) .left-column,
  body:not(.entity-workspace-lock) .center-column,
  body:not(.entity-workspace-lock) .right-column {
    display: block !important;
    min-width: 0 !important;
  }
  body:not(.entity-workspace-lock) .left-column { width: 300px !important; }
  body:not(.entity-workspace-lock) .center-column { width: 580px !important; max-width: 580px !important; }
  body:not(.entity-workspace-lock) .right-column { width: 320px !important; max-width: 320px !important; }
  body:not(.entity-workspace-lock) .right-column > * { display: block; }
  body:not(.entity-workspace-lock) .tsemou-layout-toggle { display: none !important; }
}

/* LN-FLASH-FIX-1 — legacy gallery nodes are never painted, even under stale cache. */
[data-living-node-gallery],
[data-living-node-gallery-figure],
.living-node-gallery-figure {
  display: none !important;
  visibility: hidden !important;
}

/* HOME-STORY-HOVER-3 — color-intensity feedback only; no motion, shadow or border change. */
@media (hover: hover) and (pointer: fine) {
  body:not(.entity-workspace-lock) .center-column .living-case-card,
  body:not(.entity-workspace-lock) .center-column .story-card {
    transition: background-color 160ms ease !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card:hover,
  body:not(.entity-workspace-lock) .center-column .story-card:hover {
    background-color: #f4f6f8 !important;
    box-shadow: none !important;
    border-color: transparent !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.entity-workspace-lock) .center-column .living-case-card,
  body:not(.entity-workspace-lock) .center-column .story-card {
    transition: none !important;
  }
}

/* RS-1 — Right Sidebar Visual Foundation
 * Visual-only structure. No data queries or entity binding are introduced here.
 */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0 4px 18px 0;
}

body:not(.entity-workspace-lock) .tsemou-right-panel {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: 1px solid #e6e9ed;
  border-radius: 14px;
  background: #ffffff;
  color: #20252b;
  box-shadow: 0 2px 10px rgba(24, 33, 43, 0.035);
}

.tsemou-right-panel-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 15px 11px;
}

.tsemou-right-panel-heading--compact {
  padding-bottom: 9px;
}

.tsemou-right-panel-kicker {
  margin: 0 0 3px;
  color: #7d8792;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
}

.tsemou-right-panel h2 {
  margin: 0;
  color: #1d242b;
  font-size: 0.91rem;
  font-weight: 720;
  line-height: 1.25;
}

.tsemou-right-panel-count {
  flex: 0 0 auto;
  border: 1px solid #dbe8e4;
  border-radius: 999px;
  background: #eff7f4;
  color: #26705f;
  padding: 3px 7px;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}

.tsemou-entity-type-list {
  display: grid;
  gap: 0;
  padding: 0 11px;
}

.tsemou-entity-type-group {
  padding: 10px 4px 11px;
  border-top: 1px solid #f0f2f4;
}

.tsemou-entity-type-group:first-child {
  border-top: 0;
}

.tsemou-entity-type-head {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: #343c45;
  font-size: 0.74rem;
}

.tsemou-entity-type-head > span:last-child {
  color: #a1a8b0;
  font-size: 0.66rem;
}

.tsemou-entity-type-icon {
  display: inline-grid;
  width: 22px;
  height: 22px;
  place-items: center;
  border-radius: 7px;
  background: #f0f4f7;
  color: #607080;
  font-size: 0.62rem;
  font-weight: 800;
}

.tsemou-entity-type-group[data-entity-type="person"] .tsemou-entity-type-icon { background: #edf5ff; color: #4479ae; }
.tsemou-entity-type-group[data-entity-type="organization"] .tsemou-entity-type-icon { background: #f2efff; color: #6d5aa3; }
.tsemou-entity-type-group[data-entity-type="place"] .tsemou-entity-type-icon { background: #eef8f1; color: #4e8060; }
.tsemou-entity-type-group[data-entity-type="event"] .tsemou-entity-type-icon { background: #fff4e9; color: #9a6c3a; }
.tsemou-entity-type-group[data-entity-type="case"] .tsemou-entity-type-icon { background: #fff0f1; color: #9b5960; }

.tsemou-entity-placeholder {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 7px 0 0 32px;
  color: #9099a3;
  font-size: 0.67rem;
  line-height: 1.25;
}

.tsemou-entity-placeholder i {
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #c7cdd3;
}

.tsemou-right-text-button {
  width: calc(100% - 28px);
  margin: 2px 14px 13px;
  border: 0;
  background: transparent;
  color: #7c8791;
  padding: 5px 0 0;
  text-align: left;
  font: inherit;
  font-size: 0.68rem;
}

.tsemou-community-placeholder-list {
  padding: 0 14px 14px;
}

.tsemou-community-placeholder {
  display: flex;
  align-items: center;
  gap: 9px;
  border-top: 1px solid #f0f2f4;
  padding-top: 11px;
}

.tsemou-community-placeholder-avatar {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: linear-gradient(135deg, #e9f5f1, #eaf0f7);
}

.tsemou-community-placeholder strong,
.tsemou-community-placeholder small {
  display: block;
}

.tsemou-community-placeholder strong {
  color: #4f5963;
  font-size: 0.72rem;
}

.tsemou-community-placeholder small {
  margin-top: 2px;
  color: #99a1aa;
  font-size: 0.62rem;
}

.tsemou-right-collapsible {
  overflow: hidden;
}

.tsemou-right-collapsible > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 46px;
  padding: 0 14px;
  cursor: pointer;
  list-style: none;
  color: #262d34;
  font-size: 0.82rem;
  font-weight: 700;
}

.tsemou-right-collapsible > summary::-webkit-details-marker {
  display: none;
}

.tsemou-right-collapsible > summary::after {
  content: "⌄";
  order: 3;
  color: #88929c;
  font-size: 0.83rem;
  transition: transform 150ms ease;
}

.tsemou-right-collapsible[open] > summary::after {
  transform: rotate(180deg);
}

.tsemou-right-summary-meta {
  margin-left: auto;
  color: #8a949e;
  font-size: 0.63rem;
  font-weight: 650;
}

.tsemou-right-collapsible-body {
  border-top: 1px solid #f0f2f4;
  padding: 11px 14px 13px;
}

.tsemou-right-collapsible-body p {
  margin: 0;
  color: #77818b;
  font-size: 0.68rem;
  line-height: 1.45;
}

.tsemou-right-participation-actions {
  margin: 0;
  padding: 0 14px 14px;
}

.tsemou-right-participation-actions .right-news-cta-button {
  width: 100%;
  margin: 0;
}

.tsemou-rs1-legacy-live-news {
  display: none !important;
}

@media (max-width: 1040px) {
  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
    display: none;
  }
}


/* RS-2 — Related Entities Preview
 * Binds the right rail to the Story's existing knowledge_context payload.
 * No new query, resolver path, or entity ownership is introduced.
 */
.tsemou-related-entity-list {
  display: grid;
  gap: 3px;
  margin: 7px 0 0 30px;
}

.tsemou-related-entity-link {
  display: grid;
  grid-template-columns: 6px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-width: 0;
  border-radius: 8px;
  padding: 6px 7px;
  color: #46515c;
  font-size: 0.69rem;
  font-weight: 620;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color 140ms ease, color 140ms ease;
}

.tsemou-related-entity-link:hover,
.tsemou-related-entity-link:focus-visible {
  background: #f3f6f8;
  color: #17212a;
  outline: none;
}

.tsemou-related-entity-link > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tsemou-related-entity-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #aab4bd;
}

.tsemou-entity-type-group[data-entity-type="person"] .tsemou-related-entity-dot { background: #6c9bd0; }
.tsemou-entity-type-group[data-entity-type="organization"] .tsemou-related-entity-dot { background: #8a76bd; }
.tsemou-entity-type-group[data-entity-type="place"] .tsemou-related-entity-dot { background: #6da07b; }
.tsemou-entity-type-group[data-entity-type="event"] .tsemou-related-entity-dot { background: #bd8954; }
.tsemou-entity-type-group[data-entity-type="case"] .tsemou-related-entity-dot { background: #b96d75; }

.tsemou-related-entity-more {
  padding: 3px 7px 0 13px;
  color: #7c8791;
  font-size: 0.64rem;
  line-height: 1.2;
}

#tsemouRelatedEntitiesOpenAll:not([hidden]) {
  display: block;
  cursor: pointer;
  color: #496473;
}

#tsemouRelatedEntitiesOpenAll:hover,
#tsemouRelatedEntitiesOpenAll:focus-visible {
  color: #17212a;
  outline: none;
}


/* RS-P1 — Home Personal Discovery Foundation
 * The Home right rail is user-oriented, never bound to the currently visible Story.
 * Existing signals only: TSEMIT state, recent feed context and user-specific Community recommendations.
 */
.tsemou-personal-discovery-groups {
  display: grid;
}

.tsemou-personal-discovery-group {
  padding: 10px 12px 12px;
  border-top: 1px solid #edf0f2;
}

.tsemou-personal-discovery-group:first-child {
  border-top: 0;
}

.tsemou-personal-discovery-head {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 28px;
}

.tsemou-personal-discovery-head h3 {
  margin: 0;
  color: #303941;
  font-size: 0.76rem;
  font-weight: 760;
}

.tsemou-personal-discovery-head > span:last-child {
  color: #88939c;
  font-size: 0.64rem;
  font-weight: 700;
}

.tsemou-personal-discovery-icon,
.tsemou-personal-discovery-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #eef7f3;
  color: #397760;
  font-size: 0.63rem;
  font-weight: 800;
}

.tsemou-personal-discovery-icon {
  width: 24px;
  height: 24px;
}

.tsemou-personal-discovery-list {
  display: grid;
  gap: 3px;
  margin-top: 7px;
}

.tsemou-personal-discovery-link {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  border-radius: 10px;
  padding: 7px 6px;
  color: #263039;
  text-decoration: none;
  transition: background-color 140ms ease;
}

.tsemou-personal-discovery-link:hover,
.tsemou-personal-discovery-link:focus-visible {
  background: #f2f6f4;
  outline: none;
}

.tsemou-personal-discovery-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

[data-personal-discovery-group="community"] .tsemou-personal-discovery-icon,
[data-personal-discovery-group="community"] .tsemou-personal-discovery-avatar {
  background: #eef4fb;
  color: #47749b;
}

[data-personal-discovery-group="place"] .tsemou-personal-discovery-icon,
[data-personal-discovery-group="place"] .tsemou-personal-discovery-avatar {
  background: #f7f1e8;
  color: #8a6841;
}

.tsemou-personal-discovery-copy {
  display: grid;
  min-width: 0;
  gap: 2px;
}

.tsemou-personal-discovery-copy strong,
.tsemou-personal-discovery-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tsemou-personal-discovery-copy strong {
  font-size: 0.69rem;
  font-weight: 720;
}

.tsemou-personal-discovery-copy small {
  color: #89939c;
  font-size: 0.59rem;
}

.tsemou-personal-discovery-arrow {
  color: #98a2aa;
  font-size: 1rem;
}

.tsemou-personal-discovery-empty {
  margin: 2px 0 0 32px;
  color: #929ba3;
  font-size: 0.62rem;
  line-height: 1.4;
}


/* CDE-9 — Explicit recommendation feedback controls. */
.tsemou-personal-discovery-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 24px;
  align-items: center;
  border-radius: 10px;
}

.tsemou-personal-discovery-item .tsemou-personal-discovery-link {
  min-width: 0;
}

.tsemou-personal-feedback-toggle {
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #7f8a92;
  font-size: 0.9rem;
  line-height: 1;
  cursor: pointer;
}

.tsemou-personal-feedback-toggle:hover,
.tsemou-personal-feedback-toggle:focus-visible {
  background: #edf2ef;
  color: #34423b;
  outline: none;
}

.tsemou-personal-feedback-menu {
  position: absolute;
  z-index: 30;
  top: 32px;
  right: 2px;
  width: 170px;
  padding: 5px;
  border: 1px solid #dfe5e1;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(28, 40, 34, 0.14);
}

.tsemou-personal-feedback-menu[hidden] { display: none; }

.tsemou-personal-feedback-menu button {
  display: block;
  width: 100%;
  padding: 7px 8px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #344039;
  text-align: left;
  font-size: 0.64rem;
  cursor: pointer;
}

.tsemou-personal-feedback-menu button:hover,
.tsemou-personal-feedback-menu button:focus-visible {
  background: #f0f5f2;
  outline: none;
}

.tsemou-personal-discovery-item.is-feedback-loading { opacity: 0.55; }
.tsemou-personal-discovery-item.is-feedback-muted { opacity: 0.68; }
.tsemou-personal-discovery-item.is-feedback-interested { background: #eef8f2; }
.tsemou-personal-discovery-item.is-feedback-error { outline: 1px solid #d55b5b; }

/* HOME-RIGHT-RAIL-SCROLL-1 — desktop Home right rail scrolls independently
 * while keeping the scrollbar visually hidden. Workspace behavior is untouched. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
    position: sticky !important;
    top: 64px !important;
    max-height: calc(100vh - 64px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}

/* REG-R2B — Registration UX refinement */
.tsemou-register-intro{margin:0 0 12px;color:#66707a;font-size:.82rem;line-height:1.4}
.tsemou-register-open,.tsemou-register-primary{width:100%;border:0;border-radius:12px;padding:13px 18px;background:#0f6c5c;color:#fff;font:inherit;font-weight:750;cursor:pointer;transition:transform .15s ease,background .15s ease}
.tsemou-register-open:hover,.tsemou-register-primary:hover{background:#0b5a4d;transform:translateY(-1px)}
body.tsemou-registration-open{overflow:hidden!important}
.tsemou-register-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;background:#f7f6f1!important;display:block;overflow:auto!important;isolation:isolate;transform:none!important;contain:layout paint style}
.tsemou-register-modal[hidden]{display:none}
.tsemou-register-dialog{position:relative!important;z-index:1!important;width:100%!important;min-height:100dvh;background:radial-gradient(circle at 50% 0,#fff 0,#f7f6f1 58%,#f0eee8 100%);display:grid;place-items:center;padding:88px 24px 40px;box-sizing:border-box}
.tsemou-register-close{position:fixed;z-index:2;right:28px;top:22px;width:44px;height:44px;border:1px solid #d8ddd9;border-radius:50%;background:rgba(255,255,255,.88);color:#32413a;font-size:27px;line-height:1;cursor:pointer;box-shadow:0 8px 28px rgba(29,48,39,.08)}
.tsemou-register-progress{position:fixed;z-index:2;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;color:#929b95;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.tsemou-register-progress span{position:relative;padding:0 0 11px;transition:color .2s ease}
.tsemou-register-progress span:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:99px;background:#d7ddd9;transition:background .2s ease}
.tsemou-register-progress span.is-active{color:#0f6c5c}.tsemou-register-progress span.is-active:after{background:#0f6c5c}
.tsemou-register-progress span.is-complete{color:#46685d}.tsemou-register-progress span.is-complete:after{background:#7ba99a}
.tsemou-register-form{position:relative!important;z-index:3!important;width:min(520px,100%);transform:translateY(-4vh)}
.tsemou-register-step{display:none;animation:tsemou-register-in .25s ease both}
.tsemou-register-step.is-active{display:grid;gap:16px}
@keyframes tsemou-register-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tsemou-register-brand{width:54px;height:54px;margin:0 auto 5px;border-radius:17px;display:grid;place-items:center;background:#0f6c5c;color:#fff;font-size:25px;font-weight:800;box-shadow:0 12px 30px rgba(15,108,92,.2)}
.tsemou-register-step h1{margin:0;color:#15251e;font-size:clamp(2rem,5vw,3.25rem);line-height:1.04;letter-spacing:-.04em;text-align:center}
.tsemou-register-step>p{margin:0 0 14px;color:#657169;font-size:1rem;line-height:1.55;text-align:center}
.tsemou-register-kicker{text-align:center;color:#0f6c5c;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tsemou-register-step label{display:grid;gap:7px;color:#28372f;font-size:.88rem;font-weight:700}
.tsemou-register-step label small{float:right;color:#879089;font-weight:500}
.tsemou-register-step input[type=email],.tsemou-register-step input[type=text],.tsemou-register-step input[type=password]{width:100%;box-sizing:border-box;border:1px solid #cfd7d2;border-radius:12px;padding:14px 15px;background:#fff;font:inherit;color:#18241e;outline:none;box-shadow:0 3px 14px rgba(30,45,37,.04)}
.tsemou-register-step input:focus{border-color:#0f6c5c;box-shadow:0 0 0 4px rgba(15,108,92,.11)}
.tsemou-register-google{width:100%}.tsemou-register-google>*{width:100%!important;box-sizing:border-box}
.tsemou-register-divider{display:flex;align-items:center;gap:12px;margin:2px 0;color:#8a948d;font-size:.76rem}.tsemou-register-divider:before,.tsemou-register-divider:after{content:"";height:1px;background:#d9dfdb;flex:1}
.tsemou-register-back{justify-self:start;border:0;background:transparent;color:#536159;font-size:1rem;font-weight:700;cursor:pointer;padding:5px 0;margin-bottom:4px}
.tsemou-register-consent{grid-template-columns:auto 1fr!important;align-items:start!important;font-weight:500!important;line-height:1.4}
.tsemou-register-consent input{margin-top:3px}
.tsemou-register-error{min-height:20px;color:#b42318;font-size:.84rem;text-align:center}
.tsemou-register-submit[disabled]{opacity:.6;cursor:wait;transform:none}
@media(max-width:640px){.tsemou-register-dialog{padding:86px 20px 28px;align-items:center}.tsemou-register-form{margin-top:0;transform:translateY(-2vh)}.tsemou-register-close{right:16px;top:16px;width:40px;height:40px}.tsemou-register-progress{top:25px;gap:15px;font-size:.62rem}.tsemou-register-step h1{font-size:2.15rem}.tsemou-register-step>p{font-size:.92rem}.tsemou-register-brand{width:50px;height:50px;border-radius:16px;font-size:23px}}

/* REG-R2A — body-root isolation guard */
body>.tsemou-register-modal,body>.tsemou-register-modal *{box-sizing:border-box}
body>.tsemou-register-modal img,body>.tsemou-register-modal video,body>.tsemou-register-modal iframe{position:static!important;z-index:auto!important;max-width:100%}
body.tsemou-registration-open>.tsemou-homepage-beta{pointer-events:none;user-select:none}

/* REG-R3 — Identity Experience */
.tsemou-register-reassurance{display:block;margin-top:4px;color:#879089;font-size:.86rem}
.tsemou-register-inline-error{min-height:22px;color:#b42318;font-size:.86rem;text-align:center;line-height:1.45}
.tsemou-register-inline-error>div{display:flex;justify-content:center;gap:16px;margin-top:7px}
.tsemou-register-inline-error a{color:#0f6c5c;font-weight:750;text-decoration:none}
.tsemou-register-inline-error a:hover{text-decoration:underline}
.tsemou-username-shell{display:flex;align-items:center;border:1px solid #cfd7d2;border-radius:12px;background:#fff;box-shadow:0 3px 14px rgba(30,45,37,.04);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}
.tsemou-username-shell:focus-within{border-color:#0f6c5c;box-shadow:0 0 0 4px rgba(15,108,92,.11)}
.tsemou-username-shell>span{padding:0 0 0 15px;color:#0f6c5c;font-weight:800;font-size:1rem}
.tsemou-username-shell input[type=text]{border:0!important;border-radius:0!important;box-shadow:none!important;padding-left:2px!important;background:transparent!important}
.tsemou-username-status{min-height:22px;text-align:center;font-size:.86rem;font-weight:700}
.tsemou-username-status.is-checking{color:#68746d}
.tsemou-username-status.is-available{color:#13795b}
.tsemou-username-status.is-taken{color:#b42318}
.tsemou-register-secondary{width:100%;border:1px solid #0f6c5c;border-radius:12px;padding:12px 18px;background:transparent;color:#0f6c5c;font:inherit;font-weight:760;cursor:pointer}
.tsemou-register-secondary:hover{background:rgba(15,108,92,.06)}
.tsemou-username-alternatives{padding:13px 14px;border:1px solid #d9dfdb;border-radius:14px;background:rgba(255,255,255,.62)}
.tsemou-username-alternatives>p{margin:0 0 10px;color:#647068;font-size:.82rem;text-align:center}
.tsemou-username-alternatives>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tsemou-username-alternatives button{border:1px solid #bfd0c8;border-radius:999px;padding:8px 12px;background:#fff;color:#0f6c5c;font:inherit;font-size:.84rem;font-weight:750;cursor:pointer}
.tsemou-username-alternatives button:hover{border-color:#0f6c5c;background:#eef7f4}
.tsemou-register-celebration{text-align:center;font-size:3.2rem;line-height:1}
.tsemou-register-ready{text-align:center}
@media(max-width:640px){.tsemou-register-inline-error>div{flex-direction:column;gap:6px}.tsemou-username-alternatives>div{display:grid;grid-template-columns:1fr}.tsemou-username-alternatives button{width:100%}}

/* REG-R4 — Interests Experience */
.tsemou-register-interests{width:min(720px,calc(100vw - 40px));margin-left:50%;transform:translateX(-50%)}
.tsemou-interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:2px}
.tsemou-interest-grid button{min-height:94px;border:1px solid #d2dad5;border-radius:16px;padding:15px 12px;background:rgba(255,255,255,.78);color:#26362e;font:inherit;font-size:.92rem;font-weight:760;cursor:pointer;display:grid;place-items:center;gap:8px;transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}
.tsemou-interest-grid button span{font-size:1.65rem;line-height:1}
.tsemou-interest-grid button:hover{border-color:#91b7aa;transform:translateY(-1px);box-shadow:0 7px 20px rgba(27,53,42,.07)}
.tsemou-interest-grid button.is-selected{border-color:#0f6c5c;background:#e7f4ef;color:#0b5a4d;box-shadow:0 0 0 2px rgba(15,108,92,.12)}
.tsemou-interest-count{text-align:center;color:#68746d;font-size:.86rem;font-weight:650;min-height:20px}
.tsemou-interest-error{margin-top:-7px}
.tsemou-register-save-interests[disabled]{opacity:.5;cursor:not-allowed;transform:none}
@media(max-width:640px){.tsemou-register-interests{width:100%;margin-left:0;transform:none}.tsemou-interest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tsemou-interest-grid button{min-height:82px;padding:12px 8px}.tsemou-register-modal{overflow-y:auto!important}.tsemou-register-interests h1{font-size:2rem}}

/* REG-R4A — Interest Drill-down */
.tsemou-register-interests,.tsemou-register-drilldown{width:min(920px,calc(100vw - 48px));margin:0 auto;transform:none}
.tsemou-register-interests h1,.tsemou-register-drilldown h1{max-width:760px;margin-left:auto;margin-right:auto}
.tsemou-register-interests>p,.tsemou-register-drilldown>p{max-width:680px;margin-left:auto;margin-right:auto}
.tsemou-interest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.tsemou-interest-grid button{position:relative;min-height:138px;border-radius:22px;padding:24px 18px;background:#fff;overflow:hidden}
.tsemou-interest-grid button span{font-size:2.2rem}
.tsemou-interest-grid button strong{font-size:1rem;letter-spacing:.08em}
.tsemou-interest-grid button i{position:absolute;right:14px;top:12px;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#0f6c5c;color:#fff;font-style:normal;font-weight:800;opacity:0;transform:scale(.7);transition:opacity .16s ease,transform .16s ease}
.tsemou-interest-grid button.is-selected{background:#dff2ea;border-color:#0f6c5c;transform:translateY(-3px) scale(1.015);box-shadow:0 14px 30px rgba(15,108,92,.15)}
.tsemou-interest-grid button.is-selected i{opacity:1;transform:scale(1)}
.tsemou-interest-selection{margin:24px auto 10px;text-align:left;max-width:760px}
.tsemou-interest-selection>b{display:block;margin-bottom:10px;color:#22352d;font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}
.tsemou-interest-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}
.tsemou-interest-chips>span{color:#7b8580;font-size:.9rem}
.tsemou-interest-chips button{border:1px solid #b7d4ca;background:#eef8f4;color:#0f5f51;border-radius:999px;padding:8px 12px;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer}
.tsemou-interest-chips button::after{content:' ×';opacity:.65}
.tsemou-drilldown-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px auto 18px;max-width:800px}
.tsemou-drilldown-grid button{min-height:92px;border:1px solid #d2dad5;border-radius:18px;background:#fff;color:#26362e;padding:16px;font:inherit;font-weight:750;cursor:pointer;transition:.16s ease}
.tsemou-drilldown-grid button:hover{border-color:#91b7aa;transform:translateY(-2px)}
.tsemou-drilldown-grid button.is-selected{background:#dff2ea;border-color:#0f6c5c;color:#0b5a4d;box-shadow:0 0 0 2px rgba(15,108,92,.1)}
.tsemou-drilldown-progress{text-align:center;color:#718078;font-size:.86rem;margin-bottom:12px}
.tsemou-drilldown-skip{display:block;margin:12px auto 0;border:0;background:transparent;color:#65736c;text-decoration:underline;cursor:pointer;font:inherit;font-size:.9rem}
@media(max-width:760px){
  .tsemou-register-interests,.tsemou-register-drilldown{width:100%;padding-left:18px;padding-right:18px}
  .tsemou-interest-grid,.tsemou-drilldown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tsemou-interest-grid button{min-height:112px;padding:18px 10px}
  .tsemou-drilldown-grid button{min-height:76px}
}


/* REG-R5 — Personalized Home */
.tsemou-personal-home{max-width:1200px;margin:18px auto 12px;padding:24px;border:1px solid #dce6e1;border-radius:22px;background:linear-gradient(135deg,#f7fbf9 0%,#fffdfa 100%);box-shadow:0 10px 30px rgba(24,61,50,.06)}
.tsemou-personal-home__intro p{margin:0 0 5px;color:#0f7a68;font-size:12px;font-weight:800;letter-spacing:.14em}.tsemou-personal-home__intro h1{margin:0;color:#102b23;font-size:clamp(28px,4vw,46px);line-height:1.05}.tsemou-personal-home__intro>span{display:block;margin-top:8px;color:#64746f}
.tsemou-personal-home__paths{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:22px}.tsemou-personal-home__paths a{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:14px;border:1px solid #d8e3de;border-radius:16px;background:#fff;color:#17362d;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tsemou-personal-home__paths a:hover,.tsemou-personal-home__paths a:focus-visible{transform:translateY(-2px);border-color:#14816e;box-shadow:0 8px 20px rgba(20,129,110,.10)}.tsemou-personal-home__paths strong{font-size:16px}.tsemou-personal-home__paths small{margin-top:5px;color:#6c7b76;line-height:1.3}
.tsemou-personal-home__topics{display:flex;align-items:center;gap:12px;margin-top:16px}.tsemou-personal-home__topics>b{white-space:nowrap;font-size:13px;color:#47635a}.tsemou-personal-home__topics>div{display:flex;flex-wrap:wrap;gap:7px}.tsemou-personal-home__topics span{padding:7px 10px;border-radius:999px;background:#e7f4ef;color:#0e6f5f;font-size:12px;font-weight:700}
@media(max-width:900px){.tsemou-personal-home{margin:10px 12px;padding:19px}.tsemou-personal-home__paths{grid-template-columns:repeat(2,minmax(0,1fr))}.tsemou-personal-home__paths a:last-child{grid-column:1/-1}.tsemou-personal-home__topics{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.tsemou-personal-home__paths{grid-template-columns:1fr}.tsemou-personal-home__paths a:last-child{grid-column:auto}.tsemou-personal-home__paths a{min-height:72px}}

/* REG-R6 — Suggested Communities onboarding */
.tsemou-community-onboarding {
  margin-top: 18px;
  padding: 18px;
  border: 1px solid rgba(18, 32, 61, .12);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(18, 32, 61, .08);
}
.tsemou-community-onboarding__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}
.tsemou-community-onboarding__head p {
  margin: 0 0 4px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  color: #d06428;
}
.tsemou-community-onboarding__head h2 { margin: 0; font-size: 21px; line-height: 1.2; }
.tsemou-community-onboarding__head span { display: block; margin-top: 5px; color: #667085; font-size: 13px; }
.tsemou-community-onboarding__head > button {
  border: 0;
  background: transparent;
  color: #667085;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
}
.tsemou-community-onboarding__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tsemou-community-suggestion {
  display: flex;
  min-height: 142px;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
  padding: 15px;
  border: 1px solid rgba(18, 32, 61, .12);
  border-radius: 15px;
  background: #fbfcff;
  transition: transform .18s ease, border-color .18s ease, opacity .18s ease;
}
.tsemou-community-suggestion:hover { transform: translateY(-2px); border-color: rgba(208, 100, 40, .4); }
.tsemou-community-suggestion.is-handled { opacity: .45; transform: scale(.98); }
.tsemou-community-suggestion p { margin: 0 0 7px; color: #d06428; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.tsemou-community-suggestion h3 { margin: 0; font-size: 16px; line-height: 1.25; }
.tsemou-community-suggestion span { display: block; margin-top: 6px; color: #667085; font-size: 12px; }
.tsemou-community-suggestion__actions { display: flex; align-items: center; gap: 8px; }
.tsemou-community-suggestion__actions a,
.tsemou-community-suggestion__actions button {
  flex: 1;
  min-height: 36px;
  border-radius: 10px;
  font-weight: 800;
  text-align: center;
}
.tsemou-community-suggestion__actions a { display: grid; place-items: center; border: 1px solid rgba(18, 32, 61, .15); color: #1d2939; text-decoration: none; }
.tsemou-community-suggestion__actions button { border: 0; background: #d06428; color: #fff; cursor: pointer; }
.tsemou-community-suggestion__actions button:disabled { cursor: wait; opacity: .7; }
.tsemou-community-onboarding__message { min-height: 18px; margin-top: 10px; color: #475467; font-size: 12px; }
@media (max-width: 760px) {
  .tsemou-community-onboarding { padding: 15px; border-radius: 15px; }
  .tsemou-community-onboarding__head { align-items: flex-start; }
  .tsemou-community-onboarding__list { grid-template-columns: 1fr; }
  .tsemou-community-suggestion { min-height: 0; }
}


/* REG-R7 — First Contribution */
.tsemou-first-contribution{margin-top:18px;padding:20px;border:1px solid rgba(15,108,92,.18);border-radius:18px;background:linear-gradient(135deg,#f6fbf9,#fff);box-shadow:0 12px 34px rgba(15,108,92,.08)}
.tsemou-first-contribution__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.tsemou-first-contribution__head p{margin:0 0 4px;color:#0f7a68;font-size:11px;font-weight:800;letter-spacing:.12em}.tsemou-first-contribution__head h2{margin:0;font-size:22px;line-height:1.2;color:#17362d}.tsemou-first-contribution__head span{display:block;margin-top:5px;color:#66766f;font-size:13px}.tsemou-first-contribution__head>button{border:0;background:transparent;color:#667085;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.tsemou-first-contribution__choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tsemou-first-contribution__choices button{min-height:118px;padding:17px;border:1px solid #d7e4df;border-radius:15px;background:#fff;color:#17362d;text-align:left;font:inherit;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.tsemou-first-contribution__choices button:hover,.tsemou-first-contribution__choices button:focus-visible{transform:translateY(-2px);border-color:#0f7a68;box-shadow:0 9px 22px rgba(15,122,104,.10)}.tsemou-first-contribution__choices b{display:block;font-size:16px}.tsemou-first-contribution__choices span{display:block;margin-top:7px;color:#6b7b75;font-size:12px;line-height:1.45}.tsemou-first-contribution__message{min-height:18px;margin-top:10px;color:#52635d;font-size:12px}.tsemou-first-contribution.is-complete{opacity:.55;transform:scale(.99);transition:.2s ease}
@media(max-width:760px){.tsemou-first-contribution{padding:15px}.tsemou-first-contribution__choices{grid-template-columns:1fr}.tsemou-first-contribution__choices button{min-height:82px}.tsemou-first-contribution__head{gap:10px}}


/* REG-R8 — Progressive Profile Evolution */
.tsemou-profile-evolution{margin-top:18px;padding:20px;border:1px solid rgba(99,63,160,.18);border-radius:18px;background:linear-gradient(135deg,#faf8ff,#fff);box-shadow:0 12px 34px rgba(99,63,160,.08)}
.tsemou-profile-evolution__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.tsemou-profile-evolution__head p{margin:0 0 4px;color:#7048a8;font-size:11px;font-weight:800;letter-spacing:.11em}.tsemou-profile-evolution__head h2{margin:0;font-size:22px;line-height:1.2;color:#302243}.tsemou-profile-evolution__head span{display:block;margin-top:5px;color:#71677d;font-size:13px}.tsemou-profile-evolution__head>button{border:0;background:transparent;color:#667085;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.tsemou-profile-evolution__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tsemou-profile-evolution__choices button{min-height:96px;padding:16px;border:1px solid #e2d9ef;border-radius:15px;background:#fff;color:#302243;text-align:left;font:inherit;cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.tsemou-profile-evolution__choices button:hover,.tsemou-profile-evolution__choices button:focus-visible{transform:translateY(-2px);border-color:#7048a8;box-shadow:0 9px 22px rgba(112,72,168,.10)}.tsemou-profile-evolution__choices b{display:block;font-size:15px}.tsemou-profile-evolution__choices span{display:block;margin-top:6px;color:#776d82;font-size:12px;line-height:1.4}
.tsemou-profile-evolution__form[hidden],.tsemou-profile-evolution__choices[hidden]{display:none!important}.tsemou-profile-evolution__form label span{display:block;margin-bottom:8px;color:#302243;font-size:14px;font-weight:800}.tsemou-profile-evolution__form input{width:100%;min-height:46px;padding:0 13px;border:1px solid #d7cbe6;border-radius:12px;background:#fff;font:inherit;color:#302243;box-sizing:border-box}.tsemou-profile-evolution__form input:focus{outline:3px solid rgba(112,72,168,.14);border-color:#7048a8}.tsemou-profile-evolution__form>div{display:flex;justify-content:flex-end;gap:9px;margin-top:11px}.tsemou-profile-evolution__form button{min-height:38px;padding:0 16px;border-radius:10px;font:inherit;font-weight:800;cursor:pointer}.tsemou-profile-evolution__form button[data-profile-evolution-back]{border:1px solid #d7cbe6;background:#fff;color:#4a3b5d}.tsemou-profile-evolution__form button[type=submit]{border:0;background:#7048a8;color:#fff}.tsemou-profile-evolution__form button:disabled{opacity:.65;cursor:wait}.tsemou-profile-evolution__message{min-height:18px;margin-top:10px;color:#675b73;font-size:12px}.tsemou-profile-evolution.is-complete{opacity:.55;transform:scale(.99);transition:.2s ease}
@media(max-width:760px){.tsemou-profile-evolution{padding:15px}.tsemou-profile-evolution__choices{grid-template-columns:1fr}.tsemou-profile-evolution__choices button{min-height:78px}.tsemou-profile-evolution__head{gap:10px}}


/* REG-R9 — First Impression Polish */
.tsemou-register-modal{min-height:100vh;min-height:100dvh;overscroll-behavior:contain}
.tsemou-register-dialog{max-height:100vh;max-height:100dvh;overflow:auto;scrollbar-gutter:stable}
.tsemou-register-step[aria-hidden="true"]{display:none!important}
.tsemou-register-progress span[aria-current="step"]{font-weight:900}
.tsemou-register-primary:focus-visible,.tsemou-register-secondary:focus-visible,.tsemou-register-back:focus-visible,.tsemou-register-close:focus-visible,.tsemou-interest-grid button:focus-visible,.tsemou-drilldown-grid button:focus-visible{outline:3px solid rgba(20,129,110,.28);outline-offset:3px}
.tsemou-register-primary:disabled,.tsemou-register-secondary:disabled{cursor:wait;opacity:.62}
.tsemou-register-step.is-active{animation:tsemouRegisterStepIn .22s ease both}
@keyframes tsemouRegisterStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.tsemou-register-dialog{padding-bottom:max(22px,env(safe-area-inset-bottom));padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}}
@media(prefers-reduced-motion:reduce){.tsemou-register-step.is-active,.tsemou-interest-grid button,.tsemou-drilldown-grid button,.tsemou-register-primary,.tsemou-register-secondary{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* COMMUNITY-CATEGORIES-1 — Purpose-led categories page */
.tsemou-homepage-beta--categories{min-height:100vh;background:linear-gradient(180deg,#f7faff 0,#fff 44%,#f8fbff 100%);color:#102044;font-family:"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tsemou-purpose-categories{min-height:100vh}.tsemou-purpose-categories-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,4vw,52px);background:rgba(255,255,255,.96);border-bottom:1px solid #e8edf5;box-shadow:0 3px 14px rgba(18,43,88,.05);backdrop-filter:blur(14px)}
.tsemou-purpose-brand{display:inline-flex;align-items:center;gap:10px;color:#102044;text-decoration:none;font-size:24px;font-weight:900;letter-spacing:-.04em}.tsemou-purpose-brand-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#1769ff;color:#fff;font-size:15px;box-shadow:0 8px 18px rgba(23,105,255,.24)}
.tsemou-purpose-categories-header nav{display:flex;align-items:center;gap:28px}.tsemou-purpose-categories-header nav a{position:relative;padding:10px 0;color:#17233f;text-decoration:none;font-size:14px;font-weight:750}.tsemou-purpose-categories-header nav a.is-active{color:#1769ff}.tsemou-purpose-categories-header nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:3px;border-radius:3px;background:#1769ff}
.tsemou-purpose-categories-main{width:min(1320px,calc(100% - 40px));margin:0 auto;padding:34px 0 36px}.tsemou-purpose-identity{margin:0 0 20px;text-align:center;color:#1769ff;font-size:13px;font-weight:900;letter-spacing:.38em}
.tsemou-purpose-category-search{display:flex;align-items:center;gap:12px;width:min(620px,100%);height:56px;margin:0 auto 28px;padding:0 18px;border:1px solid #dce4f0;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(22,49,96,.06);box-sizing:border-box}.tsemou-purpose-category-search span{font-size:28px;color:#8c9ab2;line-height:1}.tsemou-purpose-category-search input{width:100%;border:0;outline:0;background:transparent;color:#17233f;font:inherit;font-size:15px}.tsemou-purpose-category-search input::placeholder{color:#9aa7bc}
.tsemou-purpose-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tsemou-purpose-category-card{display:flex;min-height:160px;padding:22px 18px;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #e7ecf4;border-radius:17px;background:#fff;color:#101c3b;text-align:center;text-decoration:none;box-shadow:0 8px 26px rgba(20,43,83,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tsemou-purpose-category-card:hover,.tsemou-purpose-category-card:focus-visible{transform:translateY(-3px);border-color:#b9cdf7;box-shadow:0 14px 32px rgba(20,67,151,.12);outline:none}.tsemou-purpose-category-card[hidden]{display:none}.tsemou-purpose-category-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#e8f0ff;color:#1769ff;font-size:35px;font-weight:800}.tsemou-purpose-category-card:nth-child(4n+2) .tsemou-purpose-category-icon{background:#ffe7eb;color:#df2649}.tsemou-purpose-category-card:nth-child(4n+3) .tsemou-purpose-category-icon{background:#e4f5eb;color:#15955a}.tsemou-purpose-category-card:nth-child(4n+4) .tsemou-purpose-category-icon{background:#fff0df;color:#ef7600}.tsemou-purpose-category-card strong{max-width:280px;font-size:17px;line-height:1.28}.tsemou-purpose-empty{text-align:center;color:#64748b;font-weight:700}


/* 5.63.85 — Minimal left rail: guest join + Knowledge/Help feeds only. */
.left-column > .column-title-wrap {
  margin-bottom: 10px;
}
.left-column > .column-title-wrap p {
  display: none;
}
.topic-feed-section {
  border-top: 1px solid rgba(19, 47, 38, 0.12);
  padding: 14px 0 4px;
}
.topic-feed-section + .topic-feed-section {
  margin-top: 10px;
}
.topic-feed-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.topic-feed-heading h3 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.topic-feed-heading span {
  min-width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #f1ecff;
  color: #5c24cf;
  font-size: 12px;
  font-weight: 700;
}
.topic-feed-list {
  display: grid;
  gap: 10px;
}
.topic-feed-card {
  border: 1px solid rgba(19, 47, 38, 0.12);
  border-radius: 14px;
  padding: 12px;
  background: #fff;
}
.topic-feed-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.topic-feed-card-meta span {
  border-radius: 999px;
  padding: 4px 7px;
  background: #f4efff;
  color: #5c24cf;
  font-size: 10px;
  font-weight: 700;
}
.topic-feed-card h4 {
  margin: 0 0 6px;
  font-size: 14px;
}
.topic-feed-card p {
  margin: 0 0 8px;
  font-size: 12px;
  line-height: 1.45;
}
.topic-feed-card small {
  display: block;
  margin-bottom: 9px;
  color: #66736f;
}
.topic-feed-open {
  display: block;
  border-radius: 10px;
  padding: 8px 10px;
  text-align: center;
  background: #6f25df;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}
.topic-feed-empty {
  margin: 0;
  padding: 10px 0;
  color: #68746f;
  font-size: 12px;
}


/* 5.63.86 — Minimal left navigation: titles only. */
.tsemou-left-topic-nav {
  display: flex;
  flex-direction: column;
  margin: 0;
  border-top: 1px solid var(--line, #d9ddd8);
}

.tsemou-left-topic-nav a {
  display: block;
  padding: 16px 4px;
  border-bottom: 1px solid var(--line, #d9ddd8);
  color: var(--ink, #10261e);
  font-family: "Space Grotesk", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
}

.tsemou-left-topic-nav a:hover,
.tsemou-left-topic-nav a:focus-visible {
  color: var(--accent, #087d67);
}


/* HOME-STORY-NO-IMAGE — image-less Stories render as compact text-only cards. */
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
  min-height: 0;
  padding-bottom: 2px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-topline {
  align-items: flex-start;
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-title {
  font-size: clamp(1.04rem, 1.55vw, 1.28rem);
  line-height: 1.3;
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .homepage-story-source {
  margin-bottom: 10px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-meta,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .homepage-knowledge-context,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .homepage-live-entity-summaries {
  margin-top: 12px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-footer {
  margin-top: 14px;
}

@media (max-width: 700px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-title {
    font-size: 1.02rem;
  }
}

/* HOME-RIGHT-TITLE-CLEANUP — keep only the proposal count after removing the title. */
.tsemou-personal-discovery > .tsemou-right-panel-heading--compact {
  justify-content: flex-end;
  padding-bottom: 6px;
}


/* 5.63.90 — Left rail application style (approved Mockup Γ). */
body:not(.entity-workspace-lock) .left-column {
  padding: 18px 14px 20px;
  background: linear-gradient(180deg, #faf5ee 0%, #f8f2ea 100%);
}
.tsemou-guest-login--application {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 24px;
  padding: 16px 12px 20px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid rgba(16, 38, 30, .14);
  background: transparent;
  box-shadow: none;
  text-align: center;
}
.tsemou-guest-login--application h2 {
  margin: 0 0 12px;
  font-size: 1.05rem;
  font-weight: 750;
  letter-spacing: -.01em;
}
.tsemou-guest-login__icon {
  width: 58px;
  height: 58px;
  margin: 0 0 14px;
  color: var(--accent, #087d67);
}
.tsemou-guest-login__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.tsemou-guest-login--application .tsemou-register-open {
  min-width: 166px;
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 12px;
  background: linear-gradient(180deg, #0f866f 0%, #08745f 100%);
  color: #fff;
  font: inherit;
  font-size: .94rem;
  font-weight: 800;
  letter-spacing: .01em;
  box-shadow: 0 8px 18px rgba(8, 116, 95, .16);
  cursor: pointer;
}
.tsemou-guest-login--application .tsemou-register-open:hover,
.tsemou-guest-login--application .tsemou-register-open:focus-visible {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(8, 116, 95, .22);
}
.tsemou-left-topic-nav--application {
  border-top: 0;
  gap: 2px;
}
.tsemou-left-topic-nav__label {
  padding: 0 8px 12px;
  color: #7b8185;
  font-size: .77rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tsemou-left-topic-nav--application a,
.tsemou-left-topic-nav--application .tsemou-left-topic-nav__create {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 52px;
  padding: 0 8px;
  border-bottom: 0;
  border-radius: 11px;
  color: #17231f;
  font-size: 1rem;
  font-weight: 720;
  letter-spacing: 0;
  text-transform: none;
  transition: background-color .16s ease, color .16s ease, transform .16s ease;
}
.tsemou-left-topic-nav--application a:hover,
.tsemou-left-topic-nav--application a:focus-visible,
.tsemou-left-topic-nav--application .tsemou-left-topic-nav__create:hover,
.tsemou-left-topic-nav--application .tsemou-left-topic-nav__create:focus-visible {
  background: rgba(8, 125, 103, .08);
  color: var(--accent, #087d67);
  transform: translateX(2px);
  outline: none;
}

.tsemou-left-topic-nav--application .tsemou-left-topic-nav__create {
  width: 100%;
  border: 0;
  background: rgba(8, 125, 103, .07);
  cursor: pointer;
  text-align: left;
  font-family: inherit;
}
.tsemou-left-topic-nav__icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  color: var(--accent, #087d67);
}
.tsemou-left-topic-nav__icon svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (max-width: 980px) {
  .tsemou-guest-login--application { padding-left: 8px; padding-right: 8px; }
  .tsemou-left-topic-nav--application a { min-height: 48px; }
}


/* 5.63.93 — Home rails structural height lock.
 * The Home grid owns the rail height. Both side rails occupy the same
 * available desktop viewport height; the right discovery panel stretches
 * inside its rail instead of ending at its intrinsic content height. */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .homepage-grid {
    align-items: stretch;
  }

  body:not(.entity-workspace-lock) .left-column,
  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
    align-self: stretch;
    height: calc(100dvh - 108px);
    min-height: calc(100dvh - 108px);
    max-height: calc(100dvh - 108px);
    box-sizing: border-box;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
    display: flex;
    flex-direction: column;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail > .tsemou-right-panel {
    flex: 1 0 auto;
    min-height: 100%;
  }
}

/* 5.63.93 install-optimized mascot presentation — no functional layout changes. */
.tsemou-guest-login__mascot {
  width: min(190px, 92%);
  margin: 0 auto 14px;
  line-height: 0;
}
.tsemou-guest-login__mascot img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 18px;
  object-fit: contain;
}
.tsemou-guest-login--application h2 {
  margin-bottom: 8px;
}
.tsemou-guest-login--application .tsemou-register-open {
  margin-top: 2px;
}
@media (max-width: 980px) {
  .tsemou-guest-login__mascot {
    width: min(160px, 88%);
  }
}

/* ACT-1 — Common Category + Action Workspace identity */
.tsemou-action-shell{min-height:100vh;background:#f6f8fb;color:#12203c}.tsemou-action-shell__topbar{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e9f1;background:#fff}.tsemou-action-shell__topbar nav{display:flex;gap:24px}.tsemou-action-shell__topbar nav a{color:#475569;text-decoration:none;font-weight:700}.tsemou-action-shell__main{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:34px 0 70px}.tsemou-action-shell__back{display:inline-flex;margin-bottom:26px;color:#356150;text-decoration:none;font-weight:800}.tsemou-action-shell__identity{display:flex;align-items:center;gap:18px;margin-bottom:30px}.tsemou-action-shell__identity>span{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:#dff1e8;color:#285e4a;font-size:38px}.tsemou-action-shell__identity p,.tsemou-workspace-identity__action p{margin:0 0 5px;font-size:11px;letter-spacing:.16em;font-weight:900;color:#668173}.tsemou-action-shell__identity h1,.tsemou-workspace-identity__action h1{margin:0;font-size:34px;line-height:1.1}.tsemou-action-shell__question>p{margin:0 0 18px;font-size:21px;font-weight:850}.tsemou-category-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.tsemou-category-action-card{min-height:180px;padding:21px;display:flex;flex-direction:column;gap:12px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;color:#14213d;text-decoration:none;box-shadow:0 8px 24px rgba(28,54,84,.06);transition:.18s ease}.tsemou-category-action-card:hover,.tsemou-category-action-card:focus-visible{transform:translateY(-3px);border-color:#91b9aa;box-shadow:0 14px 30px rgba(34,94,71,.12);outline:none}.tsemou-category-action-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e8f4ef;color:#2f684f;font-size:25px;font-weight:900}.tsemou-category-action-card strong{font-size:18px}.tsemou-category-action-card small{color:#64748b;line-height:1.5}.tsemou-workspace-identity{display:flex;align-items:stretch;gap:14px;margin-bottom:26px}.tsemou-workspace-identity__category{width:150px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #dce8e2;border-radius:18px;background:#edf7f2;color:#285e4a;text-align:center}.tsemou-workspace-identity__category>span{font-size:32px}.tsemou-workspace-identity__category small{font-weight:800}.tsemou-workspace-identity__action{flex:1;padding:22px 25px;display:flex;align-items:center;gap:18px;border:1px solid #e1e7ee;border-radius:18px;background:#fff}.tsemou-workspace-identity__action>span{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#dff1e8;color:#285e4a;font-size:29px;font-weight:900}.tsemou-workspace-identity__action strong{display:block;margin-top:7px;color:#64748b;font-size:14px}.tsemou-workspace-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.tsemou-workspace-body__primary,.tsemou-workspace-body__context{border:1px solid #e1e7ee;border-radius:18px;background:#fff}.tsemou-workspace-body__primary{padding:24px}.tsemou-workspace-body__primary h2{margin:0 0 16px;font-size:21px}.tsemou-workspace-choice-list{display:grid;gap:11px}.tsemou-workspace-choice{padding:17px 18px;display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;border:1px solid #e5eaf0;border-radius:14px;color:#14213d;text-decoration:none;transition:.16s ease}.tsemou-workspace-choice:hover,.tsemou-workspace-choice:focus-visible{border-color:#91b9aa;background:#f4faf7;outline:none}.tsemou-workspace-choice strong{font-size:16px}.tsemou-workspace-choice span{grid-column:1;color:#64748b;font-size:13px}.tsemou-workspace-choice i{grid-column:2;grid-row:1/3;font-style:normal;font-size:21px;color:#356150}.tsemou-workspace-body__context{padding:24px;height:max-content;background:#eef7f3}.tsemou-workspace-body__context p{margin:0 0 8px;font-size:11px;letter-spacing:.14em;font-weight:900;color:#5e7d6f}.tsemou-workspace-body__context h3{margin:0 0 10px;font-size:20px}.tsemou-workspace-body__context span{color:#5f6f69;line-height:1.55;font-size:14px}
@media(max-width:900px){.tsemou-category-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tsemou-workspace-body{grid-template-columns:1fr}.tsemou-workspace-identity{flex-direction:column}.tsemou-workspace-identity__category{width:auto;align-items:flex-start}.tsemou-action-shell__topbar{padding:0 18px}.tsemou-action-shell__main{width:min(100% - 24px,1120px)}}
@media(max-width:560px){.tsemou-category-action-grid{grid-template-columns:1fr}.tsemou-category-action-card{min-height:140px}.tsemou-action-shell__identity h1,.tsemou-workspace-identity__action h1{font-size:28px}.tsemou-action-shell__topbar nav{gap:12px;font-size:13px}}

/* ACT-2 — Help Workspace destination focus */
.tsemou-action-path-target{outline:3px solid rgba(52,126,92,.45)!important;outline-offset:6px;box-shadow:0 0 0 10px rgba(93,170,135,.10)!important;transition:outline-color .2s ease,box-shadow .2s ease}.tsemou-workspace-body--help .tsemou-workspace-choice:first-child{border-color:#8fbda9;background:#f3faf6}.tsemou-workspace-body--help .tsemou-workspace-choice:nth-child(2){border-color:#bad6c9}

/* ACT-3 — Knowledge Workspace visual emphasis */
.tsemou-workspace-body--knowledge .tsemou-workspace-choice:first-child{border-color:#8fbda9;background:#f3faf6}.tsemou-workspace-body--knowledge .tsemou-workspace-choice:nth-child(2){border-color:#bad6c9}.tsemou-workspace-body--knowledge .tsemou-workspace-choice:nth-child(3) .tsemou-workspace-choice__icon{color:#356150}


/* ACT-4 — Communities Workspace visual emphasis */
.tsemou-workspace-body--communities .tsemou-workspace-choice:first-child,
.tsemou-workspace-body--communities .tsemou-workspace-choice:nth-child(2) {
  border-color: rgba(31, 139, 91, .34);
  background: linear-gradient(135deg, rgba(238, 249, 243, .96), rgba(255, 255, 255, .98));
}
.tsemou-workspace-body--communities .tsemou-workspace-choice:first-child strong,
.tsemou-workspace-body--communities .tsemou-workspace-choice:nth-child(2) strong {
  color: #176f4b;
}

/* MATCH-1 — Category Connection Foundation */
.tsemou-related-connections{margin-top:22px;padding:24px;border:1px solid #e1e7ee;border-radius:20px;background:#fff}.tsemou-related-connections__heading{margin-bottom:18px}.tsemou-related-connections__heading p{margin:0 0 5px;color:#5e7d6f;font-size:11px;font-weight:900;letter-spacing:.14em}.tsemou-related-connections__heading h2{margin:0 0 7px;font-size:23px;color:#14213d}.tsemou-related-connections__heading span{color:#64748b;font-size:14px}.tsemou-related-connections__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tsemou-connection-card{min-height:104px;padding:16px;display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;border:1px solid #e3e9ef;border-radius:15px;color:#14213d;text-decoration:none;background:#fbfdfc;transition:.16s ease}.tsemou-connection-card:hover,.tsemou-connection-card:focus-visible{border-color:#8eb7a7;background:#f1f8f5;transform:translateY(-2px);outline:none}.tsemou-connection-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e4f2ec;color:#2e654e;font-size:22px;font-weight:900}.tsemou-connection-card strong{display:block;margin-bottom:4px;font-size:15px}.tsemou-connection-card small{display:block;color:#64748b;font-size:12px;line-height:1.4}.tsemou-connection-card i{font-style:normal;color:#356150;font-size:20px}@media(max-width:700px){.tsemou-related-connections{padding:18px}.tsemou-related-connections__grid{grid-template-columns:1fr}}

/* MATCH-2 — Person-to-person suggestions from existing user-owned declarations. */
.tsemou-people-matches{margin-top:24px;padding:24px;border:1px solid #dfe7e3;border-radius:18px;background:#fff}
.tsemou-people-matches__heading{margin-bottom:16px}.tsemou-people-matches__heading p{margin:0 0 5px;font-size:11px;letter-spacing:.15em;font-weight:900;color:#5e7d6f}.tsemou-people-matches__heading h2{margin:0 0 7px;font-size:22px;color:#14213d}.tsemou-people-matches__heading span{display:block;color:#64748b;font-size:14px;line-height:1.5}
.tsemou-people-matches__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tsemou-person-match-card{min-width:0;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e3e9e6;border-radius:15px;background:#f9fcfa;color:#14213d;text-decoration:none;transition:.16s ease}.tsemou-person-match-card:hover,.tsemou-person-match-card:focus-visible{border-color:#86ad9e;background:#f1f8f5;transform:translateY(-2px);outline:none}.tsemou-person-match-card img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e4eee9}.tsemou-person-match-card span{min-width:0;display:grid;gap:3px}.tsemou-person-match-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.tsemou-person-match-card small{color:#3d755f;font-weight:800;font-size:12px}.tsemou-person-match-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-style:normal;font-size:12px}.tsemou-person-match-card i{font-style:normal;font-size:19px;color:#356150}
@media(max-width:700px){.tsemou-people-matches__grid{grid-template-columns:1fr}.tsemou-people-matches{padding:18px}}


/* MATCH-3 — User-to-Community suggestions from existing public discovery cards. */
.tsemou-community-matches{margin-top:24px;padding:24px;border:1px solid #dfe7e3;border-radius:18px;background:#fff}.tsemou-community-matches__heading{margin-bottom:16px}.tsemou-community-matches__heading p{margin:0 0 5px;font-size:11px;letter-spacing:.15em;font-weight:900;color:#5e7d6f}.tsemou-community-matches__heading h2{margin:0 0 7px;font-size:22px;color:#14213d}.tsemou-community-matches__heading span{display:block;color:#64748b;font-size:14px;line-height:1.5}.tsemou-community-matches__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tsemou-community-match-card{min-width:0;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e3e9e6;border-radius:15px;background:#f9fcfa;color:#14213d;text-decoration:none;transition:.16s ease}.tsemou-community-match-card:hover,.tsemou-community-match-card:focus-visible{border-color:#86ad9e;background:#f1f8f5;transform:translateY(-2px);outline:none}.tsemou-community-match-card__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e3f2eb;color:#2f684f;font-size:25px;font-weight:900}.tsemou-community-match-card>span:nth-child(2){min-width:0;display:grid;gap:3px}.tsemou-community-match-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.tsemou-community-match-card small{color:#3d755f;font-weight:800;font-size:12px}.tsemou-community-match-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-style:normal;font-size:12px}.tsemou-community-match-card i{font-style:normal;font-size:19px;color:#356150}@media(max-width:700px){.tsemou-community-matches__grid{grid-template-columns:1fr}.tsemou-community-matches{padding:18px}}

/* MATCH-4 — Category context to existing Cases and Solutions. */
.tsemou-case-solution-matches{margin-top:24px;padding:24px;border:1px solid #dfe7e3;border-radius:18px;background:#fff}
.tsemou-case-solution-matches__heading{margin-bottom:16px}
.tsemou-case-solution-matches__heading p{margin:0 0 5px;font-size:11px;letter-spacing:.15em;font-weight:900;color:#5e7d6f}
.tsemou-case-solution-matches__heading h2{margin:0 0 7px;font-size:22px;color:#14213d}
.tsemou-case-solution-matches__heading span{display:block;color:#64748b;font-size:14px;line-height:1.5}
.tsemou-case-solution-matches__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tsemou-case-solution-card{min-width:0;padding:15px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid #e3e9e6;border-radius:15px;background:#f9fcfa;color:#14213d;text-decoration:none;transition:.16s ease}
.tsemou-case-solution-card:hover,.tsemou-case-solution-card:focus-visible{border-color:#86ad9e;background:#f1f8f5;transform:translateY(-2px);outline:none}
.tsemou-case-solution-card__mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e9efe8;color:#315f50;font-size:23px;font-weight:900}
.tsemou-case-solution-card>span:nth-child(2){min-width:0;display:grid;gap:3px}
.tsemou-case-solution-card small{color:#3d755f;font-weight:900;font-size:10px;letter-spacing:.04em}
.tsemou-case-solution-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.tsemou-case-solution-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-style:normal;font-size:12px}
.tsemou-case-solution-card i{font-style:normal;font-size:19px;color:#356150}
@media(max-width:700px){.tsemou-case-solution-matches__grid{grid-template-columns:1fr}.tsemou-case-solution-matches{padding:18px}}

/* MATCH-5 — safe connection request controls; no contact data is exposed. */
.tsemou-person-match-card{grid-template-columns:48px minmax(0,1fr);align-items:start}
.tsemou-person-match-profile{color:inherit;text-decoration:none}.tsemou-person-match-profile:hover{text-decoration:underline}
.tsemou-person-match-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:10px;border-top:1px solid #e6ece9}
.tsemou-person-match-actions>a,.tsemou-person-match-request{appearance:none;padding:8px 11px;border:1px solid #b8cdc4;border-radius:10px;background:#fff;color:#285e4a;text-decoration:none;font:inherit;font-size:12px;font-weight:850;cursor:pointer}
.tsemou-person-match-request{background:#e6f3ed;border-color:#86ad9e}.tsemou-person-match-request:hover,.tsemou-person-match-request:focus-visible{background:#d8ece3;outline:none}.tsemou-person-match-request.is-sent,.tsemou-person-match-request:disabled{cursor:default;opacity:.78}


/* ACT-8A — In-workspace discovery targets */
.tsemou-workspace-target {
  scroll-margin-top: 96px;
  outline: none;
  transition: box-shadow .22s ease, transform .22s ease, background-color .22s ease;
}
.tsemou-workspace-target.is-workspace-target-active,
.tsemou-workspace-target:target {
  box-shadow: 0 0 0 3px rgba(20, 125, 103, .18), 0 18px 40px rgba(20, 56, 48, .08);
  transform: translateY(-2px);
}
@media (prefers-reduced-motion: reduce) {
  .tsemou-workspace-target { transition: none; }
  .tsemou-workspace-target.is-workspace-target-active,
  .tsemou-workspace-target:target { transform: none; }
}

/* D6.6 — Minimal Help for All workspace: only the two help directions. */
.tsemou-action-shell--help-minimal .tsemou-action-shell__main{width:min(760px,calc(100% - 40px));}
.tsemou-workspace-body--help-minimal{display:block;}
.tsemou-workspace-body--help-minimal .tsemou-workspace-body__primary{padding:0;border:0;background:transparent;}
.tsemou-workspace-body--help-minimal .tsemou-workspace-choice-list{gap:14px;}
.tsemou-workspace-body--help-minimal .tsemou-workspace-choice{padding:22px 24px;background:#fff;border-radius:18px;}
.tsemou-workspace-body--help-minimal .tsemou-workspace-choice strong{font-size:19px;}
.tsemou-workspace-body--help-minimal .tsemou-workspace-choice span{font-size:14px;}
@media(max-width:700px){.tsemou-action-shell--help-minimal .tsemou-action-shell__main{width:min(100% - 24px,760px);}.tsemou-workspace-body--help-minimal .tsemou-workspace-choice{padding:18px;}}


/* D6.7 — Help selection is replaced by one centered native composer. */
.tsemou-action-shell--help-minimal .tsemou-workspace-body__primary.is-domain-composer-open > .tsemou-workspace-choice-list {
  display: none !important;
}
.tsemou-action-shell--help-minimal .tsemou-domain-native-composer.entity-action-panel--domain-workspace {
  position: static;
  inset: auto;
  z-index: auto;
  width: min(100%, 640px);
  max-width: 640px;
  max-height: none;
  margin: 0 auto;
  overflow: visible;
  padding: 24px;
  border-radius: 18px;
  box-sizing: border-box;
  box-shadow: 0 10px 30px rgba(18, 32, 60, .08);
}
.tsemou-action-shell--help-minimal .tsemou-workspace-body__primary.is-domain-composer-open {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 680px) {
  .tsemou-action-shell--help-minimal .tsemou-domain-native-composer.entity-action-panel--domain-workspace {
    width: 100%;
    padding: 18px;
  }
}


/* 5.66.9 — Actions & Help: equal ACTION and HELP containers. */
.tsemou-purpose-actions-main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:28px 0 72px}
.tsemou-purpose-actions-main>.tsemou-purpose-identity{margin:0 0 24px;text-align:center;color:#728094;font-size:11px;font-weight:800;letter-spacing:.22em}
.tsemou-purpose-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.tsemou-purpose-actions-panel{padding:30px;border:1px solid #e1e7ee;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(28,54,84,.07)}
.tsemou-purpose-actions-kicker{margin:0 0 18px;color:#5e7d6f;font-size:12px;font-weight:900;letter-spacing:.16em}
.tsemou-purpose-actions-panel--help .tsemou-purpose-actions-kicker{color:#b72d61}
.tsemou-purpose-actions-options{display:grid;gap:14px}
.tsemou-purpose-actions-option{width:100%;padding:22px 24px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border:1px solid #dce4ec;border-radius:16px;background:#fff;color:#14213d;text-align:left;font:inherit;cursor:default}
.tsemou-purpose-actions-option span{display:grid;gap:7px}
.tsemou-purpose-actions-option strong{font-size:20px;line-height:1.25}
.tsemou-purpose-actions-option small{color:#64748b;font-size:14px;line-height:1.55}
.tsemou-purpose-actions-option i{font-style:normal;color:#356150;font-size:24px}
.tsemou-purpose-actions-panel--help .tsemou-purpose-actions-option i{color:#b72d61}
@media(max-width:900px){.tsemou-purpose-actions-grid{grid-template-columns:1fr}.tsemou-purpose-actions-main{width:min(820px,calc(100% - 40px))}}
@media(max-width:700px){.tsemou-purpose-actions-main{width:min(100% - 24px,820px);padding-top:20px}.tsemou-purpose-actions-grid{gap:16px}.tsemou-purpose-actions-panel{padding:20px}.tsemou-purpose-actions-option{padding:19px 18px}.tsemou-purpose-actions-option strong{font-size:18px}}


/* 5.67.0 — Be the Journalist native Post/Story composer. */
.tsemou-purpose-actions-option{cursor:pointer;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.tsemou-purpose-actions-option:hover,.tsemou-purpose-actions-option:focus-visible{border-color:#7ca995;transform:translateY(-2px);box-shadow:0 10px 24px rgba(28,76,57,.08);outline:none}
.tsemou-purpose-actions-grid[hidden],.tsemou-journalist-composer[hidden]{display:none!important}
.tsemou-journalist-composer{width:min(780px,100%);margin:0 auto}
.tsemou-journalist-composer__card{padding:30px;border:1px solid #e1e7ee;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(28,54,84,.07)}
.tsemou-journalist-composer__heading{margin-bottom:24px}.tsemou-journalist-composer__heading p{margin:0 0 7px;color:#47715f;font-size:11px;font-weight:900;letter-spacing:.18em}.tsemou-journalist-composer__heading h2{margin:0 0 7px;color:#14213d;font-size:28px}.tsemou-journalist-composer__heading span{color:#64748b;line-height:1.5}
.tsemou-journalist-composer form{display:grid;gap:18px}.tsemou-journalist-composer label{display:grid;gap:8px;color:#25364e;font-size:14px;font-weight:800}.tsemou-journalist-composer label small{font-weight:500;color:#718096}.tsemou-journalist-composer input,.tsemou-journalist-composer textarea{width:100%;box-sizing:border-box;border:1px solid #ccd7e2;border-radius:12px;background:#fbfcfe;color:#14213d;font:inherit;font-weight:500;padding:13px 14px}.tsemou-journalist-composer textarea{resize:vertical;min-height:190px;line-height:1.55}.tsemou-journalist-composer input:focus,.tsemou-journalist-composer textarea:focus{border-color:#4c8c72;box-shadow:0 0 0 3px rgba(76,140,114,.13);outline:none}
.tsemou-journalist-composer__feedback{min-height:20px;margin:0;color:#b42318;font-size:13px}.tsemou-journalist-composer__actions{display:flex;justify-content:flex-end;gap:10px}.tsemou-journalist-composer__actions button,.tsemou-journalist-success button,.tsemou-journalist-success a{appearance:none;border:1px solid #285e4a;border-radius:11px;background:#285e4a;color:#fff;padding:11px 17px;font:inherit;font-size:14px;font-weight:850;text-decoration:none;cursor:pointer}.tsemou-journalist-composer__actions .is-secondary{background:#fff;color:#285e4a}.tsemou-journalist-composer__actions button:disabled{opacity:.65;cursor:wait}
.tsemou-journalist-success{padding:40px 30px;text-align:center;border:1px solid #cfe2d8;border-radius:20px;background:#f6fbf8}.tsemou-journalist-success>span{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 14px;border-radius:50%;background:#dff2e8;color:#246449;font-size:28px;font-weight:900}.tsemou-journalist-success h2{margin:0 0 8px;color:#14213d}.tsemou-journalist-success p{margin:0 auto 22px;max-width:560px;color:#64748b;line-height:1.55}.tsemou-journalist-success div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.tsemou-journalist-success button{background:#fff;color:#285e4a}
@media(max-width:700px){.tsemou-journalist-composer__card{padding:20px}.tsemou-journalist-composer__heading h2{font-size:24px}.tsemou-journalist-composer__actions{flex-direction:column-reverse}.tsemou-journalist-composer__actions button{width:100%}}

.tsemou-journalist-composer__actions a{display:inline-flex;align-items:center;justify-content:center}.tsemou-journalist-composer__actions a.is-secondary{background:#fff;color:#285e4a}

/* 5.67.3 — Be the Journalist media fields */
.tsemou-journalist-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tsemou-journalist-media>div{padding:14px;border:1px solid #dbe4ec;border-radius:14px;background:#f8fafc}
.tsemou-journalist-composer input[type=file]{padding:10px;background:#fff;font-size:13px;font-weight:600}
.tsemou-journalist-composer input[type=file]::file-selector-button{margin-right:10px;border:1px solid #9bb7aa;border-radius:9px;background:#edf7f2;color:#285e4a;padding:8px 11px;font:inherit;font-weight:800;cursor:pointer}
@media(max-width:700px){.tsemou-journalist-media{grid-template-columns:1fr}}

/* CASE-03 — Optional initial Canonical Evidence in the Case creation flow. */
.tsemou-case-evidence-fields {
  margin: 22px 0 0;
  padding: 20px;
  border: 1px solid rgba(40, 54, 48, .14);
  border-radius: 18px;
  background: rgba(248, 251, 249, .96);
}
.tsemou-case-evidence-fields legend {
  padding: 0 8px;
  font-weight: 800;
  color: #27352f;
}
.tsemou-case-evidence-fields legend small,
.tsemou-case-evidence-fields > p {
  color: #68756f;
  font-weight: 500;
}
.tsemou-case-evidence-fields > p { margin: 0 0 16px; }
.tsemou-case-evidence-fields label { display: block; margin-top: 14px; }
.tsemou-case-evidence-fields select {
  width: 100%;
  margin-top: 7px;
  padding: 12px 14px;
  border: 1px solid rgba(40, 54, 48, .18);
  border-radius: 12px;
  background: #fff;
  color: #27352f;
  font: inherit;
}

/* CASE-07 — specific user invitation UI inside the canonical Case Workspace. */
.case-invitations-panel{display:grid;gap:16px}
.case-incoming-invitations{display:grid;gap:10px}
.case-incoming-invitations h4{margin:0;font-size:15px}
.case-invitation-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid rgba(15,118,110,.18);border-radius:14px;background:#fff}
.case-invitation-card>div:first-child{display:grid;gap:4px}.case-invitation-card p{margin:4px 0 0;color:#52615e}
.case-invitation-actions{display:flex;gap:8px;flex-wrap:wrap}.case-invitation-actions button,.case-invite-result{border:1px solid rgba(15,118,110,.22);border-radius:10px;background:#fff;padding:9px 12px;cursor:pointer}
.case-invite-form{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(150px,.6fr);gap:12px;align-items:start}
.case-invite-form label{display:grid;gap:6px}.case-invite-form label:nth-of-type(3){grid-column:1/-1}.case-invite-form input,.case-invite-form select,.case-invite-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(15,118,110,.2);border-radius:10px;padding:10px;background:#fff}
.case-invite-results{grid-column:1/-1;display:grid;gap:8px}.case-invite-result{display:flex;align-items:center;gap:10px;text-align:left}.case-invite-result img{width:34px;height:34px;border-radius:50%;object-fit:cover}.case-invite-result span{flex:1}.case-invite-result strong{font-size:12px;color:#0f766e}
.case-invite-feedback{grid-column:1/-1;min-height:20px;font-size:13px;color:#0f766e}.case-invite-feedback.is-error{color:#b42318}
@media(max-width:760px){.case-invite-form{grid-template-columns:1fr}.case-invite-form label:nth-of-type(3){grid-column:auto}.case-invitation-card{align-items:flex-start;flex-direction:column}}

/* CASE-10 — Community invitations inside the canonical Case Workspace. */
.case-community-invitations-panel .case-community-invitation-status ul{list-style:none;margin:10px 0 18px;padding:0;display:grid;gap:8px}
.case-community-invitations-panel .case-community-invitation-status li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(15,23,42,.1);border-radius:10px;background:#fff}
.case-community-invitations-panel .case-community-invitation-status li small{color:#64748b;text-transform:capitalize}
.case-community-invite-result>span{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1}
.case-community-invite-result>span strong,.case-community-invite-result>span small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.case-community-invite-result>span small{font-weight:400;color:#64748b}
.case-community-invite-result>b{margin-left:auto}

/* CASE-11 — Review before canonical Case creation. */
.tsemou-case-review{display:grid;gap:20px;padding:22px;border:1px solid #cfdce7;border-radius:16px;background:#f8fbfd}
.tsemou-case-review[hidden]{display:none!important}
.tsemou-case-review__heading p{margin:0 0 6px;color:#47715f;font-size:11px;font-weight:900;letter-spacing:.15em}
.tsemou-case-review__heading h3{margin:0 0 5px;color:#14213d;font-size:22px}
.tsemou-case-review__heading span{color:#64748b;font-size:13px}
.tsemou-case-review__list{display:grid;grid-template-columns:minmax(145px,190px) 1fr;gap:0;margin:0;border:1px solid #dce5ed;border-radius:13px;overflow:hidden;background:#fff}
.tsemou-case-review__list dt,.tsemou-case-review__list dd{margin:0;padding:12px 14px;border-bottom:1px solid #edf1f5;overflow-wrap:anywhere}
.tsemou-case-review__list dt{background:#f5f8fa;color:#526579;font-size:12px;font-weight:850}
.tsemou-case-review__list dd{color:#17263c;font-size:13px;line-height:1.5;white-space:pre-wrap}
.tsemou-case-review__list dt:last-of-type,.tsemou-case-review__list dd:last-of-type{border-bottom:0}
.tsemou-case-review__actions{display:flex;justify-content:flex-end;gap:10px}
.tsemou-case-review__actions button{appearance:none;border:1px solid #285e4a;border-radius:11px;background:#285e4a;color:#fff;padding:11px 17px;font:inherit;font-size:14px;font-weight:850;cursor:pointer}
.tsemou-case-review__actions button.is-secondary{background:#fff;color:#285e4a}
.tsemou-case-review__actions button:disabled{opacity:.65;cursor:wait}
@media(max-width:700px){.tsemou-case-review__list{grid-template-columns:1fr}.tsemou-case-review__list dt{border-bottom:0;padding-bottom:4px}.tsemou-case-review__list dd{padding-top:4px}.tsemou-case-review__actions{flex-direction:column-reverse}.tsemou-case-review__actions button{width:100%}}

/* CASE-13 — lifecycle status accents */
[data-case-status="DRAFT"]{--case-status-accent:#94a3b8}
[data-case-status="OPEN"]{--case-status-accent:#16a34a}
[data-case-status="INVESTIGATING"]{--case-status-accent:#2563eb}
[data-case-status="COLLABORATING"]{--case-status-accent:#7c3aed}
[data-case-status="SOLVING"]{--case-status-accent:#ea580c}
[data-case-status="MONITORING"]{--case-status-accent:#0891b2}
[data-case-status="COMPLETED"]{--case-status-accent:#15803d}
[data-case-status="ARCHIVED"]{--case-status-accent:#64748b}
[data-case-status-badge]{border-color:var(--case-status-accent,currentColor);color:var(--case-status-accent,currentColor)}

/* CASE-13.1 — visible lifecycle workspace controls */
.case-lifecycle-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px;padding:16px 18px;border:1px solid #d0d5dd;border-radius:16px;background:linear-gradient(135deg,#f8fafc 0%,#ffffff 100%)}
.case-lifecycle-card-copy{min-width:0}
.case-lifecycle-card-copy small{display:block;margin-bottom:7px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em}
.case-lifecycle-card-copy p{margin:7px 0 0;color:#667085;font-size:13px}
.case-lifecycle-timeline-link{appearance:none;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;padding:6px 12px;font:inherit;font-weight:700;line-height:1.2;cursor:pointer}
.case-lifecycle-timeline-link:hover{background:#f2f4f7}
.case-status-badge[data-case-status="DRAFT"]{background:#f2f4f7;color:#475467}
.case-status-badge[data-case-status="OPEN"]{background:#ecfdf3;color:#027a48}
.case-status-badge[data-case-status="INVESTIGATING"]{background:#eff8ff;color:#175cd3}
.case-status-badge[data-case-status="COLLABORATING"]{background:#f4f3ff;color:#5925dc}
.case-status-badge[data-case-status="SOLVING"]{background:#fffaeb;color:#b54708}
.case-status-badge[data-case-status="MONITORING"]{background:#fdf2fa;color:#c11574}
.case-status-badge[data-case-status="COMPLETED"]{background:#ecfdf3;color:#027a48}
.case-status-badge[data-case-status="ARCHIVED"]{background:#f2f4f7;color:#344054}
@media (max-width:700px){.case-lifecycle-card{align-items:flex-start;flex-direction:column}.case-lifecycle-controls{justify-content:flex-start;width:100%}}


/* CASE-13.2 — Canonical Case Workspace consolidation */
.case-consolidated-tabs{margin:0 0 14px;position:sticky;top:0;z-index:4;background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:4px;box-shadow:0 8px 22px rgba(16,24,40,.05)}
.case-consolidated-tabs .workspace-tab{flex:1 1 auto;min-width:max-content;padding:10px 12px;border-radius:10px}
.case-overview-summaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.case-overview-summary{appearance:none;text-align:left;border:1px solid #e4e7ec;border-radius:14px;background:#f9fafb;padding:13px 14px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px 10px;color:#101828}
.case-overview-summary:hover{background:#f2f4f7;border-color:#d0d5dd}
.case-overview-summary span{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#667085}
.case-overview-summary strong{font-size:20px;line-height:1;color:#101828}
.case-overview-summary small{grid-column:1/-1;color:#667085;font-size:12px}
.case-entity-panel-intro{margin:0 0 14px;color:#667085}
.case-entity-panel-sections{display:grid;gap:12px}
.case-entity-panel-sections>.workspace-living-visibility-audit,
.case-entity-panel-sections>[data-workspace-living-section],
.case-entity-panel-sections>.workspace-living-trust-section{margin:0}
.case-workspace-completion>[data-workspace-panel][hidden],
.case-workspace-primary-surface [data-workspace-panel][hidden]{display:none!important}
@media (max-width:760px){
  .case-consolidated-tabs{overflow-x:auto;justify-content:flex-start;position:static}
  .case-consolidated-tabs .workspace-tab{flex:0 0 auto}
  .case-overview-summaries{grid-template-columns:1fr}
}


/* CASE-13.3 — activated Case workspace controls. */
.case-workspace-header [data-case-follow].is-active{border-color:#12b76a;background:#ecfdf3;color:#067647}
.case-workspace-header [data-case-follow]:disabled,.case-workspace-header [data-case-share]:disabled{opacity:.65;cursor:wait}
.case-workspace .workspace-tab{cursor:pointer}
.case-workspace [data-open-case-tab],.case-workspace [data-open-evidence-tab],.case-workspace [data-open-evidence-discovery],.case-workspace [data-case-view-timeline]{cursor:pointer}

/* CASE-13.5 — Case Health read model. */
.case-health-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px;padding:14px 18px;border:1px solid #d0d5dd;border-radius:16px;background:#fff}
.case-health-card-copy{min-width:0}
.case-health-card-copy>small:first-child{display:block;margin-bottom:7px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em}
.case-health-card-copy p{margin:7px 0 0;color:#475467;font-size:13px;line-height:1.45}
.case-health-next{display:block;margin-top:7px;color:#667085;font-size:12px}
.case-health-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid currentColor;border-radius:999px;padding:5px 10px;font-size:13px}
.case-health-card[data-case-health="HEALTHY"] .case-health-badge{background:#ecfdf3;color:#067647}
.case-health-card[data-case-health="NEEDS_EVIDENCE"] .case-health-badge{background:#fffaeb;color:#b54708}
.case-health-card[data-case-health="WAITING_FOR_PARTICIPANTS"] .case-health-badge,.case-health-card[data-case-health="WAITING_FOR_ASSIGNMENT"] .case-health-badge{background:#fff6ed;color:#c4320a}
.case-health-card[data-case-health="BLOCKED"] .case-health-badge{background:#fef3f2;color:#b42318}
.case-health-card[data-case-health="INACTIVE"] .case-health-badge,.case-health-card[data-case-health="DRAFT"] .case-health-badge{background:#f2f4f7;color:#475467}

/* CASE-14.5 — Action Plan / Tasks UI */
.case-tasks-panel{display:grid;gap:16px}
.case-task-create-form{display:grid;gap:12px;padding:14px;border:1px solid #e4e7ec;border-radius:14px;background:#f9fafb}
.case-task-form-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(130px,1fr));gap:10px}
.case-task-create-form label,.case-task-assignment{display:grid;gap:6px;color:#344054;font-size:12px;font-weight:700}
.case-task-create-form input,.case-task-create-form select,.case-task-create-form textarea,.case-task-assignment select{width:100%;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:10px 11px;color:#101828;font:inherit}
.case-task-form-actions{display:flex;align-items:center;gap:12px}.case-task-create-button{border:0;border-radius:10px;background:#ff5a1f;color:#fff;padding:10px 16px;font-weight:800;cursor:pointer}
.case-task-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:thin}.case-task-filters button{border:1px solid #d0d5dd;border-radius:999px;background:#fff;padding:5px 8px;color:#475467;font-size:11px;line-height:1.15;font-weight:700;cursor:pointer;white-space:nowrap}.case-task-filters button.is-active{background:#101828;color:#fff;border-color:#101828}
.case-task-list{display:grid;gap:12px}.case-task-card{display:grid;gap:10px;padding:14px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.case-task-card h4,.case-task-card p{margin:0}.case-task-card p{color:#475467;line-height:1.5}
.case-task-card-head,.case-task-card-actions,.case-task-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.case-task-card-head>div,.case-task-transitions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.case-task-status,.case-task-priority{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.case-task-status{background:#eef2ff;color:#3730a3}.case-task-priority{background:#f2f4f7;color:#344054}.case-task-priority--high{background:#fff4e5;color:#b54708}.case-task-priority--critical{background:#fee4e2;color:#b42318}.case-task-priority--low{background:#ecfdf3;color:#027a48}
.case-task-overdue{color:#b42318;font-size:12px}.case-task-meta{justify-content:flex-start;color:#667085;font-size:12px}.case-task-assignment{min-width:190px}.case-task-assignee-label{color:#475467;font-size:12px;font-weight:700}
.case-task-transition{border:1px solid #d0d5dd;border-radius:9px;background:#fff;padding:8px 10px;color:#344054;font-weight:800;cursor:pointer}.case-task-transition:hover{background:#f9fafb}.case-task-feedback,[data-case-task-create-feedback]{color:#667085;font-size:12px}.case-task-empty{padding:20px;border:1px dashed #d0d5dd;border-radius:14px;text-align:center;color:#667085}.case-task-empty p{margin:5px 0 0}
@media(max-width:900px){.case-task-form-grid{grid-template-columns:1fr 1fr}.case-task-card-actions{align-items:stretch}.case-task-assignment{min-width:100%}}
@media(max-width:560px){.case-task-form-grid{grid-template-columns:1fr}.case-task-card-actions{display:grid}.case-task-transitions{display:grid;grid-template-columns:1fr}.case-task-transition{width:100%}}

/* CASE-16.1 — Information Architecture Lock */
.case-consolidated-tabs{scrollbar-width:thin}
.case-consolidated-tabs .workspace-tab[aria-selected="true"]{background:#101828;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.12)}
.case-consolidated-tabs .workspace-tab:focus-visible{outline:3px solid rgba(255,90,31,.3);outline-offset:2px}
.case-overview-summaries{grid-template-columns:repeat(4,minmax(0,1fr))}
.case-panel-intro{margin:-4px 0 4px;color:#667085;font-size:13px;line-height:1.5}
.case-solutions-panel,.case-outcomes-panel{display:grid;gap:14px}
.case-solution-list,.case-outcome-list{display:grid;gap:12px}
.case-solution-card,.case-outcome-card{padding:14px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}
.case-solution-card>div,.case-outcome-card>div{display:grid;gap:6px}
.case-solution-card small,.case-outcome-card small{color:#667085;font-size:11px;font-weight:800;letter-spacing:.06em}
.case-solution-card strong,.case-outcome-card strong{font-size:15px;color:#101828}
.case-solution-card a,.case-outcome-card a{color:inherit;text-decoration:none}
.case-solution-card a:hover,.case-outcome-card a:hover{text-decoration:underline}
.case-solution-card p,.case-outcome-card p{margin:0;color:#475467;line-height:1.5}
.case-workspace-completion>[data-workspace-panel]{scroll-margin-top:92px}
@media (max-width:1050px){.case-overview-summaries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.case-overview-summaries{grid-template-columns:1fr}.case-consolidated-tabs{padding-bottom:6px}}

/* CASE-16.2 — Overview Consolidation */
.case-overview-panel{display:grid;gap:18px}
.case-overview-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid #eaecf0}
.case-overview-header small,.case-overview-summary-copy>small,.case-overview-next-step>small{display:block;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.case-overview-header h2{margin:5px 0 4px;color:#101828;font-size:24px;line-height:1.2}
.case-overview-header p{margin:0;max-width:620px;color:#667085;font-size:13px;line-height:1.5}
.case-overview-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.case-overview-status-grid .case-lifecycle-card,.case-overview-status-grid .case-health-card{margin:0;min-height:150px}
.case-overview-status-grid .case-lifecycle-card{align-items:flex-start;flex-direction:column;justify-content:space-between}
.case-overview-status-grid .case-health-card{align-items:flex-start}
.case-lifecycle-advance--secondary{background:#fff;color:#344054;border-color:#d0d5dd}
.case-lifecycle-advance--secondary:hover{background:#f2f4f7}
.case-overview-summary-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;padding:18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}
.case-overview-summary-copy{min-width:0}
.case-overview-summary-copy .case-overview-description{margin:8px 0 0;color:#344054;font-size:15px;line-height:1.65}
.case-overview-updated{margin:12px 0 0;color:#98a2b3;font-size:12px}
.case-overview-next-step{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:15px;border-radius:14px;background:#f8fafc;border:1px solid #eaecf0}
.case-overview-next-step strong{color:#101828;font-size:15px;line-height:1.4}
.case-overview-next-action{appearance:none;width:100%;border:1px solid #101828;border-radius:10px;background:#101828;color:#fff;padding:10px 14px;font:inherit;font-weight:800;cursor:pointer;text-align:center}
.case-overview-next-action:hover{background:#344054}
.case-overview-next-action--secondary{background:#fff;color:#344054;border-color:#d0d5dd}
.case-overview-next-action--secondary:hover{background:#f2f4f7}
.case-overview-summaries{margin-top:0}
.case-overview-summary{min-height:112px;background:#fff}
.case-overview-summary:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.06)}
@media (max-width:900px){
  .case-overview-status-grid,.case-overview-summary-block{grid-template-columns:1fr}
  .case-overview-next-step{align-items:stretch}
}
@media (max-width:700px){
  .case-overview-header{align-items:stretch;flex-direction:column}
  .case-overview-header .case-lifecycle-timeline-link{align-self:flex-start}
  .case-overview-status-grid .case-lifecycle-card,.case-overview-status-grid .case-health-card{min-height:0}
  .case-overview-summary-block{padding:14px}
}

/* CASE-16.3 — Functional Workspace Tabs */
.case-functional-tab-panel{min-width:0}
.case-discussion-panel{display:grid;gap:14px}
.case-discussion-panel>.workspace-composer{margin:0}
.case-discussion-panel>.workspace-feed-list{margin:0}
.case-participants-workspace,.case-outcomes-workspace{display:grid;gap:18px}
.case-functional-tab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid #eaecf0}
.case-functional-tab-header small{display:block;margin-bottom:4px;font-size:11px;font-weight:800;letter-spacing:.08em;color:#667085}
.case-functional-tab-header h3{margin:0;color:#101828;font-size:20px;line-height:1.25}
.case-functional-tab-header p{margin:6px 0 0;color:#667085;max-width:680px}
.case-functional-tab-body{display:grid;gap:16px}
.case-functional-tab-section{margin:0;box-shadow:none}
.case-participants-workspace .case-people-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.case-outcomes-workspace .case-resolution-summary,
.case-outcomes-workspace .case-reusable-knowledge,
.case-outcomes-workspace .case-outcomes-panel{border:0;padding:0;background:transparent}
.case-workspace [data-workspace-panel][hidden]{display:none!important}
@media (max-width:760px){
  .case-functional-tab-header{display:block}
  .case-participants-workspace .case-people-grid{grid-template-columns:1fr}
  .case-functional-tab-body{gap:12px}
}


/* CASE-16.4 — Primary actions */
.case-primary-action-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:-2px 0 20px;padding:0 0 16px;border-bottom:1px solid #eaecf0}
.case-primary-action-header small{display:block;margin:0 0 4px;color:#667085;font-size:11px;font-weight:800;letter-spacing:.08em}
.case-primary-action-header h3{margin:0;color:#101828;font-size:20px;line-height:1.25}
.case-primary-action-header p{max-width:680px;margin:6px 0 0;color:#667085;line-height:1.5}
.case-primary-action-button{flex:0 0 auto;min-height:40px;padding:9px 15px;border:1px solid #f07d34;border-radius:999px;background:#f07d34;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.case-primary-action-button:hover{background:#dc6b25;box-shadow:0 4px 12px rgba(240,125,52,.22);transform:translateY(-1px)}
.case-primary-action-button:focus-visible{outline:3px solid rgba(240,125,52,.28);outline-offset:3px}
.case-primary-action-button:active{transform:translateY(0)}
.case-solution-composer-host{margin:0 0 20px;padding:16px;border:1px solid #e4e7ec;border-radius:14px;background:#f9fafb}
.case-solution-composer-host[hidden]{display:none!important}
@media (max-width:700px){.case-primary-action-header{display:block}.case-primary-action-button{width:100%;margin-top:14px}.case-solution-composer-host{padding:12px}}


/* CASE-16.5 — Guided empty states */
.case-guided-empty-state{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:20px;border:1px dashed #d0d5dd;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f9fafb 100%);color:#344054}
.case-guided-empty-state__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff4ed;color:#e56f25;font-size:20px;font-weight:900}
.case-guided-empty-state__copy strong{display:block;margin:0;color:#101828;font-size:16px;line-height:1.35}
.case-guided-empty-state__copy p{max-width:680px;margin:5px 0 0;color:#667085;line-height:1.5}
.case-guided-empty-state__action{min-height:40px;padding:9px 14px;border:1px solid #f07d34;border-radius:999px;background:#f07d34;color:#fff;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.case-guided-empty-state__action:hover{background:#dc6b25;box-shadow:0 4px 12px rgba(240,125,52,.2);transform:translateY(-1px)}
.case-guided-empty-state__action:focus-visible{outline:3px solid rgba(240,125,52,.28);outline-offset:3px}
.case-participant-guidance{order:-1}
.case-timeline-empty{list-style:none}
.case-timeline-empty .case-guided-empty-state{margin:0}
.workspace-feed-list>.case-guided-empty-state{margin-top:4px}
@media (max-width:700px){.case-guided-empty-state{grid-template-columns:auto minmax(0,1fr);padding:16px}.case-guided-empty-state__action{grid-column:1/-1;width:100%}}

/* CASE-16.6 — Visual Hierarchy Lock */
.case-workspace[data-entity-type="case"]{
  --case-ink:#101828;
  --case-copy:#344054;
  --case-muted:#667085;
  --case-line:#e4e7ec;
  --case-soft:#f8fafc;
  --case-accent:#f07d34;
  --case-accent-strong:#dc6b25;
  --case-radius-lg:18px;
  --case-radius-md:14px;
  --case-shadow-soft:0 10px 30px rgba(16,24,40,.06);
}
.case-workspace[data-entity-type="case"] .case-workspace-primary-surface{color:var(--case-copy)}
.case-workspace[data-entity-type="case"] .case-workspace-primary-surface>.case-workspace-header{margin-bottom:14px}
.case-workspace[data-entity-type="case"] .case-workspace-title{color:var(--case-ink);letter-spacing:-.025em}
.case-workspace[data-entity-type="case"] .case-workspace-description{color:var(--case-copy);line-height:1.62}

.case-workspace[data-entity-type="case"] .case-consolidated-tabs{
  gap:3px;
  margin-bottom:20px;
  padding:5px;
  border-color:var(--case-line);
  border-radius:16px;
  background:rgba(255,255,255,.96);
  box-shadow:0 8px 24px rgba(16,24,40,.055);
  backdrop-filter:saturate(140%) blur(8px);
}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab{
  min-height:42px;
  padding:10px 14px;
  border:0;
  color:var(--case-muted);
  font-size:13px;
  font-weight:750;
  letter-spacing:-.01em;
  transition:background .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab:hover{background:#f2f4f7;color:var(--case-ink)}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab[aria-selected="true"]{
  background:var(--case-ink);
  color:#fff;
  box-shadow:0 4px 10px rgba(16,24,40,.16);
}

.case-workspace[data-entity-type="case"] [data-workspace-panel]{
  min-width:0;
  padding:22px;
  border:1px solid var(--case-line);
  border-radius:var(--case-radius-lg);
  background:#fff;
  box-shadow:var(--case-shadow-soft);
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="overview"]{padding:0;border:0;background:transparent;box-shadow:none}
.case-workspace[data-entity-type="case"] [data-workspace-panel="discussion"]{padding:20px}

.case-workspace[data-entity-type="case"] .case-overview-panel{gap:20px}
.case-workspace[data-entity-type="case"] .case-overview-header{padding:0 2px 18px}
.case-workspace[data-entity-type="case"] .case-overview-header h2{font-size:clamp(22px,2.4vw,30px);letter-spacing:-.03em}
.case-workspace[data-entity-type="case"] .case-overview-header p{font-size:14px;line-height:1.6}
.case-workspace[data-entity-type="case"] .case-overview-status-grid{gap:16px}
.case-workspace[data-entity-type="case"] .case-overview-status-grid .case-lifecycle-card,
.case-workspace[data-entity-type="case"] .case-overview-status-grid .case-health-card{
  border-color:var(--case-line);
  border-radius:var(--case-radius-lg);
  box-shadow:0 8px 24px rgba(16,24,40,.045);
}
.case-workspace[data-entity-type="case"] .case-lifecycle-card-copy small,
.case-workspace[data-entity-type="case"] .case-health-card-copy>small:first-child,
.case-workspace[data-entity-type="case"] .case-overview-summary-copy>small,
.case-workspace[data-entity-type="case"] .case-overview-next-step>small,
.case-workspace[data-entity-type="case"] .case-primary-action-header small,
.case-workspace[data-entity-type="case"] .case-functional-tab-header small{
  color:var(--case-muted);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.095em;
  text-transform:uppercase;
}
.case-workspace[data-entity-type="case"] .case-lifecycle-badge,
.case-workspace[data-entity-type="case"] .case-health-badge{font-weight:800;letter-spacing:-.01em}
.case-workspace[data-entity-type="case"] .case-overview-summary-block{
  padding:20px;
  border-radius:var(--case-radius-lg);
  box-shadow:0 8px 24px rgba(16,24,40,.04);
}
.case-workspace[data-entity-type="case"] .case-overview-summary-copy .case-overview-description{font-size:15.5px;line-height:1.7}
.case-workspace[data-entity-type="case"] .case-overview-next-step{
  border-color:#fed7c3;
  background:linear-gradient(180deg,#fffaf7 0%,#fff4ed 100%);
}
.case-workspace[data-entity-type="case"] .case-overview-next-step strong{font-size:16px;letter-spacing:-.015em}
.case-workspace[data-entity-type="case"] .case-overview-next-action{
  min-height:42px;
  border-color:var(--case-accent);
  background:var(--case-accent);
  box-shadow:0 4px 12px rgba(240,125,52,.2);
}
.case-workspace[data-entity-type="case"] .case-overview-next-action:hover{background:var(--case-accent-strong);border-color:var(--case-accent-strong)}

.case-workspace[data-entity-type="case"] .case-overview-summaries{gap:12px}
.case-workspace[data-entity-type="case"] .case-overview-summary{
  min-height:118px;
  padding:15px 16px;
  border-color:var(--case-line);
  border-radius:var(--case-radius-md);
  background:#fff;
  box-shadow:0 4px 14px rgba(16,24,40,.035);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.case-workspace[data-entity-type="case"] .case-overview-summary:hover{
  transform:translateY(-2px);
  border-color:#f7b58e;
  box-shadow:0 12px 24px rgba(16,24,40,.075);
}
.case-workspace[data-entity-type="case"] .case-overview-summary span{font-size:10.5px;letter-spacing:.085em}
.case-workspace[data-entity-type="case"] .case-overview-summary strong{font-size:24px;letter-spacing:-.035em}
.case-workspace[data-entity-type="case"] .case-overview-summary small{line-height:1.45}

.case-workspace[data-entity-type="case"] .case-primary-action-header,
.case-workspace[data-entity-type="case"] .case-functional-tab-header{
  margin:0 0 20px;
  padding-bottom:18px;
  border-bottom-color:var(--case-line);
}
.case-workspace[data-entity-type="case"] .case-primary-action-header h3,
.case-workspace[data-entity-type="case"] .case-functional-tab-header h3{
  color:var(--case-ink);
  font-size:22px;
  letter-spacing:-.025em;
}
.case-workspace[data-entity-type="case"] .case-primary-action-header p,
.case-workspace[data-entity-type="case"] .case-functional-tab-header p{font-size:13.5px;line-height:1.58}
.case-workspace[data-entity-type="case"] .case-primary-action-button,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action{
  min-height:42px;
  border-color:var(--case-accent);
  background:var(--case-accent);
  box-shadow:0 4px 12px rgba(240,125,52,.18);
}
.case-workspace[data-entity-type="case"] .case-primary-action-button:hover,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action:hover{
  border-color:var(--case-accent-strong);
  background:var(--case-accent-strong);
}

.case-workspace[data-entity-type="case"] .case-functional-tab-body{gap:18px}
.case-workspace[data-entity-type="case"] .case-functional-tab-section{
  border:1px solid var(--case-line);
  border-radius:var(--case-radius-md);
  background:#fff;
}
.case-workspace[data-entity-type="case"] .case-guided-empty-state{
  min-height:128px;
  border-color:#d0d5dd;
  border-radius:var(--case-radius-lg);
  background:linear-gradient(180deg,#fff 0%,var(--case-soft) 100%);
}
.case-workspace[data-entity-type="case"] .case-guided-empty-state__icon{box-shadow:inset 0 0 0 1px rgba(240,125,52,.12)}
.case-workspace[data-entity-type="case"] .case-guided-empty-state__copy strong{font-size:17px;letter-spacing:-.015em}
.case-workspace[data-entity-type="case"] .case-guided-empty-state__copy p{font-size:13.5px}

.case-workspace[data-entity-type="case"] button:focus-visible,
.case-workspace[data-entity-type="case"] [role="tab"]:focus-visible,
.case-workspace[data-entity-type="case"] a:focus-visible{
  outline:3px solid rgba(240,125,52,.3);
  outline-offset:3px;
}

@media (max-width:900px){
  .case-workspace[data-entity-type="case"] [data-workspace-panel]{padding:18px}
  .case-workspace[data-entity-type="case"] [data-workspace-panel="overview"]{padding:0}
  .case-workspace[data-entity-type="case"] .case-overview-summary-block{padding:18px}
}
@media (max-width:700px){
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{margin-bottom:14px;border-radius:13px;box-shadow:none}
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab{min-height:40px;padding:9px 12px}
  .case-workspace[data-entity-type="case"] [data-workspace-panel]{padding:15px;border-radius:15px;box-shadow:none}
  .case-workspace[data-entity-type="case"] [data-workspace-panel="overview"]{padding:0}
  .case-workspace[data-entity-type="case"] .case-overview-panel{gap:14px}
  .case-workspace[data-entity-type="case"] .case-overview-summary-block{padding:15px}
  .case-workspace[data-entity-type="case"] .case-overview-summaries{gap:9px}
  .case-workspace[data-entity-type="case"] .case-overview-summary{min-height:102px;padding:13px 14px}
  .case-workspace[data-entity-type="case"] .case-primary-action-header h3,
.case-workspace[data-entity-type="case"] .case-functional-tab-header h3{font-size:20px}
}


/* CASE-16.7 — Responsive & Interaction Consistency */
.case-workspace[data-entity-type="case"],
.case-workspace[data-entity-type="case"] .case-workspace-primary-surface,
.case-workspace[data-entity-type="case"] .case-workspace-completion,
.case-workspace[data-entity-type="case"] [data-workspace-panel],
.case-workspace[data-entity-type="case"] .case-functional-tab-body,
.case-workspace[data-entity-type="case"] .case-functional-tab-section{min-width:0;max-width:100%}
.case-workspace[data-entity-type="case"] [data-workspace-panel][hidden],
.case-workspace[data-entity-type="case"] [data-workspace-panel][aria-hidden="true"]{display:none!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}
.case-workspace[data-entity-type="case"] [data-workspace-panel].is-active{display:block}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;touch-action:manipulation}
.case-workspace[data-entity-type="case"] img,
.case-workspace[data-entity-type="case"] video,
.case-workspace[data-entity-type="case"] iframe,
.case-workspace[data-entity-type="case"] canvas,
.case-workspace[data-entity-type="case"] svg{max-width:100%}
.case-workspace[data-entity-type="case"] img,
.case-workspace[data-entity-type="case"] video{height:auto}
.case-workspace[data-entity-type="case"] table{width:100%;max-width:100%;border-collapse:collapse}
.case-workspace[data-entity-type="case"] .case-task-list,
.case-workspace[data-entity-type="case"] .workspace-evidence-list,
.case-workspace[data-entity-type="case"] .case-solution-list,
.case-workspace[data-entity-type="case"] .case-outcome-list,
.case-workspace[data-entity-type="case"] .case-runtime-timeline{min-width:0;max-width:100%;overflow-wrap:anywhere}
.case-workspace[data-entity-type="case"] .case-task-form-grid,
.case-workspace[data-entity-type="case"] .case-invite-form,
.case-workspace[data-entity-type="case"] .case-community-invite-form{min-width:0;max-width:100%}
.case-workspace[data-entity-type="case"] input,
.case-workspace[data-entity-type="case"] textarea,
.case-workspace[data-entity-type="case"] select,
.case-workspace[data-entity-type="case"] button{max-width:100%;box-sizing:border-box}
.case-workspace[data-entity-type="case"] input,
.case-workspace[data-entity-type="case"] textarea,
.case-workspace[data-entity-type="case"] select{min-width:0;width:100%}
.case-workspace[data-entity-type="case"] .case-primary-action-header>div,
.case-workspace[data-entity-type="case"] .case-functional-tab-header>div,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__copy{min-width:0}
.case-workspace[data-entity-type="case"] .case-primary-action-button,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action,
.case-workspace[data-entity-type="case"] .case-overview-next-action{touch-action:manipulation}
.case-workspace[data-entity-type="case"] .case-functional-tab-section{margin:0!important}
.case-workspace[data-entity-type="case"] .case-functional-tab-body>.case-functional-tab-section:empty{display:none}
.case-workspace[data-entity-type="case"] .case-guided-empty-state[hidden],
.case-workspace[data-entity-type="case"] .case-workspace-empty[hidden]{display:none!important}
@media (max-width:760px){
  .case-workspace[data-entity-type="case"],
.case-workspace[data-entity-type="case"] .case-workspace-primary-surface{overflow-x:clip}
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{position:relative;top:auto;max-width:100%;padding:4px;margin-inline:0;scroll-padding-inline:4px}
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab{min-height:44px;padding:10px 13px}
  .case-workspace[data-entity-type="case"] .case-primary-action-header,
.case-workspace[data-entity-type="case"] .case-functional-tab-header{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .case-workspace[data-entity-type="case"] .case-primary-action-header>div,
.case-workspace[data-entity-type="case"] .case-functional-tab-header>div{order:0}
  .case-workspace[data-entity-type="case"] .case-primary-action-button{order:1;width:100%;min-height:44px;margin:0}
  .case-workspace[data-entity-type="case"] .case-functional-tab-body{order:2;width:100%;gap:12px}
  .case-workspace[data-entity-type="case"] .case-guided-empty-state{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;min-height:0;padding:15px}
  .case-workspace[data-entity-type="case"] .case-guided-empty-state__icon{width:44px;height:44px}
  .case-workspace[data-entity-type="case"] .case-guided-empty-state__action{grid-column:1/-1;width:100%;min-height:44px;margin:0}
  .case-workspace[data-entity-type="case"] .case-section-heading,
.case-workspace[data-entity-type="case"] .evidence-section-heading,
.case-workspace[data-entity-type="case"] .case-task-form-actions,
.case-workspace[data-entity-type="case"] .workspace-evidence-card-actions{flex-wrap:wrap;min-width:0}
  .case-workspace[data-entity-type="case"] .case-section-heading>*,
.case-workspace[data-entity-type="case"] .evidence-section-heading>*{min-width:0}
  .case-workspace[data-entity-type="case"] table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .case-workspace[data-entity-type="case"] .workspace-evidence-card,
.case-workspace[data-entity-type="case"] .case-task-card,
.case-workspace[data-entity-type="case"] .case-people-panel,
.case-workspace[data-entity-type="case"] .case-invitations-panel{max-width:100%;overflow:hidden}
}

/* CASE-16.8 — Final UX Validation & Product Lock */
.case-workspace[data-entity-type="case"]{
  --case-control-height:44px;
  --case-section-gap:18px;
}
.case-workspace[data-entity-type="case"] *{box-sizing:border-box}
.case-workspace[data-entity-type="case"] [role="tabpanel"]{outline:none}
.case-workspace[data-entity-type="case"] [role="tabpanel"]:focus-visible{
  outline:3px solid rgba(240,125,52,.24);
  outline-offset:3px;
}
.case-workspace[data-entity-type="case"] .case-primary-action-button,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action,
.case-workspace[data-entity-type="case"] .case-overview-next-action,
.case-workspace[data-entity-type="case"] .case-lifecycle-advance{
  min-height:var(--case-control-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1.2;
}
.case-workspace[data-entity-type="case"] .case-primary-action-header,
.case-workspace[data-entity-type="case"] .case-functional-tab-header{
  align-items:center;
  gap:16px;
}
.case-workspace[data-entity-type="case"] .case-functional-tab-body,
.case-workspace[data-entity-type="case"] .case-overview-panel{
  gap:var(--case-section-gap);
}
.case-workspace[data-entity-type="case"] .case-functional-tab-section,
.case-workspace[data-entity-type="case"] .case-guided-empty-state,
.case-workspace[data-entity-type="case"] .case-workspace-empty,
.case-workspace[data-entity-type="case"] .case-task-card,
.case-workspace[data-entity-type="case"] .workspace-evidence-card{
  border-radius:var(--case-radius-md);
}
.case-workspace[data-entity-type="case"] button,
.case-workspace[data-entity-type="case"] a,
.case-workspace[data-entity-type="case"] input,
.case-workspace[data-entity-type="case"] textarea,
.case-workspace[data-entity-type="case"] select{
  font-family:inherit;
}
.case-workspace[data-entity-type="case"] button:not(:disabled),
.case-workspace[data-entity-type="case"] [role="tab"]:not([aria-disabled="true"]){cursor:pointer}
.case-workspace[data-entity-type="case"] button:disabled,
.case-workspace[data-entity-type="case"] [aria-disabled="true"]{cursor:not-allowed;opacity:.62}
.case-workspace[data-entity-type="case"] .workspace-tab,
.case-workspace[data-entity-type="case"] .case-primary-action-button,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action,
.case-workspace[data-entity-type="case"] .case-overview-next-action{
  transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.case-workspace[data-entity-type="case"] .workspace-tab:active,
.case-workspace[data-entity-type="case"] .case-primary-action-button:active,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action:active,
.case-workspace[data-entity-type="case"] .case-overview-next-action:active{transform:translateY(0)}
.case-workspace[data-entity-type="case"] [data-workspace-panel][hidden],
.case-workspace[data-entity-type="case"] [data-workspace-panel][aria-hidden="true"]{display:none!important}
.case-workspace[data-entity-type="case"] .case-guided-empty-state[hidden],
.case-workspace[data-entity-type="case"] .case-workspace-empty[hidden],
.case-workspace[data-entity-type="case"] .case-functional-tab-section:empty{display:none!important}
.case-workspace[data-entity-type="case"] .case-functional-tab-section:last-child,
.case-workspace[data-entity-type="case"] .case-guided-empty-state:last-child,
.case-workspace[data-entity-type="case"] .case-workspace-empty:last-child{margin-bottom:0}
.case-workspace[data-entity-type="case"] h2,
.case-workspace[data-entity-type="case"] h3,
.case-workspace[data-entity-type="case"] h4,
.case-workspace[data-entity-type="case"] p{overflow-wrap:anywhere}
.case-workspace[data-entity-type="case"] svg,
.case-workspace[data-entity-type="case"] img,
.case-workspace[data-entity-type="case"] video,
.case-workspace[data-entity-type="case"] iframe{display:block;max-width:100%}
.case-workspace[data-entity-type="case"] .case-consolidated-tabs{scrollbar-gutter:stable both-edges}
@media (max-width:1024px){
  .case-workspace[data-entity-type="case"] [data-workspace-panel]{max-width:100%}
  .case-workspace[data-entity-type="case"] .case-primary-action-header,
.case-workspace[data-entity-type="case"] .case-functional-tab-header{flex-wrap:wrap}
}
@media (max-width:760px){
  .case-workspace[data-entity-type="case"]{--case-section-gap:14px}
  .case-workspace[data-entity-type="case"] .case-primary-action-header,
.case-workspace[data-entity-type="case"] .case-functional-tab-header{align-items:stretch}
  .case-workspace[data-entity-type="case"] .case-primary-action-button,
.case-workspace[data-entity-type="case"] .case-guided-empty-state__action,
.case-workspace[data-entity-type="case"] .case-overview-next-action{width:100%}
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{scrollbar-gutter:auto}
}
@media (orientation:landscape) and (max-height:520px){
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{position:static}
  .case-workspace[data-entity-type="case"] [data-workspace-panel]{scroll-margin-top:16px}
}
@media (prefers-reduced-motion:reduce){
  .case-workspace[data-entity-type="case"] *,
.case-workspace[data-entity-type="case"] *::before,
.case-workspace[data-entity-type="case"] *::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}


/* STORY-WORKSPACE-REGRESSION-R1 — isolate Case UX locks and restore Story runtime. */
.case-workspace.story-workspace[data-entity-type="story"] {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}
.case-workspace.story-workspace[data-entity-type="story"] .case-workspace-primary-surface,
.case-workspace.story-workspace[data-entity-type="story"] .story-workspace-configured-modules,
.case-workspace.story-workspace[data-entity-type="story"] .story-workspace-module,
.case-workspace.story-workspace[data-entity-type="story"] .story-workspace-discussion {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  visibility: visible;
  opacity: 1;
}
.case-workspace.story-workspace[data-entity-type="story"] [data-workspace-panel]:not([hidden]):not([aria-hidden="true"]) {
  display: block;
}
.case-workspace.story-workspace[data-entity-type="story"] [data-workspace-panel][hidden],
.case-workspace.story-workspace[data-entity-type="story"] [data-workspace-panel][aria-hidden="true"] {
  display: none;
}

@media (min-width:1121px) {
  .homepage-grid,
  body.entity-workspace-lock .homepage-grid,
  body:not(.entity-workspace-lock) .homepage-grid {
    grid-template-columns:
      minmax(240px, 280px)
      minmax(0, 1fr)
      minmax(260px, 300px) !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .homepage-grid > .left-column,
  .homepage-grid > .center-column,
  .homepage-grid > .right-column {
    min-width: 0;
    max-width: 100%;
  }
  body.entity-workspace-lock .center-column,
  body.entity-workspace-lock .case-workspace,
  body.entity-workspace-lock .case-workspace-primary-surface {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

/* Switch away from three columns before the grid can clip the right rail. */
@media (max-width:1120px) {
  .homepage-grid,
  body.entity-workspace-lock .homepage-grid,
  body:not(.entity-workspace-lock) .homepage-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .homepage-grid > .left-column,
  .homepage-grid > .center-column,
  .homepage-grid > .right-column {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}


/* 5.71.9 — Case creation: optional Evidence progressive disclosure. */
.tsemou-case-evidence-disclosure {
  margin: 4px 0 0;
  border: 1px solid rgba(40, 54, 48, .14);
  border-radius: 16px;
  background: rgba(248, 251, 249, .96);
  overflow: clip;
}
.tsemou-case-evidence-disclosure > summary {
  position: relative;
  display: grid;
  gap: 5px;
  min-height: 44px;
  padding: 16px 48px 16px 18px;
  color: #27352f;
  cursor: pointer;
  list-style: none;
  user-select: none;
}
.tsemou-case-evidence-disclosure > summary::-webkit-details-marker { display: none; }
.tsemou-case-evidence-disclosure > summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border: 1px solid rgba(40, 94, 74, .22);
  border-radius: 50%;
  background: #fff;
  color: #285e4a;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}
.tsemou-case-evidence-disclosure[open] > summary::after { content: "−"; }
.tsemou-case-evidence-disclosure > summary > span {
  font-size: 15px;
  font-weight: 850;
}
.tsemou-case-evidence-disclosure > summary > span small {
  color: #718096;
  font-weight: 600;
}
.tsemou-case-evidence-disclosure > summary > small {
  color: #68756f;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.45;
}
.tsemou-case-evidence-disclosure > summary:hover { background: rgba(237, 247, 242, .72); }
.tsemou-case-evidence-disclosure > summary:focus-visible {
  outline: 3px solid rgba(76, 140, 114, .22);
  outline-offset: -3px;
}
.tsemou-case-evidence-disclosure .tsemou-case-evidence-fields {
  margin: 0;
  border: 0;
  border-top: 1px solid rgba(40, 54, 48, .12);
  border-radius: 0;
  background: #fff;
}
.tsemou-journalist-composer textarea[name="case_purpose"] { min-height: 145px; }
@media (max-width: 700px) {
  .tsemou-case-evidence-disclosure > summary { padding: 14px 46px 14px 15px; }
  .tsemou-case-evidence-disclosure .tsemou-case-evidence-fields { padding: 16px; }
}

/* 5.71.10 — Case creation: compact media and reference controls. */
/* 5.71.11 — Hide redundant native “no file selected” copy in compact media controls. */
.tsemou-case-media-section {
  display: grid;
  gap: 10px;
  padding: 16px;
  border: 1px solid #dfe7e2;
  border-radius: 16px;
  background: #fbfdfc;
}
.tsemou-case-media-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.tsemou-case-media-heading h3 {
  margin: 0;
  color: #20342c;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.3;
}
.tsemou-case-media-heading p {
  margin: 3px 0 0;
  color: #718096;
  font-size: 12.5px;
  line-height: 1.4;
}
.tsemou-case-media-heading > span {
  flex: 0 0 auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf5f1;
  color: #4e6f61;
  font-size: 11px;
  font-weight: 750;
}
.tsemou-case-media-section .tsemou-case-media-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.tsemou-case-media-section .tsemou-case-media-field {
  min-width: 0;
  padding: 0;
  border: 1px solid #dce5e0;
  border-radius: 12px;
  background: #fff;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.tsemou-case-media-section .tsemou-case-media-field:hover {
  border-color: #a9c2b7;
  background: #fdfefe;
}
.tsemou-case-media-section .tsemou-case-media-field:focus-within {
  border-color: #4c8c72;
  box-shadow: 0 0 0 3px rgba(76, 140, 114, .12);
}
.tsemou-case-media-section .tsemou-case-media-field > label {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 9px;
  padding: 11px 12px;
  color: #25364e;
}
.tsemou-case-media-field__copy {
  position: relative;
  display: grid;
  gap: 2px;
  min-width: 0;
  padding-left: 42px;
}
.tsemou-case-media-field__copy::before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  transform: translateY(-50%);
  border-radius: 9px;
  background: #edf5f1;
  color: #315f4d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}
.tsemou-case-media-field--image .tsemou-case-media-field__copy::before { content: "IMG"; }
.tsemou-case-media-field--video .tsemou-case-media-field__copy::before { content: "MP4"; }
.tsemou-case-media-field--document .tsemou-case-media-field__copy::before { content: "PDF"; }
.tsemou-case-media-field--link .tsemou-case-media-field__copy::before { content: "URL"; }
.tsemou-case-media-field__copy strong {
  overflow: hidden;
  color: #27372f;
  font-size: 13px;
  font-weight: 820;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsemou-case-media-field__copy small {
  overflow: hidden;
  color: #77847e;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tsemou-case-media-section .tsemou-case-media-field input[type="file"],
.tsemou-case-media-section .tsemou-case-media-field input[type="url"] {
  min-height: 38px;
  margin: 0;
  border-radius: 9px;
  font-size: 12px;
}
.tsemou-case-media-section .tsemou-case-media-field input[type="file"] {
  padding: 4px 6px;
  border-color: #d6e0db;
  background: #f8faf9;
  color: transparent;
  font-weight: 550;
  text-shadow: none;
}
.tsemou-case-media-section .tsemou-case-media-field input[type="file"]::file-selector-button {
  min-height: 28px;
  margin-right: 8px;
  padding: 5px 9px;
  border: 0;
  border-radius: 7px;
  background: #e6f1eb;
  color: #285e4a;
  font-size: 11.5px;
  font-weight: 800;
}
.tsemou-case-media-section .tsemou-case-media-field input[type="file"]::file-selector-button:hover {
  background: #dbece3;
}
.tsemou-case-media-section .tsemou-case-media-field input[type="url"] {
  padding: 8px 10px;
  background: #f8faf9;
}
.tsemou-case-media-section .tsemou-case-media-note {
  margin: 0;
  color: #78857f;
  font-size: 11.5px;
  line-height: 1.4;
}
@media (max-width: 700px) {
  .tsemou-case-media-section { padding: 14px; }
  .tsemou-case-media-heading { gap: 10px; }
  .tsemou-case-media-section .tsemou-case-media-fields { grid-template-columns: 1fr; }
  .tsemou-case-media-section .tsemou-case-media-field > label { padding: 10px 11px; }
  .tsemou-case-media-field__copy strong,
  .tsemou-case-media-field__copy small { white-space: normal; }
}

/* NEED-1.2 — Minimal one-sentence Need intake. */
.entity-action-panel--minimal-need .entity-need-composer-heading { margin-bottom: 6px; }
.entity-action-panel--minimal-need .entity-need-composer-hint { margin: 0 0 16px; color: #667085; font-size: 14px; line-height: 1.45; }
.entity-action-panel--minimal-need .entity-need-composer-textarea--minimal { min-height: 108px; resize: vertical; }
@media (max-width: 640px) {
  .entity-action-panel--minimal-need .entity-need-composer-actions { display: grid; grid-template-columns: 1fr; }
  .entity-action-panel--minimal-need .entity-need-composer-submit,
  .entity-action-panel--minimal-need .entity-need-composer-cancel { width: 100%; min-height: 44px; }
}

/* NEED-1.5 — Mobile Creation Lock.
 * Frontend-only reachability, keyboard and overflow safeguards for the minimal
 * Need composer. No backend, entity or persistence contract changes.
 */
.entity-action-panel--minimal-need {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: clip;
  overflow-wrap: anywhere;
}
.entity-action-panel--minimal-need .entity-need-composer-label,
.entity-action-panel--minimal-need .entity-need-composer-input,
.entity-action-panel--minimal-need .entity-need-composer-textarea,
.entity-action-panel--minimal-need .entity-action-feedback,
.entity-action-panel--minimal-need .entity-need-composer-actions {
  min-width: 0;
  max-width: 100%;
}
.entity-action-panel--minimal-need .entity-need-composer-input,
.entity-action-panel--minimal-need .entity-need-composer-textarea {
  font-size: 16px; /* prevents automatic iOS zoom */
  line-height: 1.45;
}
.entity-action-panel--minimal-need .entity-need-composer-textarea--minimal {
  height: auto;
  max-height: min(42vh, 360px);
  resize: none;
  overscroll-behavior: contain;
}
.entity-action-panel--minimal-need .entity-need-composer-cancel,
.entity-action-panel--minimal-need .entity-need-composer-submit {
  min-width: 44px;
  min-height: 44px;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
.entity-action-panel--minimal-need .entity-need-composer-input:focus-visible,
.entity-action-panel--minimal-need .entity-need-composer-textarea:focus-visible,
.entity-action-panel--minimal-need .entity-need-composer-cancel:focus-visible,
.entity-action-panel--minimal-need .entity-need-composer-submit:focus-visible {
  outline: 3px solid rgba(37, 99, 235, 0.24);
  outline-offset: 2px;
}

@media (max-width: 900px) {
  .right-column-native-need-composer {
    width: 100%;
    max-width: 100%;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .entity-action-panel--minimal-need {
    width: 100%;
    padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right));
    padding-bottom: max(12px, env(safe-area-inset-bottom));
  }
  .entity-action-panel--minimal-need .entity-need-composer-actions {
    position: sticky;
    z-index: 4;
    bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-inline: 0;
    padding: 10px 0 max(10px, env(safe-area-inset-bottom));
    background: linear-gradient(to bottom, rgba(255,255,255,0.92), #fff 24%);
  }
  .entity-action-panel--minimal-need.is-virtual-keyboard-open .entity-need-composer-actions {
    position: static;
    padding-bottom: 0;
  }
  .entity-action-panel--minimal-need .entity-need-composer-submit,
  .entity-action-panel--minimal-need .entity-need-composer-cancel {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .entity-action-panel--minimal-need .entity-need-composer-heading {
    font-size: 1rem;
    line-height: 1.3;
  }
  .entity-action-panel--minimal-need .entity-need-composer-hint {
    font-size: 0.875rem;
  }
  .entity-action-panel--minimal-need .entity-need-composer-textarea--minimal {
    min-height: 116px;
    max-height: 38vh;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  .entity-action-panel--minimal-need .entity-need-composer-textarea--minimal {
    min-height: 88px;
    max-height: 32vh;
  }
  .entity-action-panel--minimal-need .entity-need-composer-actions {
    position: static;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
  }
}

@media (prefers-reduced-motion: reduce) {
  .entity-action-panel--minimal-need * {
    scroll-behavior: auto !important;
  }
}

/* NEED-2.1 — Official Need Workspace shell foundation. */
.need-workspace .need-workspace-shell {
  display: grid;
  gap: 18px;
  padding: 22px;
  border: 1px solid rgba(109, 40, 217, 0.16);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(250, 248, 255, 0.96), #fff 62%);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
}

.need-workspace-shell__topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  min-width: 0;
}

.need-workspace-shell__topline > div { min-width: 0; }

.need-workspace-shell__topline h2 {
  margin: 6px 0 0;
  font-size: clamp(1.2rem, 2.2vw, 1.65rem);
  line-height: 1.28;
  overflow-wrap: anywhere;
}

.need-workspace-shell__facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.need-workspace-shell__facts > div {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(15, 42, 67, 0.1);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.82);
}

.need-workspace-shell__facts span,
.need-workspace-shell__facts strong {
  display: block;
  overflow-wrap: anywhere;
}

.need-workspace-shell__facts span {
  margin-bottom: 4px;
  color: #64748b;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.need-workspace-shell__facts strong {
  color: #172033;
  font-size: 0.92rem;
}

.need-workspace-shell__principle {
  margin: 0;
  padding-top: 14px;
  border-top: 1px solid rgba(15, 42, 67, 0.1);
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .need-workspace-shell__facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .need-workspace .need-workspace-shell { padding: 16px; gap: 14px; border-radius: 14px; }
  .need-workspace-shell__topline { flex-direction: column; gap: 10px; }
  .need-workspace-shell__facts { grid-template-columns: minmax(0, 1fr); }
  .need-workspace-shell__facts > div { padding: 10px 12px; }
}

/* NEED-2.2 — Need Workspace tabs foundation. */
.need-workspace-tabs-host {
  min-width: 0;
  display: grid;
  gap: 14px;
}

.need-workspace-tabs-host .workspace-tabs--foundation {
  display: flex;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
  max-width: 100%;
  padding: 4px;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
  border: 1px solid rgba(15, 42, 67, 0.1);
  border-radius: 14px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
}

.need-workspace-tabs-host .workspace-tab {
  flex: 0 0 auto;
  min-height: 44px;
  min-width: max-content;
  padding: 9px 15px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #5b6474;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  scroll-snap-align: start;
  white-space: nowrap;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

.need-workspace-tabs-host .workspace-tab:hover {
  background: rgba(109, 40, 217, 0.07);
  color: #4c1d95;
}

.need-workspace-tabs-host .workspace-tab.is-active {
  background: #6d28d9;
  color: #fff;
  box-shadow: 0 5px 14px rgba(109, 40, 217, 0.2);
}

.need-workspace-tabs-host .workspace-tab:focus-visible {
  outline: 3px solid rgba(109, 40, 217, 0.3);
  outline-offset: 2px;
}

.need-workspace-tabs-host .workspace-tab-panels,
.need-workspace-tabs-host .workspace-tab-panel {
  min-width: 0;
  max-width: 100%;
}

.need-workspace-tabs-host .workspace-tab-panel[hidden] {
  display: none !important;
}

.need-workspace-tabs-host .workspace-tab-panel.is-active {
  display: grid;
  gap: 14px;
}

.need-workspace-tabs-host .workspace-tab-empty-state {
  display: grid;
  gap: 6px;
  min-height: 132px;
  place-content: center;
  padding: 24px;
  border: 1px dashed rgba(109, 40, 217, 0.26);
  border-radius: 16px;
  background: rgba(250, 248, 255, 0.72);
  color: #475569;
  text-align: center;
}

.need-workspace-tabs-host .workspace-tab-empty-state strong {
  color: #312e81;
  font-size: 1rem;
}

.need-workspace-tabs-host .workspace-tab-empty-state p {
  max-width: 44rem;
  margin: 0;
  line-height: 1.55;
}

@media (max-width: 560px) {
  .need-workspace-tabs-host { gap: 10px; }
  .need-workspace-tabs-host .workspace-tabs--foundation {
    margin-inline: -2px;
    border-radius: 12px;
  }
  .need-workspace-tabs-host .workspace-tab {
    min-height: 44px;
    padding-inline: 13px;
  }
  .need-workspace-tabs-host .workspace-tab-empty-state {
    min-height: 116px;
    padding: 18px 14px;
    border-radius: 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .need-workspace-tabs-host .workspace-tab { transition: none; }
}

/* NEED-2.3 — Overview consolidation. */
.need-workspace-overview {
  gap: 16px;
}

.need-workspace-overview__statement {
  margin: 0;
  padding: 18px 20px;
  border: 0;
  border-inline-start: 4px solid #6d28d9;
  border-radius: 0 14px 14px 0;
  background: linear-gradient(135deg, rgba(109, 40, 217, 0.075), rgba(255, 255, 255, 0.94));
  color: #172033;
}

.need-workspace-overview__statement p {
  margin: 0;
  font-size: clamp(1rem, 1.25vw, 1.12rem);
  font-weight: 650;
  line-height: 1.62;
  overflow-wrap: anywhere;
}

.need-workspace-overview__progress {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(120px, 0.8fr));
  gap: 10px;
}

.need-workspace-overview__progress > div {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(15, 42, 67, 0.09);
  border-radius: 12px;
  background: rgba(248, 250, 252, 0.9);
}

.need-workspace-overview__progress span {
  color: #6b7280;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}

.need-workspace-overview__progress strong {
  min-width: 0;
  color: #172033;
  font-size: 0.9rem;
  line-height: 1.42;
  overflow-wrap: anywhere;
}

@media (max-width: 820px) {
  .need-workspace-overview__progress {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .need-workspace-overview__progress > div:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  .need-workspace-overview__statement {
    padding: 15px 16px;
    border-radius: 0 12px 12px 0;
  }
  .need-workspace-overview__progress {
    grid-template-columns: minmax(0, 1fr);
  }
  .need-workspace-overview__progress > div:first-child {
    grid-column: auto;
  }
}

/* NEED-2.4 — Discussion Integration */
.need-workspace-discussion {
  display: grid;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  overflow: hidden;
}
.need-workspace-discussion__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.need-workspace-discussion__heading > div { min-width: 0; }
.need-workspace-discussion__heading h2 {
  margin: 4px 0 6px;
  font-size: clamp(1.05rem, 2vw, 1.3rem);
  line-height: 1.25;
}
.need-workspace-discussion__heading p {
  margin: 0;
  max-width: 64ch;
  color: var(--tsemou-muted, #64748b);
  line-height: 1.5;
}
.need-workspace-discussion .workspace-composer,
.need-workspace-discussion .workspace-feed-list {
  min-width: 0;
  width: 100%;
}
.need-workspace-discussion .workspace-composer textarea {
  width: 100%;
  min-width: 0;
  resize: vertical;
}
.need-workspace-discussion__timeline {
  display: grid;
  gap: 12px;
  overflow-wrap: anywhere;
}
.need-workspace-discussion__empty {
  margin: 0;
}
.need-workspace-discussion :is(button, textarea, input):focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 2px;
}
@media (max-width: 720px) {
  .need-workspace-discussion {
    padding: 14px;
    gap: 14px;
    border-radius: 14px;
  }
  .need-workspace-discussion .workspace-composer-tools,
  .need-workspace-discussion .workspace-composer-actions {
    flex-wrap: wrap;
    min-width: 0;
  }
  .need-workspace-discussion :is(button, [role="button"]) {
    min-height: 44px;
  }
  .need-workspace-discussion .workspace-composer textarea {
    font-size: 16px;
  }
  .need-workspace-discussion img,
  .need-workspace-discussion video {
    max-width: 100%;
    height: auto;
  }
}


/* NEED-2.5 — Activity & History */
.need-workspace-activity {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.need-workspace-activity__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.need-workspace-activity__heading > div { min-width: 0; }
.need-workspace-activity__heading h2 {
  margin: 4px 0 0;
  color: #0f172a;
  font-size: 20px;
  line-height: 1.25;
}
.need-workspace-activity__heading p {
  margin: 7px 0 0;
  color: #64748b;
  line-height: 1.55;
}
.need-workspace-activity__timeline {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.need-workspace-activity__event {
  position: relative;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 12px;
  min-width: 0;
  padding: 0 0 20px;
}
.need-workspace-activity__event:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 16px;
  bottom: 0;
  width: 2px;
  background: #e2e8f0;
}
.need-workspace-activity__marker {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #64748b;
  box-shadow: 0 0 0 1px #cbd5e1;
}
.need-workspace-activity__event--open .need-workspace-activity__marker { background: #16a34a; }
.need-workspace-activity__event--in_progress .need-workspace-activity__marker { background: #d97706; }
.need-workspace-activity__event--partially_addressed .need-workspace-activity__marker { background: #ea580c; }
.need-workspace-activity__event--resolved .need-workspace-activity__marker { background: #2563eb; }
.need-workspace-activity__event--closed .need-workspace-activity__marker { background: #475569; }
.need-workspace-activity__content {
  min-width: 0;
  padding: 0 0 2px;
}
.need-workspace-activity__event-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
}
.need-workspace-activity__event-heading strong {
  min-width: 0;
  color: #0f172a;
  font-size: 14px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.need-workspace-activity__event-heading time {
  flex: 0 0 auto;
  color: #64748b;
  font-size: 12px;
  white-space: nowrap;
}
.need-workspace-activity__content p {
  margin: 5px 0 0;
  color: #475569;
  font-size: 13px;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
@media (max-width: 640px) {
  .need-workspace-activity { gap: 14px; }
  .need-workspace-activity__heading { gap: 10px; }
  .need-workspace-activity__heading h2 { font-size: 18px; }
  .need-workspace-activity__event-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px;
  }
  .need-workspace-activity__event-heading time { white-space: normal; }
}


/* NEED-2.6 — Workspace Responsive Lock */
.need-workspace,
.need-workspace * {
  box-sizing: border-box;
}

.need-workspace,
.need-workspace .case-workspace-primary-surface,
.need-workspace-tabs-host,
.need-workspace-tabs-host .workspace-tab-panels,
.need-workspace-tabs-host .workspace-tab-panel,
.need-workspace-tabs-host .workspace-tab-panel > * {
  min-width: 0;
  max-width: 100%;
}

.need-workspace {
  width: 100%;
  overflow-x: clip;
}

.need-workspace :is(p, h1, h2, h3, h4, strong, span, a, li, blockquote) {
  overflow-wrap: anywhere;
  word-break: normal;
}

.need-workspace :is(img, video, iframe, svg, canvas) {
  max-width: 100%;
}

.need-workspace :is(img, video) {
  height: auto;
}

.need-workspace :is(input, select, textarea, button) {
  max-width: 100%;
}

.need-workspace table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.need-workspace .workspace-tabs--foundation {
  scroll-padding-inline: 8px;
  scrollbar-gutter: stable;
}

.need-workspace .workspace-tab-panel.is-active {
  align-content: start;
}

.need-workspace .case-workspace-card,
.need-workspace .workspace-tab-empty-state {
  width: 100%;
}

.need-workspace :is(.workspace-needs-heading, .workspace-need-lifecycle-actions, .workspace-composer-actions, .workspace-composer-tools) {
  min-width: 0;
}

.need-workspace :is(button, [role="button"], .workspace-tab) {
  min-height: 44px;
}

.need-workspace :is(button, [role="button"], a, input, select, textarea):focus-visible {
  outline: 3px solid rgba(109, 40, 217, 0.34);
  outline-offset: 2px;
}

@media (max-width: 1120px) {
  .need-workspace .case-workspace-primary-surface {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .need-workspace-tabs-host .workspace-tab-panel.is-active {
    gap: 12px;
  }
}

@media (max-width: 820px) {
  .need-workspace-tabs-host {
    gap: 10px;
  }

  .need-workspace-tabs-host .workspace-tabs--foundation {
    width: 100%;
    padding: 4px;
    scroll-padding-inline: 4px;
  }

  .need-workspace-tabs-host .workspace-tab {
    min-height: 44px;
    padding: 9px 13px;
  }

  .need-workspace .case-workspace-card,
  .need-workspace-discussion,
  .need-workspace-activity {
    border-radius: 14px;
  }

  .need-workspace :is(.workspace-needs-heading, .need-workspace-discussion__heading, .need-workspace-activity__heading) {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .need-workspace :is(.workspace-needs-heading, .need-workspace-discussion__heading, .need-workspace-activity__heading) > * {
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .need-workspace {
    overflow-x: hidden;
  }

  .need-workspace-tabs-host .workspace-tabs--foundation {
    gap: 2px;
    margin-inline: 0;
    border-radius: 12px;
    scrollbar-width: none;
  }

  .need-workspace-tabs-host .workspace-tabs--foundation::-webkit-scrollbar {
    display: none;
  }

  .need-workspace-tabs-host .workspace-tab {
    min-width: auto;
    padding-inline: 12px;
    font-size: 0.86rem;
  }

  .need-workspace-tabs-host .workspace-tab-panel.is-active {
    gap: 10px;
  }

  .need-workspace .case-workspace-card,
  .need-workspace-discussion,
  .need-workspace-activity {
    padding: 14px;
  }

  .need-workspace-overview__statement {
    padding: 14px 15px;
  }

  .need-workspace :is(.workspace-needs-heading, .need-workspace-discussion__heading, .need-workspace-activity__heading) {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .need-workspace :is(.workspace-composer-actions, .workspace-composer-tools, .workspace-need-lifecycle-actions) {
    width: 100%;
    flex-wrap: wrap;
  }

  .need-workspace :is(.workspace-composer-actions, .workspace-need-lifecycle-actions) > button {
    width: 100%;
  }

  .need-workspace textarea,
  .need-workspace input,
  .need-workspace select {
    font-size: 16px;
  }

  .need-workspace-activity__event {
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 9px;
  }

  .need-workspace-activity__event:not(:last-child)::before {
    left: 6px;
  }

  .need-workspace-activity__marker {
    width: 14px;
    height: 14px;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .need-workspace-tabs-host .workspace-tabs--foundation {
    position: static;
  }

  .need-workspace .case-workspace-card,
  .need-workspace-discussion,
  .need-workspace-activity {
    padding-block: 12px;
  }

  .need-workspace textarea {
    max-height: 34vh;
  }
}

@supports (padding: max(0px)) {
  @media (max-width: 560px) {
    .need-workspace-tabs-host {
      padding-inline: max(0px, env(safe-area-inset-left));
    }

    .need-workspace-tabs-host .workspace-tab-panels {
      padding-bottom: max(0px, env(safe-area-inset-bottom));
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .need-workspace *,
  .need-workspace *::before,
  .need-workspace *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* CONTRIBUTION-1.3 — concrete "Μπορώ να βοηθήσω" action */
.need-workspace .workspace-need-participation-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
.need-workspace .workspace-need-participation-actions>label{flex:1 1 260px;min-width:0}
.need-workspace .workspace-need-help-button,.need-workspace .workspace-need-secondary-action,.need-workspace .workspace-need-discussion-button{min-height:44px}
.need-workspace .workspace-need-secondary-action{border:1px solid #d5ddd9;border-radius:10px;background:#fff;color:#52635d;padding:10px 14px;font:inherit;font-weight:700;cursor:pointer}
.need-workspace .workspace-need-secondary-action:hover,.need-workspace .workspace-need-secondary-action:focus-visible{border-color:#0f7a68;color:#0f6c5c;outline:3px solid rgba(15,122,104,.16);outline-offset:2px}
.need-workspace .workspace-need-participation-feedback{flex-basis:100%;margin:0}
@media(max-width:640px){.need-workspace .workspace-need-participation-actions>*{width:100%}.need-workspace .workspace-need-participation-actions>label{flex-basis:100%}}


/* CONTRIBUTION-1.4 — controlled contribution types */
.need-workspace .workspace-contribution-type-field{display:grid;gap:6px;font-weight:700;color:#263b34}
.need-workspace .workspace-contribution-type-field select{width:100%;min-height:44px;border:1px solid #cbd7d2;border-radius:10px;background:#fff;padding:9px 36px 9px 11px;font:inherit;color:#20352e}
.need-workspace .workspace-contribution-type-field select:focus-visible{outline:3px solid rgba(15,122,104,.16);outline-offset:2px;border-color:#0f7a68}


/* CONTRIBUTION-1.5 — lifecycle controls */
.workspace-contribution-lifecycle-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.workspace-contribution-lifecycle-actions button{min-height:36px;padding:7px 12px;border:1px solid rgba(15,23,42,.16);border-radius:10px;background:#fff;font:inherit;font-weight:700;cursor:pointer}
.workspace-contribution-lifecycle-actions button:hover{background:#f8fafc}
.workspace-contribution-lifecycle-actions button:focus-visible{outline:3px solid rgba(59,130,246,.28);outline-offset:2px}
.workspace-contribution-lifecycle-actions button:disabled{opacity:.6;cursor:wait}
@media (max-width:640px){.workspace-contribution-lifecycle-actions button{min-height:44px;flex:1 1 auto}}

/* CONTRIBUTION-1.6 — canonical Contribution list in Need Workspace */
.need-workspace .workspace-contribution-list{display:grid;gap:16px}
.need-workspace .workspace-contribution-list__heading{align-items:flex-start}
.need-workspace .workspace-contribution-cards{display:grid;gap:12px;min-width:0}
.need-workspace .workspace-contribution-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:14px;border:1px solid #dbe5e1;border-radius:14px;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04);min-width:0}
.need-workspace .workspace-contribution-card__identity{display:flex;align-items:center;gap:10px;min-width:0}
.need-workspace .workspace-contribution-card__identity>div{display:grid;gap:2px;min-width:0}
.need-workspace .workspace-contribution-card__identity strong,.need-workspace .workspace-contribution-card__identity small{overflow-wrap:anywhere}
.need-workspace .workspace-contribution-card__identity small{color:#64748b;text-transform:capitalize}
.need-workspace .workspace-contribution-card__summary{display:flex;align-items:flex-start;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.need-workspace .workspace-contribution-type-badge,.need-workspace .workspace-contribution-status-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:normal;text-align:center}
.need-workspace .workspace-contribution-type-badge{background:#eff6ff;color:#1d4ed8}
.need-workspace .workspace-contribution-status-badge{background:#f1f5f9;color:#475569}
.need-workspace .workspace-contribution-delivery-state{grid-column:1/-1;padding:9px 11px;border-radius:9px;background:#f8fafc;color:#475569;font-size:12px;line-height:1.55}
.need-workspace .workspace-contribution-delivery-actions button{background:#166534;color:#fff;border-color:#166534}
.need-workspace .workspace-need-outcome{display:flex;flex-direction:column;gap:3px;margin:12px 0;padding:12px 14px;border:1px solid #86efac;border-radius:10px;background:#f0fdf4;color:#166534}
.need-workspace .workspace-need-outcome span{font-size:13px;line-height:1.45}
.need-workspace [data-offer-message]{width:100%;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;padding:8px;font:inherit}
.need-workspace .workspace-contribution-delivery-dispute{grid-column:1/-1;display:flex;flex-direction:column;gap:7px;padding:10px 12px;border:1px solid #f59e0b;border-radius:9px;background:#fffbeb;color:#92400e;font-size:13px}
.need-workspace .workspace-contribution-dispute-button{min-height:36px;border:0;background:transparent;color:#b45309;text-decoration:underline;font-weight:700;cursor:pointer}
@media(max-width:700px){.need-workspace .workspace-contribution-delivery-actions,.need-workspace .workspace-contribution-delivery-dispute .workspace-contribution-lifecycle-actions{display:grid;grid-template-columns:1fr}.need-workspace .workspace-contribution-delivery-actions button,.need-workspace .workspace-contribution-delivery-dispute button{width:100%;min-height:44px}}
.need-workspace .workspace-contribution-offer-message{grid-column:1/-1;padding:10px 12px;border-left:3px solid #64748b;background:#f8fafc;border-radius:7px}.need-workspace .workspace-contribution-offer-message p{margin:4px 0 0;white-space:pre-wrap}
.need-workspace .workspace-private-coordination{grid-column:1/-1;display:grid;gap:10px;margin-top:6px;padding:12px;border:1px solid #c7d2fe;border-radius:11px;background:#f8faff}.need-workspace .workspace-private-coordination__heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.need-workspace .workspace-private-coordination__heading span{color:#64748b;font-size:12px}.need-workspace .workspace-private-messages{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;padding:4px}.need-workspace .workspace-private-message{align-self:flex-start;max-width:86%;padding:8px 10px;border-radius:10px 10px 10px 3px;background:#fff;border:1px solid #e2e8f0}.need-workspace .workspace-private-message.is-own{align-self:flex-end;border-radius:10px 10px 3px 10px;background:#e0e7ff}.need-workspace .workspace-private-message p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere}.need-workspace .workspace-private-message time{font-size:11px;color:#64748b}.need-workspace .workspace-private-message-compose{display:grid;gap:5px}.need-workspace .workspace-private-message-compose textarea{width:100%;resize:vertical;border:1px solid #a5b4fc;border-radius:8px;padding:9px;font:inherit}.need-workspace .workspace-private-coordination__warning{margin:0;color:#92400e;font-size:12px;line-height:1.45}.need-workspace [data-private-message-send]{justify-self:start;min-height:40px;padding:8px 16px;border:0;border-radius:999px;background:#3730a3;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:700px){.need-workspace .workspace-private-coordination__heading{align-items:flex-start;flex-direction:column}.need-workspace .workspace-private-message{max-width:94%}.need-workspace [data-private-message-send]{width:100%;min-height:44px}}
.need-workspace .workspace-contribution-status-badge--accepted{background:#ecfdf5;color:#047857}
.need-workspace .workspace-contribution-status-badge--in_progress{background:#fff7ed;color:#c2410c}
.need-workspace .workspace-contribution-status-badge--completed{background:#ecfdf5;color:#166534}
.need-workspace .workspace-contribution-status-badge--withdrawn,.need-workspace .workspace-contribution-status-badge--declined{background:#fef2f2;color:#b91c1c}
.need-workspace .workspace-contribution-card__meta{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;padding-top:10px;border-top:1px solid #edf2f0}
.need-workspace .workspace-contribution-card__meta>div{display:flex;gap:6px;min-width:0}
.need-workspace .workspace-contribution-card__meta dt{font-size:12px;font-weight:800;color:#64748b}
.need-workspace .workspace-contribution-card__meta dd{margin:0;font-size:12px;color:#334155;overflow-wrap:anywhere}
.need-workspace .workspace-contribution-card .workspace-contribution-lifecycle-actions{grid-column:1/-1;margin-top:0}
.need-workspace .workspace-need-participation-actions{display:grid;gap:10px;padding-top:14px;border-top:1px solid #e5ece9}
@media (max-width:640px){
  .need-workspace .workspace-contribution-card{grid-template-columns:1fr;padding:12px}
  .need-workspace .workspace-contribution-card__summary{justify-content:flex-start}
  .need-workspace .workspace-contribution-card__meta{grid-column:1;display:grid;gap:6px}
  .need-workspace .workspace-contribution-card__meta>div{justify-content:space-between;gap:12px}
  .need-workspace .workspace-contribution-card .workspace-contribution-lifecycle-actions{grid-column:1}
}


/* 5.71.1359 — retired RIGHT-NEEDS 1.2/1.4 CSS.
 * Its #tsemouRightLatestNeeds host no longer exists in production markup.
 */

/* NEED-STORY-1.2 — Create Story from Need */
.need-workspace-overview__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--workspace-border, rgba(15, 23, 42, 0.12));
}
.need-workspace-overview__actions p {
  flex: 1 1 240px;
  min-width: 0;
  margin: 0;
  color: var(--workspace-muted, #64748b);
  font-size: 0.9rem;
  line-height: 1.45;
}
.need-workspace-overview__actions .workspace-action-button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 16px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
}
.tsemou-need-story-origin {
  margin-bottom: 18px;
}
@media (max-width: 640px) {
  .need-workspace-overview__actions,
  .need-workspace-overview__actions .workspace-action-button {
    width: 100%;
  }
}

/* NEED-STORY-1.3 — Existing Canonical Story linking */
.need-linked-stories{margin-top:16px;padding-top:16px;border-top:1px solid rgba(15,23,42,.1)}
.need-linked-stories__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.need-linked-stories__heading h3{margin:2px 0 0}.need-linked-stories__list{display:grid;gap:8px}.need-linked-story-card{display:flex;flex-direction:column;gap:3px;padding:11px 12px;border:1px solid rgba(15,23,42,.12);border-radius:10px;text-decoration:none;color:inherit;background:#fff}.need-linked-story-card:hover{border-color:rgba(37,99,235,.4)}.need-linked-story-card>span{font-size:10px;font-weight:800;letter-spacing:.08em}.need-linked-story-card>small{opacity:.65}
.need-story-linker{position:fixed;inset:0;z-index:100050;display:grid;place-items:center;padding:16px}.need-story-linker__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.need-story-linker__panel{position:relative;width:min(620px,100%);max-height:min(720px,calc(100vh - 32px));overflow:auto;background:#fff;border-radius:16px;padding:20px;box-shadow:0 24px 80px rgba(15,23,42,.3)}.need-story-linker__close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:transparent;font-size:28px}.need-story-linker label{display:grid;gap:6px;margin-top:14px}.need-story-linker input{min-height:46px;width:100%;font-size:16px;padding:10px 12px;border:1px solid rgba(15,23,42,.2);border-radius:10px}.need-story-linker__status{min-height:24px;padding:8px 0}.need-story-linker__results{display:grid;gap:8px}.need-story-search-result{display:grid;text-align:left;gap:4px;width:100%;padding:12px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;cursor:pointer}.need-story-search-result:hover,.need-story-search-result:focus-visible{border-color:#2563eb;outline:none}.need-story-search-result span{font-size:10px;font-weight:800;letter-spacing:.08em}.need-story-search-result small{opacity:.7}.need-story-linker-open{overflow:hidden}
@media(max-width:640px){.need-linked-stories__heading{align-items:stretch;flex-direction:column}.need-linked-stories__heading .workspace-action-button{width:100%;min-height:44px}.need-story-linker{padding:8px}.need-story-linker__panel{max-height:calc(100vh - 16px);border-radius:12px;padding:18px 14px}}

/* NEED-STORY-1.4 — shared bidirectional canonical relation renderer */
.workspace-canonical-relations {
  padding: 16px;
  border: 1px solid rgba(15, 42, 67, .12);
  border-radius: 14px;
  background: #fff;
  min-width: 0;
}
.workspace-canonical-relations__heading,
.workspace-canonical-relations__tools,
.workspace-canonical-relation-card {
  display: flex;
  align-items: center;
}
.workspace-canonical-relations__heading {
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}
.workspace-canonical-relations__heading h3 { margin: 3px 0 0; font-size: 17px; }
.workspace-canonical-relations__tools { gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.workspace-canonical-relations__list { display: grid; gap: 10px; min-width: 0; }
.workspace-canonical-relation-card {
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(15, 42, 67, .13);
  border-radius: 12px;
  background: #fff;
}
.workspace-canonical-relation-card__copy { min-width: 0; }
.workspace-canonical-relation-card h4 { margin: 3px 0 4px; font-size: 15px; overflow-wrap: anywhere; }
.workspace-canonical-relation-card p { margin: 0 0 5px; color: #475569; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.workspace-canonical-relation-card small { color: #64748b; overflow-wrap: anywhere; }
.workspace-canonical-relation-card .workspace-related-open:focus-visible,
.workspace-canonical-relations button:focus-visible {
  outline: 3px solid rgba(37, 99, 235, .28);
  outline-offset: 2px;
}
@media (max-width: 720px) {
  .workspace-canonical-relations { padding: 13px; }
  .workspace-canonical-relations__heading,
  .workspace-canonical-relation-card { align-items: stretch; flex-direction: column; }
  .workspace-canonical-relations__tools { justify-content: flex-start; }
  .workspace-canonical-relation-card .workspace-related-open { align-self: stretch; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; }
}

/* MATCH-1.3 — Suggestions, never automatic assignment. */
.workspace-match-policy {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid rgba(14, 116, 144, .18);
  border-radius: 12px;
  background: rgba(236, 254, 255, .72);
  color: #155e75;
  font-size: 12px;
  line-height: 1.5;
}
.workspace-match-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.workspace-match-actions > * { min-height: 44px; }
@media (max-width: 720px) {
  .workspace-match-actions > * { width: 100%; }
}


/* MATCH-1.4 — Community Matching */
.workspace-need-section--communities{grid-column:1/-1}
.workspace-need-community-match-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.workspace-need-community-match{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border:1px solid rgba(148,163,184,.28);border-radius:12px;background:rgba(255,255,255,.7);min-width:0}
.workspace-need-community-match>div{min-width:0;display:grid;gap:4px}
.workspace-need-community-match strong,.workspace-need-community-match p,.workspace-need-community-match small{overflow-wrap:anywhere}
.workspace-need-community-match p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}
.workspace-need-community-match small{color:#6d43e8;font-weight:650;line-height:1.35}
.workspace-need-community-match a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid rgba(109,67,232,.3);border-radius:10px;text-decoration:none;font-weight:750}
.workspace-need-community-match a:focus-visible{outline:3px solid rgba(109,67,232,.35);outline-offset:2px}
.workspace-need-community-policy{margin:10px 0 0;color:var(--muted);font-size:.76rem;line-height:1.4}
@media(max-width:680px){.workspace-need-community-match{display:grid}.workspace-need-community-match a{width:100%}}

/* NEED-SAFETY-1.4 — verification without exclusion */
.need-verification-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.need-verification-badge{display:inline-flex;align-items:center;min-height:32px;padding:6px 10px;border:1px solid #d7dde5;border-radius:999px;font-weight:700;font-size:12px}.need-verification-badge--community_verified,.need-verification-badge--organization_verified,.need-verification-badge--officially_verified{border-color:#a8d5b5}.need-verification-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.need-verification-meta div{padding:10px;border:1px solid #e5e7eb;border-radius:10px}.need-verification-meta dt{font-size:12px;color:#667085}.need-verification-meta dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}.need-verification-card [data-need-verification-actions]{display:flex;gap:8px;flex-wrap:wrap}.need-verification-card select,.need-verification-card input{min-height:44px;max-width:100%}@media(max-width:700px){.need-verification-card__heading{display:grid}.need-verification-meta{grid-template-columns:1fr}.need-verification-card [data-need-verification-actions]{display:grid}.need-verification-card select,.need-verification-card input,.need-verification-card button{width:100%;font-size:16px}}


/* NEED-LOCK-1.2 — Need Workspace UX consolidation */
.need-workspace {
  --need-ux-radius: 14px;
  --need-ux-gap: 16px;
  --need-ux-border: rgba(15, 42, 67, .13);
  --need-ux-focus: rgba(15, 122, 104, .28);
}
.need-workspace .case-workspace-card,
.need-workspace .workspace-canonical-relations,
.need-workspace .workspace-tab-empty-state {
  border-radius: var(--need-ux-radius);
}
.need-workspace .workspace-tab-panel.is-active {
  display: grid;
  gap: var(--need-ux-gap);
  min-width: 0;
}
.need-workspace .need-ux-action {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 0;
  min-height: 44px;
  padding: 10px 15px;
  border: 1px solid transparent;
  border-radius: 10px;
  font: inherit;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}
.need-workspace .need-ux-action::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: currentColor;
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 0 32%, transparent 34%) center/100% 100% no-repeat;
  mask: radial-gradient(circle at 50% 50%, #000 0 32%, transparent 34%) center/100% 100% no-repeat;
  opacity: .78;
}
.need-workspace .need-ux-action[data-need-ux-icon="link"]::before { -webkit-mask: linear-gradient(#000 0 0) center/14px 4px no-repeat; mask: linear-gradient(#000 0 0) center/14px 4px no-repeat; }
.need-workspace .need-ux-action[data-need-ux-icon="report"]::before { -webkit-mask: linear-gradient(#000 0 0) center/4px 16px no-repeat; mask: linear-gradient(#000 0 0) center/4px 16px no-repeat; }
.need-workspace .need-ux-action--primary { background: #0f7a68; color: #fff; border-color: #0f7a68; }
.need-workspace .need-ux-action--secondary { background: #fff; color: #31534a; border-color: #cbd8d3; }
.need-workspace .need-ux-action--danger { background: #fff; color: #a63a3a; border-color: #e5bcbc; }
.need-workspace .need-ux-action:hover:not(:disabled) { transform: translateY(-1px); }
.need-workspace .need-ux-action:focus-visible,
.need-workspace :is(button, a, input, select, textarea):focus-visible {
  outline: 3px solid var(--need-ux-focus);
  outline-offset: 2px;
}
.need-workspace .need-ux-action:disabled,
.need-workspace .need-ux-action[aria-disabled="true"] { opacity: .58; cursor: not-allowed; transform: none; }
.need-workspace .need-ux-action.is-loading::after {
  content: "";
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: needUxSpin .7s linear infinite;
}
@keyframes needUxSpin { to { transform: rotate(360deg); } }
.need-workspace .need-ux-empty-state {
  display: grid;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px dashed #cbd8d3;
  border-radius: 12px;
  background: #f8fbfa;
  color: #52635d;
}
.need-workspace .need-ux-empty-state strong { color: #263b34; overflow-wrap: anywhere; }
.need-workspace .need-ux-live-region { min-height: 1.25em; overflow-wrap: anywhere; }
.need-workspace :is(.workspace-needs-heading, .need-workspace-shell__topline, .need-verification-card__heading, .need-moderation-card__heading) h2,
.need-workspace :is(.workspace-needs-heading, .workspace-canonical-relations__heading) h3 { line-height: 1.25; }
.need-workspace :is(.workspace-canonical-relations__tools, .need-workspace-overview__actions, .workspace-need-participation-actions, [data-need-verification-actions], [data-need-moderation-actions]) {
  min-width: 0;
}
@media (max-width: 860px) {
  .need-workspace :is(.workspace-canonical-relations__tools, .need-workspace-overview__actions) { align-items: stretch; }
}
@media (max-width: 700px) {
  .need-workspace { --need-ux-gap: 12px; }
  .need-workspace .case-workspace-card,
  .need-workspace .workspace-canonical-relations { padding: 14px; }
  .need-workspace :is(.need-ux-action, .workspace-related-open, .workspace-need-secondary-action, .workspace-need-discussion-button) { width: 100%; min-height: 44px; }
  .need-workspace :is(.workspace-canonical-relations__tools, .need-workspace-overview__actions, .workspace-need-participation-actions, [data-need-verification-actions], [data-need-moderation-actions]) { display: grid; width: 100%; }
  .need-workspace :is(input, select, textarea) { width: 100%; max-width: 100%; font-size: 16px; }
}
@media (max-width: 700px) and (orientation: landscape) {
  .need-workspace .workspace-tab-panel.is-active { gap: 10px; }
  .need-workspace .case-workspace-card,
  .need-workspace .workspace-canonical-relations { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .need-workspace .need-ux-action { transition: none; }
  .need-workspace .need-ux-action.is-loading::after { animation-duration: 1.4s; }
}

/* COMMUNITY-ENTRY-1.1 — Category → existing Community creation workflow. */
.tsemou-action-shell--community-create .tsemou-action-shell__main{display:grid;align-content:start}
.tsemou-community-create-entry{width:min(720px,100%);margin:10px auto 0;padding:40px 36px;border:1px solid #d7e3de;border-radius:22px;background:#fff;box-shadow:0 14px 40px rgba(28,54,84,.08);text-align:center}
.tsemou-community-create-entry__icon{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 16px;border-radius:22px;background:#e8f4ef;color:#2f684f;font-size:34px}
.tsemou-community-create-entry__kicker{margin:0 0 8px;color:#356150;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.tsemou-community-create-entry h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.12;color:#12203c}
.tsemou-community-create-entry>p:not(.tsemou-community-create-entry__kicker){max-width:620px;margin:18px auto 26px;color:#60706c;font-size:16px;line-height:1.65}
.tsemou-community-create-entry__button{min-height:48px;padding:12px 24px;border:1px solid #0c756c;border-radius:999px;background:#0c756c;color:#fff;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(12,117,108,.18)}
.tsemou-community-create-entry__button:hover{transform:translateY(-1px)}
.tsemou-community-create-entry__button:focus-visible,.tsemou-community-create-entry__secondary:focus-visible{outline:3px solid rgba(31,111,235,.28);outline-offset:3px}
.tsemou-community-create-entry__secondary{display:block;width:max-content;margin:16px auto 0;color:#356150;font-weight:750;text-decoration:none}
@media(max-width:640px){.tsemou-community-create-entry{padding:30px 20px;border-radius:18px}.tsemou-community-create-entry__button{width:100%}}

/* COMMUNITY-ENTRY-1.2 — Category Community Discovery */
.tsemou-community-category-discovery{display:grid;gap:24px}
.tsemou-community-category-discovery__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.tsemou-community-category-discovery__head p,.tsemou-community-category-create p{margin:0 0 7px;color:#356150;font-size:11px;font-weight:900;letter-spacing:.14em}
.tsemou-community-category-discovery__head h1{margin:0 0 8px;color:#12203c;font-size:clamp(27px,4vw,38px);line-height:1.15}
.tsemou-community-category-discovery__head span,.tsemou-community-category-create span{color:#64748b;line-height:1.55}
.tsemou-community-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tsemou-community-category-card{min-width:0;padding:22px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:1px solid #dbe5e1;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(28,54,84,.05)}
.tsemou-community-category-card__body{min-width:0}
.tsemou-community-category-card__eyebrow{display:block;margin-bottom:8px;color:#0c756c;font-size:10px;font-weight:900;letter-spacing:.13em}
.tsemou-community-category-card h2{margin:0 0 9px;color:#12203c;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.tsemou-community-category-card p{margin:0 0 14px;color:#64748b;line-height:1.55;overflow-wrap:anywhere}
.tsemou-community-category-card__meta{color:#52635e;font-size:13px;font-weight:750}
.tsemou-community-category-card__link{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:1px solid #b9d7cd;border-radius:12px;background:#f3faf7;color:#245f4b;font-weight:800;text-decoration:none}
.tsemou-community-category-card__link:hover{background:#e7f5ef;border-color:#7eb7a3}
.tsemou-community-category-card__link:focus-visible,.tsemou-community-category-create .tsemou-community-create-entry__button:focus-visible{outline:3px solid rgba(31,111,235,.28);outline-offset:3px}
.tsemou-community-category-empty{grid-column:1/-1;padding:30px;border:1px dashed #b8ccc4;border-radius:18px;background:#f7fbf9;text-align:center}
.tsemou-community-category-empty h2{margin:0 0 9px;color:#12203c;font-size:21px}
.tsemou-community-category-empty p{max-width:650px;margin:0 auto;color:#64748b;line-height:1.6}
.tsemou-community-category-create{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d7e3de;border-radius:18px;background:#eef7f3}
.tsemou-community-category-create h2{margin:0 0 7px;color:#12203c;font-size:21px}
.tsemou-community-category-create .tsemou-community-create-entry__button{flex:0 0 auto}
@media(max-width:760px){.tsemou-community-category-grid{grid-template-columns:1fr}.tsemou-community-category-create{align-items:stretch;flex-direction:column}.tsemou-community-category-create .tsemou-community-create-entry__button{width:100%}}
@media(max-width:520px){.tsemou-community-category-card,.tsemou-community-category-empty,.tsemou-community-category-create{padding:18px;border-radius:15px}.tsemou-community-category-discovery{gap:18px}}

/* HFP-1 — Homepage Feed Deconstruction (Card Presence Reduction)
 * CSS-only. Scope: Homepage center feed cards; Entity Workspaces and sidebars excluded.
 */
body:not(.entity-workspace-lock) .center-column .story-feed {
  gap: 8px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card,
body:not(.entity-workspace-lock) .center-column .story-card {
  border: 1px solid rgba(132, 146, 159, 0.16) !important;
  border-left: 1px solid rgba(132, 146, 159, 0.16) !important;
  border-radius: 9px;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(22, 34, 49, 0.025) !important;
}

body:not(.entity-workspace-lock) .center-column .living-case-card:hover,
body:not(.entity-workspace-lock) .center-column .story-card:hover {
  border-color: rgba(132, 146, 159, 0.22) !important;
  border-left-color: rgba(132, 146, 159, 0.22) !important;
  box-shadow: 0 2px 5px rgba(22, 34, 49, 0.04) !important;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .story-feed {
    gap: 7px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card,
  body:not(.entity-workspace-lock) .center-column .story-card {
    border-radius: 8px;
    padding: 9px;
  }
}

/* HFP-2 — Homepage Vertical Density
 * CSS-only. Scope: Homepage center feed cards and their internal vertical rhythm.
 * No typography, media geometry, runtime, actions, voting or workspace behavior changes.
 */
body:not(.entity-workspace-lock) .center-column .story-feed {
  gap: 5px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card,
body:not(.entity-workspace-lock) .center-column .story-card {
  gap: 5px;
  padding-top: 8px;
  padding-bottom: 7px;
}

body:not(.entity-workspace-lock) .center-column .living-case-topline {
  gap: 7px;
}

body:not(.entity-workspace-lock) .center-column .homepage-story-source {
  padding-top: 0;
  padding-bottom: 3px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .card-media {
  margin-top: 0;
  margin-bottom: 0;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-meta {
  margin-top: 0;
  row-gap: 4px;
  padding-bottom: 0;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: 2px;
  padding-top: 5px;
  gap: 6px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
  margin-top: 0 !important;
  gap: 6px;
  align-items: center;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill {
  width: 68px;
  min-width: 68px;
  height: 30px;
  min-height: 30px;
  border-radius: 15px;
  flex-basis: 68px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill .vote-btn {
  width: 22px;
  min-width: 22px;
  height: 28px;
  min-height: 28px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-total-score {
  min-width: 22px;
  height: 28px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .case-action {
  min-height: 30px;
  padding-top: 0.22rem;
  padding-bottom: 0.22rem;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .story-feed {
    gap: 5px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card,
  body:not(.entity-workspace-lock) .center-column .story-card {
    gap: 5px;
    padding-top: 8px;
    padding-bottom: 7px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-topline {
    gap: 3px;
  }

  body:not(.entity-workspace-lock) .center-column .homepage-story-source {
    padding-bottom: 2px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
    gap: 4px;
    margin-top: 1px;
    padding-top: 4px;
  }
}

/* HFP-3 — Homepage Metadata Consolidation
 * CSS-only. Scope: Homepage center Story cards.
 * Visually groups Story type, source and update time into one compact metadata row,
 * then gives the title a dedicated full-width row before media.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
  grid-template-columns: auto minmax(0, 1fr) auto;
  column-gap: 7px;
  row-gap: 3px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card > * {
  grid-column: 1 / -1;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline {
  display: contents;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline .case-pill {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  padding-top: 0.12rem;
  padding-bottom: 0.12rem;
  opacity: 0.86;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  min-width: 0;
  padding: 0;
  line-height: 1.2;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  color: #7d8796;
  line-height: 1.2;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .card-media,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-meta,
body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-knowledge-context,
body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-live-entity-summaries,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  grid-column: 1 / -1;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 6px;
    row-gap: 3px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    margin-top: -1px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
    grid-row: 3;
  }
}

/* HFP-4 — Homepage Action Bar Hierarchy + Metadata Cleanup
 * Scope: Homepage center feed only. Keeps interaction logic and media geometry unchanged.
 * The source label was removed in the homepage template; only the canonical source/domain remains.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: 0;
  padding-top: 3px;
  min-height: 0;
  gap: 4px;
  border-top-color: rgba(132, 146, 159, 0.16);
}

body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only .living-case-footer {
  margin-top: 5px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer-action {
  line-height: 1;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
  gap: 5px;
  min-height: 28px;
  line-height: 1;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill {
  width: 66px;
  min-width: 66px;
  height: 28px;
  min-height: 28px;
  flex-basis: 66px;
  border-radius: 14px;
  background: rgba(244, 246, 250, 0.72);
  border-color: rgba(174, 184, 198, 0.55);
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill .vote-btn {
  width: 22px;
  min-width: 22px;
  height: 28px;
  min-height: 28px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-total-score {
  min-width: 20px;
  height: 28px;
  padding-bottom: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action {
  min-height: 26px;
  padding: 0.12rem 0.58rem;
  border-radius: 7px;
  border-color: rgba(173, 190, 181, 0.58);
  background: rgba(247, 249, 245, 0.62);
  color: #327365;
  font-weight: 650;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover {
  background: rgba(236, 245, 241, 0.78);
  border-color: rgba(156, 186, 176, 0.72);
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
    margin-top: 0;
    padding-top: 3px;
    gap: 4px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
    min-height: 30px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action {
    min-height: 28px;
    padding-left: 0.62rem;
    padding-right: 0.62rem;
  }
}


/* HFP-5 — Homepage Information Hierarchy
 * CSS-only. Scope: Homepage center Story cards.
 * Turns type, source and update time into one quiet metadata sentence while
 * making the Story title the first dominant reading target.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
  grid-template-columns: auto minmax(0, auto) minmax(0, 1fr);
  column-gap: 5px;
  row-gap: 2px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline .case-pill {
  grid-column: 1;
  grid-row: 1;
  opacity: 0.72;
  border-color: rgba(177, 191, 181, 0.55);
  background: rgba(245, 249, 246, 0.72);
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #697587;
  font-weight: 600;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source::before,
body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated::before {
  content: "•";
  display: inline-block;
  margin-right: 5px;
  color: #a0a9b4;
  font-weight: 400;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source a,
body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  display: flex;
  align-items: center;
  min-width: 0;
  color: #8a94a2;
  font-weight: 400;
  white-space: nowrap;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  grid-column: 1 / -1;
  grid-row: 2;
  color: #172033;
  margin-top: 1px;
  margin-bottom: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .card-media {
  margin-top: 0;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: 4px;
    row-gap: 2px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
    grid-column: 2;
    grid-row: 1;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    margin-top: 0;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
    grid-row: 2;
  }
}

@media (max-width: 460px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* HFP-6 — Homepage Feed Rhythm Final + Story Symbol Lock
 * Scope: Homepage center Story cards only.
 * Locks Story representation to the compact symbol “S”, aligns all metadata
 * to one left-reading sentence, and reduces the visual weight of feed actions
 * without changing their interaction targets or behavior.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
  grid-template-columns: auto auto auto minmax(0, 1fr);
  column-gap: 4px;
  row-gap: 2px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline .case-pill.type-pill-story {
  grid-column: 1;
  grid-row: 1;
  min-width: 22px;
  min-height: 20px;
  padding: 0.05rem 0.38rem;
  justify-content: center;
  border-radius: 6px;
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 750;
  letter-spacing: 0.01em;
  opacity: 0.66;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
  grid-column: 3;
  grid-row: 1;
  justify-self: start;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 0;
  margin-bottom: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: -1px;
  padding-top: 2px;
  border-top-color: rgba(132, 146, 159, 0.12);
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
  gap: 4px;
  min-height: 28px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill {
  width: 62px;
  min-width: 62px;
  flex-basis: 62px;
  height: 28px;
  min-height: 28px;
  border-color: rgba(174, 184, 198, 0.42);
  background: rgba(248, 249, 251, 0.48);
  box-shadow: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action {
  min-height: 28px;
  padding: 0.1rem 0.38rem;
  border-color: transparent;
  background: transparent;
  border-radius: 5px;
  color: #4f6f68;
  font-weight: 620;
  box-shadow: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  border-color: rgba(156, 186, 176, 0.35);
  background: rgba(236, 245, 241, 0.42);
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
    grid-template-columns: auto auto minmax(0, 1fr);
    column-gap: 4px;
    row-gap: 2px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
    grid-column: 2;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    grid-column: 3;
    justify-self: start;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
    grid-row: 2;
  }
}

@media (max-width: 460px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
    grid-template-columns: auto minmax(0, auto) minmax(0, 1fr);
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    white-space: nowrap;
  }
}

/* HFP-7 — Homepage Metadata Minimalism
 * Scope: Homepage center Story cards only.
 * Shows only the canonical Story prefix and human relative time: “S/ • πριν 1 ώρα”.
 * Source/domain remains available in the entity data but is intentionally omitted here.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
  grid-template-columns: auto auto minmax(0, 1fr);
  column-gap: 5px;
  row-gap: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline .case-pill.type-pill-story {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 18px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #3f6f63;
  font-size: 0.76rem;
  font-weight: 800;
  opacity: 0.9;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
  display: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
  grid-column: 2;
  grid-row: 1;
  justify-self: start;
  display: block;
  max-width: none;
  overflow: visible;
  color: #7d8794;
  font-size: 0.78rem;
  font-weight: 450;
  line-height: 1.15;
  white-space: nowrap;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated::before {
  content: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 2px;
  margin-bottom: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: -2px;
  padding-top: 1px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
  min-height: 26px;
  gap: 3px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill {
  width: 60px;
  min-width: 60px;
  flex-basis: 60px;
  height: 26px;
  min-height: 26px;
  border-radius: 13px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill .vote-btn,
body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-total-score {
  height: 26px;
  min-height: 26px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action {
  min-height: 26px;
  padding: 0.08rem 0.34rem;
  border: 0;
  background: transparent;
  color: #58736d;
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: none;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
  body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only {
    grid-template-columns: auto auto minmax(0, 1fr);
    column-gap: 4px;
    row-gap: 1px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
    grid-column: 2;
    grid-row: 1;
    max-width: calc(100vw - 120px);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
    min-height: 28px;
  }
}

/* HFP-8 — Final Feed Micro-Polish
 * Scope: Homepage center Story cards only.
 * Final lock: “S/ πριν 1 ώρα”, quiet namespace, pure text Discussion,
 * and a tighter media-to-action transition without changing behavior.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline .case-pill.type-pill-story {
  min-height: 16px;
  color: #66837b;
  font-size: 0.65rem;
  font-weight: 700;
  opacity: 0.82;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .case-updated {
  color: #818b96;
  font-size: 0.76rem;
  font-weight: 430;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  margin-top: 0;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: -5px;
  padding-top: 0;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
  min-height: 24px;
  gap: 2px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill {
  width: 58px;
  min-width: 58px;
  flex-basis: 58px;
  height: 24px;
  min-height: 24px;
  border-radius: 12px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-score-pill .vote-btn,
body:not(.entity-workspace-lock) .center-column .living-case-footer .tsemit-total-score {
  height: 24px;
  min-height: 24px;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  min-height: 24px;
  padding: 0 0.28rem;
  border: 0;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #607870;
  font-size: 0.75rem;
  font-weight: 520;
  text-decoration: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  color: #245f52;
  text-decoration: underline;
  text-underline-offset: 2px;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
    margin-top: -4px;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-footer .entry-actions {
    min-height: 26px;
  }
}



/* HFP-9 Final Polish */
.homepage-story-badge,.story-badge,.entity-badge-story{
 color:#6b7280!important;
 background:transparent!important;
 border:none!important;
 font-size:.82em!important;
 font-weight:600!important;
 padding:0!important;
}
.homepage-story-badge::after,.story-badge::after{content:"/"}
.homepage-metadata,.story-meta,.feed-meta{
 display:flex!important;
 align-items:center!important;
 gap:4px!important;
 color:#6b7280!important;
}
.homepage-discussion,.discussion-button,.feed-discussion{
 background:none!important;
 border:none!important;
 padding:0!important;
 color:#4b5563!important;
 border-radius:0!important;
 box-shadow:none!important;
}
.homepage-discussion:hover,.discussion-button:hover,.feed-discussion:hover{
 text-decoration:underline;
}

/* HFP-10 — Homepage Geometry Separation
 * Scope: desktop Homepage only. Create a real visual buffer between the
 * center feed and the right Human Pulse rail, widen the feed, and slightly
 * reduce both side rails. No Workspace or mobile geometry changes.
 */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .homepage-grid {
    grid-template-columns:
      minmax(240px, 280px)
      minmax(580px, 620px)
      20px
      minmax(260px, 284px) !important;
    column-gap: 16px !important;
    width: calc(100% - 24px) !important;
    max-width: 1252px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .left-column {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 280px !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .center-column {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 620px !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .right-column {
    grid-column: 4 !important;
    width: 100% !important;
    max-width: 284px !important;
  }

  body:not(.entity-workspace-lock) .header-inner {
    grid-template-columns:
      minmax(240px, 280px)
      minmax(580px, 620px)
      20px
      minmax(260px, 284px) !important;
    column-gap: 16px !important;
    width: calc(100% - 24px) !important;
    max-width: 1252px !important;
  }

  body:not(.entity-workspace-lock) .logo {
    grid-column: 1 !important;
  }

  body:not(.entity-workspace-lock) .homepage-feed-search {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 620px !important;
  }

  body:not(.entity-workspace-lock) .header-nav {
    grid-column: 4 !important;
  }
}

/* HFP-11 — Full-Width Homepage Geometry Fix
 * Scope: desktop Homepage only.
 * Root cause addressed: the Home grid remained centered inside a fixed-width
 * shell, leaving a large unused gutter before Explore. The Home now uses the
 * available viewport width, keeps a small 8px outer gutter, and preserves a
 * stronger visual separation between the center feed and Human Pulse.
 */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) {
    --app-gutter: 16px;
  }

  body:not(.entity-workspace-lock) main,
  body:not(.entity-workspace-lock) .header-inner {
    width: calc(100% - 16px) !important;
    max-width: none !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid {
    grid-template-columns:
      260px
      minmax(0, 1fr)
      24px
      284px !important;
    column-gap: 12px !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    justify-content: stretch !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .left-column {
    grid-column: 1 !important;
    width: 260px !important;
    max-width: 260px !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .center-column {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .right-column {
    grid-column: 4 !important;
    width: 284px !important;
    max-width: 284px !important;
  }

  body:not(.entity-workspace-lock) .header-inner {
    display: grid !important;
    grid-template-columns:
      260px
      minmax(0, 1fr)
      24px
      284px !important;
    column-gap: 12px !important;
  }

  body:not(.entity-workspace-lock) .logo {
    grid-column: 1 !important;
  }

  body:not(.entity-workspace-lock) .homepage-feed-search {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body:not(.entity-workspace-lock) .header-nav {
    grid-column: 4 !important;
    justify-self: end !important;
  }
}

/* HFP-12 — Homepage Story Container Border Removal
 * Scope: Homepage center-column Story containers only.
 * Removes the visible outer border line without changing layout, media,
 * metadata, actions, voting, runtime, sidebars or Entity Workspace.
 */
body:not(.entity-workspace-lock) .center-column .story-feed > .living-case-card,
body:not(.entity-workspace-lock) .center-column .story-feed > .living-case-card:hover,
body:not(.entity-workspace-lock) .center-column .story-feed > .story-card,
body:not(.entity-workspace-lock) .center-column .story-feed > .story-card:hover,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--has-media:hover,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only,
body:not(.entity-workspace-lock) .center-column .living-case-card.story-card--text-only:hover {
  border: 0 !important;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* HFP-17 — Stable Homepage Header + transient publish-notice isolation
 * The header remains sticky in normal flow. A transient external "Published"
 * notice is removed from layout by script, so it cannot redefine the header's
 * natural position or create the top-of-page jump.
 */
body:not(.entity-workspace-lock) .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 10000 !important;
  margin: 0 !important;
  background: rgba(248, 248, 245, 0.98) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

body.admin-bar:not(.entity-workspace-lock) .site-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
}

/* No fixed-header compensation. The sticky header keeps its own footprint. */
body:not(.entity-workspace-lock) .tsemou-homepage-beta > main {
  padding-top: 0 !important;
}

[data-tsemou-transient-published-notice="true"] {
  display: none !important;
}

@media screen and (max-width: 782px) {
  body.admin-bar:not(.entity-workspace-lock) .site-header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
  }
}

/* RLS-1 — Live Ecosystem Stream Foundation
 * One low-fatigue, mixed snapshot stream in the Homepage right column.
 */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
  display: block;
  padding: 0 4px 18px 0;
  background: transparent;
}

.tsemou-live-ecosystem-stream {
  width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.tsemou-live-stream-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 2px 4px 10px;
}

.tsemou-live-stream-head h2 {
  margin: 0;
  color: #5f6973;
  font-size: .72rem;
  font-weight: 760;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tsemou-live-stream-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #198754;
  font-size: .58rem;
  font-weight: 780;
  letter-spacing: .08em;
}

.tsemou-live-stream-status i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #25a866;
  box-shadow: 0 0 0 3px rgba(37,168,102,.10);
}

.tsemou-live-stream-list {
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  scroll-behavior: smooth;
  padding: 0 2px 26px;
}

.tsemou-live-stream-list::-webkit-scrollbar { display: none; }

.tsemou-stream-snapshot {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 66px;
  margin: 0 0 10px;
  padding: 6px 2px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.tsemou-stream-snapshot.is-community { min-height: 76px; }
.tsemou-stream-snapshot.is-entity { min-height: 58px; }
.tsemou-stream-snapshot.is-need,
.tsemou-stream-snapshot.is-give { min-height: 68px; }

.tsemou-stream-snapshot-main {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.tsemou-stream-snapshot-main:hover strong { color: #0f6c5c; }

.tsemou-stream-snapshot-visual {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 12px;
  background: #f0f3f5;
  color: #65717b;
  font-size: .72rem;
  font-weight: 800;
}


.tsemou-stream-snapshot.is-entity .tsemou-stream-snapshot-visual {
  flex-basis: 42px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

.tsemou-stream-snapshot-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tsemou-stream-snapshot-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.tsemou-stream-snapshot-label {
  color: #75818b;
  font-size: .55rem;
  font-weight: 790;
  letter-spacing: .08em;
}


.tsemou-stream-snapshot-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #20272e;
  font-size: .77rem;
  font-weight: 720;
  line-height: 1.28;
  transition: color .15s ease;
}

.tsemou-stream-snapshot.is-entity .tsemou-stream-snapshot-copy strong {
  -webkit-line-clamp: 1;
}

.tsemou-stream-snapshot-subtitle {
  overflow: hidden;
  color: #7d8790;
  font-size: .63rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tsemou-stream-entity-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 5px;
}

.tsemou-stream-entity-score {
  min-width: 24px;
  color: #56616a;
  font-size: .63rem;
  font-weight: 760;
  text-align: right;
}

.tsemou-stream-entity-actions .vote-btn {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  padding: 0;
  font: inherit;
  font-size: .62rem;
  font-weight: 820;
  cursor: pointer;
}

.tsemou-stream-entity-actions .tsemit-action { background: #e8f7ef; color: #13814f; }
.tsemou-stream-entity-actions .untsemit-action { background: #fff0f0; color: #c23c3c; }
.tsemou-stream-entity-actions .vote-btn:hover { transform: translateY(-1px); }

.tsemou-live-stream-empty {
  margin: 0;
  padding: 18px 4px;
  color: #8a949d;
  font-size: .7rem;
  line-height: 1.45;
}

@media (prefers-reduced-motion: reduce) {
  .tsemou-live-stream-list { scroll-behavior: auto; }
  .tsemou-stream-entity-actions .vote-btn { transition: none; }
}


/* RLS-2 — Real media contract for Homepage right rail.
 * Canonical Story media is used when present. Text-only records do not render
 * placeholder tiles or generated initials.
 */
body:not(.entity-workspace-lock) .tsemou-stream-snapshot.is-text-only {
  min-height: 58px;
}

body:not(.entity-workspace-lock) .tsemou-stream-snapshot.is-text-only .tsemou-stream-snapshot-main {
  padding-left: 2px;
}


body:not(.entity-workspace-lock) .tsemou-stream-snapshot.has-real-media .tsemou-stream-snapshot-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/* RLS-3 — Right rail usable-width lock
 * Scope: desktop Homepage right rail only.
 * Keep the right grid track fixed; remove only nested horizontal inset that
 * was compressing the Live Ecosystem Stream inside the already available rail.
 * No center/left geometry, media sizing, runtime, scrolling or Workspace change.
 */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail {
    box-sizing: border-box !important;
    width: 284px !important;
    max-width: 284px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-ecosystem-stream {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-list {
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot {
    box-sizing: border-box;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}


/* FPS-5.1 — TSEMOU Compact Feed Controls.
 * Quiet, compact native controls in the same low-noise philosophy as modern
 * feeds, without reproducing Reddit geometry or styling. No result counter.
 */
body:not(.entity-workspace-lock) .tsemou-feed-perspective-selector {
  width: 100%;
  margin: 0 0 8px;
  padding: 2px 0 7px;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-controls {
  display: flex; align-items: center; gap: 6px; min-width: 0;
}
body:not(.entity-workspace-lock) .tsemou-feed-select-wrap {
  position: relative; display: inline-flex; min-width: 0; flex: 0 1 auto;
}
body:not(.entity-workspace-lock) .tsemou-feed-select {
  width: auto; min-width: 0; min-height: 30px; max-width: 190px;
  padding: 0 28px 0 10px; border: 1px solid rgba(15, 23, 42, 0.11);
  border-radius: 9px; background-color: rgba(255,255,255,.82); color: #334155;
  font: inherit; font-size: 11.5px; font-weight: 650; line-height: 1; cursor: pointer;
  box-shadow: none; transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}
body:not(.entity-workspace-lock) .tsemou-feed-select:hover {
  border-color: rgba(15,118,110,.28); background-color: rgba(13,148,136,.035); color: #0f766e;
}
body:not(.entity-workspace-lock) .tsemou-feed-select:focus-visible {
  outline: 2px solid rgba(20,184,166,.22); outline-offset: 2px; border-color: #0f766e;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset {
  min-height: 28px; margin-left: 2px; padding: 0 7px; border: 0; border-radius: 7px;
  background: transparent; color: #64748b; font: inherit; font-size: 10.5px; font-weight: 650; cursor: pointer;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset:hover { background: rgba(13,148,136,.06); color:#0f766e; }
@media (max-width: 782px) {
  body:not(.entity-workspace-lock) .tsemou-feed-selector-controls { gap:5px; overflow-x:auto; scrollbar-width:none; }
  body:not(.entity-workspace-lock) .tsemou-feed-selector-controls::-webkit-scrollbar { display:none; }
  body:not(.entity-workspace-lock) .tsemou-feed-select { min-height:32px; max-width:165px; font-size:11px; }
}
@media (prefers-reduced-motion: reduce) { body:not(.entity-workspace-lock) .tsemou-feed-select { transition:none; } }


/* FPS-3 — Feed Perspective Explainability & Interaction Lock.
 * One compact reason per canonical card. No geometry or media changes.
 */
body:not(.entity-workspace-lock) .feed-perspective-reason {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  margin: 1px 0 7px;
  padding: 4px 8px;
  border: 1px solid #d9e2ec;
  border-radius: 999px;
  background: #f8fafc;
  color: #52606d;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .01em;
}
body:not(.entity-workspace-lock) .feed-perspective-reason__dot {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: currentColor;
}
body:not(.entity-workspace-lock) .feed-perspective-reason--important { color: #a23b2a; background: #fff7f5; border-color: #f3d2ca; }
body:not(.entity-workspace-lock) .feed-perspective-reason--useful { color: #176b4d; background: #f2fbf7; border-color: #ccebdd; }
body:not(.entity-workspace-lock) .feed-perspective-reason--collaboration,
body:not(.entity-workspace-lock) .feed-perspective-reason--can-help { color: #5a3aa5; background: #f8f5ff; border-color: #ded4f5; }
body:not(.entity-workspace-lock) .feed-perspective-reason--need { color: #9a5b00; background: #fff9ed; border-color: #f1dfb8; }
body:not(.entity-workspace-lock) .feed-perspective-reason--participation { color: #185e8a; background: #f2f8fc; border-color: #cde2ef; }
body:not(.entity-workspace-lock) .feed-perspective-reason--new { color: #44546a; }


/* FPS-4 — Feed Perspective State, Accessibility & Recovery Lock. */
body:not(.entity-workspace-lock) .tsemou-feed-selector-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 22px;
  color: #64748b;
  font-size: 11px;
  line-height: 1.3;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset {
  border: 0;
  padding: 3px 0;
  background: transparent;
  color: #0f766e;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset:hover { text-decoration: underline; }
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .28);
  outline-offset: 2px;
  border-radius: 4px;
}
body:not(.entity-workspace-lock) .feed-perspective-empty {
  display: grid;
  justify-items: start;
  gap: 7px;
  margin: 12px 0 20px;
  padding: 22px;
  border: 1px solid #dbe5ea;
  border-radius: 12px;
  background: #f8fbfb;
  color: #334155;
}
body:not(.entity-workspace-lock) .feed-perspective-empty strong { color: #0f172a; font-size: 15px; }
body:not(.entity-workspace-lock) .feed-perspective-empty span { font-size: 13px; line-height: 1.5; }
body:not(.entity-workspace-lock) .feed-perspective-empty button {
  min-height: 34px;
  margin-top: 3px;
  padding: 0 13px;
  border: 1px solid #0f766e;
  border-radius: 999px;
  background: #0f766e;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}


/* FPS-5.2 — Feed Perspective Micro Controls Lock.
 * Narrows only the two selectors and reduces reset to a quiet icon action.
 * Feed geometry, columns, cards and responsive layout remain untouched.
 */
body:not(.entity-workspace-lock) .tsemou-feed-perspective-selector {
  margin-bottom: 7px;
  padding-top: 1px;
  padding-bottom: 6px;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-controls {
  gap: 5px;
}
body:not(.entity-workspace-lock) .tsemou-feed-select-wrap:first-child .tsemou-feed-select {
  width: 142px;
  max-width: 142px;
}
body:not(.entity-workspace-lock) .tsemou-feed-select-wrap:nth-child(2) .tsemou-feed-select {
  width: 154px;
  max-width: 154px;
}
body:not(.entity-workspace-lock) .tsemou-feed-select {
  min-height: 28px;
  padding-left: 9px;
  padding-right: 25px;
  border-radius: 8px;
  font-size: 11px;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset {
  display: inline-grid;
  place-items: center;
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  margin-left: 1px;
  padding: 0;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset:hover {
  border-color: rgba(15,118,110,.16);
}
body:not(.entity-workspace-lock) .tsemou-feed-selector-reset:focus-visible {
  outline: 2px solid rgba(20,184,166,.22);
  outline-offset: 2px;
}
@media (max-width: 782px) {
  body:not(.entity-workspace-lock) .tsemou-feed-select-wrap:first-child .tsemou-feed-select { width: 132px; max-width: 132px; }
  body:not(.entity-workspace-lock) .tsemou-feed-select-wrap:nth-child(2) .tsemou-feed-select { width: 145px; max-width: 145px; }
  body:not(.entity-workspace-lock) .tsemou-feed-select { min-height: 30px; }
  body:not(.entity-workspace-lock) .tsemou-feed-selector-reset { width: 28px; min-width: 28px; height: 28px; min-height: 28px; }
}

/* FPS-5.3 — Workspace Boundary Lock.
 * Feed perspective controls belong only to the Homepage feed.
 * Entity Workspaces must begin directly with the canonical entity surface.
 */
body.entity-workspace-lock .tsemou-feed-perspective-selector {
  display: none !important;
}

/* 5.71.316 — Story Workspace Needs compact disclosure boundary. */
.workspace-canonical-relations--compact-toggle {
  padding: 0;
  border-top: 1px solid rgba(15, 42, 67, .12);
  background: transparent;
  box-shadow: none;
}
.workspace-canonical-relations--compact-toggle > summary {
  list-style: none;
}
.workspace-canonical-relations--compact-toggle > summary::-webkit-details-marker {
  display: none;
}
.workspace-canonical-relations__summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin: 8px 0;
  padding: 5px 10px;
  border: 1px solid rgba(15, 42, 67, .14);
  border-radius: 999px;
  background: #fff;
  color: #0f2a43;
  cursor: pointer;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  user-select: none;
}
.workspace-canonical-relations__summary:hover {
  border-color: rgba(15, 118, 110, .38);
  background: rgba(240, 253, 250, .72);
}
.workspace-canonical-relations__summary:focus-visible {
  outline: 2px solid #0f766e;
  outline-offset: 2px;
}
.workspace-canonical-relations__summary-label {
  letter-spacing: .04em;
  text-transform: uppercase;
}
.workspace-canonical-relations--compact-toggle .workspace-needs-count {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  font-size: 11px;
}
.workspace-canonical-relations__summary-icon {
  width: 7px;
  height: 7px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: rotate(45deg) translateY(-1px);
  transition: transform .16s ease;
}
.workspace-canonical-relations--compact-toggle[open] .workspace-canonical-relations__summary-icon {
  transform: rotate(225deg) translate(-1px, -1px);
}
.workspace-canonical-relations__content {
  padding: 2px 0 12px;
}
.workspace-canonical-relations--compact-toggle .workspace-related-empty {
  padding: 10px 12px;
  text-align: left;
  border-left: 2px solid rgba(15, 118, 110, .22);
  font-size: 13px;
}


/* HFP-10 — Compact discussion icon
 * Homepage Story cards only: replace the visible “Discussion” word with a
 * quiet, accessible comment glyph while preserving the existing link target.
 */
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  min-width: 26px;
  height: 24px;
  min-height: 24px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #607870;
  text-decoration: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-icon {
  width: 16px;
  height: 16px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  background: #eef5f2;
  color: #245f52;
  text-decoration: none;
}

body:not(.entity-workspace-lock) .center-column .living-case-footer .feed-story-discussion-action:focus-visible {
  outline: 2px solid rgba(36, 95, 82, 0.35);
  outline-offset: 2px;
}

/* HFP-19 — Homepage Story Title Hierarchy Lock
 * Scope: Homepage center-column Story cards only.
 * Gives the real Story headline clear editorial weight above the media while
 * preserving the existing compact metadata, media geometry and runtime.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  margin: 4px 0 8px !important;
  color: #111827 !important;
  /* Typography ownership moved to tsemou-design-system.css in 5.71.1238. */
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title a {
  display: block;
  color: inherit !important;
  font: inherit;
  text-decoration: none !important;
  text-underline-offset: 3px;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title a:hover {
  color: #0f5f55 !important;
}

body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title a:focus-visible {
  border-radius: 4px;
  outline: 2px solid rgba(15, 118, 110, .38);
  outline-offset: 2px;
}

@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
    margin: 3px 0 7px !important;
  }
}


/* HFP-20 — Homepage Nature Tone Action Bar R1
 * Selected visual direction: proposal 6.
 * Homepage Story cards only; no participation or navigation behaviour changes.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer {
  margin-top: 0 !important;
  padding: 7px 0 6px !important;
  border-top: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .entry-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 38px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 112px !important;
  flex: 0 0 auto !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(67, 111, 56, .08) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f2f8ee 0%, #eaf4e5 100%) !important;
  color: #365f2f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  min-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #426f38 !important;
  box-shadow: none !important;
  transition: background-color .15s ease, color .15s ease, transform .15s ease !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-btn:hover {
  background: rgba(74, 121, 61, .11) !important;
  color: #244d20 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-btn:active {
  transform: scale(.94) !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-btn:focus-visible,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:focus-visible {
  outline: 2px solid rgba(66, 111, 56, .42) !important;
  outline-offset: 2px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-arrow {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-total-score {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 34px !important;
  height: 32px !important;
  padding: 0 3px !important;
  color: #274d23 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .tsemit-action.is-active {
  background: #d6ebcc !important;
  color: #245c1c !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .untsemit-action.is-active {
  background: #e4eddc !important;
  color: #385b31 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:focus,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:focus-visible {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 72px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(67, 111, 56, .08) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f2f8ee 0%, #eaf4e5 100%) !important;
  color: #365f2f !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
  text-decoration: none !important;
  transition: background-color .15s ease, color .15s ease, transform .15s ease !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:hover {
  background: #e1efda !important;
  color: #244d20 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:active {
  transform: scale(.97) !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-icon {
  display: block !important;
  width: 20px !important;
  height: 20px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-count {
  display: inline-block !important;
  min-width: 12px !important;
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 740 !important;
  line-height: 1 !important;
  text-align: center !important;
}
@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .entry-actions { gap: 8px !important; }
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill { min-width: 108px !important; }
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action { min-width: 68px !important; padding: 0 12px !important; }
}

/* RLS-4 — Homepage right-rail stream separators.
 * Apply the continuous-feed separator language to the RIGHT column only.
 * No center feed, Workspace, runtime, ordering or interaction changes.
 */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot {
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot + .tsemou-stream-snapshot {
  border-top: 1px solid rgba(74, 82, 90, 0.14);
}

@media (max-width: 1200px) {
  body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot + .tsemou-stream-snapshot {
    border-top-color: rgba(74, 82, 90, 0.12);
  }
}


/* HFP-19 — Anonymous Homepage Header Gap Lock
 * Preserve the intentional 12px white breathing space above the TSEMOU header
 * while keeping the header sticky in exactly the same visual position during
 * scroll. The WordPress admin bar remains a separate authenticated concern.
 */
body:not(.admin-bar):not(.entity-workspace-lock) .site-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 10000 !important;
  margin-top: 0 !important;
  box-shadow: 0 -12px 0 #ffffff !important;
}

/* Keep the sticky header's normal-flow footprint; no artificial compensation,
 * no collapse and no scroll-time layout jump. */
body:not(.admin-bar):not(.entity-workspace-lock) .tsemou-homepage-beta > main {
  padding-top: 0 !important;
}

/* Authenticated/admin rendering stays attached below WordPress' own admin bar. */
body.admin-bar:not(.entity-workspace-lock) .site-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
  box-shadow: none !important;
}

@media screen and (max-width: 782px) {
  body:not(.admin-bar):not(.entity-workspace-lock) .site-header {
    top: 8px !important;
    box-shadow: 0 -8px 0 #ffffff !important;
  }

  body.admin-bar:not(.entity-workspace-lock) .site-header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
  }
}


/* HFP-20 — Homepage left-rail position lock.
 * The left rail begins directly below the already-sticky TSEMOU header and
 * remains at that exact viewport position from the first scroll pixel.
 * It must not travel upward with the document. Independent left-rail scrolling
 * is intentionally deferred to a later sprint.
 */
@media (min-width: 1201px) {
  body:not(.admin-bar):not(.entity-workspace-lock) .homepage-grid > .left-column {
    position: sticky !important;
    top: 71px !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: none !important;
  }

  body.admin-bar:not(.entity-workspace-lock) .homepage-grid > .left-column {
    position: sticky !important;
    top: calc(var(--wp-admin--admin-bar--height, 32px) + 59px) !important;
    max-height: none !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
    overscroll-behavior: none !important;
  }
}


/* 5.71.328 — Unified anonymous-style left rail shell */
.tsemou-account-card--application .tsemou-account-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
}


/* 5.71.329 — Homepage mobile center-feed lock.
 * Mobile Homepage must open on the canonical center feed, never the right rail.
 * Side rails remain desktop/tablet surfaces until dedicated mobile navigation
 * is implemented. Entity Workspace responsive behavior is intentionally untouched.
 */
@media (max-width: 860px) {
  body:not(.entity-workspace-lock) .homepage-grid {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-top: 4px !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .center-column {
    display: block !important;
    order: 1 !important;
    grid-column: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid > .left-column,
  body:not(.entity-workspace-lock) .homepage-grid > .right-column {
    display: none !important;
  }

  body:not(.entity-workspace-lock) .center-column .story-feed,
  body:not(.entity-workspace-lock) .center-column .living-case-card,
  body:not(.entity-workspace-lock) .center-column .story-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* 5.71.333 — HOME left-rail mascot size/position polish.
 * Keep the approved account/guest container geometry unchanged.
 * Mascot only: 30% smaller and visually raised to free vertical rail space. */
body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot {
  width: min(133px, 92%);
  margin-top: -8px;
  margin-bottom: 10px;
}
@media (max-width: 980px) {
  body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot {
    width: min(112px, 88%);
    margin-top: -6px;
  }
}

/* 5.71.334 — HOME left-rail mascot + compact account action polish.
 * Container geometry remains unchanged.
 * Mascot is a further 30% smaller than 5.71.333 and sits higher.
 * Logged-in My account action is intentionally much more compact. */
body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot {
  width: min(93px, 92%);
  margin-top: -18px;
  margin-bottom: 6px;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-account-open {
  width: auto;
  min-width: 118px;
  min-height: 34px;
  padding: 0 15px;
  border-radius: 10px;
  font-size: .78rem;
  line-height: 1;
  box-shadow: 0 5px 12px rgba(8, 116, 95, .13);
}
@media (max-width: 980px) {
  body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot {
    width: min(78px, 88%);
    margin-top: -14px;
  }
}


/* 5.71.335 — HOME approved brand + account-card spacing lock.
 * Header: replace legacy T tile/uppercase wordmark with the approved
 * lowercase tsemou + Bloom mascot identity. Left rail: keep the compact
 * mascot but restore clear breathing room between username and mascot. */
body:not(.entity-workspace-lock) .logo {
  gap: 7px;
  text-decoration: none;
  position: relative;
}
body:not(.entity-workspace-lock) .logo .logo-mark { display: none !important; }
body:not(.entity-workspace-lock) .logo .tsemou-approved-logo-mascot {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
}
body:not(.entity-workspace-lock) .logo .tsemou-approved-logo-mascot img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body:not(.entity-workspace-lock) .logo .logo-text {
  position: relative;
  display: inline-block;
  color: #17222a;
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.045em;
  text-transform: lowercase;
}
body:not(.entity-workspace-lock) .logo .logo-text::after {
  content: "";
  position: absolute;
  left: 2px;
  right: -5px;
  bottom: -7px;
  height: 4px;
  border-radius: 60% 45% 55% 50%;
  background: linear-gradient(to right, #24a06b 0 50%, #d93b3b 50% 100%);
  transform: rotate(-1.5deg);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application > h2 {
  margin-bottom: 20px !important;
  line-height: 1.2 !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot {
  margin-top: 0 !important;
}


/* 5.71.337 — Approved header wordmark underline color split only.
 * Geometry, size, radius and rotation remain unchanged: left half green, right half red. */

/* 5.71.338 — approved wordmark: only the letter e is red. */
body:not(.entity-workspace-lock) .logo .logo-text .logo-text-e { color: #d93b3b; }

/* 5.71.339 — HOME approved brand underline thickness only. */
body:not(.entity-workspace-lock) .logo .logo-text::after {
  height: 2.4px;
}


/* 5.71.349 — Community discovery preferences on the public Communities page. */
.tsemou-community-discovery-controls{width:min(930px,100%);margin:0 auto 14px;display:flex;align-items:flex-end;justify-content:center;gap:8px;flex-wrap:wrap}
.tsemou-community-discovery-controls label{display:grid;gap:4px;min-width:0}
.tsemou-community-discovery-controls label>span{padding-left:10px;color:#667085;font-size:10px;font-weight:800;letter-spacing:.04em}
.tsemou-community-discovery-controls select{height:38px;min-width:170px;padding:0 34px 0 12px;border:1px solid #d7e0ec;border-radius:11px;background:#fff;color:#17233f;font:inherit;font-size:13px;font-weight:700;box-shadow:0 3px 10px rgba(22,49,96,.035)}
.tsemou-community-discovery-controls select:focus-visible,.tsemou-community-discovery-reset:focus-visible{outline:3px solid rgba(31,111,235,.22);outline-offset:2px}
.tsemou-community-discovery-reset{width:38px;height:38px;display:grid;place-items:center;border:1px solid #cdd9e8;border-radius:11px;background:#fff;color:#0d756c;font-size:18px;font-weight:900;cursor:pointer}
.tsemou-community-discovery-reset:hover{background:#f2f8f6;border-color:#9fcabb}
.tsemou-community-discovery-reset[hidden]{display:none}
.tsemou-community-discovery-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.tsemou-homepage-beta--categories .tsemou-purpose-category-search{height:46px;margin-bottom:20px}
@media(max-width:760px){.tsemou-community-discovery-controls{display:grid;grid-template-columns:1fr 1fr}.tsemou-community-discovery-controls label:first-child{grid-column:1/-1}.tsemou-community-discovery-controls select{width:100%;min-width:0}.tsemou-community-discovery-reset{align-self:end}}
@media(max-width:520px){.tsemou-community-discovery-controls{grid-template-columns:1fr}.tsemou-community-discovery-controls label:first-child{grid-column:auto}.tsemou-community-discovery-reset{width:100%}}

/* 5.71.350 — Account persistence and final UX lock for Community discovery preferences. */
.tsemou-community-discovery-save-state{flex-basis:100%;min-height:16px;margin:0;text-align:center;color:#59706d;font-size:11px;font-weight:700}
.tsemou-community-discovery-save-state.is-error{color:#b42318}
.tsemou-community-discovery-controls select:disabled,.tsemou-community-discovery-reset:disabled{opacity:.58;cursor:wait}
@media (prefers-reduced-motion:reduce){.tsemou-purpose-category-card,.tsemou-community-discovery-reset{transition:none!important}}


/* COMMUNITY-UX-1 — simple five-step Community creation flow */
.community-creation-card{width:min(650px,100%);padding:24px}
.community-creation-intro{margin:6px 0 0;color:#64756f;font-size:.9rem}
.community-creation-progress{height:4px;background:#e6eeeb;border-radius:99px;overflow:hidden;margin:16px 0 12px}
.community-creation-progress-fill{display:block;height:100%;width:20%;background:#0d8875;border-radius:99px;transition:width .2s ease}
.community-creation-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;margin:0 0 22px;padding:0}
.community-creation-steps li{display:grid;justify-items:center;gap:4px;color:#8a9994;font-size:.68rem;text-align:center}
.community-creation-steps li span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #cbd8d3;border-radius:50%;background:#fff;font-weight:800}
.community-creation-steps li.is-active{color:#0b7566;font-weight:700}
.community-creation-steps li.is-active span{background:#0d8875;color:#fff;border-color:#0d8875}
.community-creation-steps li.is-complete span{background:#dff4ee;color:#08705f;border-color:#9dd8ca}
.community-creation-step{min-height:300px;animation:tsemou-community-step-in .18s ease}
.community-creation-step[hidden]{display:none!important}
.community-creation-step h3{margin:4px 0 6px;font-size:1.3rem;color:#162e2a}
.community-step-count{margin:0;color:#0d8875;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.community-step-help{margin:0 0 18px;color:#667873;line-height:1.5}
.community-field-counter{margin:-10px 2px 0;text-align:right;color:#899792;font-size:.72rem}
.community-visibility-options{display:grid;gap:10px}
.community-visibility-option{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:12px!important;padding:15px;border:1px solid #d5dfdb;border-radius:13px;background:#fff;cursor:pointer}
.community-visibility-option.is-selected{border-color:#0d8875;background:#f1faf7;box-shadow:0 0 0 2px rgba(13,136,117,.1)}
.community-visibility-option input{width:auto!important;margin-top:4px}
.community-visibility-option span{display:grid;gap:3px}
.community-visibility-option strong{font-size:.95rem;color:#17332e}
.community-visibility-option small{font-weight:400;color:#657772;line-height:1.4}
.community-creation-review{display:grid;gap:0;margin:16px 0;border:1px solid #dce5e1;border-radius:14px;overflow:hidden;background:#fff}
.community-creation-review div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:13px 15px;border-bottom:1px solid #e8eeeb}
.community-creation-review div:last-child{border-bottom:0}
.community-creation-review dt{font-size:.75rem;font-weight:800;color:#6f807b;text-transform:uppercase;letter-spacing:.04em}
.community-creation-review dd{margin:0;color:#172e2a;white-space:pre-wrap}
.community-creation-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px}
.community-creation-navigation{display:flex;gap:9px;margin-left:auto}
.community-creation-back,.community-creation-next{border:1px solid #c9d7d2;border-radius:10px;background:#fff;padding:10px 17px;font-weight:750;color:#25423c;cursor:pointer}
.community-creation-next,.community-creation-submit{background:#0d8875!important;border-color:#0d8875!important;color:#fff!important}
@keyframes tsemou-community-step-in{from{opacity:.25;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:640px){.community-creation-card{padding:18px 16px}.community-creation-steps small{display:none}.community-creation-step{min-height:330px}.community-creation-review div{grid-template-columns:1fr;gap:4px}.community-creation-actions{align-items:stretch}.community-creation-cancel{display:none}.community-creation-navigation{width:100%}.community-creation-back,.community-creation-next,.community-creation-submit{flex:1}}
@media(prefers-reduced-motion:reduce){.community-creation-progress-fill,.community-creation-step{transition:none;animation:none}}


/* COMMUNITY-UX-2 — context-aware creation from Story / Need / Case / Topic. */
.community-creation-context{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0 0 18px;padding:13px 14px;border:1px solid #b9ddd3;border-radius:13px;background:#f1faf7;color:#173a33}
.community-creation-context[hidden]{display:none!important}
.community-creation-context-type{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:6px 8px;border-radius:999px;background:#0d8875;color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.community-creation-context strong{display:block;font-size:.92rem;line-height:1.35}
.community-creation-context p{margin:3px 0 0;color:#5d746d;font-size:.78rem;line-height:1.4}
.community-creation-context button{border:0;background:transparent;color:#0b7566;font-weight:800;cursor:pointer}
.community-name-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.community-name-suggestion{border:1px solid #c9ddd7;border-radius:999px;background:#f7fbfa;color:#255048;padding:7px 10px;font-size:.76rem;font-weight:700;cursor:pointer;text-align:left}
.community-name-suggestion:hover,.community-name-suggestion:focus-visible{border-color:#0d8875;background:#edf8f5;outline:none}
@media(max-width:640px){.community-creation-context{grid-template-columns:auto 1fr}.community-creation-context button{grid-column:1/-1;justify-self:start;padding:0}.community-name-suggestions{display:grid}.community-name-suggestion{width:100%}}


/* COMMUNITY-UX-3 — invisible Entity and relationship orchestration. */
.community-creation-system-note{display:flex;align-items:flex-start;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#f1faf7;color:#47665e;font-size:.78rem;line-height:1.45}
.community-creation-system-note span{display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;background:#d8f1e9;color:#08705f;font-weight:900}


/* COMMUNITY-UX-4 — immediate post-create value and onboarding */
.community-created-welcome{position:relative;display:grid;grid-template-columns:auto 1fr;gap:15px;margin:0 0 16px;padding:20px;border:1px solid #8fd4c3;border-radius:16px;background:linear-gradient(135deg,#effbf7 0%,#f9fffc 62%,#fff9ec 100%);box-shadow:0 10px 30px rgba(12,117,108,.12);overflow:hidden}
.community-created-welcome::after{content:"";position:absolute;right:-38px;top:-50px;width:150px;height:150px;border-radius:50%;background:rgba(255,190,74,.12);pointer-events:none}
.community-created-welcome-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0d8875;color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 6px 18px rgba(13,136,117,.24)}
.community-created-welcome-copy{min-width:0}.community-created-welcome-kicker{margin:0 0 4px!important;color:#08705f!important;font-size:.69rem!important;font-weight:900!important;letter-spacing:.11em}.community-created-welcome h2{margin:0 34px 6px 0;font-size:1.24rem;color:#153b34}.community-created-welcome-copy>p:not(.community-created-welcome-kicker){margin:0;color:#4e6b64;line-height:1.5}.community-created-welcome-close{position:absolute;right:12px;top:10px;z-index:2;border:0;background:transparent;color:#55746c;font-size:1.5rem;cursor:pointer}.community-created-welcome-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}.community-created-welcome-actions button{min-height:40px;border:1px solid #0d8875;border-radius:10px;background:#0d8875;color:#fff;padding:0 14px;font-weight:800;cursor:pointer}.community-created-welcome-actions button.is-secondary{background:#fff;color:#0b7566}.community-created-welcome-actions button.is-tertiary{border-color:transparent;background:transparent;color:#496860}.community-created-checklist{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;margin:15px 0 0;padding:12px 0 0;border-top:1px solid rgba(13,136,117,.16);color:#55716a;font-size:.74rem}.community-created-checklist li{display:flex;align-items:center;gap:5px}.community-created-checklist span{color:#0d8875;font-weight:900}.community-created-welcome.is-complete{opacity:0;transform:translateY(-6px);transition:opacity .45s ease,transform .45s ease}
@media(max-width:640px){.community-created-welcome{grid-template-columns:1fr;padding:18px 15px}.community-created-welcome-icon{width:36px;height:36px}.community-created-welcome-actions{display:grid}.community-created-welcome-actions button{width:100%}.community-created-checklist{display:grid}.community-created-welcome h2{font-size:1.12rem}}
@media(prefers-reduced-motion:reduce){.community-created-welcome.is-complete{transition:none}.community-created-welcome-actions button{scroll-behavior:auto}}

/* COMMUNITY-UX-5.1 — mandatory public category selection */
.community-category-field{display:grid;gap:7px;margin-top:18px;padding-top:16px;border-top:1px solid #e4ece8}
.community-category-field>span{font-weight:800;color:#17332e}
.community-category-field select{width:100%;min-height:46px;border:1px solid #cbd9d4;border-radius:10px;background:#fff;padding:0 12px;color:#17332e}
.community-category-field select:focus{outline:2px solid rgba(13,136,117,.2);border-color:#0d8875}
.community-category-field small{color:#687a75;line-height:1.4}


/* MOBILE-FEED-1 — compact Reddit-style three-option feed bar.
   Desktop selector remains unchanged. */
.tsemou-feed-mobile-tabs {
  display: none;
}

@media (max-width: 760px) {
  .tsemou-feed-perspective-selector {
    padding: 0 !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    background: transparent !important;
  }

  .tsemou-feed-perspective-selector .tsemou-feed-selector-controls {
    display: none !important;
  }

  .tsemou-feed-mobile-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    width: 100%;
    height: 42px;
    border-top: 1px solid rgba(15, 23, 42, .10);
    border-bottom: 1px solid rgba(15, 23, 42, .14);
    background: #fff;
  }

  .tsemou-feed-mobile-tab {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    min-width: 0;
    height: 41px;
    padding: 0 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #667085;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 41px;
    text-align: center;
    cursor: pointer;
  }

  .tsemou-feed-mobile-tab::after {
    content: "";
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: -1px;
    height: 2px;
    border-radius: 2px 2px 0 0;
    background: transparent;
  }

  .tsemou-feed-mobile-tab.is-active {
    color: #111827;
    font-weight: 700;
  }

  .tsemou-feed-mobile-tab.is-active::after {
    background: #0a7f68;
  }

  .tsemou-feed-mobile-tab:focus-visible {
    outline: 2px solid #0a7f68;
    outline-offset: -3px;
  }
}


/* MOBILE-FEED-2 — Reddit-style compact 3-option segmented bar */
@media (max-width: 760px) {
  .tsemou-feed-mobile-tabs {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: 100%;
    height: 44px;
    padding: 6px 10px;
    border-top: 1px solid rgba(15, 23, 42, .08);
    border-bottom: 1px solid rgba(15, 23, 42, .10);
    background: #fff;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .tsemou-feed-mobile-tabs::-webkit-scrollbar {
    display: none;
  }

  .tsemou-feed-mobile-tab {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    min-width: 0;
    height: 32px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #5f6368;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
  }

  .tsemou-feed-mobile-tab::after {
    display: none !important;
  }

  .tsemou-feed-mobile-tab.is-active {
    background: #eef1f3;
    color: #1f2328;
    font-weight: 700;
  }

  .tsemou-feed-mobile-tab__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    font-size: 11px;
    line-height: 1;
    color: #6b7280;
  }

  .tsemou-feed-mobile-tab.is-active .tsemou-feed-mobile-tab__icon {
    color: #374151;
  }

  .tsemou-feed-mobile-tab:focus-visible {
    outline: 2px solid #0a7f68;
    outline-offset: 1px;
  }
}


/* MOBILE-FEED-3 — icon-only feed controls, Reddit-style cleanliness. */
@media (max-width: 760px) {
  .tsemou-feed-mobile-tabs {
    display: none !important;
  }

  .tsemou-feed-mobile-control {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 40px;
    padding: 4px 8px;
    border-top: 1px solid rgba(15,23,42,.08);
    border-bottom: 1px solid rgba(15,23,42,.10);
    background: #fff;
  }

  .tsemou-feed-mobile-launcher {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #31363d;
    cursor: pointer;
  }

  .tsemou-feed-mobile-launcher:hover,
  .tsemou-feed-mobile-launcher[aria-expanded="true"] {
    background: #eef1f3;
  }

  .tsemou-feed-mobile-launcher__icon {
    position: relative;
    display: block;
    width: 18px;
    height: 16px;
  }

  .tsemou-feed-mobile-launcher__icon i {
    position: absolute;
    left: 1px;
    right: 1px;
    height: 1.5px;
    border-radius: 2px;
    background: currentColor;
  }

  .tsemou-feed-mobile-launcher__icon i:nth-child(1) { top: 2px; }
  .tsemou-feed-mobile-launcher__icon i:nth-child(2) { top: 7px; }
  .tsemou-feed-mobile-launcher__icon i:nth-child(3) { top: 12px; }

  .tsemou-feed-mobile-launcher__icon i:nth-child(1)::after,
  .tsemou-feed-mobile-launcher__icon i:nth-child(2)::after,
  .tsemou-feed-mobile-launcher__icon i:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background: currentColor;
  }

  .tsemou-feed-mobile-launcher__icon i:nth-child(1)::after { left: 3px; }
  .tsemou-feed-mobile-launcher__icon i:nth-child(2)::after { right: 3px; }
  .tsemou-feed-mobile-launcher__icon i:nth-child(3)::after { left: 7px; }

  .tsemou-feed-mobile-options {
    position: absolute;
    z-index: 80;
    top: calc(100% + 6px);
    right: 8px;
    width: min(320px, calc(100vw - 32px));
    padding: 10px;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 16px;
    background: rgba(255,255,255,.98);
    box-shadow: 0 12px 32px rgba(15,23,42,.16);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }

  .tsemou-feed-mobile-options[hidden] {
    display: none !important;
  }

  .tsemou-feed-mobile-options__section + .tsemou-feed-mobile-options__section {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(15,23,42,.08);
  }

  .tsemou-feed-mobile-options__label {
    display: block;
    margin: 0 0 7px;
    padding: 0 4px;
    color: #7a828d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .tsemou-feed-mobile-options__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
  }

  .tsemou-feed-mobile-options__choices button {
    appearance: none;
    -webkit-appearance: none;
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid rgba(15,23,42,.09);
    border-radius: 999px;
    background: #f7f8f9;
    color: #3f4650;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
  }

  .tsemou-feed-mobile-options__choices button.is-active {
    border-color: rgba(10,127,104,.20);
    background: #eaf5f2;
    color: #076b59;
    font-weight: 700;
  }
}

@media (min-width: 761px) {
  .tsemou-feed-mobile-control {
    display: none !important;
  }
}


/* MOBILE-FEED-4 — production mobile action-sheet architecture */
@media (max-width: 760px) {
  [data-feed-perspective-selector] > .tsemou-feed-selector-controls,
  [data-feed-perspective-selector] > [data-feed-mobile-control],
  [data-feed-perspective-selector] > [data-feed-mobile-tabs] {
    display: none !important;
  }

  [data-feed-perspective-selector] {
    position: relative !important;
    min-height: 38px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .tsemou-mobile-feed-action-row {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    height: 38px;
    padding: 0 8px;
    border-top: 1px solid rgba(15,23,42,.08);
    border-bottom: 1px solid rgba(15,23,42,.10);
    background: #fff;
  }

  .tsemou-mobile-feed-action {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #30343b;
  }

  .tsemou-mobile-feed-action[aria-expanded="true"] {
    background: #eef1f3;
  }

  .tsemou-mobile-feed-action__glyph {
    position: relative;
    display: block;
    width: 18px;
    height: 16px;
  }

  .tsemou-mobile-feed-action__glyph i {
    position: absolute;
    left: 1px;
    right: 1px;
    height: 1.5px;
    border-radius: 2px;
    background: currentColor;
  }

  .tsemou-mobile-feed-action__glyph i:nth-child(1) { top: 2px; }
  .tsemou-mobile-feed-action__glyph i:nth-child(2) { top: 7px; }
  .tsemou-mobile-feed-action__glyph i:nth-child(3) { top: 12px; }

  .tsemou-mobile-feed-action__glyph i::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -2px;
    border-radius: 50%;
    background: currentColor;
  }

  .tsemou-mobile-feed-action__glyph i:nth-child(1)::after { left: 3px; }
  .tsemou-mobile-feed-action__glyph i:nth-child(2)::after { right: 3px; }
  .tsemou-mobile-feed-action__glyph i:nth-child(3)::after { left: 7px; }

  html.tsemou-mobile-feed-sheet-open,
  body.tsemou-mobile-feed-sheet-open {
    overflow: hidden !important;
    overscroll-behavior: contain;
  }

  .tsemou-mobile-feed-sheet-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483000 !important;
    display: block;
    pointer-events: none;
  }

  .tsemou-mobile-feed-sheet-layer[hidden] {
    display: none !important;
  }

  .tsemou-mobile-feed-sheet-layer.is-open {
    pointer-events: auto;
  }

  .tsemou-mobile-feed-sheet-backdrop {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,.28);
    opacity: 0;
    transition: opacity .18s ease;
  }

  .tsemou-mobile-feed-sheet-layer.is-open .tsemou-mobile-feed-sheet-backdrop {
    opacity: 1;
  }

  .tsemou-mobile-feed-sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(78vh, 620px);
    padding: 8px 16px calc(18px + env(safe-area-inset-bottom));
    border-radius: 20px 20px 0 0;
    background: #fff;
    box-shadow: 0 -10px 40px rgba(0,0,0,.18);
    overflow: auto;
    transform: translateY(102%);
    transition: transform .20s cubic-bezier(.2,.8,.2,1);
    -webkit-overflow-scrolling: touch;
  }

  .tsemou-mobile-feed-sheet-layer.is-open .tsemou-mobile-feed-sheet {
    transform: translateY(0);
  }

  .tsemou-mobile-feed-sheet__handle {
    width: 34px;
    height: 4px;
    margin: 0 auto 8px;
    border-radius: 999px;
    background: #d3d7dc;
  }

  .tsemou-mobile-feed-sheet__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px;
    margin-bottom: 6px;
  }

  .tsemou-mobile-feed-sheet__header strong {
    color: #111318;
    font-size: 17px;
    font-weight: 700;
  }

  .tsemou-mobile-feed-sheet__close {
    appearance: none;
    -webkit-appearance: none;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: #f1f3f5;
    color: #30343b;
    font-size: 24px;
    line-height: 34px;
  }

  .tsemou-mobile-feed-sheet__group {
    padding: 6px 0 10px;
  }

  .tsemou-mobile-feed-sheet__group + .tsemou-mobile-feed-sheet__group {
    border-top: 1px solid #eceff1;
    padding-top: 12px;
  }

  .tsemou-mobile-feed-sheet__group h3 {
    margin: 0 0 5px;
    color: #737b85;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .tsemou-mobile-feed-sheet__list {
    display: grid;
    gap: 0;
  }

  .tsemou-mobile-feed-sheet__option {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
    padding: 0 4px;
    border: 0;
    border-bottom: 1px solid #f1f2f3;
    border-radius: 0;
    background: transparent;
    color: #20242a;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }

  .tsemou-mobile-feed-sheet__option:last-child {
    border-bottom: 0;
  }

  .tsemou-mobile-feed-sheet__check {
    color: #0a7f68;
    font-size: 18px;
    font-weight: 800;
    opacity: 0;
  }

  .tsemou-mobile-feed-sheet__option.is-active {
    color: #111318;
    font-weight: 700;
  }

  .tsemou-mobile-feed-sheet__option.is-active .tsemou-mobile-feed-sheet__check {
    opacity: 1;
  }
}

@media (min-width: 761px) {
  .tsemou-mobile-feed-action-row,
  .tsemou-mobile-feed-sheet-layer {
    display: none !important;
  }
}


/* MOBILE-FEED-5 — stable search-owned icon + body-level action sheet */
@media (max-width: 760px) {
  /* The old perspective UI never appears on mobile. It remains in the DOM only
     as the canonical state engine. */
  [data-feed-perspective-selector] {
    display: none !important;
  }

  .homepage-feed-search {
    position: relative !important;
  }

  .homepage-feed-search input {
    padding-right: 48px !important;
  }

  .tsemou-mobile-feed-filter-trigger {
    appearance: none;
    -webkit-appearance: none;
    position: absolute !important;
    z-index: 5;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #39414a;
  }

  .tsemou-mobile-feed-filter-trigger[aria-expanded="true"] {
    background: #e8ecef;
  }

  .tsemou-mobile-feed-filter-trigger__glyph {
    position: relative;
    width: 18px;
    height: 16px;
  }

  /* R33: horizontal three-dot More icon; retain the existing mobile menu button and behavior. */
  .tsemou-mobile-feed-filter-trigger__glyph i {
    position: absolute;
    top: 5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: currentColor;
  }
  .tsemou-mobile-feed-filter-trigger__glyph i:nth-child(1) { left: 0; }
  .tsemou-mobile-feed-filter-trigger__glyph i:nth-child(2) { left: 7px; }
  .tsemou-mobile-feed-filter-trigger__glyph i:nth-child(3) { left: 14px; }
  .tsemou-mobile-feed-filter-trigger__glyph i::after { content: none; }

  html.tsemou-mobile-filter-open,
  body.tsemou-mobile-filter-open {
    overflow: hidden !important;
    overscroll-behavior: contain;
  }

  .tsemou-mobile-feed-filter-layer {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483600 !important;
    display: block;
    pointer-events: none;
  }

  .tsemou-mobile-feed-filter-layer[hidden] {
    display: none !important;
  }

  .tsemou-mobile-feed-filter-layer.is-open {
    pointer-events: auto;
  }

  .tsemou-mobile-feed-filter-backdrop {
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,.32);
    opacity: 0;
    transition: opacity .18s ease;
  }

  .tsemou-mobile-feed-filter-layer.is-open .tsemou-mobile-feed-filter-backdrop {
    opacity: 1;
  }

  .tsemou-mobile-feed-filter-sheet {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(78vh, 620px);
    padding: 8px 16px calc(18px + env(safe-area-inset-bottom));
    border-radius: 22px 22px 0 0;
    background: #fff;
    box-shadow: 0 -12px 42px rgba(0,0,0,.20);
    overflow: auto;
    transform: translateY(102%);
    transition: transform .20s cubic-bezier(.2,.8,.2,1);
    -webkit-overflow-scrolling: touch;
  }

  .tsemou-mobile-feed-filter-layer.is-open .tsemou-mobile-feed-filter-sheet {
    transform: translateY(0);
  }

  .tsemou-mobile-feed-filter-handle {
    width: 36px;
    height: 4px;
    margin: 0 auto 7px;
    border-radius: 99px;
    background: #d3d7dc;
  }

  .tsemou-mobile-feed-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 46px;
    margin-bottom: 4px;
  }

  .tsemou-mobile-feed-filter-header h2 {
    margin: 0;
    color: #111318;
    font-size: 18px;
    font-weight: 700;
  }

  .tsemou-mobile-feed-filter-close {
    appearance: none;
    -webkit-appearance: none;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f2f4;
    color: #333941;
    font-size: 23px;
  }

  .tsemou-mobile-feed-filter-group {
    padding: 8px 0 10px;
  }

  .tsemou-mobile-feed-filter-group + .tsemou-mobile-feed-filter-group {
    border-top: 1px solid #eceff1;
    padding-top: 14px;
  }

  .tsemou-mobile-feed-filter-group h3 {
    margin: 0 0 4px;
    color: #7a828b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  .tsemou-mobile-feed-filter-list {
    display: grid;
  }

  .tsemou-mobile-feed-filter-list > button {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    padding: 0 4px;
    border: 0;
    border-bottom: 1px solid #f0f1f2;
    border-radius: 0;
    background: transparent;
    color: #252a30;
    font: inherit;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
  }

  .tsemou-mobile-feed-filter-list > button:last-child {
    border-bottom: 0;
  }

  .tsemou-mobile-feed-filter-list > button b {
    color: #0a7f68;
    font-size: 18px;
    opacity: 0;
  }

  .tsemou-mobile-feed-filter-list > button.is-active {
    color: #111318;
    font-weight: 700;
  }

  .tsemou-mobile-feed-filter-list > button.is-active b {
    opacity: 1;
  }
}

@media (min-width: 761px) {
  .tsemou-mobile-feed-filter-trigger,
  .tsemou-mobile-feed-filter-layer {
    display: none !important;
  }
}


/* MOBILE-NAV-1 — header navigation moves into the single mobile action sheet.
   Desktop navigation remains untouched. */
@media (max-width: 760px) {
  .site-header .header-nav {
    display: none !important;
  }

  .site-header .header-inner {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "logo"
      "search" !important;
    row-gap: 10px !important;
  }

  .site-header .logo {
    grid-area: logo;
  }

  .site-header .homepage-feed-search {
    grid-area: search;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
  }

  .tsemou-mobile-feed-filter-group--navigation {
    padding-top: 2px;
  }

  .tsemou-mobile-feed-navigation-list > button b {
    opacity: .52 !important;
    color: #667085 !important;
    font-size: 22px !important;
    font-weight: 500 !important;
  }

  .tsemou-mobile-feed-navigation-list > button.is-active b {
    opacity: .52 !important;
  }
}

/* 5.71.437 — HFP FEED MEDIA RHYTHM R2
 *
 * Audit result:
 * - source aspect ratio must NOT own feed height (news feeds are landscape-heavy);
 * - the feed viewport owns presentation height;
 * - the source ratio only selects a bounded presentation class;
 * - object-fit: cover preserves proportions while filling the editorial viewport.
 *
 * Desktop target at the approved 545px media width:
 *   ultra-wide / wide  -> 360px
 *   normal landscape   -> 410px
 *   near-square        -> 480px
 *   portrait           -> 560px
 *   tall portrait      -> 620px
 *
 * This intentionally gives ordinary news photography more vertical presence
 * without stretching pixels or forcing every item to the same height.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media {
  box-sizing: border-box !important;
  width: 88% !important;
  max-width: 545px !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  justify-self: center !important;
  margin: 0 !important;
}

body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: var(--tsemou-feed-media-height, 410px) !important;
  min-height: var(--tsemou-feed-media-height, 410px) !important;
  max-height: var(--tsemou-feed-media-height, 410px) !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
  background: #111 !important;
}

body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image > .card-media-image-element {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: 50% 50% !important;
}

/* Presentation classes are assigned from the real source ratio by script.js. */
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="wide"] {
  --tsemou-feed-media-height: 360px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="landscape"] {
  --tsemou-feed-media-height: 410px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="square"] {
  --tsemou-feed-media-height: 480px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="portrait"] {
  --tsemou-feed-media-height: 560px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="tall"] {
  --tsemou-feed-media-height: 620px;
}

/* Tablet/mobile: retain the same hierarchy but bind it to viewport width.
 * No fixed desktop pixels and no horizontal overflow. */
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media {
    width: 100% !important;
    max-width: 100% !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image {
    height: clamp(345px, 89.7vw, 552px) !important;
    min-height: clamp(345px, 89.7vw, 552px) !important;
    max-height: clamp(345px, 89.7vw, 552px) !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="portrait"] > .card-media-stage.card-media-stage-image,
  body:not(.entity-workspace-lock) .center-column .living-case-card > .card-media.card-media-image.has-media[data-tsemou-media-shape="tall"] > .card-media-stage.card-media-stage-image {
    height: clamp(437px, 126.5vw, 713px) !important;
    min-height: clamp(437px, 126.5vw, 713px) !important;
    max-height: clamp(437px, 126.5vw, 713px) !important;
  }
}


/* 5.71.530 — HOMEPAGE STORY SOURCE VISIBILITY LOCK
 * Audit finding: HFP-7 intentionally hid .homepage-story-source, overriding
 * the later renderer/source-data work. Restore publisher provenance on the
 * same metadata row: S/ · SOURCE · relative time. Homepage only.
 */
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story.story-card--has-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story.story-card--text-only {
  grid-template-columns: auto minmax(0, auto) minmax(0, 1fr) !important;
  column-gap: 5px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .living-case-topline .case-pill.type-pill-story {
  grid-column: 1 !important;
  grid-row: 1 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source {
  display: flex !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-items: center !important;
  justify-self: start !important;
  min-width: 0 !important;
  max-width: 210px !important;
  overflow: hidden !important;
  color: #6f7d87 !important;
  font-size: 0.74rem !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source::before {
  content: "•" !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  margin-right: 5px !important;
  color: #9aa5ad !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source a,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source strong {
  display: block !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  text-decoration: none !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .case-updated {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: start !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .case-updated::before {
  content: "•" !important;
  display: inline-block !important;
  margin-right: 5px !important;
  color: #9aa5ad !important;
}
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source {
    max-width: 34vw !important;
  }
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .case-updated {
    min-width: 0 !important;
    max-width: 38vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}


/* 5.71.642 — Story user-media rights + review foundation. */
.workspace-story-media-rights{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin:8px 0 2px;
  font-size:12px;
  line-height:1.4;
}
.workspace-story-media-rights[hidden]{display:none!important}
.workspace-story-media-rights input{margin-top:2px;flex:0 0 auto}
.workspace-story-media-rights span{opacity:.82}


/* 5.71.643 — Story user hero-image replacement proposal */
.story-workspace .case-workspace-media-hit{position:relative}
.story-image-proposal{position:absolute;right:14px;bottom:14px;z-index:4}
.story-image-proposal__trigger,
.story-image-proposal__submit{
  border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(20,30,28,.84);
  color:#fff;font:inherit;font-weight:700;padding:9px 14px;cursor:pointer;box-shadow:0 3px 14px rgba(0,0,0,.18)
}
.story-image-proposal__panel{
  position:absolute;right:0;bottom:46px;width:min(360px,calc(100vw - 44px));padding:14px;
  border:1px solid #d8dedb;border-radius:12px;background:#fff;color:#17201d;box-shadow:0 12px 34px rgba(0,0,0,.2)
}
.story-image-proposal__panel[hidden]{display:none}
.story-image-proposal__panel>strong,.story-image-proposal__panel>span{display:block;margin-bottom:8px}
.story-image-proposal__panel>span{font-size:13px;color:#5d6864}
.story-image-proposal__panel input[type=file]{display:block;width:100%;margin:10px 0}
.story-image-proposal__preview img{display:block;width:100%;max-height:180px;object-fit:cover;border-radius:8px;margin:8px 0}
.story-image-proposal__rights{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.35;margin:10px 0}
.story-image-proposal__submit{background:#087f68;border-color:#087f68}
.story-image-proposal__status{font-size:13px;line-height:1.35;margin-top:9px}
.story-image-proposal__status[data-tone="error"]{font-weight:700}
.story-image-proposal__status[data-tone="success"]{font-weight:700}
@media(max-width:700px){
  .story-image-proposal{right:9px;bottom:9px}
  .story-image-proposal__trigger{padding:8px 11px;font-size:12px}
}


/* 5.71.644 — subtle Homepage Story image proposal + dismissible Workspace panel */
.homepage-story-media-wrap{position:relative}
.homepage-story-image-proposal-link{
  position:absolute;right:9px;bottom:9px;z-index:3;
  padding:5px 8px;border-radius:999px;
  background:rgba(20,30,28,.58);color:#fff!important;
  font-size:11px;font-weight:600;line-height:1;text-decoration:none;
  opacity:.42;transition:opacity .15s ease,background .15s ease;
  backdrop-filter:blur(2px)
}
.homepage-story-media-wrap:hover .homepage-story-image-proposal-link,
.homepage-story-image-proposal-link:focus-visible{opacity:.92;background:rgba(20,30,28,.78)}
.story-image-proposal__panel{padding-top:38px}
.story-image-proposal__close{
  position:absolute;top:8px;right:8px;width:28px;height:28px;
  border:0;border-radius:50%;background:#eef1ef;color:#26312d;
  font-size:20px;line-height:28px;cursor:pointer;padding:0
}
.story-image-proposal__close:hover{background:#e1e6e3}
@media(max-width:700px){
  .homepage-story-image-proposal-link{font-size:10px;padding:5px 7px;opacity:.58}
}

/* 5.71.645 — Story Workspace UX hierarchy: clear first action, advanced material collapsed. */
.story-workspace .case-workspace-header .case-workspace-controls{gap:6px;margin-top:8px}
.story-workspace .case-workspace-header .workspace-pill{padding:7px 10px;font-size:12px;min-height:34px}
.story-workspace .story-workspace-lead{margin-top:14px}
.story-workspace .story-workspace-short-description{font-size:16px;line-height:1.55;margin-bottom:12px}
.story-workspace-participation-intro{display:flex;flex-direction:column;gap:3px;margin:14px 0 8px;padding-top:12px;border-top:1px solid #e7ebe8}
.story-workspace-participation-intro strong{font-size:15px}
.story-workspace-participation-intro span{font-size:12px;line-height:1.4;color:#66716d}
.story-workspace .workspace-composer--compact{margin-top:0}
.story-workspace-living-sections{margin-top:14px}
.story-workspace-secondary-details,
.story-workspace-admin-tools{margin:12px 0;border:1px solid #e0e5e2;border-radius:12px;background:#fff;overflow:hidden}
.story-workspace-secondary-details>summary,
.story-workspace-admin-tools>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fbfcfb}
.story-workspace-secondary-details>summary::-webkit-details-marker,
.story-workspace-admin-tools>summary::-webkit-details-marker{display:none}
.story-workspace-secondary-details>summary span:first-child,
.story-workspace-admin-tools>summary{font-size:14px}
.story-workspace-secondary-details>summary span:first-child{display:flex;flex-direction:column;gap:2px}
.story-workspace-secondary-details>summary small,
.story-workspace-admin-tools>summary small{font-size:11px;font-weight:400;color:#75807c}
.story-workspace-secondary-details__body,
.story-workspace-admin-tools__body{padding:10px 14px 14px}
.story-workspace-secondary-details__body>.case-workspace-card,
.story-workspace-secondary-details__body>.story-workspace-module{margin-top:8px}
.tsemou-admin-manual-media-workspace{margin-top:14px}
.story-workspace-admin-tools{border-style:dashed;background:#fafbfa}
.story-workspace-admin-tools>summary{color:#66716d}
.story-workspace-admin-tools__body{background:#fff}
@media(max-width:700px){
  .story-workspace .story-workspace-short-description{font-size:15px}
  .story-workspace-secondary-details>summary,.story-workspace-admin-tools>summary{padding:12px}
}

/* 5.71.645 — Story Workspace UX hierarchy */
.story-workspace .case-workspace-header .case-workspace-controls{gap:6px;margin-top:8px}
.story-workspace .case-workspace-header .workspace-pill{padding:7px 10px;font-size:12px;min-height:34px}
.story-workspace .story-workspace-lead{margin-top:14px}
.story-workspace .story-workspace-short-description{font-size:16px;line-height:1.55;margin-bottom:12px}
.story-workspace-participation-intro{display:flex;flex-direction:column;gap:3px;margin:14px 0 8px;padding-top:12px;border-top:1px solid #e7ebe8}
.story-workspace-participation-intro strong{font-size:15px}
.story-workspace-participation-intro span{font-size:12px;line-height:1.4;color:#66716d}
.story-workspace .workspace-composer--compact{margin-top:0}
.story-workspace-living-sections{margin-top:14px}
.story-workspace-secondary-details,.story-workspace-admin-tools{margin:12px 0;border:1px solid #e0e5e2;border-radius:12px;background:#fff;overflow:hidden}
.story-workspace-secondary-details>summary,.story-workspace-admin-tools>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:#fbfcfb}
.story-workspace-secondary-details>summary::-webkit-details-marker,.story-workspace-admin-tools>summary::-webkit-details-marker{display:none}
.story-workspace-secondary-details>summary span:first-child{display:flex;flex-direction:column;gap:2px}
.story-workspace-secondary-details>summary small,.story-workspace-admin-tools>summary small{font-size:11px;font-weight:400;color:#75807c}
.story-workspace-secondary-details__body,.story-workspace-admin-tools__body{padding:10px 14px 14px}
.story-workspace-secondary-details__body>.case-workspace-card,.story-workspace-secondary-details__body>.story-workspace-module{margin-top:8px}
.tsemou-admin-manual-media-workspace{margin-top:14px}
.story-workspace-admin-tools{border-style:dashed;background:#fafbfa}
.story-workspace-admin-tools>summary{color:#66716d}
.story-workspace-admin-tools__body{background:#fff}
@media(max-width:700px){.story-workspace .story-workspace-short-description{font-size:15px}.story-workspace-secondary-details>summary,.story-workspace-admin-tools>summary{padding:12px}}

/* 5.71.646 — Story Workspace simplification: one clear participation path. */
.story-workspace .workspace-composer--compact{padding:10px 14px;border:1px solid #e0e5e2;border-radius:14px;background:#fff}
.story-workspace .workspace-composer--compact .workspace-composer-head{gap:0}
.story-workspace .workspace-composer--compact .workspace-composer-tools,
.story-workspace .workspace-composer--compact .workspace-composer-image-preview,
.story-workspace .workspace-composer--compact .workspace-composer-video-preview,
.story-workspace .workspace-composer--compact .workspace-composer-message,
.story-workspace .workspace-composer--compact .workspace-composer-actions{padding-left:0}
.story-workspace-discussion-empty{margin:8px 14px 14px;padding:10px 2px;color:#75807c;font-size:12px;line-height:1.4;border:0;background:transparent}
.story-workspace .story-workspace-living-sections{margin-top:10px}
.story-workspace .story-workspace-living-sections>summary{min-height:52px}
@media(max-width:700px){.story-workspace .workspace-composer--compact{padding:9px 11px}.story-workspace-discussion-empty{margin:6px 11px 12px}}


/* 5.71.649 — Compact, separated Story participation media controls. */
.story-workspace .workspace-composer--compact:focus-within,
.story-workspace .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)),
.story-workspace .workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])),
.story-workspace .workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])){
  gap:7px;
  padding:9px 11px;
}
.story-workspace .workspace-composer--compact:focus-within .workspace-composer-head textarea[data-workspace-compose-input],
.story-workspace .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-head textarea[data-workspace-compose-input],
.story-workspace .workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-head textarea[data-workspace-compose-input],
.story-workspace .workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-head textarea[data-workspace-compose-input]{
  min-height:72px;
  max-height:132px;
  padding:10px 12px;
  border-radius:12px;
}
.story-workspace .workspace-composer--compact .workspace-composer-tools{
  display:none;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:flex-start;
  width:auto;
  gap:8px;
  min-height:28px;
  padding:0;
}
.story-workspace .workspace-composer--compact:focus-within .workspace-composer-tools,
.story-workspace .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-tools,
.story-workspace .workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-tools,
.story-workspace .workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-tools{
  display:flex;
}
.story-workspace .workspace-composer--compact .workspace-tool-button{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 28px!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  min-height:28px!important;
  max-width:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d8dfdb!important;
  border-radius:7px!important;
  background:#f7f9f8!important;
  color:#52605a!important;
  box-shadow:none!important;
  line-height:1!important;
}
.story-workspace .workspace-composer--compact .workspace-tool-button + input + .workspace-tool-button{
  margin-left:0!important;
}
.story-workspace .workspace-composer--compact .workspace-tool-button svg{
  display:block;
  width:14px;
  height:14px;
  fill:currentColor;
}
.story-workspace .workspace-composer--compact .workspace-tool-button:hover,
.story-workspace .workspace-composer--compact .workspace-tool-button:focus-visible{
  border-color:#aeb9b3!important;
  background:#eef3f0!important;
  color:#22342c!important;
  outline:none;
}
.story-workspace .workspace-composer--compact .workspace-composer-actions{
  display:none;
  justify-content:flex-start;
  align-items:center;
  margin:0;
  padding:0;
}
.story-workspace .workspace-composer--compact:focus-within .workspace-composer-actions,
.story-workspace .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)) .workspace-composer-actions,
.story-workspace .workspace-composer--compact:has(.workspace-composer-image-preview:not([hidden])) .workspace-composer-actions,
.story-workspace .workspace-composer--compact:has(.workspace-composer-video-preview:not([hidden])) .workspace-composer-actions{
  display:flex;
}
.story-workspace .workspace-composer--compact .workspace-composer-actions button{
  width:auto!important;
  min-width:0!important;
  min-height:30px!important;
  height:30px!important;
  margin:0!important;
  padding:5px 10px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
}

/* Secondary Story details remain a small affordance. */
.story-workspace .story-workspace-secondary-details{
  border:0;
  background:transparent;
  overflow:visible;
  margin:10px 0;
}
.story-workspace .story-workspace-secondary-details>summary{
  display:inline-flex;
  width:auto;
  min-height:28px;
  padding:4px 9px;
  gap:6px;
  border:1px solid #dfe5e1;
  border-radius:999px;
  background:#f8faf9;
  color:#4f5c57;
  font-size:11px;
  line-height:1.15;
}
.story-workspace .story-workspace-secondary-details>summary span:first-child{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  gap:5px;
}
.story-workspace .story-workspace-secondary-details>summary strong{font-size:11px;font-weight:700}
.story-workspace .story-workspace-secondary-details>summary small{display:none}
.story-workspace .story-workspace-secondary-details[open]>summary{background:#f1f5f3;color:#26332e}
.story-workspace .story-workspace-secondary-details__body{margin-top:8px;padding:10px 0 0}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections{
  margin:0 0 8px;border:1px solid #e3e8e5;border-radius:10px;background:#fff;overflow:hidden;
}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections>summary{
  min-height:0;padding:9px 11px;background:#fbfcfb;cursor:pointer;
}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections>summary strong{font-size:12px}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections>summary small{font-size:10px;color:#7a8581}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections__status{font-size:12px;color:#7a8581}
.story-workspace .story-workspace-secondary-details .story-workspace-living-sections__body{padding:8px}
@media(max-width:700px){
  .story-workspace .workspace-composer--compact:focus-within,
  .story-workspace .workspace-composer--compact:has(textarea[data-workspace-compose-input]:not(:placeholder-shown)){padding:8px 9px}
  .story-workspace .workspace-composer--compact .workspace-composer-tools{gap:7px}
  .story-workspace .story-workspace-secondary-details>summary{padding:4px 8px}
}


/* 5.71.658 — Participation remains direct: intro + composer only; duplicate Next Action CTA removed. */
.story-workspace .story-workspace-participation-intro{margin:14px 0 7px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.story-workspace .story-workspace-participation-intro strong{font-size:14px;color:#17251f}
.story-workspace .story-workspace-participation-intro span{font-size:11px;color:#738079}
.story-workspace .workspace-composer--compact{margin-top:0}
@media(max-width:700px){.story-workspace .story-workspace-participation-intro span{width:100%}}


/* 5.71.651 — ENGAGE-1 Behavioral Mascot + real impact feedback.
 * Workspace companion is intentionally smaller/quieter than the generic Home companion. */
body.entity-workspace-lock .living-node-page-companion.is-workspace{right:16px;bottom:16px;gap:7px}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button{width:52px;height:52px;padding:4px;border-radius:17px;box-shadow:0 7px 22px rgba(35,43,68,.14)}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button img{width:44px;height:44px}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-presence{width:10px;height:10px;border-width:2px}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-bubble{width:min(232px,calc(100vw - 86px));padding:9px 11px;border-radius:13px 13px 4px 13px;box-shadow:0 8px 24px rgba(35,43,68,.12)}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-bubble strong{font-size:10px;margin-bottom:2px;text-transform:uppercase;letter-spacing:.04em;color:#675b8d}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-bubble p{font-size:12px;line-height:1.32;color:#53615b}
body.entity-workspace-lock .living-node-page-companion.is-workspace[data-state="celebrating"] .living-node-page-bubble{border-color:#bfe3d3;background:#fbfffd}
body.entity-workspace-lock .living-node-page-companion.is-workspace[data-state="celebrating"] .living-node-page-presence{background:#15956d}
@media(max-width:700px){
 body.entity-workspace-lock .living-node-page-companion.is-workspace{right:9px;bottom:9px}
 body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button{width:46px;height:46px;border-radius:15px}
 body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button img{width:39px;height:39px}
 body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-bubble{width:min(210px,calc(100vw - 72px));padding:8px 10px}
}


/* 5.71.652 — STORY PARTICIPATION UX CLEANUP R1.
 * Remove decorative/non-functional action clutter and keep the discussion card compact. */
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-height:26px;
  margin-top:3px;
  color:#66736d;
}
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row .workspace-post-score{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 4px;
  border:0;
  background:transparent;
  color:#66736d;
  font-size:11px;
  line-height:1;
}
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row .workspace-post-reply-trigger{
  display:inline-flex;
  align-items:center;
  width:auto!important;
  min-width:0!important;
  min-height:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#53615b!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row .workspace-post-reply-trigger:hover,
.story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row .workspace-post-reply-trigger:focus-visible{
  background:#f0f4f2!important;
  color:#173d30!important;
  outline:none;
}
.story-workspace-discussion .workspace-feed-card{padding-top:11px;padding-bottom:11px}
.story-workspace-discussion .workspace-post-author{min-height:28px}
.story-workspace-discussion .workspace-feed-summary{margin:2px 0 1px}
@media(max-width:700px){
  .story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row{gap:4px}
  .story-workspace-discussion .workspace-feed-stats.workspace-post-actions-row .workspace-post-reply-trigger{padding:0 7px!important}
}


/* 5.71.655 — STORY READ-MORE DISCLOSURE R2: explicit control, word-safe preview. */
.story-workspace .story-workspace-short-description{
  appearance:none;width:100%;border:0;background:transparent;padding:0;margin:0 0 10px;
  display:block;text-align:left;cursor:pointer;color:inherit;font:inherit;
}
.story-workspace .story-workspace-short-description__text{
  display:inline;font-size:14px;line-height:1.45;font-weight:600;color:#111827;
  white-space:normal;overflow:visible;word-break:normal;overflow-wrap:normal;hyphens:none;
}
.story-workspace .story-workspace-short-description__more{
  display:inline-flex;align-items:center;gap:4px;margin:0 0 0 7px;
  font-size:11px;line-height:1.2;font-weight:700;color:#16735b;letter-spacing:.01em;
}
.story-workspace .story-workspace-short-description:hover .story-workspace-short-description__more{color:#0f5a46;text-decoration:underline}
.story-workspace .story-workspace-short-description:focus-visible{outline:2px solid rgba(22,115,91,.35);outline-offset:4px;border-radius:4px}
.story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__text{
  font-size:15px;line-height:1.55;font-weight:600;
}
.story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__text{display:block}
.story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__more{margin:7px 0 0}
.story-workspace .tsemou-admin-manual-media-workspace{margin:8px 0 0;padding:0;border:0;background:transparent}
.story-workspace .story-workspace-admin-tools{margin:0;border:1px dashed #dfe5e1;border-radius:10px;background:#fafbfa}
.story-workspace .story-workspace-admin-tools>summary{min-height:0;padding:7px 10px;background:transparent;font-size:11px}
.story-workspace .story-workspace-admin-tools>summary span{font-size:11px;font-weight:600}
.story-workspace .story-workspace-admin-tools>summary small{font-size:9px;margin-left:auto}
.story-workspace .story-workspace-admin-tools__body{padding:12px 14px 14px}
@media(max-width:700px){
  .story-workspace .story-workspace-short-description__text{font-size:13px}
  .story-workspace .story-workspace-admin-tools>summary{padding:7px 9px}
}

/* 5.71.657 — Story summary collapsed-state hard lock. Initial markup is word-safe preview; expansion is explicit. */
.story-workspace .story-workspace-short-description[aria-expanded="false"] .story-workspace-short-description__text{display:inline!important;}
.story-workspace .story-workspace-short-description[aria-expanded="false"] .story-workspace-short-description__more{display:inline-flex!important;}


/* 5.71.661 — STORY GREEK TYPOGRAPHY R1
   Greek-first readable UI typography. Removes display-style tracking that made
   Greek body copy and image CTAs look polytonic/unnatural. */
.story-workspace .story-workspace-short-description,
.story-workspace .story-workspace-short-description__text,
.story-workspace .story-workspace-short-description__more {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant: normal !important;
  font-feature-settings: normal !important;
}
.story-workspace .story-workspace-short-description__text {
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.story-workspace .story-workspace-short-description__more {
  font-weight: 650 !important;
}
.story-workspace .story-image-proposal__trigger,
.story-workspace .story-image-proposal__panel,
.story-workspace .story-image-proposal__panel strong,
.story-workspace .story-image-proposal__panel span,
.story-workspace .story-image-proposal__submit {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  font-variant: normal !important;
  font-feature-settings: normal !important;
}
.story-workspace .story-image-proposal__trigger {
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
}


/* 5.71.663 — STORY READ-MORE EDITORIAL PARAGRAPHS R1
 * Expanded Story summaries are rendered as balanced sentence-safe editorial paragraphs. */
.story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__text{
  display:block!important;
  font-size:15px!important;
  line-height:1.62!important;
  font-weight:500!important;
  max-width:100%;
}
.story-workspace .story-workspace-short-description__paragraph{
  display:block;
  margin:0 0 12px;
  padding:0;
  white-space:normal;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:none;
}
.story-workspace .story-workspace-short-description__paragraph:last-child{margin-bottom:0}
.story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__more{
  margin-top:8px!important;
}
@media(max-width:700px){
  .story-workspace .story-workspace-short-description[aria-expanded="true"] .story-workspace-short-description__text{font-size:14px!important;line-height:1.58!important}
  .story-workspace .story-workspace-short-description__paragraph{margin-bottom:10px}
}


/* 5.71.664 — Homepage Story photo-contribution CTA, including text-only Stories. */
.homepage-story-no-image-contribution{margin:7px 0 2px}
.homepage-story-no-image-contribution__link{
  display:inline-flex;align-items:center;gap:5px;max-width:100%;
  padding:4px 8px;border:1px solid #dce8e2;border-radius:999px;
  background:#f7fbf8;color:#176b58!important;text-decoration:none;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  font-size:11px;font-weight:600;line-height:1.2;letter-spacing:normal;
  transition:background .15s ease,border-color .15s ease,transform .15s ease
}
.homepage-story-no-image-contribution__link:hover,
.homepage-story-no-image-contribution__link:focus-visible{background:#eef8f2;border-color:#bcd9ca}
.homepage-story-no-image-contribution__link span{font-size:13px;line-height:1}
@media(max-width:700px){
  .homepage-story-no-image-contribution{margin-top:6px}
  .homepage-story-no-image-contribution__link{font-size:10.5px;padding:4px 7px}
}


/* MY-TSEMOU-1 — authenticated character picker. */
.living-node-page-customize{margin-top:8px;border:0;background:transparent;color:#087f6b;font:700 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.living-node-page-customize:hover{color:#056b5a}.my-tsemou-picker-open{overflow:hidden}.my-tsemou-picker{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:20px}.my-tsemou-picker__backdrop{position:absolute;inset:0;background:rgba(20,31,28,.42);backdrop-filter:blur(2px)}.my-tsemou-picker__panel{position:relative;width:min(680px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:#fff;border:1px solid #dbe6e1;border-radius:20px;box-shadow:0 24px 70px rgba(18,45,37,.22);padding:24px}.my-tsemou-picker__close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f5f3;color:#31433d;font-size:23px;line-height:1;cursor:pointer}.my-tsemou-picker__head{padding-right:40px;margin-bottom:18px}.my-tsemou-picker__head>span{display:block;color:#07806b;font-size:11px;font-weight:800;letter-spacing:.08em}.my-tsemou-picker__head h2{margin:4px 0 6px;font:750 24px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;color:#17241f}.my-tsemou-picker__head p{margin:0;max-width:560px;color:#687770;font:400 13px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}.my-tsemou-picker__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.my-tsemou-picker__choice{appearance:none;border:1px solid #dce7e2;background:#fafcfb;border-radius:14px;padding:12px 8px 10px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.my-tsemou-picker__choice:hover{transform:translateY(-1px);border-color:#9acfc2}.my-tsemou-picker__choice.is-selected{border:2px solid #078c75;background:#f1fbf7;box-shadow:0 0 0 3px rgba(7,140,117,.08)}.my-tsemou-picker__choice img{width:76px;height:76px;object-fit:contain;display:block}.my-tsemou-picker__choice strong{font:700 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#26352f;text-align:center}.my-tsemou-picker__choice span{font:600 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#7a8a83}.my-tsemou-picker__choice.is-selected span{color:#087f6b}.my-tsemou-picker__status{min-height:20px;margin:14px 0 0;color:#087f6b;font:650 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center}@media(max-width:640px){.my-tsemou-picker{padding:10px}.my-tsemou-picker__panel{padding:20px 14px;border-radius:16px;max-height:calc(100vh - 20px)}.my-tsemou-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-tsemou-picker__choice{min-height:132px}.my-tsemou-picker__choice img{width:66px;height:66px}}

/* MY-TSEMOU-2 — interest/activity identity layer. */
.my-tsemou-picker__progress{display:flex;align-items:center;gap:10px;margin:-4px 0 14px;padding:9px 12px;border:1px solid #e0e9e5;border-radius:12px;background:#f8fbfa}.my-tsemou-picker__progress span{font:800 10px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;color:#07806b}.my-tsemou-picker__progress strong{font:650 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#52635c}.my-tsemou-picker__gadgets{margin-top:16px;padding-top:15px;border-top:1px solid #e3ebe7}.my-tsemou-picker__gadgets-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}.my-tsemou-picker__gadgets-head span{font:800 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;color:#07806b}.my-tsemou-picker__gadgets-head strong{font:600 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#66766f}.my-tsemou-picker__gadget-list{display:flex;flex-wrap:wrap;gap:8px}.my-tsemou-picker__gadget{display:flex;align-items:center;gap:8px;min-width:145px;padding:8px 10px;border:1px solid #dfe8e4;border-radius:12px;background:#fbfdfc}.my-tsemou-picker__gadget>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef8f4;font-size:17px}.my-tsemou-picker__gadget span{display:flex;flex-direction:column}.my-tsemou-picker__gadget strong{font:750 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#26352f}.my-tsemou-picker__gadget small{margin-top:2px;font:500 9px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#7a8882}.my-tsemou-picker__gadgets>p{margin:10px 0 0;font:500 10px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:#7b8983}@media(max-width:640px){.my-tsemou-picker__gadgets-head{display:block}.my-tsemou-picker__gadgets-head strong{display:block;margin-top:4px}.my-tsemou-picker__gadget{flex:1 1 135px}}
/* 5.71.669 MY-TSEMOU INTERESTS & EVOLUTION R1 */
.my-tsemou-picker__interest-intro{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin:4px 0 9px}.my-tsemou-picker__interest-intro strong{font:800 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#22332d}.my-tsemou-picker__interest-intro span{font:500 10px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#718079}.my-tsemou-picker__interest-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.my-tsemou-picker__interest{display:flex;align-items:center;gap:7px;min-height:42px;padding:7px 9px;border:1px solid #dce7e2;border-radius:11px;background:#fff;color:#2c3b35;cursor:pointer;text-align:left;transition:.15s}.my-tsemou-picker__interest:hover{border-color:#91cbbd;transform:translateY(-1px)}.my-tsemou-picker__interest.is-selected{border-color:#00a786;background:#edf9f5;box-shadow:0 0 0 1px #00a786 inset}.my-tsemou-picker__interest b{font-size:16px}.my-tsemou-picker__interest span{flex:1;font:700 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif}.my-tsemou-picker__interest i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eef4f1;font:800 12px/1 system-ui;font-style:normal}.my-tsemou-picker__interest.is-selected i{background:#00a786;color:#fff}.my-tsemou-picker__interest-actions{display:flex;align-items:center;justify-content:space-between;margin:9px 0 11px}.my-tsemou-picker__interest-actions span{font:600 10px/1 system-ui;color:#718079}.my-tsemou-picker__interest-actions button{border:0;border-radius:10px;background:#078b73;color:#fff;padding:9px 13px;font:800 10px/1 system-ui;cursor:pointer}.my-tsemou-picker__interest-actions button:disabled{opacity:.55}.my-tsemou-picker__gadget-list{margin-top:6px}@media(max-width:640px){.my-tsemou-picker__interest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-tsemou-picker__interest-intro{display:block}.my-tsemou-picker__interest-intro span{display:block;margin-top:3px}}

/* 5.71.671 — MY TSEMOU Participation Evolution R1 */
.my-tsemou-picker__participation{margin-top:16px;padding-top:15px;border-top:1px solid #e3ebe7}
.my-tsemou-picker__participation-head{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:10px}
.my-tsemou-picker__participation-head span{font:800 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;color:#07806b}
.my-tsemou-picker__participation-head strong{font:600 11px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;color:#66766f;text-align:right}
.my-tsemou-picker__unlock-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.my-tsemou-picker__unlock{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dfe8e4;border-radius:12px;background:#fbfdfc}
.my-tsemou-picker__unlock>b{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#eef8f4;font-size:18px}
.my-tsemou-picker__unlock>span{display:flex;min-width:0;flex:1;flex-direction:column}
.my-tsemou-picker__unlock strong{font:750 11px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#26352f}
.my-tsemou-picker__unlock small{margin-top:2px;font:500 9px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#76867f}
.my-tsemou-picker__unlock i{display:block;height:3px;margin-top:6px;border-radius:99px;background:#e8efec;overflow:hidden}
.my-tsemou-picker__unlock i em{display:block;height:100%;border-radius:inherit;background:#0a9b7f}
.my-tsemou-picker__unlock.is-locked{opacity:.68}
.my-tsemou-picker__unlock.is-locked>b{filter:grayscale(.75)}
.my-tsemou-picker__unlock.is-unlocked{border-color:#a9dccc;background:#f2fbf7;box-shadow:0 0 0 1px rgba(10,155,127,.06) inset}
@media(max-width:640px){.my-tsemou-picker__participation-head{display:block}.my-tsemou-picker__participation-head strong{display:block;margin-top:4px;text-align:left}.my-tsemou-picker__unlock-list{grid-template-columns:1fr}}

/* 5.71.671 — MY TSEMOU VISUAL EVOLUTION R1. Earned display-only accessories. */
.living-node-page-button,.tsemou-account-card--application .tsemou-guest-login__mascot{position:relative}
.my-tsemou-visual-accessories{position:absolute;inset:-7px;pointer-events:none;z-index:4}
.my-tsemou-visual-accessory{position:absolute;display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(7,128,107,.22);border-radius:50%;background:rgba(255,255,255,.96);box-shadow:0 3px 9px rgba(28,55,46,.13);font:normal 14px/1 system-ui}
.my-tsemou-visual-accessory:nth-child(1){right:-5px;bottom:2px}.my-tsemou-visual-accessory:nth-child(2){left:-5px;top:8px}.my-tsemou-visual-accessory:nth-child(3){right:-3px;top:-3px}
.tsemou-account-card--application .tsemou-guest-login__mascot>.my-tsemou-visual-accessories{inset:0;left:50%;width:105px;transform:translateX(-50%)}
.my-tsemou-picker__visual-evolution{margin:14px 0 2px;padding:13px;border:1px solid #d9e8e2;border-radius:14px;background:linear-gradient(135deg,#f7fcfa,#fff);display:grid;grid-template-columns:1fr 150px;align-items:center;gap:14px}
.my-tsemou-picker__visual-evolution>div:first-child span{display:block;color:#07806b;font:800 10px/1.2 system-ui;letter-spacing:.08em}.my-tsemou-picker__visual-evolution>div:first-child strong{display:block;margin-top:5px;color:#52635c;font:600 11px/1.4 system-ui}
.my-tsemou-picker__visual-preview{position:relative;display:grid;place-items:center;min-height:116px;border:1px solid #e2ebe7;border-radius:13px;background:#fff}.my-tsemou-picker__visual-preview>img{width:88px;height:88px;object-fit:contain}.my-tsemou-picker__visual-preview>[data-visual-preview-rack]{position:absolute;inset:0;pointer-events:none}.my-tsemou-picker__visual-preview .my-tsemou-visual-accessory:nth-child(1){right:17px;bottom:15px}.my-tsemou-picker__visual-preview .my-tsemou-visual-accessory:nth-child(2){left:17px;top:15px}.my-tsemou-picker__visual-preview .my-tsemou-visual-accessory:nth-child(3){right:18px;top:12px}.my-tsemou-picker__visual-preview small{position:absolute;inset:auto 8px 7px;text-align:center;color:#7b8983;font:500 9px/1.3 system-ui}
@media(max-width:640px){.my-tsemou-picker__visual-evolution{grid-template-columns:1fr}.my-tsemou-picker__visual-preview{min-height:108px}}
\n/* MY-TSEMOU-6 — CHARACTER EQUIPMENT SYSTEM R1 */
.my-tsemou-visual-accessories{position:absolute;inset:0;pointer-events:none;z-index:5}
.my-tsemou-equipment{position:absolute;display:grid;place-items:center;width:auto;height:auto;padding:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:normal 15px/1 "Segoe UI Emoji","Apple Color Emoji",system-ui;filter:drop-shadow(0 1px 1px rgba(20,40,34,.22));transform-origin:center;z-index:6}
.my-tsemou-equipment.slot-head{left:50%;top:-5px;transform:translateX(-50%) rotate(-8deg);font-size:16px}
.my-tsemou-equipment.slot-hand-right{right:-3px;bottom:7px;transform:rotate(-12deg);font-size:15px}
.my-tsemou-equipment.slot-chest{left:50%;top:48%;transform:translate(-50%,-50%) scale(.72);font-size:13px}
.my-tsemou-equipment.slot-belt{left:50%;bottom:3px;transform:translateX(-50%) scale(.78);font-size:13px}
.my-tsemou-equipment.slot-shoulder{left:-3px;top:34%;transform:rotate(-14deg) scale(.78);font-size:13px}
.my-tsemou-equipment.slot-neck{left:50%;top:34%;transform:translateX(-50%) scale(.72);font-size:12px}
.tsemou-account-card--application .tsemou-guest-login__mascot>.my-tsemou-visual-accessories{inset:0;left:50%;width:105px;transform:translateX(-50%)}
.my-tsemou-picker__visual-preview>[data-visual-preview-rack]{position:absolute;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);pointer-events:none}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-head{top:-4px}.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-hand-right{right:-2px;bottom:8px}.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-chest{top:50%}.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-belt{bottom:4px}

/* 5.71.681 — SINGLE TRAIT VISUAL SIZING R1
 * Keep the compact mascot at one earned trait, but make that one trait
 * visually legible and anchored to the character instead of reading as a dot.
 * Scope is intentionally limited to compact/account mascot presentation. */
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment {
  filter: drop-shadow(0 1px 1px rgba(20,40,34,.24));
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-hand-right {
  right: 0;
  bottom: 10px;
  font-size: 20px;
  transform: rotate(-10deg);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head {
  top: -7px;
  font-size: 20px;
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-chest,
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-belt,
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-shoulder,
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-neck {
  font-size: 18px;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories {
  left: 50%;
  top: 50%;
  width: 132px;
  height: 132px;
  transform: translate(-50%,-50%);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-hand-right {
  right: 3px;
  bottom: 24px;
  font-size: 27px;
  transform: rotate(-10deg);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head {
  top: -8px;
  font-size: 26px;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-chest,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-belt,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-shoulder,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-neck {
  font-size: 23px;
}
@media (max-width:760px){
  .living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-hand-right{font-size:18px;bottom:8px}
}


/* 5.71.682 — MY TSEMOU PRIMARY TRAIT SELECTOR R1 */
.my-tsemou-picker__primary-trait{margin-top:16px;padding-top:14px;border-top:1px solid #dfe9e5}
.my-tsemou-picker__trait-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.my-tsemou-picker__trait{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 11px;border:1px solid #d9e5e1;border-radius:12px;background:#fff;text-align:left;cursor:pointer;color:#17352e}
.my-tsemou-picker__trait:hover{border-color:#79bda9;background:#f7fcfa}
.my-tsemou-picker__trait.is-selected{border:2px solid #078b71;background:#eefaf6;padding:8px 10px}
.my-tsemou-picker__trait>b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1f7f4;font-size:20px;flex:0 0 auto}
.my-tsemou-picker__trait span{display:flex;flex-direction:column;gap:2px;min-width:0}.my-tsemou-picker__trait strong{font-size:12px}.my-tsemou-picker__trait small{font-size:10px;color:#667d75}
@media(max-width:640px){.my-tsemou-picker__trait-list{grid-template-columns:1fr}}


/* 5.71.683 — CHARACTER EQUIPMENT SLOT ANCHORS R1
 * Stable body-relative slots for the single primary trait.
 * Prevents head traits from escaping into the username and prevents voice/other
 * traits from covering the face. Full My TSEMOU preview uses the same slot map. */
.my-tsemou-equipment.slot-side-left{left:-2px;top:44%;transform:translate(-55%,-50%);font-size:15px}
.my-tsemou-equipment.slot-side-right{right:-2px;top:44%;transform:translate(55%,-50%);font-size:15px}
.my-tsemou-equipment.slot-head-left{left:19%;top:4%;transform:translate(-50%,-50%) rotate(-8deg);font-size:15px}
.my-tsemou-equipment.slot-shoulder-left{left:4%;top:48%;transform:translate(-50%,-50%) rotate(-10deg);font-size:14px}

/* Floating companion: slots are anchored to the 47px character image, not the outer bubble. */
.living-node-page-button > .my-tsemou-visual-accessories{
  left:50%;top:50%;width:47px;height:47px;inset:auto;transform:translate(-50%,-50%);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head{
  left:50%;top:2px;font-size:17px;transform:translate(-50%,-45%);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head-left{
  left:23%;top:5px;font-size:16px;transform:translate(-50%,-45%) rotate(-8deg);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-hand-right{
  right:-5px;bottom:5px;font-size:18px;transform:rotate(-9deg);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-side-left{
  left:-3px;top:48%;font-size:16px;transform:translate(-55%,-50%);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-shoulder-left{
  left:1px;top:55%;font-size:15px;transform:translate(-50%,-50%) rotate(-8deg);
}
.living-node-page-button > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-neck{
  left:50%;top:57%;font-size:15px;transform:translate(-50%,-50%);
}

/* HOME account mascot is 93px wide at the approved desktop geometry. Keep its
 * equipment rack exactly on that image so no trait can reach the username. */
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories{
  left:50%;top:50%;width:93px;height:93px;inset:auto;transform:translate(-50%,-50%);overflow:visible;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head{
  left:50%;top:5px;font-size:23px;transform:translate(-50%,-45%);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-head-left{
  left:23%;top:8px;font-size:22px;transform:translate(-50%,-45%) rotate(-8deg);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-hand-right{
  right:-8px;bottom:17px;font-size:26px;transform:rotate(-9deg);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-side-left{
  left:-5px;top:48%;font-size:22px;transform:translate(-55%,-50%);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-shoulder-left{
  left:2px;top:56%;font-size:21px;transform:translate(-50%,-50%) rotate(-8deg);
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories .my-tsemou-equipment.slot-neck{
  left:50%;top:59%;font-size:20px;transform:translate(-50%,-50%);
}

/* Full My TSEMOU preview: same semantic slots at the 88px preview coordinate system. */
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-head{left:50%;top:4px;font-size:22px;transform:translate(-50%,-45%)}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-head-left{left:23%;top:7px;font-size:21px;transform:translate(-50%,-45%) rotate(-8deg)}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-hand-right{right:-6px;bottom:14px;font-size:24px;transform:rotate(-9deg)}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-side-left{left:-4px;top:48%;font-size:20px;transform:translate(-55%,-50%)}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-shoulder-left{left:2px;top:56%;font-size:19px;transform:translate(-50%,-50%) rotate(-8deg)}
.my-tsemou-picker__visual-preview .my-tsemou-equipment.slot-neck{left:50%;top:59%;font-size:19px;transform:translate(-50%,-50%)}

@media(max-width:980px){
  body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories{width:93px;height:93px}
}

/* 5.71.684 — PRECISION EQUIPMENT ATTACHMENT R1
 * Same model used by mature avatar systems: canonical body coordinates + named
 * attachment metadata. Runtime rack geometry is measured from the rendered avatar
 * image itself; no HOME/floating/preview pixel-offset forks remain in authority. */
.my-tsemou-visual-accessories.my-tsemou-visual-accessories--precision,
.tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories.my-tsemou-visual-accessories--precision,
.living-node-page-button > .my-tsemou-visual-accessories.my-tsemou-visual-accessories--precision,
.my-tsemou-picker__visual-preview > [data-visual-preview-rack].my-tsemou-visual-accessories--precision {
  position:absolute !important;
  inset:auto !important;
  transform:none !important;
  pointer-events:none !important;
  overflow:visible !important;
  z-index:7 !important;
}
.my-tsemou-equipment.my-tsemou-equipment--asset {
  position:absolute !important;
  display:block !important;
  left:var(--equip-x) !important;
  top:var(--equip-y) !important;
  width:var(--equip-w) !important;
  height:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  filter:drop-shadow(0 1px 1px rgba(20,40,34,.16)) !important;
  object-fit:contain !important;
  transform:translate(-50%,-50%) rotate(var(--equip-r,0deg)) !important;
  transform-origin:50% 50% !important;
  z-index:8 !important;
}
/* Preview shows the same coordinate geometry, not a separate hand-tuned layout. */
.my-tsemou-picker__visual-preview > [data-visual-preview-rack].my-tsemou-visual-accessories--precision small{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:center
}


/* 5.71.685 — EQUIPMENT HOST ANCHOR FIX R1
 * The precision rack must establish its containing block on the avatar host itself.
 * 5.71.684 measured the avatar correctly but the HOME account mascot was static-positioned,
 * so its absolute rack escaped to an ancestor and landed near the account divider. */
.tsemou-account-card--application .tsemou-guest-login__mascot,
.tsemou-guest-login--application .tsemou-guest-login__mascot,
.living-node-page-button,
.my-tsemou-picker__visual-preview {
  position:relative !important;
}
.tsemou-account-card--application .tsemou-guest-login__mascot > img,
.tsemou-guest-login--application .tsemou-guest-login__mascot > img {
  position:relative;
  z-index:1;
}
.my-tsemou-visual-accessories.my-tsemou-visual-accessories--precision {
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
}
\n\n

/* 5.71.691 — COMPACT AVATAR RENDERER R1 — AUTHORITATIVE CONTRACT
 * One CSS authority for public identity surfaces. Geometry lives in the compact SVG;
 * CSS only selects component size. No scale/translate/object-position compensation. */
:root{
  --tsemou-avatar-account:58px;
  --tsemou-avatar-post:30px;
  --tsemou-avatar-reply:22px;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot{
  width:var(--tsemou-avatar-account) !important;max-width:var(--tsemou-avatar-account) !important;
  margin:0 auto 7px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--application .tsemou-guest-login__mascot > .my-tsemou-visual-accessories,
.living-node-page-button > .my-tsemou-visual-accessories,
.story-workspace-discussion .workspace-avatar > .my-tsemou-visual-accessories,
.workspace-feed-card .workspace-avatar > .my-tsemou-visual-accessories{display:none !important}

.story-workspace-discussion .workspace-post-author,.workspace-feed-card .workspace-post-author{
  display:flex !important;align-items:center !important;gap:12px !important;min-height:var(--tsemou-avatar-post) !important
}
.story-workspace-discussion .workspace-post-author .workspace-avatar.workspace-avatar--post,
.workspace-feed-card .workspace-avatar.workspace-avatar--post{
  width:var(--tsemou-avatar-post) !important;height:var(--tsemou-avatar-post) !important;flex:0 0 var(--tsemou-avatar-post) !important;
  border:0 !important;border-radius:50% !important;overflow:hidden !important;padding:0 !important;background:transparent !important;box-shadow:none !important
}
.story-workspace-discussion .workspace-post-reply-item{padding-left:34px}
.story-workspace-discussion .workspace-avatar.workspace-avatar--reply,
.workspace-post-reply-item .workspace-avatar.workspace-avatar--reply{
  width:var(--tsemou-avatar-reply) !important;height:var(--tsemou-avatar-reply) !important;flex:0 0 var(--tsemou-avatar-reply) !important;
  border:0 !important;border-radius:50% !important;overflow:hidden !important;padding:0 !important;background:transparent !important;box-shadow:none !important
}
.story-workspace-discussion .workspace-avatar img,.workspace-feed-card .workspace-avatar img,
.workspace-post-reply-item .workspace-avatar img{
  display:block !important;width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;
  transform:none !important;border-radius:50% !important
}
.story-workspace-discussion .workspace-author-identity,.workspace-feed-card .workspace-author-identity,
.workspace-post-reply-item .workspace-author-identity{
  display:inline-flex !important;align-items:baseline !important;gap:3px !important;flex-wrap:nowrap !important;white-space:nowrap !important;min-width:0 !important
}
.story-workspace-discussion .workspace-author-identity strong,.workspace-feed-card .workspace-author-identity strong,
.workspace-post-reply-item .workspace-author-identity strong{
  font-size:.82rem !important;line-height:1.15 !important;max-width:180px !important;overflow:hidden !important;text-overflow:ellipsis !important
}
.story-workspace-discussion .workspace-author-time,.workspace-feed-card .workspace-author-time,
.workspace-post-reply-item .workspace-author-time{font-size:.67rem !important;line-height:1.15 !important;color:#697684 !important;font-weight:500 !important}
.story-workspace-discussion .workspace-author-handle,.workspace-feed-card .workspace-author-handle,
.workspace-post-reply-item .workspace-author-handle{display:none !important}
.story-workspace-discussion .workspace-post-reply-author{min-height:var(--tsemou-avatar-reply) !important;gap:6px !important}

/* Compact reply composer retained from 690, without touching avatar geometry. */
.story-workspace-discussion .workspace-post-reply-composer{margin-top:6px !important;padding-top:6px !important;padding-bottom:4px !important}
.story-workspace-discussion .workspace-post-reply-composer textarea,.community-reply-composer textarea{
  display:block !important;width:100% !important;min-height:54px !important;max-height:96px !important;box-sizing:border-box !important;resize:vertical !important;
  padding:9px 11px !important;border:1px solid #d7dee7 !important;border-radius:12px !important;background:#fff !important;font:inherit !important;font-size:.88rem !important;line-height:1.35 !important
}
.story-workspace-discussion .workspace-post-reply-actions,.community-reply-actions{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:6px !important;margin-top:6px !important}
.story-workspace-discussion .workspace-post-reply-actions button,.community-reply-actions button{min-height:30px !important;padding:5px 12px !important;border-radius:999px !important;font-size:.74rem !important;line-height:1 !important}
@media(max-width:640px){:root{--tsemou-avatar-account:54px;--tsemou-avatar-post:30px;--tsemou-avatar-reply:21px}}

/* 5.71.692 — AVATAR BOUNDS INVARIANT R1
 * Safety contract: every workspace avatar owns a finite box even if legacy/context CSS wins.
 * Inline dimensions from renderer are the first guard; these generic rules are the second. */
.workspace-avatar{
  box-sizing:border-box !important;
  overflow:hidden !important;
  border-radius:50% !important;
}
.workspace-avatar.workspace-avatar--post{
  width:30px !important;height:30px !important;min-width:30px !important;max-width:30px !important;
  min-height:30px !important;max-height:30px !important;flex-basis:30px !important;
}
.workspace-avatar.workspace-avatar--reply{
  width:22px !important;height:22px !important;min-width:22px !important;max-width:22px !important;
  min-height:22px !important;max-height:22px !important;flex-basis:22px !important;
}
.workspace-avatar > img{
  display:block !important;width:100% !important;height:100% !important;max-width:100% !important;max-height:100% !important;
  object-fit:contain !important;border-radius:50% !important;transform:none !important;
}

/* 5.71.696 — STORY REPLIES COMPACT DISCLOSURE R1
   The replies visibility control is a secondary disclosure, never a primary CTA. */
.story-workspace-discussion .workspace-post-replies-toggle,
.story-workspace-discussion [data-workspace-replies-toggle]{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
  min-height:24px!important;
  height:24px!important;
  margin:5px 0 5px 38px!important;
  padding:0 8px!important;
  border:1px solid #d8e1dc!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#53615b!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.story-workspace-discussion .workspace-post-replies-toggle:hover,
.story-workspace-discussion .workspace-post-replies-toggle:focus-visible,
.story-workspace-discussion [data-workspace-replies-toggle]:hover,
.story-workspace-discussion [data-workspace-replies-toggle]:focus-visible{
  background:#f3f7f5!important;
  border-color:#c4d4cc!important;
  color:#173d30!important;
  outline:none!important;
}
@media(max-width:700px){
  .story-workspace-discussion .workspace-post-replies-toggle,
  .story-workspace-discussion [data-workspace-replies-toggle]{
    margin-left:32px!important;
    min-height:23px!important;
    height:23px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
  }
}

/* TGLL Sprint 3 — compact, non-invasive translation affordances. */
.tsemou-translation-host{min-width:0}
.living-case-title-wrap{flex:1 1 auto;min-width:0}
.tsemou-translation-notice{display:inline-flex;align-items:center;gap:5px;margin-top:4px;font-size:11px;line-height:1.25;color:inherit;opacity:.68}
.tsemou-translation-toggle{appearance:none;border:0;background:transparent;padding:0;margin-left:2px;font:inherit;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.tsemou-translation-toggle:hover{opacity:.8}
.tsemou-language-dialog{position:fixed;inset:0;z-index:2147482500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.36)}
.tsemou-language-dialog__card{position:relative;width:min(420px,calc(100vw - 32px));background:#fff;color:#161616;border-radius:14px;padding:20px;box-shadow:0 18px 55px rgba(0,0,0,.22);display:grid;gap:12px}
.tsemou-language-dialog__card strong{font-size:18px}
.tsemou-language-dialog__card p{margin:0;font-size:13px;line-height:1.45;opacity:.76}
.tsemou-language-dialog__card select{width:100%;min-height:42px;border:1px solid rgba(0,0,0,.18);border-radius:9px;padding:8px 10px;background:#fff;color:#161616}
.tsemou-language-dialog__save{min-height:42px;border:0;border-radius:9px;padding:9px 14px;font-weight:700;cursor:pointer;background:#161616;color:#fff}
.tsemou-language-dialog__close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:25px;line-height:1;cursor:pointer;color:inherit}
.tsemou-language-dialog__card small{min-height:16px;font-size:11px;opacity:.72}
.tsemou-language-dialog__field{display:grid;gap:5px}.tsemou-language-dialog__field>span{font-weight:600}.tsemou-language-dialog__field>small{display:block;line-height:1.35;margin:0 0 2px}
@media (max-width:700px){.tsemou-language-dialog{align-items:flex-end;padding:10px}.tsemou-language-dialog__card{width:100%;border-radius:14px 14px 10px 10px}}

/* 5.71.716 — PARTICIPATION CONTROLS 25 PERCENT COMPACT R1
 * Presentation-only: scale the Home Story participation + discussion controls to 75%.
 * No participation state, counts, event handlers or persistence changes. */
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .entry-actions {
  gap: 7.5px !important;
  min-height: 29px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill {
  min-width: 84px !important;
  height: 29px !important;
  min-height: 29px !important;
  padding: 0 4px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-btn {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill .vote-arrow {
  width: 15px !important;
  height: 15px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-total-score {
  min-width: 26px !important;
  height: 24px !important;
  padding: 0 2px !important;
  font-size: 10px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:hover,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:focus,
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action:focus-visible {
  gap: 5px !important;
  min-width: 54px !important;
  height: 29px !important;
  min-height: 29px !important;
  padding: 0 10px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-icon {
  width: 15px !important;
  height: 15px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-count {
  min-width: 9px !important;
  font-size: 10px !important;
}
@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .entry-actions { gap: 6px !important; }
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .tsemit-score-pill { min-width: 81px !important; }
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.story-card--has-media,.story-card--text-only) .living-case-footer .feed-story-discussion-action { min-width: 51px !important; padding: 0 9px !important; }
}


/* 5.71.718 — HOME STORY METADATA ROW ANCHOR R1
 * Repair translation-wrapper/grid regression on Homepage Story cards.
 * The title translation host became the grid item while legacy HFP rules still
 * positioned the nested h3. Anchor the actual wrapper to row 2 so the canonical
 * metadata sentence (S/ · source · relative time) owns row 1 above the title/media.
 * Presentation only: no feed, translation, participation, RSS or media logic changes. */
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .living-case-title-wrap {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  align-self: start !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .living-case-title-wrap > .living-case-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 1px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .living-case-topline .case-pill.type-pill-story,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-source,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .case-updated {
  grid-row: 1 !important;
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .homepage-story-media-wrap,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .card-media,
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-no-image-contribution {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}
@media (max-width: 720px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .living-case-title-wrap {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

/* 5.71.722 — Home companion is a concrete help menu, not a generic promise. */
.living-node-page-help-menu{display:grid;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #eceaf3}
.living-node-page-help-menu button{appearance:none;width:100%;border:1px solid #e2e7e4;border-radius:9px;background:#fff;color:#294039;padding:7px 8px;text-align:left;font:650 11px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.living-node-page-help-menu button:hover,.living-node-page-help-menu button:focus-visible,.living-node-page-help-menu button.is-active{border-color:#9bcfc2;background:#f2faf7;color:#087f6b;outline:0}
.living-node-page-help-menu [data-my-tsemou-open]{color:#087f6b;border-color:#cce6df;background:#f8fcfa}


/* 5.71.726 — HEADER SEARCH FINAL WIDTH AUTHORITY R1
 * Root cause: later HFP-11 desktop geometry re-expanded .homepage-feed-search
 * to the full flexible center track (max-width:none !important), overriding
 * the earlier compact-search rules. Keep the full-width page geometry, but
 * hard-limit only the visible search control so navigation never overlaps.
 */
@media (min-width: 1201px) {
  body:not(.entity-workspace-lock) .site-header .homepage-feed-search {
    width: min(400px, 100%) !important;
    max-width: 400px !important;
    min-width: 0 !important;
    justify-self: start !important;
    margin: 0 !important;
  }

  body:not(.entity-workspace-lock) .site-header .header-nav {
    position: relative !important;
    z-index: 2 !important;
    justify-self: end !important;
    min-width: max-content !important;
  }
}

/* 5.71.732 — HOME STORY MEDIA PORTRAIT CEILING R2
 * Retains the proven 5.71.730 real-DOM authority unchanged except for one thing:
 * the runtime maximum for extreme tall/portrait media is now 600px instead of 700px.
 * Root-cause repair: Homepage Story media is NOT a direct child of the card.
 * Runtime markup is:
 *   .living-case-card.case-type-story
 *     > .homepage-story-media-wrap
 *       > .card-media.card-media-image.has-media
 *
 * Previous 5.71.729 selectors used `card > .card-media`, so they never matched.
 * Desktop only. Numeric pixel policy retained: full card width; 420–600px height,
 * with the exact natural rendered height inside those bounds.
 */
@media (min-width: 761px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin: 0 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    justify-self: stretch !important;
    margin: 0 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: var(--tsemou-feed-media-height, 420px) !important;
    min-height: var(--tsemou-feed-media-height, 420px) !important;
    max-height: var(--tsemou-feed-media-height, 420px) !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #111 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image > .card-media-image-element {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }
}


/* 5.71.737 — CASE RESOLUTION HUB / COMMUNITY BRIDGE
 * Presentation-only reinforcement of the existing Case contracts. The Case
 * remains the problem-solving hub; Communities are invited collaborators and
 * never absorb Case ownership or auto-enrol their members.
 */
.case-workspace[data-entity-type="case"] .case-overview-community-action{
  width:100%;
  min-height:40px;
  margin-top:8px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  background:transparent;
  color:inherit;
  font-weight:700;
}
.case-workspace[data-entity-type="case"] .case-overview-community-action:hover,
.case-workspace[data-entity-type="case"] .case-overview-community-action:focus-visible{
  border-color:rgba(255,255,255,.34);
  background:rgba(255,255,255,.045);
}
.case-workspace[data-entity-type="case"] .case-community-bridge-note{
  margin:0 0 14px;
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  line-height:1.45;
  font-size:.92rem;
}
.case-workspace[data-entity-type="case"] .case-community-invitations-panel .case-community-invitation-status ul{
  margin:8px 0 14px;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.case-workspace[data-entity-type="case"] .case-community-invitations-panel .case-community-invitation-status li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:10px;
}
@media (max-width:700px){
  .case-workspace[data-entity-type="case"] .case-community-invitations-panel .case-community-invitation-status li{
    align-items:flex-start;
    flex-direction:column;
  }
}

.case-workspace[data-entity-type="case"] .case-connected-communities{margin:0 0 14px}
.case-workspace[data-entity-type="case"] .case-connected-communities h4{margin:0 0 8px}
.case-workspace[data-entity-type="case"] .case-connected-community-list{display:grid;gap:8px}

/* 5.71.738 — CASE ENTRY & DISCOVERY: first-class public Case destination. */
.tsemou-homepage-beta--cases{background:#fbfbf8;min-height:100vh;color:#172027}
.tsemou-case-directory{max-width:1260px;margin:0 auto;padding:0 18px 56px}
.tsemou-case-directory .tsemou-purpose-categories-header{position:sticky;top:0;z-index:20;background:rgba(251,251,248,.96);backdrop-filter:blur(12px)}
.tsemou-case-directory__main{max-width:1080px;margin:0 auto;padding:42px 0 70px}
.tsemou-case-directory__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:18px 0 28px;border-bottom:1px solid #dde2dc}
.tsemou-case-directory__hero p{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#718078}
.tsemou-case-directory__hero h1{margin:0;font-size:44px;line-height:1.02;letter-spacing:-.035em}
.tsemou-case-directory__hero span{display:block;margin-top:10px;max-width:650px;font-size:16px;color:#5c6762}
.tsemou-case-directory__create{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:#0c8c75;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap;box-shadow:0 7px 18px rgba(12,140,117,.14)}
.tsemou-case-directory__stats{display:flex;gap:10px;flex-wrap:wrap;padding:18px 0}
.tsemou-case-directory__stats span{display:inline-flex;align-items:baseline;gap:6px;padding:8px 11px;border:1px solid #e0e5df;border-radius:999px;background:#fff;font-size:12px;color:#67716c}.tsemou-case-directory__stats strong{font-size:14px;color:#1c2822}
.tsemou-case-directory__tools{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;margin:4px 0 18px}.tsemou-case-directory__tools label{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid #d8ded8;border-radius:12px;background:#fff}.tsemou-case-directory__tools input{width:100%;border:0!important;outline:0;background:transparent;font:inherit}.tsemou-case-directory__tools select{min-height:42px;border:1px solid #d8ded8;border-radius:12px;background:#fff;padding:0 12px}
.tsemou-case-directory__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tsemou-case-directory-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:190px;border:1px solid #e0e5df;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 2px 10px rgba(23,32,39,.025)}
.tsemou-case-directory-card__media{display:flex;align-items:center;justify-content:center;min-height:100%;background:#eef2ee;overflow:hidden;text-decoration:none}.tsemou-case-directory-card__media img{width:100%;height:100%;object-fit:cover}.tsemou-case-directory-card__media--empty span{font-size:12px;font-weight:900;letter-spacing:.18em;color:#8b9790}
.tsemou-case-directory-card__body{display:flex;flex-direction:column;padding:16px}.tsemou-case-directory-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#839089}.tsemou-case-directory-status{font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#177b69}.tsemou-case-directory-card h2{margin:10px 0 7px;font-size:18px;line-height:1.24}.tsemou-case-directory-card h2 a{color:inherit;text-decoration:none}.tsemou-case-directory-card p{margin:0 0 8px;color:#58645e;font-size:13px;line-height:1.45}.tsemou-case-directory-origin{display:block;color:#7e8983;font-size:11px;line-height:1.35}.tsemou-case-directory-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;font-size:12px;color:#758078}.tsemou-case-directory-card__footer a{font-weight:800;color:#0b7f6c;text-decoration:none}
.tsemou-case-directory-empty,.tsemou-case-directory-no-results{grid-column:1/-1;padding:34px;border:1px dashed #ccd5ce;border-radius:16px;background:#fff;text-align:center}.tsemou-case-directory-empty p{color:#69736e}.tsemou-case-directory-empty a{display:inline-flex;padding:9px 15px;border-radius:999px;background:#0c8c75;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:760px){.tsemou-case-directory{padding:0 12px 40px}.tsemou-case-directory__main{padding-top:22px}.tsemou-case-directory__hero{align-items:flex-start;flex-direction:column}.tsemou-case-directory__hero h1{font-size:36px}.tsemou-case-directory__create{width:100%}.tsemou-case-directory__tools{grid-template-columns:1fr}.tsemou-case-directory__grid{grid-template-columns:1fr}.tsemou-case-directory-card{grid-template-columns:112px minmax(0,1fr);min-height:170px}}

/* 5.71.788 — public one-click Entity candidate proposal state. */
.story-workspace-entity-candidate {
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.story-workspace-entity-candidate:hover:not(:disabled),
.story-workspace-entity-candidate:focus-visible {
  border-color: #0f8f7a;
  background: #f3fbf8;
  outline: none;
}
.story-workspace-entity-candidate.is-saving { opacity: .72; cursor: wait; }
.story-workspace-entity-candidate.is-proposed,
.story-workspace-entity-candidate:disabled.is-proposed {
  opacity: 1;
  cursor: default;
  border-color: #b8d9cf;
  background: #f4faf7;
}
.story-workspace-entity-candidate.is-proposed .story-workspace-entity-candidate__plus { color: #087866; }
.story-workspace-entity-candidate__count {
  font-size: 10px;
  line-height: 1;
  opacity: .65;
}

/* 5.71.793 — precision-first manual Entity proposal + chip visual parity. */
.story-workspace-entity-candidate,
.story-workspace-entity-manual-trigger {
  min-height: 30px;
  padding: 5px 10px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
}
.story-workspace-entity-candidate > span:last-of-type,
.story-workspace-entity-manual-trigger > span:last-of-type {
  letter-spacing: 0;
  text-transform: none;
}
.story-workspace-entity-manual-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid rgba(31,45,71,.12);
  background: #f8fafc;
  color: #263650;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}
.story-workspace-entity-manual-trigger:hover,
.story-workspace-entity-manual-trigger:focus-visible {
  border-color: #0f8f7a;
  background: #f3fbf8;
  outline: none;
}
.story-workspace-entity-candidate.is-manual {
  border-style: solid;
}
.story-workspace-entity-manual-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 8px;
}
.story-workspace-entity-manual-form[hidden] { display: none; }
.story-workspace-entity-manual-form input {
  min-width: min(270px, 100%);
  min-height: 34px;
  padding: 6px 10px;
  border: 1px solid rgba(31,45,71,.18);
  border-radius: 9px;
  background: #fff;
  color: #263650;
  font: inherit;
  font-size: .82rem;
  letter-spacing: 0;
}
.story-workspace-entity-manual-form button {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid rgba(31,45,71,.14);
  border-radius: 999px;
  background: #f8fafc;
  color: #263650;
  font: inherit;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
}
.story-workspace-entity-manual-form small {
  flex-basis: 100%;
  color: #66756f;
  font-size: 11px;
  line-height: 1.3;
}

/* 5.71.805 — private proposal lifecycle feedback for the proposing viewer. */
.story-workspace-entity-proposal-outcome {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(31,45,71,.12);
  border-radius: 999px;
  background: #f8fafc;
  color: #263650;
  font-size: .82rem;
  font-weight: 700;
  line-height: 1.2;
}
.story-workspace-entity-proposal-outcome.is-approved { border-color: #b8d9cf; background: #f4faf7; }
.story-workspace-entity-proposal-outcome.is-rejected { opacity: .78; }
.story-workspace-entity-proposal-outcome small,
.story-workspace-entity-candidate.is-manual small,
.story-workspace-entity-candidate.is-proposed small,
.story-workspace-canonical-entity.is-user-approved small {
  font-size: 10px;
  font-weight: 600;
  opacity: .7;
}
.story-workspace-canonical-entity.is-user-approved { border-color: #b8d9cf; background: #f4faf7; }

/* 5.71.854 — STORY ENTITY COMPONENT SYSTEM
   Single authoritative layer for Story Entity chips, disclosures, rejected state,
   add form, vote control and compact action-row geometry. */
:root{
  --tsemou-ui-success:#16865f;
  --tsemou-ui-success-border:#8fd1bd;
  --tsemou-ui-success-surface:#f1faf6;
  --tsemou-ui-danger:#c63f36;
  --tsemou-ui-danger-strong:#d93025;
  --tsemou-ui-attention:#9a701d;
  --tsemou-ui-attention-border:#ddc37b;
  --tsemou-ui-attention-surface:#fff8e6;
  --tsemou-ui-accent:#245d9b;
  --tsemou-ui-accent-border:#9fc2ea;
  --tsemou-ui-accent-surface:#eef6ff;
  --tsemou-ui-muted:#667085;
  --tsemou-ui-muted-border:#d8dde5;
  --tsemou-ui-muted-surface:#f7f8fa;
  --tsemou-ui-text:#344054;
  --tsemou-ui-surface:#fff;
  --tsemou-ui-hover:#f1f4f8;
  --tsemou-ui-focus:#1677d2;
  --tsemou-entity-chip-height:26px;
  --tsemou-entity-chip-font-size:12px;
  --tsemou-entity-chip-font-weight:600;
  --tsemou-entity-chip-radius:999px;
}
.story-workspace-primary-action-row{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 8px;
  width:100%;
}
.story-workspace-primary-action-row > .story-workspace-canonical-entities,
.story-workspace-primary-action-row > .story-workspace-canonical-entities > .story-workspace-canonical-entities-list,
.story-workspace-entity-manual-proposals-host,
.story-workspace-entity-outcomes-host{
  display:contents !important;
}
.story-workspace-primary-action-row > .story-workspace-metrics{
  display:inline-flex !important;
  flex:0 0 auto;
  align-items:center;
  gap:6px;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
.story-workspace-entity-chip-wrap,
.story-workspace-entity-not-included{
  position:relative;
  display:inline-flex;
  flex:0 0 auto;
}
.story-workspace-entity-chip,
.story-workspace-entity-proposal-outcome,
.story-workspace-entity-not-included > summary{
  box-sizing:border-box !important;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  min-height:var(--tsemou-entity-chip-height) !important;
  height:var(--tsemou-entity-chip-height);
  padding:2px 8px !important;
  border:1px solid var(--tsemou-ui-muted-border);
  border-radius:var(--tsemou-entity-chip-radius) !important;
  font-family:inherit !important;
  font-size:var(--tsemou-entity-chip-font-size) !important;
  font-weight:var(--tsemou-entity-chip-font-weight) !important;
  font-style:normal !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  white-space:nowrap;
}
.story-workspace-entity-chip :where(span,strong,b,em),
.story-workspace-entity-proposal-outcome :where(span,strong,b,em){
  font:inherit !important;
  letter-spacing:inherit !important;
  text-transform:inherit !important;
}
.story-workspace-canonical-entity{
  border-color:var(--tsemou-ui-success-border);
  background:var(--tsemou-ui-success-surface);
  color:var(--tsemou-ui-text);
  cursor:pointer;
}
.story-workspace-canonical-entity:hover,
.story-workspace-canonical-entity:focus-visible{
  border-color:var(--tsemou-ui-success);
}
.story-workspace-entity-candidate{
  border-color:var(--tsemou-ui-attention-border);
  background:var(--tsemou-ui-attention-surface);
  color:var(--tsemou-ui-text);
}
.story-workspace-entity-candidate[data-story-entity-candidate-propose],
.story-workspace-entity-candidate.is-proposed{
  cursor:pointer;
}
.story-workspace-entity-proposal-outcome.is-approved{
  border-color:var(--tsemou-ui-success-border);
  background:var(--tsemou-ui-success-surface);
  color:var(--tsemou-ui-text);
  cursor:pointer;
}
.story-workspace-entity-chip__mark{
  flex:0 0 auto;
  margin-right:3px;
}
.story-workspace-entity-manual-trigger{
  min-width:28px !important;
  justify-content:center;
  padding-inline:6px !important;
  border-color:var(--tsemou-ui-accent-border);
  background:var(--tsemou-ui-accent-surface);
  color:var(--tsemou-ui-accent);
  cursor:pointer;
}
.story-workspace-canonical-entity__score{
  flex:0 0 auto;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:18px;
  margin-left:5px;
  padding:0 5px;
  border-radius:999px;
  background:var(--tsemou-ui-danger-strong);
  color:#fff;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:18px !important;
}
.story-workspace-canonical-entity__score[aria-label*="Επίδραση +"]{
  background:var(--tsemou-ui-success);
}
.story-workspace-entity-disclosure{
  position:absolute;
  z-index:70;
  left:0;
  top:calc(100% + 6px);
  width:min(320px,78vw);
  padding:10px 12px;
  border:1px solid var(--tsemou-ui-muted-border);
  border-radius:10px;
  background:var(--tsemou-ui-surface);
  box-shadow:0 8px 24px rgba(20,30,45,.14);
  color:var(--tsemou-ui-text);
  font-size:12px;
  line-height:1.4;
}
.story-workspace-entity-disclosure__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.story-workspace-entity-disclosure p{margin:7px 0;}
.story-workspace-entity-disclosure a{font-weight:700;text-decoration:none;}
.story-workspace-entity-not-included > summary{
  min-width:34px !important;
  justify-content:center;
  gap:2px;
  padding-inline:5px !important;
  list-style:none;
  border-color:var(--tsemou-ui-muted-border);
  background:var(--tsemou-ui-muted-surface);
  color:var(--tsemou-ui-muted);
  cursor:pointer;
}
.story-workspace-entity-not-included > summary::-webkit-details-marker{display:none;}
.story-workspace-entity-not-included__face{
  display:block;
  width:22px;
  height:22px;
  flex:0 0 22px;
  object-fit:contain;
}
.story-workspace-entity-not-included__count{
  min-width:8px;
  text-align:center;
  font-size:11px !important;
  font-weight:700 !important;
}
.story-workspace-entity-not-included-list{
  position:absolute !important;
  z-index:72;
  top:calc(100% + 6px);
  right:0;
  left:auto !important;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  width:max-content;
  max-width:min(300px,calc(100vw - 32px));
  padding:8px;
  border:1px solid var(--tsemou-ui-muted-border);
  border-radius:10px;
  background:var(--tsemou-ui-surface);
  box-shadow:0 8px 24px rgba(20,30,45,.14);
}
.story-workspace-entity-not-included:not([open]) .story-workspace-entity-not-included-list{display:none !important;}
.story-workspace-entity-not-included-list .story-workspace-entity-proposal-outcome{
  height:auto;
  min-height:24px !important;
  opacity:.78;
}
.story-workspace-entity-manual-form{
  flex:1 0 100%;
  width:100%;
  margin-top:2px;
}
.story-workspace-vote-counter{
  display:inline-flex !important;
  align-items:center !important;
  gap:2px !important;
  min-height:28px !important;
  padding:2px 5px !important;
  border:1px solid var(--tsemou-ui-muted-border) !important;
  border-radius:999px !important;
  background:var(--tsemou-ui-muted-surface) !important;
}
.story-workspace-vote-arrow{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  font-size:0 !important;
}
.story-workspace-vote-arrow > span{
  display:block !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}
.story-workspace-vote-arrow--up{color:var(--tsemou-ui-success) !important;}
.story-workspace-vote-arrow--up > span{
  border-left:5px solid transparent !important;
  border-right:5px solid transparent !important;
  border-bottom:8px solid currentColor !important;
}
.story-workspace-vote-arrow--down{color:var(--tsemou-ui-danger) !important;}
.story-workspace-vote-arrow--down > span{
  border-left:5px solid transparent !important;
  border-right:5px solid transparent !important;
  border-top:8px solid currentColor !important;
}

/* Persisted participation state: survives refresh because renderer restores .is-active. */
.story-workspace-vote-arrow--up.is-active,
.story-workspace-vote-arrow--up[aria-pressed="true"]{
  background:var(--tsemou-ui-success-surface) !important;
  box-shadow:inset 0 0 0 1px var(--tsemou-ui-success-border);
  color:var(--tsemou-ui-success) !important;
}
.story-workspace-vote-arrow--down.is-active,
.story-workspace-vote-arrow--down[aria-pressed="true"]{
  background:var(--tsemou-ui-danger-surface) !important;
  box-shadow:inset 0 0 0 1px #efb2ad;
  color:var(--tsemou-ui-danger) !important;
}
.story-workspace-vote-arrow.is-inactive{
  opacity:.62;
}
.story-workspace-vote-score{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:20px !important;
  height:22px !important;
  padding:0 2px !important;
  margin:0 !important;
  font-family:inherit !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  color:var(--tsemou-ui-text) !important;
}
.story-workspace-entity-chip:focus-visible,
.story-workspace-entity-not-included > summary:focus-visible,
.story-workspace-vote-arrow:focus-visible{
  outline:2px solid var(--tsemou-ui-focus) !important;
  outline-offset:2px !important;
}

/* 5.71.858 — LIVING ENTITY WORKSPACE V1
   Light TSEMOU presentation inspired by dense entity dashboards, without copying them. */
.living-entity-workspace-root{
  background:#f6f8f5;
}
.living-entity-workspace{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:10px 0 28px;
  color:#1d2939;
}
.living-entity-overview{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(150px,.72fr) minmax(150px,.72fr);
  gap:10px;
}
.living-entity-identity-card,
.living-entity-metric-card,
.living-entity-related,
.living-entity-story-impact,
.living-entity-foundation-card{
  border:1px solid #dde5df;
  border-radius:12px;
  background:#fff;
}
.living-entity-identity-card{
  padding:16px 17px;
}
.living-entity-kicker,
.living-entity-metric-card > span,
.living-entity-section-head > div > span{
  display:block;
  margin-bottom:5px;
  color:#68776e;
  font-size:10px;
  font-weight:750;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.living-entity-identity-card h2{
  margin:0 0 7px;
  font-size:22px;
  line-height:1.15;
}
.living-entity-identity-card p{
  margin:0 0 9px;
  color:#53625a;
  font-size:12px;
  line-height:1.45;
}
.living-entity-id{
  color:#7a8780;
  font-size:10px;
}
.living-entity-metric-card{
  display:flex;
  min-height:112px;
  flex-direction:column;
  justify-content:center;
  padding:14px;
}
.living-entity-metric-card strong{
  margin:2px 0 5px;
  font-size:25px;
  line-height:1;
}
.living-entity-metric-card strong.is-positive{color:#16865f;}
.living-entity-metric-card strong.is-negative{color:#c63f36;}
.living-entity-metric-card strong.is-neutral{color:#667085;}
.living-entity-metric-card small{
  color:#7a8780;
  font-size:10px;
  line-height:1.3;
}
.living-entity-related,
.living-entity-story-impact{
  padding:12px;
}
.living-entity-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.living-entity-section-head h3{
  margin:0;
  font-size:14px;
}
.living-entity-section-head > small{
  color:#7a8780;
  font-size:10px;
}
.living-entity-related-row{
  display:flex;
  gap:8px;
  overflow-x:auto;
  padding-bottom:2px;
}
.living-entity-related-chip{
  display:flex;
  min-width:112px;
  flex:0 0 auto;
  flex-direction:column;
  gap:2px;
  padding:8px 10px;
  border:1px solid #dfe7e2;
  border-radius:10px;
  background:#f9fbfa;
  color:#24342b;
  text-decoration:none;
}
.living-entity-related-chip span{
  font-size:11px;
  font-weight:700;
}
.living-entity-related-chip small{
  color:#758179;
  font-size:9px;
}
.living-entity-story-list{
  display:flex;
  flex-direction:column;
}
.living-entity-story-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) 70px 16px;
  align-items:center;
  gap:8px;
  min-height:58px;
  padding:9px 4px;
  border-top:1px solid #edf0ee;
  color:#26342c;
  text-decoration:none;
}
.living-entity-story-row:first-child{border-top:0;}
.living-entity-story-direction{
  display:flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
.living-entity-story-row.is-positive .living-entity-story-direction,
.living-entity-story-row.is-positive .living-entity-story-impact{color:#16865f;}
.living-entity-story-row.is-negative .living-entity-story-direction,
.living-entity-story-row.is-negative .living-entity-story-impact{color:#c63f36;}
.living-entity-story-row.is-unrated .living-entity-story-direction,
.living-entity-story-row.is-unrated .living-entity-story-impact{color:#87938c;}
.living-entity-story-row.is-unrated .living-entity-story-direction{
  border-style:dashed;
}
.living-entity-story-copy{
  min-width:0;
}
.living-entity-story-copy strong{
  display:block;
  overflow:hidden;
  color:#24342b;
  font-size:11px;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.living-entity-story-copy small{
  display:-webkit-box;
  margin-top:3px;
  overflow:hidden;
  color:#738078;
  font-size:9px;
  line-height:1.3;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.living-entity-story-impact{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  text-align:right;
}
.living-entity-story-impact small{
  color:#7a867f;
  font-size:8px;
  font-weight:600;
  line-height:1.1;
}
.living-entity-story-impact strong{
  font-size:12px;
  font-weight:800;
  line-height:1.15;
}
.living-entity-story-open{
  color:#89958e;
  font-size:18px;
}
.living-entity-foundation{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.living-entity-foundation-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:9px 11px;
}
.living-entity-foundation-card span{
  color:#69766f;
  font-size:10px;
}
.living-entity-foundation-card strong{
  font-size:13px;
}
.living-entity-empty{
  padding:20px;
  border-radius:10px;
  background:#f8faf9;
  text-align:center;
}
.living-entity-empty strong{font-size:12px;}
.living-entity-empty p,
.living-entity-empty-inline{
  color:#738078;
  font-size:10px;
}
@media (max-width:780px){
  .living-entity-overview{grid-template-columns:1fr 1fr;}
  .living-entity-identity-card{grid-column:1/-1;}
  .living-entity-story-row{grid-template-columns:22px minmax(0,1fr) 58px 14px;}
  .living-entity-foundation{grid-template-columns:1fr 1fr;}
}


/* 5.71.874 — Living Entity consumer-first hierarchy.
   Presentation only: no data writes, no ranking invention. */
.living-entity-overview{
  grid-template-columns:minmax(0,1.45fr) minmax(180px,.82fr) minmax(155px,.68fr);
  gap:10px;
}
.living-entity-score-card,
.living-entity-support-card{
  min-height:118px;
  border:1px solid #dde5df;
  border-radius:12px;
  background:#fff;
}
.living-entity-score-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:13px 14px;
}
.living-entity-score-copy{
  min-width:0;
}
.living-entity-score-copy > span,
.living-entity-support-card > span{
  display:block;
  margin-bottom:5px;
  color:#68776e;
  font-size:9px;
  font-weight:800;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.living-entity-score-copy > strong{
  display:block;
  margin:0 0 5px;
  font-size:29px;
  line-height:1;
}
.living-entity-score-copy > small,
.living-entity-support-card > small{
  display:block;
  color:#77847d;
  font-size:9px;
  line-height:1.35;
}
.living-entity-score-card.is-positive .living-entity-score-copy > strong,
.living-entity-score-card.is-positive .living-entity-score-arrow{color:#16865f;}
.living-entity-score-card.is-negative .living-entity-score-copy > strong,
.living-entity-score-card.is-negative .living-entity-score-arrow{color:#c63f36;}
.living-entity-score-card.is-neutral .living-entity-score-copy > strong,
.living-entity-score-card.is-neutral .living-entity-score-arrow{color:#667085;}
.living-entity-score-gauge{
  display:flex;
  width:42px;
  height:42px;
  flex:0 0 42px;
  align-items:center;
  justify-content:center;
  border:1px solid #dfe6e1;
  border-radius:999px;
  background:#f8faf9;
}
.living-entity-score-arrow{
  font-size:22px;
  font-weight:900;
  line-height:1;
}
.living-entity-support-card{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:13px 14px;
}
.living-entity-support-card > strong{
  display:block;
  margin:0 0 5px;
  font-size:27px;
  line-height:1;
}
.living-entity-story-impact{
  padding:13px;
}
.living-entity-story-impact .living-entity-section-head{
  margin-bottom:7px;
}
.living-entity-story-copy strong{
  font-size:11.5px;
}
.living-entity-foundation-secondary{
  opacity:.78;
}
@media (max-width:780px){
  .living-entity-overview{
    grid-template-columns:1fr 1fr;
  }
  .living-entity-identity-card{
    grid-column:1/-1;
  }
  .living-entity-score-card,
  .living-entity-support-card{
    min-height:104px;
  }
  .living-entity-score-copy > strong{
    font-size:25px;
  }
  .living-entity-score-gauge{
    width:36px;
    height:36px;
    flex-basis:36px;
  }
}
\n\n/* 5.71.876 — Entity Story row editorial-density cleanup.\n   Presentation only. Canonical IDs, relations and evaluation payload remain untouched. */\n.living-entity-identity-card{\n  padding:16px 17px 15px;\n}\n.living-entity-story-impact{\n  padding:15px 16px 13px;\n}\n.living-entity-story-impact .living-entity-section-head{\n  display:block;\n  margin:0 0 8px;\n}\n.living-entity-story-impact .living-entity-section-head h3{\n  margin:0;\n  font-size:15px;\n  font-weight:700;\n  line-height:1.3;\n  letter-spacing:0;\n}\n.living-entity-story-list{\n  margin:0 -4px;\n}\n.living-entity-story-row{\n  grid-template-columns:24px minmax(0,1fr) 38px 14px;\n  gap:10px;\n  min-height:68px;\n  padding:11px 6px;\n}\n.living-entity-story-direction{\n  width:22px;\n  height:22px;\n  font-size:12px;\n}\n.living-entity-story-copy strong{\n  display:-webkit-box;\n  overflow:hidden;\n  color:#24342b;\n  font-size:13px;\n  font-weight:700;\n  line-height:1.35;\n  letter-spacing:0;\n  white-space:normal;\n  text-overflow:clip;\n  -webkit-box-orient:vertical;\n  -webkit-line-clamp:2;\n}\n.living-entity-story-copy small{\n  margin-top:4px;\n  color:#6f7d75;\n  font-size:11px;\n  font-weight:400;\n  line-height:1.4;\n  letter-spacing:0;\n  -webkit-line-clamp:2;\n}\n.living-entity-story-impact{\n  align-items:center;\n  padding:0;\n  text-align:center;\n}\n.living-entity-story-impact strong{\n  min-width:32px;\n  padding:4px 5px;\n  border-radius:999px;\n  background:#f8faf9;\n  font-size:12px;\n  font-weight:750;\n  line-height:1.2;\n}\n.living-entity-story-open{\n  justify-self:end;\n  font-size:17px;\n}\n@media (max-width:780px){\n  .living-entity-story-impact{padding:12px;}\n  .living-entity-story-row{grid-template-columns:22px minmax(0,1fr) 34px 12px;gap:8px;padding:10px 2px;}\n  .living-entity-story-copy strong{font-size:12.5px;}\n  .living-entity-story-copy small{font-size:10.5px;}\n}\n\n\n/* 5.71.877 — Company brand identity lockup. Presentation only. */\n.living-entity-identity-card.has-brand-identity{\n  --entity-brand-accent:#34423b;\n  position:relative;\n  overflow:hidden;\n}\n.living-entity-identity-card.has-brand-identity::before{\n  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--entity-brand-accent);opacity:.9;\n}\n.living-entity-brand-lockup{display:flex;align-items:flex-start;gap:12px;min-width:0;}\n.living-entity-brand-mark{\n  flex:0 0 48px;width:48px;height:48px;border:1px solid #dce4df;border-radius:12px;\n  display:grid;place-items:center;background:#fff;overflow:hidden;color:var(--entity-brand-accent);\n  font-size:16px;font-weight:800;letter-spacing:-.03em;\n}\n.living-entity-brand-mark.has-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box;}\n.living-entity-brand-mark.is-fallback{background:color-mix(in srgb,var(--entity-brand-accent) 8%,#fff);border-color:color-mix(in srgb,var(--entity-brand-accent) 22%,#dce4df);}\n.living-entity-brand-copy{min-width:0;flex:1;}\n.living-entity-brand-copy h2{margin-top:2px;}\n.living-entity-brand-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;}\n.living-entity-brand-meta span{padding:2px 7px;border:1px solid #e0e6e2;border-radius:999px;background:#fafcfb;color:#647169;font-size:10px;line-height:1.4;}\n.living-entity-brand-domain{margin-top:6px;color:#68766e;font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n@media (max-width:780px){.living-entity-brand-mark{flex-basis:42px;width:42px;height:42px;border-radius:10px}.living-entity-brand-lockup{gap:10px}}\n

/* 5.71.879 — external brand mark candidate fallback. */
.living-entity-brand-mark.is-external-candidate{
  position:relative;
}
.living-entity-brand-mark.is-external-candidate .living-entity-brand-image{
  position:relative;
  z-index:2;
}
.living-entity-brand-neutral-fallback{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#667085;
  font-size:15px;
}
.living-entity-brand-mark.is-external-candidate.brand-image-failed .living-entity-brand-image{
  display:none;
}
.living-entity-brand-mark.is-external-candidate:not(.brand-image-failed) .living-entity-brand-neutral-fallback{
  opacity:0;
}
.living-entity-brand-mark.is-external-candidate.brand-image-failed .living-entity-brand-neutral-fallback{
  opacity:1;
}


/* 5.71.886 — COMPANY BRAND GEOMETRY CONTAINMENT.
   A remote SVG/logo must never influence Workspace grid geometry. */
.living-entity-workspace,
.living-entity-overview,
.living-entity-overview > *,
.living-entity-story-impact,
.living-entity-story-list,
.living-entity-story-row,
.living-entity-story-copy,
.living-entity-related,
.living-entity-foundation{
  min-width:0 !important;
  max-width:100%;
  box-sizing:border-box;
}

.living-entity-overview{
  width:100%;
  overflow:hidden;
  grid-template-columns:minmax(0,1.55fr) minmax(0,.72fr) minmax(0,.72fr) !important;
}

.living-entity-identity-card.has-brand-identity{
  min-width:0 !important;
  overflow:hidden !important;
}

.living-entity-brand-lockup{
  width:100%;
  min-width:0 !important;
  max-width:100%;
  overflow:hidden;
}

.living-entity-brand-mark,
.living-entity-brand-mark.has-logo{
  display:grid !important;
  flex:0 0 54px !important;
  width:54px !important;
  min-width:54px !important;
  max-width:54px !important;
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.living-entity-brand-mark.has-logo > img,
.living-entity-brand-mark .living-entity-brand-image{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:100% !important;
  min-height:0 !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  padding:5px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.living-entity-brand-copy{
  flex:1 1 auto;
  width:auto;
  min-width:0 !important;
  max-width:100%;
  overflow:hidden;
}
.living-entity-brand-copy h2,
.living-entity-brand-domain{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

.living-entity-story-impact{
  width:100%;
  overflow:hidden;
}
.living-entity-story-row{
  width:100%;
  grid-template-columns:24px minmax(0,1fr) 70px 16px !important;
}
.living-entity-story-copy strong,
.living-entity-story-copy small{
  max-width:100%;
}

@media (max-width:780px){
  .living-entity-brand-mark,
  .living-entity-brand-mark.has-logo{
    flex-basis:46px !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    max-height:46px !important;
  }
}


/* 5.71.887 — COMPANY LOGO LOCKUP + CLEAN WORKSPACE.
   Remote logo stays visually useful while remaining fully contained. */
.tsemou-company-pipeline-trace{
  display:none !important;
}

.living-entity-identity-card.has-brand-identity{
  overflow:hidden !important;
}

.living-entity-brand-lockup{
  display:flex !important;
  align-items:flex-start !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.living-entity-brand-mark,
.living-entity-brand-mark.has-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 116px !important;
  width:116px !important;
  min-width:116px !important;
  max-width:116px !important;
  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;
  overflow:hidden !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  box-sizing:border-box !important;
}

.living-entity-brand-mark.has-logo > img,
.living-entity-brand-mark .living-entity-brand-image{
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  max-width:116px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
  padding:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

.living-entity-brand-copy{
  flex:1 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.living-entity-workspace,
.living-entity-overview,
.living-entity-story-impact,
.living-entity-related,
.living-entity-foundation{
  overflow-x:hidden !important;
}

@media (max-width:780px){
  .living-entity-brand-lockup{
    gap:9px !important;
  }
  .living-entity-brand-mark,
  .living-entity-brand-mark.has-logo{
    flex-basis:92px !important;
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:42px !important;
    min-height:42px !important;
    max-height:42px !important;
  }
  .living-entity-brand-mark.has-logo > img,
  .living-entity-brand-mark .living-entity-brand-image{
    max-width:92px !important;
    max-height:38px !important;
  }
}


/* 5.71.889 — ENTITY SCORE DIRECTION UX LOCK.
   The number stays unsigned; direction is carried only by the green/red arrow. */
.living-entity-score-card .living-entity-score-copy > strong{
  font-size:32px;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;
}
.living-entity-score-card.is-positive .living-entity-score-gauge{
  border-color:#b9dfcf;
  background:#f1faf6;
}
.living-entity-score-card.is-negative .living-entity-score-gauge{
  border-color:#efc5c1;
  background:#fff6f5;
}
.living-entity-score-card.is-neutral .living-entity-score-gauge{
  border-color:#dfe6e1;
  background:#f8faf9;
}
.living-entity-score-arrow{font-size:25px;}

/* 5.71.890 — Entity WHY heading UX lock. Presentation only. */
.living-entity-story-impact .living-entity-section-head{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  margin:0 0 12px;
  text-align:center;
}
.living-entity-story-impact .living-entity-section-head h3{
  margin:0;
  color:#24342b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.01em;
}
@media (max-width:780px){
  .living-entity-story-impact .living-entity-section-head{margin-bottom:10px;}
  .living-entity-story-impact .living-entity-section-head h3{font-size:19px;}
}


/* 5.71.891 — ENTITY WORKSPACE EDITORIAL DISCOVERY UX
   Consumer-first visual hierarchy: fewer boxes, stronger identity, score hero,
   open Story explanation, and related-entity discovery only when real data exists. */

.living-entity-workspace{
  --entity-ink:#17212b;
  --entity-muted:#66727f;
  --entity-line:rgba(24,39,54,.10);
  --entity-surface:#fff;
  --entity-warm:#fbfaf7;
  --entity-positive:#138a55;
  --entity-negative:#d33a32;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.living-entity-overview.living-entity-overview-editorial{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.95fr) !important;
  gap:0 !important;
  width:100%;
  margin:0 0 14px !important;
  padding:0 !important;
  background:linear-gradient(135deg,#fff 0%,#fff 58%,#fbfaf7 100%);
  border:1px solid var(--entity-line);
  border-radius:18px;
  box-shadow:0 8px 28px rgba(24,39,54,.055);
  overflow:hidden !important;
}

.living-entity-overview-editorial .living-entity-identity-card{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  padding:22px 24px !important;
  min-height:166px;
  display:flex;
  align-items:center;
}

.living-entity-overview-editorial .living-entity-brand-lockup{
  align-items:center !important;
  gap:18px !important;
}

.living-entity-overview-editorial .living-entity-brand-mark,
.living-entity-overview-editorial .living-entity-brand-mark.has-logo{
  flex-basis:128px !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;
  height:62px !important;
  min-height:62px !important;
  max-height:62px !important;
}

.living-entity-overview-editorial .living-entity-brand-mark.has-logo > img,
.living-entity-overview-editorial .living-entity-brand-mark .living-entity-brand-image{
  max-width:128px !important;
  max-height:58px !important;
}

.living-entity-overview-editorial .living-entity-kicker{
  display:block;
  margin:0 0 4px;
  color:var(--entity-muted);
  font-size:10px;
  font-weight:750;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.living-entity-overview-editorial .living-entity-brand-copy h2,
.living-entity-overview-editorial .living-entity-identity-card > h2{
  margin:0 0 7px !important;
  color:var(--entity-ink);
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(27px,2.5vw,38px) !important;
  line-height:1.02 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
}

.living-entity-overview-editorial .living-entity-brand-domain{
  color:var(--entity-muted) !important;
  font-size:13px !important;
  letter-spacing:.01em;
}

.living-entity-metrics{
  display:grid;
  grid-template-columns:minmax(0,1fr) 104px;
  border-left:1px solid var(--entity-line);
  min-width:0;
}

.living-entity-overview-editorial .living-entity-score-card,
.living-entity-overview-editorial .living-entity-support-card{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  min-width:0 !important;
  padding:20px 18px !important;
}

.living-entity-overview-editorial .living-entity-support-card{
  border-left:1px solid var(--entity-line) !important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}

.living-entity-overview-editorial .living-entity-score-copy>span,
.living-entity-overview-editorial .living-entity-support-card>span{
  color:var(--entity-muted) !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.13em;
}

.living-entity-score-hero{
  display:flex;
  align-items:center;
  gap:12px;
  margin:5px 0 4px;
}

.living-entity-score-hero strong{
  color:var(--entity-ink);
  font-size:clamp(36px,4vw,52px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em;
  font-weight:760 !important;
}

.living-entity-score-hero .living-entity-score-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border-radius:999px;
  font-size:26px;
  line-height:1;
  font-weight:700;
  background:rgba(102,114,127,.08);
}

.living-entity-score-card.is-positive .living-entity-score-hero strong,
.living-entity-score-card.is-positive .living-entity-score-arrow{
  color:var(--entity-positive) !important;
}
.living-entity-score-card.is-positive .living-entity-score-arrow{
  background:rgba(19,138,85,.09);
}
.living-entity-score-card.is-negative .living-entity-score-hero strong,
.living-entity-score-card.is-negative .living-entity-score-arrow{
  color:var(--entity-negative) !important;
}
.living-entity-score-card.is-negative .living-entity-score-arrow{
  background:rgba(211,58,50,.09);
}

.living-entity-overview-editorial .living-entity-score-copy small,
.living-entity-overview-editorial .living-entity-support-card small{
  color:var(--entity-muted) !important;
  font-size:11px !important;
  line-height:1.35;
}

.living-entity-overview-editorial .living-entity-support-card strong{
  margin:6px 0 4px;
  color:var(--entity-ink);
  font-size:28px !important;
  line-height:1;
}

.living-entity-story-impact.living-entity-story-impact-editorial{
  margin:0 0 14px !important;
  padding:20px 22px 12px !important;
  border:0 !important;
  border-radius:18px !important;
  background:var(--entity-surface);
  box-shadow:0 7px 24px rgba(24,39,54,.045);
}

.living-entity-section-head.living-entity-section-head-editorial{
  display:flex !important;
  align-items:baseline !important;
  justify-content:space-between !important;
  gap:16px;
  margin:0 0 12px !important;
  padding:0 4px !important;
}

.living-entity-section-head-editorial h3{
  margin:0 !important;
  color:var(--entity-ink) !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:25px !important;
  line-height:1 !important;
  letter-spacing:-.02em;
  font-weight:700 !important;
}

.living-entity-story-balance{
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--entity-muted);
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
}
.living-entity-story-balance span+span:before{
  content:"";
  display:inline-block;
  width:3px;
  height:3px;
  margin:0 7px 2px 0;
  border-radius:999px;
  background:currentColor;
  opacity:.45;
}
.living-entity-story-balance .is-positive{color:var(--entity-positive)}
.living-entity-story-balance .is-negative{color:var(--entity-negative)}

.living-entity-story-impact-editorial .living-entity-story-list{
  border-top:1px solid var(--entity-line);
}

.living-entity-story-impact-editorial .living-entity-story-row{
  min-height:72px;
  padding:13px 4px !important;
  border:0 !important;
  border-bottom:1px solid var(--entity-line) !important;
  border-radius:0 !important;
  background:transparent !important;
  transition:background .16s ease,transform .16s ease;
}
.living-entity-story-impact-editorial .living-entity-story-row:last-child{
  border-bottom:0 !important;
}
.living-entity-story-impact-editorial .living-entity-story-row:hover{
  background:var(--entity-warm) !important;
  transform:translateX(2px);
}

.living-entity-story-impact-editorial .living-entity-story-copy strong{
  color:var(--entity-ink);
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:700;
}
.living-entity-story-impact-editorial .living-entity-story-copy small{
  margin-top:3px;
  color:var(--entity-muted) !important;
  font-size:10px !important;
  line-height:1.35 !important;
}

.living-entity-story-impact-editorial .living-entity-story-direction{
  border:0 !important;
  background:transparent !important;
  font-size:21px !important;
  font-weight:800;
}
.living-entity-story-impact-editorial .is-positive .living-entity-story-direction,
.living-entity-story-impact-editorial .is-positive .living-entity-story-impact{
  color:var(--entity-positive) !important;
}
.living-entity-story-impact-editorial .is-negative .living-entity-story-direction,
.living-entity-story-impact-editorial .is-negative .living-entity-story-impact{
  color:var(--entity-negative) !important;
}

.living-entity-story-impact-editorial .living-entity-story-impact{
  border:0 !important;
  background:transparent !important;
  font-size:16px !important;
  font-weight:800 !important;
}

.living-entity-related.living-entity-discovery{
  margin:0 0 14px !important;
  padding:18px 22px !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#fbfaf7,#fff);
  box-shadow:0 6px 22px rgba(24,39,54,.04);
}
.living-entity-discovery .living-entity-related-row{
  display:flex;
  gap:10px;
  overflow-x:auto;
  padding:2px 2px 6px;
  scrollbar-width:thin;
}
.living-entity-discovery .living-entity-related-chip{
  flex:0 0 auto;
  min-width:145px;
  padding:12px 14px !important;
  border:1px solid var(--entity-line) !important;
  border-radius:14px !important;
  background:#fff !important;
  transition:transform .16s ease,box-shadow .16s ease;
}
.living-entity-discovery .living-entity-related-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 18px rgba(24,39,54,.07);
}

/* Consumer UI no longer shows low-context technical foundation counters. */
.living-entity-foundation-secondary{
  display:none !important;
}

@media(max-width:780px){
  .living-entity-overview.living-entity-overview-editorial{
    grid-template-columns:1fr !important;
  }
  .living-entity-metrics{
    border-left:0;
    border-top:1px solid var(--entity-line);
  }
  .living-entity-overview-editorial .living-entity-identity-card{
    min-height:132px;
    padding:18px !important;
  }
  .living-entity-overview-editorial .living-entity-brand-mark,
  .living-entity-overview-editorial .living-entity-brand-mark.has-logo{
    flex-basis:98px !important;
    width:98px !important;
    min-width:98px !important;
    max-width:98px !important;
    height:50px !important;
  }
  .living-entity-section-head.living-entity-section-head-editorial{
    align-items:flex-start !important;
  }
  .living-entity-story-balance{
    font-size:10px;
  }
}

/* 5.71.892 — COUNTRY + COMPANY DISCOVERY + STORY THUMBNAILS */
.living-entity-brand-meta .living-entity-country{display:inline-flex;align-items:center;gap:6px}.living-entity-brand-meta .living-entity-country b{font-size:16px;line-height:1;font-weight:400}
.living-entity-story-impact-editorial .living-entity-story-row{display:grid!important;grid-template-columns:54px minmax(0,1fr) 48px 14px!important;gap:12px!important;align-items:center!important}
.living-entity-story-thumb{width:54px;height:44px;border-radius:8px;overflow:hidden;background:#f1f3f4;display:flex;align-items:center;justify-content:center}.living-entity-story-thumb img{width:100%;height:100%;object-fit:cover;display:block}.living-entity-story-thumb.is-empty{background:transparent;border:1px solid var(--entity-line);font-size:19px}.living-entity-story-row.is-positive .living-entity-story-thumb.is-empty{color:var(--entity-positive)}.living-entity-story-row.is-negative .living-entity-story-thumb.is-empty{color:var(--entity-negative)}
.living-entity-discovery .living-entity-related-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible!important}.living-entity-discovery .living-entity-related-card{min-width:0!important;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px!important}.living-entity-related-logo{width:42px;height:42px;border-radius:10px;background:#f5f6f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.living-entity-related-logo img{width:100%;height:100%;object-fit:contain;padding:5px;box-sizing:border-box}.living-entity-related-logo b{font-size:12px}.living-entity-related-copy{min-width:0}.living-entity-related-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.living-entity-related-copy small{display:block;margin-top:3px;font-size:9px;color:var(--entity-muted)}.living-entity-related-score{font-size:16px;font-weight:800}
@media(max-width:780px){.living-entity-story-impact-editorial .living-entity-story-row{grid-template-columns:48px minmax(0,1fr) 40px 10px!important;gap:8px!important}.living-entity-story-thumb{width:48px;height:40px}.living-entity-discovery .living-entity-related-row{display:flex!important;overflow-x:auto!important}.living-entity-discovery .living-entity-related-card{min-width:190px!important}}


/* 5.71.894 — temporary admin-only PHP local enrichment trace */
.living-entity-local-php-trace{
  width:100%;
  box-sizing:border-box;
  margin:0 0 14px;
  padding:14px 16px;
  border:2px solid #b3261e;
  border-radius:10px;
  background:#fff8f6;
  color:#29110f;
  overflow:auto;
}
.living-entity-local-php-trace-title{
  margin:0 0 8px;
  font:800 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.05em;
  color:#b3261e;
}
.living-entity-local-php-trace pre{
  margin:0;
  max-height:430px;
  overflow:auto;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  font:600 11px/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}


/* 5.71.896 — COMPANY UX POLISH R1.
   Presentation only: readable country/industry line + richer related-company cards. */
.living-entity-brand-meta{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:7px!important;
  margin-top:7px;
  color:#65736b;
  font-size:11px;
  line-height:1.35;
}
.living-entity-brand-meta > span{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:inherit!important;
}
.living-entity-brand-meta .living-entity-country{
  display:inline-flex!important;
  align-items:center;
  gap:5px!important;
}
.living-entity-brand-meta .living-entity-country b{font-size:15px!important}
.living-entity-brand-meta > i{font-style:normal;color:#a2aaa5}
.living-entity-brand-meta .living-entity-industry{color:#4e5d55!important}

.living-entity-discovery .living-entity-related-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.living-entity-discovery .living-entity-related-card{
  min-height:78px;
  grid-template-columns:54px minmax(0,1fr) 18px!important;
  gap:11px!important;
  padding:12px 13px!important;
  border:1px solid #e1e6e3;
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.living-entity-discovery .living-entity-related-card:hover{
  transform:translateY(-1px);
  border-color:#cfd8d2;
  box-shadow:0 6px 18px rgba(28,46,36,.06);
}
.living-entity-related-logo{
  width:54px!important;height:54px!important;border-radius:11px!important;
  border:1px solid #edf0ee;background:#fafbfa!important;
}
.living-entity-related-logo img{padding:7px!important}
.living-entity-related-copy strong{
  font-size:13px!important;line-height:1.25;color:#1e2d25;
}
.living-entity-related-copy small{margin-top:4px!important}
.living-entity-related-country{
  display:flex!important;align-items:center;gap:5px;
  font-size:10px!important;color:#647169!important;
}
.living-entity-related-country b{font-size:13px;font-weight:400;line-height:1}
.living-entity-related-industry{
  font-size:10px!important;color:#7a8780!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.living-entity-related-open{justify-self:end;color:#87938c;font-size:19px;line-height:1}
@media(max-width:780px){
  .living-entity-discovery .living-entity-related-row{display:flex!important;gap:9px!important;overflow-x:auto!important}
  .living-entity-discovery .living-entity-related-card{min-width:225px!important}
}

/* 5.71.897 — Company Discovery right rail: editorial, local-only company news. */
body.entity-workspace-lock .right-column .tsemou-company-discovery-rail { display:block; }
.tsemou-company-discovery-list { gap:10px; }
.tsemou-company-news-card { display:grid; grid-template-columns:72px minmax(0,1fr) 14px; gap:10px; align-items:center; padding:10px 0; color:inherit; text-decoration:none; border-bottom:1px solid rgba(15,23,42,.08); }
.tsemou-company-news-card:last-child { border-bottom:0; }
.tsemou-company-news-card:hover .tsemou-company-news-title { text-decoration:underline; text-underline-offset:2px; }
.tsemou-company-news-thumb { width:72px; height:58px; border-radius:8px; overflow:hidden; background:#eef2f0; }
.tsemou-company-news-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.tsemou-company-news-body { min-width:0; display:grid; gap:5px; }
.tsemou-company-news-source { display:flex; align-items:center; gap:6px; min-width:0; font-size:11px; }
.tsemou-company-news-source strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tsemou-company-news-source small { color:#718096; white-space:nowrap; }
.tsemou-company-news-logo { width:22px; height:22px; border-radius:6px; background:#fff; border:1px solid rgba(15,23,42,.08); display:grid; place-items:center; overflow:hidden; font-size:8px; font-weight:700; flex:0 0 auto; }
.tsemou-company-news-logo img { width:100%; height:100%; object-fit:contain; }
.tsemou-company-news-title { font-size:13px; line-height:1.28; font-weight:700; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.tsemou-company-news-open { color:#7b8b92; font-size:20px; }


/* 5.71.934 — HOME brand switch: hammer-as-T flat wordmark. HOME only. */
body:not(.entity-workspace-lock) .logo.tsemou-home-new-brand{gap:0;height:44px;max-width:190px;overflow:visible}
body:not(.entity-workspace-lock) .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{display:block;width:188px;height:44px;object-fit:contain;object-position:left center}
@media(max-width:760px){body:not(.entity-workspace-lock) .logo.tsemou-home-new-brand{height:38px;max-width:164px}body:not(.entity-workspace-lock) .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{width:162px;height:38px}}


/* 5.71.943 — WORKSPACE HAMMER-T HEADER CONTAINMENT R1
   The new raster wordmark replaced the old text/mascot header markup.
   HOME sizing was intentionally scoped to body:not(.entity-workspace-lock),
   leaving Entity/Story Workspace with the image's intrinsic pixel size.
   Lock the same compact header geometry in Workspace without touching its grid. */
body.entity-workspace-lock .logo.tsemou-home-new-brand{
  gap:0;
  height:44px;
  max-width:190px;
  overflow:hidden;
}
body.entity-workspace-lock .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{
  display:block;
  width:188px;
  height:44px;
  max-width:188px;
  max-height:44px;
  object-fit:contain;
  object-position:left center;
}
@media(max-width:760px){
  body.entity-workspace-lock .logo.tsemou-home-new-brand{height:38px;max-width:164px}
  body.entity-workspace-lock .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{width:162px;height:38px;max-width:162px;max-height:38px}
}


/* TGLL 5.71.958 — Story summary translation loading state.
   Non-text only: never exposes source-language copy while target text is pending. */
.story-workspace-summary-pending{display:grid;gap:8px;width:min(100%,540px);padding:8px 0 4px;min-height:44px}
.story-workspace-summary-pending span{display:block;height:12px;border-radius:999px;background:rgba(33,43,54,.08)}
.story-workspace-summary-pending span:first-child{width:92%}
.story-workspace-summary-pending span:last-child{width:68%}

/* 5.71.963 — Community directory visual unification with Entity Catalog.
 * Presentation-only: preserves the proven categories/discovery behavior and routes. */
.tsemou-homepage-beta--categories{background:#f6f7f4;color:#1d2a23;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tsemou-purpose-categories-header{background:rgba(246,247,244,.97);border-bottom:1px solid #e0e5e1;box-shadow:none;padding:14px clamp(20px,4vw,52px)}
.tsemou-purpose-brand{color:#1f3027;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tsemou-purpose-brand-mark{background:#274f3c;box-shadow:none}
.tsemou-purpose-categories-header nav a{color:#44564c}.tsemou-purpose-categories-header nav a.is-active{color:#214b37}.tsemou-purpose-categories-header nav a.is-active:after{background:#2d5d47}
.tsemou-purpose-categories-main{width:min(1180px,calc(100% - 36px));padding:28px 0 64px}
.tsemou-purpose-identity{margin:0 0 7px;text-align:left;color:#6e7b74;font-size:11px;font-weight:800;letter-spacing:.12em}
.tsemou-purpose-categories-main>#tsemouPurposeCategoriesTitle{display:block!important;position:static!important;width:auto!important;height:auto!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;border:0!important;color:#1d2a23;font:700 clamp(32px,4vw,48px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.03em}
.tsemou-purpose-categories-main>#tsemouPurposeCategoriesTitle:after{content:"Ανακάλυψε κοινότητες γύρω από όσα σε ενδιαφέρουν, όσα χρειάζεσαι και όσα θέλεις να αλλάξεις.";display:block;max-width:720px;margin-top:10px;color:#66736c;font:400 14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}
.tsemou-community-discovery-controls{width:100%;margin:22px 0 14px;padding:16px;border:1px solid #e0e5e1;border-radius:16px;background:#f9faf8;justify-content:flex-start;box-sizing:border-box}
.tsemou-community-discovery-controls label>span{padding-left:2px;color:#6e7b74;font-size:10px}.tsemou-community-discovery-controls select{height:42px;border-color:#dce3de;border-radius:11px;box-shadow:none;color:#34463c}
.tsemou-purpose-category-search{width:100%;height:auto;min-height:58px;margin:0 0 16px;padding:8px 10px;border:1px solid #e0e5e1;border-radius:14px;box-shadow:none;background:#fff}.tsemou-purpose-category-search span{font-size:22px;color:#87938d}.tsemou-purpose-category-search input{font-size:13px;color:#34463c}
.tsemou-purpose-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tsemou-purpose-category-card{min-height:112px;padding:15px;display:grid;grid-template-columns:54px minmax(0,1fr) 18px;gap:11px;align-items:center;justify-content:stretch;border:1px solid #e1e6e2;border-radius:16px;background:#fff;color:#1f3027;text-align:left;box-shadow:0 7px 22px rgba(25,42,32,.035);transform:none}
.tsemou-purpose-category-card:after{content:"›";color:#87938d;font-size:24px;line-height:1;text-align:center}.tsemou-purpose-category-card:hover,.tsemou-purpose-category-card:focus-visible{transform:none;border-color:#bfcfc5;box-shadow:0 9px 24px rgba(25,42,32,.065)}
.tsemou-purpose-category-icon{width:54px;height:54px;border:1px solid #edf0ee;border-radius:12px;background:#fafbfa!important;color:#5b6a62!important;font-size:24px;box-sizing:border-box}.tsemou-purpose-category-card strong{max-width:none;color:#1f3027;font:700 18px/1.15 Georgia,"Times New Roman",serif}
@media(max-width:920px){.tsemou-purpose-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.tsemou-purpose-categories-main{width:min(100% - 20px,1180px);padding-top:18px}.tsemou-purpose-categories-header{padding:11px 12px}.tsemou-purpose-categories-header nav{gap:12px;overflow-x:auto}.tsemou-purpose-categories-header nav a{font-size:12px;white-space:nowrap}.tsemou-purpose-category-grid{grid-template-columns:1fr}.tsemou-community-discovery-controls{padding:12px}.tsemou-purpose-category-card{min-height:92px}}

/* 5.71.964 — Communities compact vertical rhythm R1.
 * Presentation-only refinement: reduces empty vertical space in discovery controls,
 * search and category cards without changing controls, routes or behavior. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
  margin:18px 0 12px!important;
  padding:12px 16px!important;
  min-height:0!important;
  align-items:end!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls label{margin:0!important}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls select{height:40px!important;min-height:40px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-search{
  min-height:50px!important;
  height:50px!important;
  margin-bottom:12px!important;
  padding:5px 10px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{
  min-height:94px!important;
  padding:12px 14px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-icon{width:50px!important;height:50px!important}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls{padding:10px 12px!important}
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card{min-height:86px!important;padding:10px 12px!important}
}


/* 5.71.965 — Communities hero wording/alignment R1.
 * Requested UI-only change: center SEE • FEEL • FIX at its existing size and
 * place the renamed “Ομάδες δράσης” heading directly below it. */
.tsemou-homepage-beta--categories .tsemou-purpose-categories-main>.tsemou-purpose-identity{
  text-align:center!important;
  font-size:11px!important;
  margin:0 0 7px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-categories-main>#tsemouPurposeCategoriesTitle{
  text-align:center!important;
  margin:0 0 8px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-categories-main>#tsemouPurposeCategoriesTitle:after{
  margin:10px auto 0!important;
  text-align:center!important;
}

/* 5.71.968 — Communities filter parent shell removal R1.
 * Requested presentation-only change: keep the three existing filter controls
 * and their behavior, but remove the visible shared/mother container shell so
 * the individual controls sit freely in the page space. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
  width:100%!important;
  margin:18px 0 12px!important;
  padding:0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
    padding:0!important;
  }
}
\n\n/* 5.71.969 — Communities balanced discovery toolbar R1.
 * Places the three existing filters and existing search on one balanced row
 * on desktop, while preserving all discovery behavior and responsive stacking. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(280px,2fr)!important;
  gap:16px!important;
  align-items:center!important;
  width:100%!important;
  margin:18px 0 12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  align-items:center!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls label{width:100%!important}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls select{
  width:100%!important;
  min-width:0!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-purpose-category-search{
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:4px 10px!important;
}
@media(max-width:900px){
 .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{grid-template-columns:1fr!important;gap:10px!important}
}
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{grid-template-columns:1fr!important;gap:8px!important}
}

/* 5.71.970 — Communities compact search above Recommended R1.
 * Requested presentation-only change: search is 200px wide and sits directly
 * above the third (Recommended) filter on desktop. Filter/search behavior unchanged. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{
  position:relative!important;
  display:block!important;
  padding-top:50px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-purpose-category-search{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:200px!important;
  max-width:200px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
}
@media(max-width:900px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{padding-top:0!important}
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-purpose-category-search{
    position:static!important;
    width:200px!important;
    max-width:100%!important;
    margin:0 0 10px auto!important;
  }
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-purpose-category-search{
    width:100%!important;
    max-width:none!important;
  }
}


/* 5.71.971 — Communities action-groups title/search alignment R1.
 * Requested UI-only change: rename the hero title to “Παρέες αλλαγής του κόσμου”,
 * reduce its type size, and align it horizontally with the existing 200px search. */
.tsemou-homepage-beta--categories .tsemou-purpose-categories-main>.tsemou-community-action-groups-description{
  max-width:720px!important;
  margin:0 auto 12px!important;
  color:#66736c!important;
  text-align:center!important;
  font:400 14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle{
  display:block!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:auto!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  clip-path:none!important;
  white-space:nowrap!important;
  border:0!important;
  color:#1d2a23!important;
  font:700 30px/40px Georgia,"Times New Roman",serif!important;
  letter-spacing:-.025em!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle:after{content:none!important}
@media(max-width:900px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{padding-top:50px!important}
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle{position:absolute!important;top:0!important;left:0!important}
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{padding-top:96px!important}
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle{
    width:100%!important;height:auto!important;line-height:1.1!important;white-space:normal!important;text-align:center!important;font-size:26px!important
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-purpose-category-search{
    position:absolute!important;top:46px!important;left:0!important;right:0!important;margin:0!important
  }
}


/* 5.71.973 — Communities HOME logo exact-size fix + centered title R1.
 * Reuse the HOME asset at the same desktop dimensions as HOME (188x44). */
.tsemou-homepage-beta--categories .tsemou-purpose-brand--home-logo{
  display:inline-flex!important;
  align-items:center!important;
  width:188px!important;
  height:44px!important;
  max-width:188px!important;
  line-height:1!important;
  overflow:hidden!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-brand-home-image{
  display:block!important;
  width:188px!important;
  height:44px!important;
  max-width:188px!important;
  max-height:44px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle{
  left:50%!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-purpose-brand--home-logo{
    width:162px!important;height:38px!important;max-width:162px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-purpose-brand-home-image{
    width:162px!important;height:38px!important;max-width:162px!important;max-height:38px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>#tsemouPurposeCategoriesTitle{
    left:0!important;transform:none!important;
  }
}


/* 5.71.974 — Communities description/search inline R1.
 * Search remains 200px and moves beside the discovery description. */
.tsemou-homepage-beta--categories .tsemou-community-description-search-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  width:100%!important;
  margin:0 auto 12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-description-search-row .tsemou-community-action-groups-description{
  max-width:none!important;
  margin:0!important;
  text-align:center!important;
}
.tsemou-homepage-beta--categories .tsemou-community-description-search-row .tsemou-purpose-category-search{
  position:static!important;
  flex:0 0 200px!important;
  width:200px!important;
  max-width:200px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:4px 10px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{
  padding-top:50px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar>.tsemou-purpose-category-search{display:none!important}
@media(max-width:760px){
  .tsemou-homepage-beta--categories .tsemou-community-description-search-row{
    flex-direction:column!important;
    gap:10px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-description-search-row .tsemou-purpose-category-search{
    flex:0 0 auto!important;
    width:200px!important;
    max-width:100%!important;
  }
}

/* 5.71.976 — Communities compact filters + inline search R1.
 * Requested UI-only change: each filter is 30px high and content-width;
 * the existing 200px search joins the same row; all four controls are
 * distributed across the available desktop width. */
.tsemou-homepage-beta--categories .tsemou-community-description-search-row{
  display:block!important;
  margin:0 auto 12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar{
  display:block!important;
  position:relative!important;
  width:100%!important;
  margin:12px 0 14px!important;
  padding:0!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
  position:relative!important;
  display:grid!important;
  grid-template-columns:max-content max-content max-content 200px!important;
  align-items:center!important;
  justify-content:space-between!important;
  column-gap:16px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls>label{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls select{
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 28px 0 10px!important;
  line-height:30px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls .tsemou-purpose-category-search{
  position:static!important;
  display:flex!important;
  width:200px!important;
  max-width:200px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:2px 8px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls .tsemou-purpose-category-search span{
  font-size:16px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-controls .tsemou-purpose-category-search input{
  min-width:0!important;
  font-size:12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-meta{
  position:absolute!important;
  top:34px!important;
  right:0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  z-index:2!important;
}
@media(max-width:900px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
    grid-template-columns:repeat(2,max-content)!important;
    justify-content:space-between!important;
    row-gap:10px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls .tsemou-purpose-category-search{
    width:200px!important;
    max-width:200px!important;
  }
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls{
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    gap:8px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls>label,
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls select,
  .tsemou-homepage-beta--categories .tsemou-community-discovery-controls .tsemou-purpose-category-search{
    width:100%!important;
    max-width:none!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-meta{
    position:static!important;
    margin-top:4px!important;
  }
}

/* 5.71.977 — Communities true content-width filters + inline search R1.
 * Corrects the earlier high-specificity 100% rules: all three selects now keep
 * only their intrinsic/content width, while search stays 200px and the four
 * controls are distributed across one desktop row. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>label:not(.tsemou-purpose-category-search){
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:max-content!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>label:not(.tsemou-purpose-category-search)>select{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 28px 0 10px!important;
  line-height:30px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>.tsemou-purpose-category-search{
  position:static!important;
  display:flex!important;
  flex:0 0 200px!important;
  width:200px!important;
  min-width:200px!important;
  max-width:200px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:2px 8px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
@media(max-width:760px){
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
  .tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>.tsemou-purpose-category-search{
    flex-basis:200px!important;
  }
}


/* 5.71.978 — Communities desktop logo +10% R1.
 * Desktop only: 188x44 -> 206.8x48.4. Mobile remains 162x38. */
@media(min-width:621px){
  .tsemou-homepage-beta--categories .tsemou-purpose-brand--home-logo{
    width:206.8px!important;height:48.4px!important;max-width:206.8px!important;
  }
  .tsemou-homepage-beta--categories .tsemou-purpose-brand-home-image{
    width:206.8px!important;height:48.4px!important;max-width:206.8px!important;max-height:48.4px!important;
  }
}


/* 5.71.980 — ENTITY/COMPANY WORKSPACE EXACT HOME LOGO SIZE PARITY R1
   Match screen-1 Entity Workspace header logo to the actual Home header geometry:
   188×44 desktop and 162×38 mobile. No other Workspace geometry changes. */
body.entity-workspace-lock .site-header .logo{
  width:188px !important;
  height:44px !important;
  max-width:188px !important;
  flex:0 0 188px !important;
  overflow:hidden !important;
  font-size:0 !important;
  color:transparent !important;
  background:url("tsemou-home-flat-logo.png?v=5.71.2289") left center / 188px 44px no-repeat !important;
  text-decoration:none !important;
}
body.entity-workspace-lock .site-header .logo > *{visibility:hidden !important;}
@media(max-width:760px){
  body.entity-workspace-lock .site-header .logo{
    width:162px !important;height:38px !important;max-width:162px !important;flex-basis:162px !important;
    background-size:162px 38px !important;
  }
}

/* 5.71.981 — Entity Workspace header cleanup + exact Home logo rendering R1.
   Keep the real Home <img> rendering path and remove the non-useful Submit nav item
   only in Entity/Story Workspace. */
body.entity-workspace-lock .site-header .logo{
  width:auto !important;
  height:44px !important;
  max-width:190px !important;
  flex:0 0 auto !important;
  overflow:visible !important;
  background:none !important;
  font-size:inherit !important;
  color:inherit !important;
}
body.entity-workspace-lock .site-header .logo > *{visibility:visible !important;}
body.entity-workspace-lock .site-header .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{
  display:block !important;
  width:188px !important;
  height:44px !important;
  max-width:188px !important;
  max-height:44px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
body.entity-workspace-lock .site-header .header-nav .submit-link{display:none !important;}
@media(max-width:760px){
  body.entity-workspace-lock .site-header .logo{height:38px !important;max-width:164px !important;}
  body.entity-workspace-lock .site-header .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{
    width:162px !important;height:38px !important;max-width:162px !important;max-height:38px !important;
  }
}

/* 5.71.982 — Entity Workspace: center SEE • FEEL • FIX on its existing row. */
body.entity-workspace-lock .hero-identity{
  width:100%;
  text-align:center !important;
}

/* 5.71.983 — Communities photo category cards R1. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{position:relative;display:grid!important;grid-template-columns:132px minmax(0,1fr)!important;grid-template-rows:auto 34px!important;align-items:start!important;min-height:178px!important;padding:16px!important;gap:10px 16px!important;text-align:left!important;border:1px solid #dfe6e2!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 16px rgba(31,54,45,.045)!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{grid-column:1;grid-row:1 / span 2;display:block;width:132px;height:116px;overflow:hidden;border-radius:12px;background:#eef3f0}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo img{display:block;width:100%;height:100%;object-fit:cover}
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{grid-column:2;grid-row:1;display:flex;min-width:0;flex-direction:column;gap:8px;padding-top:4px}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{max-width:none!important;color:#10221d;font-family:Georgia,'Times New Roman',serif;font-size:20px!important;line-height:1.18!important;text-align:left!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{display:-webkit-box;overflow:hidden;color:#596660;font-size:12px;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{grid-column:2;grid-row:2;justify-self:end;align-self:end;display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:5px 13px;border-radius:999px;background:#edf6f1;color:#087a58;font-size:14px;font-weight:800;line-height:1}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card:hover .tsemou-purpose-category-cta{background:#dff0e7}
@media(max-width:980px){.tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:1fr!important}.tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:104px minmax(0,1fr)!important;min-height:154px!important}.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:104px;height:100px}.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{font-size:18px!important}}

/* 5.71.984 category CTA lower-right refinement */
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{position:absolute!important;right:14px!important;bottom:10px!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;align-self:auto!important}

/* 5.71.985 — Communities category card text spacing + redundant arrow removal R1. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{gap:14px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{margin-top:4px!important}

/* 5.71.986 — Communities: remove legacy standalone category chevron. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-card::after{
  content:none !important;
  display:none !important;
}

/* 5.71.987 — Communities: lower category description beneath title. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{
  gap:0!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{
  margin-top:18px!important;
}

/* 5.71.989 — Communities: align all descriptions below a fixed two-line title slot. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{
  display:block!important;
  min-height:47.2px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{
  margin-top:18px!important;
}
@media(max-width:640px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{
    min-height:42.48px!important;
  }
}
\n\n/* 5.71.1006 — AUTH ACCESS R1 */\n.tsemou-account-card-actions{display:flex;flex-direction:column;gap:8px;width:100%;}\n.tsemou-account-card-actions .tsemou-account-login,\n.tsemou-account-card-actions .tsemou-account-logout{display:flex;align-items:center;justify-content:center;min-height:36px;text-decoration:none;font-weight:600;}\n@media (max-width:760px){\n  .tsemou-mobile-account-list .tsemou-mobile-account-link{\n    display:flex;align-items:center;justify-content:space-between;gap:16px;\n    width:100%;min-height:64px;padding:14px 8px;text-decoration:none;color:inherit;\n    border-bottom:1px solid rgba(31,41,55,.10);font:inherit;\n  }\n  .tsemou-mobile-account-list .tsemou-mobile-account-link:last-child{border-bottom:0;}\n  .tsemou-mobile-account-list .tsemou-mobile-account-link b{color:#9aa3ad;font-size:28px;line-height:1;font-weight:400;}\n}\n

/* 5.71.1007 — TSEMOU LOGIN EXPERIENCE R1 */
.tsemou-login-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483646!important;background:#f7f6f1!important;display:block;overflow:auto!important;isolation:isolate}
.tsemou-login-modal[hidden]{display:none!important}
.tsemou-login-dialog{position:relative;min-height:100dvh;display:grid;place-items:center;padding:72px 22px 36px;box-sizing:border-box;background:radial-gradient(circle at 50% 0,#fff 0,#f7f6f1 58%,#f0eee8 100%)}
.tsemou-login-close{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(20px,env(safe-area-inset-top));z-index:2;width:48px;height:48px;border:1px solid #d7dfda;border-radius:50%;background:#fff;color:#17231f;font-size:34px;line-height:1;cursor:pointer}
.tsemou-login-panel{width:min(100%,480px);text-align:center}
.tsemou-login-panel h1{margin:22px 0 8px;color:#10221d;font-size:42px;line-height:1.08}
.tsemou-login-panel>p{margin:0 0 28px;color:#68756f;font-size:17px}
.tsemou-login-form{display:flex;flex-direction:column;gap:15px;text-align:left}
.tsemou-login-form>label{display:flex;flex-direction:column;gap:7px;color:#27332f;font-weight:650}
.tsemou-login-form input[type=text],.tsemou-login-form input[type=password]{width:100%;height:52px;padding:0 14px;border:1px solid #aeb8b3;border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}
.tsemou-login-form input:focus{outline:3px solid rgba(8,122,88,.15);border-color:#087a58}
.tsemou-login-row{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.tsemou-login-remember{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:500!important}
.tsemou-login-row a{color:#087a58;text-decoration:none;font-weight:650}
.tsemou-login-error{min-height:20px;color:#a61b1b;font-size:14px}
.tsemou-login-submit{width:100%}
.tsemou-login-create{width:100%;min-height:46px;border:0;background:transparent;color:#087a58;font-weight:750;cursor:pointer}
body.tsemou-login-is-open{overflow:auto!important} /* 5.71.1010: never strand Home in a scroll-locked state */
.tsemou-account-card-actions button,.tsemou-mobile-account-list button{font:inherit;cursor:pointer}
.tsemou-account-card-actions .tsemou-account-login{border:0;background:transparent;color:inherit}
@media(max-width:640px){.tsemou-login-dialog{padding:76px 20px 28px}.tsemou-login-close{width:42px;height:42px;font-size:30px}.tsemou-login-panel h1{font-size:34px}.tsemou-login-panel{width:100%}}

/* 5.71.1008 — LOGIN MOBILE SHEET VISIBILITY FIX R1 */
.tsemou-login-modal{z-index:2147483646!important}

/* 5.71.1013 — staging mobile trace control */
.tsemou-mobile-login-trace-link b{font-size:10px;letter-spacing:.08em;color:#087a58!important}

/* 5.71.1014 — TSEMOU PASSWORD RECOVERY R1 */
.tsemou-login-forgot{padding:0;border:0;background:transparent;color:#087a58;font:inherit;font-weight:650;cursor:pointer}
.tsemou-reset-form{display:flex;flex-direction:column;gap:15px;text-align:left}
.tsemou-reset-form[hidden]{display:none!important}
.tsemou-login-form[hidden]{display:none!important}
.tsemou-reset-heading{text-align:center;margin-bottom:8px}
.tsemou-reset-heading h1{margin:0 0 8px;color:#10221d;font-size:38px;line-height:1.08}
.tsemou-reset-heading p{margin:0;color:#68756f;font-size:16px;line-height:1.45}
.tsemou-reset-form>label{display:flex;flex-direction:column;gap:7px;color:#27332f;font-weight:650}
.tsemou-reset-form input[type=text]{width:100%;height:52px;padding:0 14px;border:1px solid #aeb8b3;border-radius:10px;background:#fff;font:inherit;box-sizing:border-box}
.tsemou-reset-form input:focus{outline:3px solid rgba(8,122,88,.15);border-color:#087a58}
.tsemou-reset-message{min-height:44px;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.4;box-sizing:border-box}
.tsemou-reset-message:empty{min-height:0;padding:0}
.tsemou-reset-message.is-success{background:#eaf6f0;color:#075f46}
.tsemou-reset-message.is-error{background:#fff0f0;color:#a61b1b}
.tsemou-reset-submit{width:100%}
.tsemou-reset-back{width:100%;min-height:44px;border:0;background:transparent;color:#087a58;font-weight:750;cursor:pointer}
@media(max-width:640px){.tsemou-reset-heading h1{font-size:32px}}


/* 5.71.1015 — PASSWORD RECOVERY MOBILE COMPOSITION R1
 * Recovery is a separate TSEMOU state, not a second form appended under Login.
 * Hide Login-only branding/social controls while recovery is active and keep
 * the secondary action visually neutral even when global button rules exist. */
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel>.tsemou-register-brand,
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel>#tsemou-login-title,
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel>p,
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel>.tsemou-register-google,
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel>.tsemou-register-divider{display:none!important}
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-panel{width:min(100%,480px)!important}
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-reset-heading{margin:0 0 14px!important}
.tsemou-login-modal.tsemou-login-reset-mode .tsemou-reset-back{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:48px!important;padding:0 16px!important;
  border:1px solid #cfd8d3!important;border-radius:10px!important;
  background:#fff!important;color:#087a58!important;box-shadow:none!important;
  font:inherit!important;font-weight:750!important;letter-spacing:0!important;text-transform:none!important;
}
@media(max-width:640px){
  .tsemou-login-modal.tsemou-login-reset-mode .tsemou-login-dialog{
    place-items:start center!important;
    padding-top:max(82px,calc(env(safe-area-inset-top) + 64px))!important;
    padding-bottom:max(28px,env(safe-area-inset-bottom))!important;
  }
  .tsemou-login-modal.tsemou-login-reset-mode .tsemou-reset-heading h1{font-size:34px!important}
  .tsemou-login-modal.tsemou-login-reset-mode .tsemou-reset-heading p{font-size:16px!important}
}

/* 5.71.1016 — TSEMOU-native final password reset stage. */
.tsemou-reset-complete-form{display:grid;gap:14px}
.tsemou-reset-complete-form[hidden]{display:none!important}
.tsemou-reset-complete-form label{display:grid;gap:7px;font-weight:750;color:#1d2f29}
.tsemou-reset-complete-form input{width:100%;min-height:48px;border:1px solid #aebbb6;border-radius:10px;padding:10px 12px;font:inherit;box-sizing:border-box}
.tsemou-reset-complete-form input:focus{outline:3px solid rgba(8,122,88,.15);border-color:#087a58}
.tsemou-reset-complete-message{min-height:0;padding:0;border-radius:10px;font-size:14px;line-height:1.4}
.tsemou-reset-complete-message:not(:empty){padding:10px 12px}
.tsemou-reset-complete-message.is-success{background:#eaf6f0;color:#075f46}
.tsemou-reset-complete-message.is-error{background:#fff0f0;color:#a61b1b}
.tsemou-reset-complete-submit,.tsemou-reset-complete-login{width:100%}
.tsemou-reset-complete-login{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 16px;border:1px solid #cfd8d3;border-radius:10px;background:#fff;color:#087a58;font:inherit;font-weight:750;cursor:pointer}


/* 5.71.1017 — password visibility + password-manager identity metadata. */
.tsemou-password-field{position:relative;display:block;width:100%}
.tsemou-password-field>input{padding-right:54px!important}
.tsemou-password-toggle{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#087a58!important;box-shadow:none!important;display:grid!important;place-items:center!important;font-size:21px!important;line-height:1!important;cursor:pointer!important;z-index:2}
.tsemou-password-toggle:focus-visible{outline:2px solid #087a58!important;outline-offset:1px!important}
.tsemou-password-toggle.is-showing{background:#edf7f3!important}
.tsemou-password-manager-username{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;opacity:.01!important;pointer-events:none!important}

/* 5.71.1018 — MOBILE HEADER VIEWPORT LOCK R1
 * Mobile Home only. iOS browser chrome can make a sticky element appear to
 * drift inside the feed when the layout/visual viewport changes during scroll.
 * Lock the canonical TSEMOU Home header to the viewport on phones and reserve
 * its measured footprint on <main>. Desktop, Entity Workspace and auth flows
 * remain untouched.
 */
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header {
    position: fixed !important;
    top: 8px !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 10000 !important;
    box-shadow: 0 -8px 0 #ffffff !important;
  }

  body:not(.entity-workspace-lock) .tsemou-homepage-beta > main {
    padding-top: var(--tsemou-mobile-home-header-space, 0px) !important;
  }

  body.admin-bar:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
    box-shadow: none !important;
  }
}


/* 5.71.1019 — REDDIT-LIKE MOBILE HOME CHROME AUTO-HIDE R1
 * Mobile Home only. While the reader moves down through the feed, free the
 * viewport by sliding the fixed TSEMOU Home header out of view. A deliberate
 * upward movement brings it back; near the top it is always visible.
 * The class also provides an opt-in hook for future/optional mobile chip rows.
 */
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header {
    transition: transform 210ms cubic-bezier(.2,.75,.25,1), box-shadow 210ms ease !important;
    transform: translate3d(0,0,0);
    will-change: transform;
  }

  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header.tsemou-mobile-home-header-hidden {
    transform: translate3d(0, calc(-100% - 12px), 0) !important;
    box-shadow: none !important;
    pointer-events: none;
  }

  /* Optional chip/filter rails can join the same scroll-chrome contract simply
     by carrying this attribute. No current feed/content chips are modified. */
  body:not(.entity-workspace-lock) [data-tsemou-mobile-scroll-chips] {
    transition: transform 210ms cubic-bezier(.2,.75,.25,1), opacity 160ms ease !important;
    transform: translate3d(0,0,0);
  }
  body:not(.entity-workspace-lock).tsemou-mobile-home-chrome-hidden [data-tsemou-mobile-scroll-chips] {
    transform: translate3d(0,-12px,0) !important;
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width:760px) and (prefers-reduced-motion: reduce) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header,
  body:not(.entity-workspace-lock) [data-tsemou-mobile-scroll-chips] {
    transition: none !important;
  }
}

/* 5.71.1021 — MOBILE STORY MEDIA +30% HEIGHT R1
 * Home Story feed only, <=760px. Desktop >=761px is deliberately untouched.
 * The current Story DOM includes .homepage-story-media-wrap, so older direct-child
 * mobile selectors no longer match. Bind the real DOM path and use the runtime's
 * 5.71.1020 mobile target and make that frame exactly 30% taller (286–676px).
 * Desktop >=761px and the locked desktop media authority remain untouched.
 */
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    justify-self: stretch !important;
    margin: 0 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    justify-self: stretch !important;
    margin: 0 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: var(--tsemou-feed-media-mobile-height, 286px) !important;
    min-height: var(--tsemou-feed-media-mobile-height, 286px) !important;
    max-height: var(--tsemou-feed-media-mobile-height, 286px) !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    background: #111 !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story > .homepage-story-media-wrap > .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image > .card-media-image-element {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
  }
}



/* 5.71.1034 — MOBILE HOME SEE/FEEL/FIX HEIGHT RECOVERY R1
 * Mobile Home only. The SEE · FEEL · FIX pseudo-heading is useful desktop
 * orientation but consumes scarce vertical space on phones and exaggerates the
 * apparent overlap when the auto-hidden fixed header returns on upward scroll.
 * Keep it desktop-only; do not alter Story geometry or desktop presentation.
 */
@media (max-width: 760px) {
  body:not(.entity-workspace-lock) .center-column::before {
    content: none !important;
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body:not(.entity-workspace-lock) .homepage-grid {
    margin-top: 0 !important;
  }
}


/* 5.71.1035 — MOBILE STICKY HEADER ZERO-OFFSET LOCK R1
 * iOS/Safari reverse-scroll recovery.
 * The older anonymous mobile rule kept an artificial 8px sticky top offset and
 * painted another 8px white strip with box-shadow. Dynamic browser chrome can
 * make that visual offset appear/disappear while reverse-scrolling, producing
 * a transient blank band and feed "slide". On mobile the header has one stable
 * sticky position only: viewport top, no synthetic spacer, normal-flow footprint.
 */
@media screen and (max-width: 782px) {
  body:not(.admin-bar):not(.entity-workspace-lock) .site-header {
    position: sticky !important;
    top: 0 !important;
    margin-top: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    translate: none !important;
    transition: none !important;
    will-change: auto !important;
  }

  body:not(.admin-bar):not(.entity-workspace-lock) .tsemou-homepage-beta > main {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}


/* 5.71.1036 — MOBILE WORKSPACE RAIL ISOLATION R1
 * Blocker fix: below the desktop 3-column breakpoint the generic grid collapses
 * left/center/right into the same grid cell. In Entity/Story Workspace that
 * made the desktop navigation rail and right rail paint over the Story surface.
 * Mobile Workspace is intentionally center-only. Desktop rails remain unchanged.
 */
@media (max-width: 760px) {
  body.entity-workspace-lock .homepage-grid {
    display: block !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.entity-workspace-lock .homepage-grid > .left-column,
  body.entity-workspace-lock .homepage-grid > .right-column {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.entity-workspace-lock .homepage-grid > .center-column {
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    grid-column: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  body.entity-workspace-lock .center-column .story-feed,
  body.entity-workspace-lock .center-column .case-workspace,
  body.entity-workspace-lock .center-column .case-workspace-primary-surface {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}


/* 5.71.1037 — MOBILE STORY WORKSPACE HUMAN CONTEXT + COMPACT ACTIONS R1
 * Story Workspace only. Make the first screen feel human and active without
 * inventing trust or verification badges. Chips are rendered only from runtime
 * source/category/person data that already exists.
 */
body.entity-workspace-lock .story-workspace .workspace-story-context-strip {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 2px 0 7px;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  min-height: 25px;
  padding: 3px 8px;
  border: 1px solid #dce5e1;
  border-radius: 999px;
  background: #f6faf8;
  color: #42544e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip--category {
  border-color: #e7ddbd;
  background: #fff9e8;
  color: #6d5921;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip--person {
  border-color: #dedaf0;
  background: #f8f6ff;
  color: #554b75;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip--person img,
body.entity-workspace-lock .story-workspace .workspace-context-chip-avatar {
  width: 19px;
  height: 19px;
  min-width: 19px;
  border-radius: 50%;
  object-fit: cover;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip-avatar {
  display: grid;
  place-items: center;
  background: #e9e4fa;
  font-size: 10px;
  font-weight: 800;
}
body.entity-workspace-lock .story-workspace .workspace-context-chip-dot {
  width: 6px;
  height: 6px;
  min-width: 6px;
  border-radius: 50%;
  background: #1b8b73;
}

/* Follow is the small primary relationship action. Share is secondary.
 * Both retain accessible touch targets while losing the giant green-block look.
 */
@media (max-width: 760px) {
  body.entity-workspace-lock .story-workspace .case-workspace-header {
    padding: 12px 12px 10px !important;
    gap: 7px !important;
  }

  body.entity-workspace-lock .story-workspace .workspace-story-head {
    gap: 5px !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-title {
    margin: 2px 0 4px !important;
    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.14 !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-header .case-workspace-controls {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 3px 0 0 !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-header .workspace-pill {
    width: auto !important;
    min-width: 0 !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border: 1px solid #cfdad5 !important;
    border-radius: 999px !important;
    background: #f7faf8 !important;
    color: #31554b !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-header [data-case-follow] {
    border-color: #b9d7cd !important;
    background: #edf7f3 !important;
    color: #126b59 !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-header [data-case-share] {
    background: #fff !important;
    color: #4f5b57 !important;
  }

  body.entity-workspace-lock .story-workspace .case-workspace-header .workspace-pill-icon {
    font-size: 15px !important;
    line-height: 1 !important;
  }

  /* No-image Story: remove the 300px dead placeholder but keep the existing
   * user image-proposal flow as a compact inline contribution action.
   */
  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .case-workspace-media-hit {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 3px 0 0 !important;
    overflow: visible !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .case-workspace-media {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .story-image-proposal {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    display: flex !important;
    justify-content: flex-start !important;
    margin: 4px 0 0 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .story-image-proposal__trigger {
    min-height: 34px !important;
    padding: 6px 11px !important;
    border: 1px solid #c9ddd6 !important;
    background: #f6faf8 !important;
    color: #176b5a !important;
    box-shadow: none !important;
    font-size: 12px !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .story-image-proposal__panel {
    right: auto !important;
    left: 0 !important;
    bottom: auto !important;
    top: 42px !important;
  }
}


/* 5.71.1038 — MOBILE STORY ACTION TRIO + WORKSPACE CONTEXT DATA R1 */
@media (max-width: 760px) {
  /* SEE · FEEL · FIX was already removed from mobile Home. Keep the same
   * desktop-only policy inside Story Workspace so it consumes zero phone height.
   */
  body.entity-workspace-lock .center-column::before {
    content: none !important;
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: auto !important;
    margin: 4px 0 2px !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > [data-case-follow],
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > [data-case-share],
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > .story-image-proposal > .story-image-proposal__trigger {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > [data-case-follow-label],
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > [data-case-share-label] {
    display: none !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions [data-case-follow-label],
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions [data-case-share-label],
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__label {
    display: none !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .workspace-pill-icon {
    display: block !important;
    font-size: 21px !important;
    line-height: 1 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > .story-image-proposal {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    margin: 0 !important;
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__trigger {
    border: 1px solid #c9ddd6 !important;
    background: #f6faf8 !important;
    color: #176b5a !important;
    box-shadow: none !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__icon {
    display: grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__icon svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__panel {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 46px !important;
    bottom: auto !important;
    width: min(360px, calc(100vw - 34px)) !important;
    z-index: 30 !important;
  }

  /* Once proposal is moved into the action row, the no-image media holder has
   * no visible responsibility and must consume zero height.
   */
  body.entity-workspace-lock .story-workspace .story-workspace-header--no-hero .case-workspace-media-hit {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* 5.71.1039 — MOBILE STORY IMAGE CTA + PROPOSAL PANEL WIDTH FIX R1 */
@media (max-width: 760px) {
  /* Follow + Share stay icon-only; image is the one action that benefits from
   * explicit copy, so the user immediately understands what it does.
   */
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > .story-image-proposal {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    overflow: visible !important;
    max-width: none !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions > .story-image-proposal > .story-image-proposal__trigger {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 98px !important;
    max-width: none !important;
    height: 38px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__label {
    display: inline !important;
    max-width: none !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__icon,
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__icon svg {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;
  }

  /* Critical fix: a global workspace rule caps descendants at max-width:100%.
   * Inside the 38px action slot that collapsed this panel into a vertical strip.
   * The panel is intentionally allowed to escape the control width.
   */
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__panel {
    left: auto !important;
    right: 0 !important;
    top: 46px !important;
    bottom: auto !important;
    width: calc(100vw - 32px) !important;
    max-width: 360px !important;
    min-width: min(300px, calc(100vw - 32px)) !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    z-index: 40 !important;
  }

  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__panel * {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }
}


/* 5.71.1040 — MOBILE STORY IMAGE PROPOSAL VIEWPORT SHEET R1
 * Keep the proposal fully inside the visible phone viewport regardless of the
 * compact action button's position. This replaces the parent-relative popover
 * geometry that could overflow off the left edge on narrow/iOS viewports.
 */
@media (max-width: 760px) {
  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__panel {
    position: fixed !important;
    left: 16px !important;
    right: 16px !important;
    top: auto !important;
    bottom: max(18px, env(safe-area-inset-bottom)) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: min(72vh, 620px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 16px !important;
    z-index: 10000 !important;
    transform: none !important;
  }

  body.entity-workspace-lock .story-workspace .story-image-proposal__panel > strong,
  body.entity-workspace-lock .story-workspace .story-image-proposal__panel > span,
  body.entity-workspace-lock .story-workspace .story-image-proposal__rights,
  body.entity-workspace-lock .story-workspace .story-image-proposal__status {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.entity-workspace-lock .story-workspace .story-image-proposal__panel input[type="file"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
  }

  body.entity-workspace-lock .story-workspace .story-image-proposal__submit {
    width: auto !important;
    max-width: 100% !important;
    min-height: 40px !important;
    padding: 9px 14px !important;
    white-space: normal !important;
  }

  body.entity-workspace-lock .story-workspace .story-image-proposal__close {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 2 !important;
  }

  /* The user-facing mobile CTA is explicit by design. */
  body.entity-workspace-lock .story-workspace [data-story-image-mobile-cta="add-image"] .story-image-proposal__label::before {
    content: "Βάλε εικόνα";
  }
  body.entity-workspace-lock .story-workspace [data-story-image-mobile-cta="add-image"] .story-image-proposal__label {
    font-size: 0 !important;
  }
  body.entity-workspace-lock .story-workspace [data-story-image-mobile-cta="add-image"] .story-image-proposal__label::before {
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }
}


/* 5.71.1041 — ACTIONS & HELP MOBILE HEADER + LOCALE COHERENCE R1 */
.tsemou-purpose-mobile-controls{display:none}

@media (max-width: 760px) {
  .tsemou-purpose-categories--actions-help {
    overflow-x: clip !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-actions-help-header {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 11px 14px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-brand--home-logo {
    width: 142px !important;
    max-width: 142px !important;
    height: 36px !important;
    min-width: 0 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-brand-home-image {
    width: 142px !important;
    max-width: 142px !important;
    height: 36px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-desktop-nav {
    display: none !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-controls {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-language-control,
  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu > summary {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
    border: 1px solid #d8e1dd !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #31554b !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    list-style: none !important;
    box-sizing: border-box !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu > summary::-webkit-details-marker {
    display: none !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu {
    position: relative !important;
    order: 1 !important;
  }

  /* Language stays at the far upper-right as requested. */
  .tsemou-purpose-categories--actions-help .tsemou-purpose-language-control {
    order: 2 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu > summary span {
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu nav {
    position: absolute !important;
    top: 44px !important;
    right: 0 !important;
    z-index: 200 !important;
    display: grid !important;
    gap: 3px !important;
    width: min(250px, calc(100vw - 28px)) !important;
    padding: 8px !important;
    border: 1px solid #dfe6e3 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(16,24,40,.16) !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu nav a {
    display: block !important;
    width: 100% !important;
    padding: 11px 12px !important;
    border-radius: 9px !important;
    color: #18372f !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-sizing: border-box !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-mobile-menu nav a.is-active {
    background: #edf7f3 !important;
    color: #126b59 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-identity {
    display: none !important;
    margin: 0 !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-actions-main {
    padding-top: 14px !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-actions-panel {
    padding: 18px !important;
  }

  .tsemou-purpose-categories--actions-help .tsemou-purpose-actions-option {
    padding: 17px 16px !important;
  }
}


/* 5.71.1042 — JOURNALIST + TSEMOU LOGIN COHERENCE R1 */
@media (max-width:760px) {
  .tsemou-purpose-journalist,
  .tsemou-purpose-categories--actions-help {
    overflow-x: clip !important;
  }
  .tsemou-purpose-categories--actions-help .tsemou-journalist-composer {
    width: 100% !important;
    max-width: 100% !important;
  }
  .tsemou-purpose-categories--actions-help .tsemou-journalist-composer__card {
    padding: 20px 18px !important;
    border-radius: 16px !important;
  }
  .tsemou-purpose-categories--actions-help .tsemou-journalist-composer__heading h2 {
    font-size: 25px !important;
    line-height: 1.18 !important;
  }
}
/* 5.71.1043 — Need community target picker + mobile field stacking */
.entity-need-community-target{display:grid;gap:8px;width:100%;min-width:0}
.entity-need-community-results{display:grid;gap:6px;max-height:220px;overflow:auto}
.entity-need-community-result{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;border:1px solid #d5dfdb;border-radius:12px;background:#fff;color:#17332e}
.entity-need-community-result small{font-size:12px;color:#6d7b86;font-weight:500}
@media(max-width:767px){.entity-action-panel--minimal-need .entity-need-composer-label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.entity-action-panel--minimal-need .entity-need-composer-input,.entity-action-panel--minimal-need .entity-need-visibility-select{width:100%!important;max-width:none!important;min-width:0!important}.entity-need-community-results{max-height:180px}}
/* 5.71.1043 — Need community target picker + mobile field stacking */
.entity-need-community-target{display:grid;gap:8px;width:100%;min-width:0}
.entity-need-community-results{display:grid;gap:6px;max-height:220px;overflow:auto}
.entity-need-community-result{display:grid;gap:2px;width:100%;text-align:left;padding:10px 12px;border:1px solid #d5dfdb;border-radius:12px;background:#fff;color:#17332e}
.entity-need-community-result small{font-size:12px;color:#6d7b86;font-weight:500}
@media(max-width:767px){.entity-action-panel--minimal-need .entity-need-composer-label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.entity-action-panel--minimal-need .entity-need-composer-input,.entity-action-panel--minimal-need .entity-need-visibility-select{width:100%!important;max-width:none!important;min-width:0!important}.entity-need-community-results{max-height:180px}}


/* NEED-1.7 — compact actions + community discovery */
.entity-action-panel--minimal-need .entity-need-community-suggestions-title{margin:8px 0 6px;font-weight:800;color:#315b55}
.entity-action-panel--minimal-need .entity-need-community-results{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 10px}
.entity-action-panel--minimal-need .entity-need-community-result{display:inline-grid;gap:2px;text-align:left;border:1px solid #bfd9d2;background:#f4fbf8;border-radius:14px;padding:8px 10px;color:#174f45}
.entity-action-panel--minimal-need .entity-need-community-result small{font-size:11px;font-weight:500}
.entity-action-panel--minimal-need .entity-need-composer-cancel{background:#fff1f1!important;border:1px solid #d65b5b!important;color:#a72828!important}
.entity-action-panel--minimal-need .entity-need-composer-submit{background:#16835f!important;border:1px solid #16835f!important;color:#fff!important}
@media(max-width:900px){
 .entity-action-panel--minimal-need .entity-need-composer-actions{grid-template-columns:auto auto!important;justify-content:end;position:static!important;background:transparent!important;padding:8px 0!important}
 .entity-action-panel--minimal-need .entity-need-composer-submit,.entity-action-panel--minimal-need .entity-need-composer-cancel{width:auto!important;min-height:40px!important;padding:8px 13px!important;font-size:14px!important;letter-spacing:0!important}
}
\n\n/* 5.71.1045 — MOBILE IMAGE PROPOSAL VISUAL-VIEWPORT ACTION LOCK R1\n * iOS Safari has a layout viewport and a smaller moving visual viewport.\n * Anchor the sheet to the latter and keep the submit action visible while the\n * content itself scrolls.\n */\n@media (max-width:760px) {\n  body.entity-workspace-lock .story-workspace .story-workspace-compact-actions .story-image-proposal__panel {\n    top: var(--tsemou-proposal-vv-top, 12px) !important;\n    bottom: auto !important;\n    height: auto !important;\n    max-height: var(--tsemou-proposal-vv-height, calc(100dvh - 24px)) !important;\n    overscroll-behavior: contain !important;\n    -webkit-overflow-scrolling: touch !important;\n    padding-bottom: 14px !important;\n  }\n\n  body.entity-workspace-lock .story-workspace .story-image-proposal__submit {\n    position: sticky !important;\n    left: 0 !important;\n    bottom: 0 !important;\n    z-index: 5 !important;\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-top: 10px !important;\n    box-shadow: 0 -8px 18px rgba(255,255,255,.92), 0 5px 14px rgba(14,104,84,.16) !important;\n  }\n\n  body.entity-workspace-lock .story-workspace .story-image-proposal__close {\n    position: sticky !important;\n    top: 0 !important;\n    margin-left: auto !important;\n    float: right !important;\n  }\n}\n

/* 5.71.1046 — NEED MOBILE DENSITY + SHARED HEADER + SUGGESTION VISIBILITY R1 */
@media (max-width: 760px) {
  .tsemou-action-shell--help-minimal{overflow-x:clip!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px 12px!important;box-sizing:border-box!important;background:#fff!important;border-bottom:1px solid #e4e9f1!important;position:sticky!important;top:0!important;z-index:30!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-brand--home-logo,.tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-brand-home-image{width:132px!important;max-width:132px!important;height:34px!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-desktop-nav{display:none!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-mobile-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-mobile-menu>summary,.tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-language-control{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-mobile-menu{position:relative!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-mobile-menu nav{position:absolute!important;top:42px!important;right:0!important;z-index:200!important;display:grid!important;gap:3px!important;width:min(250px,calc(100vw - 24px))!important;padding:8px!important;border:1px solid #dfe6e3!important;border-radius:14px!important;background:#fff!important;box-shadow:0 14px 34px rgba(16,24,40,.16)!important}
  .tsemou-action-shell--help-minimal>.tsemou-purpose-actions-help-header .tsemou-purpose-mobile-menu nav a{display:block!important;padding:10px 11px!important;border-radius:9px!important;color:#18372f!important;text-decoration:none!important;font-size:14px!important;font-weight:700!important}

  .tsemou-action-shell--help-minimal .tsemou-action-shell__main{width:calc(100% - 16px)!important;padding:10px 0 max(10px,env(safe-area-inset-bottom))!important}
  .tsemou-action-shell--help-minimal .tsemou-action-shell__back{margin:0 0 8px!important;font-size:14px!important}
  .tsemou-action-shell--help-minimal .tsemou-workspace-body--help-minimal,.tsemou-action-shell--help-minimal .tsemou-workspace-body__primary,.tsemou-action-shell--help-minimal .tsemou-workspace-body__primary.is-domain-composer-open{margin:0!important;padding:0!important;gap:0!important}
  .tsemou-action-shell--help-minimal .tsemou-domain-native-composer.entity-action-panel--domain-workspace{width:100%!important;max-width:100%!important;margin:0!important;padding:10px!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(18,32,60,.055)!important}

  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need{padding:8px!important;gap:0!important}
  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-composer-heading{margin:0 0 2px!important;font-size:18px!important;line-height:1.2!important}
  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-composer-hint{margin:0 0 7px!important;font-size:12px!important;line-height:1.3!important}
  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-composer-label{gap:3px!important;margin:0 0 6px!important;font-size:14px!important;line-height:1.2!important}
  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-composer-textarea--minimal{min-height:82px!important;height:82px!important;max-height:140px!important;padding:9px 10px!important}
  .tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-composer-input,.tsemou-action-shell--help-minimal .entity-action-panel--minimal-need .entity-need-visibility-select{min-height:42px!important;height:42px!important;padding:7px 10px!important}

  .tsemou-action-shell--help-minimal .entity-need-community-target{gap:4px!important;margin:0!important}
  .tsemou-action-shell--help-minimal .entity-need-community-suggestions-title{margin:2px 0 3px!important;font-size:14px!important}
  .tsemou-action-shell--help-minimal .entity-need-community-results{gap:5px!important;margin:0 0 5px!important;max-height:116px!important;overflow-y:auto!important}
  .tsemou-action-shell--help-minimal .entity-need-community-result{padding:6px 8px!important;border-radius:11px!important;font-size:12px!important}
  .tsemou-action-shell--help-minimal .entity-need-community-result small{font-size:10px!important}
  .tsemou-action-shell--help-minimal .entity-need-visibility-hint{margin:2px 0 5px!important;font-size:10.5px!important;line-height:1.25!important}

  .tsemou-action-shell--help-minimal .entity-need-composer-actions{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;position:sticky!important;bottom:max(4px,env(safe-area-inset-bottom))!important;z-index:8!important;margin:3px 0 0!important;padding:5px 0!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(7px)!important}
  .tsemou-action-shell--help-minimal .entity-need-composer-cancel,.tsemou-action-shell--help-minimal .entity-need-composer-submit{width:auto!important;min-width:0!important;min-height:36px!important;height:36px!important;padding:0 11px!important;border-radius:999px!important;font-size:12px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important}
}


/* 5.71.1047 — NEED COMMUNITY TRACE (Need creation page only) */
@media (max-width:760px) {
  .tsemou-action-shell--help-minimal .entity-need-community-trace {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:5px!important;
    margin:2px 0 4px!important;
  }
  .tsemou-action-shell--help-minimal .entity-need-community-trace__button {
    min-height:28px!important;
    height:28px!important;
    padding:0 9px!important;
    border:1px solid #687b75!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#314740!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
  }
  .tsemou-action-shell--help-minimal .entity-need-community-trace__output {
    width:100%!important;
    max-width:100%!important;
    max-height:210px!important;
    overflow:auto!important;
    margin:0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border:1px solid #d4ddd9!important;
    border-radius:9px!important;
    background:#111917!important;
    color:#d9f7eb!important;
    font:11px/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
    white-space:pre-wrap!important;
    word-break:break-word!important;
  }
}


/* 5.71.1048 — NEED MOBILE HEADER HARD LOCK R1
 * Dedicated hard boundary for the minimal Need page. Prevent legacy category/
 * action header geometry from leaking through even when older rules use !important.
 */
@media (max-width:760px) {
  .tsemou-homepage-beta--categories .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    padding:8px 12px!important;
    margin:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .tsemou-homepage-beta--categories .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {
    display:block!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    flex:none!important;
  }

  .tsemou-homepage-beta--categories .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo > img.tsemou-purpose-brand-home-image {
    display:block!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:left center!important;
    transform:none!important;
  }

  .tsemou-homepage-beta--categories .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > nav.tsemou-purpose-desktop-nav {
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  .tsemou-homepage-beta--categories .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-mobile-controls {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    width:auto!important;
    min-width:78px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
  }
}
\n\n/* 5.71.1049 — NEED PAGE ACTUAL HEADER DOM LOCK + COMMUNITY IDENTITY TRACE R1\n * Scope from the real minimal Need shell itself; do not depend on a page-body ancestor.\n */\n@media (max-width:760px) {\n  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header {\n    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;\n    width:100%!important;min-width:0!important;max-width:100%!important;height:58px!important;min-height:58px!important;max-height:58px!important;\n    padding:8px 12px!important;margin:0!important;overflow:visible!important;box-sizing:border-box!important;\n  }\n  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {\n    display:block!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:34px!important;min-height:34px!important;max-height:34px!important;\n    padding:0!important;margin:0!important;overflow:hidden!important;flex:none!important;\n  }\n  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo > img.tsemou-purpose-brand-home-image {\n    display:block!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:34px!important;min-height:34px!important;max-height:34px!important;\n    margin:0!important;padding:0!important;object-fit:contain!important;object-position:left center!important;transform:none!important;\n  }\n  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > nav.tsemou-purpose-desktop-nav {\n    display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;\n  }\n  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-mobile-controls {\n    display:flex!important;visibility:visible!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;min-width:78px!important;height:38px!important;margin:0!important;padding:0!important;\n  }\n}\n
/* 5.71.1059 — NEED WORKSPACE CONSUMER-FIRST PRESENTATION R1 */
.need-workspace .case-workspace-header .workspace-story-meta,
.need-workspace .case-workspace-header .case-workspace-media-hit,
.need-workspace .case-workspace-header .workspace-primary-person-wrap{display:none!important}
.need-workspace .case-workspace-header{padding:18px 22px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.need-workspace .case-workspace-header .workspace-story-type{margin:0 0 6px!important;color:#167765!important;font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important}
.need-workspace .case-workspace-header .case-workspace-title{font-size:clamp(24px,3vw,36px)!important;line-height:1.12!important;margin:0!important;max-width:760px!important}
.need-workspace .case-workspace-header .case-workspace-controls{margin-top:12px!important}
.need-workspace .workspace-tabs--foundation{margin:0 0 14px!important}
.need-workspace .workspace-tab{font-size:13px!important;letter-spacing:.02em!important;text-transform:none!important}
.need-workspace .need-workspace-overview--consumer{padding:22px!important;border:1px solid #dce7e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 8px 28px rgba(25,50,42,.045)!important;gap:0!important}
.need-consumer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.need-consumer-head h2{margin:5px 0 0!important;font-size:24px!important;line-height:1.22!important;color:#15253f!important}
.need-consumer-description{margin:14px 0 0!important;font-size:17px!important;line-height:1.55!important;color:#40516a!important}
.need-consumer-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px;color:#68758a;font-size:13px}
.need-consumer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.need-consumer-action{min-height:46px;border:1px solid #bfd4cd;border-radius:12px;background:#fff;color:#245f52;font-weight:800;font-size:14px;cursor:pointer}
.need-consumer-action--primary{background:#13836d;color:#fff;border-color:#13836d}
.need-consumer-pulse{display:flex;flex-direction:column;gap:5px;margin-top:20px;padding:14px 16px;border-radius:12px;background:#f4f8f6;color:#334b44}
.need-consumer-pulse strong{font-size:14px}.need-consumer-pulse span{font-size:13px;color:#6a7974}
.need-consumer-more{margin-top:16px;border-top:1px solid #e5ece9;padding-top:14px}
.need-consumer-more>summary{cursor:pointer;color:#52655f;font-weight:700;font-size:14px;list-style:none}.need-consumer-more>summary::-webkit-details-marker{display:none}.need-consumer-more>summary:after{content:' +';}.need-consumer-more[open]>summary:after{content:' −'}
.need-consumer-more [data-need-consumer-secondary]{display:grid;gap:12px;margin-top:14px}
.need-consumer-more .workspace-canonical-relations,.need-consumer-more .need-verification-card,.need-consumer-more .need-moderation-card{box-shadow:none!important;margin:0!important}
@media(min-width:1100px){.need-workspace .case-workspace-primary-surface{max-width:760px!important;margin:0 auto!important}.need-workspace .case-workspace-header{padding-left:0!important;padding-right:0!important}}
@media(max-width:700px){.need-workspace .case-workspace-header{padding:14px 12px!important}.need-workspace .case-workspace-header .case-workspace-title{font-size:25px!important}.need-workspace .need-workspace-overview--consumer{padding:16px!important;border-radius:14px!important}.need-consumer-head{gap:10px}.need-consumer-head h2{font-size:21px!important}.need-consumer-description{font-size:16px!important}.need-consumer-actions{grid-template-columns:1fr}.need-consumer-action{width:100%}.need-workspace .workspace-tabs--foundation{overflow-x:auto!important;scrollbar-width:none}.need-workspace .workspace-tab{min-width:max-content!important}}

/* 5.71.1060 — NEED WORKSPACE HUMAN HIERARCHY POLISH R1
 * Consumer-first second pass: the need and the ways to help dominate; empty
 * diagnostics/rails and duplicate chrome no longer compete with the task. */
body.entity-workspace-lock .need-workspace .case-workspace-header{
  padding:12px 0 10px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
body.entity-workspace-lock .need-workspace .case-workspace-header .case-workspace-title{
  max-width:760px!important;
  margin-top:4px!important;
  font-size:30px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
body.entity-workspace-lock .need-workspace .case-workspace-header .case-workspace-controls,
body.entity-workspace-lock .need-workspace .case-workspace-header .case-workspace-media-hit{
  display:none!important;
}
body.entity-workspace-lock .need-workspace .workspace-tabs--foundation{margin-top:4px!important}
body.entity-workspace-lock .need-workspace .need-workspace-overview--consumer{padding:20px 22px!important}
body.entity-workspace-lock .need-workspace .need-consumer-head h2{font-size:27px!important;max-width:650px}
body.entity-workspace-lock .need-workspace .need-consumer-actions{grid-template-columns:minmax(180px,1.15fr) minmax(180px,1fr) auto!important;align-items:stretch}
body.entity-workspace-lock .need-workspace .need-consumer-action--share{min-width:110px;background:transparent!important;border-color:transparent!important;color:#53665f!important;font-weight:700!important}
body.entity-workspace-lock .need-workspace .need-consumer-pulse{margin-top:14px!important;padding:12px 14px!important}
body.entity-workspace-lock .need-workspace .need-consumer-more{margin-top:12px!important;padding-top:12px!important}
/* 5.71.1062 — NEED WORKSPACE RIGHT RAIL GEOMETRY RESTORE R1
 * Restore the canonical desktop 300 / 580 / 320 workspace geometry.
 * The right rail remains structurally present even when its current content is sparse.
 */
@media (min-width:1201px){
  body.entity-workspace-lock:has(.need-workspace) .homepage-grid{grid-template-columns:300px 580px 320px!important;gap:16px!important}
  body.entity-workspace-lock:has(.need-workspace) .center-column{width:auto!important;max-width:580px!important}
  body.entity-workspace-lock:has(.need-workspace) .right-column{display:block!important;visibility:visible!important;overflow:visible!important;padding-left:0!important;padding-right:0!important}
  body.entity-workspace-lock:has(.need-workspace) .right-column>:not(.tsemou-layout-toggle){display:revert!important}
}
@media(max-width:700px){
  body.entity-workspace-lock .need-workspace .case-workspace-header{padding:10px 12px 8px!important}
  body.entity-workspace-lock .need-workspace .case-workspace-header .case-workspace-title{font-size:24px!important;line-height:1.15!important}
  body.entity-workspace-lock .need-workspace .need-consumer-head h2{font-size:22px!important}
  body.entity-workspace-lock .need-workspace .need-consumer-actions{grid-template-columns:1fr 1fr!important}
  body.entity-workspace-lock .need-workspace .need-consumer-action--primary{grid-column:1/-1}
  body.entity-workspace-lock .need-workspace .need-consumer-action--share{min-height:38px!important}
}

/* NEED UX 5.71.1064 */
.need-inline-information[hidden]{display:none!important}
.need-inline-information{margin-top:14px;padding:14px;border:1px solid rgba(15,118,110,.18);border-radius:14px;background:#fff}
.need-inline-information .workspace-composer{margin:0!important}

/* NEED UX 5.71.1065 — focused inline information composer */
.need-inline-information{padding:16px!important}
.need-inline-information__heading{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.need-inline-information__heading strong{font-size:16px;line-height:1.25;color:#10213b}
.need-inline-information__heading span{font-size:13px;line-height:1.4;color:#66758a}
.need-inline-information__composer .workspace-composer-head{display:block!important}
.need-inline-information__composer .workspace-composer-head>.workspace-avatar{display:none!important}
.need-inline-information__composer .workspace-composer-input-shell{width:100%!important}
.need-inline-information__composer textarea{min-height:92px!important;max-height:180px!important;resize:vertical}
.need-inline-information__composer .workspace-composer-actions{display:flex!important;gap:8px!important;align-items:center!important}
.need-inline-information__cancel{background:transparent!important;color:#536173!important;border:1px solid #cbd5df!important}
@media(max-width:700px){.need-inline-information{padding:12px!important}.need-inline-information__composer textarea{min-height:84px!important}}


/* NEED UX 5.71.1066 — compact information actions + publish closure */
.need-inline-information__composer .workspace-composer-tools{display:flex!important;gap:8px!important;align-items:center!important;margin-top:8px!important}
.need-inline-information__composer .workspace-tool-button.need-inline-information__media{width:auto!important;min-width:0!important;height:38px!important;padding:0 12px!important;display:inline-flex!important;gap:6px!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:13px!important;line-height:1!important}
.need-inline-information__composer .workspace-composer-actions{justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:10px!important}
.need-inline-information__composer [data-workspace-compose-submit]{width:auto!important;min-width:190px!important;height:42px!important;padding:0 18px!important}
.need-inline-information__cancel{width:auto!important;min-width:96px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}
.need-inline-information__composer .workspace-composer-message[data-tone="success"]{color:#0f766e!important;font-weight:700!important;margin-top:8px!important}
@media(max-width:700px){
  .need-inline-information__composer .workspace-composer-actions{display:grid!important;grid-template-columns:1fr auto!important}
  .need-inline-information__composer [data-workspace-compose-submit]{min-width:0!important;width:100%!important}
}


/* NEED-SIMPLE-1070 — one-screen consumer Need. */
.need-workspace--simple{display:block!important}.need-workspace--simple .need-simple-card{padding:26px 22px 22px;max-width:580px}.need-simple-category{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#087d69;margin-bottom:8px}.need-simple-title{font-size:clamp(28px,3vw,38px);line-height:1.08;margin:0 0 14px;color:#08233f}.need-simple-description{font-size:17px;line-height:1.55;margin:0 0 20px;color:#42546a}.need-simple-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 14px}.need-simple-connections>div{min-width:0;border:1px solid #e2e8e6;border-radius:9px;background:#f8faf9;padding:7px 9px;display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:46px}.need-simple-connections span{min-width:0;font-size:9px;line-height:1.15;color:#718096}.need-simple-connections strong,.need-simple-connections a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11.5px;line-height:1.22;font-weight:700;color:#163d39;text-decoration:none}.need-simple-connections a:hover{text-decoration:underline}.need-simple-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.need-simple-actions button{min-height:52px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer}.need-simple-help{background:#128b74;color:#fff;border:1px solid #128b74}.need-simple-exit{background:#fff;color:#314154;border:1px solid #cad5d2}.need-simple-share{margin-top:14px;font-size:13px;color:#536274}.need-simple-share summary{cursor:pointer;width:max-content}.need-simple-share>div{display:flex;gap:8px;margin-top:10px}.need-simple-share button{background:transparent;border:0;padding:4px 8px;text-decoration:underline;cursor:pointer;color:#315e59}@media(max-width:700px){.need-workspace--simple .need-simple-card{padding:20px 16px}.need-simple-actions{grid-template-columns:1fr}.need-simple-connections{grid-template-columns:1fr}.need-simple-connections>div{padding:8px 9px}.need-simple-connections span{display:block;margin-bottom:1px}}

/* 5.71.1072 — Need offered-help compact cards */
@media (min-width: 900px){
  .need-workspace .workspace-contribution-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
.need-workspace .workspace-contribution-card{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 11px;border-radius:10px;align-content:start}
.need-workspace .workspace-contribution-card__identity{gap:8px}
.need-workspace .workspace-contribution-card__summary{justify-content:flex-start}
.need-workspace .workspace-contribution-type-badge{font-size:11px;line-height:1.2;padding:4px 7px;white-space:normal}
.need-workspace .workspace-contribution-card__date{font-size:11px;color:#64748b;line-height:1.25}
.need-workspace .workspace-contribution-card__meta{display:none!important}
.need-workspace .workspace-contribution-card .workspace-contribution-lifecycle-actions{margin-top:2px}
@media (max-width:899px){.need-workspace .workspace-contribution-cards{grid-template-columns:1fr}}

/* 5.71.1079 — Direct three-category Need creator. Keep the canonical public
   header, remove the legacy category-action shell, and make creation a single
   compact surface. */
.tsemou-homepage-beta--need-create .tsemou-direct-need-create{
  width:min(680px,calc(100% - 32px));
  margin:0 auto;
  padding:34px 0 72px;
}
.tsemou-homepage-beta--need-create .tsemou-direct-need-create__back{
  display:inline-flex;
  margin:0 0 20px;
  color:#356150;
  text-decoration:none;
  font-size:14px;
  font-weight:800;
}
.tsemou-homepage-beta--need-create .tsemou-direct-need-create__composer{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:26px!important;
  border:1px solid #dce7e2!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 34px rgba(28,54,84,.06)!important;
  transform:none!important;
}
.tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .destination-category-toggle{
  margin:14px 0 18px;
}
.tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .destination-category-toggle__button{
  min-height:48px;
}
.tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .entity-need-composer-heading{
  margin:0 0 5px!important;
  font-size:26px!important;
  line-height:1.15!important;
}
.tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .entity-need-composer-hint{
  margin:0 0 8px!important;
}
@media(max-width:700px){
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create{width:min(100% - 20px,680px);padding:18px 0 48px}
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__composer{padding:18px!important;border-radius:14px!important}
  .tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .destination-category-toggle{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .tsemou-homepage-beta--need-create .entity-action-panel--three-category-need .destination-category-toggle__button{padding:10px 6px;font-size:13px}
}

/* 5.71.1081 — Direct creator personal Need history. */
.tsemou-homepage-beta--need-create .tsemou-my-needs{margin:18px 0 0;padding:18px;border:1px solid #dfe7e4;border-radius:14px;background:#fff}
.tsemou-homepage-beta--need-create .tsemou-my-needs__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.tsemou-homepage-beta--need-create .tsemou-my-needs__head h2{margin:0;font-size:19px;line-height:1.2;color:#10253d}
.tsemou-homepage-beta--need-create .tsemou-my-needs__head span{font-size:11px;color:#718096}
.tsemou-homepage-beta--need-create .tsemou-my-needs__empty{margin:6px 0 0;font-size:13px;color:#718096}
.tsemou-homepage-beta--need-create .tsemou-my-needs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tsemou-homepage-beta--need-create .tsemou-my-need-card{display:flex;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;border:1px solid #e0e8e5;border-radius:10px;background:#f9fbfa;color:#10253d;text-decoration:none}
.tsemou-homepage-beta--need-create .tsemou-my-need-card:hover{border-color:#8fbeb4;background:#f4faf7}
.tsemou-homepage-beta--need-create .tsemou-my-need-card.is-new{outline:2px solid rgba(18,139,116,.18)}
.tsemou-homepage-beta--need-create .tsemou-my-need-card__family{font-size:9px;font-weight:900;letter-spacing:.08em;color:#087d69;text-transform:uppercase}
.tsemou-homepage-beta--need-create .tsemou-my-need-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:13px;line-height:1.3}
.tsemou-homepage-beta--need-create .tsemou-my-need-card__meta{font-size:10.5px;line-height:1.3;color:#6b7b8e}
.tsemou-homepage-beta--need-create .tsemou-my-need-card__meta b{color:#315e59}
@media(max-width:640px){.tsemou-homepage-beta--need-create .tsemou-my-needs{padding:14px}.tsemou-homepage-beta--need-create .tsemou-my-needs__grid{grid-template-columns:1fr}}

/* 5.71.1082 — stable simple Need owner state */
.need-simple-owner-state{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border:1px solid #d8e2de;border-radius:12px;background:#f3f7f5;color:#2f5f50;font-weight:800;letter-spacing:.02em}

/* 5.71.1085 — Need owner density: the Need itself is the identity; no dead owner CTA. */
.need-simple-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.need-simple-heading .need-simple-category{margin-bottom:0;font-size:10px;letter-spacing:.07em}
.need-simple-created{font-size:10px;line-height:1.2;color:#788596;white-space:nowrap}
.need-workspace--simple .need-simple-title{font-size:clamp(22px,2.25vw,30px);line-height:1.12;margin:0 0 10px}
.need-workspace--simple .need-simple-description{font-size:14px;line-height:1.45;margin-bottom:14px}
.need-simple-actions--owner{display:flex;justify-content:flex-start;margin-top:8px}
.need-simple-my-needs{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border:1px solid #cbd8d4;border-radius:9px;background:#fff;color:#46625d;font-size:12px;font-weight:700;text-decoration:none}
.need-simple-my-needs:hover{text-decoration:none;background:#f6f9f8}
@media(max-width:700px){.need-simple-heading{align-items:flex-start}.need-simple-created{font-size:9.5px}.need-workspace--simple .need-simple-title{font-size:22px}.need-simple-actions--owner{display:flex}.need-simple-my-needs{min-height:32px;font-size:11.5px}}


/* 5.71.1086 — internal Need → Community share picker. */
.need-community-share-panel{margin-top:10px;padding:12px;border:1px solid #d9e3df;border-radius:12px;background:#fff;max-width:520px}
.need-community-share-panel[hidden]{display:none!important}
.need-community-share-panel label{display:grid;gap:6px;font-size:.76rem;font-weight:800;color:#35594f}
.need-community-share-panel input{width:100%;min-height:40px;border:1px solid #cfdad6;border-radius:9px;padding:8px 10px;background:#fff;font:inherit}
.need-community-share-results{display:grid;gap:6px;margin-top:9px}
.need-community-share-results p{margin:0;font-size:.78rem;color:#667085}
.need-community-share-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #d8e4df;border-radius:9px;background:#fff;padding:9px 11px;text-align:left;cursor:pointer}
.need-community-share-result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.need-community-share-result strong{font-size:.72rem;color:#087a65;white-space:nowrap}
.need-community-share-result:disabled{opacity:.65;cursor:default}
.need-community-share-feedback{min-height:18px;margin-top:8px;font-size:.76rem;font-weight:700}
.need-community-share-feedback[data-state="success"]{color:#087a55}
.need-community-share-feedback[data-state="error"]{color:#b42318}

/* 5.71.1087 — Community-owned Need intake policy + bounded incoming queue. */
.community-need-settings{margin:16px 0;padding:16px;border:1px solid #d9e5df;border-radius:14px;background:#fff}.community-need-settings-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:14px}.community-need-settings-head span{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#08745f}.community-need-settings-head h2{margin:3px 0 0;font-size:1.05rem}.community-need-settings-head p{margin:0;color:#64748b;font-size:.82rem}.community-need-settings form{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.community-need-settings fieldset{border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin:0}.community-need-settings legend{font-size:.8rem;font-weight:800;padding:0 5px}.community-need-settings label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:start;margin:8px 0;font-size:.84rem}.community-need-settings label input{margin-top:3px}.community-need-settings label small{grid-column:2;color:#64748b;font-size:.74rem;line-height:1.35}.community-need-settings label.is-inline{display:inline-flex;align-items:center;gap:6px;margin-right:12px}.community-need-settings-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center}.community-need-settings-actions button,.community-incoming-needs button{border:0;border-radius:9px;background:#0f8b73;color:#fff;padding:8px 12px;font-weight:750;cursor:pointer}.community-incoming-needs{grid-column:1/-1;margin-top:14px;border-top:1px solid #e2e8f0;padding-top:12px}.community-incoming-needs h3{font-size:.9rem;margin:0 0 8px}.community-incoming-needs h3 span{font-size:.72rem;border:1px solid #cbd5e1;border-radius:999px;padding:2px 7px}.community-incoming-needs article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #edf2f7}.community-incoming-needs article:first-of-type{border-top:0}.community-incoming-needs article div:first-child{display:grid;gap:3px}.community-incoming-needs article small{color:#64748b;font-size:.7rem}.community-incoming-needs article strong{font-size:.86rem}.community-incoming-needs .is-secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}.community-incoming-needs-empty{margin:12px 0 0;color:#64748b;font-size:.8rem}@media(max-width:720px){.community-need-settings form{grid-template-columns:1fr}.community-need-settings-head{display:block}.community-need-settings-head p{margin-top:6px}.community-incoming-needs article{align-items:flex-start;flex-direction:column}}

/* 5.71.1088 — compact Need → Community picker. */
.need-community-share-panel{box-sizing:border-box;width:100%;max-width:520px;padding:12px 14px;overflow:visible}
.need-community-share-panel label{display:block!important;width:100%!important;min-width:0!important}
.need-community-share-panel label>span{display:block;margin:0 0 7px;font-size:.78rem;font-weight:800}
.need-community-share-panel input{display:block;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
.need-community-share-results{display:grid;gap:0;margin-top:8px;max-height:none!important;overflow:visible!important}
.need-community-share-result{display:block;width:100%;min-width:0;padding:10px 4px;border:0;border-top:1px solid #e5ece9;border-radius:0;background:transparent;color:#17483f;text-align:left}
.need-community-share-result:first-child{border-top:0}
.need-community-share-result span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:750}
.need-community-share-result:hover,.need-community-share-result:focus-visible{background:#f3f8f6}
.need-community-share-result strong{display:none!important}
@media(max-width:767px){.need-community-share-panel{max-width:none}.need-community-share-result{padding:11px 4px}}

/* 5.71.1089 — compact internal Need → Person picker. */
.need-person-share-panel{box-sizing:border-box;width:100%;max-width:520px;margin-top:10px;padding:12px 14px;border:1px solid #d9e3df;border-radius:12px;background:#fff}
.need-person-share-panel[hidden]{display:none!important}
.need-person-share-panel label{display:block;width:100%;font-size:.78rem;font-weight:800;color:#35594f}
.need-person-share-panel label>span{display:block;margin:0 0 7px}
.need-person-share-panel input{display:block;box-sizing:border-box;width:100%;min-height:40px;border:1px solid #cfdad6;border-radius:9px;padding:8px 10px;background:#fff;font:inherit}
.need-person-share-results{display:grid;gap:0;margin-top:8px}
.need-person-share-results p{margin:8px 0;font-size:.78rem;color:#667085}
.need-person-share-result{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:9px 4px;border:0;border-top:1px solid #e5ece9;background:transparent;color:#17483f;text-align:left;cursor:pointer}
.need-person-share-result:first-child{border-top:0}
.need-person-share-result img{width:30px;height:30px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.need-person-share-result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:750}
.need-person-share-result:hover,.need-person-share-result:focus-visible,.need-person-share-result.is-selected{background:#f3f8f6}
.need-person-share-selection{margin-top:8px;padding:8px 10px;border-radius:8px;background:#f3f8f6;font-size:.78rem;font-weight:750;color:#27564d}
.need-person-share-send{margin-top:9px;min-height:38px;padding:8px 13px;border:1px solid #138e78;border-radius:9px;background:#138e78;color:#fff;font-size:.78rem;font-weight:800;cursor:pointer}
.need-person-share-send:disabled{opacity:.5;cursor:default}
.need-person-share-feedback{min-height:18px;margin-top:8px;font-size:.76rem;font-weight:700}
.need-person-share-feedback[data-state="success"]{color:#087a55}
.need-person-share-feedback[data-state="error"]{color:#b42318}
@media(max-width:767px){.need-person-share-panel{max-width:none}}


/* 5.71.1092 — Need person picker: single-column compact selection UX. */
.need-simple-share .need-person-share-panel{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:520px!important}
.need-simple-share .need-person-share-panel[hidden]{display:none!important}
.need-simple-share .need-person-share-panel>label{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.need-simple-share .need-person-share-panel>label input{display:block!important;width:100%!important;max-width:none!important;margin:0!important}
.need-simple-share .need-person-share-results{display:block!important;width:100%!important;max-width:none!important;margin:8px 0 0!important}
.need-simple-share .need-person-share-result{position:relative!important;display:flex!important;width:100%!important;max-width:none!important;box-sizing:border-box!important;padding:8px 34px 8px 4px!important}
.need-simple-share .need-person-share-result.is-selected{background:#f3f8f6!important}
.need-simple-share .need-person-share-result.is-selected::after{content:"✓";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:15px;font-weight:900;color:#138e78}
.need-simple-share .need-person-share-selection{display:none!important}
.need-simple-share .need-person-share-send{display:block!important;width:auto!important;min-width:118px!important;margin:10px 0 0 auto!important;padding:8px 14px!important}
.need-simple-share .need-person-share-feedback{display:block!important;width:100%!important}

/* 5.71.1096 — native language authority control (active bundle companion). */
.tsemou-purpose-actions-help-header .tsemou-purpose-language-form{display:inline-flex;align-items:center;margin:0;padding:0}
.tsemou-purpose-actions-help-header .tsemou-purpose-language-select{width:auto;min-width:54px;max-width:132px;height:34px;margin:0;padding:0 22px 0 7px;border:0;background-color:transparent;color:inherit;font:inherit;font-size:14px;line-height:1;cursor:pointer;box-shadow:none}
@media(max-width:760px){.tsemou-purpose-actions-help-header .tsemou-purpose-language-form{width:38px!important;min-width:38px!important;height:38px!important}.tsemou-purpose-actions-help-header .tsemou-purpose-language-select{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;padding:0 4px!important;border:1px solid #d8e1dd!important;border-radius:50%!important;background:#fff!important;font-size:11px!important;font-weight:800!important;appearance:none!important;text-align:center!important}}
\n\n/* 5.71.1107 — HOME GUEST AUTH COMPACT HIERARCHY R1.
 * Desktop Home only. Preserve auth handlers/modals; reduce the left-rail acquisition
 * block to a compact primary Create account action + quiet Log in secondary action. */
@media (min-width:861px){
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application){
   margin:0 0 12px!important;padding:8px 8px 12px!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application)>h2{
   margin:0 0 7px!important;font-size:.88rem!important;font-weight:650!important;line-height:1.2!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-guest-login__mascot{
   width:64px!important;max-width:64px!important;margin:0 auto 8px!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-account-card-actions{
   gap:4px!important;align-items:center!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-account-card-actions .tsemou-register-open{
   width:auto!important;min-width:156px!important;min-height:38px!important;height:38px!important;margin:0!important;padding:0 18px!important;
   border-radius:10px!important;font-size:.79rem!important;font-weight:750!important;letter-spacing:0!important;
   box-shadow:0 4px 10px rgba(8,116,95,.12)!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-account-card-actions .tsemou-account-login{
   width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;margin:0!important;padding:0 10px!important;
   border:0!important;background:transparent!important;color:#394640!important;font-size:.79rem!important;font-weight:600!important;letter-spacing:0!important;
   text-transform:none!important;box-shadow:none!important;cursor:pointer!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-account-card-actions .tsemou-account-login:hover,
 body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application:not(.tsemou-account-card--application) .tsemou-account-card-actions .tsemou-account-login:focus-visible{
   color:#08745f!important;text-decoration:underline!important;text-underline-offset:3px!important;
 }
 body:not(.entity-workspace-lock) .left-column .tsemou-left-topic-nav--application a,
 body:not(.entity-workspace-lock) .left-column .tsemou-left-topic-nav--application .tsemou-left-topic-nav__create{
   min-height:46px!important;
 }
}

/* 5.71.1108 — GEO-1: geography is independent from topic and display language. */
.tsemou-community-geo-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 14px}
.tsemou-community-geo-bar>a,.tsemou-community-geo-other select{min-height:34px;border:1px solid #d7e2dd;border-radius:999px;background:#fff;color:#274b40;font:700 13px/1.1 inherit;padding:7px 13px;text-decoration:none;box-shadow:none}
.tsemou-community-geo-bar>a:hover,.tsemou-community-geo-bar>a:focus-visible,.tsemou-community-geo-other select:focus-visible{border-color:#0f8f73;outline:2px solid rgba(15,143,115,.14);outline-offset:1px}
.tsemou-community-geo-bar>a.is-active{background:#e8f5ef;border-color:#9bcdbd;color:#075e4d}
.tsemou-community-geo-other{margin:0}.tsemou-community-geo-other select{appearance:auto;cursor:pointer}
@media(max-width:620px){.tsemou-community-geo-bar{gap:6px;margin:6px 0 12px}.tsemou-community-geo-bar>a,.tsemou-community-geo-other select{min-height:32px;padding:6px 10px;font-size:12px}}


/* 5.71.1111 — NEEDS HUB / bounded three-family entry surface */
.tsemou-needs-hub__main{max-width:1040px;margin:0 auto;padding:28px 20px 56px}
.tsemou-needs-hub__back{display:inline-flex;margin:0 0 22px;font-size:14px;font-weight:700;text-decoration:none}
.tsemou-needs-hub__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.tsemou-needs-hub__eyebrow{margin:0 0 5px;font-size:12px;font-weight:800;letter-spacing:.12em}
.tsemou-needs-hub__heading h1,.tsemou-needs-hub__family h1{margin:0;font-size:34px;line-height:1.08}
.tsemou-needs-hub__heading p,.tsemou-needs-hub__family>p{margin:8px 0 0;font-size:15px;line-height:1.5}
.tsemou-needs-hub__create{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid currentColor;border-radius:999px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}
.tsemou-needs-hub__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tsemou-needs-hub__card{display:flex;align-items:flex-start;gap:12px;min-height:150px;padding:20px;border:1px solid rgba(15,23,42,.12);border-radius:14px;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.tsemou-needs-hub__card:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(15,23,42,.08)}
.tsemou-needs-hub__icon{font-size:25px;line-height:1}
.tsemou-needs-hub__text{display:flex;flex:1;flex-direction:column;gap:8px}
.tsemou-needs-hub__text strong{font-size:17px}
.tsemou-needs-hub__text small{font-size:13px;line-height:1.45}
.tsemou-needs-hub__card>i{font-style:normal;font-size:18px}
.tsemou-needs-hub__family{max-width:720px}
.tsemou-needs-hub__placeholder{margin-top:22px;padding:18px;border:1px dashed rgba(15,23,42,.22);border-radius:12px;font-size:14px;line-height:1.5}
@media(max-width:760px){
 .tsemou-needs-hub__main{padding:20px 14px 40px}
 .tsemou-needs-hub__heading{align-items:flex-start;flex-direction:column}
 .tsemou-needs-hub__heading h1,.tsemou-needs-hub__family h1{font-size:28px}
 .tsemou-needs-hub__grid{grid-template-columns:1fr}
 .tsemou-needs-hub__card{min-height:0;padding:17px}
}

/* 5.71.1112 — Need-Goods second-level taxonomy */
.tsemou-needs-hub__family--wide{max-width:none}.tsemou-needs-hub__grid--subcategories{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}.tsemou-needs-hub__card--subcategory{min-height:132px;padding:18px}.tsemou-needs-hub__card--subcategory .tsemou-needs-hub__text strong{font-size:16px}@media(max-width:980px){.tsemou-needs-hub__grid--subcategories{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.tsemou-needs-hub__grid--subcategories{grid-template-columns:1fr}}


/* 5.71.1115 — Case consumer-first presentation. Case-only; engine/data unchanged. */
.case-workspace[data-entity-type="case"] .case-workspace-header .workspace-story-meta,
.case-workspace[data-entity-type="case"] .case-workspace-header [data-workspace-participation-controls]{display:none!important}
.case-workspace[data-entity-type="case"] .case-workspace-media-hit,
.case-workspace[data-entity-type="case"] .case-workspace-media{min-height:0!important;height:clamp(180px,28vw,300px)!important;max-height:300px!important}
.case-workspace[data-entity-type="case"] .case-workspace-media{background-size:cover!important;background-position:center!important}
.case-workspace[data-entity-type="case"] .case-overview-panel--consumer{gap:14px}
.case-workspace[data-entity-type="case"] .case-overview-header--consumer{padding:0 2px 12px;margin:0}
.case-workspace[data-entity-type="case"] .case-overview-summary-block--consumer{grid-template-columns:minmax(0,1fr) minmax(210px,270px);padding:16px;gap:14px}
.case-workspace[data-entity-type="case"] .case-overview-summary-block--consumer .case-overview-description{margin-top:0}
.case-workspace[data-entity-type="case"] .case-overview-next-step--consumer{padding:13px}
.case-workspace[data-entity-type="case"] .case-overview-summaries--consumer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.case-workspace[data-entity-type="case"] .case-overview-summaries--consumer .case-overview-summary{min-height:76px;padding:12px 13px;align-content:center}
.case-workspace[data-entity-type="case"] .case-overview-summaries--consumer .case-overview-summary small{display:none}
.case-workspace[data-entity-type="case"] .case-overview-advanced{border:1px solid var(--case-line);border-radius:12px;background:#fff}
.case-workspace[data-entity-type="case"] .case-overview-advanced>summary{cursor:pointer;padding:12px 14px;color:var(--case-muted);font-size:13px;font-weight:800}
.case-workspace[data-entity-type="case"] .case-overview-advanced[open]>summary{border-bottom:1px solid var(--case-line)}
.case-workspace[data-entity-type="case"] .case-overview-advanced .case-overview-status-grid{padding:14px}
@media(max-width:760px){
.case-workspace[data-entity-type="case"] .case-workspace-media-hit,.case-workspace[data-entity-type="case"] .case-workspace-media{height:180px!important;max-height:180px!important}
.case-workspace[data-entity-type="case"] .case-overview-summary-block--consumer{grid-template-columns:1fr}
.case-workspace[data-entity-type="case"] .case-overview-summaries--consumer{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* 5.71.1116 — Case visual hierarchy / language-consistent top surface. */
.case-workspace[data-entity-type="case"] .case-workspace-media-hit,
.case-workspace[data-entity-type="case"] .case-workspace-media{
  height:clamp(160px,22vw,230px)!important;
  max-height:230px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header .case-workspace-controls{
  display:flex!important;
  gap:7px!important;
  margin-top:10px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header .workspace-pill{
  min-height:34px!important;
  padding:6px 11px!important;
  border:1px solid #d0d5dd!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header .workspace-pill:hover{
  background:#f8fafc!important;
  border-color:#98a2b3!important;
}
@media(min-width:761px){
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{
    display:flex!important;
    overflow:visible!important;
    gap:2px!important;
    padding:4px!important;
  }
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:38px!important;
    padding:7px 5px!important;
    font-size:11px!important;
    white-space:nowrap!important;
    justify-content:center!important;
  }
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs .workspace-tab span{
    margin-left:3px!important;
    font-size:10px!important;
  }
}
@media(max-width:760px){
  .case-workspace[data-entity-type="case"] .case-workspace-media-hit,
  .case-workspace[data-entity-type="case"] .case-workspace-media{
    height:165px!important;
    max-height:165px!important;
  }
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs{
    overflow-x:auto!important;
    scrollbar-width:none!important;
    scroll-snap-type:x proximity!important;
  }
  .case-workspace[data-entity-type="case"] .case-consolidated-tabs::-webkit-scrollbar{display:none!important}
}

/* 5.71.1120 — Home right rail Canonical Case identity. */
body:not(.entity-workspace-lock) .tsemou-stream-snapshot.is-case{min-height:88px}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot.is-case .tsemou-stream-snapshot-label{color:#7a4ea3}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot.is-case.has-real-media .tsemou-stream-snapshot-visual{
  width:72px;height:58px;flex:0 0 72px;border-radius:8px;overflow:hidden
}


/* 5.71.1162 — 1121 legacy no-hero suppression retired.
 * A Case without media now intentionally reserves the bounded creator media slot. */

/* 5.71.1122 — Case human identity/content must remain visible in the compact workspace header. */
.case-workspace .case-workspace-identity{margin-top:3px;font-size:11px;line-height:1.25;letter-spacing:.06em;color:#7a8190;font-weight:700}
.case-workspace .case-workspace-purpose{margin:8px 0 2px;max-width:720px;font-size:14px;line-height:1.45;color:#4d5563}


/* 5.71.1129 — CASE DISCUSSION COMPACT PRESENTATION R1
 * Functional Case Discussion was restored in 1128. This layer only scopes
 * presentation inside the real .case-discussion-panel; no participation,
 * reply, persistence or Follow handlers are changed here. */
.case-workspace .case-discussion-panel{
  gap:10px !important;
  padding:12px !important;
  border:1px solid #e2e7e4 !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:none !important;
}
.case-workspace .case-discussion-panel > .workspace-composer--case-discussion{
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
  padding:10px !important;
  border:1px solid #e3e8e5 !important;
  border-radius:12px !important;
  background:#fbfcfb !important;
  box-shadow:none !important;
}
.case-workspace .case-discussion-panel .workspace-composer-head{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
  min-height:0 !important;
}
.case-workspace .case-discussion-panel .workspace-composer-head > .workspace-avatar.workspace-avatar--post{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  flex:0 0 30px !important;
}
.case-workspace .case-discussion-panel .workspace-composer-head > .workspace-avatar.workspace-avatar--post img,
.case-workspace .case-discussion-panel .workspace-post-author .workspace-avatar.workspace-avatar--post img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
}
.case-workspace .case-discussion-panel .workspace-composer-input-shell{
  min-width:0 !important;
  width:100% !important;
}
.case-workspace .case-discussion-panel textarea[data-workspace-compose-input]{
  box-sizing:border-box !important;
  width:100% !important;
  min-height:64px !important;
  max-height:150px !important;
  padding:10px 11px !important;
  border:1px solid #d8dfdb !important;
  border-radius:10px !important;
  background:#fff !important;
  font-size:.9rem !important;
  line-height:1.4 !important;
  resize:vertical !important;
}
.case-workspace .case-discussion-panel .workspace-composer-tools{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  padding:0 0 0 38px !important;
  min-height:30px !important;
}
.case-workspace .case-discussion-panel .workspace-tool-button,
.case-workspace .case-discussion-panel .workspace-composer-tools > span{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  min-height:30px !important;
  padding:0 !important;
  display:inline-grid !important;
  place-items:center !important;
  border:1px solid #dde4e0 !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#4c5a54 !important;
  box-shadow:none !important;
  font-size:.82rem !important;
}
.case-workspace .case-discussion-panel .workspace-composer-actions{
  display:flex !important;
  justify-content:flex-end !important;
  margin:0 !important;
  padding:0 !important;
}
.case-workspace .case-discussion-panel .workspace-composer-actions button{
  min-height:34px !important;
  height:34px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#0f8f78 !important;
  color:#fff !important;
  font-size:.78rem !important;
  font-weight:750 !important;
  letter-spacing:0 !important;
  box-shadow:none !important;
}
.case-workspace .case-discussion-panel > .workspace-feed-list{
  display:grid !important;
  gap:8px !important;
  margin:0 !important;
}
.case-workspace .case-discussion-panel .workspace-feed-card{
  position:relative !important;
  display:block !important;
  min-height:0 !important;
  margin:0 !important;
  padding:10px 11px !important;
  border:1px solid #e3e8e5 !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
.case-workspace .case-discussion-panel .workspace-post-author{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  min-height:30px !important;
  margin:0 0 7px !important;
}
.case-workspace .case-discussion-panel .workspace-post-author .workspace-avatar.workspace-avatar--post{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  max-width:30px !important;
  min-height:30px !important;
  max-height:30px !important;
  flex:0 0 30px !important;
}
.case-workspace .case-discussion-panel .workspace-post-author > div{
  min-width:0 !important;
  display:flex !important;
  align-items:baseline !important;
  gap:5px !important;
  flex:1 1 auto !important;
}
.case-workspace .case-discussion-panel .workspace-post-author strong{
  font-size:.82rem !important;
  line-height:1.2 !important;
}
.case-workspace .case-discussion-panel .workspace-post-author span{
  font-size:.68rem !important;
  color:#78837d !important;
}
.case-workspace .case-discussion-panel .workspace-menu{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:8px !important;
  background:transparent !important;
  color:#6d7772 !important;
  box-shadow:none !important;
}
.case-workspace .case-discussion-panel .workspace-feed-summary{
  margin:0 !important;
  font-size:.9rem !important;
  line-height:1.45 !important;
  color:#26302c !important;
}
.case-workspace .case-discussion-panel .workspace-feed-stats.workspace-post-actions-row{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-top:8px !important;
  padding-top:7px !important;
  border-top:1px solid #edf0ee !important;
  font-size:.72rem !important;
  color:#64706a !important;
}
.case-workspace .case-discussion-panel .workspace-post-actions-row > span,
.case-workspace .case-discussion-panel .workspace-post-actions-row > button{
  width:auto !important;
  min-width:0 !important;
  min-height:28px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 8px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #e0e6e2 !important;
  border-radius:999px !important;
  background:#f8faf9 !important;
  color:#53605a !important;
  box-shadow:none !important;
  font-size:.7rem !important;
  line-height:1 !important;
  font-weight:650 !important;
}
.case-workspace .case-discussion-panel .workspace-post-replies{
  margin-top:7px !important;
}
@media(max-width:700px){
  .case-workspace .case-discussion-panel{padding:9px !important;border-radius:12px !important}
  .case-workspace .case-discussion-panel > .workspace-composer--case-discussion{padding:8px !important}
  .case-workspace .case-discussion-panel .workspace-composer-tools{padding-left:0 !important}
  .case-workspace .case-discussion-panel .workspace-composer-head > .workspace-avatar.workspace-avatar--post{display:none !important}
  .case-workspace .case-discussion-panel .workspace-feed-card{padding:9px !important}
  .case-workspace .case-discussion-panel .workspace-post-actions-row > span,
  .case-workspace .case-discussion-panel .workspace-post-actions-row > button{min-height:30px !important;height:30px !important}
}


/* 5.71.1132 — Case participants beside FOLLOW / SHARE. */
.case-workspace[data-entity-type="case"] .case-workspace-header .case-header-participants{
  display:inline-flex!important;align-items:center!important;gap:7px!important;padding-left:8px!important;padding-right:10px!important;cursor:pointer!important;
}
.case-workspace[data-entity-type="case"] .case-header-participant-avatars{display:inline-flex;align-items:center;padding-left:3px}
.case-workspace[data-entity-type="case"] .case-header-participant-avatar{
  width:23px;height:23px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;
  margin-left:-5px;border:2px solid #fff;background:#eef2f6;color:#475467;font-size:10px;font-weight:800;box-sizing:border-box;
}
.case-workspace[data-entity-type="case"] .case-header-participant-avatar:first-child{margin-left:0}
.case-workspace[data-entity-type="case"] .case-header-participant-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.case-workspace[data-entity-type="case"] .case-header-participants>strong{font-size:12px;line-height:1;color:#344054}
.case-workspace[data-entity-type="case"] .case-header-participant-overflow{font-size:10px;font-weight:700;color:#667085}
.case-workspace[data-entity-type="case"] .case-overview-summaries--consumer{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media(max-width:760px){
  .case-workspace[data-entity-type="case"] .case-workspace-header .case-workspace-controls{flex-wrap:wrap!important}
  .case-workspace[data-entity-type="case"] .case-header-participant-avatar{width:21px;height:21px}
  .case-workspace[data-entity-type="case"] .case-overview-summaries--consumer{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* 5.71.1133 — Case participants panel close/state cleanup. */
.case-workspace [data-workspace-panel="participants"]{position:relative}
.case-workspace .case-participants-close{
  position:absolute;top:12px;right:12px;z-index:4;
  width:34px;height:34px;border:1px solid rgba(15,23,42,.14);border-radius:999px;
  background:#fff;color:#1f2937;display:grid;place-items:center;cursor:pointer;
  font:600 24px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 2px 8px rgba(15,23,42,.06)
}
.case-workspace .case-participants-close:hover{background:#f8fafc}
.case-workspace .case-participants-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.case-workspace .case-participants-workspace>.case-primary-action-header,
.case-workspace .case-participants-workspace>.case-functional-tab-header{padding-right:54px}
@media (max-width:700px){
  .case-workspace .case-participants-close{top:8px;right:8px;width:32px;height:32px}
}

/* 5.71.1134 — Case consumer action hub: one compact entry point, four purposeful actions. */
.case-workspace .case-do-something{position:relative;display:inline-flex;align-items:center;z-index:20}
.case-workspace .case-do-something__trigger{font-weight:800;letter-spacing:.04em}
.case-workspace .case-do-something__menu{position:absolute;top:calc(100% + 7px);left:0;min-width:220px;padding:6px;background:#fff;border:1px solid #dfe5ea;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.14);z-index:50}
.case-workspace .case-do-something__menu[hidden]{display:none!important}
.case-workspace .case-do-something__menu button{width:100%;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#172033;text-align:left;font:inherit;font-size:13px;line-height:1.2;cursor:pointer}
.case-workspace .case-do-something__menu button:hover,.case-workspace .case-do-something__menu button:focus-visible{background:#f4f7f5;outline:none}
.case-workspace .case-do-something__menu button span[aria-hidden="true"]{width:20px;text-align:center;font-size:15px}
@media (max-width:700px){.case-workspace .case-do-something__menu{min-width:205px;max-width:calc(100vw - 36px)}}

/* 5.71.1135 — Case Discussion consumer cleanup: one attachment entry, no duplicate chrome. */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion{padding:10px!important}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion .workspace-composer-head{gap:0!important}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion .workspace-composer-tools{padding-left:0!important;position:relative!important}
.case-workspace .case-discussion-panel .case-attachment-picker{position:relative;display:inline-flex}
.case-workspace .case-discussion-panel .case-attachment-menu{position:absolute;left:0;bottom:calc(100% + 6px);min-width:130px;padding:5px;border:1px solid #dfe5e1;border-radius:10px;background:#fff;box-shadow:0 8px 22px rgba(15,23,42,.12);z-index:20}
.case-workspace .case-discussion-panel .case-attachment-menu[hidden]{display:none!important}
.case-workspace .case-discussion-panel .case-attachment-menu button{display:flex;width:100%;align-items:center;gap:7px;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:#33413a;font:inherit;font-size:.78rem;text-align:left;cursor:pointer}
.case-workspace .case-discussion-panel .case-attachment-menu button:hover{background:#f3f6f4}
.case-workspace .case-discussion-panel .workspace-post-actions-row{gap:4px!important}
.case-workspace .case-discussion-panel .workspace-post-actions-row .workspace-post-tsemit{cursor:default}
.case-workspace .case-discussion-panel .workspace-post-actions-row .workspace-post-more{margin-left:auto!important}


/* 5.71.1136 — Case summary/status compact chip row. */
.case-workspace[data-entity-type="case"] .case-overview-chip-row{display:flex;align-items:center;gap:7px;flex-wrap:nowrap;margin-top:0;position:relative;min-width:0}
.case-workspace[data-entity-type="case"] .case-overview-chip-row>.case-overview-chip{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:auto;min-width:0;min-height:30px;padding:6px 10px;border:1px solid var(--case-line,#e4e7ec);border-radius:999px;background:#fff;color:#344054;box-shadow:none;text-align:center;cursor:pointer}
.case-workspace[data-entity-type="case"] .case-overview-chip-row>.case-overview-chip:hover{transform:none;box-shadow:none;background:#f8faf9;border-color:#cfd7d3}
.case-workspace[data-entity-type="case"] .case-overview-chip-row>.case-overview-chip span{font-size:10px;line-height:1;font-weight:800;letter-spacing:.055em;text-transform:uppercase;color:#667085;white-space:nowrap}
.case-workspace[data-entity-type="case"] .case-overview-chip-row>.case-overview-chip strong{font-size:13px;line-height:1;font-weight:800;letter-spacing:0;color:#101828}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip{position:relative;flex:0 0 auto;border:0;border-radius:0;background:transparent}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;border:1px solid var(--case-line,#e4e7ec);border-radius:999px;background:#fff;color:#344054;font-size:10px;line-height:1;font-weight:800;letter-spacing:.055em;text-transform:uppercase;cursor:pointer;white-space:nowrap}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary::-webkit-details-marker{display:none}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary::after{content:'▾';font-size:10px;color:#667085;margin-left:1px}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip[open]>summary{border-bottom:1px solid var(--case-line,#e4e7ec);background:#f8faf9}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary span{color:#667085}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary strong{font-size:11px;line-height:1;font-weight:800;letter-spacing:0;text-transform:none;color:#101828;max-width:128px;overflow:hidden;text-overflow:ellipsis}
.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>.case-overview-status-grid{position:absolute;top:calc(100% + 7px);left:0;z-index:40;width:min(520px,calc(100vw - 40px));padding:12px;border:1px solid var(--case-line,#e4e7ec);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(16,24,40,.14)}
@media (max-width:760px){
  .case-workspace[data-entity-type="case"] .case-overview-chip-row{overflow-x:auto;overflow-y:visible;padding-bottom:3px;scrollbar-width:none}
  .case-workspace[data-entity-type="case"] .case-overview-chip-row::-webkit-scrollbar{display:none}
  .case-workspace[data-entity-type="case"] .case-overview-chip-row>.case-overview-chip,.case-workspace[data-entity-type="case"] .case-overview-advanced--chip>summary{min-height:28px;padding:5px 9px}
  .case-workspace[data-entity-type="case"] .case-overview-advanced--chip>.case-overview-status-grid{position:fixed;left:12px;right:12px;top:auto;bottom:12px;width:auto;max-height:70vh;overflow:auto}
}

/* 5.71.1138 — Solution workspace: single CTA + explicit Case/Home return */
.case-workspace[data-entity-type="case"] .case-solution-nav{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.case-workspace[data-entity-type="case"] .case-solution-nav__case,.case-workspace[data-entity-type="case"] .case-solution-nav__home{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:30px;padding:5px 10px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:800;line-height:1;text-decoration:none;cursor:pointer;box-shadow:none}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-button{width:auto!important;min-height:32px!important;margin:0!important;padding:6px 11px!important;font-size:12px!important;box-shadow:none!important}
@media(max-width:760px){.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-button{align-self:flex-start;width:auto!important}}


/* 5.71.1139 — Canonical Case Solution composer: functional input first, compact submit below. */
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-header{display:block!important}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer-host{margin:10px 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer{display:grid;gap:8px;max-width:100%}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__label{font-size:13px;font-weight:750;color:#344054}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__title,
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__details{width:100%;box-sizing:border-box;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#101828;font:inherit;outline:none}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__title{min-height:42px;padding:9px 11px}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__details{min-height:78px;padding:10px 11px;resize:vertical}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__title:focus,
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__details:focus{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(152,162,179,.14)}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__feedback{min-height:0;font-size:12px;color:#667085}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__feedback:empty{display:none}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__feedback.is-error{display:block;color:#b42318}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__actions{display:flex;justify-content:flex-start}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__submit{width:auto!important;min-width:0!important;min-height:32px!important;height:32px!important;margin:0!important;padding:6px 11px!important;border:0!important;border-radius:999px!important;background:#b42318!important;color:#fff!important;box-shadow:none!important;font-size:12px!important;line-height:1!important;font-weight:800!important;cursor:pointer!important}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__submit:disabled{opacity:.58;cursor:progress!important}
@media(max-width:760px){.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-composer__submit{width:auto!important;min-height:34px!important;height:34px!important}}


/* 5.71.1140 — Solutions cleanup: title + navigation share one row; redundant SOLUTIONS count/intro removed in canonical DOM. */
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-header>div{min-width:0;flex:1 1 auto}
.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-nav{display:flex;align-items:center;gap:7px;flex:0 0 auto;margin:0!important}
@media(max-width:560px){.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-primary-action-header{align-items:flex-start!important}.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-nav__case,.case-workspace[data-entity-type="case"] [data-workspace-panel="solutions"] .case-solution-nav__home{min-height:28px;padding:5px 8px;font-size:11px}}


/* 5.71.1153 — ACTUAL ENQUEUED CSS: Actions CASE/HOME compact nav + compact empty state */
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] > .case-primary-action-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:10px!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] > .case-primary-action-header > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav__case,
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav__home{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  min-height:24px!important;
  height:24px!important;
  margin:0!important;
  padding:2px 7px!important;
  border:1px solid #d0d5dd!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#344054!important;
  box-shadow:none!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  text-decoration:none!important;
  text-transform:none!important;
  cursor:pointer!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state{
  min-height:0!important;
  margin:8px 0 0!important;
  padding:10px 12px!important;
  gap:9px!important;
  align-items:center!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__copy strong{
  font-size:14px!important;
  line-height:1.2!important;
}
.case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__copy p{
  margin:2px 0 0!important;
  font-size:12px!important;
  line-height:1.3!important;
}
@media(max-width:560px){
  .case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav{gap:4px!important}
  .case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav__case,
  .case-workspace[data-entity-type="case"] [data-workspace-panel="tasks"] .case-task-nav__home{
    height:23px!important;min-height:23px!important;padding:2px 6px!important;font-size:9px!important;
  }
}

/* 5.71.1153 — Actions empty state: thinner, space-efficient */
[data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state{
  min-height:0 !important;
  padding:7px 10px !important;
  gap:8px !important;
  margin-top:6px !important;
}
[data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__icon{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  font-size:12px !important;
}
[data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__copy strong{
  font-size:13px !important;
  line-height:1.15 !important;
}
[data-workspace-panel="tasks"] .case-task-list.is-empty .case-guided-empty-state__copy p{
  margin:2px 0 0 !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

/* 5.71.1153 — Case header: Actions/Solutions live with Follow/Share/Participants */
.case-workspace-controls .case-header-activity-chip{
  min-height:32px;
  padding:5px 10px;
  gap:5px;
  white-space:nowrap;
}
.case-workspace-controls .case-header-activity-chip strong{
  font-size:12px;
}
@media (max-width:680px){
  .case-workspace-controls{
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .case-workspace-controls::-webkit-scrollbar{display:none}
}

/* 5.71.1153 — Existing TSEMOU mascot nudges beside the Action CTA */
[data-workspace-panel="tasks"] .case-task-form-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
[data-workspace-panel="tasks"] .case-task-mascot-nudge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
[data-workspace-panel="tasks"] .case-task-mascot-nudge img{
  display:block;
  width:38px;
  height:38px;
  object-fit:contain;
}
[data-workspace-panel="tasks"] .case-task-mascot-nudge span{
  max-width:150px;
  font-size:11px;
  line-height:1.2;
  font-weight:600;
  opacity:.72;
}
[data-workspace-panel="tasks"] .case-task-mascot-nudge img[src=""]{
  display:none;
}


/* 5.71.1162 — Case header creator media slot: stable geometry beside variable-length title. */
.case-workspace[data-entity-type="case"] .case-workspace-header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(222px,43.5%,258px)!important;
  column-gap:14px!important;
  align-items:start!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.workspace-story-head{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  max-width:258px!important;
  min-width:222px!important;
  margin:0!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit .case-workspace-media,
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-placeholder{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  border-radius:10px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px dashed #cbd5d1!important;
  background:#f7f9f8!important;
  color:#7b8783!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder__inner{
  display:grid;justify-items:center;gap:5px;text-align:center;
}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder__inner>span{font-size:24px;line-height:1}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder__inner>small{font-size:9px;font-weight:800;letter-spacing:.08em}
.case-workspace[data-entity-type="case"] .case-workspace-header>.workspace-primary-person-wrap{
  grid-column:1/-1!important;
}
@media(max-width:680px){
  .case-workspace[data-entity-type="case"] .case-workspace-header{
    grid-template-columns:minmax(0,1fr) 112px!important;
    column-gap:9px!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit{
    width:112px!important;max-width:112px!important;min-width:112px!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit .case-workspace-media,
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-placeholder{
    height:78px!important;min-height:78px!important;max-height:78px!important;
  }
}

/* 5.71.1162 — functional creator-upload affordance for the Case header media slot */
.case-workspace[data-entity-type="case"] .case-workspace-media-hit{position:relative!important}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder.is-uploadable{cursor:pointer!important}
.case-workspace[data-entity-type="case"] .case-workspace-media-placeholder.is-uploadable:hover{background:#f1f6f4!important;border-color:#8ca99f!important}
.case-workspace[data-entity-type="case"] .case-media-edit-trigger{
  position:absolute;right:6px;bottom:6px;z-index:2;
  min-height:22px!important;height:22px!important;padding:2px 7px!important;
  border:1px solid rgba(15,23,42,.18)!important;border-radius:999px!important;
  background:rgba(255,255,255,.92)!important;color:#17211e!important;
  font-size:9px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;
}
.case-workspace[data-entity-type="case"] .case-media-upload-feedback{
  grid-column:2!important;grid-row:2!important;
  display:block;font-size:10px;line-height:1.2;color:#5f6d68;margin-top:3px;
}

/* 5.71.1162 — bounded landscape Case cover slot */
.case-workspace[data-entity-type="case"] .case-workspace-header > .case-workspace-media-hit .case-workspace-media{
  width:100%!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}


/* 5.71.1162 — temporary Case media forensic trace (logged-in only) */
.case-workspace[data-entity-type="case"] .case-media-trace-trigger{
  grid-column:2!important;
  grid-row:3!important;
  justify-self:end;
  margin-top:4px;
  min-height:20px!important;
  height:20px!important;
  padding:2px 6px!important;
  border:1px solid #c8cfcc!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#4b5652!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
}
.case-workspace[data-entity-type="case"] .case-media-trace-panel{
  grid-column:1/-1!important;
  grid-row:4!important;
  width:100%;
  max-height:260px;
  overflow:auto;
  box-sizing:border-box;
  margin:8px 0 0;
  padding:9px 10px;
  border:1px solid #d5dbd8;
  border-radius:8px;
  background:#101715;
  color:#dff7ed;
  font:11px/1.35 Consolas,monospace;
  white-space:pre-wrap;
  word-break:break-word;
}


/* 5.71.1162 — Case header composition: title beside shallower media; description + controls span full row. */
@media(min-width:681px){
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit .case-workspace-media,
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-placeholder{
    aspect-ratio:auto!important;
    height:122px!important;
    min-height:122px!important;
    max-height:122px!important;
  }
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-purpose--full{
  grid-column:1/-1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:none!important;
  margin:8px 0 0!important;
  box-sizing:border-box!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
  grid-column:1/-1!important;
  grid-row:3!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  margin-top:8px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full .workspace-pill{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
@media(max-width:680px){
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-purpose--full{
    grid-row:2!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
    grid-row:3!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full::-webkit-scrollbar{display:none!important}
}

/* 5.71.1163 — Case image desktop width +20% only; preserve 122px height and mobile. */
@media(min-width:681px){
  .case-workspace[data-entity-type="case"] .case-workspace-header{
    grid-template-columns:minmax(0,1fr) clamp(266.4px,52.2%,309.6px)!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-media-hit{
    max-width:309.6px!important;
    min-width:266.4px!important;
  }
}

/* 5.71.1164 — Case description: small text directly under title. */
.case-workspace[data-entity-type="case"] .workspace-story-head>.case-workspace-purpose--under-title{
  margin:4px 0 0!important;
  max-width:100%!important;
  font-size:11px!important;
  line-height:1.35!important;
  font-weight:400!important;
}

/* 5.71.1165 — Case summary chips directly on the row below the image. */
@media(min-width:681px){
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
    grid-row:2!important;
    margin-top:8px!important;
  }
}

/* 5.71.1167 — Case desktop header row lock after full grid audit.
 * Root cause: row 1 remained auto-sized by the header grid, so moving controls
 * to grid-row:2 did not guarantee that row 2 began at the 122px media edge.
 * Lock only the desktop first row to the already-established 122px media height. */
@media(min-width:681px){
  .case-workspace[data-entity-type="case"] .case-workspace-header{
    grid-template-rows:122px auto auto auto!important;
  }
  .case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
    grid-column:1/-1!important;
    grid-row:2!important;
    align-self:start!important;
    margin-top:8px!important;
  }
}


/* 5.71.1168 — Existing functional image-change action now lives beside the five Case chips. */
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-media-edit-trigger--chip{
  position:static!important;right:auto!important;bottom:auto!important;z-index:auto!important;
  min-height:34px!important;height:auto!important;padding:7px 11px!important;
  border:1px solid #d6ddda!important;border-radius:999px!important;
  background:#fff!important;color:#17211e!important;
  font-size:11px!important;font-weight:700!important;line-height:1!important;
  flex:0 0 auto!important;white-space:nowrap!important;
}


/* 5.71.1170 — Universal Case vote control, Reddit-like: ↑ score ↓, no words. */
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote{
  flex:0 0 auto!important;margin:0!important;min-height:34px!important;height:34px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote .tsemit-vote-count-source{display:none!important}

/* 5.71.1171 — Case vote visual isolation: neutral compact ↑ score ↓ control.
 * Scope only the Case header vote so global .vote-btn theme rules cannot paint solid blocks. */
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:0!important;overflow:hidden!important;box-sizing:border-box!important;
  min-width:88px!important;width:auto!important;height:34px!important;min-height:34px!important;
  padding:0!important;border:1px solid #d6ddda!important;border-radius:999px!important;
  background:#fff!important;color:#17211e!important;box-shadow:none!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.vote-btn{
  appearance:none!important;-webkit-appearance:none!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;
  height:32px!important;min-height:32px!important;max-height:32px!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;background-image:none!important;color:#17211e!important;
  box-shadow:none!important;outline-offset:-2px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.vote-btn:hover{
  background:#f2f5f4!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.vote-btn.is-active{
  background:#eef4f2!important;color:#0b6b55!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote .vote-arrow{
  display:block!important;width:17px!important;height:17px!important;
  fill:none!important;stroke:currentColor!important;stroke-width:2!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.tsemit-total-score{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-width:26px!important;height:32px!important;margin:0!important;padding:0 3px!important;
  background:transparent!important;color:#17211e!important;font-size:12px!important;font-weight:700!important;line-height:1!important;
}


/* 5.71.1177 — Case TRACE / image-change interaction hardening after 1158→1174 forensic diff.
 * The upload feedback shares grid row 2 with the full Case controls after 1165/1167; make it
 * non-interactive so it cannot cover the right-hand controls. Explicit stacking keeps the
 * functional controls above decorative/media grid items. */
.case-workspace[data-entity-type="case"] .case-media-upload-feedback{
  pointer-events:none!important;
  position:relative!important;
  z-index:0!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full [data-case-media-upload-trigger],
.case-workspace[data-entity-type="case"] [data-case-media-trace]{
  position:relative!important;
  z-index:30!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.case-workspace[data-entity-type="case"] .case-media-trace-panel{
  position:relative!important;
  z-index:31!important;
  pointer-events:auto!important;
}
\n\n/* 5.71.1184 — Case discussion composer: quiet entry, expands on participation (Reddit-like interaction). */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))):not(:has(.workspace-composer-image-preview:not([hidden]))):not(:has(.workspace-composer-video-preview:not([hidden]))){
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) .workspace-composer-head{margin:0!important}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) textarea[data-workspace-compose-input]{
  min-height:42px!important;
  height:42px!important;
  max-height:42px!important;
  padding:10px 16px!important;
  border:1px solid #cfd6d2!important;
  border-radius:999px!important;
  background:#fff!important;
  resize:none!important;
  color:#59636a!important;
  cursor:text!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) textarea[data-workspace-compose-input]::placeholder{color:#6b747a!important;opacity:1}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) .workspace-composer-tools,
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) .workspace-composer-actions,
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:not(:focus-within):not(:has(textarea[data-workspace-compose-input]:not(:placeholder-shown))) .workspace-composer-message{display:none!important}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within{
  padding:10px!important;
  border:1px solid #dfe5e1!important;
  border-radius:12px!important;
  background:#fff!important;
}

/* 5.71.1184 — Case discussion composer: compact expanded state, controls inside one footer row. */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  column-gap:8px!important;
  row-gap:6px!important;
  padding:8px!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-head{
  grid-column:1 / -1!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within textarea[data-workspace-compose-input]{
  min-height:68px!important;
  height:68px!important;
  max-height:110px!important;
  padding:10px 11px!important;
  resize:vertical!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-tools{
  grid-column:1!important;
  grid-row:auto!important;
  align-self:center!important;
  min-height:32px!important;
  padding:0!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-actions{
  grid-column:2!important;
  grid-row:auto!important;
  align-self:center!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-image-preview,
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-video-preview,
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-message{
  grid-column:1 / -1!important;
}

/* 5.71.1185 — Case Discussion expanded composer final compact lock.
 * Keep the quiet closed state from 1183/1184. When active, remove empty grid
 * tracks and keep attachment + publish in one tight footer immediately below
 * the textarea, Reddit-style. */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:6px 8px!important;
  min-height:0!important;
  height:auto!important;
  padding:8px!important;
  align-content:start!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-head{
  grid-column:1 / -1!important;
  grid-row:1!important;
  margin:0!important;
  min-height:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-input-shell{
  min-height:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within textarea[data-workspace-compose-input]{
  display:block!important;
  min-height:62px!important;
  height:62px!important;
  max-height:96px!important;
  margin:0!important;
  padding:9px 11px!important;
  resize:vertical!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-tools{
  display:flex!important;
  grid-column:1!important;
  grid-row:2!important;
  align-items:center!important;
  align-self:center!important;
  min-height:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-actions{
  display:flex!important;
  grid-column:2!important;
  grid-row:2!important;
  align-items:center!important;
  align-self:center!important;
  justify-content:flex-end!important;
  min-height:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-image-preview[hidden],
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-video-preview[hidden],
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-message:empty{
  display:none!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-image-preview:not([hidden]),
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-video-preview:not([hidden]),
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-message:not(:empty){
  grid-column:1 / -1!important;
  grid-row:auto!important;
  margin:0!important;
  padding:0!important;
}


/* 5.71.1187 — Case Discussion media icon inside the composer action footer.
 * Replace the paperclip with a quiet Reddit-like photo/media glyph while
 * preserving the existing image/video picker and upload pipeline. */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-tools{
  display:none!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-actions{
  grid-column:1 / -1!important;
  grid-row:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-height:30px!important;
  height:30px!important;
  padding:0!important;
  margin:0!important;
}
.case-workspace .case-discussion-panel .case-media-icon-button{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  background:transparent!important;
  color:#60706a!important;
  border-radius:999px!important;
  cursor:pointer!important;
}
.case-workspace .case-discussion-panel .case-media-icon-button:hover{background:#f1f4f2!important}
.case-workspace .case-discussion-panel .case-media-icon-button svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.case-workspace .case-discussion-panel .workspace-composer--case-discussion .case-attachment-menu{
  left:auto!important;
  right:0!important;
}


/* 5.71.1187 — one quiet Reddit-like photo/video control, inside composer right. */
.case-workspace .case-discussion-panel .workspace-composer--case-discussion:focus-within .workspace-composer-actions{
  position:relative!important;
  padding-right:0!important;
}
.case-workspace .case-discussion-panel .case-attachment-picker{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  margin:0!important;padding:0!important;
}
.case-workspace .case-discussion-panel .case-media-icon-button{
  appearance:none!important;-webkit-appearance:none!important;
  width:28px!important;height:28px!important;min-width:28px!important;
  padding:0!important;margin:0!important;border:0!important;box-shadow:none!important;
  background:transparent!important;color:#66736f!important;border-radius:6px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
.case-workspace .case-discussion-panel .case-media-icon-button:hover{background:#f3f5f4!important;color:#34413d!important}
.case-workspace .case-discussion-panel .case-media-icon-button svg{width:18px!important;height:18px!important}
.case-workspace .case-discussion-panel .case-attachment-menu{display:none!important}

/* 5.71.1188 — Case Discussion media control: beat the generic green composer button rule.
 * Visual-only fix; keeps the verified 1187 file-picker interaction unchanged. */
.case-workspace .case-discussion-panel .workspace-composer-actions button.case-media-icon-button{
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  color:#66736f!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
}
.case-workspace .case-discussion-panel .workspace-composer-actions button.case-media-icon-button:hover{
  background:#f3f5f4!important;
  color:#34413d!important;
}
.case-workspace .case-discussion-panel .workspace-composer-actions button.case-media-icon-button svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


/* 5.71.1189 — Case Discussion: smaller publish CTA only. */
.case-workspace .case-discussion-panel .workspace-composer-actions button[data-workspace-compose-submit]{
  min-height:24px!important;
  height:24px!important;
  padding:0 10px!important;
  font-size:.64rem!important;
  line-height:1!important;
}

/* 5.71.1193 — CASE DO SOMETHING: keep right/oval, shrink another 20%, add breathing room above Discussion. */
.case-workspace[data-entity-type="case"] .case-overview-discussion-only.case-do-something{
  display:flex!important;
  width:100%!important;
  justify-content:flex-end!important;
  align-items:center!important;
  box-sizing:border-box!important;
  padding-bottom:7px!important;
}
.case-workspace[data-entity-type="case"] .case-do-something__trigger.case-overview-next-action--compact{
  width:auto!important;
  min-width:0!important;
  min-height:27px!important;
  height:27px!important;
  padding:0 9px!important;
  font-size:64%!important;
  line-height:1!important;
  border-radius:999px!important;
}
.case-workspace[data-entity-type="case"] .case-do-something__menu{
  left:auto!important;
  right:0!important;
}
@media(max-width:760px){
  .case-workspace[data-entity-type="case"] .case-do-something__trigger.case-overview-next-action--compact{
    width:auto!important;
    min-width:0!important;
  }
}

/* 5.71.1194 — CASE HEADER CHIP ROW: shrink every control in the SHARE/FOLLOW row by 20%. */
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full{
  gap:5.6px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header>.case-workspace-controls--full .workspace-pill{
  min-height:27.2px!important;
  height:27.2px!important;
  padding:4.8px 8.8px!important;
  font-size:9.6px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full .workspace-pill-icon{
  font-size:80%!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-header .case-header-participants{
  gap:5.6px!important;
  padding-left:6.4px!important;
  padding-right:8px!important;
}
.case-workspace[data-entity-type="case"] .case-header-participant-avatars{padding-left:2.4px!important}
.case-workspace[data-entity-type="case"] .case-header-participant-avatar{
  width:18.4px!important;
  height:18.4px!important;
  margin-left:-4px!important;
  border-width:1.6px!important;
  font-size:8px!important;
}
.case-workspace[data-entity-type="case"] .case-header-participant-avatar:first-child{margin-left:0!important}
.case-workspace[data-entity-type="case"] .case-header-participants>strong{font-size:9.6px!important}
.case-workspace[data-entity-type="case"] .case-header-participant-overflow{font-size:8px!important}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full .case-header-activity-chip{
  min-height:25.6px!important;
  height:27.2px!important;
  padding:4px 8px!important;
  gap:4px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full .case-header-activity-chip strong{
  font-size:9.6px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-media-edit-trigger--chip{
  min-height:27.2px!important;
  height:27.2px!important;
  padding:5.6px 8.8px!important;
  font-size:8.8px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote{
  min-width:70.4px!important;
  height:27.2px!important;
  min-height:27.2px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.vote-btn{
  flex-basis:24px!important;
  width:24px!important;
  min-width:24px!important;
  max-width:24px!important;
  height:25.6px!important;
  min-height:25.6px!important;
  max-height:25.6px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote .vote-arrow{
  width:13.6px!important;
  height:13.6px!important;
}
.case-workspace[data-entity-type="case"] .case-workspace-controls--full>.case-header-vote>.tsemit-total-score{
  min-width:20.8px!important;
  height:25.6px!important;
  padding:0 2.4px!important;
  font-size:9.6px!important;
}


/* HFP-UX-3.69 SAFE R2 — Feed UX implementation without replacing legacy card geometry.
 * Critical regression guard: preserve the existing Homepage Story DOM/grid contract.
 * Entity Workspace excluded.
 */
body:not(.entity-workspace-lock) .center-column .story-feed {
  gap: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card {
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  margin: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card + .living-case-card {
  padding-top: 16px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card::after {
  content: "";
  display: block;
  height: 1px;
  background: rgba(132,146,159,.16);
  margin-top: 12px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .homepage-story-source {
  display: none !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story .case-pill.type-pill-story {
  display: none !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-topline {
  gap: 5px !important;
  margin-bottom: 4px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .card-media {
  width: calc(100% + 12px) !important;
  margin-left: -6px !important;
  margin-right: -6px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 8px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .card-media-stage {
  border-radius: 8px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer {
  margin-top: 9px !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .entry-actions {
  gap: 9px !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .case-action,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .feed-case-membership-action {
  min-height: 36px !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  border-radius: 999px !important;
  font: 500 13px/1 Inter,system-ui,sans-serif !important;
  letter-spacing: 0 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .case-action {
  font-weight: 600 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .feed-case-membership-action {
  margin-left: 16px !important;
  font-weight: 500 !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .feed-icon-action:hover {
  background: transparent !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .feed-icon-action:focus-visible,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .vote-btn:focus-visible,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .case-action:focus-visible {
  outline: 2px solid #327365 !important;
  outline-offset: 2px;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .tsemit-action.is-active,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .tsemit-action.is-active .vote-arrow {
  color: #16865f !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .untsemit-action.is-active,
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .untsemit-action.is-active .vote-arrow {
  color: #c43d3d !important;
}
body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-footer .tsemit-action.is-active ~ .tsemit-total-score {
  color: #16865f !important;
}
@media (max-width: 760px) {
  /* 5.71.1241 — authoritative mobile feed width contract.
   * Break the Homepage app out of theme/shortcode inline padding, retire the
   * inherited 28px app gutter, then keep one deliberate 16px reading inset. */
  body:not(.entity-workspace-lock) .tsemou-homepage-beta:not(.tsemou-homepage-beta--categories):not(.tsemou-homepage-beta--category):not(.tsemou-homepage-beta--category-action) {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    overflow-x: clip !important;
    background: #ffffff !important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > main {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid,
  body:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .center-column,
  body:not(.entity-workspace-lock) .tsemou-homepage-beta .center-column .story-feed {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: #ffffff !important;
  }
  body:not(.entity-workspace-lock) .center-column .living-case-card {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  body:not(.entity-workspace-lock) .center-column .living-case-card .living-case-title {
    -webkit-line-clamp: 3 !important;
  }
  body:not(.entity-workspace-lock) .center-column .living-case-card .card-media {
    width: calc(100% + 12px) !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
  }
}
/* Fullscreen media viewer styles from 5.71.1199, isolated from feed geometry. */
.tsemou-media-viewer[hidden] { display:none !important; }
.tsemou-media-viewer {
  position:fixed; inset:0; z-index:100000; display:grid; place-items:center;
  background:#000; padding:24px; touch-action:none;
}
.tsemou-media-viewer figure { margin:0; max-width:92vw; max-height:90vh; display:flex; flex-direction:column; align-items:flex-start; gap:10px; }
.tsemou-media-viewer figure img { display:block; max-width:92vw; max-height:82vh; width:auto; height:auto; object-fit:contain; }
.tsemou-media-viewer figcaption { max-width:92vw; color:#fff; font:400 13px/1.45 Inter,system-ui,sans-serif; }
.tsemou-media-viewer-close,.tsemou-media-viewer-prev,.tsemou-media-viewer-next {
  position:fixed; z-index:2; border:0; color:#fff; background:rgba(255,255,255,.10); cursor:pointer; display:grid; place-items:center;
}
.tsemou-media-viewer-close { top:18px; right:18px; width:42px; height:42px; border-radius:50%; font:400 30px/1 Arial,sans-serif; }
.tsemou-media-viewer-prev,.tsemou-media-viewer-next { top:50%; width:44px; height:44px; border-radius:50%; font:400 34px/1 Arial,sans-serif; }
.tsemou-media-viewer-prev { left:18px; }
.tsemou-media-viewer-next { right:18px; }
.tsemou-media-viewer-indicator { position:fixed; top:24px; right:74px; color:#fff; font:500 12px/1 Inter,system-ui,sans-serif; }
.tsemou-media-viewer button:focus-visible { outline:2px solid #fff; outline-offset:2px; }
body.tsemou-media-viewer-open { overflow:hidden; }
@media (max-width:720px) {
  .tsemou-media-viewer { padding:12px; }
  .tsemou-media-viewer figure img { max-width:96vw; max-height:78vh; }
  .tsemou-media-viewer-prev { left:8px; }
  .tsemou-media-viewer-next { right:8px; }
  .tsemou-media-viewer-close { top:10px; right:10px; }
  .tsemou-media-viewer-indicator { top:24px; right:64px; }
}


/* 5.71.1228 — FINAL MOBILE CONSISTENCY CLEANUP R1
 * Keep Story body readable on narrow screens and prevent legacy inherited
 * heading scale from inflating raw summary paragraphs. */
@media (max-width:760px){
  body.entity-workspace-lock .story-workspace .story-workspace-short-description > p,
  body.entity-workspace-lock .story-workspace .story-workspace-short-description__text{
    font-size:16px !important;
    line-height:1.55 !important;
    font-weight:500 !important;
    letter-spacing:normal !important;
  }
}

/* 5.71.1229 — NEED WORKSPACE MOBILE NAVIGATION EXIT R1
 * Need Workspace had no usable global exit on mobile. Reuse the existing
 * site header and turn its existing nav into a compact hamburger sheet only
 * for Need, without touching Need persistence/participation behavior. */
@media (max-width:760px){
  body.entity-workspace-lock .need-workspace ~ * {}
  body.entity-workspace-lock:has(.need-workspace) .site-header .header-inner{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:12px !important;
  }
  body.entity-workspace-lock:has(.need-workspace) .site-header .homepage-feed-search{display:none !important;}
  body.entity-workspace-lock:has(.need-workspace) .site-header .header-nav{
    display:flex !important; position:relative !important; align-items:center !important;
  }
  body.entity-workspace-lock:has(.need-workspace) .site-header .header-nav > *{display:none !important;}
  body.entity-workspace-lock:has(.need-workspace) .site-header .header-nav::before{
    content:'☰'; display:grid; place-items:center; width:44px; height:44px;
    border:1px solid #cbd8d4; border-radius:50%; color:#173f37; font:600 22px/1 system-ui;
  }
}
@media (max-width:760px){
 body.entity-workspace-lock:has(.need-workspace) .site-header .header-nav{display:none !important;}
 body.entity-workspace-lock:has(.need-workspace) .site-header .header-nav::before{display:none !important;content:none !important;}
 .need-mobile-global-nav{display:block !important;position:relative;margin-left:auto;z-index:10020;}
 .need-mobile-global-nav summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #cbd8d4;border-radius:50%;background:#fff;color:#173f37;cursor:pointer;font:600 22px/1 system-ui;}
 .need-mobile-global-nav summary::-webkit-details-marker{display:none;}
 .need-mobile-global-nav nav{position:absolute;right:0;top:52px;width:min(270px,calc(100vw - 32px));padding:10px;background:#fff;border:1px solid #d7e0dd;border-radius:16px;box-shadow:0 14px 34px rgba(17,44,38,.16);}
 .need-mobile-global-nav nav a{display:block;padding:13px 14px;border-radius:11px;color:#173f37;text-decoration:none;font:600 16px/1.25 system-ui;}
 .need-mobile-global-nav nav a:hover,.need-mobile-global-nav nav a:focus-visible{background:#eef6f3;}
}
@media (min-width:761px){.need-mobile-global-nav{display:none !important;}}


/* 5.71.1246 — Need Story/Trust discovery. */
.tsemou-needs-catalogue{margin-top:34px;padding-top:26px;border-top:1px solid rgba(15,23,42,.12)}
.tsemou-needs-catalogue__head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.tsemou-needs-catalogue__head p{margin:0 0 4px;font-size:10px;font-weight:800;letter-spacing:.12em}.tsemou-needs-catalogue__head h2{margin:0;font-size:24px}.tsemou-needs-catalogue__head>strong{display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border-radius:999px;background:#f1f5f9}
.tsemou-needs-trust-filters{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:16px;padding:12px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#f8fafc}.tsemou-needs-trust-filters label{display:grid;gap:5px;min-width:190px}.tsemou-needs-trust-filters label span{font-size:11px;font-weight:800}.tsemou-needs-trust-filters select{min-height:38px;padding:0 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff}.tsemou-needs-trust-filters button{min-height:38px;padding:0 14px;border:0;border-radius:9px;background:#111827;color:#fff;font-weight:800;cursor:pointer}
.tsemou-needs-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tsemou-needs-result{display:grid;align-content:start;gap:8px;padding:15px;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff}.tsemou-needs-result__badges{display:flex;flex-wrap:wrap;gap:5px}.tsemou-needs-result__badges span{padding:4px 7px;border-radius:999px;background:#f1f5f9;font-size:10px;font-weight:800}.tsemou-needs-result__badges .is-story{background:#eef2ff;color:#4338ca}.tsemou-needs-result__badges .is-verified{background:#ecfdf5;color:#047857}.tsemou-needs-result h3{margin:0;font-size:16px}.tsemou-needs-result p{margin:0;color:#475569;font-size:13px;line-height:1.45}.tsemou-needs-result small{color:#64748b}.tsemou-needs-result>a{justify-self:start;margin-top:3px;font-size:12px;font-weight:800;text-decoration:none}.tsemou-needs-results-empty{grid-column:1/-1;padding:18px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b}
@media(max-width:700px){.tsemou-needs-results{grid-template-columns:1fr}.tsemou-needs-trust-filters{display:grid}.tsemou-needs-trust-filters label{min-width:0}.tsemou-needs-catalogue__head{align-items:flex-start}}


/* 5.71.1247 — Story → Need trust bridge. */
.story-origin-needs{display:grid;gap:14px;padding:16px;border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#fff}
.story-origin-needs__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.story-origin-needs__eyebrow{display:block;margin-bottom:4px;font-size:10px;font-weight:850;letter-spacing:.11em;color:#475569}
.story-origin-needs__head h3{margin:0;font-size:18px;line-height:1.25;color:#0f172a}
.story-origin-needs__head p{max-width:660px;margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.45}
.story-origin-needs__list{display:grid;gap:9px}
.story-origin-need-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 13px;border:1px solid rgba(15,23,42,.10);border-radius:11px;background:#fbfdff}
.story-origin-need-card__copy{min-width:0;display:grid;gap:6px}.story-origin-need-card__copy h4{margin:0;font-size:15px;line-height:1.3;color:#111827}.story-origin-need-card__copy p{margin:0;color:#475569;font-size:13px;line-height:1.4}.story-origin-need-card__copy small{color:#64748b;font-size:10.5px;line-height:1.35}
.story-origin-need-card__badges{display:flex;flex-wrap:wrap;gap:5px}.story-origin-need-card__badges span{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;line-height:1.15}.story-origin-need-card__badges .is-story-context{background:#eef2ff;color:#4338ca}.story-origin-need-card__badges .is-verified{background:#ecfdf5;color:#047857}.story-origin-need-card__badges .is-unverified{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}
.story-origin-need-card__open{flex:0 0 auto;align-self:center;padding:7px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.story-origin-need-card__open:hover,.story-origin-need-card__open:focus-visible{background:#e2e8f0}
@media(max-width:700px){.story-origin-needs{padding:12px}.story-origin-needs__head,.story-origin-need-card{display:grid}.story-origin-need-card__open{justify-self:start}.story-origin-needs__head p{font-size:11.5px}}

/* 5.71.1248 — Need → Story trust bridge + transparent trust explainer. */
.need-story-trust-bridge{display:grid;gap:8px;margin:14px 0;padding:12px 13px;border:1px solid #dbe4ff;border-radius:11px;background:#f8faff}
.need-story-trust-bridge__eyebrow{font-size:9px;font-weight:850;letter-spacing:.11em;color:#64748b}
.need-story-trust-bridge__row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.need-story-trust-bridge__row>div{min-width:0;display:grid;gap:3px}.need-story-trust-bridge__row strong{font-size:11px;line-height:1.25;color:#4338ca}.need-story-trust-bridge__row a,.need-story-trust-bridge__row div>span{font-size:14px;line-height:1.3;font-weight:800;color:#0f172a;text-decoration:none}.need-story-trust-bridge__row a:hover{text-decoration:underline}.need-story-trust-bridge__signal{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:9.5px;font-weight:800;white-space:nowrap}.need-story-trust-bridge small{color:#64748b;font-size:10.5px;line-height:1.4}
.need-trust-explainer{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;overflow:hidden}.need-trust-explainer>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:850;color:#163d39;list-style:none}.need-trust-explainer>summary::-webkit-details-marker{display:none}.need-trust-explainer>summary::after{content:"+";font-size:16px;line-height:1;color:#64748b}.need-trust-explainer[open]>summary::after{content:"−"}.need-trust-explainer__body{display:grid;gap:9px;padding:0 12px 12px;border-top:1px solid #edf2f7}.need-trust-explainer__status{justify-self:start;margin-top:10px;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:850}.need-trust-explainer__status.is-verified{background:#ecfdf5;color:#047857}.need-trust-explainer__status.is-unverified{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.need-trust-explainer ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.need-trust-explainer li{font-size:11px;line-height:1.35;color:#64748b}.need-trust-explainer li.is-positive{color:#166534}.need-trust-explainer p{margin:0;padding-top:8px;border-top:1px solid #f1f5f9;color:#64748b;font-size:10.5px;line-height:1.4}
@media(max-width:700px){.need-story-trust-bridge{padding:10px 11px}.need-story-trust-bridge__row{display:grid}.need-story-trust-bridge__signal{justify-self:start}.need-trust-explainer>summary{min-height:42px}}

/* 5.71.1249 — Need ↔ Story factual context consistency signals. */
.need-trust-explainer__body li.is-positive{color:#166534}.need-trust-explainer__body li:not(.is-positive){color:#64748b}

/* 5.71.1250 — private Need context verification */
.need-private-context-card [data-private-context-body]{display:grid;gap:10px}.need-private-context-card select,.need-private-context-card textarea{width:100%;min-height:44px;border:1px solid #d7dde5;border-radius:10px;padding:10px;background:#fff}.need-private-context-card textarea{min-height:92px;resize:vertical}.need-private-context-review{padding:12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.need-private-context-review p{margin:6px 0 0;white-space:pre-wrap}.need-private-context-review-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:700px){.need-private-context-review-actions{display:grid}.need-private-context-card button{width:100%}}

/* 5.71.1253 — Need Trust UX: status understood at a glance, evidence remains expandable. */
.need-trust-glance{display:grid;gap:8px;margin:0 0 8px;padding:11px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.need-trust-glance__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.need-trust-glance__top strong{font-size:12px;line-height:1.25}.need-trust-glance__top>span{font-size:10px;color:#64748b;white-space:nowrap}.need-trust-glance--verified{border-color:#bbf7d0;background:#f0fdf4}.need-trust-glance--verified .need-trust-glance__top strong{color:#166534}.need-trust-glance--partial{border-color:#fde68a;background:#fffbeb}.need-trust-glance--partial .need-trust-glance__top strong{color:#92400e}.need-trust-glance--unverified .need-trust-glance__top strong{color:#475569}.need-trust-glance__signals{display:flex;flex-wrap:wrap;gap:5px}.need-trust-glance__signal{padding:3px 7px;border:1px solid rgba(15,23,42,.08);border-radius:999px;background:rgba(255,255,255,.72);font-size:9.5px;line-height:1.25;color:#475569}.need-trust-glance small{font-size:10px;color:#64748b}.need-trust-explainer{margin-top:0}
@media(max-width:700px){.need-trust-glance__top{align-items:flex-start}.need-trust-glance__top>span{white-space:normal;text-align:right}.need-trust-glance__signals{display:grid}.need-trust-glance__signal{width:fit-content}}


/* 5.71.1287 — Google-like live Story search suggestions. */
.homepage-feed-search{position:relative;overflow:visible!important}
.homepage-story-search-suggestions{position:absolute;z-index:10050;left:0;right:0;top:calc(100% + 6px);max-height:420px;overflow:auto;background:#fff;border:1px solid #dfe4e1;border-radius:12px;box-shadow:0 14px 38px rgba(15,23,42,.14);padding:6px;text-align:left}
.homepage-story-search-suggestion{display:grid;gap:3px;padding:10px 12px;border-radius:9px;color:#17211c;text-decoration:none;line-height:1.25}
.homepage-story-search-suggestion:hover,.homepage-story-search-suggestion:focus-visible{background:#f3f6f4;outline:none}
.homepage-story-search-suggestion__title{font-size:13px;font-weight:750;white-space:normal}
.homepage-story-search-suggestion small{font-size:10.5px;color:#6b756f;white-space:normal}
.homepage-story-search-suggestion-empty{padding:11px 12px;color:#6b756f;font-size:12px}
@media(max-width:700px){.homepage-story-search-suggestions{position:fixed;left:10px;right:10px;top:64px;max-height:55vh}}

/* HOME-STORY-REDDIT-SURFACE-HOVER-1299
 * Full Story-card surface tint on pointer hover, inspired by Reddit.
 * Very light rose/red tint; no blue; no lift/scale; Cases remain unchanged.
 */
@media (hover: hover) and (pointer: fine) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story {
    transition: background-color 140ms ease, box-shadow 140ms ease !important;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story:hover {
    background-color: rgba(255, 240, 244, 0.72) !important;
    box-shadow: inset 0 0 0 1px rgba(214, 72, 103, 0.095) !important;
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story {
    transition: none !important;
  }
}


/* HOME-STORY-REDDIT-STATE-LAYER-1300
 * Reddit-style whole-Story hover surface.
 * The legacy feed intentionally keeps cards transparent/flat; therefore the
 * interaction color is painted by a dedicated pseudo state layer rather than
 * by the card's background/shadow.  Media/content stay above the layer.
 * Story-only; Cases and other entity cards are untouched.
 */
@media (hover: hover) and (pointer: fine) {
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"]) {
    position: relative !important;
    isolation: isolate;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"])::before {
    content: "";
    position: absolute;
    inset: 0 -6px -4px -6px;
    border-radius: 10px;
    background: rgba(224, 74, 104, 0.045);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    transition: opacity 120ms ease;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"]) > * {
    position: relative;
    z-index: 1;
  }

  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"]):hover::before,
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"]):focus-within::before {
    opacity: 1;
  }

  /* Neutralize the superseded 1298/1299 visual attempts; the state layer owns hover. */
  body:not(.entity-workspace-lock) .center-column .living-case-card.case-type-story:hover {
    background-color: transparent !important;
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.entity-workspace-lock) .center-column .living-case-card:is(.case-type-story,[data-entity-type="story"])::before {
    transition: none !important;
  }
}


/* HOME-STORY-VERTICAL-BREATHING-1301
 * Reddit-parity spacing: add 8px more air only between consecutive Stories.
 * Keeps the existing card internals, divider and non-Story feed geometry unchanged.
 */
body:not(.entity-workspace-lock) .center-column
  .living-case-card:is(.case-type-story,[data-entity-type="story"])
  + .living-case-card:is(.case-type-story,[data-entity-type="story"]) {
  padding-top: 12px !important;
}


/* HOME-STORY-HOVER-BOUNDARY-1304
 * The 12px Story→Story separation belongs to the feed, not to either Story surface.
 * Start the rose state-layer after that separator so hover color can never bleed
 * visually into the previous Story. Content geometry and the 24px gap stay unchanged.
 */
@media (hover: hover) and (pointer: fine) {
  body:not(.entity-workspace-lock) .center-column
    .living-case-card:is(.case-type-story,[data-entity-type="story"])
    + .living-case-card:is(.case-type-story,[data-entity-type="story"])::before {
    top: 12px !important;
  }
}


/* 5.71.1307 — compact recommendation feedback on source-aware Discover cards. */
.tsemou-stream-snapshot { position: relative; }
.tsemou-stream-feedback {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 6;
}
.tsemou-stream-feedback-trigger {
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #7f8a92;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.tsemou-stream-feedback-trigger:hover,
.tsemou-stream-feedback-trigger:focus-visible {
  background: #edf2ef;
  color: #34423b;
  outline: none;
}
.tsemou-stream-feedback .tsemou-personal-feedback-menu {
  top: 26px;
  right: 0;
}
.tsemou-stream-snapshot.is-feedback-loading { opacity: 0.55; }
.tsemou-stream-snapshot.is-feedback-muted { opacity: 0.68; }
.tsemou-stream-snapshot.is-feedback-interested { background: #eef8f2; }
.tsemou-stream-snapshot.is-feedback-error { outline: 1px solid #d55b5b; }

/* 5.71.1310 — Discover presentation normalization. Keep heterogeneous entity
   metadata quiet so the reason label and title remain the visual hierarchy. */
.tsemou-stream-snapshot-type {
  display: inline-block;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: .02em;
  opacity: .68;
}
.tsemou-stream-snapshot-meta {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  line-height: 1.35;
  opacity: .72;
}

/* 5.71.1311 — Discover intent-aware rotation policy: no visual geometry change.
   Selection semantics only; preserve 1310 normalized entity presentation. */


/* 5.71.1359 — GUEST LEFT NAV CANONICAL ASSET FIX
 * Guest LEFT is global navigation, not an empty personal dashboard.
 * This lives in styles.css, the canonical Homepage CSS asset.
 */
.tsemou-guest-explore{
  display:block;
  width:100%;
  padding:8px 14px 10px;
  box-sizing:border-box;
}
.tsemou-guest-explore__title{
  margin:0 0 8px;
  font-size:12px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.02em;
  color:#26313a;
}
.tsemou-guest-explore__nav{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  width:100%;
}
.tsemou-guest-explore__link{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  width:100%;
  min-height:32px;
  padding:5px 6px;
  margin:0;
  box-sizing:border-box;
  border-radius:7px;
  color:#26313a;
  text-decoration:none;
  font-size:13px;
  line-height:1.25;
  white-space:normal;
}
.tsemou-guest-explore__link:hover,
.tsemou-guest-explore__link:focus-visible{
  background:rgba(20,35,45,.06);
  outline:none;
}
.tsemou-guest-explore__icon{
  display:block;
  width:18px;
  text-align:center;
  line-height:1;
  opacity:.72;
}


/* 5.71.1359 — LOGGED-IN MY TSEMOU CANONICAL LAYOUT
 * Presentation only. Data sources, counts, links and attention logic are unchanged.
 * Lives in styles.css, the canonical Homepage stylesheet.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest){
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  padding:8px 14px 14px;
  box-sizing:border-box;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__title{
  margin:0;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.03em;
  color:#26313a;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  width:100%;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  padding:7px 6px;
  box-sizing:border-box;
  border:1px solid rgba(38,49,58,.09);
  border-radius:8px;
  background:rgba(255,255,255,.42);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric strong{
  font-size:16px;
  line-height:1;
  font-weight:800;
  color:#26313a;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
  line-height:1.2;
  color:#68747d;
  white-space:nowrap;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__group{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:3px;
  width:100%;
  min-width:0;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__label{
  margin:0 0 3px;
  font-size:11px;
  line-height:1.25;
  font-weight:700;
  color:#68747d;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  align-items:center;
  column-gap:8px;
  width:100%;
  min-height:30px;
  padding:4px 5px;
  margin:0;
  box-sizing:border-box;
  border-radius:7px;
  color:#26313a;
  text-decoration:none;
  font-size:12px;
  line-height:1.25;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item:focus-visible{
  background:rgba(20,35,45,.06);
  outline:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__group--attention{
  padding:8px 0;
  border-top:1px solid rgba(38,49,58,.10);
  border-bottom:1px solid rgba(38,49,58,.10);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--attention{
  grid-template-columns:10px minmax(0,1fr);
  align-items:start;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--attention > span:last-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:1px;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--attention strong{
  font-size:11px;
  line-height:1.25;
  font-weight:700;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--attention small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:10px;
  line-height:1.25;
  color:#68747d;
  white-space:nowrap;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create{
  display:block;
  width:100%;
  min-height:32px;
  padding:5px 6px;
  box-sizing:border-box;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#26313a;
  text-align:left;
  font:inherit;
  font-size:12px;
  cursor:pointer;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create:focus-visible{
  background:rgba(20,35,45,.06);
  outline:none;
}


/* 5.71.1359 — COMPACT LOGGED-IN ACCOUNT HEADER
 * The mascot is identity garnish, not the content owner of LEFT.
 * Fixes the intrinsic 360×336 SVG overflow by constraining the actual img.
 */
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact{
  margin:0 !important;
  padding:12px 14px !important;
  min-height:0 !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-identity-row{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-guest-login__mascot{
  display:block !important;
  width:48px !important;
  height:45px !important;
  max-width:48px !important;
  margin:0 !important;
  overflow:hidden !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-guest-login__mascot > img{
  display:block !important;
  width:48px !important;
  height:45px !important;
  max-width:48px !important;
  max-height:45px !important;
  margin:0 !important;
  object-fit:contain !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-guest-login__mascot > .my-tsemou-visual-accessories{
  display:none !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-identity-copy{
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact h2{
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#26313a !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:750 !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-card-actions{
  display:flex !important;
  width:auto !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-open,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout{
  display:inline-flex !important;
  width:auto !important;
  min-width:0 !important;
  min-height:26px !important;
  height:26px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#3c4a44 !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:650 !important;
  text-decoration:none !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-open:hover,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-open:focus-visible,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout:hover,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout:focus-visible{
  color:#08745f !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
  outline:none !important;
}


/* 5.71.1359 — MY TSEMOU progressive disclosure.
 * High-priority attention remains visible. Entity rows stay compact; low-priority
 * global shortcuts move behind a native disclosure control.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--entity > span:last-child{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more{
  display:block;
  width:100%;
  margin:0;
  padding:0;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more > summary{
  display:flex;
  min-height:30px;
  align-items:center;
  justify-content:space-between;
  padding:4px 5px;
  border-radius:7px;
  color:#68747d;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
  list-style:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more > summary::-webkit-details-marker{
  display:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more > summary::after{
  content:"＋";
  font-size:13px;
  font-weight:500;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more[open] > summary::after{
  content:"−";
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more > summary:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more > summary:focus-visible{
  background:rgba(20,35,45,.06);
  outline:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__more .tsemou-my-tsemou__group--quick{
  padding-top:3px;
}


/* 5.71.1359 — MY TSEMOU clickable summary destinations. */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) button.tsemou-my-tsemou__metric{
  appearance:none;
  width:100%;
  min-width:0;
  margin:0;
  font:inherit;
  text-align:left;
  cursor:pointer;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) button.tsemou-my-tsemou__metric:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) button.tsemou-my-tsemou__metric:focus-visible{
  border-color:rgba(8,116,95,.28);
  background:rgba(8,116,95,.055);
  outline:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [data-my-tsemou-section]{
  scroll-margin-top:12px;
  transition:background-color 180ms ease, box-shadow 180ms ease;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [data-my-tsemou-section].is-my-tsemou-target{
  background:rgba(8,116,95,.045);
  box-shadow:0 0 0 4px rgba(8,116,95,.045);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__empty{
  padding:4px 5px;
  color:#889198;
  font-size:10px;
  line-height:1.3;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item--unresolved{
  opacity:.62;
  cursor:default;
}


/* 5.71.1359 — MY TSEMOU local navigation.
 * Counter clicks select LEFT content only; they never move the Home document.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) button.tsemou-my-tsemou__metric.is-active{
  border-color:rgba(8,116,95,.32);
  background:rgba(8,116,95,.075);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [data-my-tsemou-section].is-my-tsemou-selected{
  position:relative;
}


/* 5.71.1359 — MY TSEMOU true detail views.
 * Summary counters open a LEFT-owned view with a Back control.
 * No document scrolling and no CENTER movement.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__detail-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:7px;
  width:100%;
  padding:0 0 8px;
  border-bottom:1px solid rgba(38,49,58,.10);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__detail-head[hidden]{
  display:none !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__back{
  min-height:26px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#08745f;
  font:inherit;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
  cursor:pointer;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__back:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__back:focus-visible{
  text-decoration:underline;
  text-underline-offset:3px;
  outline:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__detail-head > strong{
  color:#26313a;
  font-size:13px;
  line-height:1.25;
  font-weight:800;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest)[data-my-tsemou-view]:not([data-my-tsemou-view="overview"]) [data-my-tsemou-section] > .tsemou-my-tsemou__label{
  display:none;
}


/* 5.71.1359 — MY TSEMOU DETAIL VISIBILITY AUTHORITY
 * Some older LEFT rules use display:flex/grid !important. Native [hidden]
 * therefore needs an equally strong component-scoped authority so detail mode
 * truly shows one personal collection at a time.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [hidden]{
  display:none !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__summary[hidden]{
  display:none !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [data-my-tsemou-overview-only][hidden]{
  display:none !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) [data-my-tsemou-section][hidden]{
  display:none !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest)[data-my-tsemou-view="communities"] [data-my-tsemou-section="communities"],
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest)[data-my-tsemou-view="cases"] [data-my-tsemou-section="cases"],
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest)[data-my-tsemou-view="saved"] [data-my-tsemou-section="saved"]{
  display:flex !important;
}


/* 5.71.1359 — Reddit-informed MY TSEMOU compact navigation.
 * Overview is navigation, not a dashboard. Detail lists remain one click away.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__summary{
  display:flex;
  flex-direction:column;
  gap:2px;
  width:100%;
  padding:3px 0 6px;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  width:100%;
  min-height:34px;
  margin:0;
  padding:5px 7px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#26313a;
  text-align:left;
  cursor:pointer;
  box-shadow:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric:focus-visible{
  background:rgba(38,49,58,.055);
  outline:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active{
  background:rgba(8,116,95,.075);
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-icon{
  display:block;
  width:18px;
  color:#66747e;
  font-size:12px;
  line-height:1;
  text-align:center;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric--attention .tsemou-my-tsemou__metric-icon{
  color:#08745f;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-label{
  min-width:0;
  overflow:hidden;
  color:#26313a;
  font-size:13px;
  line-height:1.25;
  font-weight:500;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric strong{
  display:block;
  min-width:18px;
  color:#52606a;
  font-size:12px;
  line-height:1;
  font-weight:700;
  text-align:right;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest)[data-my-tsemou-view="attention"] [data-my-tsemou-section="attention"]{
  display:flex !important;
}


/* 5.71.1359 — MY TSEMOU clean LEFT.
 * Generic Explore/Information links are not personal state.
 * Community creation appears only inside the Communities detail.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create--inside{
  width:auto;
  min-height:30px;
  margin:8px 0 0;
  padding:5px 8px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#08745f;
  font-size:12px;
  line-height:1.25;
  font-weight:650;
  text-align:left;
  box-shadow:none;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create--inside:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__create--inside:focus-visible{
  background:rgba(8,116,95,.065);
  outline:none;
}


/* 5.71.1359 — LEFT VISUAL POLISH R1
 * Visual hierarchy only. No personal-state logic, navigation, CENTER or RIGHT changes.
 */

/* Account header: compact but calmer and better aligned. */
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact{
  padding:14px 16px 12px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-identity-row{
  grid-template-columns:42px minmax(0,1fr) !important;
  gap:10px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-guest-login__mascot,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-guest-login__mascot > img{
  width:42px !important;
  height:40px !important;
  max-width:42px !important;
  max-height:40px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact h2{
  font-size:14px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-card-actions{
  gap:12px !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-open,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout{
  min-height:22px !important;
  height:22px !important;
  font-size:11px !important;
  font-weight:600 !important;
  color:#52606a !important;
}

/* MY TSEMOU title and overall vertical rhythm. */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest){
  gap:8px !important;
  padding:8px 14px 14px !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__title{
  margin:0 0 4px !important;
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  letter-spacing:.01em !important;
  color:#26313a !important;
}

/* Main navigation rows: larger, clearer, less "micro UI". */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__summary{
  gap:3px !important;
  padding:2px 0 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric{
  grid-template-columns:20px minmax(0,1fr) 28px !important;
  gap:8px !important;
  min-height:38px !important;
  padding:7px 8px !important;
  border-radius:8px !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-icon{
  width:20px !important;
  font-size:14px !important;
  color:#66747e !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-label{
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  color:#33414a !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric strong{
  min-width:28px !important;
  font-size:13px !important;
  font-weight:700 !important;
  color:#52606a !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric:hover,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric:focus-visible{
  background:rgba(38,49,58,.06) !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active{
  background:rgba(8,116,95,.09) !important;
  box-shadow:inset 3px 0 0 rgba(8,116,95,.72) !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active .tsemou-my-tsemou__metric-label,
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active strong{
  color:#075f50 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric--attention .tsemou-my-tsemou__metric-icon{
  color:#0a8a71 !important;
}

/* Detail view: readable rows and stronger back affordance. */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__detail-head{
  gap:6px !important;
  padding:0 0 9px !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__back{
  font-size:11px !important;
  font-weight:700 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__detail-head > strong{
  font-size:14px !important;
  font-weight:750 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou-item{
  min-height:34px !important;
  padding:6px 7px !important;
  font-size:12.5px !important;
  line-height:1.3 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__empty{
  padding:6px 7px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

/* Keep the outer LEFT calm. */
body:not(.entity-workspace-lock) .left-column{
  --tsemou-left-text:#33414a;
}


/* 5.71.1359 — LEFT POLISH LOCK
 * Final visual pass: compact label, consistent outline icons, quieter logout.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-icon svg{
  display:block;
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric--attention .tsemou-my-tsemou__metric-label{
  color:#33414a !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout{
  color:#7f898f !important;
  font-weight:500 !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout:hover,
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact .tsemou-account-logout:focus-visible{
  color:#52606a !important;
}


/* 5.71.1359 — LEFT NAV PRESENCE + BRAND ACCENTS R1
 * No architecture or behavior changes.
 * Goal: Reddit-level navigation legibility, with restrained TSEMOU life/colour.
 */

/* Bring account identity and MY TSEMOU into one visual rhythm. */
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact{
  padding-bottom:8px !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest){
  padding-top:5px !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__title{
  margin-bottom:5px !important;
}

/* Stronger navigation targets. */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric{
  grid-template-columns:22px minmax(0,1fr) 30px !important;
  min-height:42px !important;
  padding:8px 9px !important;
  gap:8px !important;
  border-radius:10px !important;
  transition:background-color .14s ease, box-shadow .14s ease, transform .14s ease !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-icon{
  width:22px !important;
  display:grid !important;
  place-items:center !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-icon svg{
  width:20px !important;
  height:20px !important;
  stroke-width:1.75 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric-label{
  font-size:14px !important;
  font-weight:620 !important;
  line-height:1.25 !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric strong{
  font-size:13px !important;
  min-width:30px !important;
}

/* Whole-row selected state, not only a tiny signal. */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active{
  background:rgba(8,116,95,.105) !important;
  box-shadow:inset 3px 0 0 rgba(8,116,95,.82), inset 0 0 0 1px rgba(8,116,95,.08) !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric:hover{
  background:rgba(38,49,58,.055) !important;
}

/* Restrained colour strokes:
 * neutral navigation remains neutral; useful state carries TSEMOU colour.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric[data-my-tsemou-jump="communities"] .tsemou-my-tsemou__metric-icon{
  color:#08745f !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric[data-my-tsemou-jump="saved"] .tsemou-my-tsemou__metric-icon{
  color:#b4475a !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric--attention .tsemou-my-tsemou__metric-icon{
  color:#078c72 !important;
}

/* Counters become tiny status chips only when there is something there.
 * This adds life without turning every row into a coloured button.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric strong{
  justify-self:end !important;
  width:auto !important;
  min-width:24px !important;
  height:22px !important;
  padding:0 6px !important;
  border-radius:999px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:rgba(73,88,99,.07) !important;
}
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__metric.is-active strong{
  background:rgba(8,116,95,.13) !important;
}

/* Small brand spark next to MY TSEMOU: echoes the mascot palette,
 * deliberately tiny so the panel remains adult/functional.
 */
.tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) .tsemou-my-tsemou__title::after{
  content:"";
  display:inline-block;
  width:16px;
  height:4px;
  margin-left:8px;
  vertical-align:middle;
  border-radius:999px;
  background:linear-gradient(90deg,#08745f 0 50%,#b4475a 50% 100%);
  opacity:.9;
}


/* 5.71.1359 — GLOBAL WORKSPACE HOME ESCAPE R1
 * Common Case/Story/Need/entity workspace navigation, not renderer-specific.
 */
body.entity-workspace-lock .site-header .header-nav .workspace-home-link{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:32px;
  padding:5px 9px;
  border-radius:8px;
  color:#43505a;
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}
body.entity-workspace-lock .site-header .header-nav .workspace-home-link:hover,
body.entity-workspace-lock .site-header .header-nav .workspace-home-link:focus-visible{
  background:rgba(38,49,58,.06);
  color:#26313a;
}
body.entity-workspace-lock .site-header .header-nav .workspace-home-link__icon{
  font-size:16px;
  line-height:1;
  color:#08745f;
}
@media (max-width: 760px){
  body.entity-workspace-lock .site-header .header-nav .workspace-home-link__label{
    display:none;
  }
  body.entity-workspace-lock .site-header .header-nav .workspace-home-link{
    width:34px;
    min-width:34px;
    justify-content:center;
    padding:5px;
  }
}


/* 5.71.1359 — STATIC WORKSPACE HOME ESCAPE AUTHORITY
 * The Home affordance exists in canonical header markup. JS is enhancement only.
 */
.site-header .header-nav .workspace-home-link--static{
  display:none;
}
body.entity-workspace-lock .site-header .header-nav .workspace-home-link--static{
  display:inline-flex !important;
}
body:not(.entity-workspace-lock) .site-header .header-nav .workspace-home-link--static{
  display:none !important;
}


/* 5.71.1359 — RIGHT RAIL PRESENTATION R1
 * One quiet discovery surface: 6–7 visible rows, slow rotation, clear reasons.
 * No new data source, query or recommendation engine.
 */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-head{
  padding:3px 2px 9px !important;
  border-bottom:1px solid rgba(38,49,58,.07);
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-head h2{
  font-size:12px !important;
  font-weight:760 !important;
  letter-spacing:.025em !important;
  text-transform:none !important;
  color:#33414a !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-status{
  font-size:9px !important;
  letter-spacing:.06em !important;
  color:#65717b !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-status i{
  width:5px !important;
  height:5px !important;
  background:#08745f !important;
  box-shadow:0 0 0 3px rgba(8,116,95,.09) !important;
}

/* Fixed visual window: enough context without turning RIGHT into a second feed. */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-live-stream-list{
  max-height:min(540px, calc(100vh - 165px)) !important;
  padding:4px 0 18px !important;
}

/* One consistent card rhythm. */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot{
  min-height:66px !important;
  margin:0 !important;
  padding:8px 6px 8px 8px !important;
  gap:6px !important;
  border-bottom:1px solid rgba(38,49,58,.065) !important;
  border-radius:8px !important;
  transition:background-color .14s ease !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot:hover,
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot:focus-within{
  background:rgba(38,49,58,.035) !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-main{
  gap:9px !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-copy{
  gap:2px !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-copy strong{
  font-size:12.5px !important;
  line-height:1.28 !important;
  font-weight:700 !important;
  -webkit-line-clamp:2 !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-label{
  width:max-content;
  max-width:100%;
  padding:2px 5px;
  border-radius:999px;
  background:rgba(73,88,99,.065);
  color:#65717b !important;
  font-size:8.5px !important;
  line-height:1.2 !important;
  font-weight:760 !important;
  letter-spacing:.035em !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-subtitle,
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-meta{
  color:#7a858d !important;
  font-size:10px !important;
  line-height:1.25 !important;
}

/* Restrained intent colour: small chips, never whole-card colouring. */
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="personal"] .tsemou-stream-snapshot-label{
  background:rgba(8,116,95,.09);
  color:#08745f !important;
}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="community"] .tsemou-stream-snapshot-label{
  background:rgba(15,127,131,.09);
  color:#0f7377 !important;
}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="help"] .tsemou-stream-snapshot-label{
  background:rgba(118,84,198,.09);
  color:#6848b8 !important;
}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="case"] .tsemou-stream-snapshot-label{
  background:rgba(122,78,163,.085);
  color:#704798 !important;
}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="activity"] .tsemou-stream-snapshot-label{
  background:rgba(25,135,84,.085);
  color:#17764b !important;
}
body:not(.entity-workspace-lock) .tsemou-stream-snapshot[data-right-intent="rating"] .tsemou-stream-snapshot-label{
  background:rgba(188,106,34,.09);
  color:#a75f20 !important;
}

/* Media stays supportive, not dominant. */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-visual{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  border-radius:9px !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot.is-entity .tsemou-stream-snapshot-visual{
  border-radius:50% !important;
}

/* Compact universal entity vote: ↑ score ↓ in one quiet line. */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-entity-actions{
  gap:2px !important;
  padding-left:2px;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-entity-actions .vote-btn{
  width:22px !important;
  height:22px !important;
  border-radius:6px !important;
  background:transparent !important;
  font-size:11px !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-entity-actions .tsemit-action{
  color:#08745f !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-entity-actions .untsemit-action{
  color:#b4475a !important;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-entity-score{
  min-width:18px !important;
  font-size:10px !important;
  text-align:center !important;
}


/* 5.71.1359 — RIGHT REASON CLARITY R1 */
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot-subtitle{
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  white-space:normal !important;
  text-overflow:ellipsis;
  max-height:2.5em;
}
body:not(.entity-workspace-lock) .right-column.tsemou-right-rail .tsemou-stream-snapshot[data-right-lane="globalEntity"] .tsemou-stream-snapshot-label{
  background:rgba(188,106,34,.075);
  color:#95551f !important;
}

/* 5.71.1359 — SYNODOS-1: zero-network Workspace context navigation.
 * Uses canonical_entities already present in the Workspace runtime payload. */
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context{
  display:grid;
  gap:4px;
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid rgba(93,102,122,.14);
}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  padding:5px 7px;
  border-radius:8px;
  color:#273142;
  text-decoration:none;
  background:rgba(245,247,250,.92);
}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context-link:hover,
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context-link:focus-visible{
  background:#eef2f6;
  outline:none;
}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context-link span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:650;
}
body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-context-link small{
  flex:0 0 auto;
  font-size:9px;
  color:#7a8495;
  text-transform:uppercase;
}

/* 5.71.1361 — SYNODOS-2 contextual navigator; presentation only. */
.living-node-page-actions{
  display:grid;
  gap:5px;
  margin-top:8px;
}
.living-node-page-action{
  box-sizing:border-box;
  width:100%;
  min-height:30px;
  padding:6px 9px;
  border:1px solid #dfe4e8;
  border-radius:8px;
  background:#f7f9f8;
  color:#31413c;
  font:inherit;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
.living-node-page-action:hover,
.living-node-page-action:focus-visible{
  background:#eef4f1;
  border-color:#cbd8d2;
  outline:none;
}
.living-node-page-connections{
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid rgba(93,102,122,.14);
}
.living-node-page-connections>summary{
  cursor:pointer;
  color:#66736f;
  font-size:10px;
  font-weight:700;
}
.living-node-page-connections .living-node-page-context{
  display:grid;
  gap:4px;
  margin-top:6px;
}

/* 5.71.1362 — Story Needs compact disclosure.
 * Keep the semantic bridge "ΑΠΟ ΤΗΝ ΕΙΔΗΣΗ ΣΤΗ ΒΟΗΘΕΙΑ" without reserving
 * a full card when the user has not asked to inspect Needs. */
.story-origin-needs--compact{
  margin:8px 0 10px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.story-origin-needs--compact .story-origin-needs__bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  padding:3px 0;
}
.story-origin-needs--compact .story-origin-needs__eyebrow{
  margin:0;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.08em;
}
.story-origin-needs__toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  padding:4px 9px;
  border:1px solid #d9dfdc;
  border-radius:999px;
  background:#f7f9f8;
  color:#33423d;
  font:inherit;
  font-size:11px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
}
.story-origin-needs__toggle strong{
  min-width:18px;
  padding:3px 5px;
  border-radius:999px;
  background:#e9f0ed;
  font-size:10px;
  text-align:center;
}
.story-origin-needs__chevron{
  display:inline-block;
  transition:transform .16s ease;
}
.story-origin-needs--compact[data-open="true"] .story-origin-needs__chevron{
  transform:rotate(180deg);
}
.story-origin-needs--compact .story-origin-needs__panel{
  margin-top:6px;
  padding:12px;
  border:1px solid #e3e7e5;
  border-radius:10px;
  background:#fff;
}
.story-origin-needs--compact .story-origin-needs__panel[hidden]{
  display:none !important;
}
.story-origin-needs--compact .story-origin-needs__intro{
  margin:0 0 10px;
}
.story-origin-needs--compact .story-origin-needs__intro h3{
  margin:0 0 4px;
  font-size:15px;
}
.story-origin-needs--compact .story-origin-needs__intro p{
  margin:0;
  font-size:11px;
  line-height:1.4;
}
.story-origin-needs--compact .workspace-related-empty{
  margin:4px 0;
}

/* 5.71.1364 — Needs count contrast fix. */
.story-origin-needs__toggle strong{
  color:#24312d !important;
  background:#ffffff !important;
  border:1px solid rgba(36,49,45,.16);
  font-weight:800 !important;
  opacity:1 !important;
}

/* 5.71.1365 — ENTITY DESIGN SYSTEM R1: canonical public Entity primitive. */
:root{
  --tsemou-entity-public-height:26px;
  --tsemou-entity-public-radius:999px;
  --tsemou-entity-public-font-size:11px;
  --tsemou-entity-public-font-weight:700;
}
.tsemou-entity-chip{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:var(--tsemou-entity-public-height);
  height:var(--tsemou-entity-public-height);
  gap:4px;
  padding:3px 8px;
  border:1px solid var(--tsemou-ui-success-border,#c9dfd3);
  border-radius:var(--tsemou-entity-public-radius);
  background:var(--tsemou-ui-success-surface,#f1f8f4);
  color:var(--tsemou-ui-text,#26342f);
  font-family:inherit;
  font-size:var(--tsemou-entity-public-font-size);
  font-weight:var(--tsemou-entity-public-font-weight);
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
}
.tsemou-entity-chip:hover,
.tsemou-entity-chip:focus-visible{
  border-color:var(--tsemou-ui-success,#16865f);
  background:#edf7f1;
  outline:none;
}
.tsemou-entity-chip:focus-visible{
  box-shadow:0 0 0 2px var(--tsemou-ui-focus,#8ccfb5);
}
.tsemou-entity-chip__icon,
.tsemou-entity-mark{
  flex:0 0 auto;
  font-style:normal;
}
.tsemou-entity-chip__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.homepage-knowledge-items .tsemou-entity-chip{
  max-width:180px;
}
.story-workspace-canonical-entities .tsemou-entity-chip{
  max-width:210px;
}
.tsemou-stream-snapshot strong .tsemou-entity-mark{
  display:inline-block;
  margin-right:5px;
}

/* 5.71.1366 — Public Entity Catalog R1. */
.tsemou-public-entity-catalog{
  min-height:100vh;
  background:#f7f8f7;
}
.tsemou-public-entity-catalog__main{
  width:min(1040px,calc(100% - 28px));
  margin:0 auto;
  padding:24px 0 40px;
}
.tsemou-public-entity-catalog__hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:16px;
}
.tsemou-public-entity-catalog__hero h1{margin:2px 0 6px;font-size:28px}
.tsemou-public-entity-catalog__hero p{margin:0;font-size:10px;font-weight:800;letter-spacing:.08em}
.tsemou-public-entity-catalog__hero span{display:block;max-width:720px;color:#66736f;font-size:12px;line-height:1.45}
.tsemou-public-entity-catalog__hero>strong{font-size:28px}
.tsemou-public-entity-catalog__tools{
  display:flex;
  gap:8px;
  align-items:center;
  margin-bottom:16px;
}
.tsemou-public-entity-catalog__tools label{
  flex:1 1 320px;
  display:flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:0 10px;
  border:1px solid #d8dfdb;
  border-radius:9px;
  background:#fff;
}
.tsemou-public-entity-catalog__tools input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
}
.tsemou-public-entity-catalog__tools select,
.tsemou-public-entity-catalog__tools button,
.tsemou-public-entity-catalog__tools>a{
  min-height:36px;
  padding:0 11px;
  border:1px solid #d8dfdb;
  border-radius:9px;
  background:#fff;
  color:#33423d;
  text-decoration:none;
}
.tsemou-public-entity-catalog__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.tsemou-public-entity-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  padding:10px;
  border:1px solid #e1e6e3;
  border-radius:10px;
  background:#fff;
}
.tsemou-public-entity-card .tsemou-entity-chip{max-width:calc(100% - 72px)}
.tsemou-public-entity-card>small{
  flex:0 0 auto;
  color:#7a8781;
  font-size:9px;
}
.tsemou-public-entity-catalog__empty{
  grid-column:1/-1;
  padding:24px;
  border:1px dashed #d7ded9;
  border-radius:10px;
  background:#fff;
}
.tsemou-public-entity-catalog__note{
  margin:14px 0 0;
  color:#7a8781;
  font-size:10px;
}
@media(max-width:760px){
  .tsemou-public-entity-catalog__main{width:min(100% - 20px,680px);padding-top:16px}
  .tsemou-public-entity-catalog__hero{align-items:flex-start}
  .tsemou-public-entity-catalog__tools{flex-wrap:wrap}
  .tsemou-public-entity-catalog__tools label{flex-basis:100%}
  .tsemou-public-entity-catalog__grid{grid-template-columns:1fr}
}

/* 5.71.1506 — User Story report control. */
.story-report-control{position:relative;display:flex;justify-content:flex-end;margin:-2px 0 8px}.story-report-button{border:0;background:transparent;color:#6b7280;font:600 12px/1.2 system-ui;cursor:pointer;padding:5px 7px;border-radius:999px}.story-report-button:hover{background:#f3f4f6;color:#991b1b}.story-report-panel{position:absolute;right:0;top:32px;z-index:30;width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 12px 30px rgba(15,23,42,.16);padding:12px}.story-report-panel label{display:block;font:600 12px/1.35 system-ui;margin-bottom:8px}.story-report-panel select,.story-report-panel textarea{box-sizing:border-box;width:100%;margin-top:5px;border:1px solid #cbd5e1;border-radius:7px;padding:7px;background:#fff}.story-report-panel-actions{display:flex;gap:7px}.story-report-submit,.story-report-cancel{border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:7px 10px;font-weight:700;cursor:pointer}.story-report-submit{background:#111827;color:#fff;border-color:#111827}.story-report-status{font-size:12px;margin-top:7px;color:#4b5563}

/* 5.71.1510 — Public generic Entity Workspace: user surface, not diagnostics. */
.generic-entity-workspace-root .generic-entity-primary-surface{gap:14px}
.generic-entity-workspace .case-workspace-header{padding-bottom:12px;border-bottom:0}
.generic-entity-workspace .workspace-story-head{gap:8px}
.generic-entity-workspace .workspace-story-head .tsemou-content-heading__eyebrow{font-size:11px;letter-spacing:.08em;color:#6b7280}
.generic-entity-workspace .workspace-story-head .tsemou-content-heading__title{font-size:30px;line-height:1.12}
.generic-entity-workspace .case-workspace-controls{margin-top:4px}
.generic-entity-intro{margin:0;padding:0 2px 4px;color:#4b5563;font-size:15px;line-height:1.55}
.generic-entity-intro p{margin:0}
.generic-entity-tabs-host{margin-top:2px}
.generic-entity-tabs-host>.workspace-tabs--foundation{display:flex;gap:4px;overflow-x:auto;padding:0 0 8px;border-bottom:1px solid #e5e7eb;scrollbar-width:none}
.generic-entity-tabs-host>.workspace-tabs--foundation::-webkit-scrollbar{display:none}
.generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{flex:0 0 auto;border:0;background:transparent;padding:8px 10px;border-radius:8px;color:#667085;font-size:13px;font-weight:700;white-space:nowrap}
.generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab:hover{background:#f6f7f8;color:#111827}
.generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab.is-active{background:#eef7f3;color:#145c49}
.generic-entity-tabs-host>.workspace-tab-panels{padding-top:12px}
.generic-entity-tabs-host .workspace-tab-panel{outline:0}
.generic-entity-discussion-surface{margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.generic-entity-discussion-surface>.workspace-feed-list{margin-top:12px}
.generic-entity-list-panel,.generic-entity-facts-panel,.generic-entity-actions-panel{border:1px solid #e4e7ec;border-radius:12px;background:#fff;padding:14px}
.generic-entity-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.generic-entity-panel-heading>strong{font-size:15px;color:#101828}
.generic-entity-panel-heading>span{min-width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#f2f4f7;color:#475467;font-size:12px;font-weight:700}
.generic-entity-story-list,.generic-entity-related-list{display:grid;gap:0}
.generic-entity-story-row,.generic-entity-related-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:11px 2px;border-top:1px solid #f0f2f4}
.generic-entity-story-row:first-child,.generic-entity-related-row:first-child{border-top:0}
.generic-entity-story-row a,.generic-entity-related-row a,.generic-entity-story-row>strong,.generic-entity-related-row>strong{color:#16202a;text-decoration:none;font-weight:700;line-height:1.35}
.generic-entity-story-row a:hover,.generic-entity-related-row a:hover{text-decoration:underline}
.generic-entity-story-row small,.generic-entity-related-row small{flex:0 0 auto;color:#98a2b3;font-size:11px;text-transform:capitalize}
.generic-entity-facts-panel{display:grid;gap:18px}
.generic-entity-facts-block h3{margin:0 0 10px;font-size:15px;color:#101828}
.generic-entity-facts-block dl{margin:0;display:grid;gap:0}
.generic-entity-facts-block dl>div{display:grid;grid-template-columns:minmax(120px,34%) 1fr;gap:16px;padding:9px 0;border-top:1px solid #f0f2f4}
.generic-entity-facts-block dl>div:first-child{border-top:0}
.generic-entity-facts-block dt{color:#667085;font-size:12px;font-weight:700}
.generic-entity-facts-block dd{margin:0;color:#1d2939;font-size:13px}
.generic-entity-evidence-list{display:grid;gap:8px}
.generic-entity-evidence-list a,.generic-entity-evidence-list span{display:block;padding:9px 10px;border:1px solid #eef0f2;border-radius:8px;color:#344054;text-decoration:none;font-size:13px}
.generic-entity-actions-panel{text-align:left}
.generic-entity-actions-panel>strong{font-size:16px;color:#101828}
.generic-entity-actions-panel>p{margin:6px 0 12px;color:#667085;font-size:13px;line-height:1.45}
.generic-entity-action-button{border:0;border-radius:999px;background:#0d8d75;color:#fff;padding:9px 15px;font-weight:800;cursor:pointer}
.generic-entity-tabs-host .workspace-tab-empty-state{padding:24px;border:1px dashed #d9dee5;border-radius:12px;background:#fafbfc;text-align:center;color:#667085}
.generic-entity-tabs-host .workspace-tab-empty-state strong{display:block;color:#344054;margin-bottom:4px}
.generic-entity-tabs-host .workspace-tab-empty-state p{margin:0;font-size:12px;line-height:1.45}
@media(max-width:760px){
  .generic-entity-workspace .workspace-story-head .tsemou-content-heading__title{font-size:25px}
  .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{padding:8px 9px;font-size:12px}
  .generic-entity-facts-block dl>div{grid-template-columns:1fr;gap:3px}
  .generic-entity-story-row,.generic-entity-related-row{gap:10px}
}


/* 5.71.1510 — Generic Entity public Discussion cleanup.
 * Keep the shared Discussion engine, but prevent legacy generic button geometry
 * from leaking into the public Entity Workspace. No data/query behavior here. */
.generic-entity-discussion-surface .workspace-composer{
  margin:0!important;
  padding:12px!important;
  border:1px solid #e4e7ec!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.generic-entity-discussion-surface .workspace-composer-head{display:flex!important;align-items:flex-start!important;gap:9px!important}
.generic-entity-discussion-surface .workspace-composer-head .workspace-avatar{width:30px!important;height:30px!important;min-width:30px!important;flex:0 0 30px!important}
.generic-entity-discussion-surface textarea[data-workspace-compose-input]{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:64px!important;
  max-height:150px!important;
  padding:10px 12px!important;
  border:1px solid #d9dfdc!important;
  border-radius:18px!important;
  background:#fff!important;
  font-size:.9rem!important;
  line-height:1.4!important;
  resize:vertical!important;
}
.generic-entity-discussion-surface .workspace-composer-tools{
  display:flex!important;align-items:center!important;gap:6px!important;
  margin:8px 0 0 39px!important;padding:0!important;min-height:30px!important;
}
.generic-entity-discussion-surface .workspace-tool-button,
.generic-entity-discussion-surface .workspace-composer-tools>span{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  padding:0!important;margin:0!important;display:inline-grid!important;place-items:center!important;
  border:1px solid #dde4e0!important;border-radius:8px!important;background:#fff!important;
  color:#4c5a54!important;box-shadow:none!important;font-size:.82rem!important;line-height:1!important;
}
.generic-entity-discussion-surface .workspace-composer-actions{display:flex!important;justify-content:flex-end!important;margin:8px 0 0!important;padding:0!important}
.generic-entity-discussion-surface .workspace-composer-actions button[data-workspace-compose-submit]{
  width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;
  padding:0 14px!important;border:0!important;border-radius:999px!important;background:#0f8f78!important;
  color:#fff!important;font-size:.78rem!important;font-weight:750!important;box-shadow:none!important;
}
.generic-entity-discussion-surface>.workspace-feed-list{display:grid!important;gap:8px!important;margin:12px 0 0!important}
.generic-entity-discussion-surface .workspace-feed-card{
  position:relative!important;display:block!important;min-height:0!important;margin:0!important;padding:10px 11px!important;
  border:1px solid #e3e8e5!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;
}
.generic-entity-discussion-surface .workspace-post-author{display:flex!important;align-items:center!important;gap:12px!important;min-height:30px!important;margin:0 0 7px!important}
.generic-entity-discussion-surface .workspace-post-author .workspace-avatar.workspace-avatar--post{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;min-height:30px!important;max-height:30px!important;flex:0 0 30px!important}
.generic-entity-discussion-surface .workspace-post-author>div{min-width:0!important;display:flex!important;align-items:baseline!important;gap:5px!important;flex:1 1 auto!important}
.generic-entity-discussion-surface .workspace-post-author strong{font-size:.82rem!important;line-height:1.2!important}
.generic-entity-discussion-surface .workspace-post-author span{font-size:.68rem!important;color:#78837d!important}
.generic-entity-discussion-surface .workspace-menu{
  width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:8px!important;background:transparent!important;color:#6d7772!important;box-shadow:none!important;
}
.generic-entity-discussion-surface .workspace-feed-summary{margin:0!important;font-size:.9rem!important;line-height:1.45!important;color:#26302c!important}
.generic-entity-discussion-surface .workspace-feed-stats.workspace-post-actions-row{
  display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:5px!important;margin-top:8px!important;padding-top:7px!important;
  border-top:1px solid #edf0ee!important;font-size:.72rem!important;color:#64706a!important;
}
.generic-entity-discussion-surface .workspace-post-actions-row>span,
.generic-entity-discussion-surface .workspace-post-actions-row>button{
  width:auto!important;min-width:0!important;min-height:28px!important;height:28px!important;margin:0!important;padding:0 8px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e0e6e2!important;
  border-radius:999px!important;background:#f8faf9!important;color:#53605a!important;box-shadow:none!important;font-size:.7rem!important;line-height:1!important;font-weight:650!important;
}
.generic-entity-discussion-surface .workspace-post-more{margin-left:auto!important}
@media (max-width:700px){
  .generic-entity-discussion-surface .workspace-composer-tools{margin-left:0!important}
  .generic-entity-discussion-surface .workspace-composer{padding:10px!important}
}

/* 5.71.1520 — actual visible mascot surfaces: preserve agreed canonical silhouette. */
.tsemou-guest-login__mascot img,
.living-node-page-button img,
.living-node-composer-companion img,
.case-task-mascot-nudge img {
  object-fit: contain !important;
  object-position: center !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot img {
  width: 92px !important;
  height: 94px !important;
  max-width: none !important;
}

/* 5.71.1521 immutable mascot path; no geometry change. */

/* 5.71.1522 — pixel-locked canonical mascot reference.
   Preserve exact 200:305 aspect ratio. Never stretch the production source. */
.tsemou-guest-login__mascot img,
.living-node-page-button img,
.living-node-composer-companion img,
.case-task-mascot-nudge img {
  object-fit: contain !important;
  object-position: center !important;
  aspect-ratio: 200 / 305 !important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-guest-login--application .tsemou-guest-login__mascot img {
  width: 72px !important;
  height: auto !important;
  max-height: none !important;
}

/* 5.71.1536 — MASCOT RUNTIME SHARPNESS R1 */
.tsemou-guest-login__mascot img {
 width:72px !important; height:110px !important; max-width:none !important;
 object-fit:contain !important; filter:none !important; transform:none !important;
}

/* 5.71.1537 — SMALL-SIZE OUTLINE CORRECTION R1 */
.tsemou-guest-login__mascot,.tsemou-guest-login__mascot img{image-rendering:auto;backface-visibility:hidden;}

/* 5.71.1538 — FLOATING COMPANION NATIVE SHARP R1
   Root-cause fix: the companion previously selected livingNodeToneAssets (SVG)
   and then forced the 200:305 character into a 44x44 square.
   Use the native 40x61 corrected raster at 1:1 CSS pixels. */
.living-node-page-button {
  width: 52px !important;
  height: 68px !important;
  padding: 3px !important;
  border-radius: 17px !important;
}
.living-node-page-button img {
  width: 40px !important;
  height: 61px !important;
  max-width: none !important;
  aspect-ratio: 40 / 61 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: none !important;
  transform: none !important;
}
@media(max-width:700px){
  body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button{
    width:52px !important;
    height:68px !important;
  }
  body.entity-workspace-lock .living-node-page-companion.is-workspace .living-node-page-button img{
    width:40px !important;
    height:61px !important;
  }
}

/* 5.71.1653 — Need discovery practical matching filters. */
.tsemou-needs-discovery-filters{align-items:flex-end}
.tsemou-needs-discovery-filters input[type="search"]{min-height:38px;padding:0 10px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;min-width:190px}
.tsemou-needs-more-filters{position:relative}
.tsemou-needs-more-filters>summary{list-style:none;cursor:pointer;min-height:38px;display:flex;align-items:center;padding:0 12px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;font-size:12px;font-weight:800}
.tsemou-needs-more-filters>summary::-webkit-details-marker{display:none}
.tsemou-needs-more-filters>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;padding:10px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}
.tsemou-needs-result__badges .is-urgent{background:#fff7ed;border-color:#fdba74;color:#9a3412}
@media(max-width:700px){.tsemou-needs-discovery-filters input[type="search"]{width:100%;min-width:0}.tsemou-needs-more-filters>div{display:grid}.tsemou-needs-more-filters{width:100%}}

/* 5.71.1654 — Need discovery compact progressive-disclosure UI. */
.tsemou-needs-catalogue--compact{margin-top:18px;padding-top:14px}
.tsemou-needs-compact-filters{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 12px;padding:0;border:0;background:transparent}
.tsemou-needs-filter-pop{position:relative;margin:0}
.tsemou-needs-filter-pop>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid #d9dfdc;border-radius:999px;background:#fff;color:#26302c;font-size:12px;font-weight:750;white-space:nowrap}
.tsemou-needs-filter-pop>summary::-webkit-details-marker{display:none}
.tsemou-needs-filter-pop[open]>summary{border-color:#9fb9b1;background:#f5faf8}
.tsemou-needs-filter-pop>div{position:absolute;z-index:30;top:40px;left:0;display:flex;align-items:end;gap:8px;min-width:280px;padding:10px;border:1px solid #dfe5e2;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}
.tsemou-needs-filter-pop label{display:grid;gap:4px;min-width:150px}.tsemou-needs-filter-pop label>span{font-size:10px;font-weight:800;color:#5d6963}
.tsemou-needs-filter-pop input,.tsemou-needs-filter-pop select{min-height:36px;padding:0 9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:12px}
.tsemou-needs-filter-pop button{min-height:36px;padding:0 11px;border:0;border-radius:8px;background:#111827;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.tsemou-needs-filter-more>div{min-width:520px;flex-wrap:wrap}
.tsemou-needs-catalogue--compact .tsemou-needs-result__badges{margin-bottom:1px}
@media(max-width:700px){
 .tsemou-needs-catalogue--compact{margin-top:14px;padding-top:10px}
 .tsemou-needs-compact-filters{gap:6px;overflow:visible}
 .tsemou-needs-filter-pop>summary{min-height:32px;padding:0 9px;font-size:11px}
 .tsemou-needs-filter-pop>div,.tsemou-needs-filter-more>div{position:fixed;z-index:9999;left:12px;right:12px;top:auto;bottom:16px;min-width:0;display:grid;align-items:stretch}
 .tsemou-needs-filter-pop label{min-width:0}
}

/* 5.71.1656 — unified Need discovery: intent + composable family refinements. */
.tsemou-needs-intentbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px}.tsemou-needs-intentbar>strong{font-size:20px;color:#111827}.tsemou-needs-intentbar>a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid #26302c;border-radius:999px;color:#111827;text-decoration:none;font-size:12px;font-weight:800;background:#fff}
.tsemou-needs-family-chips,.tsemou-needs-topic-chips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 10px}.tsemou-needs-refine-chip,.tsemou-needs-topic-chip{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:0 11px;border:1px solid #d9dfdc;border-radius:999px;background:#fff;color:#26302c;text-decoration:none;font-size:12px;font-weight:750}.tsemou-needs-refine-chip.is-active,.tsemou-needs-topic-chip.is-active{border-color:#79a99a;background:#f1f8f5;color:#0f513f}.tsemou-needs-topic-chips{padding-top:2px}.tsemou-needs-topic-chip.is-pending{color:#69736e;background:#fafbfa;cursor:default}.tsemou-needs-hub__grid{display:none!important}.tsemou-needs-catalogue--compact{margin-top:10px;padding-top:10px}
@media(max-width:700px){.tsemou-needs-intentbar{margin-top:14px}.tsemou-needs-intentbar>strong{font-size:18px}.tsemou-needs-family-chips,.tsemou-needs-topic-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px;scrollbar-width:none}.tsemou-needs-family-chips::-webkit-scrollbar,.tsemou-needs-topic-chips::-webkit-scrollbar{display:none}.tsemou-needs-refine-chip,.tsemou-needs-topic-chip{flex:0 0 auto}}


/* 5.71.1660 — TSEMOU AVATAR IDENTITY V1 — SMALL-PIXEL-FIRST */
.tsemou-avatar-identity-panel{margin-top:24px;padding-top:20px;border-top:1px solid #e4e8ed}.tsemou-avatar-identity-copy h2{margin:0 0 6px;font-size:1.05rem}.tsemou-avatar-identity-copy p{margin:0 0 14px;color:#5f6b76;font-size:.86rem;line-height:1.45}.tsemou-avatar-identity-saved{color:#237a45!important;font-weight:800!important}.tsemou-avatar-identity-grid{display:grid;grid-template-columns:repeat(5,minmax(74px,1fr));gap:10px}.tsemou-avatar-choice{display:grid;justify-items:center;gap:6px;padding:9px 5px;border:2px solid transparent;border-radius:14px;background:#f7f8fa;cursor:pointer}.tsemou-avatar-choice:hover,.tsemou-avatar-choice:focus-within{background:#fff;border-color:#cbd3dc}.tsemou-avatar-choice.is-selected,.tsemou-avatar-choice:has(input:checked){border-color:#18222b;background:#fff}.tsemou-avatar-choice input{position:absolute;opacity:0;pointer-events:none}.tsemou-avatar-choice img{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%}.tsemou-avatar-choice span{font-size:.69rem;line-height:1.1;text-align:center;font-weight:750;color:#26323c}.tsemou-avatar-save-button{margin-top:14px;border:0;border-radius:999px;background:#18222b;color:#fff;font:inherit;font-weight:800;padding:9px 16px;cursor:pointer}@media(max-width:640px){.tsemou-avatar-identity-grid{grid-template-columns:repeat(3,minmax(70px,1fr))}.tsemou-avatar-choice img{width:44px;height:44px}}.workspace-avatar img,.case-header-participant-avatar img,.workspace-match-avatar img,.need-help-person__avatar img{object-fit:contain!important;object-position:center!important}


/* 5.71.1719 — COMMENT AUTHOR NICKNAME SPACING R38
 * Keep the locked 30x30 avatar geometry; move only top-level author identity 5px right. */
.story-workspace-discussion .workspace-post-author > .workspace-author-identity,
.workspace-feed-card .workspace-post-author > .workspace-author-identity,
.case-workspace .case-discussion-panel .workspace-post-author > .workspace-author-identity,
.generic-entity-discussion-surface .workspace-post-author > .workspace-author-identity{
  margin-left:5px !important;
}


/* 5.71.1721 — STORY COMMENT NICKNAME DIRECT OFFSET R40
 * Root cause: the Story avatar is position:absolute, so parent flex gap does not create
 * avatar-to-name spacing. Move the real author text wrapper only. */
.story-workspace-discussion .workspace-post-author > div:first-of-type{
  margin-left:8px !important;
}


/* 5.71.1722 — STORY COMMENT AUTHOR SIBLING PADDING R41
 * The Story avatar is absolutely positioned. Apply real internal horizontal space to
 * the actual direct text wrapper immediately following the locked 30x30 post avatar. */
.story-workspace-discussion .workspace-post-author > .workspace-avatar.workspace-avatar--post + div{
  margin-left:0 !important;
  padding-left:8px !important;
  box-sizing:border-box !important;
}

/* 5.71.1723 — STORY COMMENT AUTHOR RESERVED AVATAR LANE R42
 * Forensic root cause: Story Discussion reuses .case-workspace + .case-discussion-panel.
 * The later Case rule forces .workspace-feed-card padding to 10px 11px !important,
 * while the Story post avatar remains position:absolute at left:9px and 30px wide.
 * Therefore flex gap / 5–8px wrapper nudges start inside the avatar's occupied lane.
 * Reserve the avatar lane on the real author text wrapper only: 9 + 30 + 8 desired
 * edge position minus the Case card's 11px content inset = 36px. Body/replies/avatar stay untouched. */
.case-workspace.story-workspace .story-workspace-discussion .workspace-post-author > .workspace-avatar.workspace-avatar--post + div{
  margin-left:36px !important;
  padding-left:0 !important;
  box-sizing:border-box !important;
}

/* 5.71.1724 — Avatar Identity: preset / custom upload / crop editor, same canonical renderer. */
.tsemou-avatar-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.tsemou-avatar-mode-tabs label{cursor:pointer}.tsemou-avatar-mode-tabs label input{position:absolute;opacity:0}.tsemou-avatar-mode-tabs label span,.tsemou-avatar-crop-toggle,.tsemou-avatar-file-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid #cbd3dc;border-radius:999px;background:#fff;color:#26323c;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;box-sizing:border-box}.tsemou-avatar-mode-tabs label:has(input:checked) span{border-color:#18222b;background:#18222b;color:#fff}.tsemou-avatar-crop-toggle{appearance:none}.tsemou-avatar-upload-panel{display:grid;gap:10px;padding:14px;border:1px solid #e1e6eb;border-radius:14px;background:#f8f9fa}.tsemou-avatar-upload-panel[hidden],.tsemou-avatar-preset-panel[hidden]{display:none!important}.tsemou-avatar-file-button{justify-self:start;position:relative;overflow:hidden}.tsemou-avatar-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.tsemou-avatar-upload-panel>small,.tsemou-avatar-crop-editor small{color:#68737d;font-size:.72rem}.tsemou-avatar-crop-editor{display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px 16px;align-items:center;margin-top:4px}.tsemou-avatar-crop-editor[hidden]{display:none!important}.tsemou-avatar-crop-editor canvas{grid-row:1/span 4;width:160px;height:160px;border-radius:50%;background:#eef1f4;box-shadow:inset 0 0 0 1px #d8dee5}.tsemou-avatar-crop-editor label{display:grid;gap:4px;font-size:.74rem;font-weight:750}.tsemou-avatar-crop-editor input[type=range]{width:100%}.tsemou-avatar-identity-error{color:#b42318!important;font-weight:800!important}@media(max-width:640px){.tsemou-avatar-crop-editor{grid-template-columns:1fr}.tsemou-avatar-crop-editor canvas{grid-row:auto;width:144px;height:144px;justify-self:center}}


/* 5.71.1731 — AVATAR PERSONALIZATION PRESENTATION R50
 * Presentation-only layer. Canonical avatar geometry and resolver stay authoritative. */
.workspace-avatar.tsemou-avatar-personalized{
  --tsemou-avatar-accent:transparent;
  --tsemou-avatar-ring:0px;
  border:var(--tsemou-avatar-ring) solid var(--tsemou-avatar-accent)!important;
  box-sizing:border-box!important;
  border-radius:50%!important;
}
.workspace-avatar.tsemou-avatar-accent-green{--tsemou-avatar-accent:#2f9e62;--tsemou-avatar-ring:2px}
.workspace-avatar.tsemou-avatar-accent-orange{--tsemou-avatar-accent:#f28c28;--tsemou-avatar-ring:2px}
.workspace-avatar.tsemou-avatar-accent-blue{--tsemou-avatar-accent:#3f7fc4;--tsemou-avatar-ring:2px}
.workspace-avatar.tsemou-avatar-accent-rose{--tsemou-avatar-accent:#d94b4b;--tsemou-avatar-ring:2px}
.workspace-avatar.tsemou-avatar-accent-violet{--tsemou-avatar-accent:#7656b8;--tsemou-avatar-ring:2px}
.workspace-avatar.tsemou-avatar-personalized>img{box-sizing:border-box!important}


/* 5.71.1735 — NEED DISCUSSION NATURAL PAGE SCROLL R54
 * Forensic scope: Need Workspace only. Reply/composer expansion must contribute to
 * the document height instead of being clipped by any inherited workspace/feed
 * max-height or overflow contract. Home, Story and Case scroll geometry is untouched. */
body.entity-workspace-lock:has(.need-workspace),
body.entity-workspace-lock:has(.need-workspace) .tsemou-homepage-beta,
body.entity-workspace-lock:has(.need-workspace) .tsemou-homepage-beta > main,
body.entity-workspace-lock:has(.need-workspace) .homepage-grid,
body.entity-workspace-lock:has(.need-workspace) .center-column,
body.entity-workspace-lock:has(.need-workspace) #storyFeed,
body.entity-workspace-lock:has(.need-workspace) .need-workspace {
  height: auto !important;
  max-height: none !important;
  overflow-y: visible !important;
}
body.entity-workspace-lock:has(.need-workspace) .center-column,
body.entity-workspace-lock:has(.need-workspace) #storyFeed,
body.entity-workspace-lock:has(.need-workspace) .need-workspace,
body.entity-workspace-lock:has(.need-workspace) .need-workspace-discussion,
body.entity-workspace-lock:has(.need-workspace) .need-workspace-discussion__timeline {
  min-height: 0 !important;
  overflow-x: visible !important;
}

/* 5.71.1736 — Need creator identity: preserve the canonical Need heading and add
   the creator's existing avatar/name without introducing a second renderer. */
.need-simple-connection.need-simple-creator{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px}
.need-simple-creator__avatar{width:28px;height:28px;flex:0 0 28px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:#eef3f1;color:#163d39;font-size:11px;font-weight:800}
.need-simple-creator__avatar img{width:100%;height:100%;display:block;object-fit:cover}
.need-simple-creator>strong{min-width:0}


/* 5.71.1737 — Need trust: merge glance + explanation into one compact card. */
.need-trust-unified{margin:0 0 10px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;overflow:hidden}
.need-trust-unified--verified{border-color:#bbf7d0;background:#f0fdf4}
.need-trust-unified--partial{border-color:#fde68a;background:#fffbeb}
.need-trust-unified .need-trust-glance{margin:0;padding:9px 11px 8px;border:0;border-radius:0;background:transparent}
.need-trust-unified .need-trust-explainer{margin:0;border:0;border-top:1px solid #edf2f7;border-radius:0;background:transparent;overflow:hidden}
.need-trust-unified .need-trust-explainer>summary{padding:8px 11px}
.need-trust-unified .need-trust-explainer__body{padding:0 11px 10px}
@media(max-width:700px){.need-trust-unified .need-trust-glance{padding:9px 10px 8px}.need-trust-unified .need-trust-explainer>summary{padding:8px 10px}.need-trust-unified .need-trust-explainer__body{padding:0 10px 10px}}

/* 5.71.1738 — Need creator + trust disclosure: one compact identity row. */
.need-simple-creator{min-height:46px;padding:7px 10px!important;flex-wrap:nowrap!important}
.need-simple-creator>strong{flex:0 1 auto;white-space:nowrap}
.need-creator-trust{margin-left:auto;position:relative;min-width:0}
.need-creator-trust>summary{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;cursor:pointer;list-style:none;color:#475569;font-size:10.5px;font-weight:800;white-space:nowrap}
.need-creator-trust>summary::-webkit-details-marker{display:none}
.need-creator-trust__why{color:#163d39}
.need-creator-trust[open]>summary{border-color:#cbd5e1;background:#f8fafc}
.need-creator-trust__body{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:min(430px,calc(100vw - 40px));padding:12px;border:1px solid #dbe3ea;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.12);display:grid;gap:8px}
.need-creator-trust__body ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.need-creator-trust__body li{font-size:11px;line-height:1.35;color:#64748b}
.need-creator-trust__body li.is-positive{color:#166534}
.need-creator-trust__body p{margin:0;padding-top:8px;border-top:1px solid #f1f5f9;color:#64748b;font-size:10.5px;line-height:1.4}
.need-creator-trust__body .need-trust-explainer__status{margin:0;justify-self:start}
@media(max-width:700px){.need-simple-creator{flex-wrap:wrap!important}.need-creator-trust{margin-left:0;width:100%}.need-creator-trust>summary{width:fit-content}.need-creator-trust__body{position:relative;top:auto;right:auto;width:100%;margin-top:7px;box-shadow:none}}


/* 5.71.1739 — Need help action joins creator/trust row; Exit removed from surface. */
.need-simple-connections:has(.need-simple-creator:only-child){grid-template-columns:1fr}
.need-simple-creator{width:fit-content;max-width:100%;flex-direction:row!important;align-items:center;justify-content:flex-start;gap:8px}
.need-simple-creator .need-creator-trust{margin-left:6px}
.need-simple-help--inline{flex:0 0 auto;min-height:30px!important;padding:5px 10px!important;border-radius:999px!important;font-size:10.5px!important;line-height:1.1!important;white-space:nowrap}
@media(max-width:700px){.need-simple-creator{width:100%;gap:6px}.need-simple-creator .need-creator-trust{margin-left:0;width:auto}.need-simple-help--inline{min-height:30px!important;padding:5px 9px!important}}

/* 5.71.1740 — Need share belongs to the compact universal action row. */
.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row{margin:0;display:inline-block;position:relative;align-self:center}
.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row>summary{display:inline-flex;align-items:center;min-height:30px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#536274;font-size:10.5px;font-weight:700;white-space:nowrap;list-style:none}
.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row>summary::-webkit-details-marker{display:none}
.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row>div{position:absolute;z-index:32;left:0;top:calc(100% + 7px);width:min(360px,calc(100vw - 40px));box-sizing:border-box;padding:10px;border:1px solid #dbe3ea;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(15,23,42,.12)}
.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row>.need-simple-share-actions{display:flex}
@media(max-width:700px){.need-workspace--simple .tsemou-universal-action-row .need-simple-share--action-row>div{left:auto;right:0;width:min(330px,calc(100vw - 28px))}}


/* 5.71.1742 — Need offer count/empty state joins creator + trust row. */
.need-inline-offers{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:10.5px;line-height:1.15;white-space:nowrap}
.need-inline-offers>strong{color:#334155;font-size:11px}
.need-inline-offers>span{font-weight:600}
@media(max-width:700px){.need-inline-offers{white-space:normal;flex:0 1 auto}}

/* 5.71.1746 — NEED HELP CHIP COMPACT LIGHT ORANGE R65
 * Visual-only refinement of the existing canonical Need help action.
 * No wiring, markup, or Give workflow changes. */
.need-workspace--simple .need-simple-help--inline{
  min-height:26px!important;
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  background:#fff1df!important;
  border-color:#efb36b!important;
  color:#914d00!important;
  box-shadow:none!important;
}
.need-workspace--simple .need-simple-help--inline:hover,
.need-workspace--simple .need-simple-help--inline:focus-visible{
  background:#ffe8cc!important;
  border-color:#e8a24e!important;
  color:#7d4100!important;
}
@media(max-width:700px){
  .need-workspace--simple .need-simple-help--inline{
    min-height:26px!important;
    padding:4px 7px!important;
    font-size:9.5px!important;
  }
}


/* 5.71.1749 — NINT/Community founder cover: Reddit-like header spanning center + right rail. */
body.entity-workspace-lock .community-workspace .community-nint-banner{
  width:calc(100% + 16px + 320px); height:128px; margin:0 0 16px; border-radius:14px;
  background:#eef1f4 center/cover no-repeat; position:relative; overflow:hidden;
}
body.entity-workspace-lock .community-workspace .community-nint-banner.has-image{background-color:#dfe5ea;}
body.entity-workspace-lock:has(.community-workspace) .right-column.tsemou-right-rail{padding-top:144px;}
.community-nint-banner-edit{position:absolute;right:12px;bottom:10px;display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(15,23,42,.18);border-radius:999px;background:rgba(255,255,255,.92);font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.community-nint-banner-edit input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.community-nint-banner-status{position:absolute;left:12px;bottom:10px;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.9);font-size:.68rem}
@media (min-width:1121px){
  body.entity-workspace-lock .community-workspace .community-nint-banner{width:calc(100% + 16px + min(300px, 24vw));}
}
@media (max-width:1120px){
  body.entity-workspace-lock .community-workspace .community-nint-banner{width:100%;height:112px;border-radius:12px;}
  body.entity-workspace-lock:has(.community-workspace) .right-column.tsemou-right-rail{padding-top:0;}
}

/* 5.71.1750 — NEED OWNER ACTION NO LETTER-WRAP R69
 * Keep the existing New Need owner action intact; prevent flex compression from
 * collapsing its label one character per line beside the other action-row controls.
 */
.need-workspace--simple .tsemou-universal-action-row .need-simple-my-needs{
  flex:0 0 auto;
  white-space:nowrap;
  word-break:normal;
  overflow-wrap:normal;
}


/* 5.71.1751 — COMMUNITY COVER TRUE TOP SPAN R70
 * Keep the existing founder-owned upload workflow. The cover is now the first
 * Community workspace surface, above the primary card, so it behaves like a
 * Reddit-style page header instead of a card buried inside the center content. */
body.entity-workspace-lock .community-workspace > .community-nint-banner{
  display:block;
  margin-top:0!important;
  margin-bottom:14px!important;
  position:relative;
  z-index:3;
}
body.entity-workspace-lock .community-workspace > .case-workspace-primary-surface{
  margin-top:0!important;
}


/* 5.71.1753 — COMMUNITY COVER ADJUSTMENT R72
 * Same zoom/X/Y crop geometry contract already used by Avatar Identity, adapted
 * to the existing founder-owned Community cover. No second media ownership path. */
.community-nint-banner{isolation:isolate}
.community-nint-banner-image{position:absolute;display:block;max-width:none!important;max-height:none!important;left:50%;top:50%;pointer-events:none;z-index:0}
.community-nint-banner-owner-tools{position:absolute;right:12px;bottom:10px;z-index:4;display:flex;align-items:center;gap:7px}
.community-nint-banner-owner-tools .community-nint-banner-edit{position:relative;right:auto;bottom:auto}
.community-nint-banner-adjust{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border:1px solid rgba(15,23,42,.18);border-radius:999px;background:rgba(255,255,255,.92);font:inherit;font-size:.72rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.08)}
.community-nint-banner-adjust[hidden]{display:none!important}
.community-nint-banner-status{z-index:4}
.community-banner-editor[hidden]{display:none!important}
.community-banner-editor{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.54)}
.community-banner-editor-dialog{width:min(760px,calc(100vw - 32px));padding:16px;border-radius:16px;background:#fff;box-shadow:0 22px 70px rgba(15,23,42,.28)}
.community-banner-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.community-banner-editor-head strong{font-size:1rem}
.community-banner-editor-head button{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;padding:2px 5px}
.community-banner-editor-dialog>p{margin:0 0 12px;color:#64748b;font-size:.84rem}
.community-banner-editor-preview{position:relative;width:100%;height:190px;overflow:hidden;border-radius:12px;background:#eef1f4;border:1px solid #dbe2e8;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.community-banner-editor-preview.is-dragging{cursor:grabbing}
.community-banner-editor-preview img{position:absolute;display:block;max-width:none!important;max-height:none!important;left:50%;top:50%;pointer-events:none}
.community-banner-editor-zoom{display:block;margin-top:14px;font-size:.82rem;font-weight:700}
.community-banner-editor-zoom output{float:right;font-weight:500;color:#64748b}
.community-banner-editor-zoom input[type=range]{display:block;width:100%;margin-top:7px}
.community-banner-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.community-banner-editor-actions button{min-height:34px;padding:0 14px;border:1px solid #0f766e;border-radius:999px;background:#0f766e;color:#fff;font-weight:800;cursor:pointer}
.community-banner-editor-actions button.is-secondary{background:#fff;color:#334155;border-color:#cbd5e1}
.community-banner-editor-status{display:block;min-height:18px;margin-top:7px;text-align:right;font-size:.75rem;color:#64748b}
@media(max-width:700px){.community-banner-editor{padding:10px}.community-banner-editor-dialog{padding:12px}.community-banner-editor-preview{height:150px}.community-nint-banner-owner-tools{right:8px;bottom:8px;gap:5px}.community-nint-banner-adjust,.community-nint-banner-edit{min-height:28px;padding:0 9px;font-size:.67rem}}

/* 5.71.1754 — COMMUNITY OWNER TOOLS COLLAPSE R73
 * Keep owner administration closed by default so Discussion stays near the top.
 * Existing Needs policy/member/banner contracts remain unchanged. */
.community-owner-tools{display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;margin:10px 0 6px;position:relative;z-index:3}
.community-owner-tool{margin:0;position:relative}
.community-owner-tool>summary{list-style:none;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 10px;border:1px solid #d9e2e8;border-radius:999px;background:#fff;color:#334155;font-size:.76rem;font-weight:800;cursor:pointer;user-select:none;white-space:nowrap}
.community-owner-tool>summary::-webkit-details-marker{display:none}
.community-owner-tool[open]>summary{border-color:#9fc8bc;background:#f2faf7;color:#0f6f5f}
.community-owner-tool>summary span{font-size:.68rem;transition:transform .16s ease}
.community-owner-tool[open]>summary span{transform:rotate(180deg)}
.community-owner-tool>.community-need-settings,.community-owner-tool>.community-owner-tool-body{position:absolute;top:38px;left:0;width:min(660px,calc(100vw - 48px));max-height:min(68vh,620px);overflow:auto;margin:0;padding:14px;border:1px solid #d9e5df;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.14);z-index:80}
.community-owner-tool-members>.community-owner-tool-body{width:min(360px,calc(100vw - 48px))}
.community-owner-tool-settings>.community-owner-tool-body{width:min(420px,calc(100vw - 48px))}
.community-owner-tool .community-need-settings{border:1px solid #d9e5df}
.community-owner-settings-body>strong{display:block;font-size:.9rem;margin-bottom:4px}
.community-owner-settings-body>p{margin:0 0 12px;color:#64748b;font-size:.8rem;line-height:1.4}
.community-owner-settings-actions{display:flex;gap:8px;flex-wrap:wrap}
.community-owner-settings-actions button{border:0;border-radius:9px;background:#0f8b73;color:#fff;padding:8px 11px;font-weight:750;cursor:pointer}
.community-owner-settings-actions button.is-secondary{background:#fff;color:#334155;border:1px solid #cbd5e1}
@media(max-width:720px){.community-owner-tools{gap:6px}.community-owner-tool>.community-need-settings,.community-owner-tool>.community-owner-tool-body{position:fixed;left:12px;right:12px;top:96px;width:auto;max-height:70vh}.community-owner-tool>summary{min-height:30px;padding:4px 9px;font-size:.72rem}}


/* 5.71.1755 — COMMUNITY REDUNDANT ENTITY IMAGE PROPOSAL REMOVAL R74
 * Community owners now have the canonical founder cover upload/adjustment path.
 * Keep the generic Entity image-proposal system intact elsewhere, but remove its
 * duplicate public surface from Community workspaces only. */
body.entity-workspace-lock:has(.community-workspace) .story-image-proposal,
body.entity-workspace-lock:has(.community-workspace) .tsemou-right-rail .story-image-proposal {
  display:none!important;
}


/* 5.71.1757 — COMMUNITY RELATED DISCLOSURES R76
 * Keep relation data/backend unchanged; only collapse the two public relation
 * sections by default so Discussion remains the primary reading path. */
.community-related-disclosure{padding:0!important;overflow:visible}
.community-related-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 14px;cursor:pointer;font-size:.92rem;font-weight:800;color:#1f2937;user-select:none}
.community-related-disclosure>summary::-webkit-details-marker{display:none}
.community-related-disclosure>summary:hover{background:#f8fafc}
.community-related-disclosure-chevron{font-size:.8rem;color:#64748b;transition:transform .16s ease}
.community-related-disclosure[open] .community-related-disclosure-chevron{transform:rotate(180deg)}
.community-related-disclosure-body{padding:0 14px 14px}
.community-related-disclosure:not([open]) .community-related-disclosure-body{display:none}


/* 5.71.1761 — Community navigation/search compact toolbar */
.community-workspace-toolbar { position:relative; margin:0 0 8px; }
.community-workspace-toolbar .community-workspace-tabs { margin:0; padding:7px 0; align-items:center; flex-wrap:nowrap; }
.community-search-toggle { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid rgba(24,95,89,.22); border-radius:999px; background:#fff; color:#185f59; font-size:1rem; font-weight:700; cursor:pointer; }
.community-search-toggle[aria-expanded="true"] { background:#eef8f6; border-color:rgba(24,95,89,.38); }
.community-workspace-toolbar .community-unified-search { margin:4px 0 8px; padding:8px; border-radius:11px; }
.community-workspace-toolbar .community-unified-search[hidden] { display:none!important; }
.community-workspace-toolbar .community-unified-search-control { padding:4px 5px 4px 9px; }
.community-workspace-toolbar .community-unified-search-control input { padding:5px 0; font-size:.82rem; }
.community-workspace-toolbar .community-unified-search-control button { padding:6px 10px; font-size:.76rem; }
.community-workspace-toolbar .community-unified-search-status:empty { display:none; }
@media (max-width:640px) {
  .community-workspace-toolbar .community-workspace-tabs { gap:12px; padding:6px 2px; }
  .community-workspace-toolbar .community-unified-search { padding:7px; }
  .community-workspace-toolbar .community-unified-search-control { grid-template-columns:18px minmax(0,1fr) auto; }
  .community-workspace-toolbar .community-unified-search-control button { grid-column:auto; width:auto; }
}

/* 5.71.1763 — TSEMunities directory real search + single-pill input geometry. */
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>.tsemou-purpose-category-search{
  border-radius:999px!important;
  overflow:hidden!important;
  background:#fff!important;
}
.tsemou-homepage-beta--categories .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>.tsemou-purpose-category-search input[type="search"]{
  display:block!important;
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-results{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:14px 0 18px;
}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-results[hidden]{display:none!important}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-result{
  display:flex;
  min-width:0;
  min-height:92px;
  padding:14px 16px;
  border:1px solid #dde6e1;
  border-radius:16px;
  background:#fff;
  color:#24372f;
  text-decoration:none;
  flex-direction:column;
  gap:5px;
  box-sizing:border-box;
}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-result[hidden]{display:none!important}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-result strong{font-size:15px;line-height:1.25}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-result span{font-size:12px;line-height:1.35;color:#5e6d66}
.tsemou-homepage-beta--categories .tsemou-community-directory-search-result small{margin-top:auto;font-size:11px;color:#0a8f6a}
@media(max-width:900px){
  .tsemou-homepage-beta--categories .tsemou-community-directory-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .tsemou-homepage-beta--categories .tsemou-community-directory-search-results{grid-template-columns:1fr}
}


/* 5.71.1765 — Τσεμούνιτι discussion action row: vote, reply, share, crosspost. */
.community-discussion-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.community-discussion-actions>button,.community-interaction-vote button{border:0;background:transparent;padding:4px 6px;font-size:12px;line-height:1.2;cursor:pointer;color:inherit}
.community-interaction-vote{display:inline-flex;align-items:center;gap:3px;border:1px solid rgba(15,118,110,.18);border-radius:999px;padding:1px 3px;background:#fff}
.community-interaction-vote>span{min-width:18px;text-align:center;font-size:12px;font-weight:700}
.community-interaction-vote button.is-active{font-weight:800;background:rgba(15,118,110,.10);border-radius:999px}
.community-crosspost-panel{margin:6px 0 4px;padding:8px;border:1px solid rgba(15,118,110,.16);border-radius:12px;background:#fff;max-width:420px}
.community-crosspost-panel[hidden]{display:none!important}
.community-crosspost-panel input{width:100%;box-sizing:border-box;border:1px solid rgba(15,23,42,.18);border-radius:999px;padding:8px 11px;background:#fff}
.community-crosspost-results{display:grid;gap:4px;margin-top:6px}
.community-crosspost-results button{border:0;border-radius:9px;padding:8px 10px;text-align:left;background:rgba(15,118,110,.07);cursor:pointer}
.community-crosspost-results p{margin:4px 2px;font-size:12px;color:#64748b}
.community-crosspost-status{display:block;margin-top:5px;font-size:12px;color:#475569}
.community-discussion-item--reply .community-discussion-actions{gap:5px}
.community-discussion-item--reply .community-discussion-actions>button,.community-discussion-item--reply .community-interaction-vote button{font-size:11px}


/* 5.71.1767 — Τσεμούνιτι conversation-thread density: continuous thread, not nested cards. */
.community-discussion-list{display:block!important}
.community-discussion-list>article.community-discussion-item{padding:10px 0 12px!important;border:0!important;border-bottom:1px solid rgba(15,23,42,.10)!important;border-radius:0!important;background:transparent!important}
.community-discussion-list>article.community-discussion-item:last-child{border-bottom:0!important}
.community-discussion-meta{justify-content:flex-start!important;align-items:center!important;gap:7px!important}
.community-discussion-meta>span{gap:5px!important}
.community-discussion-list p{margin:4px 0 0!important;line-height:1.42!important}
.community-discussion-actions{justify-content:flex-start!important;gap:3px!important;margin-top:5px!important;flex-wrap:nowrap!important}
.community-discussion-actions>button,.community-interaction-vote button{padding:4px 5px!important;font-size:11px!important}
.community-reply-trigger{margin-top:0!important;color:#334155!important;font-weight:600!important}
.community-reply-trigger::before{content:"💬 ";font-size:10px}
.community-interaction-vote{flex:0 0 auto}
.community-replies{display:block!important;margin:6px 0 0 16px!important;padding-left:10px!important;border-left:2px solid rgba(101,69,232,.18)!important}
.community-replies .community-discussion-item--reply{padding:8px 0 8px 10px!important;border:0!important;border-radius:0!important;background:transparent!important}
.community-replies .community-replies{margin-left:8px!important;padding-left:8px!important}
.community-post-media--video{display:block;width:fit-content;max-width:74%;background:transparent}
.community-post-media--video video{display:block!important;width:auto!important;max-width:100%!important;max-height:420px!important;border-radius:12px!important;object-fit:contain!important}
.community-discussion-more{position:relative;flex:0 0 auto}
.community-discussion-more>summary{list-style:none;cursor:pointer;padding:2px 6px;font-weight:800;letter-spacing:.08em;color:#475569}
.community-discussion-more>summary::-webkit-details-marker{display:none}
.community-discussion-more-menu{position:absolute;z-index:30;top:calc(100% + 4px);right:0;display:grid;min-width:175px;padding:5px;border:1px solid rgba(15,23,42,.12);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.14)}
.community-discussion-more-menu button{border:0!important;background:transparent!important;padding:8px 9px!important;text-align:left!important;font:inherit!important;font-size:12px!important;color:#334155!important;cursor:pointer!important;border-radius:7px!important;white-space:nowrap}
.community-discussion-more-menu button:hover{background:#f5f7f8!important}
.community-discussion-more-menu [data-community-delete]{color:#9f2f3a!important}
@media(max-width:640px){.community-replies{margin-left:8px!important;padding-left:7px!important}.community-post-media--video{max-width:100%}.community-post-media--video video{max-height:360px!important}.community-discussion-actions{overflow:visible!important}}

/* 5.71.1768 — TSEMunity workspace: preserve right-rail geometry, suppress empty global rail chrome. */
body.entity-workspace-lock:has(.community-workspace) .right-column.tsemou-right-rail .tsemou-live-stream-head {
  display: none !important;
}


/* 5.71.1769 — TSEMunity discussion action density polish.
 * Presentation only: reduce secondary action weight without touching discussion data/contracts. */
.community-discussion-actions{gap:2px!important;margin-top:4px!important}
.community-discussion-actions>button,.community-interaction-vote button{padding:3px 4px!important;font-size:9.5px!important;line-height:1.15!important}
.community-interaction-vote{gap:1px!important;padding:0 2px!important}
.community-interaction-vote>span{min-width:15px!important;font-size:10px!important}
.community-reply-trigger::before{font-size:8.5px!important}
.community-discussion-more>summary{padding:1px 4px!important;font-size:10px!important}
.community-discussion-item--reply .community-discussion-actions{gap:1px!important}
@media(max-width:640px){.community-discussion-actions>button,.community-interaction-vote button{font-size:10px!important;padding:3px 4px!important}}

/* 5.71.1770 — TSEMunity discussion author-name density polish.
 * Presentation only: keep comment body hierarchy intact while reducing username weight. */
.community-discussion-meta > strong{
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.community-discussion-item--reply .community-discussion-meta > strong{
  font-size:12.5px!important;
}
@media(max-width:640px){
  .community-discussion-meta > strong{font-size:12.5px!important}
  .community-discussion-item--reply .community-discussion-meta > strong{font-size:12px!important}
}

/* 5.71.1771 — TSEMunity discussion content/media breathing room.
 * Presentation only: keep a clear gap between comment text and attached image/video. */
.community-discussion-item > .community-post-media,
.community-discussion-item .community-post-media {
  margin-top:14px!important;
}


/* 5.71.1772 — TSEMunity contextual right rail: Canonical Entities / Cases / related TSEMunities. */
body.entity-workspace-lock:has(.community-workspace) .right-column.tsemou-right-rail{display:block!important}
.tsemou-community-context-rail{position:sticky;top:86px;display:grid;gap:12px;width:100%;padding:0 2px}
.tsemou-community-rail-section{border:1px solid rgba(15,23,42,.10);border-radius:13px;background:#fff;padding:11px 10px}
.tsemou-community-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.tsemou-community-rail-heading h3{margin:0;font-size:12px;line-height:1.2;font-weight:800;color:#1f2937}
.tsemou-community-rail-heading button{border:0;background:transparent;padding:2px 0;font-size:11px;font-weight:800;color:#397547;cursor:pointer}
.tsemou-community-rail-list{display:grid;gap:2px}
.tsemou-community-rail-row{display:grid;gap:1px;padding:7px 6px;border-radius:8px;text-decoration:none!important;color:#111827!important}
.tsemou-community-rail-row:hover{background:#f6f8f6}
.tsemou-community-rail-row strong{font-size:12px;line-height:1.3;font-weight:700}
.tsemou-community-rail-type{font-size:9px;line-height:1.1;text-transform:uppercase;letter-spacing:.05em;color:#7a838d}
.tsemou-community-rail-empty{margin:0;padding:5px 4px;font-size:11px;line-height:1.35;color:#7a838d}
.tsemou-community-entity-proposal{position:absolute;z-index:60;top:0;right:0;width:min(310px,calc(100vw - 24px));padding:11px;border:1px solid rgba(15,23,42,.14);border-radius:13px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.18)}
.tsemou-community-entity-proposal-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tsemou-community-entity-proposal-head strong{font-size:13px}
.tsemou-community-entity-proposal-head button{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer}
.tsemou-community-entity-proposal p{margin:5px 0 8px;font-size:10.5px;color:#667085}
.tsemou-community-entity-proposal input{box-sizing:border-box;width:100%;height:34px;border:1px solid #d7dde2;border-radius:999px;padding:0 11px;font-size:12px;outline:none}
.tsemou-community-entity-proposal-results{display:grid;gap:3px;max-height:250px;overflow:auto;margin-top:7px}
.tsemou-community-entity-proposal-result{display:grid;gap:1px;width:100%;border:0;background:#f7f8f8;border-radius:8px;padding:7px 8px;text-align:left;cursor:pointer}
.tsemou-community-entity-proposal-result:hover{background:#eef4ef}
.tsemou-community-entity-proposal-result span{font-size:9px;text-transform:uppercase;color:#7a838d}
.tsemou-community-entity-proposal-result strong{font-size:11.5px;color:#1f2937}
.tsemou-community-entity-proposal-status{display:block;min-height:15px;margin-top:6px;font-size:10.5px;color:#667085}
@media(max-width:1100px){.tsemou-community-context-rail{position:static}.tsemou-community-entity-proposal{position:fixed;top:80px;right:12px}}


/* 5.71.1773 — TSEMunity right-rail geometry + compact proposal correction.
 * Desktop grid currently gives the right rail max 300px. Keep every context
 * surface inside that real width and open the proposal inline, never beyond it. */
body.entity-workspace-lock:has(.community-workspace) .right-column.tsemou-right-rail{
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.tsemou-community-context-rail{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.tsemou-community-rail-section,
.tsemou-community-entity-proposal{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.tsemou-community-rail-row,
.tsemou-community-rail-row strong{
  min-width:0!important;
  overflow-wrap:anywhere;
}
.tsemou-community-entity-proposal{
  position:static!important;
  inset:auto!important;
  margin:-4px 0 0!important;
  padding:9px!important;
  border-radius:11px!important;
  box-shadow:0 10px 24px rgba(15,23,42,.12)!important;
}
.tsemou-community-entity-proposal p{margin:4px 0 7px!important}
.tsemou-community-entity-proposal input{height:32px!important}
.tsemou-community-entity-proposal-results{max-height:190px!important}
@media(max-width:1100px){
  .tsemou-community-entity-proposal{position:static!important;inset:auto!important}
}


/* 5.71.1775 — TSEMunity category directory: 20-category compact density.
 * Presentation only: keep every category legible while fitting many more in view. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{
  min-height:72px!important;
  padding:8px 10px!important;
  grid-template-columns:38px minmax(0,1fr) 13px!important;
  gap:8px!important;
  border-radius:12px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-icon{
  width:38px!important;height:38px!important;border-radius:10px!important;font-size:18px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{
  font-size:15px!important;line-height:1.18!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card:after{font-size:18px!important}
@media(max-width:1050px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-grid{grid-template-columns:1fr!important}
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card{min-height:64px!important}
}


/* 5.71.1776 — TSEMunity category cards: compact internal layout repair.
 * Keep 4-column density, but bind the real photo/content/CTA markup to the compact card. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  grid-template-rows:auto!important;
  min-height:92px!important;
  padding:8px!important;
  gap:8px!important;
  align-items:center!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  align-self:center!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  gap:4px!important;
  padding:0 0 25px!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.16!important;
  text-align:left!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0!important;
  color:#66736d!important;
  font-size:11px!important;
  line-height:1.25!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{
  position:absolute!important;
  right:9px!important;
  bottom:8px!important;
  display:inline-flex!important;
  min-height:22px!important;
  padding:3px 8px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card::after{display:none!important}
@media(max-width:1050px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card{min-height:94px!important}
}
@media(max-width:760px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:58px minmax(0,1fr)!important;min-height:86px!important}
  .tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:58px!important;height:58px!important;min-width:58px!important}
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{font-size:13.5px!important}
}
@media(max-width:480px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:56px minmax(0,1fr)!important;min-height:82px!important}
  .tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:56px!important;height:56px!important;min-width:56px!important}
}


/* 5.71.1777 — TSEMunity directory category tiles: category is navigation, not a join action. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:48px minmax(0,1fr)!important;min-height:68px!important;padding:8px 10px!important;gap:9px!important;align-items:center!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:48px!important;height:48px!important;min-width:48px!important;border-radius:50%!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{padding:0 0 18px!important;gap:0!important;justify-content:center!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{font-family:inherit!important;font-size:13.5px!important;line-height:1.18!important;font-weight:800!important;-webkit-line-clamp:2!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-description{display:none!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{right:10px!important;bottom:7px!important;min-height:0!important;padding:0!important;background:transparent!important;border-radius:0!important;color:#66736d!important;font-size:10px!important;font-weight:700!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card:hover .tsemou-purpose-category-cta{background:transparent!important;color:#087a58!important}
@media(max-width:760px){.tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:46px minmax(0,1fr)!important;min-height:66px!important}.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:46px!important;height:46px!important;min-width:46px!important}}
@media(max-width:480px){.tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:44px minmax(0,1fr)!important;min-height:64px!important}.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:44px!important;height:44px!important;min-width:44px!important}}


/* 5.71.1778 — TSEMunity category directory density polish after live validation.
 * Presentation only: preserve 4-column navigation architecture while reducing vertical chrome. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-grid{gap:8px 10px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:44px minmax(0,1fr)!important;min-height:58px!important;padding:6px 9px!important;gap:8px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:44px!important;height:44px!important;min-width:44px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{padding:0 0 14px!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card strong{font-size:13px!important;line-height:1.15!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{right:9px!important;bottom:5px!important;font-size:9.5px!important}
@media(max-width:760px){
 .tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:56px!important;padding:6px 8px!important}
 .tsemou-homepage-beta--categories .tsemou-purpose-category-photo{width:42px!important;height:42px!important;min-width:42px!important}
}
@media(max-width:480px){
 .tsemou-homepage-beta--categories .tsemou-purpose-category-card{grid-template-columns:42px minmax(0,1fr)!important;min-height:56px!important}
}


/* 5.71.1779 — TSEMunity category directory: whole tile is the navigation affordance.
 * Remove the repeated “Tσεμούνιτις →” micro-CTA after live validation; preserve routes and click behavior. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{display:none!important}
.tsemou-homepage-beta--categories .tsemou-purpose-category-content{padding-bottom:0!important}


/* 5.71.1782 — TSEMunity category directory CTA visibility.
 * Root cause: 1779 intentionally hid the category CTA in the ACTIVE styles.css,
 * while 1780/1781 only changed community-result renderers / a stale stylesheet path.
 * Keep the whole tile as the canonical link; expose a compact invitation cue inside it. */
.tsemou-homepage-beta--categories .tsemou-purpose-category-cta{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  right:10px!important;
  bottom:7px!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#edf6f1!important;
  color:#087a58!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.tsemou-homepage-beta--categories .tsemou-purpose-category-card:hover .tsemou-purpose-category-cta,
.tsemou-homepage-beta--categories .tsemou-purpose-category-card:focus-visible .tsemou-purpose-category-cta{
  background:#dff0e7!important;
  color:#06684c!important;
}
@media(max-width:480px){
  .tsemou-homepage-beta--categories .tsemou-purpose-category-cta{font-size:9.5px!important;padding:4px 7px!important;right:8px!important;bottom:6px!important}
}

/* 5.71.1783 — Case directory: compact issue-style rows; no fake CASE media. */
.tsemou-case-directory__grid{gap:0!important}
.tsemou-case-directory-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important;border:0!important;border-bottom:1px solid #e2e7e3!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.tsemou-case-directory-card:has(.tsemou-case-directory-card__media){grid-template-columns:88px minmax(0,1fr)!important}
.tsemou-case-directory-card__media{min-height:88px!important;margin:10px 0!important;border-radius:10px!important}
.tsemou-case-directory-card__body{padding:10px 4px 11px 14px!important;min-width:0!important}
.tsemou-case-directory-card__meta{justify-content:flex-start!important;gap:8px!important;font-size:11px!important}
.tsemou-case-directory-card h2{margin:5px 0 3px!important;font-size:17px!important;line-height:1.25!important}
.tsemou-case-directory-card p{margin:0 0 5px!important;font-size:12.5px!important;line-height:1.38!important;max-width:860px!important}
.tsemou-case-directory-card__footer{margin-top:2px!important;padding-top:3px!important;font-size:11.5px!important}
.tsemou-case-directory-card__footer a{font-size:11.5px!important;white-space:nowrap!important}
@media(max-width:760px){.tsemou-case-directory-card,.tsemou-case-directory-card:has(.tsemou-case-directory-card__media){grid-template-columns:minmax(0,1fr)!important}.tsemou-case-directory-card__media{display:none!important}.tsemou-case-directory-card__body{padding:10px 2px!important}}

/* 5.71.1784 — Case directory root-cause repair: compact rows must span the directory width.
 * 1783 compacted each card but left the legacy 2-column parent grid active,
 * producing the narrow text column / large blank right side seen at runtime. */
.tsemou-case-directory__grid{grid-template-columns:minmax(0,1fr)!important;width:100%!important}
.tsemou-case-directory-card{width:100%!important}
.tsemou-case-directory-card__body{width:auto!important;max-width:none!important}
.tsemou-case-directory-card__meta{flex-wrap:wrap!important}
@media(max-width:760px){.tsemou-case-directory__grid{grid-template-columns:minmax(0,1fr)!important}}


/* 5.71.1882 — GLOBAL HEADER DROPDOWN WORKSPACE CONVERGENCE R200
 * Forensic root cause: the real enqueued dropdown geometry from 1837 was scoped to
 * body:not(.entity-workspace-lock), while the same native details menus are rendered
 * on Story workspaces. Opening Explore there therefore exposed its menu in normal
 * header flex flow. Apply the same canonical floating-popover geometry sitewide.
 */
/* 5.71.1837 — HOME HEADER DROPDOWNS REAL ENQUEUED CSS R1
 * Root cause: 1835 styled legacy styles-5.71.426.css, while Home actually
 * enqueues assets/homepage-beta/styles.css. Keep both native details controls
 * in normal header flow only while closed; their menus float below the trigger.
 */
body .tsemou-homepage-beta > .site-header .header-nav{
  overflow:visible!important;
}
body .tsemou-homepage-beta > .site-header .header-nav > details.tsemou-header-explore,
body .tsemou-homepage-beta > .site-header .header-nav > details.tsemou-purpose-language-links{
  position:relative!important;
  display:inline-block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  width:auto!important;
  min-width:0!important;
  overflow:visible!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore > summary,
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links > summary{
  list-style:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding:.34rem .56rem!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#3d4650!important;
  font-size:.92rem!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  user-select:none!important;
}
body .tsemou-homepage-beta > .site-header details > summary::-webkit-details-marker{display:none!important}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore[open] > summary,
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links[open] > summary{
  background:#ecefe7!important;border-color:#dde2d8!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu,
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu{
  position:absolute!important;
  z-index:2147480!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  margin:0!important;
  background:#fff!important;
  border:1px solid #dde2d8!important;
  border-radius:14px!important;
  box-shadow:0 12px 32px rgba(32,40,35,.16)!important;
  box-sizing:border-box!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu{
  width:270px!important;padding:7px!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu a{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;
  width:100%!important;margin:0!important;padding:9px 10px!important;border:0!important;border-radius:9px!important;text-decoration:none!important;box-sizing:border-box!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu a:hover{background:#f3f5f1!important}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu strong{font-size:.88rem!important;color:#26312d!important}
body .tsemou-homepage-beta > .site-header .tsemou-header-explore__menu small{font-size:.72rem!important;line-height:1.25!important;color:#78817d!important;font-weight:400!important}
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu{
  width:max-content!important;min-width:170px!important;padding:7px!important;display:flex!important;gap:3px!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;padding:7px 8px!important;margin:0!important;border:0!important;border-radius:8px!important;text-decoration:none!important;
}
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu a:hover,
body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu a.is-current{background:#f3f5f1!important;color:#087f6b!important}
@media(max-width:760px){
 body .tsemou-homepage-beta > .site-header .header-nav > details.tsemou-header-explore{display:none!important}
}

/* 5.71.1841 — POST-backed language choices keep the existing menu geometry. */
.tsemou-purpose-language-form{margin:0;padding:0}.tsemou-purpose-language-form button.tsemou-purpose-language-link{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}


/* 5.71.1870 — STORY AUTHOR AVATAR BOUNDS R188.
 * Forensic root cause: the active runtime enqueues styles.css, while the only
 * .story-author-line display rule lived in legacy style.css (not enqueued).
 * A span.workspace-avatar therefore remained inline in the Story heading.
 * Width/height on an inline span do not establish the 30px avatar box, so the
 * creator mascot image could render at its intrinsic/heading image geometry.
 * Scope this fix to the User Story byline only; comment/reply/profile avatar
 * geometry and the canonical Avatar Identity resolver remain unchanged. */
.case-workspace.story-workspace .story-author-line{
  display:flex!important;align-items:center!important;gap:7px!important;
  margin:6px 0 2px!important;font-size:13px!important;line-height:1.2!important;color:#52606d!important;
}
.case-workspace.story-workspace .story-author-line>.workspace-avatar.workspace-avatar--post{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;
  min-height:30px!important;max-height:30px!important;flex:0 0 30px!important;
  overflow:hidden!important;border-radius:50%!important;padding:0!important;margin:0!important;
  background:transparent!important;box-shadow:none!important;vertical-align:middle!important;
}
.case-workspace.story-workspace .story-author-line>.workspace-avatar.workspace-avatar--post>img{
  display:block!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;
  min-height:30px!important;max-height:30px!important;object-fit:contain!important;object-position:center!important;
  border-radius:50%!important;margin:0!important;padding:0!important;transform:none!important;
}
.case-workspace.story-workspace .story-author-line>strong{color:#263238!important;font-weight:700!important;}

/* 5.71.1879 — Story Entity strip breathing room below the Story photo. */
body.entity-workspace-lock .story-workspace [data-story-primary-entities-runtime]{
  padding-top:8px;
}

/* 5.71.1884 — ENTITY WORKSPACE STICKY HEADER ADMIN-BAR OFFSET R1
 * Forensic root cause: the global .site-header is already sticky, but the
 * existing WordPress admin-bar offset rules explicitly excluded
 * body.entity-workspace-lock. On logged-in Entity/Story workspaces the sticky
 * header therefore stayed at top:0 and scrolled underneath the fixed WP admin
 * bar, making the TSEMOU logo/header appear to move/disappear.
 * Keep the existing sticky mechanism; only restore the missing workspace
 * admin-bar offset. Anonymous workspaces remain top:0.
 */
body.admin-bar.entity-workspace-lock .site-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
}
@media (max-width: 782px) {
  body.admin-bar.entity-workspace-lock .site-header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
  }
}

/* 5.71.1885 — ENTITY WORKSPACE HEADER VIEWPORT LOCK R203.
 * Forensic result after 1884: workspace header has no scroll-time JS mutation;
 * mobile Home auto-hide explicitly excludes entity-workspace-lock. The remaining
 * movement is native sticky positioning/compositing. The product contract here
 * is stronger than sticky: the TSEMOU chrome must not move at all while the
 * workspace document scrolls. Pin only Entity Workspaces to the viewport and
 * restore the exact 56px inner + 1px border normal-flow footprint below it.
 */
body.entity-workspace-lock {
  --tsemou-workspace-header-height: 57px;
}
body.entity-workspace-lock .tsemou-homepage-beta > .site-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  z-index: 10000 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}
body.entity-workspace-lock .tsemou-homepage-beta > main {
  margin-top: var(--tsemou-workspace-header-height) !important;
}
body.admin-bar.entity-workspace-lock .tsemou-homepage-beta > .site-header {
  top: var(--wp-admin--admin-bar--height, 32px) !important;
}
@media (max-width: 782px) {
  body.admin-bar.entity-workspace-lock .tsemou-homepage-beta > .site-header {
    top: var(--wp-admin--admin-bar--height, 46px) !important;
  }
}

/* 5.71.1886 — ENTITY WORKSPACE SIDE-RAIL STICKY ORIGIN LOCK R204.
 * Runtime forensic after the 1885 fixed-header correction: both desktop rails
 * still inherited the old generic sticky top:90px. Their natural workspace
 * origin is fixed-header footprint (57px) + homepage-grid margin-top (8px) =
 * 65px (97px with the 32px WP admin bar). Because 90px/122px was 25px below
 * that origin, the rails entered sticky state only after document scroll and
 * visibly shifted before settling. Bind the workspace rails to their actual
 * natural origin; keep sticky (not fixed), preserve grid width/content and
 * leave Home/mobile untouched. */
@media (min-width: 1201px) {
  body.entity-workspace-lock .homepage-grid > .left-column,
  body.entity-workspace-lock .homepage-grid > .right-column {
    top: calc(var(--tsemou-workspace-header-height, 57px) + 8px) !important;
    max-height: calc(100vh - var(--tsemou-workspace-header-height, 57px) - 8px) !important;
  }
  body.admin-bar.entity-workspace-lock .homepage-grid > .left-column,
  body.admin-bar.entity-workspace-lock .homepage-grid > .right-column {
    top: calc(var(--wp-admin--admin-bar--height, 32px) + var(--tsemou-workspace-header-height, 57px) + 8px) !important;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px) - var(--tsemou-workspace-header-height, 57px) - 8px) !important;
  }
}


/* 5.71.1887 — ENTITY WORKSPACE SIDE-RAIL VIEWPORT LOCK R205.
 * Full forensic after 1886: changing only sticky top cannot satisfy the product
 * contract at the bottom of a workspace. CSS sticky is constrained by its
 * containing block; when the grid/main approaches its bottom, the browser must
 * move the sticky box upward so it does not escape that block. Runtime screenshots
 * reproduce that exact terminal-scroll behavior. Keep the grid as the horizontal
 * source of truth, measure its real rail geometry once (and on resize only), then
 * pin the two desktop workspace rails to the viewport. No scroll listener and no
 * guessed left/right coordinates. Center remains explicitly in grid column 2.
 */
@media (min-width: 1201px) {
  body.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .left-column,
  body.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .right-column {
    position: fixed !important;
    top: calc(var(--tsemou-workspace-header-height, 57px) + 8px) !important;
    bottom: auto !important;
    margin: 0 !important;
    z-index: 10 !important;
    max-height: calc(100vh - var(--tsemou-workspace-header-height, 57px) - 8px) !important;
  }
  body.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .left-column {
    left: var(--tsemou-workspace-left-rail-x) !important;
    width: var(--tsemou-workspace-left-rail-width) !important;
  }
  body.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .right-column {
    left: var(--tsemou-workspace-right-rail-x) !important;
    width: var(--tsemou-workspace-right-rail-width) !important;
  }
  body.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .center-column {
    grid-column: 2 !important;
  }
  body.admin-bar.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .left-column,
  body.admin-bar.entity-workspace-lock[data-tsemou-workspace-rails-locked="1"] .homepage-grid > .right-column {
    top: calc(var(--wp-admin--admin-bar--height, 32px) + var(--tsemou-workspace-header-height, 57px) + 8px) !important;
    max-height: calc(100vh - var(--wp-admin--admin-bar--height, 32px) - var(--tsemou-workspace-header-height, 57px) - 8px) !important;
  }
}


/* 5.71.1890 — Living Entity contextual Story right rail.
   Reuses the bounded persisted Story→Entity projection already present in runtime.
   No global feed scan, no new discovery backend, no external request. */
body.entity-workspace-lock .right-column .tsemou-entity-story-rail[hidden]{display:none!important}
body.entity-workspace-lock .tsemou-entity-story-rail-list{display:grid;gap:0}
body.entity-workspace-lock .tsemou-entity-story-rail-card{
  display:grid;grid-template-columns:56px minmax(0,1fr) 12px;gap:9px;align-items:center;
  padding:9px 0;border-bottom:1px solid rgba(15,23,42,.08);color:inherit;text-decoration:none;
}
body.entity-workspace-lock .tsemou-entity-story-rail-card:last-child{border-bottom:0}
body.entity-workspace-lock .tsemou-entity-story-rail-card:hover strong{text-decoration:underline;text-underline-offset:2px}
body.entity-workspace-lock .tsemou-entity-story-rail-thumb{
  width:56px;height:48px;border-radius:8px;overflow:hidden;background:#eef2f0;display:grid;place-items:center;
  color:#738078;font-size:15px;font-weight:700;
}
body.entity-workspace-lock .tsemou-entity-story-rail-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body.entity-workspace-lock .tsemou-entity-story-rail-copy{min-width:0;display:grid;gap:4px}
body.entity-workspace-lock .tsemou-entity-story-rail-copy strong{font-size:12px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.entity-workspace-lock .tsemou-entity-story-rail-copy small{font-size:10px;color:#718096}
body.entity-workspace-lock .tsemou-entity-story-rail-open{color:#7b8b92;font-size:18px}

/* 5.71.1894 — Generic Entity visual hierarchy refinement.
 * CSS-only: adds restrained surface hierarchy without changing Workspace DOM,
 * data contracts, navigation, participation controls, or rail ownership. */
body.generic-entity-workspace-lock .generic-entity-workspace .case-workspace-header{
  padding:14px 16px 13px;
  border:1px solid #e5ece8;
  border-radius:14px;
  background:#f8fbf9;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation{
  gap:6px;
  padding-top:2px;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{
  border:1px solid #edf0ee;
  background:#f8f9f8;
  border-radius:999px;
  padding:7px 11px;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab:hover{
  border-color:#dfe7e3;
  background:#f2f6f4;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab.is-active{
  border-color:#dcece5;
  background:#eaf6f1;
  color:#145c49;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-live-stream-head{
  padding:2px 2px 8px;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-list{
  gap:8px;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-card{
  padding:10px;
  border:1px solid #e4ebe7;
  border-radius:12px;
  background:#f8faf9;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-card:last-child{
  border-bottom:1px solid #e4ebe7;
}
@media(max-width:700px){
  body.generic-entity-workspace-lock .generic-entity-workspace .case-workspace-header{
    padding:12px;
    border-radius:12px;
  }
  body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{
    padding:7px 10px;
  }
}

/* 5.71.1895 — Generic Entity final spacing/proportion refinement.
 * CSS-only follow-up to 1894: tighter vertical rhythm and a more readable
 * contextual Story rail. No DOM, data, navigation, media or ownership changes. */
body.generic-entity-workspace-lock .generic-entity-workspace-root .generic-entity-primary-surface{
  gap:9px;
}
body.generic-entity-workspace-lock .generic-entity-workspace .case-workspace-header{
  padding:12px 16px 11px;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host{
  margin-top:0;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation{
  padding-top:0;
  padding-bottom:7px;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-card{
  grid-template-columns:64px minmax(0,1fr) 14px;
  gap:10px;
  padding:10px 9px;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-thumb{
  width:64px;
  height:54px;
}
body.generic-entity-workspace-lock .right-column .tsemou-generic-entity-story-rail .tsemou-entity-story-rail-copy strong{
  font-size:12.5px;
  line-height:1.32;
}
@media(max-width:700px){
  body.generic-entity-workspace-lock .generic-entity-workspace-root .generic-entity-primary-surface{gap:8px}
  body.generic-entity-workspace-lock .generic-entity-workspace .case-workspace-header{padding:11px 12px 10px}
}


/* 5.71.1904 — Generic Entity compact chip contract + Actions CTA parity.
 * Scope is intentionally limited to generic Entity Workspace. Reuses the
 * established compact ~30px TSEMOU chip scale; no global chip migration. */
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation{
  gap:4px;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{
  min-height:30px;
  padding:5px 9px;
  font-size:11.5px;
  line-height:1;
}
body.generic-entity-workspace-lock .generic-entity-actions-panel{
  padding:8px 10px;
  border-radius:10px;
}
body.generic-entity-workspace-lock .generic-entity-action-button{
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  line-height:1;
  letter-spacing:0;
}
@media(max-width:700px){
  body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab{
    min-height:28px;
    padding:5px 8px;
    font-size:11px;
  }
  body.generic-entity-workspace-lock .generic-entity-action-button{
    min-height:28px;
    padding:5px 9px;
    font-size:11.5px;
  }
}

/* 5.71.1906 — Generic Entity chip typography + empty Actions suppression.
 * Greek labels use normal title case with zero tracking so accents render as
 * ordinary Greek typography rather than spaced uppercase marks. */
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .workspace-tab,
body.generic-entity-workspace-lock .generic-entity-action-button{
  letter-spacing:0!important;
  text-transform:none!important;
  font-family:inherit;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .generic-entity-action-inline{
  flex:0 0 auto;
  min-height:30px;
  padding:5px 9px;
  margin:0;
  border:1px solid #dcece5;
  border-radius:999px;
  background:#fff;
  color:#0b806b;
  font-size:11.5px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
}
body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .generic-entity-action-inline:hover{
  background:#eef7f3;
}
@media(max-width:700px){
  body.generic-entity-workspace-lock .generic-entity-tabs-host>.workspace-tabs--foundation .generic-entity-action-inline{
    min-height:28px;
    padding:5px 8px;
    font-size:11px;
  }
}

/* 5.71.1907 — contextual I Give: one clear vertical form, no inline title squeeze. */
.entity-action-panel--give-composer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;max-width:none!important}
.entity-action-panel--give-composer .entity-need-composer-label{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;width:100%!important;margin:0!important}
.entity-action-panel--give-composer .entity-need-composer-input,
.entity-action-panel--give-composer .entity-need-composer-textarea{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box!important}
.entity-action-panel--give-composer .entity-need-composer-input{min-height:40px!important}
.entity-action-panel--give-composer .entity-need-composer-textarea{min-height:96px!important}
.entity-action-panel--give-composer .entity-need-composer-actions{margin-top:2px!important}
\n\n/* 5.71.1910 — Give Beta human-facing surface.\n * Keep the canonical Give engine intact while making the public interaction\n * surface discussion-first and compact. Scope is Give only. */\n.give-workspace .case-workspace-community{padding-top:10px!important}\n.give-workspace .workspace-composer--compact{padding:10px!important;border-radius:12px!important}\n.give-workspace .workspace-composer--compact .workspace-composer-tools button,\n.give-workspace .workspace-composer--compact .workspace-composer-actions button{\n  min-width:30px!important;min-height:30px!important;height:30px!important;\n  padding:4px 8px!important;border-radius:8px!important;font-size:12px!important;\n  line-height:1!important;letter-spacing:0!important;text-transform:none!important;\n}\n.give-workspace .workspace-feed-stats.workspace-post-actions-row button,\n.give-workspace .workspace-feed-stats.workspace-post-actions-row span{\n  min-height:28px!important;padding:4px 8px!important;border-radius:999px!important;\n  font-size:11.5px!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;\n}\n.give-workspace .workspace-post-menu-trigger{\n  min-width:28px!important;width:28px!important;height:28px!important;padding:0!important;\n}\n@media(max-width:700px){\n  .give-workspace .workspace-composer--compact{padding:8px!important}\n  .give-workspace .workspace-composer--compact .workspace-composer-tools button,\n  .give-workspace .workspace-composer--compact .workspace-composer-actions button{min-height:28px!important;height:28px!important}\n}\n

/* 5.71.1916 — Give public metadata density. UI-only; Need keeps its existing facts layout. */
.give-workspace .workspace-need-give-details {
  gap: 10px;
  padding: 16px 18px;
}
.give-workspace .workspace-need-give-facts--compact {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
}
.give-workspace .workspace-need-give-facts--compact > div {
  display: inline-flex;
  align-items: baseline;
  gap: 5px;
  width: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.give-workspace .workspace-need-give-facts--compact dt {
  margin: 0;
  font-size: .72rem;
  letter-spacing: 0;
  text-transform: none;
  opacity: .62;
}
.give-workspace .workspace-need-give-facts--compact dd {
  font-size: .88rem;
  font-weight: 650;
}
.give-workspace .workspace-need-give-author--compact {
  gap: 7px;
  min-height: 0;
  margin: 0;
}
.give-workspace .workspace-need-give-author--compact .workspace-match-avatar {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
}
.give-workspace .workspace-need-give-author--compact div {
  display: block;
}
.give-workspace .workspace-need-give-author--compact strong {
  font-size: .9rem;
}
@media (max-width: 720px) {
  .give-workspace .workspace-need-give-facts--compact { display: flex; }
}


/* 5.71.1917 — Give composer media controls: actual non-compact runtime.
 * Scope only the Give discussion composer; preserve submit and all behavior. */
.give-workspace .tsemou-discussion-composer--give .workspace-composer-tools .workspace-tool-button {
  width:30px!important; min-width:30px!important; max-width:30px!important;
  height:30px!important; min-height:30px!important; max-height:30px!important;
  padding:0!important; display:inline-grid!important; place-items:center!important;
  border:1px solid #dde4e0!important; border-radius:8px!important;
  background:#fff!important; color:#4c5a54!important; box-shadow:none!important;
  font-size:.82rem!important; line-height:1!important; letter-spacing:0!important; text-transform:none!important;
}
.give-workspace .tsemou-discussion-composer--give .workspace-composer-tools .workspace-tool-button:hover,
.give-workspace .tsemou-discussion-composer--give .workspace-composer-tools .workspace-tool-button:focus-visible {
  background:#f7faf8!important; color:#27332e!important;
}

/* 5.71.1918 — Give date belongs to the top I GIVE context line; no category/date facts row. */
.give-workspace .workspace-story-type__meta {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  opacity: .72;
}

/* 5.71.1919 — Give origin navigation: compact secondary pill only. */
.give-workspace .workspace-need-origin .workspace-related-open {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  min-height: 30px;
  padding: 4px 10px;
  border: 1px solid rgba(15, 42, 67, .16);
  border-radius: 999px;
  background: #f8fafc;
  color: #334155;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}
.give-workspace .workspace-need-origin .workspace-related-open:hover,
.give-workspace .workspace-need-origin .workspace-related-open:focus-visible {
  background: #f1f5f9;
  border-color: rgba(15, 42, 67, .24);
}
@media (max-width: 700px) {
  .give-workspace .workspace-need-origin .workspace-related-open {
    align-self: flex-start;
    width: auto;
    min-height: 30px;
  }
}


/* 5.71.1920 — Give Beta header action dedupe.
 * The universal participation row already exposes vote/discussion/share/save.
 * Hide only the legacy generic FOLLOW/SHARE row on the public Give surface. */
.give-workspace .case-workspace-header .case-workspace-controls:not([data-workspace-participation-controls]) {
  display: none !important;
}

/* 5.71.1921 — Give author identity moves into the top I GIVE context line,
 * immediately before the creation date. Need author rendering is unchanged. */
.give-workspace .workspace-story-type__author {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  vertical-align: middle;
}
.give-workspace .workspace-story-type__author-avatar {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  border-radius: 50%;
  background: #eef2f4;
  font-size: 10px;
  line-height: 1;
}
.give-workspace .workspace-story-type__author-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.give-workspace .workspace-story-type__author strong {
  color: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}
.give-workspace .workspace-story-type__date {
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  opacity: .72;
}

/* 5.71.1924 — Give origin context is secondary navigation, not primary content.
 * Keep the linked Need readable while lowering its visual hierarchy on Give only. */
.give-workspace .workspace-need-origin {
  padding-top: 12px;
  padding-bottom: 12px;
}
.give-workspace .workspace-need-origin .workspace-related-type {
  font-size: 10px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .04em;
}
.give-workspace .workspace-need-origin h3 {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.35;
  font-weight: 500;
  color: #334155;
}

/* 5.71.1925 — Give matched Needs use the canonical desktop right rail.
 * Same existing match DOM/data; compact presentation only. Mobile remains in
 * the primary surface after Discussion. */
@media (min-width:1101px){
  body.entity-workspace-lock:has(.give-workspace) .right-column.tsemou-right-rail,
  body.entity-workspace-lock:has(.give-workspace) .homepage-grid > .right-column{
    display:block!important;
  }
  .right-column .give-match-recommendations--rail{
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .right-column .give-match-recommendations--rail .workspace-needs-heading{
    margin:0 0 8px!important;
    padding:0!important;
  }
  .right-column .give-match-recommendations--rail .workspace-needs-heading p{
    margin:0!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:0!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-card{
    gap:7px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-person--hero{
    gap:7px!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-avatar--large{
    width:30px!important;height:30px!important;min-width:30px!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-card__eyebrow,
  .right-column .give-match-recommendations--rail .workspace-match-intent-label,
  .right-column .give-match-recommendations--rail .workspace-match-why{
    display:none!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-person__copy > strong{
    font-size:12px!important;line-height:1.2!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-score{
    padding:4px 7px!important;min-width:0!important;border-radius:999px!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-score strong{
    display:none!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-score small{
    margin:0!important;font-size:10px!important;font-weight:700!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-preview-block--human{
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-preview{
    display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    margin:0!important;font-size:11px!important;line-height:1.35!important;font-style:normal!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-actions{
    margin-top:0!important;
  }
  .right-column .give-match-recommendations--rail .workspace-match-open{
    min-height:26px!important;padding:4px 8px!important;font-size:10px!important;border-radius:999px!important;
  }
}


/* 5.71.1926 — Give creation success has one clear, compact next action.
 * Need creation success keeps its existing controls unchanged. */
.entity-action-panel--creation-success--give .entity-creation-success__actions {
  align-items:center!important;
}
.entity-action-panel--creation-success--give .entity-creation-success__actions > * {
  flex:0 0 auto!important;
}
.entity-action-panel--creation-success--give .entity-creation-success__open {
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:0!important;
}


/* 5.71.1930 — Need offer lifecycle controls must remain legible in the simplified card.
 * Presentation only; canonical accept/decline permissions and lifecycle stay backend-owned. */
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button {
  color:#1f2937!important;
  background:#fff!important;
  border-color:rgba(15,23,42,.22)!important;
  opacity:1!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button:hover {
  background:#f8fafc!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button:disabled {
  color:#64748b!important;
  opacity:.62!important;
}

/* 5.71.1931 — Need offer accept/decline: compact, semantically distinct controls.
 * Presentation only; status actions, permissions and lifecycle remain backend-owned. */
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions {
  gap:6px;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="accepted"],
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="declined"] {
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 11px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="accepted"] {
  color:#166534!important;
  border-color:#86c99a!important;
  background:#f4fbf6!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="accepted"]:hover {
  color:#fff!important;
  border-color:#15803d!important;
  background:#15803d!important;
  box-shadow:0 2px 8px rgba(21,128,61,.16)!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="declined"] {
  color:#b42318!important;
  border-color:#e6aaa4!important;
  background:#fff7f6!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="declined"]:hover {
  color:#fff!important;
  border-color:#c24135!important;
  background:#c24135!important;
  box-shadow:0 2px 8px rgba(194,65,53,.14)!important;
}
@media (max-width:640px) {
  .need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="accepted"],
  .need-workspace .need-simple-offer-card .workspace-contribution-lifecycle-actions button[data-contribution-status-action="declined"] {
    flex:0 0 auto!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 12px!important;
  }
}


/* 5.71.1932 — Need/Give privacy-by-default + public movement signal. */
.entity-give-privacy-note {
  margin: 2px 0 8px; font-size: 12px; line-height: 1.4; color: #68736d;
}
.entity-give-visibility { max-width: 320px; }
.need-public-help-movement {
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:8px 0 10px;
  padding:7px 10px; border:1px solid rgba(34,110,72,.16); border-radius:999px;
  background:rgba(34,110,72,.045); font-size:12px; line-height:1.25; color:#4c5d54;
}
.need-public-help-movement strong { font-size:12px; color:#245b3f; }
.need-public-help-movement span { opacity:.82; }
@media (max-width: 782px) { .entity-give-visibility { max-width:none; } .need-public-help-movement { border-radius:12px; } }


/* 5.71.1934 — Need delivery confirmation: compact semantic action.
 * Presentation only; delivery sequencing, permissions and persistence remain backend-owned. */
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions {
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin-top:2px!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="provided"],
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="received"] {
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  color:#166534!important;
  border:1px solid #86c99a!important;
  background:#f4fbf6!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="provided"]:hover,
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="received"]:hover {
  color:#fff!important;
  border-color:#15803d!important;
  background:#15803d!important;
  box-shadow:0 2px 8px rgba(21,128,61,.16)!important;
  transform:translateY(-1px)!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button:focus-visible {
  outline:3px solid rgba(21,128,61,.20)!important;
  outline-offset:2px!important;
}
.need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button:disabled {
  transform:none!important;
  box-shadow:none!important;
}
@media (max-width:640px) {
  .need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions {
    display:flex!important;
  }
  .need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="provided"],
  .need-workspace .need-simple-offer-card .workspace-contribution-delivery-actions button[data-contribution-delivery-action="received"] {
    width:auto!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 13px!important;
  }
}


/* 5.71.1935 — Private coordination send action: compact on both requester and giver views. */
.need-workspace [data-private-message-send]{
  width:auto!important;min-width:0!important;min-height:30px!important;height:30px!important;
  padding:4px 11px!important;border:1px solid #4f46e5!important;border-radius:999px!important;
  font-size:11px!important;line-height:1!important;font-weight:800!important;letter-spacing:.02em!important;
  background:#eef2ff!important;color:#3730a3!important;box-shadow:none!important;
  transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease!important;
}
.need-workspace [data-private-message-send]:hover:not(:disabled),
.need-workspace [data-private-message-send]:focus-visible:not(:disabled){
  background:#3730a3!important;color:#fff!important;border-color:#3730a3!important;transform:translateY(-1px);
}
@media(max-width:700px){
  .need-workspace [data-private-message-send]{width:auto!important;min-height:36px!important;height:36px!important;padding:5px 13px!important;font-size:12px!important;}
}


/* 5.71.1937 — private Need coordination image exchange; same access boundary as private messages. */
.workspace-private-image-compose{display:grid;gap:5px;margin-top:8px;font-size:12px;color:#52606d}.workspace-private-image-compose input[type=file]{max-width:100%;font-size:12px}.workspace-private-message__image{display:block;max-width:100%;max-height:280px;object-fit:contain;border-radius:10px;margin:7px 0 3px;border:1px solid rgba(15,23,42,.10)}

/* 5.71.1937 — owner-managed Need primary image; separate from generic Entity visual proposals. */
.need-primary-image{margin:10px 0 8px}.need-primary-image img{display:block;width:100%;height:auto;max-height:230px;object-fit:contain;border-radius:14px;border:1px solid rgba(15,23,42,.10)}.need-primary-image a{display:block;cursor:zoom-in}.need-primary-image a:focus-visible{outline:3px solid #168d7b;outline-offset:3px;border-radius:14px}.need-primary-image-owner{display:flex;align-items:center;gap:8px;margin:6px 0 10px;font-size:12px}.need-primary-image-owner__button{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid rgba(59,130,246,.28);border-radius:999px;background:#f8fbff;color:#2455a6;cursor:pointer;font-weight:650}.need-primary-image-owner__button:hover{background:#eef5ff}.need-primary-image-owner__button input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}

/* 5.71.1938 — Need private coordination: compact composer, progressive privacy note. */
.need-workspace .workspace-private-coordination{gap:7px;padding:10px}
.need-workspace .workspace-private-coordination__heading strong{font-size:14px}
.need-workspace .workspace-private-messages{max-height:260px;gap:6px;padding:2px}
.need-workspace .workspace-private-message{padding:7px 9px}
.need-workspace .workspace-private-message-compose{gap:4px;font-size:13px}
.need-workspace .workspace-private-message-compose textarea{min-height:58px;max-height:120px;padding:7px 8px;line-height:1.35}
.need-workspace .workspace-private-compose-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.need-workspace .workspace-private-image-compose{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:11px;color:#64748b;min-width:0}
.need-workspace .workspace-private-image-compose input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.need-workspace .workspace-private-image-button{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid #a5b4fc;border-radius:999px;background:#fff;color:#3730a3;font-size:12px;font-weight:700;line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
.need-workspace .workspace-private-image-button:hover,.need-workspace .workspace-private-image-button:focus-visible{background:#eef2ff;border-color:#6366f1;outline:none;transform:translateY(-1px)}
.need-workspace .workspace-private-image-compose small{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.need-workspace [data-private-message-send]{min-height:30px!important;height:30px!important;padding:4px 11px!important;font-size:12px!important;line-height:1!important}
.need-workspace .workspace-private-coordination__privacy{margin:0;font-size:11px;color:#64748b}
.need-workspace .workspace-private-coordination__privacy summary{display:inline-block;cursor:pointer;color:#92400e;font-weight:600}
.need-workspace .workspace-private-coordination__privacy p{margin:5px 0 0;color:#92400e;line-height:1.4}
@media(max-width:700px){.need-workspace .workspace-private-compose-actions{align-items:flex-start}.need-workspace [data-private-message-send]{width:auto!important;min-height:36px!important;height:36px!important}.need-workspace .workspace-private-image-button{min-height:36px}.need-workspace .workspace-private-image-compose small{max-width:130px}}

/* 5.71.1940 — viewer-local offered marker + public Give thumbnail on Need cards. */
.tsemou-needs-result__badges .is-viewer-offer,
.tsemou-stream-viewer-offer-badge{
  display:inline-flex;align-items:center;gap:4px;width:max-content;max-width:100%;
  padding:3px 7px;border:1px solid rgba(180,130,20,.24);border-radius:999px;
  background:rgba(250,204,21,.10);color:#755b08;font-size:10px;font-weight:750;line-height:1.15;
}
.tsemou-stream-viewer-offer-badge{margin-top:3px}
.need-simple-offer-image{margin:8px 0 5px;max-width:220px}
.need-simple-offer-image img{display:block;width:100%;max-height:170px;object-fit:cover;border-radius:10px;border:1px solid rgba(15,23,42,.10)}
@media(max-width:700px){.need-simple-offer-image{max-width:180px}.need-simple-offer-image img{max-height:145px}}

/* 5.71.1941 — Personal-first Need discovery: reuse the bounded My Needs cards on the hub. */
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs{margin:14px 0 20px;padding:14px 16px;border:1px solid #dfe7e4;border-radius:14px;background:#fff}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__head h2{margin:0;font-size:17px;line-height:1.2;color:#10253d}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__head span{font-size:10.5px;color:#718096}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__empty{margin:4px 0 0;font-size:12px;color:#718096}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card{display:flex;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;border:1px solid #e0e8e5;border-radius:10px;background:#f9fbfa;color:#10253d;text-decoration:none}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card:hover{border-color:#8fbeb4;background:#f4faf7}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card__family{font-size:8.5px;font-weight:900;letter-spacing:.07em;color:#087d69;text-transform:uppercase}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.3}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card__meta{font-size:10px;line-height:1.3;color:#6b7b8e}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-need-card__meta b{color:#315e59}
@media(max-width:800px){.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs{padding:12px}.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__grid{grid-template-columns:1fr}}

/* 5.71.1943 — compact personal Need/Give memory row on Need discovery. */
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin:14px 0 20px}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-needs{margin:0;min-width:0}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-history-more{margin-top:9px}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-history-more summary{width:max-content;max-width:100%;cursor:pointer;font-size:11px;font-weight:750;color:#315e59;list-style-position:inside}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-history-more[open] summary{margin-bottom:8px}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-my-needs__grid--more{padding-top:1px}
@media(max-width:820px){.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row{grid-template-columns:1fr}}


/* 5.71.1944 — subtle visual identity for personal Needs vs Gives; compact hub. */
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-needs:not(.tsemou-my-gives){background:#fbfefd;border-color:#d6e9e3}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-gives{background:#fffdf8;border-color:#eadfc7}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-needs:not(.tsemou-my-gives) .tsemou-my-need-card{background:#f7fcfa;border-color:#dbeae5}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-gives .tsemou-my-give-card{background:#fffcf5;border-color:#eadfc7}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-needs:not(.tsemou-my-gives) .tsemou-my-need-card:hover,
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-needs:not(.tsemou-my-gives) .tsemou-my-need-card:focus-visible{background:#eef9f5;border-color:#78b9a8;box-shadow:0 3px 10px rgba(20,129,110,.08);transform:translateY(-1px)}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-gives .tsemou-my-give-card:hover,
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row>.tsemou-my-gives .tsemou-my-give-card:focus-visible{background:#fff7e8;border-color:#d7ae61;box-shadow:0 3px 10px rgba(166,119,31,.09);transform:translateY(-1px)}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-personal-need-give-row .tsemou-my-need-card{transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}

/* 5.71.1945 — Need/Give peer reputation: completion-gated, compact, role-safe. */
.need-peer-reputation{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:3px 7px;border:1px solid #d7e5df;border-radius:999px;background:#f7fbf9;color:#315f52;font-size:10.5px;font-weight:700;line-height:1.2;white-space:nowrap}
.need-peer-rating{display:grid;gap:7px;margin-top:8px;padding:9px 10px;border:1px solid #d8e6df;border-radius:10px;background:#fbfefd}.need-peer-rating>strong{font-size:12px;color:#173f35}.need-peer-rating>span{font-size:11px;color:#64748b}.need-peer-rating__choices{display:flex;flex-wrap:wrap;gap:6px}.need-peer-rating__choices button{min-height:30px!important;height:30px!important;padding:4px 10px!important;border-radius:999px!important;border:1px solid #cbd5e1!important;background:#fff!important;font-size:11px!important;font-weight:800!important;cursor:pointer}.need-peer-rating__choices button[data-peer-rating-value="positive"]:hover{border-color:#5bb98a!important;background:#edf9f2!important;color:#17643f!important}.need-peer-rating__choices button[data-peer-rating-value="neutral"]:hover{border-color:#94a3b8!important;background:#f8fafc!important}.need-peer-rating__choices button[data-peer-rating-value="negative"]:hover{border-color:#e58a8a!important;background:#fff2f2!important;color:#a32929!important}.need-peer-rating__tags{display:flex;flex-wrap:wrap;gap:5px 10px;font-size:10.5px;color:#52606d}.need-peer-rating__tags label{display:inline-flex;align-items:center;gap:3px}.need-peer-rating.is-complete{display:inline-flex;padding:5px 8px;background:#f4faf7}.need-peer-rating.is-complete strong{font-size:11px}
@media(max-width:700px){.need-peer-reputation{white-space:normal}.need-peer-rating__tags{display:grid;grid-template-columns:1fr 1fr}}


/* 5.71.1949 — Direct Need creator: selected family chip keeps readable contrast.
   Scoped only to create-need; no other destination toggle is changed. */
.tsemou-homepage-beta--need-create
.entity-action-panel--three-category-need
.destination-category-toggle__button.is-active,
.tsemou-homepage-beta--need-create
.entity-action-panel--three-category-need
.destination-category-toggle__button[aria-checked="true"]{
  border-color:#294154!important;
  background:#294154!important;
  color:#ffffff!important;
}


/* 5.71.1950 — Need creator type chips: red label on pointer hover only. */
.tsemou-homepage-beta--need-create
.entity-action-panel--three-category-need
.destination-category-toggle__button:hover{
  color:#c62828!important;
}


/* 5.71.1956 — Give composer: visual category cues + optional item photo. */
.entity-give-image-field{display:grid;gap:8px;margin-top:2px}
.entity-give-image-hint{display:block;font-size:12px;font-weight:500;color:#667085}
.entity-give-image-field.is-emphasized{padding:12px;border:1px solid #f1c27d;border-radius:12px;background:#fffaf2}
.entity-give-image-input{display:block;width:100%;font:inherit}
.entity-give-image-preview{display:block;width:112px;height:84px;object-fit:cover;border:1px solid #d9e2ec;border-radius:10px}
.destination-category-toggle__button{display:flex;align-items:center;justify-content:center;gap:7px}
.destination-category-toggle__icon{font-size:18px;line-height:1}
\n\n/* 5.71.1958 — Direct Give desktop composition. Presentation only: native composer and bounded owner history remain unchanged. */
.tsemou-homepage-beta--give-create .tsemou-direct-give-create{width:100%;max-width:none}
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,.9fr);gap:24px;align-items:start;width:100%;max-width:1440px;margin:0 auto;padding:18px 20px 28px;box-sizing:border-box}
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__composer{min-width:0;width:100%;max-width:none;margin:0}
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail{display:grid;gap:16px;min-width:0;align-content:start}
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail .tsemou-my-gives{margin:0;width:100%;box-sizing:border-box}
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail .tsemou-my-needs__grid{grid-template-columns:1fr}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card{padding:18px 20px;border:1px solid #dce5ea;border-radius:16px;background:#fff;box-sizing:border-box}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--impact{background:#fff9f0;border-color:#f1d8ad}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--tips{background:#f7fbff;border-color:#d9e8f5}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card h2{margin:0 0 10px;font-size:17px;line-height:1.3;color:#17324d}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card p{margin:0 0 10px;font-size:13px;line-height:1.5;color:#4f6274}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card p:last-child{margin-bottom:0}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card p strong,.tsemou-homepage-beta--give-create .tsemou-give-guidance-card p span{display:block}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card p strong{color:#294154;margin-bottom:2px}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card ul{display:grid;gap:8px;margin:12px 0 0;padding-left:20px;font-size:13px;color:#294154}
@media(max-width:980px){.tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout{grid-template-columns:1fr;gap:16px;padding:14px 12px 24px}.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail{grid-template-columns:1fr}.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail .tsemou-my-gives{order:3}}


/* 5.71.1963 — Direct Give deterministic runtime restoration.
 * Proven baseline: 5.71.1958 component appearance.
 * Scope: ONLY the outer direct-Give page composition.
 * The composer surface remains owned by the existing Design System.
 */
.tsemou-homepage-beta--give-create
.tsemou-direct-give-create.tsemou-ds-form-main {
  width: min(calc(100% - 36px), 1054px) !important;
  max-width: 1054px !important;
  margin-inline: auto !important;
}

.tsemou-homepage-beta--give-create
.tsemou-direct-give-create__layout {
  display: grid !important;
  grid-template-columns: minmax(0, 630px) minmax(300px, 400px) !important;
  gap: 24px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1054px !important;
  margin: 0 !important;
  padding: 18px 0 28px !important;
  box-sizing: border-box !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer {
  grid-column: 1 !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 630px !important;
  margin: 0 !important;
}

.tsemou-homepage-beta--give-create
.tsemou-direct-give-create__rail {
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
  align-content: start !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}

@media (max-width: 900px) {
  .tsemou-homepage-beta--give-create
  .tsemou-direct-give-create.tsemou-ds-form-main {
    width: min(calc(100% - 24px), 630px) !important;
    max-width: 630px !important;
  }

  .tsemou-homepage-beta--give-create
  .tsemou-direct-give-create__layout {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
    max-width: 630px !important;
    padding: 14px 0 24px !important;
  }

  .tsemou-homepage-beta--give-create
  #tsemouDirectGiveComposer,
  .tsemou-homepage-beta--give-create
  .tsemou-direct-give-create__rail {
    grid-column: 1 !important;
    max-width: 100% !important;
  }
}


/* 5.71.1964 — Direct Give composer polish.
 * Scope lock: create-give only. Outer 1963 grid/renderer is untouched.
 * Existing destination-chain behavior and native WordPress file input remain intact.
 */

/* The destination-chain control is functional UI, not an anonymous blank box. */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-selector::before {
  content: "Επίλεξε θέμα / υποκατηγορία";
  display: block;
  margin: 0 0 8px;
  color: #1f3347;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.3;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-search {
  min-height: 42px;
  background: #fff;
}

/* Give-only category cards: restore clear icon + purpose hierarchy without
 * changing the shared category-toggle JS used by Need. */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle {
  gap: 12px;
  margin: 2px 0 12px;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button {
  position: relative;
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  grid-template-rows: auto auto;
  column-gap: 10px;
  row-gap: 2px;
  align-items: center;
  justify-items: start;
  min-height: 74px;
  padding: 12px 14px;
  border-radius: 14px;
  text-align: left;
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: 0;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button::before {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #f5f7f9;
  font-size: 18px;
  line-height: 1;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button::after {
  grid-column: 2;
  grid-row: 2;
  color: #60758a;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .02em;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="knowledge"]::before { content: "🧠"; }
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="knowledge"]::after { content: "ΜΟΙΡΑΣΟΥ ΤΙΣ ΓΝΩΣΕΙΣ ΣΟΥ"; }

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="goods"]::before { content: "📦"; }
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="goods"]::after { content: "ΠΡΟΣΦΕΡΕ ΠΡΑΓΜΑΤΑ"; }

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="experience"]::before { content: "●●"; color:#159a78; font-size:13px; letter-spacing:2px; }
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[data-category="experience"]::after { content: "ΜΟΙΡΑΣΟΥ ΤΟΝ ΧΡΟΝΟ ΣΟΥ"; }

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button.is-active::after,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[aria-checked="true"]::after {
  color: inherit;
  opacity: .86;
}

/* Keep the real file input and upload pipeline; improve only its hit-area/presentation. */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-field {
  gap: 7px;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-input {
  min-height: 66px;
  padding: 14px;
  border: 1px dashed #6da8d8;
  border-radius: 12px;
  background: #f7fbff;
  box-sizing: border-box;
  color: #607080;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-input::file-selector-button {
  min-height: 38px;
  margin-right: 12px;
  padding: 8px 12px;
  border: 1px solid #a9c7df;
  border-radius: 9px;
  background: #fff;
  color: #245b83;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

@media (max-width: 720px) {
  .tsemou-homepage-beta--give-create
  #tsemouDirectGiveComposer .destination-category-toggle {
    gap: 7px;
  }

  .tsemou-homepage-beta--give-create
  #tsemouDirectGiveComposer .destination-category-toggle__button {
    grid-template-columns: 28px minmax(0,1fr);
    min-height: 60px;
    padding: 9px 8px;
    column-gap: 7px;
    font-size: 12px;
  }

  .tsemou-homepage-beta--give-create
  #tsemouDirectGiveComposer .destination-category-toggle__button::before {
    width: 28px;
    height: 28px;
    font-size: 15px;
  }

  .tsemou-homepage-beta--give-create
  #tsemouDirectGiveComposer .destination-category-toggle__button::after {
    font-size: 8px;
  }
}


/* 5.71.1965 — Direct Give destination selector state clarity.
 * No taxonomy/backend changes: expose the state text already maintained by
 * createDestinationChainSelector and distinguish its disabled pre-category state.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-search:disabled {
  cursor: not-allowed;
  background: #f7f8fa;
  border-color: #d9e0e6;
  color: #718096;
  opacity: 1;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-search:disabled::placeholder {
  color: #718096;
  opacity: 1;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-hint {
  display: block;
  margin-top: 6px;
  color: #60758a;
  font-size: 11px;
  line-height: 1.35;
}


/* 5.71.1968 — Give image preview lifecycle guard.
 * Root cause: .entity-give-image-preview { display:block } overrides the browser's
 * user-agent [hidden] rule, so the empty <img hidden> renders as a broken image.
 * Scope: Give preview only. No renderer, upload transport, category, destination,
 * rail, Need, or backend changes.
 */
.entity-give-image-preview[hidden] {
  display: none !important;
}


/* 5.71.1970 — Direct Give destination suggestions: scoped Beta presentation only.
 * Preserve the existing AJAX taxonomy/hierarchy, option values, click handlers,
 * recent-memory behavior and create-new path. This prevents legacy/global button
 * styling from turning destination options into bright green admin-like blocks.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-suggestions {
  margin-top: 6px;
  padding: 8px;
  border: 1px solid #e1e8ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(31, 43, 54, .08);
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-section-label {
  padding: 3px 4px 7px;
  border: 0;
  background: transparent;
  color: #6b7884;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .055em;
  line-height: 1.2;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  margin: 0 6px 6px 0 !important;
  padding: 6px 10px !important;
  align-items: center;
  justify-content: center;
  border: 1px solid #d9e2e8 !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #334b5f !important;
  font: inherit;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  white-space: normal;
  cursor: pointer;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option:hover,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option:focus-visible {
  border-color: #8fb7aa !important;
  background: #f3faf7 !important;
  color: #173f35 !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option--recent::before {
  color: #6c7b88;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option--create {
  border-style: dashed !important;
  background: #fbfcfd !important;
}


/* 5.71.1974 — Direct Give selected destination chips: scoped Beta isolation only.
 * Preserve the real hierarchy buttons/click handlers; prevent legacy/global
 * button styling from turning the selected path into green CTA blocks.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 0 6px !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer button.destination-chain-chip {
  appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 5px 10px !important;
  border: 1px solid #c9d7e2 !important;
  border-radius: 999px !important;
  background: #eef4f8 !important;
  box-shadow: none !important;
  color: #263645 !important;
  font: inherit !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer button.destination-chain-chip:hover,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer button.destination-chain-chip:focus-visible {
  border-color: #8fb7aa !important;
  background: #f3faf7 !important;
  color: #173f35 !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer button.destination-chain-chip:focus-visible {
  outline: 2px solid #6aa898 !important;
  outline-offset: 2px !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer button.destination-chain-chip:not(:last-child)::after {
  content: none !important;
  display: none !important;
}


/* 5.71.1976 — Direct Give recent-option marker removal only.
 * Recent choices remain fully functional; suppress only the inherited visual
 * ::before return/history glyph on those suggestion pills.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option--recent::before {
  content: none !important;
  display: none !important;
}


/* 5.71.1977 — Direct Give visual step 1: existing TSEMOU mascot in impact card only.
 * No DOM, form, hierarchy, translation or interaction changes.
 */
.tsemou-homepage-beta--give-create
.tsemou-give-guidance-card--impact {
  position: relative;
  overflow: hidden;
  padding-right: 108px !important;
  min-height: 190px;
}

.tsemou-homepage-beta--give-create
.tsemou-give-guidance-card--impact::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 82px;
  height: 82px;
  background: url("../../modules/character-system/assets/reference-states/v1530/default.png") center / contain no-repeat;
  pointer-events: none;
}

@media (max-width: 900px) {
  .tsemou-homepage-beta--give-create
  .tsemou-give-guidance-card--impact {
    padding-right: 92px !important;
    min-height: 0;
  }

  .tsemou-homepage-beta--give-create
  .tsemou-give-guidance-card--impact::after {
    right: 10px;
    bottom: 10px;
    width: 68px;
    height: 68px;
  }
}


/* 5.71.1979 — Direct Give visual step 2: rail color hierarchy only.
 * Warm TSEMOU impact card + calm blue tips card. No layout/DOM/runtime changes.
 */
.tsemou-homepage-beta--give-create
.tsemou-give-guidance-card--impact {
  background: #fff7ec !important;
  border-color: #f0c98e !important;
}

.tsemou-homepage-beta--give-create
.tsemou-give-guidance-card--impact h2 {
  color: #172f46 !important;
}

.tsemou-homepage-beta--give-create
.tsemou-give-guidance-card--tips {
  background: #f3f8fd !important;
  border-color: #cfe1f0 !important;
}


/* 5.71.1980 — Direct Give visual step 3: active category accent only.
 * Presentation-only: preserve the proven radio-button DOM/click/change contract.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button.is-active,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[aria-checked="true"] {
  background: #fff7ed !important;
  border-color: #f28a2b !important;
  box-shadow: 0 0 0 1px rgba(242,138,43,.08) !important;
  color: #17324d !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button.is-active::after,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-category-toggle__button[aria-checked="true"]::after {
  color: #8a4a12 !important;
  opacity: .88 !important;
}


/* 5.71.1981 — Direct Give visual step 4: destination choice hierarchy only.
 * Preserve exact option set, recent/popular semantics, clicks and hierarchy.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-suggestions {
  background: #fbfdff !important;
  border-color: #d9e5ee !important;
  box-shadow: 0 8px 22px rgba(23,50,77,.055) !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-section-label {
  color: #6c8193 !important;
  letter-spacing: .055em !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option {
  background: #ffffff !important;
  border-color: #d5e1e9 !important;
  color: #28455f !important;
  box-shadow: 0 1px 2px rgba(23,50,77,.025) !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option:hover,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .destination-chain-option:focus-visible {
  background: #fff8ef !important;
  border-color: #efb46f !important;
  color: #17324d !important;
}


/* 5.71.1982 — Direct Give visual step 5: form label rhythm only.
 * Scoped presentation; native controls and behavior remain untouched.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-action-field {
  margin-top: 10px;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-action-field > label {
  display: block;
  margin: 0 0 6px;
  color: #17324d;
  font-weight: 700;
  line-height: 1.25;
}


/* 5.71.1983 — Direct Give visual step 6: title/details hierarchy only.
 * Real native Give renderer contract; image field excluded.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field) {
  display: block !important;
  margin-top: 14px !important;
  color: #102f49 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field)
> .entity-need-composer-input,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field)
> .entity-need-composer-textarea {
  display: block !important;
  margin-top: 7px !important;
  background: #ffffff !important;
  border-color: #cbd9e3 !important;
  border-radius: 9px !important;
  box-shadow: 0 1px 2px rgba(23,50,77,.025) !important;
  transition: border-color .15s ease, box-shadow .15s ease !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field)
> .entity-need-composer-input:focus,
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field)
> .entity-need-composer-textarea:focus {
  border-color: #65b7a5 !important;
  box-shadow: 0 0 0 3px rgba(101,183,165,.12) !important;
  outline: none !important;
}


/* 5.71.1984 — Direct Give visual step 7: real uploader card polish only.
 * Keep the native file input, attachment pipeline and preview lifecycle intact.
 */
.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-field {
  margin-top: 16px !important;
  gap: 7px !important;
  color: #102f49 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-hint {
  color: #718397 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-input {
  min-height: 76px !important;
  padding: 16px !important;
  border-color: #8db8d8 !important;
  border-radius: 12px !important;
  background: #f8fbfe !important;
  color: #66788a !important;
}

.tsemou-homepage-beta--give-create
#tsemouDirectGiveComposer .entity-give-image-input::file-selector-button {
  border-color: #9fc2dc !important;
  background: #ffffff !important;
  color: #245b83 !important;
  box-shadow: 0 1px 2px rgba(23,50,77,.04) !important;
}


/* 5.71.1985 — Direct Give visual step 8: final action zone only. */
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-visibility {
  margin-top:15px!important; max-width:320px!important; color:#102f49!important;
  font-size:15px!important; font-weight:700!important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-visibility > .entity-need-visibility-select {
  margin-top:7px!important; min-height:40px!important; border:1px solid #cbd9e3!important;
  border-radius:9px!important; background-color:#fff!important; color:#17324d!important;
  box-shadow:0 1px 2px rgba(23,50,77,.025)!important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-actions {
  display:flex!important; align-items:center!important; justify-content:flex-end!important;
  gap:10px!important; margin-top:14px!important; padding-top:0!important; background:transparent!important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-cancel,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-submit {
  min-height:38px!important; border-radius:999px!important; font-weight:700!important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-cancel {
  border:1px solid #d5e0e7!important; background:#fff!important; color:#32485c!important; box-shadow:none!important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-submit {
  border:1px solid #0b9c83!important; background:#0b9c83!important; color:#fff!important;
  box-shadow:0 4px 10px rgba(11,156,131,.12)!important;
}

/* 5.71.1987 — Direct Give details compact height only. */
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-label:not(.entity-give-image-field) > .entity-need-composer-textarea {
  min-height: 92px !important;
  height: 92px !important;
  max-height: 160px !important;
  resize: vertical !important;
}


/* 5.71.1988 — Direct Give photo surface composition only. */
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 8px !important;
  border: 1px dashed #8db8d8 !important;
  border-radius: 12px !important;
  background: #f8fbfe !important;
  box-sizing: border-box !important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface .entity-give-image-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface .entity-give-image-preview {
  flex: 0 0 88px !important;
  width: 88px !important;
  height: 66px !important;
  margin: 0 !important;
  object-fit: cover !important;
  border-radius: 9px !important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface .entity-give-image-preview[hidden] {
  display: none !important;
}
@media (max-width: 520px) {
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-give-image-surface .entity-give-image-preview {
    width: 88px !important;
  }
}


/* 5.71.1993 — Direct Give standalone heading only. */
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer > .entity-need-composer-heading {
  text-align: center !important;
}


/* 5.71.2001 — Create Give tapestry height-locked intrinsic ratio; isolated decoration only. */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main {
    position: relative !important;
    isolation: isolate;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    bottom: 0;
    right: calc(100% + 8px);
    width: clamp(84px, calc((100vw - 1054px) / 2 - 16px), 148px);
    background-image: url("give-generosity-tapestry.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    opacity: .96;
  }
}
@media (max-width: 1179px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    content: none !important;
    display: none !important;
  }
}


/* 5.71.2002 — Direct Give rail: existing matching + personal Give memory.
 * Presentation only. No matcher, persistence, creation or grid ownership changes.
 */
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail{
  gap:12px!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-needs,
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail .tsemou-my-gives{
  margin:0!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:14px!important;
  border:1px solid #e1e7ec!important;
  border-radius:16px!important;
  background:#fff!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-needs__head h2,
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail .tsemou-my-gives h2{
  margin:0!important;
  font-size:16px!important;
  line-height:1.3!important;
  color:#17324d!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-needs__head p{
  margin:4px 0 0!important;
  color:#667788!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-needs__grid{
  display:grid!important;
  gap:8px!important;
  margin-top:10px!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-need{
  display:grid!important;
  gap:3px!important;
  padding:10px 11px!important;
  border:1px solid #e6ebef!important;
  border-radius:12px!important;
  background:#fbfcfd!important;
  color:#20384c!important;
  text-decoration:none!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-need:hover{
  border-color:#c7d6df!important;
  background:#f7fafb!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-need__eyebrow{
  color:#667788!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.03em!important;
  text-transform:uppercase!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-need strong{
  font-size:13px!important;
  line-height:1.35!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-related-need__reason{
  color:#687987!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--compact{
  padding:0!important;
  overflow:hidden!important;
  background:#f7fbff!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--compact > summary{
  cursor:pointer!important;
  list-style:none!important;
  padding:12px 14px!important;
  color:#294154!important;
  font-size:13px!important;
  font-weight:800!important;
}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--compact > summary::-webkit-details-marker{display:none!important}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--compact > summary::after{
  content:"+";
  float:right;
  font-size:16px;
  line-height:1;
}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card--compact[open] > summary::after{content:"−"}
.tsemou-homepage-beta--give-create .tsemou-give-guidance-card__details{
  padding:0 14px 13px!important;
}

/* 5.71.2003 — Create Give draft-aware related Needs; rail-only presentation. */
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches {
  border: 1px solid #d7e4df;
  border-radius: 16px;
  background: #fff;
  padding: 14px;
  box-sizing: border-box;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches__head h2 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.25;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches__state {
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
  color: #667085;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches__list {
  display: grid;
  gap: 8px;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-match-card {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid #e3e9e6;
  border-radius: 12px;
  background: #fbfdfc;
  color: inherit;
  text-decoration: none;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-match-card strong {
  font-size: 14px;
  line-height: 1.3;
}
.tsemou-homepage-beta--give-create .tsemou-give-draft-match-card span {
  font-size: 12px;
  line-height: 1.35;
  color: #667085;
}


/* 5.71.2009 — Create Give right rail proportion refinement.
 * Forensic scope: ONLY the second track of the proven 1963 direct-Give grid.
 * Preserve the 630px composer, 24px gap, 1054px outer shell, 900px stack breakpoint,
 * and 2001 tapestry positioning/height-locked intrinsic ratio unchanged.
 */
@media (min-width: 901px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout {
    grid-template-columns: minmax(0, 630px) minmax(300px, 340px) !important;
  }
}


/* 5.71.2010 — Create Give width redistribution, no shell/tapestry change.
 * Transfer the 60px removed from the right rail into the primary composer:
 * 690px + 24px + 340px = the existing 1054px workspace.
 * Preserve outer shell, gap, rail minimum, responsive stack and tapestry contract.
 */
@media (min-width: 901px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout {
    grid-template-columns: minmax(0, 690px) minmax(300px, 340px) !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer {
    max-width: 690px !important;
  }
}


/* 5.71.2011 — Create Give final desktop proportion + tapestry breathing room.
 * Transfer another 20px from the supporting rail into the primary composer:
 * 710px + 24px + 320px = the existing 1054px workspace.
 * Tapestry keeps its exact height-locked intrinsic ratio, width formula, breakpoint
 * and background sizing; only its proven 8px composer-side clearance is consumed
 * to shift the whole decorative strip 8px right and create left viewport breathing room.
 */
@media (min-width: 901px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout {
    grid-template-columns: minmax(0, 710px) minmax(300px, 320px) !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer {
    max-width: 710px !important;
  }
}
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    right: calc(100% + 0px) !important;
  }
}


/* 5.71.2012 — Create Give uses proven spare desktop width; rail stays locked.
 * Expand ONLY the desktop outer workspace and primary composer by 50px:
 * 760px + 24px + 320px = 1104px.
 * Rail width, gap, 900px stack breakpoint and all Give functionality remain unchanged.
 * The tapestry keeps the same asset, height lock, intrinsic background ratio and 1180px
 * visibility breakpoint. Its strip is shifted 16px into the expanded shell so the
 * existing artwork width is not squeezed/clipped at a 1280px viewport and retains
 * a small left-edge breathing margin instead of falling outside the viewport.
 */
@media (min-width: 901px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main {
    width: min(calc(100% - 36px), 1104px) !important;
    max-width: 1104px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout {
    grid-template-columns: minmax(0, 760px) minmax(300px, 320px) !important;
    max-width: 1104px !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer {
    max-width: 760px !important;
  }
}
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    right: calc(100% - 16px) !important;
  }
}


/* 5.71.2013 — Create Give left breathing gutter, geometry-only.
 * Keep the proven 760 + 24 + 320 = 1104px grid untouched.
 * At wide desktop only, use 12px of the verified spare right viewport margin to
 * shift the workspace content right. Counter-shift the decorative tapestry by
 * the same 12px so its size/ratio/height-lock/viewport position stay unchanged.
 * Net effect: a real 12px visual gutter between tapestry and Give, no resize.
 */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main {
    left: 12px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    transform: translateX(-12px) !important;
  }
}

/* 5.71.2014 — Create Need workspace convergence, presentation-only.
 * Safety scope: the existing #tsemouDirectNeedComposer remains the sole native
 * renderer and submit owner. No Need fields, values, persistence, matching,
 * auth, moderation or destination contracts are replaced here.
 * Desktop adopts the proven workspace rhythm without copying Give styling:
 * a wider Need form + compact owner-history rail, with Need-specific green cues.
 */
@media (min-width: 901px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    width: min(calc(100% - 48px), 1104px) !important;
    max-width: 1104px !important;
    margin-inline: auto !important;
    padding: 18px 0 34px !important;
  }
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__layout {
    display: grid !important;
    grid-template-columns: minmax(0, 760px) minmax(280px, 320px) !important;
    gap: 24px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1104px !important;
    margin: 0 !important;
  }
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: 760px !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__rail {
    grid-column: 2 !important;
    display: grid !important;
    gap: 12px !important;
    align-content: start !important;
    min-width: 0 !important;
  }
}

/* Need keeps its own visual identity: calmer green family cards, not Give copies. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer {
  padding: 22px 20px !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 26px rgba(28,54,84,.045) !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-heading {
  margin: 0 0 4px !important;
  font-size: 24px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-hint {
  margin: 0 0 12px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 10px !important;
  margin: 10px 0 14px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button {
  min-height: 54px !important;
  padding: 10px 12px !important;
  border: 1px solid #d7e2de !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #17324d !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  letter-spacing: .04em !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button:hover {
  border-color: #79b9a9 !important;
  background: #f7fcfa !important;
  color: #17324d !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button.is-active,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button[aria-checked="true"] {
  border-color: #159a78 !important;
  background: #eef9f5 !important;
  color: #123d34 !important;
  box-shadow: inset 0 0 0 1px #159a78 !important;
}

/* Need form density: retain every native field, reduce unnecessary vertical bulk. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-form-field {
  gap: 6px !important;
  margin-top: 10px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer select.tsemou-form-control,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer input.tsemou-form-control {
  min-height: 40px !important;
  height: 40px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-textarea--minimal {
  min-height: 92px !important;
  height: 92px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-actions {
  margin-top: 12px !important;
}

/* Existing bounded personal history becomes the Need support rail. */
.tsemou-homepage-beta--need-create .tsemou-direct-need-create__rail .tsemou-my-needs {
  margin: 0 !important;
  width: 100% !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  border-radius: 14px !important;
}
.tsemou-homepage-beta--need-create .tsemou-direct-need-create__rail .tsemou-my-needs__grid {
  grid-template-columns: 1fr !important;
}
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #d9e8e3;
  border-radius: 14px;
  background: #f8fcfa;
  overflow: hidden;
}
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card summary {
  cursor: pointer;
  list-style: none;
  padding: 13px 15px;
  color: #294154;
  font-size: 13px;
  font-weight: 800;
}
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card summary::-webkit-details-marker { display:none; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card summary::after { content:"+"; float:right; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card[open] summary::after { content:"−"; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details {
  display:grid;
  gap:10px;
  padding: 0 15px 14px;
}
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details p { margin:0; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details strong,
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details span { display:block; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details strong { color:#294154;font-size:12px;margin-bottom:2px; }
.tsemou-homepage-beta--need-create .tsemou-need-guidance-card__details span { color:#667085;font-size:11.5px;line-height:1.4; }

@media (max-width: 900px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    width: min(calc(100% - 20px), 680px) !important;
    max-width: 680px !important;
    padding: 18px 0 48px !important;
  }
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__layout {
    display:grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap:14px !important;
  }
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__rail {
    grid-column:1 !important;
    max-width:100% !important;
  }
}
@media (max-width: 640px) {
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer { padding:16px 14px !important; }
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle { gap:6px !important; }
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button { min-height:48px !important;padding:8px 5px !important;font-size:11.5px !important; }
}

/* 5.71.2015 — Need topic picker: one obvious control, click-away dismissal,
 * automatic close after selection. Native select stays canonical but invisible. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-native {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker {
  position:relative;
  width:100%;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__button {
  width:100%;
  min-height:42px;
  padding:9px 38px 9px 13px;
  border:1px solid #d7e2de;
  border-radius:10px;
  background:#fff;
  color:#667085;
  text-align:left;
  font:inherit;
  cursor:pointer;
  position:relative;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__button::after {
  content:"⌄";
  position:absolute;
  right:13px;
  top:50%;
  transform:translateY(-55%);
  color:#526273;
  font-size:16px;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__button[aria-expanded="true"]::after { content:"⌃"; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__button.has-value { color:#17324d;font-weight:700; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__button:focus-visible {
  outline:2px solid #159a78;
  outline-offset:2px;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__list {
  position:absolute;
  z-index:30;
  left:0;
  right:0;
  top:calc(100% + 6px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  padding:9px;
  border:1px solid #d7e2de;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(28,54,84,.12);
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__list[hidden] { display:none !important; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice {
  min-height:38px;
  padding:8px 10px;
  border:1px solid #dce6e2;
  border-radius:9px;
  background:#fbfdfc;
  color:#294154;
  text-align:left;
  font:inherit;
  font-size:13px;
  cursor:pointer;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice:hover,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice[aria-selected="true"] {
  border-color:#159a78;
  background:#eef9f5;
  color:#123d34;
}
@media (max-width:640px) {
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__list { grid-template-columns:1fr; }
}


/* 5.71.2016 — Need category-attached topic flyout.
 * No second visible subcategory field; native select remains canonical. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-field {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle {
  position:relative !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker {
  position:static !important;
  width:0 !important;
  height:0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker > .tsemou-need-topic-picker__button {
  display:none !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker > .tsemou-need-topic-picker__list {
  left:0 !important;
  right:0 !important;
  top:calc(100% + 6px) !important;
  width:auto !important;
  z-index:40 !important;
}
@media (hover:none), (pointer:coarse) {
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button { touch-action:manipulation; }
}

/* 5.71.2017 — Shared TSEMOU Create typography + Greek-safe Need labels.
 * Presentation only. Need/Give keep separate workflows and renderers.
 * Avoid forced tracking/case on human-facing Greek labels (tones/apostrophes). */
.tsemou-homepage-beta--need-create,
.tsemou-homepage-beta--give-create {
  --tsemou-create-line: #d7e2de;
  --tsemou-create-radius: 14px;
  --tsemou-create-active: #159a78;
  --tsemou-create-active-bg: #eef9f5;
  --tsemou-create-ink: #17324d;
  --tsemou-create-muted: #667085;
}

/* Shared visual DNA: category controls use natural typography and the same
 * border/radius/focus language, while their Need/Give content stays distinct. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-category-toggle__button {
  border-radius: var(--tsemou-create-radius) !important;
  letter-spacing: 0 !important;
  font-family: inherit !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button:focus-visible,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-category-toggle__button:focus-visible {
  outline: 2px solid var(--tsemou-create-active) !important;
  outline-offset: 2px !important;
}

/* Greek-safe Need flyout labels. Do not uppercase or space glyphs apart:
 * this preserves tonos, apostrophes and mixed-case labels as authored. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice {
  color: var(--tsemou-create-ink) !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-variant: normal !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice:hover,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice[aria-selected="true"] {
  border-color: var(--tsemou-create-active) !important;
  background: var(--tsemou-create-active-bg) !important;
}

/* 5.71.2018 — Need draft related-Gives rail. Mirrors the shared TSEMOU support
   surface language without coupling Need and Give renderers. */
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches {
  border: 1px solid #d9e5e2;
  border-radius: 16px;
  background: #fff;
  padding: 14px 15px;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches__head h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches__state {
  margin: 7px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.4;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches__list {
  display: grid;
  gap: 8px;
  margin-top: 8px;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-match-card {
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid #e1e8e6;
  border-radius: 12px;
  color: inherit;
  text-decoration: none;
  background: #fbfcfc;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-match-card strong { font-size: 14px; line-height: 1.25; }
.tsemou-homepage-beta--need-create .tsemou-need-draft-match-card span { color: #64748b; font-size: 12px; line-height: 1.35; }

/* 5.71.2020 — Need ↔ Give common Create design primitives.
 * Forensic convergence only: typography, control chrome, focus language, action
 * geometry and support-card rhythm shared by the two existing native composers.
 * Explicitly NOT owned here: outer workspace geometry, Give tapestry, category
 * content/layout, Need flyout workflow, Give destination workflow, matcher,
 * persistence, backend contracts or responsive stack breakpoints.
 */
.tsemou-homepage-beta--need-create,
.tsemou-homepage-beta--give-create {
  --tsemou-create-control-border: #cbd9e3;
  --tsemou-create-control-radius: 9px;
  --tsemou-create-control-height: 40px;
  --tsemou-create-focus: #159a78;
  --tsemou-create-focus-ring: rgba(21,154,120,.12);
  --tsemou-create-card-border: #d9e5e2;
  --tsemou-create-card-radius: 16px;
  --tsemou-create-card-pad: 14px;
  --tsemou-create-field-gap: 7px;
  --tsemou-create-rail-gap: 12px;
}

/* Human-facing form typography: same TSEMOU voice, workflow-specific copy. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-label,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-label {
  color: var(--tsemou-create-ink) !important;
  font-family: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Common native control chrome. Field ownership/value semantics remain untouched. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer input.tsemou-form-control,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer select.tsemou-form-control,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-input,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-textarea,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-input,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-textarea,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-visibility-select,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-search {
  border-color: var(--tsemou-create-control-border) !important;
  border-radius: var(--tsemou-create-control-radius) !important;
  background-color: #fff !important;
  color: var(--tsemou-create-ink) !important;
  font-family: inherit !important;
  letter-spacing: 0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer input.tsemou-form-control:focus,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer select.tsemou-form-control:focus,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-input:focus,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-textarea:focus,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-input:focus,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-textarea:focus,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-visibility-select:focus,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-search:focus {
  border-color: var(--tsemou-create-focus) !important;
  box-shadow: 0 0 0 3px var(--tsemou-create-focus-ring) !important;
  outline: none !important;
}

/* Dropdown/flyout surfaces share container language, not interaction or option shape. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__list,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-suggestions {
  border-color: var(--tsemou-create-card-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(28,54,84,.10) !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-picker__choice,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-option {
  font-family: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* Common action-zone geometry only. Need/Give color semantics stay independently owned. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-actions,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding-top: 0 !important;
  background: transparent !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-cancel,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-submit,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-cancel,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-submit {
  min-height: 38px !important;
  border-radius: 999px !important;
  font-family: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-cancel:focus-visible,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-submit:focus-visible,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-cancel:focus-visible,
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-submit:focus-visible {
  outline: 2px solid var(--tsemou-create-focus) !important;
  outline-offset: 2px !important;
}

/* Shared support-rail rhythm. Card identity/colors and card contents remain distinct. */
.tsemou-homepage-beta--need-create .tsemou-direct-need-create__rail,
.tsemou-homepage-beta--give-create .tsemou-direct-give-create__rail {
  gap: var(--tsemou-create-rail-gap) !important;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches,
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches {
  box-sizing: border-box !important;
  width: 100% !important;
  padding: var(--tsemou-create-card-pad) !important;
  border-color: var(--tsemou-create-card-border) !important;
  border-radius: var(--tsemou-create-card-radius) !important;
  background: #fff !important;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches__head h2,
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches__head h2 {
  margin: 0 !important;
  color: var(--tsemou-create-ink) !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
}
.tsemou-homepage-beta--need-create .tsemou-need-draft-matches__state,
.tsemou-homepage-beta--give-create .tsemou-give-draft-matches__state {
  color: var(--tsemou-create-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}

/* Mobile convergence is intentionally limited to usability primitives; the proven
 * <=900px one-column layouts and Give tapestry breakpoint are not redefined. */
@media (max-width: 640px) {
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-cancel,
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .entity-need-composer-submit,
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-cancel,
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .entity-need-composer-submit {
    min-height: 42px !important;
  }
}

/* 5.71.2021 — Need/Give top-workspace convergence after 2020 runtime validation.
 * Presentation-only and deliberately narrow. Give geometry/tapestry/content hierarchy
 * stay untouched. Need keeps its own copy, green semantics and category→topic flyout.
 * Shared here: page-title hierarchy and category-card shell geometry only.
 */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer > .entity-need-composer-heading {
  margin: 0 0 4px !important;
  text-align: center !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer > .entity-need-composer-hint {
  margin: 0 0 12px !important;
  text-align: center !important;
  line-height: 1.35 !important;
}

/* Same card shell as Give, without importing Give icons, explanatory pseudo-copy,
 * text alignment or active-state semantics into Need. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button {
  min-height: 74px !important;
  padding: 12px 14px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: var(--tsemou-create-line) !important;
  border-radius: var(--tsemou-create-radius) !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button:hover {
  border-color: #79b9a9 !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button.is-active,
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button[aria-checked="true"] {
  border-color: var(--tsemou-create-active) !important;
}

/* Match the proven Create workspace bottom rhythm; no track/gutter/width change. */
@media (min-width: 901px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    padding-bottom: 28px !important;
  }
}

/* Preserve compact mobile density instead of forcing the desktop 74px shell. */
@media (max-width: 640px) {
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer > .entity-need-composer-heading {
    font-size: 21px !important;
  }
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle__button {
    min-height: 52px !important;
    padding: 8px 6px !important;
    font-size: 11.5px !important;
  }
}

/* 5.71.2022 — Need/Give approved coastal tapestries. Decorative only; no form or rail geometry changes.
 * Need and Give use independent text-free artwork, height-locked at intrinsic ratio.
 * Below 1180px both strips are suppressed to avoid covering the form or viewport. */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    position: relative !important;
    isolation: isolate;
  }
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main::before {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
    top: 0;
    bottom: 0;
    right: calc(100% + 0px);
    width: clamp(84px, calc((100vw - 1054px) / 2 - 16px), 148px);
    background-image: url("need-solidarity-lighthouse-tapestry.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    opacity: .96;
  }
}
@media (max-width: 1179px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main::before {
    content: none !important;
    display: none !important;
  }
}


/* 5.71.2023 — Need/Give desktop tapestry +20% visible column allocation.
 * Shift both existing workspace shells right by 20px, taking 12px from the
 * composer and 8px from the supporting rail. The right edge remains fixed;
 * no form fields, matching, assets, mobile stack or tapestry height changes.
 * The artwork stays height-locked at its intrinsic aspect ratio; only the
 * decorative strip's clipping viewport becomes 20% wider.
 */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    left: 20px !important;
    width: min(calc(100% - 56px), 1084px) !important;
    max-width: 1084px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__layout {
    grid-template-columns: minmax(0, 748px) minmax(0, 312px) !important;
    max-width: 1084px !important;
    gap: 24px !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer,
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer {
    max-width: 748px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main::before {
    right: 100% !important;
    transform: none !important;
    width: clamp(100px, calc((100vw - 1054px) * .6 - 19.2px), 178px) !important;
    background-size: auto 100% !important;
    background-position: top right !important;
  }
}


/* 5.71.2024 — Reclaim unused right viewport margin for the tapestry and
 * restore the original composer/rail widths. Desktop-only, scoped to Create.
 * At 1280px the shell moves 28px right; the recovered 20px of track width
 * returns to the form and rail. Keep 10px breathing room at the mural edge.
 */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main {
    left: 44px !important;
    width: min(calc(100% - 56px), 1104px) !important;
    max-width: 1104px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create__layout,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create__layout {
    grid-template-columns: minmax(0, 760px) minmax(0, 320px) !important;
    max-width: 1104px !important;
    gap: 24px !important;
  }
  .tsemou-homepage-beta--give-create #tsemouDirectGiveComposer,
  .tsemou-homepage-beta--need-create #tsemouDirectNeedComposer {
    max-width: 760px !important;
  }
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before,
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main::before {
    right: calc(100% + 10px) !important;
    width: clamp(100px, calc((100vw - 1054px) * .6 - 3px), 190px) !important;
    background-size: auto 100% !important;
    background-position: top right !important;
  }
}

/* 5.71.2025 — Need/Give: balanced outer mural gutter and opaque header edge.
 * Desktop only: 4px outer inset at the reference viewport; the existing 10px
 * mural-to-composer gap and 760/24/320 workspace tracks stay unchanged.
 * The fixed header is already full-viewport and z-index 10000 on workspaces;
 * extend its opaque paint 16px beyond its own box to cover the site-shell
 * edge where the decorative mural could show through during scrolling.
 * No sticky/scroll positioning, image sizing or header navigation changes.
 */
@media (min-width: 1180px) {
  body .tsemou-homepage-beta--need-create > .site-header,
  body .tsemou-homepage-beta--give-create > .site-header {
    background: #fff !important;
  }
  body .tsemou-homepage-beta--need-create > .site-header::before,
  body .tsemou-homepage-beta--give-create > .site-header::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -16px;
    right: -16px;
    background: #fff;
    z-index: -1;
    pointer-events: none;
  }
}

/* 5.71.2026 — Need/Give fixed-header left-edge occlusion.
 * 2025's ::before sits at z-index:-1 and may paint behind the header's
 * own background/stacking context. Paint the 16px left extension on the
 * header itself instead. No scroll, mural, layout or artwork changes. */
@media (min-width: 1180px) {
  body .tsemou-homepage-beta--need-create > .site-header,
  body .tsemou-homepage-beta--give-create > .site-header {
    box-shadow: -16px 0 0 0 #fff !important;
  }
  body .tsemou-homepage-beta--need-create > .site-header::before,
  body .tsemou-homepage-beta--give-create > .site-header::before {
    content: none !important;
    display: none !important;
  }
}

/* 5.71.2028 — Fail-open desktop mural. The image must never depend on a
 * JS visibility toggle or a negative offscreen fallback. JS supplies viewport
 * coordinates and footer shift; before it runs the original absolute mural
 * remains visible. The existing artwork and composer/rail geometry are intact. */
@media (min-width: 1180px) {
  .tsemou-homepage-beta--need-create .tsemou-direct-need-create.tsemou-ds-form-main::before,
  .tsemou-homepage-beta--give-create .tsemou-direct-give-create.tsemou-ds-form-main::before {
    position: var(--tsemou-tapestry-position, absolute) !important;
    top: var(--tsemou-tapestry-top, 0px) !important;
    bottom: var(--tsemou-tapestry-bottom, 0px) !important;
    left: var(--tsemou-tapestry-left, auto) !important;
    right: var(--tsemou-tapestry-right, calc(100% + 10px)) !important;
    width: var(--tsemou-tapestry-width, clamp(100px, calc((100vw - 1054px) * .6 - 3px), 190px)) !important;
    height: var(--tsemou-tapestry-height, auto) !important;
    transform: translateY(var(--tsemou-tapestry-shift, 0px)) !important;
    visibility: visible !important;
    background-size: auto 100% !important;
    pointer-events: none !important;
  }
}

/* 5.71.2029 — Need/Give desktop: header viewport lock. The previous
 * sticky header moved from its natural document origin before engaging, while
 * mural JS followed its changing boundingClientRect().bottom each frame.
 * Fix the header at its viewport origin and reserve its normal-flow footprint.
 * Keep the existing mural art, form and right-rail geometry unchanged. */
@media (min-width: 1180px) {
  body:not(.admin-bar) .tsemou-homepage-beta--need-create > .site-header,
  body:not(.admin-bar) .tsemou-homepage-beta--give-create > .site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    transition: none !important;
    z-index: 10000 !important;
    background: #fff !important;
  }
  body:not(.admin-bar) .tsemou-homepage-beta--need-create > main,
  body:not(.admin-bar) .tsemou-homepage-beta--give-create > main {
    margin-top: 57px !important;
  }
}

/* 5.71.2030 — Desktop Need/Give: one viewport origin for header and mural.
 * 2029 still sampled the header height during every scroll, so its variable
 * height could move the fixed mural. Preserve the established 57px workspace
 * header footprint and match the mural's JS origin to that same 57px edge.
 * No global header rules, form geometry, artwork or mobile changes. */
@media (min-width: 1180px) {
  body:not(.admin-bar) .tsemou-homepage-beta--need-create > .site-header,
  body:not(.admin-bar) .tsemou-homepage-beta--give-create > .site-header {
    height: 57px !important;
    min-height: 57px !important;
    max-height: 57px !important;
    box-sizing: border-box !important;
    will-change: auto !important;
  }
}

/* 5.71.2031 — Give-only desktop header: one fixed viewport origin; no global sticky 12px offset. */
@media (min-width: 1180px) {
  body:not(.admin-bar):not(.entity-workspace-lock) .tsemou-homepage-beta--give-create > .site-header {
    position: fixed !important; top: 0 !important; bottom: auto !important;
    left: 0 !important; right: 0 !important; margin: 0 !important;
    translate: none !important; transform: none !important; transition: none !important;
    animation: none !important; height: 57px !important; min-height: 57px !important;
    max-height: 57px !important; box-sizing: border-box !important;
    box-shadow: none !important; background: #fff !important;
  }
  body:not(.admin-bar):not(.entity-workspace-lock) .tsemou-homepage-beta--give-create > main {
    margin-top: 57px !important;
  }
}

/* HI left rail: desktop guest-only component; retain established design tokens and auth handlers. */
@media (min-width:861px) {
 body:not(.entity-workspace-lock) .site-header .header-inner{position:relative}
 body:not(.entity-workspace-lock) .site-header .tsemou-hi-tagline{position:absolute;left:0;top:calc(50% + 13px);color:var(--tsemou-orange,#e77927);font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1;white-space:nowrap}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth{box-sizing:border-box;width:100%;padding:8px 8px 12px!important;margin:0 0 10px!important;align-items:stretch!important;text-align:left!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth>.tsemou-hi-auth__sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row{display:grid!important;grid-template-columns:minmax(0,1fr) 64px!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row>.tsemou-account-card-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;gap:6px!important;width:100%!important;min-width:0!important;margin:0!important;order:0!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row .tsemou-account-card-actions>.tsemou-register-open{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:38px!important;min-height:38px!important;padding:3px 5px!important;margin:0!important;border-radius:8px!important;white-space:normal!important;font-size:12px!important;line-height:1.18!important;text-align:center!important;letter-spacing:normal!important;text-transform:none!important;font-family:inherit!important;font-weight:700!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row .tsemou-account-card-actions>.tsemou-account-login{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:100%!important;height:29px!important;min-height:29px!important;padding:0 5px!important;margin:0!important;border:1px solid var(--tsemou-border,#cde4df)!important;border-radius:8px!important;background:#fff!important;color:var(--tsemou-text,#26313a)!important;font-size:12px!important;font-weight:700!important;line-height:1.18!important;letter-spacing:normal!important;text-transform:none!important;font-family:inherit!important;white-space:nowrap!important;text-decoration:none!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row>.tsemou-guest-login__mascot{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;grid-column:2!important;width:64px!important;max-width:64px!important;min-width:0!important;height:88px!important;max-height:88px!important;margin:0!important;padding:0!important;order:1!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row>.tsemou-guest-login__mascot>img{display:block!important;position:relative!important;width:57px!important;max-width:57px!important;height:auto!important;max-height:87px!important;aspect-ratio:200/305!important;object-fit:contain!important;margin:0!important;transform:none!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav{gap:4px!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav .tsemou-guest-explore__link{grid-template-columns:24px minmax(0,1fr)!important;min-height:39px!important;padding:7px 6px!important;column-gap:9px!important;font-weight:650!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav .tsemou-guest-explore__icon{width:24px!important;font-size:20px!important;line-height:1!important;color:var(--accent,#087d67)!important;opacity:1!important}
}
@media(max-width:860px){.tsemou-hi-tagline{display:none}}

/* HI left rail follow-up: preserve the established header footprint and mascot/button order. */
@media (min-width:861px) {
 body:not(.entity-workspace-lock) .site-header .logo.tsemou-home-new-brand .tsemou-home-new-brand-image{width:160px!important;height:34px!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important}
 body:not(.entity-workspace-lock) .site-header .tsemou-hi-tagline{top:40px!important;left:0!important;margin:0!important;padding:0!important;font-size:10px!important;line-height:10px!important;letter-spacing:.035em!important;transform:none!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row .tsemou-account-card-actions>.tsemou-register-open{background:#168db3!important;border-color:#168db3!important;color:#fff!important;font-size:13px!important;line-height:1.12!important;letter-spacing:normal!important;text-transform:none!important}
 body:not(.entity-workspace-lock) .left-column .tsemou-hi-auth__row .tsemou-account-card-actions>.tsemou-account-login{font-size:13px!important;letter-spacing:normal!important;text-transform:none!important}
}

/* HI guest Home — structural position fix, 2026-09-19.
 * Row 1 = unchanged header logo/search/actions. Row 2 = tagline below the
 * header boundary, with its own clearance before the guest left rail.
 * Do not change header height or the center/right column geometry. */
@media (min-width:861px) {
 body:not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .header-inner { position:relative!important; }
 body:not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .tsemou-hi-tagline {
  position:absolute!important; top:calc(100% + 3px)!important; left:0!important;
  margin:0!important; padding:0!important; transform:none!important;
  color:var(--tsemou-orange,#e77927)!important; font-size:10px!important;
  line-height:12px!important; letter-spacing:.035em!important; white-space:nowrap!important;
 }
 body:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:has(.tsemou-hi-auth) {
  margin-top:20px!important;
 }
}
@media (min-width:1201px) {
 body:not(.admin-bar):not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:has(.tsemou-hi-auth) {top:91px!important;}
 body.admin-bar:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:has(.tsemou-hi-auth) {top:calc(var(--wp-admin--admin-bar--height,32px) + 79px)!important;}
}

/* 5.71.2031 — logged-in Home left rail: breathing room only.
 * Scoped to authenticated homepage rail; no guest, workspace, center or right changes. */
@media (min-width:861px) {
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-account-card--compact {
  padding:18px 16px 17px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-account-identity-row {
  gap:12px !important;
  margin-bottom:9px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou:not(.tsemou-my-tsemou--guest) {
  gap:13px !important;
  padding:14px 14px 19px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou__title {
  margin-bottom:9px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou__summary {
  gap:7px !important;
  padding:6px 0 10px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou__metric {
  min-height:45px !important;
  padding:10px 9px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou__group {
  margin-top:9px !important;
  padding-top:12px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou__label {
  margin-bottom:9px !important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta .homepage-grid > .left-column:not(:has(.tsemou-hi-auth)) .tsemou-my-tsemou-item {
  min-height:41px !important;
  padding:9px 8px !important;
 }
}

/* 5.71.2031 — authenticated account actions integrated in MY TSEMOU.
   Only hide the original card after JS has preserved its canonical links. */
body:not(.entity-workspace-lock) .left-column .tsemou-account-card--compact.tsemou-account-card--merged{display:none !important;}
body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__title:has(.tsemou-my-tsemou__profile-link){display:flex !important;align-items:center;justify-content:space-between;gap:8px;}
body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__profile-link{color:inherit;text-decoration:none;font:inherit;min-width:0;}
body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__logout-link{color:#66737d;font-size:11px;font-weight:500;text-decoration:none;white-space:nowrap;}
body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__profile-link:hover,body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__logout-link:hover{text-decoration:underline;}
body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__profile-link:focus-visible,body:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__logout-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;}

/* 5.71.2031 — LOGGED HOME PRIMARY NAV PARITY + MY TSEMOU COMPACT ACCORDION */
.left-column .tsemou-account-card--compact.tsemou-account-card--merged{display:none!important}
.left-column .tsemou-my-tsemou--compact{padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.left-column .tsemou-my-tsemou__accordion-toggle{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border:0;background:transparent;color:var(--tsemou-ink,#0d2147);font:600 14px/1.2 inherit;cursor:pointer;text-align:left}
.left-column .tsemou-my-tsemou__accordion-toggle:hover{background:rgba(13,33,71,.045);border-radius:10px}
.left-column .tsemou-my-tsemou__chevron{font-size:16px;transition:transform .16s ease}
.left-column .tsemou-my-tsemou__accordion-toggle[aria-expanded="true"] .tsemou-my-tsemou__chevron{transform:rotate(180deg)}
.left-column .tsemou-my-tsemou__compact-menu{margin:0 0 8px;padding:4px 8px 8px;border-bottom:1px solid rgba(13,33,71,.10)}
.left-column .tsemou-my-tsemou__compact-link{width:100%;min-height:36px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--tsemou-ink,#0d2147);font:500 13px/1.2 inherit;text-decoration:none;text-align:left;cursor:pointer}
.left-column .tsemou-my-tsemou__compact-link:hover{background:rgba(13,33,71,.045)}
.left-column .tsemou-my-tsemou__compact-link strong{min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(13,33,71,.06);font-size:11px;font-weight:600}
.left-column .tsemou-member-primary-nav{display:flex;flex-direction:column;padding:8px 0 0;border-top:1px solid rgba(13,33,71,.10)}
.left-column .tsemou-member-primary-nav>a{min-height:43px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:10px;padding:0 12px;color:var(--tsemou-ink,#0d2147);font:600 14px/1.2 inherit;text-decoration:none;border-radius:10px}
.left-column .tsemou-member-primary-nav>a:hover{background:rgba(13,33,71,.045)}
.left-column .tsemou-member-primary-nav>a>span:first-child{font-size:18px;line-height:1;text-align:center;color:var(--tsemou-accent,#0b8f86)}
.left-column .tsemou-my-tsemou__detail-head{margin:2px 8px 8px}
.left-column .tsemou-my-tsemou__group{margin:0 8px 8px}


/* 5.71.2031 — logged-in Home rail exact guest-menu design parity.
 * Reuse canonical guest nav classes/tokens; only neutralize legacy member overrides. */
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou--compact .tsemou-member-primary-nav.tsemou-hi-nav{
  display:grid!important;grid-template-columns:1fr!important;gap:4px!important;
  width:100%!important;padding:8px 0 0!important;margin:0!important;
  border-top:1px solid rgba(13,33,71,.10)!important;
}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou--compact .tsemou-member-primary-nav.tsemou-hi-nav>.tsemou-guest-explore__link{
  display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;
  column-gap:9px!important;width:100%!important;min-height:39px!important;height:auto!important;
  padding:7px 6px!important;margin:0!important;box-sizing:border-box!important;border-radius:7px!important;
  color:#26313a!important;text-decoration:none!important;font-family:inherit!important;font-size:13px!important;
  font-weight:650!important;line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important;white-space:normal!important;
}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou--compact .tsemou-member-primary-nav.tsemou-hi-nav>.tsemou-guest-explore__link>.tsemou-guest-explore__icon{
  display:block!important;width:24px!important;font-size:20px!important;line-height:1!important;text-align:center!important;
  color:var(--accent,#087d67)!important;opacity:1!important;
}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou--compact .tsemou-my-tsemou__accordion-toggle{
  min-height:39px!important;padding:7px 6px!important;font-family:inherit!important;font-size:13px!important;font-weight:650!important;
  line-height:1.25!important;letter-spacing:normal!important;text-transform:none!important;
}

/* 5.71.2031 — MY TSEMOU personal avatar + plus/minus accordion indicator */
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__toggle-identity{display:flex;align-items:center;min-width:0;gap:8px}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__toggle-avatar{display:block;width:30px;height:30px;flex:0 0 30px;object-fit:cover;border-radius:50%}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__chevron{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:0 0 24px;font-size:22px!important;font-weight:400;line-height:1;transform:none!important;transition:none!important;color:var(--tsemou-ink,#0d2147)}
body.logged-in:not(.entity-workspace-lock) .left-column .tsemou-my-tsemou__accordion-toggle[aria-expanded="true"] .tsemou-my-tsemou__chevron{transform:none!important}

/* 5.71.2031 — logged-in HI tagline: exact anonymous header-boundary anchor.
 * Reference contract: HUMAN INTELLIGENCE sits 3px below the header-inner bottom,
 * matching anonymous Home. No header/logo/grid geometry changes. */
@media (min-width:861px) {
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {
  position:relative!important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
  position:absolute!important;
  top:calc(100% + 3px)!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:var(--tsemou-orange,#e77927)!important;
  font-size:10px!important;
  line-height:12px!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
 }
}


/* 5.71.2031 — HI typography option 10: HUMAN emphasis, smaller overall scale.
 * Typography only: preserve the validated tagline positioning/anchor. */
@media (min-width:861px) {
 body:not(.entity-workspace-lock) .site-header .tsemou-hi-tagline {
  font-size:9px!important;
  line-height:11px!important;
  letter-spacing:.025em!important;
  font-weight:500!important;
 }
 body:not(.entity-workspace-lock) .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
 body:not(.entity-workspace-lock) .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — HI final placement: directly under the TSEMOU logo (option 10 reference).
 * Override the earlier header-boundary experiment. Keep the tagline inside the logo/header zone,
 * directly below the logo, without changing header height, logo geometry, grid, or rails. */
@media (min-width:861px) {
 body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {position:relative!important;}
 body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
  position:absolute!important;
  top:40px!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:9px!important;
  line-height:11px!important;
  letter-spacing:.025em!important;
  font-weight:500!important;
  white-space:nowrap!important;
 }
 body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
 body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — FINAL HI placement contract, 2026-09-19.
 * Desktop logged-in Home only: tagline occupies the 10px band immediately
 * below the 34px centered logo and immediately above the 56px header border.
 * Header geometry: min-height 56px; logo image 34px => logo bottom at 45px.
 * Therefore tagline top=45px, line-height=10px => bottom=55px, leaving the
 * 1px header border below it. No header/logo/grid geometry changes. */
@media (min-width:861px) {
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {position:relative!important;}
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
  position:absolute!important;
  top:45px!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:9px!important;
  line-height:10px!important;
  letter-spacing:.025em!important;
  font-weight:500!important;
  white-space:nowrap!important;
 }
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
 body.logged-in:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — anonymous Home parity with validated logged-in HI placement.
 * Same geometry: directly below logo and immediately above header divider. */
@media (min-width:861px) {
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {position:relative!important;}
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
  position:absolute!important;
  top:45px!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  font-size:9px!important;
  line-height:10px!important;
  letter-spacing:.025em!important;
  font-weight:500!important;
  white-space:nowrap!important;
 }
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — Anonymous HI root-cause fix, 2026-09-19.
 * Forensic finding: the older guest-only :has(.left-column .tsemou-hi-auth)
 * selector has higher specificity than the later anonymous parity selector,
 * so top:calc(100% + 3px)!important kept winning and rendered the tagline
 * below the header divider. Override that exact runtime selector contract.
 * Geometry is anchored to the real 56px header and 34px centered logo:
 * logo bottom = 45px; tagline occupies y=45..55; divider begins at y=56.
 * No header height, logo, grid, feed, rail or sticky behavior changes. */
@media (min-width:861px) {
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .header-inner {
  position:relative!important;
 }
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .tsemou-hi-tagline {
  position:absolute!important;
  top:45px!important;
  left:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  color:var(--tsemou-orange,#e77927)!important;
  font-size:9px!important;
  line-height:10px!important;
  letter-spacing:.025em!important;
  font-weight:500!important;
  white-space:nowrap!important;
 }
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
 body:not(.logged-in):not(.entity-workspace-lock) .tsemou-homepage-beta:has(.left-column .tsemou-hi-auth) > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — Desktop feed native select interaction lock, 2026-09-19.
 * Root-cause containment: keep the two canonical desktop native <select>
 * controls above non-interactive feed/header layers and explicitly pointer-active.
 * No geometry, values, filtering logic, mobile sheet, or feed rendering changes. */
@media (min-width: 761px) {
  body:not(.entity-workspace-lock) .tsemou-feed-perspective-selector {
    position: relative !important;
    z-index: 40 !important;
    isolation: isolate;
    pointer-events: auto !important;
  }
  body:not(.entity-workspace-lock) .tsemou-feed-selector-controls,
  body:not(.entity-workspace-lock) .tsemou-feed-select-wrap,
  body:not(.entity-workspace-lock) .tsemou-feed-select {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: auto !important;
  }
  body:not(.entity-workspace-lock) .tsemou-feed-select {
    touch-action: manipulation;
  }
  body:not(.entity-workspace-lock) .tsemou-feed-select-wrap::before,
  body:not(.entity-workspace-lock) .tsemou-feed-select-wrap::after {
    pointer-events: none !important;
  }
}

/* 5.71.2031 — Mobile HI tagline parity, 2026-09-19.
 * Root cause: an older max-width:860px rule hard-hides .tsemou-hi-tagline.
 * Mobile-only override: show the existing canonical tagline directly below
 * the real logo, without changing desktop or workspace surfaces. */
@media (max-width:860px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {
    position:relative!important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
    display:block!important;
    position:absolute!important;
    left:0!important;
    top:45px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:var(--tsemou-orange,#e77927)!important;
    font-size:9px!important;
    line-height:10px!important;
    letter-spacing:.025em!important;
    font-weight:500!important;
    white-space:nowrap!important;
    z-index:2!important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}


/* 5.71.2031 — Mobile HI alignment recovery R8, 2026-09-19.
 * Recovery from R7 malformed escaped-newline payload.
 * Preserve R6 visibility contract; adjust only mobile horizontal alignment. */
@media (max-width:860px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
    display:block!important;
    left:14px!important;
  }
}

/* 5.71.2031 — HI mobile forensic geometry lock R9, 2026-09-19.
 * Verified runtime target from real mobile screenshot:
 * - canonical tagline node is a sibling of the logo inside .header-inner;
 * - mobile logo visual left edge is 14px from the header coordinate origin;
 * - R8 proved left:14px aligns the tagline with that visual edge;
 * - keep the existing 9px option-10 typography;
 * - place tagline in the narrow band immediately under the logo with a 2px visual gap.
 * This final, mobile-only rule intentionally overrides all older HI experiments.
 */
@media (max-width:860px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .header-inner {
    position:relative!important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
    display:block!important;
    position:absolute!important;
    left:14px!important;
    top:43px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:var(--tsemou-orange,#e77927)!important;
    font-size:9px!important;
    line-height:10px!important;
    letter-spacing:.025em!important;
    font-weight:500!important;
    white-space:nowrap!important;
    z-index:2!important;
  }
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__human {font-weight:800!important;}
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline__intelligence {font-weight:500!important;}
}

/* 5.71.2031 — Mobile HI logo-relative vertical gap R10, 2026-09-19.
 * Forensic correction only: preserve R9 horizontal alignment and every other header parameter.
 * Mobile logo box is 38px high and vertically centered in the header row.
 * Place the tagline 3px below the logo box: center + half-logo (19px) + 3px.
 * This replaces the guessed absolute top:43px without changing logo/search/header/feed geometry.
 */
@media (max-width:760px) {
  body:not(.entity-workspace-lock) .tsemou-homepage-beta > .site-header .tsemou-hi-tagline {
    top:calc(50% + 22px)!important;
  }
}

/* R11 — Desktop header language dropdown only. Preserve mobile and all other header controls. */
@media (min-width:861px) {
  body .tsemou-homepage-beta > .site-header details.tsemou-purpose-language-links {
    position:relative!important;
    overflow:visible!important;
  }
  body .tsemou-homepage-beta > .site-header details.tsemou-purpose-language-links > .tsemou-purpose-language-links__menu {
    position:absolute!important;
    inset:auto 0 auto auto!important;
    top:calc(100% + 6px)!important;
    width:max-content!important;
    min-width:0!important;
    max-width:min(280px, calc(100vw - 24px))!important;
    height:auto!important;
    min-height:0!important;
    padding:6px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:2px!important;
    opacity:1!important;
    visibility:visible!important;
    background:#fff!important;
    color:#26312d!important;
    border:1px solid #dde2d8!important;
    border-radius:10px!important;
    box-shadow:0 8px 22px rgba(32,40,35,.14)!important;
    box-sizing:border-box!important;
  }
  body .tsemou-homepage-beta > .site-header details.tsemou-purpose-language-links:not([open]) > .tsemou-purpose-language-links__menu {
    display:none!important;
  }
  body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu > .tsemou-purpose-language-form {
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
    opacity:1!important;
  }
  body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:35px!important;
    height:32px!important;
    padding:5px 7px!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    background:transparent!important;
    color:#26312d!important;
    opacity:1!important;
    visibility:visible!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1!important;
    text-align:center!important;
    cursor:pointer!important;
  }
  body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link:hover,
  body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link:focus-visible {
    background:#f3f5f1!important;
    color:#087f6b!important;
  }
}


/* R12 — only the existing mobile Home action sheet: native language + touch scrolling. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-links {
    display: block !important;
    position: static !important;
    width: 100%;
    margin: 0;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-summary {
    display: none !important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-links__menu {
    display: flex !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    flex-wrap: wrap;
    gap: 8px;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-form {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 40px;
    padding: 6px 10px !important;
    color: #252a30 !important;
    background: #f3f5f7 !important;
    border: 1px solid #e2e6ea !important;
    border-radius: 12px !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--language .tsemou-purpose-language-link.is-current {
    color: #075d4d !important;
    border-color: #8dcbbb !important;
    background: #eaf7f2 !important;
  }
}

/* R13: mobile language forms are direct sheet children, never a closed details. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet .tsemou-mobile-language-options {
    display:flex!important; position:static!important; flex-wrap:wrap; gap:8px;
    width:100%; min-width:0; padding:4px 0; visibility:visible!important;
  }
}

/* R15 — mobile sheet geometry only; preserve existing content and interactions. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterLayer .tsemou-mobile-feed-filter-sheet {
    position:absolute!important; top:0!important; bottom:0!important; left:auto!important; right:0!important;
    width:min(85vw,380px)!important; max-width:calc(100vw - 32px)!important;
    height:100%!important; height:100dvh!important; max-height:100dvh!important;
    box-sizing:border-box!important; border-radius:20px 0 0 20px!important;
    padding-top:calc(12px + env(safe-area-inset-top))!important;
    overflow-x:hidden!important; overflow-y:auto!important;
    overscroll-behavior-y:contain; -webkit-overflow-scrolling:touch; touch-action:pan-y;
    transform:translate3d(105%,0,0)!important;
    transition:transform .20s cubic-bezier(.2,.8,.2,1)!important;
  }
  #tsemouMobileFeedFilterLayer.is-open .tsemou-mobile-feed-filter-sheet {transform:translate3d(0,0,0)!important;}
  #tsemouMobileFeedFilterLayer .tsemou-mobile-feed-filter-handle {display:none!important;}
}

/* R16: mobile drawer scroll-only: avoid a permanently transformed iOS scroll surface.
   Preserve the R15 offscreen transform while closed and all existing controls. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterLayer.is-open #tsemouMobileFeedFilterSheet {
    transform:none!important;
    touch-action:auto!important;
    overscroll-behavior-y:auto!important;
  }
}

/* R17: mobile feed controls first; compact only the two feed-control groups.
   Preserve drawer geometry, touch scrolling, account, language and navigation. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedPerspectiveLabel"],
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedSortLabel"] {
    padding-top:10px; padding-bottom:9px;
  }
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] > h3,
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedSortLabel"] > h3 {
    color:#374151; font-size:12px; font-weight:800; letter-spacing:.035em; margin:0 0 5px;
  }
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] .tsemou-mobile-feed-filter-list > button,
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedSortLabel"] .tsemou-mobile-feed-filter-list > button {
    min-height:43px; padding:0 8px; font-size:15px; line-height:1.25;
  }
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] .tsemou-mobile-feed-filter-list > button.is-active,
  #tsemouMobileFeedFilterSheet > .tsemou-mobile-feed-filter-group[aria-labelledby="tsemouMobileFeedSortLabel"] .tsemou-mobile-feed-filter-list > button.is-active {
    background:#eef7f4; border-radius:8px; color:#075d4d;
  }
}

/* R19: mobile Home feed controls only. Actual sheet children, not a nested label selector. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] > .tsemou-mobile-feed-filter-list,
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedSortLabel"] > .tsemou-mobile-feed-filter-list {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important; padding:0!important;
  }
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] > .tsemou-mobile-feed-filter-list {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] .tsemou-mobile-feed-filter-list > button,
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedSortLabel"] .tsemou-mobile-feed-filter-list > button {
    box-sizing:border-box!important; min-width:0!important; width:100%!important;
    min-height:44px!important; height:auto!important; margin:0!important;
    padding:7px 5px!important; font-size:12px!important; line-height:1.2!important;
    letter-spacing:0!important; text-align:center!important; white-space:normal!important;
    display:flex!important; align-items:center!important; justify-content:center!important;
    position:relative!important; border-radius:9px!important;
  }
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedPerspectiveLabel"] .tsemou-mobile-feed-filter-list > button > b,
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedSortLabel"] .tsemou-mobile-feed-filter-list > button > b {
    position:absolute!important; right:3px!important; top:2px!important; font-size:11px!important;
  }
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedPerspectiveLabel"],
  #tsemouMobileFeedFilterSheet > section[aria-labelledby="tsemouMobileFeedSortLabel"] {
    padding-top:8px!important; padding-bottom:8px!important;
  }
}

/* R20 — mobile drawer navigation legibility only; no filter, drawer or desktop changes. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list {
    display:flex!important; flex-direction:column!important; gap:2px!important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a {
    display:flex!important; align-items:center!important; gap:10px!important;
    min-height:42px!important; padding:7px 8px!important;
    font-size:14px!important; line-height:1.3!important; letter-spacing:0!important;
    text-decoration:none!important; white-space:normal!important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a > .tsemou-mobile-nav-icon {
    flex:0 0 20px!important; width:20px!important; text-align:center!important;
    font-size:18px!important; line-height:1!important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a > b {
    margin-left:auto!important; flex:0 0 auto!important;
  }
}

/* R27: Need-only read-only selected subcategory confirmation. */
.tsemou-need-topic-confirmation{display:block;margin:7px 0 10px;padding:7px 11px;border:1px solid #d7e2df;border-radius:10px;color:#5c6b70;font-size:13px;line-height:1.35;max-width:100%;box-sizing:border-box}
.tsemou-need-topic-confirmation.has-selection{color:#176f58;background:#f0faf7;border-color:#a9d9cb;font-weight:600}
.tsemou-need-topic-confirmation[hidden]{display:none!important}

/* R30 — Direct Give only: show server-backed destination choices as Need-like rows.
 * No change to Need, desktop Home, submission values, or selector hierarchy. */
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-selector--give-list .destination-chain-suggestions:not([hidden]) {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  max-height: 340px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  box-shadow: none !important;
  padding: 8px !important;
}
.tsemou-homepage-beta--give-create #tsemouDirectGiveComposer .destination-chain-selector--give-list .destination-chain-option {
  display: flex !important;
  width: 100% !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  justify-content: flex-start !important;
  text-align: left !important;
  border-radius: 10px !important;
  font-size: 14px !important;
}


/* R34 — mobile drawer hierarchy + restrained navigation accents only.
 * Navigation moves ahead of feed-view controls; no routes, handlers, drawer geometry,
 * desktop surfaces, filter state or account/language behavior are changed. */
@media (max-width:760px) {
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation {
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-nav-icon {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
    border-radius:50%!important;
    font-weight:700!important;
  }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:nth-child(1) .tsemou-mobile-nav-icon { color:#1677c8!important; background:#eef7ff!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:nth-child(2) .tsemou-mobile-nav-icon { color:#c74452!important; background:#fff1f3!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:nth-child(3) .tsemou-mobile-nav-icon { color:#c97918!important; background:#fff7e8!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:nth-child(4) .tsemou-mobile-nav-icon { color:#6551b8!important; background:#f4f1ff!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:nth-child(5) .tsemou-mobile-nav-icon { color:#087f6b!important; background:#edf8f5!important; }
}

/* 5.71.2210 — Small Need identity and consistent type/location card metadata.
 * The shared TSEMOU header already renders in the Needs hub. */
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity{min-width:0;margin-right:auto}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity>strong{font-size:20px;line-height:1.15;color:#173c35}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity>p{margin:3px 0 0;color:#52665e;font-size:13px;line-height:1.35}
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-result__badges .is-family{background:#eef7f2;color:#21624e}
@media(max-width:700px){
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar{flex-wrap:wrap;column-gap:7px;row-gap:7px}
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity{flex:1 1 100%}
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity>strong{font-size:17px}
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity>p{font-size:12px}
}

/* 5.71.2211 — Keep the two Needs actions together below the mobile identity. */
@media(max-width:700px){
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar{justify-content:center}
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity{margin-right:0}
 .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar>a{flex:0 0 auto}
}

/* 5.71.2212 — Needs companion docks beside actions instead of covering cards. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-companion{
 position:relative;right:auto;bottom:auto;z-index:10;flex:0 0 auto;margin-left:auto;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-bubble{
 position:absolute;right:0;bottom:calc(100% + 8px);transform-origin:bottom right;
}
@media(max-width:700px){
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-companion{margin-left:auto}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-button{width:42px;height:42px;padding:3px;border-radius:14px}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-button img{width:35px;height:35px}
}

/* 5.71.2213 — On Needs the opened message uses reserved space below the actions. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-bubble{
 top:calc(100% + 8px);bottom:auto;
}

/* 5.71.2214 — Secondary companion treatment in the Needs action row only.
 * Override the existing global !important native-raster sizing without changing
 * the asset or the character styling on Home and Workspace. */
@media(max-width:700px){
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-button{
  width:29px !important;height:38px !important;padding:2px !important;
  border-radius:14px !important;border-color:#dde7e1;
  box-shadow:0 3px 12px rgba(35,43,68,.10);
 }
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-button img{
  width:22px !important;height:34px !important;aspect-ratio:40 / 61 !important;
 }
}

/* 5.71.2215 — Real public Need help offers; hidden when none exist. */
.tsemou-homepage-beta .tsemou-needs-result__badges .is-public-help{background:#eef7f2;color:#21624e}

/* 5.71.2216 — Clear individual active Need filters without losing other refinements. */
.tsemou-homepage-beta .tsemou-needs-active-filters{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.tsemou-homepage-beta .tsemou-needs-active-filter{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:6px 11px;border:1px solid #b7d3c8;border-radius:999px;color:#245a4a;background:#eef7f2;text-decoration:none;font-size:.86em;line-height:1.2}
.tsemou-homepage-beta .tsemou-needs-active-filter span{font-size:1.2em;line-height:1}

/* 5.71.2217 — Shared TSEMOU identity without introducing a second hero. */
.tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__eyebrow{display:block;margin:0 0 5px;color:#d86b24;font-size:10px;font-weight:800;letter-spacing:.075em;line-height:1.2;text-transform:uppercase}

/* 5.71.2218 — Compress the introductory zone after a main family choice. */
@media(max-width:700px){
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-intentbar{margin-top:8px;margin-bottom:8px;row-gap:5px}
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-intentbar__identity>p{display:none}
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-intentbar__eyebrow{margin-bottom:2px}
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-family-chips,
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-topic-chips{margin-bottom:5px}
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-catalogue--compact{margin-top:4px;padding-top:5px}
}

/* 5.71.2219 — Need state follows the request; no extra row for empty state. */
.tsemou-homepage-beta .tsemou-needs-result__state{margin-top:2px}
.tsemou-homepage-beta .tsemou-needs-result__state .is-viewer-offer{background:#eef7f2;color:#21624e}

/* Need catalogue: keep the open action in the final text line, without an extra row. */
.tsemou-homepage-beta .tsemou-needs-result{position:relative}
.tsemou-homepage-beta .tsemou-needs-result .tsemou-needs-result__ending{white-space:nowrap}
.tsemou-homepage-beta .tsemou-needs-result .tsemou-needs-result__open{display:inline-block;padding:0 5px;color:#173c35;font:inherit;font-weight:800;text-decoration:none;white-space:nowrap}
.tsemou-homepage-beta .tsemou-needs-result .tsemou-needs-result__open::after{content:"";position:absolute;inset:0}
.tsemou-homepage-beta .tsemou-needs-result:focus-within{outline:2px solid #1677c8;outline-offset:2px}

/* Mobile Needs hub: the NEED/GIVE actions already name the section. */
@media(max-width:700px){
  .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar__identity>strong{display:none}
  .tsemou-homepage-beta .tsemou-needs-hub__main{padding-top:8px}
  .tsemou-homepage-beta .tsemou-needs-hub .tsemou-needs-intentbar,
  .tsemou-homepage-beta .tsemou-needs-hub--refined .tsemou-needs-intentbar{margin-top:6px}
}

/* Trim only the space above the native mobile Needs logo (~3 CSS px). */
@media(max-width:760px){
  .tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header{padding-top:8px!important}
}

/* TSEMOU Need/Give identity: warm request, green contribution. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:first-of-type{border-color:#bd795e;background:#fff5ef;color:#8c3f2a}
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:last-of-type{border-color:#6aa68b;background:#eef8f2;color:#185c43}
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:first-of-type:hover,
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:first-of-type:focus-visible{background:#ffe8dc;border-color:#9e4f35}
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:last-of-type:hover,
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a:last-of-type:focus-visible{background:#dff1e6;border-color:#357c5c}

/* Mobile Needs actions: let the mascot sit by the message instead of setting
 * the height of the action row. The buttons keep an extended touch target. */
@media(max-width:700px){
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar{position:relative}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar__eyebrow{text-align:center}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a{position:relative;box-sizing:border-box;width:110px;height:25px;min-height:25px;justify-content:center;padding:0 4px;font-size:11px;font-weight:750}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar>a::after{content:"";position:absolute;inset:-10px 0}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-companion{position:absolute;top:0;right:0;margin-left:0}
}

/* 5.71.2221 — TSEMITIES joins the shared platform identity while retaining its motto. */
.tsemou-homepage-beta--categories .tsemou-community-directory-identity{text-align:left;margin:0 0 12px}
.tsemou-homepage-beta--categories .tsemou-community-directory-identity__eyebrow{margin:0 0 5px;color:#d86b24;font-size:11px;font-weight:800;letter-spacing:.085em;line-height:1.25}
.tsemou-homepage-beta--categories .tsemou-community-directory-identity h1{margin:0;color:#17372f;font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.12;letter-spacing:-.015em}
.tsemou-homepage-beta--categories .tsemou-community-directory-identity__motto{margin:5px 0 0;color:#657870;font-size:11px;font-weight:750;letter-spacing:.11em;line-height:1.25}
@media(max-width:620px){.tsemou-homepage-beta--categories .tsemou-community-directory-identity{margin-bottom:8px}.tsemou-homepage-beta--categories .tsemou-community-directory-identity__eyebrow{font-size:10px}.tsemou-homepage-beta--categories .tsemou-community-directory-identity h1{font-size:25px}}

/* 5.71.2222 — Compact the community directory introduction only. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:10px auto 0;padding:12px 14px;border-radius:16px;box-shadow:0 5px 18px rgba(28,54,84,.05)}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry__button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:42px;padding:8px 15px;box-shadow:none;text-decoration:none;font-size:13px}
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-purpose-categories-main{padding-top:13px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-geo-bar{margin:4px 0 8px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row{margin-bottom:6px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-action-groups-description{line-height:1.35}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry{gap:8px;margin:8px auto 0;padding:9px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry__button{width:auto;min-height:40px;padding:7px 10px;font-size:12px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar{margin:8px 0 10px!important}
}

/* 5.71.2223 — Contribution action and Cases navigation have distinct weight. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .tsemou-community-directory-create{border-color:#0c756c;background:#0c756c;color:#fff}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .tsemou-community-directory-cases{border-color:#c9d8d1;background:#fff;color:#245947;font-weight:750}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .tsemou-community-directory-cases:hover{border-color:#79ae9b;background:#eff8f4;transform:none}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .tsemou-community-directory-cases:focus-visible{outline:3px solid rgba(12,117,108,.32);outline-offset:2px}

/* 5.71.2224 — Search comes first; two clear refinements follow on mobile. */
@media(max-width:760px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>.tsemou-purpose-category-search{flex:1 0 100%!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:40px!important;height:40px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>label:not(.tsemou-purpose-category-search){flex:0 1 auto!important;max-width:100%!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls>label:not(.tsemou-purpose-category-search)>select{max-width:100%!important;min-height:38px!important;height:38px!important;line-height:38px!important}
}

/* 5.71.2226 — Reserve a place for Synodos in the TSEMITIES intro. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry{flex-wrap:wrap}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-companion{position:relative;right:auto;bottom:auto;z-index:5;flex:0 0 auto;margin-left:auto;pointer-events:auto}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-bubble{position:absolute;right:0;bottom:calc(100% + 8px)}
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-companion{margin-left:auto}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-button{width:40px!important;height:54px!important;padding:2px!important;border-radius:14px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-button img{width:35px!important;height:53px!important;aspect-ratio:40 / 61!important}
}

/* 5.71.2228 — Remove the empty mobile discovery status row below the filters.
 * Live status remains accessible and save feedback still occupies space when present. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar{margin-bottom:6px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-meta{display:contents!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-save-state:empty{display:none!important}
}

/* 5.71.2229 — Give the first card a comfortable gap and trim footer whitespace. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar{margin-bottom:14px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-purpose-categories-main{padding-bottom:24px}
}

/* 5.71.2230 — Open Synodos below its dock, reserving the message height in JS. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-create-entry .living-node-page-bubble{top:calc(100% + 8px);bottom:auto;transform-origin:top right}
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-purpose-category-grid{margin-top:12px!important}
}

/* 5.71.2233 — Compact the mobile TSEMITIES introduction. The controls and
 * discovery rows keep their current dimensions and behavior. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-purpose-categories-main{padding-top:9px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity{margin-bottom:4px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity__eyebrow{margin-bottom:3px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity__motto{margin-top:3px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-geo-bar{margin:3px 0 6px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-action-groups-description{max-width:100%!important;text-align:left!important;line-height:1.35!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry{margin-top:6px}
}

/* 5.71.2234 — Mobile discovery actions use their own button shapes, without
 * an extra panel around them. Their touch targets remain at least 40px. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry{justify-content:flex-start;width:100%;margin:8px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry__button{min-height:42px}
}

/* 5.71.2236 — Put the two contribution/navigation actions beside the directory
 * title. The existing companion dock remains below the description. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity__eyebrow{grid-column:1/-1}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity h1{grid-column:1;grid-row:2;min-width:0}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity__motto{grid-column:1/-1;grid-row:3}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions{grid-column:2;grid-row:2;display:flex;align-items:center;gap:8px;white-space:nowrap}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{display:inline-flex;align-items:center;justify-content:center;box-shadow:none;text-decoration:none;font-size:13px}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-cases{border-color:#c9d8d1;background:#fff;color:#245947;font-weight:750}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-cases:focus-visible{outline:3px solid rgba(12,117,108,.32);outline-offset:2px}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-label-mobile{display:none}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-description-search-row .tsemou-community-create-entry:empty{display:none!important}
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity{column-gap:6px;margin-bottom:4px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity h1{font-size:23px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions{gap:5px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-label-full{display:none}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-label-mobile{display:inline}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{min-height:44px;padding:7px 9px;font-size:11px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-create{height:44px!important;min-height:44px!important;padding:0 9px!important;font-size:11px!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-geo-bar{margin-top:5px}
}
@media(max-width:370px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity h1{font-size:20px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{padding-inline:6px;font-size:10px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-create{padding-inline:6px!important;font-size:10px!important}
}

/* 5.71.2237 — The shared mobile button width:100% squeezed the first
 * heading action into a circle. Give both actions their content width. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions{min-width:max-content;flex-wrap:nowrap}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{flex:0 0 auto;width:auto!important;max-width:none!important;height:40px;min-height:40px;padding:0 7px!important;box-sizing:border-box;white-space:nowrap;font-size:11px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-create{width:auto!important;max-width:none!important;min-width:max-content!important;height:40px!important;min-height:40px!important;padding:0 7px!important;font-size:11px!important}
}
@media(max-width:370px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{padding-inline:5px!important;font-size:10px}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-create{padding-inline:5px!important;font-size:10px!important}
}

/* 5.71.2239 — 15% lower visual height for the paired title actions. */
@media(max-width:620px){
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-create-entry__button{height:34px!important;min-height:34px!important;padding-top:0!important;padding-bottom:0!important;line-height:1!important}
 .tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions .tsemou-community-directory-create{height:34px!important;min-height:34px!important;line-height:1!important}
}

/* 5.71.2242 — Compact the Needs companion without changing its real links. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-intentbar .living-node-page-bubble{
 box-sizing:border-box;width:min(296px,calc(100vw - 90px));padding:10px 12px;
}
.tsemou-homepage-beta--needs-hub .living-node-page-actions--needs{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:7px;
}
.tsemou-homepage-beta--needs-hub .living-node-page-actions--needs .living-node-page-action{
 display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;
 padding:5px 3px;text-align:center;font-size:11px;line-height:1.15;
}

/* 5.71.2243 — Action guidance replaces the duplicated family filters. */
.tsemou-homepage-beta--needs-hub .living-node-page-actions--needs{
 grid-template-columns:repeat(2,minmax(0,1fr));
}
.tsemou-homepage-beta--needs-hub .living-node-page-actions--needs .living-node-page-action:only-child{
 grid-column:1 / -1;
}

/* 5.71.2244 — Keep the native language choices legible and anchored on mobile.
 * The desktop-only form/button rules left the mobile menu inheriting header
 * sizing and text color; opening EL could stretch the summary across the row. */
@media(max-width:860px){
 body .tsemou-homepage-beta > .site-header .header-nav > details.tsemou-purpose-language-links{
  position:relative!important;display:inline-block!important;flex:0 0 auto!important;
  width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;
 }
 body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links > summary{
  width:auto!important;min-width:0!important;max-width:none!important;
  padding:.34rem .56rem!important;white-space:nowrap!important;
 }
 body .tsemou-homepage-beta > .site-header details.tsemou-purpose-language-links > .tsemou-purpose-language-links__menu{
  position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 6px)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  width:max-content!important;min-width:0!important;max-width:calc(100vw - 24px)!important;
  height:auto!important;padding:6px!important;gap:2px!important;
  background:#fff!important;color:#26312d!important;
 }
 body .tsemou-homepage-beta > .site-header details.tsemou-purpose-language-links:not([open]) > .tsemou-purpose-language-links__menu{display:none!important}
 body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu > .tsemou-purpose-language-form{
  display:block!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;
 }
 body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:36px!important;min-height:36px!important;
  padding:7px 8px!important;margin:0!important;border-radius:7px!important;
  background:transparent!important;color:#26312d!important;opacity:1!important;visibility:visible!important;
  font-size:12px!important;font-weight:700!important;line-height:1!important;
 }
 body .tsemou-homepage-beta > .site-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link.is-current{
  background:#f3f5f1!important;color:#087f6b!important;
 }
}

/* 5.71.2245 — The Needs catalogue renders its OWN public-actions header,
 * rather than .site-header. Anchor the actual native language details there;
 * counter the older 38px width forced on every language form at <=760px. */
@media(max-width:760px){
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header .tsemou-purpose-mobile-controls > details.tsemou-purpose-language-links{
  position:relative!important;display:inline-block!important;flex:0 0 auto!important;
  width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;overflow:visible!important;
 }
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header details.tsemou-purpose-language-links > summary{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:38px!important;max-width:none!important;height:38px!important;
  padding:0 8px!important;margin:0!important;list-style:none!important;
  color:#31554b!important;white-space:nowrap!important;box-sizing:border-box!important;
 }
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header details.tsemou-purpose-language-links > summary::-webkit-details-marker{display:none!important}
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header details.tsemou-purpose-language-links > .tsemou-purpose-language-links__menu{
  position:absolute!important;inset:auto 0 auto auto!important;top:calc(100% + 6px)!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  width:max-content!important;min-width:0!important;max-width:calc(100vw - 24px)!important;
  height:auto!important;padding:6px!important;margin:0!important;gap:2px!important;
  background:#fff!important;color:#26312d!important;border:1px solid #dde2d8!important;
  border-radius:10px!important;box-shadow:0 8px 22px rgba(32,40,35,.14)!important;
  box-sizing:border-box!important;z-index:200!important;
 }
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header details.tsemou-purpose-language-links:not([open]) > .tsemou-purpose-language-links__menu{display:none!important}
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header .tsemou-purpose-language-links__menu > form.tsemou-purpose-language-form{
  display:block!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;
  height:auto!important;margin:0!important;padding:0!important;
 }
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:36px!important;min-height:36px!important;
  padding:7px 8px!important;margin:0!important;border:0!important;border-radius:7px!important;
  background:transparent!important;color:#26312d!important;opacity:1!important;visibility:visible!important;
  font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;
 }
 .tsemou-homepage-beta--needs-hub .tsemou-purpose-actions-help-header .tsemou-purpose-language-links__menu .tsemou-purpose-language-form > button.tsemou-purpose-language-link.is-current{
  background:#f3f5f1!important;color:#087f6b!important;
 }
}

/* Needs catalogue image: existing owner-uploaded primary attachment, or a neutral slot. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-height:30px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__top .tsemou-needs-result__badges{min-width:0;align-self:flex-start}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image{display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;overflow:hidden;border:1px solid #dfe7e2;border-radius:10px;background:#f5f8f6;color:#84948b;font-size:8px;font-weight:700;line-height:1}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image img{display:block;width:100%;height:100%;object-fit:cover}

/* Need image chooser: compact, optional, and limited to the existing canonical composer. */
.tsemou-need-visual-choices{min-width:0;margin:8px 0;padding:10px;border:1px solid #dde8e1;border-radius:12px}
.tsemou-need-visual-choices[hidden]{display:none}
.tsemou-need-visual-choices legend{padding:0 4px;color:#315c4e;font-size:12px;font-weight:750}
.tsemou-need-visual-choices__grid{display:flex;flex-wrap:wrap;gap:8px}
.tsemou-need-visual-choices__choice{display:grid;justify-items:center;gap:4px;min-width:64px;padding:5px;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#345448;font-size:10px;cursor:pointer}
.tsemou-need-visual-choices__choice img{display:block;width:40px;height:40px}
.tsemou-need-visual-choices__choice[aria-pressed="true"]{border-color:#26765b;background:#eef7f1;box-shadow:0 0 0 1px #26765b}
.tsemou-need-visual-choices__choice:focus-visible{outline:2px solid #1677c8;outline-offset:2px}

/* Give the Need photo a readable visual area; the request wraps before it. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__top{display:block;min-height:22px;padding-right:80px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image{position:absolute;top:15px;right:15px;box-sizing:border-box;flex:none;width:72px;height:72px;border-radius:12px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result h3,
.tsemou-homepage-beta--needs-hub .tsemou-needs-result>p{padding-right:80px}

/* 5.71.2282 — Float the visual within the request so later text uses the full width. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content{display:flow-root;min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>.tsemou-needs-result__image{position:static;float:right;margin:0 0 4px 10px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>.tsemou-needs-result__top{min-height:22px;padding-right:0;margin-bottom:8px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>h3,
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>p{padding-right:0}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>h3+p{margin-top:8px}

/* 5.71.2283 — Keep identity chips above the float so the request starts beside it. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>.tsemou-needs-result__top{margin-bottom:7px}

/* 5.71.2284 — Deterministic compact Need card: identity and title beside illustration. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content{
 display:grid;grid-template-columns:minmax(0,1fr) 72px;grid-template-rows:min-content auto;
 column-gap:10px;row-gap:7px;align-content:start;min-width:0;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>.tsemou-needs-result__top{
 grid-column:1;grid-row:1;min-width:0;min-height:0;margin:0;padding:0;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>.tsemou-needs-result__image{
 grid-column:2;grid-row:1 / span 2;position:static;float:none;align-self:start;
 margin:0;width:72px;height:72px;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>h3{
 grid-column:1;grid-row:2;align-self:start;min-width:0;margin:0;padding:0;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content>p{
 grid-column:1 / -1;grid-row:3;min-width:0;margin:0;padding:0;
}

/* 5.71.2285 — Varied, muted colors for built-in Need illustrations only. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image.is-auto-visual.is-tone-1 img{filter:hue-rotate(55deg)}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image.is-auto-visual.is-tone-2 img{filter:hue-rotate(115deg)}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image.is-auto-visual.is-tone-3 img{filter:hue-rotate(175deg)}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image.is-auto-visual.is-tone-4 img{filter:hue-rotate(235deg)}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__image.is-auto-visual.is-tone-5 img{filter:hue-rotate(290deg)}

/* 5.71.2286 — Owner can choose a built-in Need image without a photo upload. */
.tsemou-homepage-beta .need-ready-image-picker{width:100%;margin-top:7px}
.tsemou-homepage-beta .need-ready-image-picker>summary{cursor:pointer;color:#215d4d;font-weight:700}
.tsemou-homepage-beta .need-ready-image-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;margin-top:9px}
.tsemou-homepage-beta .need-ready-image-picker__choice{display:grid;justify-items:center;gap:3px;padding:5px;border:1px solid #dce5df;border-radius:9px;background:#fff;color:#345448;font-size:11px;cursor:pointer}
.tsemou-homepage-beta .need-ready-image-picker__choice img{width:46px;height:46px;display:block}
.tsemou-homepage-beta .need-ready-image-picker__choice:focus-visible{outline:2px solid #1677c8;outline-offset:2px}

/* 5.71.2287 — The creation form exposes all curated choices and a native upload. */
.tsemou-need-own-image{display:grid;gap:5px;margin-top:10px;color:#315c4e;font-size:12px;font-weight:700}
.tsemou-need-own-image input[type=file]{max-width:100%;font:inherit;color:#243d35}

/* 5.71.2288 — Keep the larger built-in illustration library compact. */
.tsemou-need-visual-choices__details>summary{cursor:pointer;color:#215d4d;font-weight:700;padding:7px 2px}
.tsemou-need-visual-choices__details .tsemou-need-visual-choices__grid{margin-top:8px;max-height:280px;overflow:auto;overscroll-behavior:contain}
.tsemou-need-visual-choices__choice span{letter-spacing:normal;text-align:center}
.tsemou-homepage-beta .need-ready-image-picker__grid{max-height:280px;overflow:auto;overscroll-behavior:contain}

/* 5.71.2290 — Restore visible woven wordmark size without changing header geometry.
 * The new artwork has a taller intrinsic aspect ratio, so contain rendering
 * made its visible lettering smaller in the fixed legacy logo boxes. */
@media (min-width: 761px) {
  .site-header .logo.tsemou-home-new-brand .tsemou-home-new-brand-image,
  .tsemou-purpose-brand--home-logo .tsemou-purpose-brand-home-image {
    transform: scale(1.20) !important;
    transform-origin: left center !important;
  }
}
@media (max-width: 760px) {
  .site-header .logo.tsemou-home-new-brand .tsemou-home-new-brand-image,
  .tsemou-purpose-brand--home-logo .tsemou-purpose-brand-home-image {
    transform: scale(1.25) !important;
    transform-origin: left center !important;
  }
  .tsemou-action-shell--help-minimal > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {
    overflow: visible !important;
  }
}

/* 5.71.2291 — Needs identity lives directly beneath its own header logo. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  height:65px !important;
  max-height:none !important;
  overflow:visible !important;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-header-tagline {
  display:block;
  flex:none;
  margin-top:6px;
  color:#d86b24;
  font-size:10px;
  font-weight:750;
  line-height:10px;
  letter-spacing:.035em;
  white-space:nowrap;
}
@media (max-width:760px) {
  .tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header {
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
  }
  .tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {
    height:50px !important;
    min-height:50px !important;
    max-height:50px !important;
  }
  .tsemou-homepage-beta--needs-hub .tsemou-needs-header-tagline {
    font-size:9px;
    line-height:10px;
  }
}

/* 5.71.2292 — Center the Needs tagline on the visible wordmark axis. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo {
  align-items:center !important;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-hub > header.tsemou-purpose-actions-help-header > .tsemou-purpose-brand--home-logo > img.tsemou-purpose-brand-home-image {
  object-position:center center !important;
  transform-origin:center center !important;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-header-tagline {
  width:100%;
  text-align:center;
  margin-top:2px;
}

/* 5.71.2296 — Reserve the status row only when real status content exists. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result {
 box-sizing:border-box;height:105px;min-height:105px;max-height:105px;padding:8px 15px;align-self:start;
 grid-template-rows:87px;gap:0;overflow:hidden;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content {
 grid-template-rows:24px 60px;row-gap:3px;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content > h3 {
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
 overflow:hidden;max-height:60px;line-height:20px;overflow-wrap:anywhere;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__content > .tsemou-needs-result__top {
 overflow:hidden;max-height:24px;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-result__state {
 align-self:start;margin-top:0;overflow:hidden;
}

.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result:has(> .tsemou-needs-result__state) {
 height:132px;min-height:132px;max-height:132px;
 grid-template-rows:87px minmax(0,1fr);gap:3px;
}

/* 5.71.2303 — scoped Need/Give creation controls, centred and responsive. */
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-intentbar{justify-content:center;column-gap:8px}
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-intentbar>a{position:relative;box-sizing:border-box;flex:0 0 auto;width:200px;max-width:calc((100% - 8px)/2);height:19px;min-height:19px;padding:0 4px;justify-content:center;line-height:17px;font-size:11px}
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-intentbar>a::after{content:"";position:absolute;inset:-13px 0}

/* 5.71.2304 — catalogue switch only, matching the creation controls. */
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-catalogue-switch{display:flex;justify-content:center;column-gap:8px;row-gap:0}
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-catalogue-switch>a.tsemou-needs-refine-chip{position:relative;box-sizing:border-box;flex:0 0 auto;width:200px;max-width:calc((100% - 8px)/2);height:19px;min-height:19px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;line-height:17px;font-size:11px}
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-needs-catalogue-switch>a.tsemou-needs-refine-chip::after{content:"";position:absolute;inset:-13px 0}

/* 5.71.2305 — personal Needs start folded, native keyboard/touch disclosure. */
.tsemou-homepage-beta .tsemou-my-needs.tsemou-my-needs--collapsible{padding:10px 12px;min-height:0}
.tsemou-homepage-beta .tsemou-my-needs--collapsible>summary.tsemou-my-needs__toggle{display:list-item;cursor:pointer;font-size:14px;font-weight:750;line-height:24px;color:#182c3c;margin:0}
.tsemou-homepage-beta .tsemou-my-needs--collapsible[open]>summary.tsemou-my-needs__toggle{margin-bottom:10px}
.tsemou-homepage-beta .tsemou-my-needs--collapsible>summary:focus-visible{outline:2px solid #357c5c;outline-offset:3px}

/* 5.71.2306 — explicit compact search; prevent theme submit styling. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters .tsemou-catalogue-search{display:flex;align-items:center;gap:6px;flex:1 1 250px;min-width:0;max-width:360px;margin:0;padding:0}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-search>input[type=search]{box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important;width:100%!important;max-width:none!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 9px!important;border:1px solid #cbd5d1!important;border-radius:8px!important;background:#fff!important;color:#26302c!important;font-size:12px!important;line-height:normal!important;box-shadow:none!important}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-search>button[type=submit]{box-sizing:border-box!important;flex:0 0 auto!important;width:auto!important;max-width:none!important;height:32px!important;min-height:32px!important;margin:0!important;padding:0 10px!important;border:1px solid #9fb9b1!important;border-radius:8px!important;background:#f2f8f5!important;color:#185c43!important;font-size:11px!important;font-weight:750!important;line-height:normal!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;cursor:pointer}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-search>button:hover{background:#dff1e6!important}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-search>button:focus-visible{outline:2px solid #357c5c;outline-offset:2px}

/* 5.71.2310 — two navigation rows; personal history opens from row one. */
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row{display:flex;align-items:center;gap:8px;position:relative;margin:0 0 10px;min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row .tsemou-needs-catalogue-switch{flex:1;min-width:0;margin:0;flex-wrap:nowrap}
.tsemou-homepage-beta.tsemou-homepage-beta--needs-hub .tsemou-needs-hub .tsemou-catalogue-primary-row .tsemou-needs-catalogue-switch>a.tsemou-needs-refine-chip{width:auto;max-width:none;flex:1 1 0;min-width:0;font-size:11px}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row .tsemou-needs-catalogue-switch>a::after{display:none}
.tsemou-homepage-beta--needs-hub details.tsemou-catalogue-history{position:static;flex:0 0 auto;margin:0;padding:0;border:0;background:transparent}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-history>summary{display:list-item;cursor:pointer;box-sizing:border-box;margin:0;padding:0 7px;border:1px solid #b7cec5;border-radius:999px;background:#f5faf8;color:#26302c;font-size:11px;font-weight:750;line-height:24px;white-space:nowrap}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-history__panel{position:absolute;z-index:40;top:calc(100% + 6px);right:0;box-sizing:border-box;width:min(380px,100%);max-height:60vh;overflow:auto;padding:10px;border:1px solid #b7cec5;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.14)}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-history__panel .tsemou-my-needs{margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips{flex-wrap:nowrap;overflow-x:auto}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-history>summary:focus-visible{outline:2px solid #357c5c;outline-offset:3px}

/* 5.71.2311 — Give city filter and search share one compact toolbar. */

/* 5.71.2313: one catalogue toolbar, shared by Needs and Gives. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters{flex-wrap:nowrap;position:relative;gap:8px}
.tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters .tsemou-catalogue-search{flex:1 1 0;max-width:280px;min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-search>button[type=submit]{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;padding:0!important}
.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more{flex:0 0 auto;position:static}
.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div{left:auto;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:min(420px,100%);max-height:70vh;overflow:auto;box-sizing:border-box}
.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div>label{min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div>label>input,.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div>label>select{box-sizing:border-box;width:100%;min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div>button{grid-column:1/-1}
@media(max-width:700px){.tsemou-homepage-beta--needs-hub .tsemou-needs-filter-more>div{position:fixed;left:12px;right:12px;width:auto;grid-template-columns:1fr;bottom:16px;top:auto}}

/* 5.71.2315: personal catalogue history lives in the companion bubble. */
.living-node-page-bubble:has(.tsemou-companion-histories){width:min(360px,calc(100vw - 86px));max-height:70vh;overflow:auto}
.tsemou-companion-history{margin-top:8px;border-top:1px solid #dfe5e2;padding-top:7px}
.tsemou-companion-history>summary{cursor:pointer;font-size:12px;font-weight:750;color:#185c43}
.tsemou-companion-history>div{padding-top:7px}
.tsemou-companion-histories .tsemou-my-needs{margin:0;padding:0;border:0;background:transparent}
.tsemou-companion-histories .tsemou-my-needs__head{display:none}
.tsemou-companion-histories .tsemou-my-need-card{min-width:0}

/* 5.71.2317: compact creation chip between search and filters. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters>.tsemou-catalogue-create-need{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:32px;padding:0 9px;border:1px solid #c7854b;border-radius:999px;background:#fff1e4;color:#8b4319;font-size:12px;font-weight:750;line-height:1;white-space:nowrap;text-decoration:none}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-create-need:hover{background:#ffe3c9}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-create-need:focus-visible{outline:2px solid #8b4319;outline-offset:2px}

.tsemou-travel-facets{margin:10px 0;padding:10px;border:1px solid #dfe5e2;border-radius:10px}.tsemou-travel-facets[hidden]{display:none}.tsemou-travel-facets>div{margin:8px 0}.tsemou-travel-facets label{display:inline-flex;align-items:center;gap:5px;margin:4px 8px 4px 0;font-size:12px}.tsemou-travel-facets input[type=checkbox]{width:auto}.tsemou-travel-facets input[type=text]{max-width:100%;min-width:0}.tsemou-travel-facets strong{display:block;font-size:12px}

/* 5.71.2322: desktop catalogue controls use the available row width. */
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips{display:flex;flex-wrap:nowrap;overflow:visible;width:100%;gap:8px}
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a{flex:1 1 0;min-width:0;justify-content:center;box-sizing:border-box}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters .tsemou-catalogue-search{flex:1 1 0;max-width:none;min-width:0}
}

/* 5.71.2324 — Fill the existing catalogue image column vertically.
 * Keep card dimensions, text tracks, image width and status row unchanged. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content > .tsemou-needs-result__image {
 align-self:stretch;height:100%;min-height:0;max-height:none;
}
/* Built-in illustrations retain their complete symbol in the taller slot. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content > .tsemou-needs-result__image.is-auto-visual img {
 object-fit:contain;
}

/* 5.71.2325 — Catalogue title first, category/location at the bottom.
 * Same 87px content area and image span; card/status dimensions unchanged. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content {
 grid-template-rows:60px 24px;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content > h3 {
 grid-row:1;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content > .tsemou-needs-result__top {
 grid-row:2;align-self:end;
}

/* 5.71.2326 — Category, public location and real help count share one row. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-results > .tsemou-needs-result > .tsemou-needs-result__content > .tsemou-needs-result__top > .tsemou-needs-result__badges {
 flex-wrap:nowrap;align-items:center;min-width:0;max-width:100%;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-results .tsemou-needs-result__top .tsemou-needs-result__badges > .is-family,
.tsemou-homepage-beta--needs-hub .tsemou-needs-results .tsemou-needs-result__top .tsemou-needs-result__badges > .is-public-help {
 flex:0 0 auto;white-space:nowrap;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-results .tsemou-needs-result__top .tsemou-needs-result__badges > .is-location {
 flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* 5.71.2327 — Left identity line, painted inside existing catalogue cards. */
.tsemou-homepage-beta--needs-hub .tsemou-needs-catalogue[data-tsemou-catalogue-intent="need"] {
 --tsemou-catalogue-accent:#ff6b1a;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-catalogue[data-tsemou-catalogue-intent="give"] {
 --tsemou-catalogue-accent:#2675c9;
}
.tsemou-homepage-beta--needs-hub .tsemou-needs-catalogue[data-tsemou-catalogue-intent] .tsemou-needs-results > .tsemou-needs-result::before {
 content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
 background:var(--tsemou-catalogue-accent);pointer-events:none;
}

/* 5.71.2328 — One shared toolbar, independent side-by-side catalogues. */
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue{min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue .tsemou-needs-results{grid-template-columns:minmax(0,1fr)}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue__head h2{margin:0;font-size:17px;line-height:1.3;color:#d45b12}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue[data-column-intent="give"] .tsemou-paired-catalogue__head h2{color:#2675c9}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue__head .tsemou-catalogue-create-need{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #c7854b;border-radius:999px;background:#fff1e4;color:#8b4319;font-size:12px;font-weight:750;text-decoration:none}
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue[data-column-intent="give"] .tsemou-catalogue-create-need{border-color:#85add6;background:#eff6ff;color:#205b9c}
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row{display:none}
}
@media(max-width:700px){
 .tsemou-homepage-beta--needs-hub .tsemou-paired-catalogues{grid-template-columns:minmax(0,1fr)}
 .tsemou-homepage-beta--needs-hub .tsemou-paired-catalogues[data-active-intent="need"] > [data-column-intent="give"],
 .tsemou-homepage-beta--needs-hub .tsemou-paired-catalogues[data-active-intent="give"] > [data-column-intent="need"]{display:none}
}

/* 5.71.2329 — Approved mascot-head/human-arms identity, compact catalogue headers. */
.tsemou-homepage-beta--needs-hub .tsemou-paired-catalogue__head .tsemou-catalogue-brand{display:flex;align-items:center;gap:8px;min-width:0}
.tsemou-homepage-beta--needs-hub .tsemou-catalogue-brand .tsemou-catalogue-brand__mark{display:block;flex:0 0 48px;width:48px;height:45px;max-width:48px;object-fit:contain;margin:0}

/* 5.71.2335: opt-in recognition, no extra card row or avatar-size change. */
.workspace-contribution-card .tsemou-giver-avatar{position:relative;}
.workspace-contribution-card .tsemou-giver-avatar > .tsemou-giver-recognition-mark{position:absolute;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:12px;line-height:1;background:#fff;border-radius:50%;pointer-events:none;}

/* 5.71.2364 — One native country filter and one border per directory control. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls > label:not(.tsemou-purpose-category-search) {
 border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;
}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls > label:not(.tsemou-purpose-category-search) > select {
 box-sizing:border-box!important;border:1px solid #dce3de!important;border-radius:999px!important;box-shadow:none!important;
 height:34px!important;min-height:34px!important;line-height:normal!important;padding:0 28px 0 12px!important;background-color:#fff!important;
}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls > label:not(.tsemou-purpose-category-search)::before,
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-discovery-toolbar .tsemou-community-discovery-controls > label:not(.tsemou-purpose-category-search)::after {content:none!important;display:none!important;}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-place-filter select {max-width:220px!important;}

/* 5.71.2365 — Center the directory title and motto independently of actions. */
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity{grid-template-columns:minmax(0,1fr);text-align:center;row-gap:5px}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity h1{grid-column:1;grid-row:1;text-align:center;width:100%}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-directory-identity__motto{grid-column:1;grid-row:2;text-align:center;width:100%;margin:0}
.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions{grid-column:1;grid-row:3;justify-self:end;margin-top:3px}
@media(max-width:620px){.tsemou-homepage-beta--categories .tsemou-ds-community-directory .tsemou-community-heading-actions{justify-self:center}}

/* 5.71.2368 — Move the desktop search row 12px toward the catalogue headings. */
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips{margin-bottom:22px}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-compact-filters{margin-bottom:0}
}

/* 5.71.2369 — Comfortable desktop family filter height. */
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip{height:56px;min-height:56px;padding:10px 16px;line-height:1.3;align-items:center}
}

/* 5.71.2370 — Desktop filters 65px; All half the category width. */
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip{height:65px;min-height:65px}
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip:first-child{flex:0 0 calc((100% - 24px)/7)}
}

/* 5.71.2371 — Approved illustrations, left image / right label. */
.tsemou-family-illustration{display:none}
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip:has(.tsemou-family-label){gap:12px;padding:5px 16px;justify-content:center;font-size:16px}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-family-chips .tsemou-family-emoji{display:none}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-family-chips .tsemou-family-illustration{display:block;flex:0 0 82px;width:82px;height:52px;background-image:url('family-illustrations.png');background-repeat:no-repeat;background-size:479px 240px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--goods{background-position:-29px -50px;flex-basis:74px;width:74px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--knowledge{background-position:-175px -50px;flex-basis:74px;width:74px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--experience{background-position:-323px -50px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-label{line-height:1.2;white-space:nowrap}
}
@media(min-width:701px) and (max-width:1000px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip:has(.tsemou-family-label){gap:6px;padding:5px 8px;font-size:13px}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-family-chips .tsemou-family-illustration{flex-basis:62px;width:62px;height:39px;background-size:359.25px 180px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--goods{background-position:-21.75px -37.5px;flex-basis:56px;width:56px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--knowledge{background-position:-131.25px -37.5px;flex-basis:56px;width:56px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-illustration--experience{background-position:-242.25px -37.5px}
}

/* 5.71.2372 — Compact All filter with category grid. */
.tsemou-family-all-icon{display:none}
@media(min-width:701px){
 .tsemou-homepage-beta--needs-hub .tsemou-catalogue-primary-row+nav.tsemou-needs-family-chips>a.tsemou-needs-refine-chip:first-child{flex:0 0 90px;width:90px;min-width:90px;padding:5px 10px;gap:7px}
 .tsemou-homepage-beta--needs-hub .tsemou-needs-family-chips .tsemou-family-all-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}
 .tsemou-homepage-beta--needs-hub .tsemou-family-all-icon>svg{display:block;width:18px;height:18px}
}

/* 5.71.2373 — Click-open Needs/Gives guidance with existing personal history. */
.living-node-page-companion.is-needs-guide .living-node-page-bubble{width:min(360px,calc(100vw - 86px));max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain}
.living-node-page-companion.is-needs-guide .living-node-page-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.living-node-page-companion.is-needs-guide .tsemou-companion-histories{margin-top:12px}
.living-node-page-companion.is-needs-guide .tsemou-companion-histories>strong{font-size:12px}

/* 5.71.2430 — compact live-room presence; no layout takeover. */
.community-discussion-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.community-discussion-heading h2{margin:0}
.community-live-presence{font-size:.72rem;font-weight:800;white-space:nowrap;padding:4px 8px;border:1px solid rgba(35,49,63,.16);border-radius:999px;background:#fff}

.community-live-signals{display:flex;align-items:center;gap:6px}
.community-live-new{font-size:.7rem;font-weight:800;white-space:nowrap;padding:4px 7px;border-radius:999px;background:rgba(101,69,232,.09)}

/* 2459: native MY TSEMOU disclosure is usable before/without JavaScript. */
.left-column [data-my-tsemou-native-menu] > summary{list-style:none;box-sizing:border-box}
.left-column [data-my-tsemou-native-menu] > summary::-webkit-details-marker{display:none}
.left-column [data-my-tsemou-server-shell] [hidden]{display:none!important}

/* 5.71.2486: required Need topic is visible; validation never focuses a hidden select. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker {
  grid-column: 1 / -1 !important;
  flex-basis: 100% !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  margin-top: 8px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker[hidden] { display: none !important; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker > .tsemou-need-topic-picker__button {
  display: flex !important;
  width: 100% !important;
  min-height: 44px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .destination-category-toggle > .tsemou-need-topic-picker > .tsemou-need-topic-picker__list {
  position: static !important;
  width: 100% !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  margin-top: 8px !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-error { margin: 8px 0 !important; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-need-topic-error[hidden] { display: none !important; }

/* Secondary entity proposal: compact TSEMOU control, scoped to Need creation. */
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-entity-reference-picker > button {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 7px 12px !important;
  border: 1px solid #b8d4c9 !important;
  border-radius: 9px !important;
  background: #eef7f3 !important;
  color: #176b58 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: normal !important;
  box-shadow: none !important;
}
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-entity-reference-picker > button:hover { background: #e0f0e8 !important; }
.tsemou-homepage-beta--need-create #tsemouDirectNeedComposer .tsemou-entity-reference-picker > button:focus-visible { outline: 2px solid #176b58 !important; outline-offset: 2px !important; }

/* Own-message action: distinct from narrow, icon-only workspace controls. */
.need-workspace button.tsemou-message-delete{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
 width:auto;min-width:0;height:auto;min-height:32px;max-width:none;
 padding:5px 10px;margin-left:auto;border:1px solid #dce5e1;border-radius:999px;
 background:#fff;color:#53655e;font:inherit;font-size:12px;font-weight:600;
 line-height:1.3;letter-spacing:normal;text-transform:none;white-space:nowrap;
 word-break:normal;overflow-wrap:normal;cursor:pointer;
}
.need-workspace button.tsemou-message-delete:hover{background:#fff5ef;border-color:#e4b399;color:#a44724}
.need-workspace button.tsemou-message-delete:focus-visible{outline:2px solid #168d7b;outline-offset:2px}
.need-workspace button.tsemou-message-delete:disabled{opacity:.55;cursor:wait}
@media(max-width:700px){.need-workspace button.tsemou-message-delete{min-height:36px}}

/* Deleted discussion content preserves reply structure without empty cards. */
.need-workspace .workspace-feed-card.is-deleted-message{padding:6px 10px;background:transparent;border:0;box-shadow:none;border-radius:0;min-height:0}
.need-workspace .workspace-feed-card.is-deleted-message[hidden]{display:none!important}
.need-workspace .is-deleted-message > .workspace-post-author,
.need-workspace .is-deleted-message > .workspace-feed-stats{display:none}
.need-workspace .is-deleted-message > .workspace-feed-summary,
.need-workspace .is-deleted-message > .workspace-post-content > .workspace-post-copy > .workspace-feed-summary{margin:0;font-size:12px;line-height:1.5;color:#69756e;font-style:italic}
.need-workspace .workspace-private-message.is-deleted{padding:4px 8px;margin:3px 0;background:transparent;border:0;box-shadow:none;min-height:0}
.need-workspace .workspace-private-message.is-deleted > strong,
.need-workspace .workspace-private-message.is-deleted > time{display:none}
.need-workspace .workspace-private-message.is-deleted > p{margin:0;color:#69756e;font-size:12px;line-height:1.5;font-style:italic}

/* 5.71.2497 — compact own Give link in the Need offer card. */
.need-workspace a[data-need-own-give-link]{display:inline-flex;align-items:center;justify-content:center;min-height:32px;width:auto;max-width:100%;padding:5px 11px;border-radius:999px;font-size:12px;line-height:1.35;font-weight:600;text-decoration:none;box-sizing:border-box}
.need-workspace a[data-need-own-give-link]:focus-visible{outline:2px solid #059669;outline-offset:3px}
@media(max-width:767px){.need-workspace a[data-need-own-give-link]{min-height:36px}}

/* Administrative controls remain separate from participant decisions. */
.need-workspace .need-moderation{font-size:12px;color:#475569;margin:6px 0}
.need-workspace .need-moderation summary{cursor:pointer}
.need-workspace .need-moderation button,.need-workspace .need-moderation-row button{font:inherit;font-size:12px;padding:5px 10px;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:999px;margin:4px;min-height:32px}
.need-workspace [data-private-readonly="1"] .workspace-private-message-compose,.need-workspace [data-private-readonly="1"] .workspace-private-compose-actions{display:none}
.need-workspace .need-moderation-panel p{font-size:12px;line-height:1.5}

/* Accepted help needs readable space, including desktop and narrow cards. */
.need-workspace .workspace-contribution-cards{grid-template-columns:minmax(0,1fr)}
.need-workspace .workspace-private-coordination__heading{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.need-workspace .workspace-private-coordination__heading strong{word-break:normal;overflow-wrap:normal;line-height:1.4}
.need-workspace .workspace-private-coordination__heading span{line-height:1.4}
.need-workspace .workspace-private-message-compose textarea{box-sizing:border-box;min-height:80px}

/* One compact expandable card per offer; conversation remains inside its own card. */
.need-workspace [data-need-offer-details]{width:100%;min-width:0}
.need-workspace .need-offer-summary{cursor:pointer;display:list-item;list-style-position:inside;padding:2px 0}
.need-workspace .need-offer-summary .workspace-contribution-card__identity{display:flex;margin-bottom:6px}
.need-workspace .need-offer-open-hint{display:block;font-size:12px;color:#6d28d9;margin-top:6px}
.need-workspace [data-need-offer-details][open]>.need-offer-summary{border-bottom:1px solid #e2e8f0;padding-bottom:10px;margin-bottom:10px}
.need-workspace [data-need-offer-details]:not([open])>.need-offer-details-content{display:none}
.need-workspace .need-offer-accepted-notice{display:block;color:#047857;font-size:14px;margin-bottom:5px;line-height:1.45}
.need-workspace .need-offer-details-content{min-width:0}
.need-workspace .need-offer-summary:focus-visible{outline:2px solid #059669;outline-offset:3px;border-radius:6px}

/* 5.71.2503 — readable feedback controls independent of theme button colors. */
.need-workspace .need-peer-rating__choices button[data-peer-rating-value]{
  color:#334155!important;opacity:1!important;
}
.need-workspace .need-peer-rating__choices button[data-peer-rating-value]:disabled{
  color:#475569!important;opacity:.65!important;cursor:wait;
}
.need-workspace .need-peer-rating__choices button[data-peer-rating-value]:focus-visible{
  outline:2px solid #176b59!important;outline-offset:2px!important;
}
#tsemou-giver-footprint-title{scroll-margin-top:90px}

/* 5.71.2504 — owner-only contribution history, with secondary profile settings. */
body.tsemou-giver-history-page .tsemou-giver-history-shell{
  width:min(760px,calc(100% - 32px))!important;margin:0 auto!important;
  padding:28px 0 40px!important;box-sizing:border-box;color:#223c35;font-family:inherit;font-size:16px;line-height:1.5;
}
body.tsemou-giver-history-page .tsemou-giver-history-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:22px}
body.tsemou-giver-history-page .tsemou-giver-history-nav a,
body.tsemou-giver-history-page .tsemou-giver-history-settings a{color:#176b59;font-size:14px;text-decoration:underline;text-underline-offset:3px}
body.tsemou-giver-history-page .tsemou-giver-history-owner{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:15px;font-weight:600}
body.tsemou-giver-history-page .tsemou-giver-history-owner img{width:44px!important;height:44px!important;border-radius:50%;object-fit:cover}
body.tsemou-profile-page .tsemou-giver-footprint{margin:22px 0;color:#223c35}
body.tsemou-giver-history-page .tsemou-giver-footprint{margin:0}
body.tsemou-profile-page .tsemou-giver-footprint>h1,
body.tsemou-profile-page .tsemou-giver-footprint>h2{font-family:inherit!important;font-size:24px!important;font-weight:700!important;line-height:1.25!important;margin:0 0 9px!important;color:#173f35!important;letter-spacing:normal!important;text-transform:none!important}
body.tsemou-profile-page .tsemou-giver-history-intro{font-size:14px!important;line-height:1.5!important;color:#52665e;margin:0 0 20px!important}
body.tsemou-profile-page .tsemou-giver-history-list{display:grid;gap:14px;list-style:none!important;padding:0!important;margin:0!important}
body.tsemou-profile-page .tsemou-giver-history-card{display:block!important;list-style:none!important;margin:0!important;padding:18px!important;border:1px solid #d9e6df;border-radius:12px;background:#fff;box-shadow:none;overflow-wrap:anywhere}
body.tsemou-profile-page .tsemou-giver-history-card h3{font-family:inherit!important;font-size:17px!important;font-weight:650!important;line-height:1.45!important;margin:0 0 12px!important;color:#203e34!important;text-transform:none!important;letter-spacing:normal!important}
body.tsemou-profile-page .tsemou-giver-history-card p{font-size:14px!important;line-height:1.5!important;margin:6px 0!important}
body.tsemou-profile-page .tsemou-giver-history-confirmed{color:#176b59!important;font-weight:600}
body.tsemou-profile-page .tsemou-giver-history-date,
body.tsemou-profile-page .tsemou-giver-history-feedback{color:#52665e!important}
body.tsemou-profile-page a.tsemou-giver-history-open{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 13px!important;margin-top:10px!important;border:1px solid #176b59!important;border-radius:8px!important;background:#fff!important;color:#176b59!important;font-family:inherit;font-weight:600;font-size:14px;line-height:1.4;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;box-sizing:border-box}
body.tsemou-profile-page a.tsemou-giver-history-open:hover{background:#edf6f1!important}
body.tsemou-profile-page .tsemou-giver-history-open:focus-visible,
body.tsemou-profile-page .tsemou-profile-settings>summary:focus-visible{outline:2px solid #176b59;outline-offset:3px}
body.tsemou-profile-page .tsemou-giver-history-limit{font-size:12px!important;line-height:1.5!important;color:#64746d;margin-top:16px!important}
body.tsemou-profile-page .tsemou-giver-history-empty{padding:18px;border:1px solid #d9e6df;border-radius:12px;background:#fff;font-size:14px}
body.tsemou-profile-page .tsemou-giver-history-empty p{margin:0 0 8px;font-size:14px}
body.tsemou-profile-page .tsemou-giver-history-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body.tsemou-giver-history-page .tsemou-giver-history-settings{margin-top:22px;padding-top:18px;border-top:1px solid #d9e6df}
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-shell{width:min(820px,calc(100% - 32px))!important;align-content:start!important;padding:28px 0!important;margin:0 auto!important}
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-card h2{font-family:inherit!important;font-size:22px!important;line-height:1.3!important;letter-spacing:normal!important;text-transform:none!important}
body.tsemou-profile-page .tsemou-profile-settings{margin:18px 0;padding:12px 0;border-top:1px solid #d9e6df}
body.tsemou-profile-page .tsemou-profile-settings>summary{cursor:pointer;font-size:15px;font-weight:600;color:#176b59;list-style-position:inside}
body.tsemou-profile-page .tsemou-profile-settings[open]>summary{margin-bottom:14px}
body.tsemou-profile-page .tsemou-profile-settings form{font-size:14px;line-height:1.5}
body.tsemou-profile-page .tsemou-giver-recognition form label{display:inline-flex;align-items:flex-start;gap:6px;margin:6px 0}
body.tsemou-profile-page .tsemou-giver-recognition button{font-family:inherit!important;font-size:14px!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important;min-height:36px;padding:6px 13px;border:1px solid #176b59;border-radius:8px;background:#176b59;color:#fff}
@media(max-width:600px){
  body.tsemou-giver-history-page .tsemou-giver-history-shell{width:calc(100% - 24px)!important;padding-top:20px!important}
  body.tsemou-profile-page .tsemou-giver-footprint>h1,body.tsemou-profile-page .tsemou-giver-footprint>h2{font-size:21px!important}
  body.tsemou-profile-page .tsemou-giver-history-card{padding:15px!important}
  body.tsemou-profile-page a.tsemou-giver-history-open{min-height:42px}
}

/* 5.71.2505 — discreet, native expandable help history in the owner profile. */
body.tsemou-profile-page details.tsemou-giver-footprint-compact{
  margin:16px 0;padding:10px 0;border-top:1px solid #d9e6df;border-bottom:1px solid #d9e6df;
}
body.tsemou-profile-page .tsemou-giver-footprint-compact>summary{
  cursor:pointer;list-style-position:inside;color:#176b59;font-size:15px;line-height:1.45;
}
body.tsemou-profile-page .tsemou-giver-footprint-label{font-weight:600}
body.tsemou-profile-page .tsemou-giver-footprint-hint{display:block;margin:3px 0 0 18px;font-size:12px;color:#64746d;font-weight:400}
body.tsemou-profile-page .tsemou-giver-footprint-compact>summary:focus-visible{outline:2px solid #176b59;outline-offset:4px;border-radius:3px}
body.tsemou-profile-page .tsemou-giver-footprint-compact[open]>summary{margin-bottom:14px}
body.tsemou-profile-page .tsemou-giver-footprint-compact .tsemou-giver-history-intro{margin-bottom:12px!important}

/* 5.71.2506 — half-width help cards on desktop, readable wrapping on all screens. */
body.tsemou-profile-page .tsemou-giver-history-list{grid-template-columns:minmax(0,1fr)}
body.tsemou-profile-page .tsemou-giver-history-card{
  box-sizing:border-box!important;width:50%!important;max-width:50%!important;min-width:0!important;justify-self:start;
}
body.tsemou-profile-page .tsemou-giver-history-card h3{
  font-size:15px!important;line-height:1.45!important;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
}
body.tsemou-profile-page .tsemou-giver-history-card p{
  white-space:normal!important;overflow-wrap:anywhere;word-break:normal;
}
@media(max-width:760px){
  body.tsemou-profile-page .tsemou-giver-history-card{width:100%!important;max-width:100%!important}
}

/* 5.71.2509 — visible peer feedback and explicit owner-profile return controls. */
body.tsemou-profile-page .tsemou-profile-return-nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;padding:8px 0}
body.tsemou-profile-page .tsemou-profile-return-nav>a,
body.tsemou-profile-page .tsemou-profile-return-nav>button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;padding:6px 12px!important;margin:0!important;border:1px solid #b8cec4!important;border-radius:8px!important;background:#fff!important;color:#176b59!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;cursor:pointer}
body.tsemou-profile-page .tsemou-profile-return-nav>a:hover,
body.tsemou-profile-page .tsemou-profile-return-nav>button:hover{background:#edf6f1!important}
body.tsemou-profile-page .tsemou-profile-return-nav>a:focus-visible,
body.tsemou-profile-page .tsemou-profile-return-nav>button:focus-visible{outline:2px solid #176b59;outline-offset:3px}
.need-workspace [data-need-offer-actor]>.need-peer-rating{margin-top:12px}
@media(max-width:600px){body.tsemou-profile-page .tsemou-profile-return-nav>a,body.tsemou-profile-page .tsemou-profile-return-nav>button{min-height:42px}}

/* 5.71.2511 — contextual collaboration evidence, separate from badge display. */
body.tsemou-profile-page .tsemou-collaboration-evidence{margin:18px 0;padding:14px 0;border-top:1px solid #d9e6df}
body.tsemou-profile-page .tsemou-collaboration-evidence h2{font-family:inherit!important;font-size:18px!important;line-height:1.4!important;margin:0 0 12px!important;color:#173f35}
body.tsemou-profile-page .tsemou-collaboration-evidence details{margin:8px 0;font-size:14px}
body.tsemou-profile-page .tsemou-collaboration-evidence summary{cursor:pointer;color:#176b59;line-height:1.5;font-weight:600;list-style-position:inside}
body.tsemou-profile-page .tsemou-collaboration-evidence ul{max-height:260px;overflow:auto;padding-left:20px;margin:8px 0;overflow-wrap:anywhere}
body.tsemou-profile-page .tsemou-collaboration-evidence li{margin:7px 0}
body.tsemou-profile-page .tsemou-collaboration-evidence a{color:#176b59;text-decoration:underline}
.need-workspace .need-collaboration-evidence-link{display:block;font-size:11px;color:#176b59;line-height:1.5;overflow-wrap:anywhere;text-decoration:underline}
.need-workspace .workspace-contribution-card__identity:has(.need-collaboration-evidence-link){flex-wrap:wrap}
.need-workspace .need-collaboration-evidence-link{flex-basis:100%}

/* Compact collaboration feedback: optional detail, explicit submission. */
.need-peer-rating__choices label { display:inline-flex;align-items:center;gap:5px; }
.need-peer-rating__optional { margin:10px 0; }
.need-peer-rating__optional summary { cursor:pointer;font-size:14px; }
.need-peer-rating__tags label { display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap; }
.need-peer-rating__tags select { max-width:160px;padding:6px; }
.tsemou-collaboration-metric summary { display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;cursor:pointer; }
.tsemou-collaboration-result { margin-left:auto;font-size:13px; }
.tsemou-collaboration-track { display:block;flex-basis:100%;height:6px;background:#e5e7eb;border-radius:6px;overflow:hidden; }
.tsemou-collaboration-track > span { display:block;height:100%;background:#27864b;border-radius:6px; }

/* Recovery is an exceptional transport state, not a primary action. */
.need-notification-recovery { font-size:13px;margin:8px 0; }
.need-notification-recovery button { background:#fff !important;color:#334155 !important;border:1px solid #cbd5e1 !important;padding:6px 10px !important;font-size:13px !important;text-transform:none !important;letter-spacing:normal !important; }

/* Need first view: people and result; supporting information on demand. */
.need-workspace .need-success { margin:8px 0 12px;width:fit-content;max-width:100%; }
.need-workspace .need-success > summary { display:inline-block;cursor:pointer;padding:4px 10px;border-radius:999px;background:#e8f5ec;color:#237341;font-size:12px;font-weight:800; }
.need-workspace .need-success p { font-size:14px;line-height:1.5;margin:8px 0; }
.need-workspace .need-overview-more { margin:10px 0;font-size:13px; }
.need-workspace .need-overview-more > summary,.need-workspace .need-rating-prompt > summary { cursor:pointer;color:#315f52;font-size:13px; }
.need-workspace .need-offer-summary { display:block;list-style:none; }
.need-workspace .need-offer-summary::-webkit-details-marker { display:none; }
.need-workspace .need-offer-summary .workspace-contribution-card__identity { flex-wrap:wrap;gap:6px; }
.need-workspace .need-offer-summary .workspace-contribution-card__identity > strong { font-size:14px; }
.need-workspace .need-offer-summary .workspace-match-avatar { width:28px;height:28px;flex:0 0 28px;font-size:11px; }
.need-workspace .need-offer-role,.need-workspace .need-creator-role { font-size:13px;color:#475569; }
.need-workspace .need-rating-prompt { margin-top:8px; }
.need-workspace .need-offer-details-content > .workspace-need-outcome { display:none; }
.need-workspace .workspace-contribution-list__heading:empty { display:none; }
.need-workspace .need-overview-more .need-creator-trust { display:block;width:fit-content;margin:8px 0; }
.need-workspace .need-overview-more .need-creator-trust__body { position:static;max-width:100%; }

/* Needer and Giver share one row; native details and live updates stay intact. */
.need-workspace .need-people-row { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;margin:8px 0; }
.need-workspace .need-people-row > .need-simple-creator { box-sizing:border-box;width:100%;min-width:0;min-height:46px;margin:0;flex-wrap:wrap!important; }
.need-workspace .need-people-row > [data-need-live-participation] { min-width:0; }
.need-workspace .need-people-row .need-simple-offers { padding:0;margin:0;border:0;background:transparent;box-shadow:none; }
.need-workspace .need-people-row .workspace-contribution-cards { margin:0;gap:8px; }
.need-workspace .need-people-row .workspace-contribution-card { box-sizing:border-box;width:100%;min-width:0;margin:0;padding:7px 10px; }
.need-workspace .need-people-row .need-offer-details-content { overflow-wrap:anywhere; }
.need-workspace .need-people-row .need-offer-details-content textarea { box-sizing:border-box;max-width:100%; }
.need-workspace .need-people-row .workspace-contribution-card__identity > strong { overflow-wrap:anywhere; }
@media(max-width:640px){.need-workspace .need-people-row { grid-template-columns:minmax(0,1fr);gap:8px; }}

/* Equal independent people cards use the image's complete content width. */
.need-workspace .need-people-row { box-sizing:border-box;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%!important;max-width:none!important;gap:12px;align-items:start;padding:0!important;border:0!important;background:transparent!important; }
.need-workspace .need-people-row > .need-simple-creator,
.need-workspace .need-people-row .workspace-contribution-card { box-sizing:border-box;width:100%!important;max-width:none!important;min-height:76px;padding:10px 12px!important;border:1px solid #e2e8f0!important;border-radius:10px;background:#f8faf9!important;box-shadow:none!important; }
.need-workspace .need-people-row > .need-simple-creator { align-content:center;justify-content:flex-start;gap:6px; }
.need-workspace .need-people-row > [data-need-live-participation] { width:100%;margin:0!important;padding:0!important; }
.need-workspace .need-people-row .workspace-contribution-cards { grid-template-columns:minmax(0,1fr)!important;width:100%; }
@media(max-width:640px){.need-workspace .need-people-row { grid-template-columns:minmax(0,1fr)!important; }}

/* Matching identity rows and detail controls in both people cards. */
.need-workspace .need-people-row { align-items:stretch!important; }
.need-workspace .need-people-row > .need-simple-creator { display:block!important;min-height:84px; }
.need-workspace .need-people-row .workspace-contribution-card { min-height:84px; }
.need-workspace .need-needer-identity { display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:28px;margin:2px 0 6px; }
.need-workspace .need-needer-identity > strong { font-size:14px; }
.need-workspace .need-people-row .workspace-contribution-list__heading { display:none!important; }
.need-workspace .need-people-row .need-simple-offers,
.need-workspace .need-people-row .workspace-contribution-cards { margin-top:0!important;padding-top:0!important; }
.need-workspace .need-people-row .need-overview-more { margin:0!important; }
.need-workspace .need-people-row .need-overview-more > summary,
.need-workspace .need-people-row .need-offer-open-hint { display:block;list-style:none;cursor:pointer;color:#6d28d9;font-size:12px;line-height:18px;margin:0; }
.need-workspace .need-people-row .need-overview-more > summary::-webkit-details-marker { display:none; }

/* Closed people cards: identical geometry through every nested wrapper. */
.need-workspace .need-people-row { align-items:start!important; }
.need-workspace .need-people-row > .need-simple-creator,
.need-workspace .need-people-row .workspace-contribution-card { min-height:84px!important;padding:10px 12px!important;margin:0!important; }
.need-workspace .need-people-row > .need-simple-creator { align-content:normal!important; }
.need-workspace .need-people-row > .need-simple-creator:not(:has([data-need-overview-more][open])),
.need-workspace .need-people-row .workspace-contribution-card:not(:has(details[open])) { height:84px!important; }
.need-workspace .need-people-row .need-needer-identity,
.need-workspace .need-people-row .need-offer-summary .workspace-contribution-card__identity { display:flex!important;align-items:center!important;min-height:28px!important;margin:0 0 6px!important;padding:0!important;gap:6px!important; }
.need-workspace .need-people-row .need-offer-summary { margin:0!important;padding:0!important; }
.need-workspace .need-people-row .need-overview-more,
.need-workspace .need-people-row .need-overview-more > summary,
.need-workspace .need-people-row .need-offer-open-hint { margin:0!important;padding:0!important;line-height:18px!important; }
.need-workspace .need-people-row .need-simple-offers,
.need-workspace .need-people-row .workspace-contribution-cards,
.need-workspace .need-people-row > [data-need-live-participation] { padding:0!important;margin:0!important; }

/* Creation date shares the Needer detail line; empty discussion stays quiet. */
.need-workspace .need-people-row .need-overview-more > summary { display:flex!important;align-items:center;justify-content:space-between;gap:6px; }
.need-workspace .need-people-row .need-simple-created { display:inline!important;position:static!important;flex:0 0 auto;margin:0!important;padding:0!important;font-size:10px!important;line-height:18px!important;color:#718096; }
.need-workspace [data-deleted-discussion-empty] { display:none!important; }

/* The completed result belongs directly below the Needer/Giver pair. */
.need-workspace [data-need-outcome-slot]:empty { display:none; }
.need-workspace .need-people-row + [data-need-outcome-slot] { margin:0 0 10px;padding:0; }
.need-workspace .need-people-row + [data-need-outcome-slot] .need-success { width:100%;box-sizing:border-box;margin:0; }
.need-workspace .need-people-row + [data-need-outcome-slot] .need-success > summary { display:block;box-sizing:border-box;width:100%;padding:6px 10px;border:1px solid #cde6d5;border-radius:8px;background:#edf7ef;color:#237341;font-size:12px;line-height:18px; }
.need-workspace .need-has-success .need-primary-image img { opacity:.88; }

/* One cheerful canonical TSEMOU face, static and compact. */
.need-workspace .need-people-row + [data-need-outcome-slot] .need-success > summary { display:flex;align-items:center;gap:8px; }
.need-workspace .need-success-mascot { display:block;width:28px;height:28px;flex:0 0 28px;object-fit:contain;animation:none; }

/* Verified completion: one quiet check, anchored to the avatar itself. */
.tsemou-profile-avatar { align-self:start; }
.tsemou-profile-avatar-frame { display:inline-flex;position:relative;align-items:center; }
.tsemou-profile-giver-check { position:absolute;right:0;bottom:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;background:#27834a;color:#fff;font-size:14px;font-weight:800;text-decoration:none; }
.workspace-contribution-card .tsemou-giver-avatar { overflow:visible; }
.workspace-contribution-card .tsemou-giver-avatar > .tsemou-giver-recognition-mark { right:-2px;bottom:-2px;width:14px;height:14px;min-width:0;min-height:0;margin:0;padding:0;border:1.5px solid #fff;background:#27834a;color:#fff;font-size:10px;line-height:1;cursor:pointer;pointer-events:auto;box-shadow:none; }
.tsemou-giver-badge-explanation { margin-top:8px;padding:8px 10px;border:1px solid #d7e5df;border-radius:8px;background:#f7fbf9;font-size:13px;line-height:1.5; }
.tsemou-giver-badge-explanation p { margin:4px 0; }
.tsemou-profile-giver-check:focus-visible,.tsemou-giver-recognition-mark:focus-visible { outline:2px solid #176b59;outline-offset:2px; }

/* Consistent visible completion check on account and Give avatars. */
.tsemou-account-avatar-frame { position:relative;display:inline-flex;flex:0 0 auto;align-items:center;overflow:visible; }
.tsemou-account-giver-check { position:absolute;right:-4px;bottom:-3px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#237b42;color:#fff;font-size:12px;font-weight:900;line-height:1; }
.workspace-contribution-card .tsemou-giver-avatar > .tsemou-giver-recognition-mark { width:18px!important;height:18px!important;right:-4px!important;bottom:-3px!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#237b42!important;color:#fff!important;font-size:12px!important;font-weight:900!important; }
.tsemou-profile-giver-check { width:26px;height:26px;font-size:17px; }

/* Badge explanations participate in layout instead of overflowing closed cards. */
.need-workspace .need-people-row .workspace-contribution-card:has([data-giver-badge-explanation]) { height:auto!important;min-height:84px!important; }
.need-workspace .need-people-row [data-giver-badge-explanation] { position:static!important;box-sizing:border-box;max-width:100%;width:100%;margin-top:8px;overflow-wrap:anywhere; }

/* Completed Give: archived details, secondary link, composer only on demand. */
.need-workspace .need-completed-give-link { display:inline-block;margin:6px 0;color:#315f52;font-size:12px;text-decoration:underline; }
.need-workspace .need-completed-conversation { margin:8px 0; }
.need-workspace .need-completed-conversation > summary,
.need-workspace .need-completed-compose > summary { cursor:pointer;color:#315f52;font-size:13px;line-height:1.5; }
.need-workspace .need-completed-compose { margin-top:8px; }

/* Reporting describes its exact target and remains a secondary action. */
.need-workspace .need-moderation-row > summary { cursor:pointer;font-size:12px;color:#64748b; }
.need-workspace .need-moderation-row button,
.need-workspace [data-report-scope] { font-size:12px!important;text-transform:none!important;letter-spacing:normal!important;padding:6px 9px!important; }

/* 5.71.2528 — compact public-message overflow menu. */
.need-workspace .need-message-menu { position:relative;flex:0 0 auto;margin:0 0 0 auto;padding:0;border:0; }
.need-workspace .need-message-menu > summary { display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;width:40px;height:40px;padding:0;border-radius:50%;color:#64748b;font-size:24px;line-height:1; }
.need-workspace .need-message-menu > summary::-webkit-details-marker { display:none; }
.need-workspace .need-message-menu > summary:hover,
.need-workspace .need-message-menu[open] > summary { background:#f1f5f9;color:#334155; }
.need-workspace .need-message-menu > summary:focus-visible { outline:2px solid #315f52;outline-offset:2px; }
.need-workspace .need-message-menu__items { position:absolute;right:0;top:calc(100% + 4px);z-index:30;box-sizing:border-box;width:220px;max-width:calc(100vw - 40px);padding:4px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;box-shadow:0 6px 20px rgba(15,23,42,.12); }
.need-workspace .need-message-menu:not([open]) > .need-message-menu__items { display:none; }
.need-workspace .need-message-menu__items > button { display:block;width:100%;min-height:40px;margin:0;padding:9px 12px!important;border:0;border-radius:6px;background:transparent;color:#334155;text-align:left;font-size:13px!important;white-space:normal; }
.need-workspace .need-message-menu__items > button:hover { background:#f1f5f9; }

/* 5.71.2529 — compact personal profile and mobile navigation. */
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-avatar { display:flex;flex-direction:column;align-items:center;gap:7px; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-avatar-edit { display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-height:32px!important;padding:4px 9px!important;margin:0!important;border:1px solid #bed1cb!important;border-radius:7px!important;font-size:12px!important;line-height:1.2!important;font-weight:600;color:#176b59;text-decoration:none; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-details { margin:10px 0 0!important;padding:8px 0!important;gap:5px!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-details > div { display:flex!important;flex-wrap:wrap;align-items:baseline;gap:3px 8px!important;margin:0!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-details dt,
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-details dd { margin:0!important;padding:0!important;font-size:12px!important;line-height:1.4!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-details dd { min-width:0;overflow-wrap:anywhere; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-collaboration-disclosure { margin:10px 0!important;padding:9px 0!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-giver-footprint-compact { margin:10px 0!important;padding:9px 0!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-giver-footprint-hint { font-size:12px!important;line-height:1.4!important;margin-top:3px!important; }
@media(max-width:760px) {
  #tsemouMobileFeedFilterSheet .tsemou-mobile-menu-disclosure { margin:0!important;padding:0!important;border-top:1px solid #e5e7eb; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-menu-disclosure > summary { display:list-item;list-style-position:inside;padding:12px 0;cursor:pointer;font-size:14px;font-weight:600;color:#334155; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-menu-disclosure:not([open]) > section { display:none!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-menu-disclosure > section { margin:0!important;padding:6px 0 12px!important;border:0!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation { padding:8px 0!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-navigation-list > a { min-height:42px!important;padding:7px 0!important;font-size:14px!important;line-height:1.35!important; }
  #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--account a { display:block;padding:7px 0;font-size:14px; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-card { grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:16px!important; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-card h1 { font-size:25px!important;line-height:1.1!important;overflow-wrap:anywhere; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-avatar-image { width:72px!important;height:72px!important; }
}
@media(max-width:760px) {
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-content { display:contents!important; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-content > * { grid-column:1 / -1; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-avatar { grid-column:1;grid-row:1 / 3; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-kicker { grid-column:2;grid-row:1;margin:0!important;align-self:end; }
  body.tsemou-profile-page:not(.tsemou-avatar-setup-page) #tsemou-profile-title { grid-column:2;grid-row:2;align-self:start; }
}

/* 5.71.2530 — centered identity, shared typography and explicit knowledge links. */
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-card { display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-account-email { margin:0!important;text-align:center;font-family:var(--tsemou-font-sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:12px;line-height:1.4;color:var(--tsemou-muted,#7a8793);overflow-wrap:anywhere; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-avatar { align-self:center!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) .tsemou-profile-content { display:block!important;width:100%;min-width:0; }
body.tsemou-profile-page:not(.tsemou-avatar-setup-page) #tsemou-profile-title { margin:0 0 16px!important;text-align:center!important;font-family:var(--tsemou-font-sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important;font-size:var(--tsemou-feed-title-size,17px)!important;font-weight:var(--tsemou-feed-title-weight,700)!important;line-height:var(--tsemou-feed-title-line,1.28)!important;letter-spacing:var(--tsemou-feed-title-tracking,-.01em)!important;color:var(--tsemou-text,#17202a)!important;overflow-wrap:anywhere; }
body.tsemou-profile-page .tsemou-human-value-pilot { display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;padding:10px 0;border-top:1px solid var(--tsemou-neutral-200,#e4e8e7); }
body.tsemou-profile-page .tsemou-human-value-pilot > a { display:inline-flex;align-items:center;min-height:var(--tsemou-button-h,36px);padding:4px 10px;border:1px solid var(--tsemou-primary,#0f8f75);border-radius:8px;font-family:var(--tsemou-font-sans,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:14px;font-weight:600;line-height:1.4;color:var(--tsemou-primary,#0f8f75)!important;background:var(--tsemou-neutral-050,#f7f8f8);text-decoration:underline!important;text-underline-offset:3px; }
body.tsemou-profile-page .tsemou-human-value-pilot > a:hover { color:var(--tsemou-primary-hover,#0c7f68)!important;background:var(--tsemou-neutral-100,#f1f3f3); }
body.tsemou-profile-page .tsemou-human-value-pilot > a:focus-visible { outline:2px solid var(--tsemou-primary,#0f8f75);outline-offset:3px; }

/* 5.71.2534 — compact feed boundaries; workspace layouts excluded. */
body:not(.entity-workspace-lock) .center-column #storyFeed.story-feed { gap:0!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card { position:relative;margin-top:0!important;margin-bottom:0!important;padding-top:12px!important;padding-bottom:12px!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card::after { content:""!important;display:block!important;position:absolute!important;left:12px;right:12px;bottom:0;height:1px!important;margin:0!important;background:var(--tsemou-neutral-200,#e4e8e7)!important;pointer-events:none; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card:last-child::after { display:none!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card.case-type-story::before { top:0!important; }

/* 5.71.2535 — entity type and date share the feed metadata line. */
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-topline { display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:4px 8px!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-topline > .case-pill { display:inline-flex!important;flex:0 0 auto!important;width:auto!important;max-width:100%;order:0;margin:0!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-topline > .case-updated { display:inline!important;flex:0 0 auto!important;width:auto!important;order:1;margin:0!important;white-space:nowrap; }
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-topline > .feed-category { flex:0 1 auto!important;width:auto!important;order:2;margin:0!important; }

/* 5.71.2537 — Evidence entry alongside feed type and date. */
body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-topline > .feed-evidence-link { display:inline-flex;align-items:center;gap:5px;order:3;flex:0 0 auto;width:auto;margin:0;padding:3px 8px;min-height:24px;border:1px solid var(--tsemou-neutral-200,#e4e8e7);border-radius:999px;color:var(--tsemou-primary,#0f8f75);background:var(--tsemou-neutral-050,#f7f8f8);font-size:11px;line-height:1.25;text-decoration:none;font-weight:600; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-evidence-link:hover { background:var(--tsemou-neutral-100,#f1f3f3);text-decoration:underline; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-evidence-link:focus-visible { outline:2px solid var(--tsemou-primary,#0f8f75);outline-offset:2px; }

/* 5.71.2538 — legible compact actions and accessible touch targets. */
[data-living-node-companion], .living-node-page-companion { display:none!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .entry-actions { display:flex!important;align-items:center;flex-wrap:wrap;gap:6px!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-icon-action { display:inline-flex!important;align-items:center;justify-content:center;gap:5px!important;width:auto!important;min-width:36px!important;height:auto!important;min-height:36px!important;padding:5px 9px!important;border-radius:999px!important;background:var(--tsemou-neutral-100,#f1f3f3)!important;color:var(--tsemou-neutral-700,#3f4b55)!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-action-label { display:inline!important;font-size:12px;line-height:1.25;font-weight:600; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-icon-action svg { width:16px;height:16px;flex:0 0 16px; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-icon-action:hover { background:var(--tsemou-neutral-200,#e4e8e7)!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-icon-action:focus-visible,
body:not(.entity-workspace-lock) .center-column #storyFeed .vote-btn:focus-visible { outline:2px solid var(--tsemou-primary,#0f8f75)!important;outline-offset:2px; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-save-action.is-active { color:var(--tsemou-primary,#0f8f75)!important; }
body:not(.entity-workspace-lock) .center-column #storyFeed .feed-save-action.is-active svg { fill:currentColor; }
@media(max-width:760px), (pointer:coarse) {
  body:not(.entity-workspace-lock) .center-column #storyFeed .feed-icon-action,
  body:not(.entity-workspace-lock) .center-column #storyFeed .vote-btn { min-width:44px!important;min-height:44px!important; }
}

/* 5.71.2540 — temporary thumbnail slots for right-column layout review. */
.right-column .tsemou-stream-snapshot-main { display:grid!important;grid-template-columns:minmax(0,1fr) 60px!important;align-items:start!important;gap:9px!important; }
.right-column .tsemou-stream-snapshot-copy { grid-column:1!important;grid-row:1!important;min-width:0!important; }
.right-column .tsemou-stream-snapshot-visual { grid-column:2!important;grid-row:1!important;width:60px!important;height:60px!important;margin:0!important;border-radius:8px!important;overflow:hidden; }
.right-column .tsemou-stream-snapshot-visual img { width:100%!important;height:100%!important;object-fit:cover!important; }
.right-column .tsemou-stream-snapshot-visual.is-placeholder { display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;background:#f1f3f3!important;border:1px dashed #cbd3d1!important;color:#94a09c; }
.right-column .tsemou-stream-snapshot-visual.is-placeholder svg { width:24px;height:24px;stroke:currentColor;stroke-width:1.3; }

/* 5.71.2541 — one type, title and supporting line per Discover card. */
.right-column .tsemou-stream-snapshot-label { display:inline-block!important;color:var(--tsemou-muted,#7a8793)!important;background:transparent!important;padding:0!important;font-size:10px!important;line-height:1.3!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important; }
.right-column .tsemou-stream-snapshot-copy > strong { display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35!important;margin:3px 0!important; }
.right-column .tsemou-stream-snapshot-subtitle { display:-webkit-box!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:11px!important;line-height:1.4!important;margin:0!important; }

/* 5.71.2542 — reserve a separate slot for recommendation controls. */
.right-column .tsemou-stream-snapshot:has(.tsemou-stream-feedback) > .tsemou-stream-snapshot-main { box-sizing:border-box!important;padding-right:32px!important; }
.right-column .tsemou-stream-feedback { top:6px!important;right:4px!important;width:24px; }
.right-column .tsemou-stream-feedback-trigger { width:24px!important;height:24px!important; }
.right-column .tsemou-stream-feedback-trigger:focus-visible { outline:2px solid var(--tsemou-primary,#0f8f75)!important;outline-offset:1px; }

/* Publication creation explanation in the existing navigation link. */
/* TSEMIT: compact primary action; supporting copy outside the button. */
.tsemou-tsemit-create-help{display:block;margin:6px 0 10px;font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#000000!important;white-space:normal;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > .tsemou-guest-explore__link.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:fit-content!important;justify-self:center!important;align-self:center!important;max-width:100%!important;min-height:34px!important;box-sizing:border-box!important;padding:6px 12px!important;margin:0!important;background:#ed001b!important;border:1px solid #ed001b!important;border-radius:999px!important;color:#ffffff!important;font-size:14px!important;font-weight:650!important;line-height:20px!important;box-shadow:none!important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > .tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary span,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary span{color:#ffffff!important;font-size:14px!important;font-weight:650!important;line-height:20px!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > .tsemou-tsemit-primary:hover,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary:hover{background:#cf0018!important;border-color:#cf0018!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > .tsemou-tsemit-primary:focus-visible,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary:focus-visible{outline:3px solid #ed001b!important;outline-offset:3px!important;}

/* Primary actions: TSEMITI has 80% of the TSEMIT button dimensions. */
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary{width:96px!important;height:34px!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemiti-primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important;width:96px!important;height:30px!important;min-height:30px!important;padding:3px 8px!important;margin:0!important;border:1px solid #a9d8f0!important;border-radius:999px!important;background:#a9d8f0!important;color:#173e2b!important;font-size:13px!important;font-weight:650!important;line-height:18px!important;box-shadow:none!important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary span,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemiti-primary span{font-size:13px!important;font-weight:650!important;color:#173e2b!important;line-height:18px!important;}
.tsemou-tsemiti-create-help{display:block;margin:6px 0 10px;font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#000000!important;white-space:normal;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemiti-primary:hover,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemiti-primary:hover{background:#96cce7!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemiti-primary:focus-visible,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemiti-primary:focus-visible{outline:2px solid #087d67!important;outline-offset:3px!important;}

/* TSEMRATE uses the same secondary action style as TSEMITI. */
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemrate-primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important;width:96px!important;height:30px!important;min-height:30px!important;padding:3px 8px!important;margin:0!important;border:1px solid #cdb8ea!important;border-radius:999px!important;background:#cdb8ea!important;color:#173e2b!important;font-size:13px!important;font-weight:650!important;line-height:18px!important;box-shadow:none!important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary span,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemrate-primary span{font-size:13px!important;font-weight:650!important;color:#173e2b!important;line-height:18px!important;}
.tsemou-tsemrate-help{display:block;margin:6px 0 10px;font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#000000!important;white-space:normal;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemrate-primary:hover,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemrate-primary:hover{background:#bea5df!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemrate-primary:focus-visible,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemrate-primary:focus-visible{outline:2px solid #087d67!important;outline-offset:3px!important;}

/* TSEMCARE uses the same secondary action style as TSEMITI. */
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemcare-primary.tsemou-tsemcare-primary.tsemou-tsemcare-primary.tsemou-tsemcare-primary,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemcare-primary{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;justify-self:center!important;align-self:center!important;box-sizing:border-box!important;width:96px!important;height:30px!important;min-height:30px!important;padding:3px 8px!important;margin:0!important;border:1px solid #7cfc00!important;border-radius:999px!important;background:#7cfc00!important;color:#173e2b!important;font-size:13px!important;font-weight:650!important;line-height:18px!important;box-shadow:none!important;
}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemcare-primary.tsemou-tsemcare-primary.tsemou-tsemcare-primary.tsemou-tsemcare-primary span,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemcare-primary span{font-size:13px!important;font-weight:650!important;color:#173e2b!important;line-height:18px!important;}
.tsemou-tsemcare-help{display:block;margin:6px 0 10px;font-size:11px!important;font-weight:400!important;line-height:1.5!important;color:#000000!important;white-space:normal;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemcare-primary:hover,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemcare-primary:hover{background:#70e300!important;}
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemcare-primary:focus-visible,
.tsemou-mobile-feed-navigation-list > a.tsemou-tsemcare-primary:focus-visible{outline:2px solid #087d67!important;outline-offset:3px!important;}

.tsemou-tsemcare-help a{color:inherit!important;font:inherit!important;text-decoration:underline;text-underline-offset:3px;}
.tsemou-tsemcare-help a:focus-visible{outline:2px solid #087d67;outline-offset:3px;}

/* A single TSEMCARE entry opens the two existing participation routes. */
.tsemou-care-choice{width:100%;margin:0;padding:0;border:0;background:transparent;}
.tsemou-care-choice > summary{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:96px;height:30px;min-height:30px;margin:0 auto;padding:3px 8px;border:1px solid #7cfc00;border-radius:999px;background:#7cfc00;color:#173e2b;font-family:inherit;font-size:13px;font-weight:650;line-height:18px;list-style:none;cursor:pointer;}
.tsemou-care-choice > summary::-webkit-details-marker{display:none;}
.tsemou-care-choice > summary:hover{background:#70e300;}
.tsemou-care-choice > summary:focus-visible{outline:2px solid #087d67;outline-offset:3px;}
.tsemou-care-options{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:10px;}
.tsemou-care-options a{display:inline-flex!important;width:auto!important;min-height:32px!important;align-items:center;justify-content:center;padding:5px 9px!important;border:1px solid #bfd4c4;border-radius:7px;font-size:13px!important;font-weight:600!important;color:#173e2b!important;text-decoration:none!important;}
.tsemou-care-options a:focus-visible{outline:2px solid #087d67;outline-offset:2px;}

/* Thin glossy black edge on the four desktop left-rail actions. */
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary.tsemou-tsemit-primary,
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary.tsemou-tsemiti-primary,
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > a.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary.tsemou-tsemrate-primary,
body:not(.entity-workspace-lock) .left-column .tsemou-hi-nav > .tsemou-care-choice > summary{
 border:1px solid #111111!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 1px rgba(0,0,0,.12)!important;
}

/* Only the entry links in the central feed use black and white. */
body:not(.entity-workspace-lock) .center-column #storyFeed#storyFeed a.tse-story-enter{
 background:#000000!important;background-image:none!important;color:#ffffff!important;border-color:#000000!important;
}
body:not(.entity-workspace-lock) .center-column #storyFeed#storyFeed a.tse-story-enter :is(span,strong,b,svg){color:#ffffff!important;}
body:not(.entity-workspace-lock) .center-column #storyFeed#storyFeed a.tse-story-enter:hover{background:#222222!important;color:#ffffff!important;}
body:not(.entity-workspace-lock) .center-column #storyFeed#storyFeed a.tse-story-enter:focus-visible{outline:2px solid #000000!important;outline-offset:3px!important;}

/* 5.71.2585 — consistent touch targets in the existing mobile menu. */
@media (max-width: 1024px){
 #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a:is(.tsemou-tsemit-primary,.tsemou-tsemiti-primary,.tsemou-tsemrate-primary),
 #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > .tsemou-care-choice > summary{
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;width:108px!important;height:44px!important;min-height:44px!important;padding:6px 10px!important;margin:0 auto!important;border:1px solid #111111!important;border-radius:999px!important;font-size:13px!important;line-height:18px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 1px 1px rgba(0,0,0,.12)!important;
 }
 #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-filter-group--navigation .tsemou-mobile-feed-navigation-list > a.tsemou-tsemit-primary{height:48px!important;min-height:48px!important;font-size:14px!important;}
 #tsemouMobileFeedFilterSheet .tsemou-mobile-feed-navigation-list > :is(.tsemou-tsemit-create-help,.tsemou-tsemiti-create-help,.tsemou-tsemcare-help,.tsemou-tsemrate-help){margin:6px 0 10px!important;font-size:11px!important;line-height:1.5!important;color:#000000!important;}
}

/* 5.71.2586 — bounded mobile feed previews; keep the full source visible. */
@media(max-width:760px){
 body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card.living-case-card .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image{
  height:clamp(240px,72vw,320px)!important;min-height:clamp(240px,72vw,320px)!important;max-height:clamp(240px,72vw,320px)!important;aspect-ratio:auto!important;background:#f3f5f4!important;
 }
 body:not(.entity-workspace-lock) .center-column #storyFeed .living-case-card.living-case-card .card-media.card-media-image.has-media > .card-media-stage.card-media-stage-image > .card-media-image-element{
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;
 }
}