/* One visual language for moving from community content into people and shops. */
body[data-community-ui="harmony-f7"] :is(.cj-return,.cj-thread-actions,.cj-shop-actions) {
  --cj-ink:#4f392e;
  --cj-accent:#a1482f;
  color:var(--cj-ink);
}
body[data-community-ui="harmony-f7"] .cj-return {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:54px;padding:8px 0;margin-bottom:16px;
  border-bottom:1px solid #d9c7b384;
  font-size:13px;color:#78685c;
}
body[data-community-ui="harmony-f7"] .cj-return .cj-link {
  flex:none;display:inline-flex;align-items:center;gap:7px;
  min-height:44px;padding:0 9px 0 0;color:#91452f;text-decoration:none;
  font-weight:680;white-space:nowrap;
}
body[data-community-ui="harmony-f7"] .cj-return .ui-icon {width:17px;height:17px}
body[data-community-ui="harmony-f7"] .cj-thread-actions {
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  margin-top:22px;padding:13px 0 0;border-top:1px solid #e1d4c5;
}
body[data-community-ui="harmony-f7"] .cj-step-label {
  margin-right:auto;color:#826d5d;font-size:12px;font-weight:650;
  letter-spacing:.02em;
}
body[data-community-ui="harmony-f7"] .cj-thread-actions :is(.cj-link,.following-toggle),
body[data-community-ui="harmony-f7"] .cj-shop-actions :is(a,button) {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;padding:8px 13px;border:1px solid #d8bfa9;
  border-radius:11px;background:linear-gradient(180deg,#fffcf8,#f5eadd);
  color:#714a38;text-decoration:none;font-size:13px;font-weight:650;line-height:1.2;font-family:inherit;
  box-shadow:inset 0 1px #fff,0 2px 6px #59412c0c;
  transition:background 160ms ease,transform 160ms ease,box-shadow 160ms ease;
  cursor:pointer;
}
body[data-community-ui="harmony-f7"] .cj-thread-actions .following-toggle {
  margin:0;padding:8px 13px;
}
body[data-community-ui="harmony-f7"] .cj-thread-actions .following-toggle span {display:inline}
body[data-community-ui="harmony-f7"] .cj-thread-actions .ui-icon,
body[data-community-ui="harmony-f7"] .cj-shop-actions .ui-icon {width:17px;height:17px;flex:none}
body[data-community-ui="harmony-f7"] :is(.cj-thread-actions,.cj-shop-actions) :is(a,button):hover {
  background:#fff9ef;box-shadow:inset 0 1px #fff,0 4px 14px #59412c15;
}
body[data-community-ui="harmony-f7"] :is(.cj-thread-actions,.cj-shop-actions) :is(a,button):active {transform:translateY(1px)}
body[data-community-ui="harmony-f7"] .cj-shop-actions {display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
body[data-community-ui="harmony-f7"] .cj-shop-actions .cj-shop-inquire {
  color:#fffaf4;border-color:#9f4932;
  background:linear-gradient(180deg,#b45b3d,#92432e);
  box-shadow:inset 0 1px #dc9d78,0 4px 12px #78352223;
}
body[data-community-ui="harmony-f7"] .cj-shop-actions .cj-shop-inquire:hover {background:linear-gradient(180deg,#c16647,#98452f)}
body[data-community-ui="harmony-f7"] .cj-shop-return {margin:0 0 14px}
body[data-community-ui="harmony-f7"] .cj-chat-return {margin:0;padding-inline:16px;background:#fbf7ef}
body[data-community-ui="harmony-f7"] .cj-chat-return span {font-size:11px}
body[data-community-ui="harmony-f7"] :is(.cj-return,.cj-thread-actions,.cj-shop-actions) :is(a,button):focus-visible {outline:2px solid #a1482f;outline-offset:3px}
@media (max-width:760px) {
  body[data-community-ui="harmony-f7"] .cj-return {padding:7px 16px;margin-bottom:10px;gap:8px}
  body[data-community-ui="harmony-f7"] .cj-return>span {max-width:46%;text-align:right;line-height:1.4;font-size:11px}
  body[data-community-ui="harmony-f7"] .cj-thread-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  body[data-community-ui="harmony-f7"] .cj-thread-actions .cj-step-label {grid-column:1/-1}
  body[data-community-ui="harmony-f7"] .cj-thread-actions :is(.cj-link,.following-toggle) {width:100%;min-width:0;padding-inline:8px;font-size:12px}
  body[data-community-ui="harmony-f7"] .cj-shop-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}
  body[data-community-ui="harmony-f7"] .cj-shop-actions :is(a,button) {min-width:0;padding-inline:8px}
  body[data-community-ui="harmony-f7"] .cj-shop-return {padding-inline:0}
  body[data-community-ui="harmony-f7"] .cj-chat-return {padding-inline:12px}
}
@media (prefers-reduced-motion:reduce) {
  body[data-community-ui="harmony-f7"] :is(.cj-thread-actions,.cj-shop-actions) :is(a,button) {transition:none}
}