/* RUSHD RC1.27.18 · Café clarity hotfix
   Exact Café background + local Almarai + readable content for all six
   RUSHD Signatures pages and Fictional Employee of the Month. */

:is(#fictionalEmployeeOfTheMonth,.rushd-signature-page),
:is(#fictionalEmployeeOfTheMonth,.rushd-signature-page) * {
  box-sizing: border-box;
  font-family: "Almarai", Tahoma, Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

:is(#fictionalEmployeeOfTheMonth,.rushd-signature-page) {
  --rcf-bg: #0a120d;
  --rcf-card: #0e1913;
  --rcf-card-2: #181612;
  --rcf-ink: #fff5df;
  --rcf-muted: #ded8c9;
  --rcf-gold: #d8ad55;
  --rcf-gold-2: #f0cf84;
  --rcf-green: #1a2a1e;
  --rcf-line: rgba(216, 173, 85, .24);
  min-height: calc(100vh - 76px) !important;
  background-color: var(--rcf-bg) !important;
  background-image: radial-gradient(circle at 84% 8%, rgba(216,173,85,.11), transparent 28%), linear-gradient(180deg,#0a120d,#0b140f) !important;
  color: var(--rcf-ink) !important;
  color-scheme: dark;
}

:is(#fictionalEmployeeOfTheMonth,.rushd-signature-page)
  :is(h1,h2,h3,h4,h5,h6,p,li,label,button,a,span,strong,b,small,blockquote,select,option) {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none;
}

/* Feature links stay fully opaque and legible in the global top bar. */
.topbar .nav :is(
  [data-rushd-nav-key="top:rushdSignatures"],
  [data-rushd-nav-key="top:fictionalEmployeeOfTheMonth"]
) {
  color:#fffdf7 !important;
  font-family:"Almarai",Tahoma,Arial,sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.65 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* RUSHD Signatures — exact Café surface and readable typography on all pages. */
.rushd-signature-page {
  --rs-bg:#0a120d !important;
  --rs-panel:#0e1913 !important;
  --rs-ink:#fff5df !important;
  --rs-muted:#ded8c9 !important;
  --rs-gold:#f0cf84 !important;
  --rs-green:#78d3a6 !important;
  --rs-burgundy:#e18172 !important;
  background-color:#0a120d !important;
  background-image:radial-gradient(circle at 84% 8%,rgba(216,173,85,.11),transparent 28%),linear-gradient(180deg,#0a120d,#0b140f) !important;
  color:#fff5df !important;
  color-scheme:dark;
}
.rushd-signature-page .rs-page-mount {
  width:min(1280px,calc(100% - 30px)) !important;
  padding:28px 0 76px !important;
}
.rushd-signature-page .rs-hero {
  border:1px solid var(--rcf-line) !important;
  background:radial-gradient(circle at 82% 18%,rgba(216,173,85,.16),transparent 28%),linear-gradient(145deg,#1b1812,#0b140f 58%,#15120d) !important;
  color:#fff5df !important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.rushd-signature-page .rs-hero:before {
  background:linear-gradient(135deg,#d8ad55,#f0cf84) !important;
  color:#181107 !important;
  font-size:12px !important;
}
.rushd-signature-page :is(.rs-kicker,.rs-path small,.rs-detail-grid small,.rs-story-card small,.rs-document small,.rs-case-heading small,.rs-source) {
  color:#f0cf84 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.7 !important;
}
.rushd-signature-page .rs-hero h1 { color:#fff8e8 !important; line-height:1.25 !important; }
.rushd-signature-page .rs-hero p { color:#ded8c9 !important; font-size:16px !important; line-height:2 !important; }
.rushd-signature-page .rs-confidentiality { border-inline-start-color:#d8ad55 !important; background:rgba(216,173,85,.10) !important; color:#fff5df !important; font-size:13px !important; }
.rushd-signature-page :is(.rs-panel,.rs-coin-detail,.rs-atlas-drawer,.rs-seat,.rs-story-card,.rs-reference-grid article,.rs-timeline article,.rs-detail-grid article,.rs-question-list article,.rs-arguments article) {
  border-color:rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),#0e1913 !important;
  color:#fff5df !important;
  box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.rushd-signature-page :is(.rs-panel-title,.rs-coin-detail h2,.rs-atlas-drawer h2,.rs-reference-grid h3,.rs-seat summary,.rs-document h2,.rs-case-heading h2) { color:#fff5df !important; }
.rushd-signature-page :is(.rs-timeline p,.rs-value p,.rs-coin-detail>p,.rs-story-card p,.rs-reference-grid p,.rs-seat>p,.rs-question-list p,.rs-document p) {
  color:#ded8c9 !important;
  font-size:14px !important;
  line-height:1.95 !important;
  opacity:1 !important;
}
.rushd-signature-page :is(.rs-timeline h3,.rs-value h3,.rs-story-card h3,.rs-reference-grid h3,.rs-question-list h4) { color:#fff5df !important; font-size:18px !important; line-height:1.6 !important; }
.rushd-signature-page .rs-detail-grid b { color:#fff5df !important; font-size:13px !important; line-height:1.8 !important; }
.rushd-signature-page .rs-btn {
  min-height:44px !important;
  border-color:rgba(216,173,85,.32) !important;
  background:linear-gradient(90deg,rgba(216,173,85,.18),rgba(216,173,85,.07)) !important;
  color:#f5d987 !important;
  font-size:12.5px !important;
  line-height:1.55 !important;
}
.rushd-signature-page .rs-btn:is(:hover,[aria-pressed="true"]) { background:linear-gradient(90deg,#d8ad55,#f0cf84) !important; color:#181107 !important; }
.rushd-signature-page .rs-node { border-color:rgba(216,173,85,.3) !important; background:#0e1913 !important; color:#fff5df !important; font-size:12px !important; line-height:1.6 !important; }
.rushd-signature-page .rs-node-central { border-color:#d8ad55 !important; background:linear-gradient(145deg,#1a2a1e,#0a120d) !important; color:#fff8e8 !important; font-size:13px !important; }
.rushd-signature-page .rs-atlas-stage { border-color:rgba(216,173,85,.24) !important; background:radial-gradient(circle at 50% 50%,rgba(216,173,85,.10),transparent 34%),#0a120d !important; }
.rushd-signature-page .rs-atlas-lines text { fill:#ded8c9 !important; font-family:"Almarai",sans-serif !important; font-size:3px !important; opacity:1 !important; }
.rushd-signature-page :is(.rs-document,.rs-case-heading) { border-color:rgba(216,173,85,.3) !important; background:radial-gradient(circle at 86% 12%,rgba(216,173,85,.14),transparent 30%),linear-gradient(145deg,#1b1812,#0b140f) !important; color:#fff5df !important; }
.rushd-signature-page :is(.rs-path.risk,.rs-path.protection,.rs-value,.rs-text-alternative details) { background:rgba(216,173,85,.07) !important; color:#fff5df !important; }
.rushd-signature-page :is(.rs-empty,.rs-error,.rs-loading) { border-color:rgba(216,173,85,.24) !important; background:#0e1913 !important; color:#fff5df !important; font-size:14px !important; }
.rushd-signature-page :is(.cine-reveal,[class*="cine-reveal"]) { opacity:1 !important; transform:none !important; }
/* Fictional Employee — same Café background and readable cards. */
#fictionalEmployeeOfTheMonth.fem-page {
  background-color: var(--rcf-bg) !important;
  background-image: radial-gradient(circle at 84% 8%,rgba(216,173,85,.11),transparent 28%),linear-gradient(180deg,#0a120d,#0b140f) !important;
  color: var(--rcf-ink) !important;
}
#fictionalEmployeeOfTheMonth .fem-shell { width:min(1380px,calc(100% - 28px)) !important; }
#fictionalEmployeeOfTheMonth .fem-hero {
  border-color: var(--rcf-line) !important;
  background: var(--rcf-bg) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.28) !important;
}
#fictionalEmployeeOfTheMonth :is(.fem-hero-main,.fem-hero-side) {
  background: radial-gradient(circle at 82% 18%,rgba(216,173,85,.14),transparent 28%),linear-gradient(145deg,#1b1812,#0b140f 58%,#15120d) !important;
  color: var(--rcf-ink) !important;
}
#fictionalEmployeeOfTheMonth .fem-prank-button,
#fictionalEmployeeOfTheMonth .fem-rank,
#fictionalEmployeeOfTheMonth .fem-vote,
#fictionalEmployeeOfTheMonth .fem-wisdom-label {
  background: linear-gradient(135deg,#d8ad55,#f0cf84) !important;
  color: #181107 !important;
}
#fictionalEmployeeOfTheMonth .fem-hero h1,
#fictionalEmployeeOfTheMonth .fem-section-head h2,
#fictionalEmployeeOfTheMonth .fem-name,
#fictionalEmployeeOfTheMonth .fem-wisdom h2 {
  color: #fff8e8 !important;
}
#fictionalEmployeeOfTheMonth :is(.fem-tagline,.fem-hero-note,.fem-hero-side blockquote small,.fem-side-rule,.fem-section-head p) {
  color: var(--rcf-muted) !important;
  opacity: 1 !important;
}
#fictionalEmployeeOfTheMonth .fem-tagline { font-size: clamp(17px,2vw,23px) !important; }
#fictionalEmployeeOfTheMonth :is(.fem-cafe-stamp,.fem-side-rule,.fem-section-head small,.fem-award-label,.fem-wisdom-label,.fem-modal-badge) {
  font-size:12px !important;
  line-height:1.7 !important;
}
#fictionalEmployeeOfTheMonth .fem-hero-note,
#fictionalEmployeeOfTheMonth .fem-section-head p { font-size: 13px !important; line-height: 1.9 !important; }
#fictionalEmployeeOfTheMonth .fem-card {
  border-color: rgba(255,255,255,.10) !important;
  background: linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),var(--rcf-card) !important;
  color: var(--rcf-ink) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
#fictionalEmployeeOfTheMonth .fem-card:before { color: var(--rcf-gold-2) !important; opacity:1 !important; }
#fictionalEmployeeOfTheMonth .fem-portrait {
  border-color: rgba(216,173,85,.16) !important;
  background: radial-gradient(circle at 50% 38%,rgba(216,173,85,.12),transparent 28%),linear-gradient(145deg,#1b1812,#0d1711) !important;
}
#fictionalEmployeeOfTheMonth .fem-name { font-size: 18px !important; line-height:1.55 !important; }
#fictionalEmployeeOfTheMonth .fem-role { min-height:34px !important; color:var(--rcf-gold-2) !important; font-size:12px !important; line-height:1.65 !important; }
#fictionalEmployeeOfTheMonth .fem-desc { min-height:82px !important; color:var(--rcf-muted) !important; font-size:14px !important; line-height:1.9 !important; }
#fictionalEmployeeOfTheMonth .fem-meta { border-color:rgba(216,173,85,.2) !important; }
#fictionalEmployeeOfTheMonth .fem-meta-row { font-size:12px !important; line-height:1.65 !important; }
#fictionalEmployeeOfTheMonth .fem-meta-row span,
#fictionalEmployeeOfTheMonth .fem-vote-count { color:var(--rcf-muted) !important; opacity:1 !important; }
#fictionalEmployeeOfTheMonth .fem-meta-row b { color:var(--rcf-ink) !important; }
#fictionalEmployeeOfTheMonth .fem-vote { min-height:42px !important; font-size:12.5px !important; }
#fictionalEmployeeOfTheMonth .fem-vote-count { font-size:12px !important; }
#fictionalEmployeeOfTheMonth .fem-section-head > span {
  border-color:var(--rcf-line) !important;
  background:rgba(216,173,85,.08) !important;
  color:var(--rcf-gold-2) !important;
  font-size:12px !important;
}
#fictionalEmployeeOfTheMonth :is(.fem-award,.fem-wisdom) {
  border-color:var(--rcf-line) !important;
  background:radial-gradient(circle at 86% 10%,rgba(216,173,85,.12),transparent 28%),linear-gradient(145deg,#1b1812,#0b140f) !important;
  color:var(--rcf-ink) !important;
}
#fictionalEmployeeOfTheMonth :is(.fem-award>p,.fem-wisdom p,.fem-winner small) {
  color:var(--rcf-muted) !important;
  font-size:13px !important;
  line-height:1.9 !important;
}
#fictionalEmployeeOfTheMonth .fem-rule,
#fictionalEmployeeOfTheMonth .fem-winner {
  border-color:var(--rcf-line) !important;
  background:rgba(216,173,85,.08) !important;
  color:var(--rcf-ink) !important;
  font-size:13px !important;
}

/* Both light popups are identical 180px square cards anchored beside their trigger. */
#fictionalEmployeeOfTheMonth .fem-modal {
  display:block !important;
  position:fixed !important;
  inset:auto !important;
  top:var(--fem-popover-top,12px) !important;
  left:var(--fem-popover-left,12px) !important;
  width:var(--fem-popover-size,min(180px,calc(100vw - 24px),calc(100dvh - 24px))) !important;
  height:var(--fem-popover-size,min(180px,calc(100vw - 24px),calc(100dvh - 24px))) !important;
  padding:0 !important;
  background:transparent !important;
  backdrop-filter:none !important;
}
#fictionalEmployeeOfTheMonth .fem-modal-card {
  position:relative !important;
  inset:auto !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:min(180px,calc(100vw - 24px)) !important;
  max-height:min(180px,calc(100dvh - 24px)) !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:8px 8px 7px !important;
  border:1px solid rgba(62,40,29,.16) !important;
  border-radius:16px !important;
  background:radial-gradient(circle at 90% 8%,rgba(191,147,80,.18),transparent 30%),linear-gradient(155deg,#fffaf1,#f2e3cd) !important;
  color:#2d2925 !important;
  box-shadow:0 24px 72px rgba(22,17,14,.3) !important;
  transform-origin:var(--fem-transform-origin,50% 0%) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:center !important;
}
#fictionalEmployeeOfTheMonth .fem-modal-badge {
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  white-space:nowrap !important;
}
#fictionalEmployeeOfTheMonth .fem-modal-emoji { display:none !important; }
#fictionalEmployeeOfTheMonth .fem-modal-card h2 { margin:0 !important; color:#3e281d !important; font-size:14px !important; line-height:1.3 !important; }
#fictionalEmployeeOfTheMonth .fem-inline-emoji {
  display:inline-block !important;
  position:static !important;
  max-width:100% !important;
  margin-inline:2px !important;
  overflow:visible !important;
  direction:ltr !important;
  unicode-bidi:isolate !important;
  vertical-align:-.1em !important;
}
#fictionalEmployeeOfTheMonth .fem-modal-card p {
  display:-webkit-box !important;
  overflow:hidden !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:5 !important;
  margin:3px auto 5px !important;
  color:#5f5147 !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  letter-spacing:-.15px !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
}
#fictionalEmployeeOfTheMonth .fem-modal-card button { min-height:31px !important; padding:5px 6px !important; border-radius:8px !important; font-size:12px !important; line-height:1.3 !important; }

@media (max-width: 640px) {
  #fictionalEmployeeOfTheMonth .fem-shell { width:calc(100% - 16px) !important; }
  #fictionalEmployeeOfTheMonth .fem-hero-main { padding-inline:20px !important; }
  #fictionalEmployeeOfTheMonth .fem-desc { min-height:0 !important; }
  #fictionalEmployeeOfTheMonth .fem-modal-card { padding:8px 8px 7px !important; border-radius:16px !important; }
  .rushd-signature-page .rs-page-mount { width:calc(100% - 16px) !important; }
  .rushd-signature-page .rs-hero { padding:64px 20px 26px !important; }
}

@media (prefers-reduced-motion: reduce) {
  :is(#fictionalEmployeeOfTheMonth,.rushd-signature-page) * {
    animation:none !important;
    transition:none !important;
  }
}