/* 5.71.1627 — Story proposal trigger relocated into reading flow. Presentation only. */
body.entity-workspace-lock .story-workspace .story-workspace-canonical-entities,
body.entity-workspace-lock .story-workspace .story-workspace-canonical-entities-title,
body.entity-workspace-lock .story-workspace [data-canonical-entities],
body.entity-workspace-lock .story-workspace .workspace-knowledge-panel,
body.entity-workspace-lock .story-workspace .story-workspace-configured-modules,
body.entity-workspace-lock .story-workspace .story-origin-needs,
body.entity-workspace-lock .story-workspace [data-story-origin-needs] {
  display:none !important;
}

/* The old verbose proposal block must never participate in page layout while closed. */
.tsemou-story-proposal-source.is-stowed {
  display:none !important;
}

.tsemou-story-proposal-mini-trigger {
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin:0 0 10px 0;
  padding:5px 9px;
  border:1px solid rgba(29,48,41,.14);
  border-radius:999px;
  background:#f7faf8;
  color:#40554d;
  box-shadow:none;
  font:600 12px/1.1 inherit;
  cursor:pointer;
}
.tsemou-story-proposal-mini-trigger::before { content:'+ '; font-weight:700; }
.tsemou-story-proposal-mini-trigger:hover,
.tsemou-story-proposal-mini-trigger:focus-visible {
  background:#fff;
  border-color:rgba(29,48,41,.26);
  color:#253b33;
}
.story-workspace .story-workspace-lead > .tsemou-story-proposal-mini-trigger {
  align-self:flex-start;
}

.tsemou-story-proposal-modal[hidden] { display:none !important; }
.tsemou-story-proposal-modal {
  position:fixed;
  inset:0;
  z-index:100120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.tsemou-story-proposal-modal__backdrop {
  position:absolute;
  inset:0;
  background:rgba(17,26,23,.52);
}
.tsemou-story-proposal-modal__dialog {
  position:relative;
  z-index:1;
  width:min(540px,calc(100vw - 28px));
  max-height:calc(100dvh - 36px);
  overflow:auto;
  border:1px solid rgba(29,48,41,.14);
  border-radius:14px;
  background:#fff;
  padding:20px;
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.tsemou-story-proposal-modal__close {
  position:absolute;
  top:8px;
  right:8px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:#eef2f0;
  color:#25372f;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}
.tsemou-story-proposal-modal__content { padding-top:20px; }
.tsemou-story-proposal-modal__content .tsemou-story-proposal-source {
  display:block !important;
  margin:0 !important;
  max-width:none !important;
}
body.tsemou-story-proposal-modal-open { overflow:hidden; }

@media (max-width:760px) {
  .tsemou-story-proposal-modal { align-items:flex-end; padding:8px; }
  .tsemou-story-proposal-modal__dialog {
    width:100%;
    max-height:84dvh;
    border-radius:16px 16px 10px 10px;
    padding:18px;
  }
}

/* 5.71.1634 — Story image proposal compact TSEMOU-orange treatment.
   Presentation only; modal/workflow untouched. */
.story-workspace .tsemou-story-proposal-mini-trigger,
.tsemou-story-proposal-mini-trigger {
  min-height:24px;
  margin:0 0 8px 0;
  padding:3px 8px;
  border:1px solid #fe9120;
  border-radius:999px;
  background:#fff7ef;
  color:#d96f00;
  box-shadow:none;
  font-size:11px;
  font-weight:700;
  line-height:1.1;
  letter-spacing:.02em;
}
.tsemou-story-proposal-mini-trigger:hover,
.tsemou-story-proposal-mini-trigger:focus-visible {
  background:#fe9120;
  border-color:#fe9120;
  color:#fff;
}

/* 5.71.1635 — Anonymous Story desktop: Proposal 4 compact icon-only left rail.
   Scope is intentionally narrow: anonymous Story workspace on wide desktop only.
   Logged-in workspace, Home/Explore and mobile geometry are untouched. */
@media (min-width:1201px) {
  body.entity-workspace-lock:not(.logged-in) .homepage-grid {
    grid-template-columns:72px 640px 320px !important;
    width:1064px !important;
    max-width:1064px !important;
    column-gap:16px !important;
    justify-content:center !important;
  }

  body.entity-workspace-lock:not(.logged-in) .homepage-grid > .left-column {
    width:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    padding:12px 8px !important;
    overflow:visible !important;
    box-sizing:border-box !important;
  }

  body.entity-workspace-lock:not(.logged-in) .homepage-grid > .center-column {
    width:640px !important;
    min-width:0 !important;
    max-width:640px !important;
  }

  body.entity-workspace-lock:not(.logged-in) .homepage-grid > .right-column {
    width:320px !important;
    min-width:0 !important;
    max-width:320px !important;
  }

  /* Guest Explore becomes a quiet icon rail. */
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__title {
    display:none !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__nav {
    display:grid !important;
    grid-template-columns:1fr !important;
    justify-items:center !important;
    gap:8px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:12px !important;
    gap:0 !important;
    overflow:hidden !important;
    white-space:nowrap !important;
  }

  /* Hide only the visible text label; keep the mascot-family icon intact. */
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link > span:not(.tsemou-guest-explore__icon) {
    display:none !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__icon {
    display:grid !important;
    place-items:center !important;
    width:28px !important;
    height:28px !important;
    margin:0 !important;
    flex:0 0 28px !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__icon svg {
    width:24px !important;
    height:24px !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link:hover,
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link:focus-visible {
    background:rgba(254,145,32,.08) !important;
    outline:none !important;
  }
}

/* 5.71.1636 — Anonymous Story icon rail: native-label hover/focus tooltips.
   Reuses each existing nav label as the tooltip; no duplicate navigation DOM. */
@media (min-width:1201px) {
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link {
    position:relative !important;
    overflow:visible !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link > span:not(.tsemou-guest-explore__icon) {
    display:block !important;
    position:absolute !important;
    left:52px !important;
    top:50% !important;
    z-index:10020 !important;
    transform:translate(4px,-50%) !important;
    width:max-content !important;
    max-width:180px !important;
    padding:6px 9px !important;
    border:1px solid rgba(33,48,73,.14) !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 5px 16px rgba(33,48,73,.12) !important;
    color:#213049 !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    white-space:nowrap !important;
    pointer-events:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    transition:opacity .12s ease, transform .12s ease, visibility 0s linear .12s !important;
  }

  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link:hover > span:not(.tsemou-guest-explore__icon),
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link:focus-visible > span:not(.tsemou-guest-explore__icon) {
    opacity:1 !important;
    visibility:visible !important;
    transform:translate(0,-50%) !important;
    transition-delay:0s !important;
  }
}

/* 5.71.1637 — Reader-facing related context in the Story right rail.
   Uses existing canonical relation links but removes technical Entity/type language. */
.tsemou-story-related-public-card{
  margin:18px 0 0;
  padding:12px 12px 10px;
  border:1px solid rgba(33,48,73,.12);
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 18px rgba(33,48,73,.05);
}
.tsemou-story-related-public-card__title{
  margin:0 0 9px;
  color:#213049;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}
.tsemou-story-related-public-card__list{
  display:grid;
  gap:5px;
}
.tsemou-story-related-public-card__link{
  display:flex;
  align-items:center;
  min-height:30px;
  padding:6px 8px;
  border-radius:8px;
  background:#f7f9f8;
  color:#213049;
  font-size:12px;
  font-weight:600;
  line-height:1.25;
  text-decoration:none;
}
.tsemou-story-related-public-card__link:hover,
.tsemou-story-related-public-card__link:focus-visible{
  background:rgba(254,145,32,.08);
  color:#213049;
  outline:1px solid rgba(254,145,32,.28);
}
@media (max-width:1200px){
  .tsemou-story-related-public-card{display:none!important;}
}

/* 5.71.1638 — Story architecture cohesion pass.
   Left = deliberate navigation rail; center = hero; right = discovery/context, not a hamburger list. */
@media (min-width:1201px){
  body.entity-workspace-lock:not(.logged-in) .homepage-grid > .left-column{
    padding-top:14px!important;
  }
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__nav{
    gap:16px!important;
  }
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link{
    width:52px!important;min-width:52px!important;max-width:52px!important;
    height:52px!important;min-height:52px!important;
    border-radius:15px!important;
  }
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__icon{
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__icon svg{
    width:29px!important;height:29px!important;
  }
  body.entity-workspace-lock:not(.logged-in) .left-column .tsemou-guest-explore__link > span:not(.tsemou-guest-explore__icon){left:60px!important;}
}

.tsemou-story-discovery-rail{margin:20px 0 0;display:grid;gap:16px;}
.tsemou-story-discovery-rail__section{padding:0;margin:0;}
.tsemou-story-discovery-rail__section h3{margin:0 0 9px;color:#213049;font-size:13px;font-weight:800;line-height:1.25;}
.tsemou-story-discovery-rail__items{display:grid;gap:8px;}
.tsemou-story-discovery-rail__item{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:48px;padding:7px 9px;border:1px solid rgba(33,48,73,.09);border-radius:12px;background:#fff;color:#213049;text-decoration:none;box-shadow:0 3px 12px rgba(33,48,73,.035);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;}
.tsemou-story-discovery-rail__item:hover,.tsemou-story-discovery-rail__item:focus-visible{transform:translateY(-1px);border-color:rgba(254,145,32,.34);box-shadow:0 6px 16px rgba(33,48,73,.07);outline:none;}
.tsemou-story-discovery-rail__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(254,145,32,.08);color:#213049;font-size:17px;line-height:1;}
.tsemou-story-discovery-rail__copy{min-width:0;display:block;}
.tsemou-story-discovery-rail__copy strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#213049;font-size:12px;font-weight:700;line-height:1.3;}
.tsemou-story-discovery-rail__section--stories .tsemou-story-discovery-rail__icon{background:rgba(40,149,54,.09);}
.tsemou-story-discovery-rail__section--communities .tsemou-story-discovery-rail__icon{background:rgba(101,177,66,.11);}
@media(max-width:1200px){.tsemou-story-discovery-rail{display:none!important;}}


/* 5.71.1639 — canonical Entity visual in Story discovery cards. */
.tsemou-story-discovery-rail__icon {
  overflow: hidden;
  flex: 0 0 auto;
}
.tsemou-story-discovery-rail__visual-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

/* 5.71.1640 — Left column color only.
   Single-scope visual change requested: very light pink-beige background.
   No geometry, border, icon, typography, center or right-column changes. */
.homepage-grid > .left-column {
  background:#fffcfa !important;
}
